/* Copyright (C) 2013-2017 Cybozu, Inc. */
.messageEmpty{margin:30px 15px 10px;text-align:center}.messageEmptyImage{display:inline-block;width:32px;height:32px;margin-right:7px;background:0 0 no-repeat;vertical-align:middle}.messageEmptyText{color:#999;vertical-align:middle}.messageNotificationEmpty .messageEmptyImage{background-image:url("../image/notification_lightgray32.png")}.notificationIndex .pathbar{margin-bottom:0}.notificationIndex .content{padding:0}.notificationIndex .vr_contentArea{border-color:#ccc;border-right:0;border-left:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-collapse:collapse}.notificationIndex .vr_contentAreaTd{background-color:transparent}.notificationRow .vr_followWrapper{padding:0}.notificationRow .vr_follow{padding:5px}.notificationRow .updateContents{border:0;background:#fcf6e8}.notificationIndex tt,.notificationIndex .monospace{display:block}.vr_filterbar{padding:8px 12px;background:#f6f6f6}.vr_filterbar .linkedRadioButton{background:#f6f6f6}.vr_filterbar .linkedRadioButton:hover{background-color:#e5e5e5}.vr_filterbar .linkedRadioButton:active,.vr_filterbar .linkedRadioButtonSelected{background:#e3e3e3}.vr_hasUnread{padding-right:6px}.vr_hasUnread .linkedRadioButtonLabel{padding-right:16px;background:url(../image/unread_mark16.png) no-repeat right center}.notificationNaviWrapperFlow{position:fixed}.notificationNaviWrapperFlowBottom{position:absolute}.notificationNavi{margin-top:2px}.notificationNavi .categoryItem{padding:0 0 0 20px;height:20px;background:url(../image/tree_line_right.png) 0 0 no-repeat;font-size:90%}.notificationNavi .categoryItemFirst{padding:0;background:transparent}.notificationNavi .categoryItemLast{padding:0 0 0 20px;background:url(../image/tree_line_end.png) 0 0 no-repeat}.notificationNavi .activeCategory a{color:#3d3f43;background-color:#e0dcd6;text-decoration:none}.notificationCategoryName{font-size:90%;font-weight:bold}.notificationCategory{display:none;overflow:hidden}.notificationRow{position:relative;margin-bottom:20px;padding:0 10px 10px;border:1px solid #dedede;background-color:#fff}.notificationRowRead{opacity:.7;border-color:#dedede}.notificationRow .hilightLink,.notificationRowMore .hilightLink{font-size:90%}.notificationSubject{margin-right:210px;padding:10px 0;font-size:18px;line-height:24px}.notificationSubject a{word-break:break-all}.notificationSubject .notificationInfo{margin-left:0}.notificationSubject .vr_stdButton{position:absolute;top:-2px;right:0}.notificationContents{margin:0;padding:0;font-size:90%}.notificationMainShowMenu a{display:block;padding:.5em 5px}.notificationMainShowMenu a:hover{background:rgba(0,0,0,0.025)}.notificationMain{padding:0}.notificationMainUnread{background:#fcf6e8}.notificationAddress{background:transparent;padding:0 5px;font-size:90%;line-height:22px}.notificationAddressItem+.notificationAddressItem{margin-left:1.5em}.notificationAddressLabel{color:#888}.notificationAddressText+.notificationAddressText{margin-left:.5em}.notificationBodyWrapper{border-top:1px dashed #dedede}.notificationBody{padding:5px}.notificationBodyText>div>tt{padding:.5em 0}.notificationBodyAdditional{background:transparent;padding:0 5px;font-size:90%;line-height:22px}.notificationBodyAdditionalItem{margin-right:1em}.notificationBodyAdditionalLabel{color:#888}.notificationBody .dataView,.notificationBody .dz_dataView,.notificationBody .dz_viewRecordDefaultFieldValue,.notificationBody .dz_viewRecordValue{border:0;background:transparent}.notificationBody .dataView th,.notificationBody .dz_dataView td,.notificationBody .dz_viewRecordDefaultFieldValue td,.notificationBody .dz_viewRecordValue td{width:15%;padding:4px 12px 4px 4px;border:1px solid #dedede;background:#f3f3f3;font-weight:normal;color:#888;vertical-align:top;word-break:break-all}.notificationBody .dataView td,.notificationBody .dz_viewRecordDefaultFieldValue td.recordValue,.notificationBody .dz_viewRecordValue td.recordValue{width:85%;padding:4px;border:1px solid #dedede;background:#fff;color:#3d3f43;vertical-align:top}table td table.dataViewInner td.dataViewInnerItemLabel,.notificationBody .dz_viewRecordValue td.recordValue table.dz_dataViewInner td.dz_dataViewInnerItemLabel{width:20%;background:#eed}table td table.dataViewInner td,.notificationBody .dz_viewRecordValue td.recordValue table.dz_dataViewInner td{width:80%;background:#fff}.notificationBody .scheduleDataView{margin:0}.notificationBody .scheduleAttachView td{border:0;padding:0;vertical-align:middle;width:auto}.notificationBody .dz_viewRecordValue{width:100%;margin:0}.notificationReaction{margin-top:.5em}.notificationBodyFade{z-index:30;height:10px;top:-10px;position:relative;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,rgba(252,246,232,0)),color-stop(80%,#fcf6e8));background-image:-webkit-linear-gradient(center top,rgba(252,246,232,0) 0,#fcf6e8 80%);background-image:-moz-linear-gradient(center top,rgba(252,246,232,0) 0,#fcf6e8 80%);background-image:-o-linear-gradient(center top,rgba(252,246,232,0) 0,#fcf6e8 80%);background-image:-ms-linear-gradient(center top,rgba(252,246,232,0) 0,#fcf6e8 80%);background-image:linear-gradient(center top,rgba(252,246,232,0) 0,#fcf6e8 80%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00fcf6e8',endColorstr='#fffcf6e8');background-image:linear-gradient(to bottom,rgba(252,246,232,0) 0,#fcf6e8 80%)}.notificationBodyMore{margin-top:-0.5em}.notificationBodyMore a{display:block;margin-bottom:-5px;padding:.5em 5px;border-top:1px solid #e8c47c;cursor:pointer}.notificationBodyMore a:hover{background:#fcf0d4}.notificationBodyMore a .vr_textColor{color:#3d3f43;text-decoration:none}.notificationCommentForm{border-top:1px solid #e7e7e7;padding:.5em 5px}.notificationCommentInputSimple{width:300px;padding:2px 4px;border:1px solid #bbb;outline:0}.notificationCommentForm .vr_followInputColumn{border-top:0;margin-top:0;padding:0}.notificationCommentForm .vr_followInputCaption,.notificationCommentTitle{display:none}.notificationCommentForm .followInputHeading,.notificationComment .followListColumnHeading{display:none}.notificationCommentMore a{display:block;border-top:1px solid #e7e7e7;padding:.5em 5px}.notificationCommentMore a:hover{background:rgba(0,0,0,0.025)}.notificationFooter{padding-top:10px;border-top:1px solid #e7e7e7}.notificationRowMore a{display:block;margin-bottom:10px;border-top:1px solid #e8c47c;border-bottom:1px solid #e8c47c;background:#fcf4e1;text-align:center;padding:.5em 5px;font-size:80%}.notificationRowMore a:hover{background:#fcf0d4}.notificationRow .lightButton{box-sizing:border-box;margin:0;background:0;border-color:transparent;border-radius:3px;font-size:12px;text-align:center}.notificationRow .lightButton:hover{border-color:#ccc;background:url("../image/vr_whiteButton.png") #f4f4f4 top left repeat-x}.notificationControllerWrapper{box-sizing:border-box;position:absolute;right:205px;width:0;height:100%;padding-bottom:5px;z-index:31}.notificationController{box-sizing:border-box;width:205px}.notificationController td{padding:0}.notificationControllerInner{box-sizing:border-box;width:205px;padding:5px 10px 5px 5px;border-bottom:1px solid transparent;border-left:1px solid transparent;line-height:30px;white-space:nowrap;text-align:right;user-select:none;-moz-user-select:none;-webkit-user-select:none}.notification-controller-fixed .notificationControllerInner{border-color:#dedede;background:url(../image/bg_white_alpha.png) top left repeat;box-shadow:0 2px 4px -2px rgba(128,128,128,0.2)}.notificationController .vr_stdButton,.notificationReaction .vr_stdButton,.notificationFooter .vr_stdButton{box-sizing:border-box;display:inline-block;width:100px;margin:0;padding:0;line-height:30px}.notificationController .lightButton{box-sizing:border-box;display:inline-block;width:40px;margin:0;padding:0;line-height:30px}.notificationController .lightButton img{margin:0}