header.edit{position:fixed;top:0;left:0;width:100%;z-index:3;display:block;background:#333;color:#e0e0e0}header.edit .container{display:flex;width:auto;max-width:none;margin:0 auto;align-items:center;box-shadow:rgba(0,0,0,0.4) 0 1px 3px}header.edit .container .logo{display:flex;align-items:center;justify-content:center;width:70px;height:70px;background:#3e3e3e;text-align:center;font-size:0}header.edit .container .inner{flex:1 1 auto}header.edit .control{display:flex;align-items:center;height:30px;background:#333;padding:0 40px 0 20px}header.edit .control .item:first-child{display:flex;align-items:center;align-content:center;justify-content:flex-start}header.edit .control .item:first-child svg{flex:0 0 11px;margin:2px 7px 0 0;width:11px;height:10px}header.edit .control .item:first-child span{flex:1 1 auto;font-size:11px;font-weight:bold;color:#fff}header.edit .container .control>.item{flex:1 1 50%;text-decoration:none}header.edit .container .control>.item:last-child{display:flex;align-items:center;align-content:center;justify-content:flex-end}header.edit .container .control>.item:last-child>.NotificationButton,header.edit .container .control>.item:last-child>.HelpButton,header.edit .container .control>.item:last-child>.InquiryButton{padding:5px 10px;margin:0 8px 0 0;font-size:11px;font-weight:bold;color:#fff;line-height:1.8181818181818181;text-decoration:none;display:flex;align-items:center;align-content:center;justify-content:space-between}header.edit .container .control>.item:last-child>.NotificationButton .Icon,header.edit .container .control>.item:last-child>.HelpButton .Icon,header.edit .container .control>.item:last-child>.InquiryButton .Icon{padding:0;margin:0;display:flex;align-items:center;align-content:center;justify-content:center}header.edit .container .control>.item:last-child>.NotificationButton .Icon svg,header.edit .container .control>.item:last-child>.HelpButton .Icon svg,header.edit .container .control>.item:last-child>.InquiryButton .Icon svg{fill:#fff}header.edit .container .control>.item:last-child>.NotificationButton .Text,header.edit .container .control>.item:last-child>.HelpButton .Text,header.edit .container .control>.item:last-child>.InquiryButton .Text{flex:1 1 auto;margin:0 0 0 9px;padding:0}header.edit .container .control>.item:last-child>.NotificationButton.open{background:#6f6f6f}header.edit .container .control>.item:last-child>.NotificationButton .Notification.Icon:before{content:'';background:transparent url(/assets/ng/icons/bell.svg) center center no-repeat;fill:#fff;width:15px;height:18px}header.edit .container .control>.item:last-child>.NotificationButton.unread .Notification.Icon:before{content:'';background:transparent url(/assets/ng/icons/bell_on.svg) center center no-repeat;fill:#fff;width:15px;height:18px}header.edit .container .concept{display:flex;align-items:stretch;height:40px;background:#4b4b4b;padding:0 0 0 20px}header.edit .container .concept .title{flex:0 1 auto;display:flex;justify-content:space-between;align-items:center;min-width:820px}header.edit .container .concept .title h2{display:block;font-size:14px;font-weight:bold;color:#fff;line-height:1.7142857142857142;white-space:nowrap;word-break:keep-all;text-overflow:ellipsis;overflow:hidden;min-width:240px;max-width:920px;margin:0;padding:0}header.edit .container .concept .title .count{display:block;padding:0 10px;font-size:0;min-width:60px}header.edit .container .concept .title .count svg,header.edit .container .concept .title .count span{display:inline-block;vertical-align:middle}header.edit .container .concept .title .count svg{margin:0 7px 0 0}header.edit .container .concept .title .count span{font-size:20px;font-weight:bold;color:#64b5c9;line-height:1.2}@media (max-width: 1600px){header.edit .container .concept .title{min-width:auto}header.edit .container .concept .title h2{max-width:620px}}@media (max-width: 1400px){header.edit .container .concept .title h2{max-width:520px}}@media (max-width: 1200px){header.edit .container .concept .title h2{max-width:400px}}header.edit .container .concept .links{flex:0 0 auto;display:flex;justify-content:flex-start;align-items:stretch;margin:0;padding:0;border-right:1px solid #999}header.edit .container .concept .links>a,header.edit .container .concept .links .disabledLinks{flex:1 1 auto;min-width:100px;display:block;font-size:13px;font-weight:bold;line-height:40px;text-align:center;border-left:1px solid #999;text-decoration:none}header.edit .container .concept .links>a{color:#fff}header.edit .container .concept .links>a:hover,header.edit .container .concept .links>a.current{background:#6f6f6f}header.edit .container .concept .links .disabledLinks{color:#777}header.edit .container .concept .preview.dropdown{border-left:1px solid #999;display:inline-block;position:relative}header.edit .container .concept .preview.dropdown,header.edit .container .concept .preview .dropdown-content{list-style:none;margin:0 0 0 auto;padding:0px;white-space:nowrap}header.edit .container .concept .preview .dropdown-content{background-color:#4b4b4b;display:block;overflow:hidden;position:absolute;transition:max-height 0.3s ease-out;max-height:0;z-index:1;min-width:100%;right:0}header.edit .container .concept .preview .dropdown-toggle{display:flex;align-items:center;padding:10px 110px 10px 12px;color:#fff;font-weight:600;font-size:13px;font-style:normal;line-height:20px;text-align:center;text-decoration:none;background-color:#4b4b4b;border:none}header.edit .container .concept .preview .dropdown-item{display:flex;align-items:center;padding:12px 25px 12px 12px;color:#fff;font-weight:600;font-size:13px;font-style:normal;line-height:20px;text-align:center;text-decoration:none;background-color:#4b4b4b;border:none}header.edit .container .concept .preview .dropdown-item .icon{width:24px;height:24px;margin-right:8px;vertical-align:middle}header.edit .container .concept .preview .dropdown-item>svg:last-child{margin-left:8px}header.edit .container .concept .preview .dropdown-item:hover,header.edit .container .concept .preview .dropdown-toggle:hover{background-color:#6f6f6f}header.edit .container .concept .preview .dropdown-toggle:focus+.dropdown-content{visibility:visible;max-height:100vh;transition:max-height 0.3s ease-in}header.edit .container .concept .preview .dropdown-toggle>svg:first-child{margin-right:10px;transform:rotate(0deg);transition:transform 0.3s}header.edit .container .concept .preview .dropdown-toggle:focus>svg:first-child{transform:rotate(90deg)}@keyframes header-notification-open{from{right:-440px}to{right:0}}@keyframes header-notification-close{from{right:0}to{right:-440px}}.NotificationPanel{position:fixed;z-index:5;top:30px;width:440px;display:block;background:#fff;box-shadow:rgba(0,0,0,0.1) -3px 3px 6px;right:-440px}.NotificationPanel.open{-webkit-animation:header-notification-open 0.2s ease-out 1 forwards normal;animation:header-notification-open 0.2s ease-out 1 forwards normal}.NotificationPanel.close{-webkit-animation:header-notification-close 0.2s ease-in 1 forwards normal;animation:header-notification-close 0.2s ease-in 1 forwards normal}header.edit~.NotificationPanel{top:70px}.NotificationPanel__Header{display:flex;align-items:center;align-content:center;justify-content:space-between;background:#F6F6F6;border:1px solid #EEE;height:70px;padding:0 20px 0 29px}.NotificationPanel__Header h3{font-size:1.125rem;line-height:1.6666666666666667;font-weight:bold;color:#333}.NotificationPanel__Header a{width:30px;height:30px;background:#4B4B4B url(/assets/ng/icons/remove.svg) center center no-repeat;font-size:0}.NotificationPanel .NotificationPanelContainer{display:block;padding:22px 39px 49px 21px;margin:0;background:#fff;max-height:450px;overflow:auto}.NotificationPanel .NotificationPanelContainer ul{display:block;list-style:none;margin:0;padding:0}.NotificationPanel .NotificationPanelContainer li{display:block;list-style:none;margin:0 0 30px;font-size:0.875rem;line-height:2.142857142857143;color:#333}.NotificationPanel .NotificationPanelContainer li:last-child{margin:0}.NotificationPanel .NotificationPanelContainer li a,.NotificationPanel .NotificationPanelContainer li button[type="button"]{appearance:none;box-shadow:none;outline:none;cursor:pointer;background:none;border:none;margin:0;padding:0;box-sizing:border-box;display:block;width:100%;max-width:none;height:auto;text-align:left;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-decoration:none}.NotificationPanel .NotificationPanelContainer li a:hover,.NotificationPanel .NotificationPanelContainer li button[type="button"]:hover{text-decoration:underline}.NotificationPanel .NotificationPanelContainer .date{display:block;margin:0 0 4px;padding:0;font-weight:bold}.NotificationPanel .NotificationPanelContainer .desc{display:block;margin:0;padding:0;font-weight:normal}.AnnouncementPanel{position:fixed;z-index:5;top:30px;width:100%;background:#fff;border-bottom:1px solid #707070;box-sizing:border-box;padding:0 20px 0 40px;height:68px;box-shadow:rgba(0,0,0,0.16) 0 3px 6px;display:flex;align-items:center;align-content:center;justify-content:space-between}.AnnouncementPanel .tag{margin:0 20px 0 0;font-size:12px;font-weight:bold;color:#fff;line-height:26px;height:26px;padding:0 10px 0 11px;word-break:keep-all;word-wrap:normal}.AnnouncementPanel .desc{flex:1 1 auto;font-size:12px;font-weight:normal;color:#333;line-height:2}.AnnouncementPanel .desc a{color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-decoration:none}.AnnouncementPanel .desc a:hover{text-decoration:underline}.AnnouncementPanel .close{flex:0 0 30px;margin:0 0 0 20px}.AnnouncementPanel.edit{top:70px}.AnnouncementPanelClose{display:block;width:30px;height:30px;background:#4B4B4B url(/assets/ng/icons/remove.svg) center center no-repeat;font-size:0}
