@charset "utf-8";
/*
 *@@ <<修正履歴>>
 *@@ 修正日付    BugNo    修正者       Version  内容
 *@@ ---------- -------- ----------- -------- --------------------------------
 *@@ 2018/12/07 #732881  deepika.s  HUE18.12 HUE icon and label overlaps with toolbar and screen
 */
 
/*732881*/
#global-navigation {
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
}/*732881*/

#global-navigation .col {
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-flex-grow: 0;
	flex-grow: 0;
	-webkit-flex-shrink: 0;
	flex-shrink: 0
}

#global-navigation .col-as-row {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-grow: 0;
	flex-grow: 0;
	-webkit-flex-shrink: 0;
	flex-shrink: 0
}

#global-navigation .timeline-feed-quote-task-comment {
	font-size: 1.2rem;
	border-top: 1px solid #ddd;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 8px 4px
}

#global-navigation .timeline-feed-quote-task-comment-user {
	width: 32px;
	height: 32px;
	margin-right: 8px;
	border: none
}

#global-navigation .timeline-feed-quote-task-comment-user-image {
	width: 32px;
	height: 32px
}

#global-navigation .timeline-feed-quote-task-comment-user-comment {
	width: calc(100% - 40px)
}

#global-navigation .timeline-feed-quote-task-comment-user-comment-user-name,
	#global-navigation .timeline-feed-quote-task-comment-user-comment-reply-user-name {
	color: #175d9f;
	font-weight: 700;
	display: inline-block
}

#global-navigation .timeline-feed-quote-task-comment-user-comment-time-val {
	color: #999;
	margin-left: 4px
}

#global-navigation .timeline-feed-quote-task-comment-user-comment-comment-content-panel {
	padding-top: 4px
}

#global-navigation .timeline-feed-quote-task-comment-user-comment-comment-content-panel-comment-content
	{
	width: 100%;
	word-wrap: break-word;
	white-space: pre-wrap;
	margin-bottom: 4px
}

#global-navigation .timeline-feed-header-entries-entry {
	display: inline;
	white-space: pre-wrap;
	word-wrap: break-word
}

#global-navigation .timeline-feed-header-entries-entry-link {
	color: #175d9f;
	cursor: pointer
}

#global-navigation .timeline-feed-header-entries-entry-link:hover,
	#global-navigation .timeline-feed-header-entries-entry-link:focus {
	text-decoration: underline
}

#global-navigation .timeline-feed-header-entries-entry-mention {
	color: #175d9f;
	cursor: pointer
}

#global-navigation .timeline-feed-header-entries-entry-mention:hover,
	#global-navigation .timeline-feed-header-entries-entry-mention:focus {
	text-decoration: underline
}

#global-navigation .timeline-feed-header-entries-entry-hashtag {
	color: #175d9f;
	cursor: pointer
}

#global-navigation .timeline-feed-header-entries-entry-hashtag:hover,
	#global-navigation .timeline-feed-header-entries-entry-hashtag:focus {
	text-decoration: underline
}

#global-navigation .timeline-feed-header-entries-entry-emotion {
	margin-right: 4px
}

#global-navigation .timeline-feed-header-entries-entry-emotion-i:before {
	vertical-align: middle
}

#global-navigation .timeline-feed-header-entries-entry-emotion-happy {
	font-family: 'wapicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #cc4b78
}

#global-navigation .timeline-feed-header-entries-entry-emotion-happy:before {
	content: "\e0d6"
}

#global-navigation .timeline-feed-header-entries-entry-emotion-smiley {
	font-family: 'wapicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #f89406
}

#global-navigation .timeline-feed-header-entries-entry-emotion-smiley:before {
	content: "\e0d8"
}

#global-navigation .timeline-feed-header-entries-entry-emotion-wink {
	font-family: 'wapicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #00986d
}

#global-navigation .timeline-feed-header-entries-entry-emotion-wink:before {
	content: "\e0de"
}

#global-navigation .timeline-feed-header-entries-entry-emotion-angry {
	font-family: 'wapicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #db0000
}

#global-navigation .timeline-feed-header-entries-entry-emotion-angry:before {
	content: "\e0e4"
}

#global-navigation .timeline-feed-header-entries-entry-emotion-sad {
	font-family: 'wapicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #175d9f
}

#global-navigation .timeline-feed-header-entries-entry-emotion-sad:before {
	content: "\e0dc"
}

#global-navigation .timeline-feed-header-entries-entry-emotion-confused {
	font-family: 'wapicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #3ea9c4
}

#global-navigation .timeline-feed-header-entries-entry-emotion-confused:before {
	content: "\e0ea"
}

#global-navigation .timeline-feed-header-entries-entry-emotion-hurry {
	font-family: 'wapicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #dd4b39
}

#global-navigation .timeline-feed-header-entries-entry-emotion-hurry:before {
	content: "\e611"
}

#global-navigation .timeline-feed-hidden {
	display: none
}

#global-navigation .timeline-feed-card {
	width: 600px;
	zoom: 1;
	filter: alpha(opacity = 100);
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	background-color: #fff;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}

#global-navigation .timeline-feed-card-border {
	border: 1px solid #ddd
}

#global-navigation .timeline-feed-card-update-log {
	color: #aaa;
	font-size: 1.2rem;
	margin-left: 4px
}

#global-navigation .timeline-feed-card-content-edit-box {
	width: 478px
}

#global-navigation .timeline-feed-card-margin-fix {
	margin: 10px 0 20px 100px
}

#global-navigation .timeline-feed-card-margin-auto {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 20px
}

#global-navigation .timeline-feed-card-sideline {
	width: 3px;
	height: 100%;
	top: -1px;
	left: -2px;
	position: absolute;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background-color: #175d9f;
	border-top: 1px solid #175d9f;
	border-bottom: 1px solid #175d9f
}

#global-navigation .timeline-feed-card-kind {
	color: #aaa;
	height: 30px;
	padding: 5px 12px;
	border-bottom: 1px solid #ddd;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

#global-navigation .timeline-feed-card-kind-icon {
	font-size: 1.7rem;
	color: #175d9f;
	margin-right: 8px
}

#global-navigation .timeline-feed-card-kind-icon-i {
	vertical-align: top;
	font-weight: 700
}

#global-navigation .timeline-feed-card-kind-entries {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

#global-navigation .timeline-feed-card-kind-entry-link {
	color: #175d9f;
	text-decoration: none;
	cursor: pointer
}

#global-navigation .timeline-feed-card-kind-entry-link:hover,
	#global-navigation .timeline-feed-card-kind-entry-link:focus {
	color: #175d9f;
	text-decoration: underline
}

#global-navigation .timeline-feed-card-header {
	width: 100%;
	min-height: 50px;
	padding: 8px 8px 4px 12px
}

#global-navigation .timeline-feed-card-header-img {
	width: 40px;
	height: 40px;
	border: none;
	margin-right: 8px;
	float: left;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain
}

#global-navigation .timeline-feed-card-header-img-image {
	width: 40px;
	height: 40px
}

#global-navigation .timeline-feed-card-header-title-box {
	width: 528px;
	height: auto
}

#global-navigation .timeline-feed-card-header-title-box-title {
	display: table-cell;
	vertical-align: top;
	height: 40px
}

#global-navigation .timeline-feed-card-header-title-box-title-post-name {
	display: block;
	font-size: 1.2rem;
	color: #175d9f;
	cursor: pointer;
	margin-bottom: 8px
}

#global-navigation .timeline-feed-card-header-title-box-title-post-name:hover,
	#global-navigation .timeline-feed-card-header-title-box-title-post-name:focus {
	text-decoration: underline
}

#global-navigation .timeline-feed-card-header-title-box-title-post-name-div {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

#global-navigation .timeline-feed-card-header-title-box-title-content {
	width: 478px;
	margin-bottom: 8px;
	position: relative
}

#global-navigation .timeline-feed-card-header-title-box-title-content-entries {
	max-height: 205px;
	overflow-y: hidden
}

#global-navigation .timeline-feed-card-header-title-box-title-content-entries-wrapper {
	width: 471px
}

#global-navigation .timeline-feed-card-header-title-box-title-content-entries.timeline-feed-card-header-content-expanded
	{
	max-height: 400px;
	overflow-y: auto
}

#global-navigation .timeline-feed-card-header-title-box-title-content-entries.timeline-feed-card-header-content-expanded::-webkit-scrollbar
	{
	width: 6px
}

#global-navigation .timeline-feed-card-header-title-box-title-content-entries.timeline-feed-card-header-content-expanded::-webkit-scrollbar-track
	{
	-webkit-box-shadow: inset 0 0 6px transparent;
	-moz-box-shadow: inset 0 0 6px transparent;
	box-shadow: inset 0 0 6px transparent;
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px;
	-moz-background-clip: padding;
	border-radius: 3px;
	background-clip: padding-box;
	zoom: 1;
	filter: alpha(opacity = 30);
	-webkit-opacity: 0.3;
	-moz-opacity: 0.3;
	opacity: 0.3
}

#global-navigation .timeline-feed-card-header-title-box-title-content-entries.timeline-feed-card-header-content-expanded::-webkit-scrollbar-thumb
	{
	-webkit-box-shadow: inset 0 0 6px transparent;
	-moz-box-shadow: inset 0 0 6px transparent;
	box-shadow: inset 0 0 6px transparent;
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px;
	-moz-background-clip: padding;
	border-radius: 3px;
	background-clip: padding-box;
	zoom: 1;
	filter: alpha(opacity = 50);
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5
}

#global-navigation .timeline-feed-card-header-title-box-title-content-entries-icons {
	position: absolute;
	right: -25px;
	font-size: 2.4rem;
	color: #ccc;
	font-weight: 700;
	height: 100%;
	display: none;
	padding: 16px 0
}

#global-navigation .timeline-feed-card-header-title-box-title-content-entries-icons.timeline-feed-card-header-content-expanded
	{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

#global-navigation .timeline-feed-card-header-title-box-title-content-entries-icons:hover {
	color: #aaa
}

#global-navigation .timeline-feed-card-header-title-box-title-content-entries-icon-up {
	cursor: pointer
}

#global-navigation .timeline-feed-card-header-title-box-title-content-entries-icon-up:hover
	{
	color: #333
}

#global-navigation .timeline-feed-card-header-title-box-title-content-entries-icon-down {
	cursor: pointer
}

#global-navigation .timeline-feed-card-header-title-box-title-content-entries-icon-down:hover
	{
	color: #333
}

#global-navigation .timeline-feed-card-header-title-box-title-content-showmore {
	cursor: pointer;
	color: #175d9f
}

#global-navigation .timeline-feed-card-header-title-box-title-content-hashtag {
	color: #175d9f;
	display: inline-block
}

#global-navigation .timeline-feed-card-header-title-box-title-content-hashtag:before {
	content: " #"
}

#global-navigation .timeline-feed-card-header-title-box-title-content-hashtag:hover,
	#global-navigation .timeline-feed-card-header-title-box-title-content-hashtag:focus {
	text-decoration: underline
}

#global-navigation .timeline-feed-card-header-title-box-title-comment {
	background-color: #f1f1f1;
	display: inline-block;
	padding: 4px 8px;
	margin-top: 4px;
	font-size: 1.4rem
}

#global-navigation .timeline-feed-card-header-title-box-title-comment-emotion-happy {
	font-family: 'wapicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #cc4b78
}

#global-navigation .timeline-feed-card-header-title-box-title-comment-emotion-happy:before
	{
	content: "\e0d6"
}

#global-navigation .timeline-feed-card-header-title-box-title-comment-emotion-smiley {
	font-family: 'wapicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #f89406
}

#global-navigation .timeline-feed-card-header-title-box-title-comment-emotion-smiley:before
	{
	content: "\e0d8"
}

#global-navigation .timeline-feed-card-header-title-box-title-comment-emotion-wink {
	font-family: 'wapicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #00986d
}

#global-navigation .timeline-feed-card-header-title-box-title-comment-emotion-wink:before {
	content: "\e0de"
}

#global-navigation .timeline-feed-card-header-title-box-title-comment-emotion-angry {
	font-family: 'wapicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #db0000
}

#global-navigation .timeline-feed-card-header-title-box-title-comment-emotion-angry:before
	{
	content: "\e0e4"
}

#global-navigation .timeline-feed-card-header-title-box-title-comment-emotion-sad {
	font-family: 'wapicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #175d9f
}

#global-navigation .timeline-feed-card-header-title-box-title-comment-emotion-sad:before {
	content: "\e0dc"
}

#global-navigation .timeline-feed-card-header-title-box-title-comment-emotion-confused {
	font-family: 'wapicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #3ea9c4
}

#global-navigation .timeline-feed-card-header-title-box-title-comment-emotion-confused:before
	{
	content: "\e0ea"
}

#global-navigation .timeline-feed-card-header-title-box-title-comment-emotion-hurry {
	font-family: 'wapicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #dd4b39
}

#global-navigation .timeline-feed-card-header-title-box-title-comment-emotion-hurry:before
	{
	content: "\e611"
}

#global-navigation .timeline-feed-card-header-icongroups {
	width: 160px;
	height: 40px;
	position: absolute;
	font-size: 1.2rem;
	color: #bdbdbd;
	right: 4px;
	padding-right: 8px;
	top: 8px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end
}

#global-navigation .timeline-feed-card-header-icongroups-icon {
	cursor: pointer;
	font-size: 1.4rem
}

#global-navigation .timeline-feed-card-header-icongroups-item {
	margin-right: 8px
}

#global-navigation .timeline-feed-card-header-time {
	margin-top: 1px
}

#global-navigation .timeline-feed-card-header-bookmark-icon.timeline-feed-alert {
	color: #bf1e56
}

#global-navigation .timeline-feed-card-header-star-icon.timeline-feed-favorite {
	color: #fabd11
}

#global-navigation .timeline-feed-card-header-star-icon.timeline-feed-favorite:hover {
	color: #fabd11
}

#global-navigation .timeline-feed-card-header-star-icon:hover {
	color: #7f7f7f
}

#global-navigation .timeline-feed-card-header-menu-hidden {
	display: none
}

#global-navigation .timeline-feed-card-header-menu-icon:hover,
	#global-navigation .timeline-feed-card-header-menu-icon.selected {
	color: #333
}

#global-navigation .timeline-feed-card-header-menu-other,
	#global-navigation .timeline-feed-card-header-menu-myself {
	padding: 8px;
	font-size: 1.4rem;
	white-space: nowrap
}

#global-navigation .timeline-feed-card-header-menu-option-area {
	cursor: pointer;
	padding-top: 4px
}

#global-navigation .timeline-feed-card-header-menu-option-area:hover,
	#global-navigation .timeline-feed-card-header-menu-option-area:focus {
	background-color: #ddd
}

#global-navigation .timeline-feed-card-header-menu-hint {
	font-size: 1.2rem;
	color: #aaa;
	cursor: pointer
}

#global-navigation .timeline-feed-card-header-menu-create-task,
	#global-navigation .timeline-feed-card-header-menu-hide-feed {
	padding: 0 0 8px
}

#global-navigation .timeline-feed-card-header-menu-follow-data {
	display: initial;
	padding-bottom: 4px
}

#global-navigation .timeline-feed-card-header-menu-unfollow-data {
	display: none;
	padding-bottom: 4px
}

#global-navigation .timeline-feed-card-header-menu-active .timeline-feed-card-header-menu-unfollow-data
	{
	display: initial;
	padding-bottom: 4px
}

#global-navigation .timeline-feed-card-header-menu-active .timeline-feed-card-header-menu-follow-data
	{
	display: none;
	padding-bottom: 4px
}

#global-navigation .timeline-feed-card-content {
	width: 100%;
	height: auto;
	padding: 12px 12px 0 16px
}

#global-navigation .timeline-feed-card-content-box {
	height: auto;
	position: relative;
	margin-left: 44px;
	padding-bottom: 16px
}

#global-navigation .timeline-feed-card-connect {
	text-align: center;
	color: #999;
	border-bottom: 1px solid #e8e8e8;
	border-top: 1px solid #e8e8e8
}

#global-navigation .timeline-feed-card-connect-leader {
	font-size: 1.2rem;
	cursor: pointer;
	line-height: 1.5em
}

#global-navigation .timeline-feed-card-connect-leader:hover {
	background-color: #ddd;
	color: #fff
}

#global-navigation .timeline-feed-card-history-actions {
	border-top: 1px solid #e8e8e8;
	padding-left: 16px
}

#global-navigation .timeline-feed-card-history-action {
	display: none;
	padding: 4px;
	font-size: 1.2rem;
	padding: 10px 0 10px 0
}

#global-navigation .timeline-feed-card-history-action.timeline-feed-showing {
	display: block
}

#global-navigation .timeline-feed-card-history-action-text {
	color: #175d9f;
	text-decoration: none;
	cursor: pointer
}

#global-navigation .timeline-feed-card-history-action-text:hover,
	#global-navigation .timeline-feed-card-history-action-text:focus {
	color: #175d9f;
	text-decoration: underline
}

#global-navigation .timeline-feed-card-history-content {
	display: none
}

#global-navigation .timeline-feed-card-history-content.timeline-feed-showing {
	display: block
}

#global-navigation .timeline-feed-card-footer {
	background-color: #e8eff5
}

#global-navigation .timeline-feed-card-footer-actions {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 35px;
	padding-top: 9px;
	font-size: 1.2rem;
	color: #175d9f
}

#global-navigation .timeline-feed-card-footer-left-actions {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

#global-navigation .timeline-feed-card-footer-left-actions-good {
	padding-left: 12px
}

#global-navigation .timeline-feed-card-footer-left-actions-comment {
	padding-left: 16px
}

#global-navigation .timeline-feed-card-footer-right-actions {
	text-align: right;
	padding-right: 16px
}

#global-navigation .timeline-feed-card-footer-action-a {
	color: #175d9f;
	text-decoration: none;
	cursor: pointer
}

#global-navigation .timeline-feed-card-footer-action-a:hover,
	#global-navigation .timeline-feed-card-footer-action-a:focus {
	color: #175d9f;
	text-decoration: underline
}

#global-navigation .timeline-feed-card-footer-action-a-i {
	cursor: pointer
}

#global-navigation .timeline-feed-card-footer-action-a-i:before {
	vertical-align: middle;
	margin-right: 4px
}

#global-navigation .timeline-feed-card-sns-comment {
	background-color: #e8eff5;
	height: 0;
	zoom: 1;
	filter: alpha(opacity = 0);
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	display: none
}

#global-navigation .timeline-feed-card-sns-comment.timeline-feed-showing {
	border-top: 1px solid #ddd;
	height: auto;
	zoom: 1;
	filter: alpha(opacity = 100);
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	display: block
}

#global-navigation .timeline-feed-card-sns-comment-scroll {
	overflow-y: auto;
	max-height: 300px
}

#global-navigation .timeline-feed-card-sns-comment-whole-card-info {
	border-bottom: 1px solid #ddd;
	padding: 2px 16px 2px 16px
}

#global-navigation .timeline-feed-card-sns-comment-whole-card-info.timeline-feed-no-count {
	display: none
}

#global-navigation .timeline-feed-card-sns-comment-whole-card-info:last-child {
	border-bottom: none
}

#global-navigation .timeline-feed-card-sns-comment-whole-comment-good-message {
	display: none
}

#global-navigation .timeline-feed-card-sns-comment-whole-comment-good-message.timeline-feed-showing
	{
	display: inline
}

#global-navigation .timeline-feed-card-sns-comment-whole-comment-share-message {
	display: none
}

#global-navigation .timeline-feed-card-sns-comment-whole-comment-share-message.timeline-feed-showing
	{
	display: inline
}

#global-navigation .timeline-feed-card-sns-comment-whole-comments {
	background-color: #f5f5f5
}

.timeline-feed-card-sns-comment-whole-comments-more {
	padding: 4px;
	font-size: 1.2rem;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #ddd
}

#global-navigation .timeline-feed-card-sns-comment-whole-comments-more.timeline-feed-comments-more-noborder
	{
	border: none
}

#global-navigation .timeline-feed-card-sns-comment-whole-comments-more-text {
	color: #175d9f;
	text-decoration: none;
	cursor: pointer
}

#global-navigation .timeline-feed-card-sns-comment-whole-comments-more-text:hover,
	#global-navigation .timeline-feed-card-sns-comment-whole-comments-more-text:focus {
	color: #175d9f;
	text-decoration: underline
}

#global-navigation .timeline-feed-card-comment-box {
	display: none;
	border-top: none;
	position: relative;
	padding-top: 0;
	padding-left: 12px;
	margin-left: 1px;
	background-color: #f5f5f5
}

#global-navigation .timeline-feed-card-comment-box.timeline-feed-showing {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

#global-navigation .timeline-feed-card-comment-box-img {
	width: 40px;
	height: 40px;
	margin: 8px 8px 8px 4px
}

#global-navigation .timeline-feed-card-comment-box-post-action {
	margin: 8px 0
}

#global-navigation .timeline-feed-card-comment-box-post-action-button {
	top: -35px;
	left: -8px;
	height: 46px;
	border: 1px solid #aaa;
	-webkit-border-radius: 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0;
	-moz-background-clip: padding;
	border-radius: 0;
	background-clip: padding-box
}

#global-navigation .timeline-feed-card-comment-box-textarea {
	width: 70%;
	margin: 8px 8px;
	resize: none
}

#global-navigation .timeline-feed-card-comment-box-close {
	position: absolute;
	display: block;
	top: 0;
	width: 70px;
	right: 0;
	cursor: pointer
}

#global-navigation .timeline-feed-card-comment-box-post-button {
	margin: 16px 12px;
	position: absolute;
	right: 0
}

#global-navigation .timeline-feed-remove-action {
	display: none
}

#global-navigation .timeline-feed-remove-action.timeline-feed-showing {
	display: inline
}

#global-navigation .timeline-feed-card-warning .timeline-feed-card-sideline {
	background-color: #bf1e56;
	border-top: 1px solid #bf1e56;
	border-bottom: 1px solid #bf1e56
}

#global-navigation .timeline-feed-card-warning .timeline-feed-card-footer {
	background-color: #f9e9ee
}

#global-navigation .timeline-feed-card-warning .timeline-feed-card-sns-comment {
	background-color: #f9e9ee
}

#global-navigation .timeline-feed-card-warning .timeline-feed-card-kind-icon {
	color: #bf1e56
}

#global-navigation .timeline-application-information-box {
	width: 100%
}

#global-navigation .timeline-application-information-box-header {
	border: 1px solid #ddd;
	padding: 8px
}

#global-navigation .timeline-application-information-box-content {
	padding: 8px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

#global-navigation .timeline-application-information-box-content.timeline-application-information-box-vertical
	{
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

#global-navigation .timeline-application-information-box-title {
	padding: 4px 0
}

#global-navigation .timeline-application-information-box-title-link {
	color: #175d9f;
	cursor: pointer
}

#global-navigation .timeline-application-information-box-title-link:hover,
	#global-navigation .timeline-application-information-box-title-link:focus {
	text-decoration: underline
}

#global-navigation .timeline-application-information-box-title-text {
	color: #333
}

#global-navigation .timeline-application-information-box-content-left {
	margin-right: 16px
}

#global-navigation .timeline-application-information-box-content-right {
	font-size: 1.2rem;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

#global-navigation .timeline-application-information-box-content-date-all {
	color: #333;
	font-size: 1.2rem;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

#global-navigation .timeline-application-information-box-content-date-title {
	color: #aaa;
	width: 120px
}

#global-navigation .timeline-application-information-box-content-user-title {
	color: #aaa;
	width: 120px
}

#global-navigation .timeline-application-information-box-content-user-part {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 4px 0
}

#global-navigation .timeline-application-information-box-content-user-text {
	padding-left: 4px
}

#global-navigation .timeline-application-information-box-content-user-name {
	color: #175d9f;
	margin-left: 4px
}

#global-navigation .timeline-application-information-box-content-user-office {
	color: #aaa
}

#global-navigation .timeline-application-information-box-content-user-office-text {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 1.2rem;
	margin: 2px 4px 0 4px
}

#global-navigation .notification-content-list {
	width: 450px;
	overflow-y: auto;
	min-height: 48px;
	max-height: 259px
}

#global-navigation .notification-content-list:empty::before {
	content: "No notifications.";
	margin: auto;
	display: block;
	text-align: center;
	margin-top: 16px
}

#global-navigation .notification-content-list-area {
	border-top: 1px solid #ddd
}

#global-navigation .notification-content-list-area:first-child {
	border-top: none
}

#global-navigation .timeline-comment-area {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

#global-navigation .timeline-comment-area-img {
	width: 40px;
	height: 40px;
	margin: 12px 8px 8px 0
}

#global-navigation .timeline-comment-area-post-action {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	bottom: 14px;
	right: 12px
}

#global-navigation .timeline-comment-area-post-action-button {
	top: -35px;
	left: -8px;
	height: 46px;
	border: 1px solid #aaa;
	-webkit-border-radius: 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0;
	-moz-background-clip: padding;
	border-radius: 0;
	background-clip: padding-box
}

#global-navigation .timeline-comment-area-emotion-wrapper {
	position: relative;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

#global-navigation .timeline-comment-area-input-wrapper {
	position: relative;
	margin: 12px 4px 8px;
	overflow: hidden
}

#global-navigation .timeline-comment-area-reply-indicator {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100
}

#global-navigation .timeline-comment-area-reply-indicator-content {
	font-size: 1.2rem;
	padding: 0 8px;
	margin-right: 8px;
	background-color: #e8e8e8;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

#global-navigation .timeline-comment-area-textarea-border {
	width: 100%;
	height: 0;
	position: absolute;
	top: 0;
	left: 0
}

#global-navigation .timeline-comment-area-close {
	position: absolute;
	display: block;
	top: 0;
	width: 70px;
	right: 0;
	cursor: pointer
}

#global-navigation .timeline-comment-area-post-button-wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end
}

#global-navigation .timeline-comment-area-post-button {
	margin: 16px 12px
}

#global-navigation .dialog {
	display: none;
	overflow: auto;
	overflow-y: scroll;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1050;
	outline: 0
}

#global-navigation .dialog.fade {
	-webkit-transition: -webkit-transform -0.2s ease;
	-moz-transition: -moz-transform -0.2s ease;
	-o-transition: -o-transform -0.2s ease;
	transition: -webkit-transform -0.2s ease, -moz-transform -0.2s ease,
		-o-transform -0.2s ease, transform -0.2s ease;
	-webkit-transform: translateY(-800px);
	-moz-transform: translateY(-800px);
	-o-transform: translateY(-800px);
	-ms-transform: translateY(-800px);
	transform: translateY(-800px)
}

#global-navigation .dialog.in {
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	zoom: 1;
	filter: alpha(opacity = 100);
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1
}

#global-navigation .dialog-div {
	margin: auto;
	top: -20%;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
	display: inherit
}

#global-navigation .dialog-div.dialog-size-small {
	width: 600px;
	height: 375px
}

#global-navigation .dialog-div.dialog-size-normal {
	width: 800px;
	height: 500px
}

#global-navigation .dialog-div.dialog-size-large {
	width: 976px;
	height: 610px
}

#global-navigation .dialog-content {
	position: relative;
	height: 100%;
	background-color: #fff;
	border: 1px solid #bdbdbd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-moz-background-clip: padding;
	border-radius: 3px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	outline: none
}

#global-navigation .dialog-header {
	padding: 16px;
	border-bottom: 1px solid #e8e8e8;
	height: 64px;
	text-shadow: none;
	font-weight: 500
}

#global-navigation .dialog-header-close {
	float: right;
	margin: 4px 0
}

#global-navigation .dialog-title {
	margin: 0;
	line-height: 1.5
}

#global-navigation .dialog-title-bar {
	font-size: 2rem;
	border-left: 2px solid #175d9f;
	padding-left: 14px
}

#global-navigation .dialog-body {
	position: absolute;
	top: 10px;
	bottom: 74px;
	width: 100%
}

#global-navigation .dialog-footer {
	padding: 20px 16px 16px;
	text-align: right;
	border-top: 1px solid #e8e8e8;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 74px
}

#global-navigation .dialog-footer-customization {
	width: 50%;
	float: left
}

#global-navigation .dialog-footer-default {
	width: 50%;
	float: right
}

#global-navigation .dialog-footer-button {
	margin-left: 8px;
	float: right
}

#global-navigation .dialog-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000
}

#global-navigation .dialog-backdrop.fade {
	-webkit-transition: opacity 0.15s linear;
	-moz-transition: opacity 0.15s linear;
	-o-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear;
	zoom: 1;
	filter: alpha(opacity = 0);
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0
}

#global-navigation .dialog-backdrop.in {
	zoom: 1;
	filter: alpha(opacity = 50);
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5
}

#global-navigation .timeline-feed-dialog {
	display: none;
	overflow: auto;
	overflow-y: scroll;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	outline: 0
}

#global-navigation .timeline-feed-dialog.fade {
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-moz-transition: -moz-transform 0.3s ease-out;
	-o-transition: -o-transform 0.3s ease-out;
	transition: -webkit-transform 0.3s ease-out, -moz-transform 0.3s
		ease-out, -o-transform 0.3s ease-out, transform 0.3s ease-out;
	-webkit-transform: translateY(-800px);
	-moz-transform: translateY(-800px);
	-o-transform: translateY(-800px);
	-ms-transform: translateY(-800px);
	transform: translateY(-800px)
}

#global-navigation .timeline-feed-dialog.in {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

#global-navigation .timeline-feed-dialog.hide {
	display: none
}

#global-navigation .timeline-feed-dialog.show {
	display: block
}

#global-navigation .timeline-feed-dialog-dialog {
	position: relative;
	width: 620px;
	margin: auto;
	top: 20%;
	background-color: #fff;
	border: 1px solid #bdbdbd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-moz-background-clip: padding;
	border-radius: 3px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	outline: none
}

#global-navigation .timeline-feed-dialog-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000
}

#global-navigation .timeline-feed-dialog-backdrop.fade {
	zoom: 1;
	filter: alpha(opacity = 0);
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0
}

#global-navigation .timeline-feed-dialog-backdrop.in {
	zoom: 1;
	filter: alpha(opacity = 50);
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5
}

#global-navigation .timeline-feed-dialog-header {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-top: 4px
}

#global-navigation .timeline-feed-dialog-title-right-area {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: right;
	padding-right: 8px;
	color: #7f7f7f
}

#global-navigation .timeline-feed-dialog-close {
	cursor: pointer;
	padding: 4px
}

#global-navigation .notification-content {
	position: relative
}

#global-navigation .notification-content-container {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	padding: 12px
}

#global-navigation .notification-content-unread {
	background-color: #e8eff5
}

#global-navigation .notification-content-unread:hover {
	background-color: #f1f1f1
}

#global-navigation .notification-content:hover {
	cursor: pointer;
	background-color: #f1f1f1
}

#global-navigation .notification-content:hover .notification-content-remove {
	display: block
}

#global-navigation .notification-content-left-area {
	margin: auto
}

#global-navigation .notification-content-left-img {
	height: 40px;
	width: 40px
}

#global-navigation .notification-content-right-area {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 8px
}

#global-navigation .notification-content-right-top-area {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 1#global-navigation .2rem
}

#global-navigation .notification-content-name {
	color: #333
}

#global-navigation .notification-content-time-area {
	margin-left: 8px
}

#global-navigation .notification-content-time {
	color: #7f7f7f
}

#global-navigation .notification-content-message {
	font-size: 1.4rem;
	color: #7f7f7f
}

#global-navigation .notification-content-remove-area {
	position: absolute;
	right: 10px;
	top: 4px
}

#global-navigation .notification-content-remove {
	display: none
}

#global-navigation .global-navi-button-base {
	margin-right: 8px;
	margin-left: 8px;
	line-height: 25px;
	background-color: transparent;
	color: #bdbdbd;
	font-size: 2rem;
	border: none
}

#global-navigation .global-navi-button-base:hover {
	color: #fff
}

#global-navigation .global-navi-button-caption {
	font-size: 1.7rem;
	line-height: 1;
	font-family: "メイリオ", Meiryo, sans-serif;
}

#global-navigation .global-navi-button-icon {
	padding-left: 8px
}

#global-navigation .global-navi-button-user-icon {
	float: right
}

#global-navigation .global-navi-button-notification {
	float: right;
	position: relative
}

#global-navigation .global-navi-button-chat {
	float: right
}

#global-navigation .global-navi-button-task {
	float: right
}

#global-navigation .global-navi-button-logout {
	float: right
}

#global-navigation .global-navi-button-badge-area {
	position: absolute;
	top: 24px;
	left: 30px
}

#global-navigation .global-navi-button-badge-area .hidden {
	display: none
}

#global-navigation .global-navi-button-white {
	color: #fff
}

#global-navigation .global-brand-wrapper {
	float: left;
	padding-left: 27px;
}

#global-navigation .global-brand-img {
    float: left;
    width: 92px;
    margin-top: 2px;
    top: 4px;
    opacity: 1!important;
}

#global-navigation .timeline-feed-history-list-item {
	width: 100%;
	min-height: 50px;
	padding: 8px 8px 4px 12px;
	position: relative;
	font-size: 1.2rem;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

#global-navigation .timeline-feed-history-list-item-img {
	width: 40px;
	height: 40px;
	border: none;
	margin-right: 8px;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain
}

#global-navigation .timeline-feed-history-list-item-supplement-text {
	color: #aaa
}

#global-navigation .timeline-feed-history-list-item-time {
	width: 80px;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	line-height: 1.25
}

#global-navigation .timeline-feed-history-list-item-time-text {
	color: #aaa
}

#global-navigation .timeline-task-detail {
	height: 470px;
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

#global-navigation .timeline-task-detail-information {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-height: 80px
}

#global-navigation .timeline-task-detail-information-wrapper {
	height: 80px
}

#global-navigation .timeline-task-detail-history {
	height: 110px
}

#global-navigation .timeline-task-detail-attachment {
	height: 70px
}

#global-navigation .timeline-task-detail-panel {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

#global-navigation .timeline-task-detail-panel-header {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.2rem;
	height: 20px
}

#global-navigation .timeline-task-detail-panel-header-icon {
	padding-right: 4px
}

#global-navigation .timeline-task-detail-panel-header-divider {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background-color: #e8e8e8;
	height: 1px;
	margin: 6px 8px
}

#global-navigation .timeline-task-detail-panel-body {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow-y: auto
}

#global-navigation .timeline-task-detail-footer {
	background-color: #e8eff5;
	height: 210px
}

#global-navigation .timeline-task-detail-footer-actions {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 35px;
	padding-top: 9px;
	font-size: 1.2rem;
	color: #175d9f
}

#global-navigation .timeline-task-detail-footer-left-actions {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

#global-navigation .timeline-task-detail-footer-left-actions-good {
	padding-left: 12px
}

#global-navigation .timeline-task-detail-footer-left-actions-comment {
	padding-left: 16px
}

#global-navigation .timeline-task-detail-footer-right-actions {
	text-align: right;
	padding-right: 16px
}

#global-navigation .timeline-task-detail-footer-action-a {
	color: #175d9f;
	text-decoration: none;
	cursor: pointer
}

#global-navigation .timeline-task-detail-footer-action-a:hover,
	#global-navigation .timeline-task-detail-footer-action-a:focus {
	color: #175d9f;
	text-decoration: underline
}

#global-navigation .timeline-task-detail-footer-action-a-i {
	cursor: pointer
}

#global-navigation .timeline-task-detail-footer-action-a-i:before {
	vertical-align: middle;
	margin-right: 4px
}

#global-navigation .timeline-task-detail-sns-comment {
	background-color: #e8eff5;
	border-top: 1px solid #ddd
}

#global-navigation .timeline-task-detail-sns-comment-scroll {
	overflow-y: auto;
	max-height: 110px
}

#global-navigation .timeline-task-detail-sns-comment-whole-card-info {
	border-bottom: 1px solid #ddd;
	padding: 2px 16px 2px 16px
}

#global-navigation .timeline-task-detail-sns-comment-whole-card-info.timeline-task-detail-no-count
	{
	display: none
}

#global-navigation .timeline-task-detail-sns-comment-whole-card-info:last-child {
	border-bottom: none
}

#global-navigation .timeline-task-detail-sns-comment-whole-comments {
	background-color: #f5f5f5
}

#global-navigation .timeline-task-detail-comment-box {
	border-top: none;
	position: relative;
	padding-top: 0;
	padding-left: 12px;
	margin-left: 1px;
	background-color: #f5f5f5
}

#global-navigation .timeline-task-box {
	height: 100%;
	position: relative;
	padding: 4px
}

#global-navigation .timeline-task-box-outline {
	border: 1px solid #ddd
}

#global-navigation .timeline-task-box-information {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

#global-navigation .timeline-task-box-title {
	font-size: 1.4rem;
	padding: 0 0 4px 0
}

#global-navigation .timeline-task-box-title-link {
	color: #175d9f
}

#global-navigation .timeline-task-box-title-link:hover {
	text-decoration: underline
}

#global-navigation .timeline-task-box-title-text {
	color: #333
}

#global-navigation .timeline-task-box-title-deadline {
	display: inline-block;
	margin-left: 12px;
	color: #fff;
	text-align: center;
	font-size: 1.2rem;
	padding: 1px 4px
}

#global-navigation .timeline-task-box-title-deadline.timeline-task-box-warning {
	background-color: #f89406
}

#global-navigation .timeline-task-box-title-deadline.timeline-task-box-safe {
	background-color: #3ea9c4
}

#global-navigation .timeline-task-box-title-deadline.timeline-task-box-danger {
	background-color: #bf1e56
}

#global-navigation .timeline-task-box-title-deadline.timeline-task-box-complete {
	background-color: #00986d
}

#global-navigation .timeline-task-box-title-deadline.timeline-task-box-primary {
	background-color: #175d9f
}

#global-navigation .timeline-task-box-subtitle {
	color: #999;
	font-size: 1.2rem;
	padding-top: 8px
}

#global-navigation .timeline-task-box-subtitle-deadline {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 8px
}

#global-navigation .timeline-task-box-subtitle-deadline-caption {
	width: 120px
}

#global-navigation .timeline-task-box-subtitle-deadline-content {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

#global-navigation .timeline-task-box-subtitle-assignee {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

#global-navigation .timeline-task-box-subtitle-assignee-caption {
	width: 120px
}

#global-navigation .timeline-task-box-subtitle-assignee-content {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

#global-navigation .timeline-task-box-actions {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 120px
}

#global-navigation .timeline-task-box-actions-group {
	margin-left: 8px
}

#global-navigation .timeline-like-check-hidden {
	display: none
}

#global-navigation .timeline-like-check-icon {
	color: #175d9f;
	cursor: pointer
}

#global-navigation .timeline-like-check-count-area {
	cursor: pointer;
	color: #175d9f;
	padding-left: 4px
}

#global-navigation .timeline-like-check-count-area:hover {
	color: #175d9f
}

#global-navigation .timeline-follow-button-following, .timeline-follow-button-unfollow {
	display: none
}

#global-navigation .timeline-follow-button-active .timeline-follow-button-following {
	display: initial
}

#global-navigation .timeline-follow-button-active .timeline-follow-button-do-follow {
	display: none
}

#global-navigation .timeline-follow-button-active:hover .timeline-follow-button-following {
	display: none
}

#global-navigation .timeline-follow-button-active:hover .timeline-follow-button-unfollow {
	display: initial
}

#global-navigation .timeline-follow-button-width {
	width: 120px
}

#global-navigation .timeline-follow-button-icon {
	padding-right: 4px;
	font-size: 1.6rem
}

#global-navigation .timeline-follow-button-icon-success {
	color: #00986d
}

#global-navigation .timeline-follow-button-icon-danger {
	color: #bf1e56
}

#global-navigation .timeline-follow-button-default {
	color: #333;
	background-color: #f1f1f1;
	border-color: #ddd
}

#global-navigation .timeline-follow-button-success {
	color: #00986d
}

#global-navigation .timeline-follow-button-danger {
	color: #bf1e56
}

#global-navigation .timeline-follow-button-icon {
	margin-right: 2px
}

#global-navigation .timeline-image-area {
	height: 100%;
	position: relative;
	margin-bottom: 8px
}

#global-navigation .timeline-image-area-counting {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.2rem;
	color: #bdbdbd;
	padding-bottom: 4px
}

#global-navigation .timeline-image-area-counting-number {
	margin-right: 4px
}

#global-navigation .timeline-image-area-content {
	line-height: 0
}

#global-navigation .timeline-image-area-image {
	border: solid #aaa 1px;
	margin: 1px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	cursor: pointer
}

#global-navigation .timeline-image-area-single-image {
	max-width: 482px
}

#global-navigation .timeline-image-area-two-horizontal-image-0 {
	width: 240px;
	height: 240px
}

#global-navigation .timeline-image-area-two-horizontal-image-1 {
	width: 240px;
	height: 240px
}

#global-navigation .timeline-image-area-two-vertical-image-0 {
	width: 482px;
	height: 240px
}

#global-navigation .timeline-image-area-two-vertical-image-1 {
	width: 482px;
	height: 240px
}

#global-navigation .timeline-image-area-three-north-image-0 {
	width: 240px;
	height: 240px
}

#global-navigation .timeline-image-area-three-north-image-1 {
	width: 240px;
	height: 240px
}

#global-navigation .timeline-image-area-three-north-image-2 {
	width: 482px;
	height: 240px
}

#global-navigation .timeline-image-area-three-east {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

#global-navigation .timeline-image-area-three-east-right {
	width: 240px
}

#global-navigation .timeline-image-area-three-east-image-0 {
	width: 240px;
	height: 482px
}

#global-navigation .timeline-image-area-three-east-image-1 {
	width: 240px;
	height: 240px
}

#global-navigation .timeline-image-area-three-east-image-2 {
	width: 240px;
	height: 240px
}

#global-navigation .timeline-image-area-three-south-image-0 {
	width: 482px;
	height: 240px
}

#global-navigation .timeline-image-area-three-south-image-1 {
	width: 240px;
	height: 240px
}

#global-navigation .timeline-image-area-three-south-image-2 {
	width: 240px;
	height: 240px
}

#global-navigation .timeline-image-area-three-west {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

#global-navigation .timeline-image-area-three-west-left {
	width: 242px
}

#global-navigation .timeline-image-area-three-west-image-0 {
	width: 240px;
	height: 240px
}

#global-navigation .timeline-image-area-three-west-image-1 {
	width: 240px;
	height: 240px
}

#global-navigation .timeline-image-area-three-west-image-2 {
	width: 240px;
	height: 482px
}

#global-navigation .timeline-image-area-four-normal-image-0 {
	width: 240px;
	height: 240px
}

#global-navigation .timeline-image-area-four-normal-image-1 {
	width: 240px;
	height: 240px
}

#global-navigation .timeline-image-area-four-normal-image-2 {
	width: 240px;
	height: 240px
}

#global-navigation .timeline-image-area-four-normal-image-3 {
	width: 240px;
	height: 240px
}

#global-navigation .timeline-image-area-four-north-image-0 {
	width: 159px;
	height: 160px
}

#global-navigation .timeline-image-area-four-north-image-1 {
	width: 160px;
	height: 160px
}

#global-navigation .timeline-image-area-four-north-image-2 {
	width: 159px;
	height: 160px
}

#global-navigation .timeline-image-area-four-north-image-3 {
	width: 482px;
	height: 240px
}

#global-navigation .timeline-image-area-four-east {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

#global-navigation .timeline-image-area-four-east-left {
	width: 242px
}

#global-navigation .timeline-image-area-four-east-right {
	width: 240px
}

#global-navigation .timeline-image-area-four-east-image-1 {
	width: 240px;
	height: 159px
}

#global-navigation .timeline-image-area-four-east-image-2 {
	width: 240px;
	height: 160px
}

#global-navigation .timeline-image-area-four-east-image-3 {
	width: 240px;
	height: 159px
}

#global-navigation .timeline-image-area-four-east-image-0 {
	width: 240px;
	height: 482px
}

#global-navigation .timeline-image-area-four-south-image-1 {
	width: 159px;
	height: 160px
}

#global-navigation .timeline-image-area-four-south-image-2 {
	width: 160px;
	height: 160px
}

#global-navigation .timeline-image-area-four-south-image-3 {
	width: 159px;
	height: 160px
}

#global-navigation .timeline-image-area-four-south-image-0 {
	width: 482px;
	height: 240px
}

#global-navigation .timeline-image-area-four-west {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

#global-navigation .timeline-image-area-four-west-left {
	width: 242px
}

#global-navigation .timeline-image-area-four-west-right {
	width: 240px
}

#global-navigation .timeline-image-area-four-west-image-0 {
	width: 240px;
	height: 159px
}

#global-navigation .timeline-image-area-four-west-image-1 {
	width: 240px;
	height: 160px
}

#global-navigation .timeline-image-area-four-west-image-2 {
	width: 240px;
	height: 159px
}

#global-navigation .timeline-image-area-four-west-image-3 {
	width: 240px;
	height: 482px
}

#global-navigation .timeline-image-area-five-north-image-0 {
	width: 159px;
	height: 160px
}

#global-navigation .timeline-image-area-five-north-image-1 {
	width: 160px;
	height: 160px
}

#global-navigation .timeline-image-area-five-north-image-2 {
	width: 159px;
	height: 160px
}

#global-navigation .timeline-image-area-five-north-image-3 {
	width: 240px;
	height: 240px
}

#global-navigation .timeline-image-area-five-north-image-4 {
	width: 240px;
	height: 240px
}

#global-navigation .timeline-image-area-five-east {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

#global-navigation .timeline-image-area-five-east-left {
	width: 242px
}

#global-navigation .timeline-image-area-five-east-right {
	width: 240px
}

#global-navigation .timeline-image-area-five-east-image-2 {
	width: 240px;
	height: 159px
}

#global-navigation .timeline-image-area-five-east-image-3 {
	width: 240px;
	height: 160px
}

#global-navigation .timeline-image-area-five-east-image-4 {
	width: 240px;
	height: 159px
}

#global-navigation .timeline-image-area-five-east-image-0 {
	width: 240px;
	height: 240px
}

#global-navigation .timeline-image-area-five-east-image-1 {
	width: 240px;
	height: 240px
}

#global-navigation .timeline-image-area-five-south-image-2 {
	width: 159px;
	height: 160px
}

#global-navigation .timeline-image-area-five-south-image-3 {
	width: 160px;
	height: 160px
}

#global-navigation .timeline-image-area-five-south-image-4 {
	width: 159px;
	height: 160px
}

#global-navigation .timeline-image-area-five-south-image-0 {
	width: 240px;
	height: 240px
}

#global-navigation .timeline-image-area-five-south-image-1 {
	width: 240px;
	height: 240px
}

#global-navigation .timeline-image-area-five-west {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

#global-navigation .timeline-image-area-five-west-left {
	width: 242px
}

#global-navigation .timeline-image-area-five-west-right {
	width: 240px
}

#global-navigation .timeline-image-area-five-west-image-0 {
	width: 240px;
	height: 159px
}

#global-navigation .timeline-image-area-five-west-image-1 {
	width: 240px;
	height: 160px
}

#global-navigation .timeline-image-area-five-west-image-2 {
	width: 240px;
	height: 159px
}

#global-navigation .timeline-image-area-five-west-image-3 {
	width: 240px;
	height: 240px
}

#global-navigation .timeline-image-area-five-west-image-4 {
	width: 240px;
	height: 240px
}

#global-navigation .popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1010;
	display: none;
	max-width: 560px;
	max-height: 490px;
	text-align: left;
	background-color: #fff;
	-moz-background-clip: padding-box;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px;
	-moz-background-clip: padding;
	border-radius: 3px;
	background-clip: padding-box;
	white-space: normal
}

#global-navigation .popover.top {
	margin-top: -10px
}

#global-navigation .popover.right {
	margin-left: 10px
}

#global-navigation .popover.bottom {
	margin-top: 10px
}

#global-navigation .popover.left {
	margin-left: -10px
}

#global-navigation .popover.fade {
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	zoom: 1;
	filter: alpha(opacity = 100);
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1
}

#global-navigation .popover.fade-hidden {
	zoom: 1;
	filter: alpha(opacity = 0);
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0
}

#global-navigation .popover.popover-secondary {
	background-color: #bf1e56;
	color: #fff;
	border-color: #bf1e56
}

#global-navigation .popover.popover-secondary .popover-title {
	background-color: #931742;
	border-bottom-color: #bf1e56;
	color: #fff;
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px;
	-moz-background-clip: padding;
	border-radius: 3px;
	background-clip: padding-box
}

#global-navigation .popover.popover-secondary.top .arrow {
	border-top-color: #bf1e56
}

#global-navigation .popover.popover-secondary.top .arrow:after {
	border-top-color: #bf1e56
}

#global-navigation .popover.popover-secondary.bottom .arrow {
	border-bottom-color: #bf1e56
}

#global-navigation .popover.popover-secondary.bottom .arrow:after {
	border-bottom-color: #bf1e56
}

#global-navigation .popover.popover-secondary.left .arrow {
	border-left-color: #bf1e56
}

#global-navigation .popover.popover-secondary.left .arrow:after {
	border-left-color: #bf1e56
}

#global-navigation .popover.popover-secondary.right .arrow {
	border-right-color: #bf1e56
}

#global-navigation .popover.popover-secondary.right .arrow:after {
	border-right-color: #bf1e56
}

#global-navigation .popover.popover-spreadsheet {
	background-color: #000;
	color: #fff;
	border-color: #000
}

#global-navigation .popover.popover-spreadsheet .popover-title {
	background-color: #000;
	border-bottom-color: #000;
	color: #fff;
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px;
	-moz-background-clip: padding;
	border-radius: 3px;
	background-clip: padding-box
}

#global-navigation .popover.popover-spreadsheet.top .arrow {
	border-top-color: #000
}

#global-navigation .popover.popover-spreadsheet.top .arrow:after {
	border-top-color: #000
}

#global-navigation .popover.popover-spreadsheet.bottom .arrow {
	border-bottom-color: #000
}

#global-navigation .popover.popover-spreadsheet.bottom .arrow:after {
	border-bottom-color: #000
}

#global-navigation .popover.popover-spreadsheet.left .arrow {
	border-left-color: #000
}

#global-navigation .popover.popover-spreadsheet.left .arrow:after {
	border-left-color: #000
}

#global-navigation .popover.popover-spreadsheet.right .arrow {
	border-right-color: #000
}

#global-navigation .popover.popover-spreadsheet.right .arrow:after {
	border-right-color: #000
}

#global-navigation .popover.popover-spreadsheet .popover-inner {
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px
}

#global-navigation .popover.popover-white {
	background-color: #fff;
	color: #7f7f7f;
	border-color: #ddd
}

#global-navigation .popover.popover-white .popover-title {
	background-color: #f1f1f1;
	border-bottom-color: #fff;
	color: #333;
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px;
	-moz-background-clip: padding;
	border-radius: 3px;
	background-clip: padding-box
}

#global-navigation .popover.popover-white.top .arrow {
	border-top-color: #ddd
}

#global-navigation .popover.popover-white.top .arrow:after {
	border-top-color: #fff
}

#global-navigation .popover.popover-white.bottom .arrow {
	border-bottom-color: #ddd
}

#global-navigation .popover.popover-white.bottom .arrow:after {
	border-bottom-color: #fff
}

#global-navigation .popover.popover-white.left .arrow {
	border-left-color: #ddd
}

#global-navigation .popover.popover-white.left .arrow:after {
	border-left-color: #fff
}

#global-navigation .popover.popover-white.right .arrow {
	border-right-color: #ddd
}

#global-navigation .popover.popover-white.right .arrow:after {
	border-right-color: #fff
}

#global-navigation .popover.popover-default {
	background-color: #f1f1f1;
	color: #000;
	border-color: #f1f1f1
}

#global-navigation .popover.popover-default .popover-title {
	background-color: #ddd;
	border-bottom-color: #f1f1f1;
	color: #333;
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px;
	-moz-background-clip: padding;
	border-radius: 3px;
	background-clip: padding-box
}

#global-navigation .popover.popover-default.top .arrow {
	border-top-color: #f1f1f1
}

#global-navigation .popover.popover-default.top .arrow:after {
	border-top-color: #f1f1f1
}

#global-navigation .popover.popover-default.bottom .arrow {
	border-bottom-color: #f1f1f1
}

#global-navigation .popover.popover-default.bottom .arrow:after {
	border-bottom-color: #f1f1f1
}

#global-navigation .popover.popover-default.left .arrow {
	border-left-color: #f1f1f1
}

#global-navigation .popover.popover-default.left .arrow:after {
	border-left-color: #f1f1f1
}

#global-navigation .popover.popover-default.right .arrow {
	border-right-color: #f1f1f1
}

#global-navigation .popover.popover-default.right .arrow:after {
	border-right-color: #f1f1f1
}

#global-navigation .popover-title {
	margin: 0;
	text-align: center;
	padding: 8px 12px;
	font-size: 14px;
	line-height: 1.33;
	background-color: #ddd;
	border-bottom: 1px solid #ddd;
	-webkit-border-radius: 5px 5px 0 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5px 5px 0 0;
	-moz-background-clip: padding;
	border-radius: 5px 5px 0 0;
	background-clip: padding-box
}

#global-navigation .popover-text-content {
	padding: 8px 12px;
	word-wrap: break-word
}

#global-navigation .popover-html-content {
	word-wrap: break-word
}

#global-navigation .popover .arrow, .popover .arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

#global-navigation .popover .arrow {
	border-width: 11px
}

#global-navigation .popover .arrow:after {
	border-width: 10px;
	content: ""
}

#global-navigation .popover.top .arrow {
	left: 50%;
	margin-left: -11px;
	border-bottom-width: 0;
	border-top-color: #aaa;
	border-top-color: #ddd;
	bottom: -11px
}

#global-navigation .popover.top .arrow:after {
	content: " ";
	bottom: 1px;
	margin-left: -10px;
	border-bottom-width: 0;
	border-top-color: #fff
}

#global-navigation .popover.right .arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-left-width: 0;
	border-right-color: #aaa;
	border-right-color: #ddd
}

#global-navigation .popover.right .arrow:after {
	content: " ";
	left: 1px;
	bottom: -10px;
	border-left-width: 0;
	border-right-color: #fff
}

#global-navigation .popover.bottom .arrow {
	left: 50%;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #aaa;
	border-bottom-color: #ddd;
	top: -11px
}

#global-navigation .popover.bottom .arrow:after {
	content: " ";
	top: 1px;
	margin-left: -10px;
	border-top-width: 0;
	border-bottom-color: #fff
}

#global-navigation .popover.left .arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: #aaa;
	border-left-color: #ddd
}

#global-navigation .popover.left .arrow:after {
	content: " ";
	right: 1px;
	border-right-width: 0;
	border-left-color: #fff;
	bottom: -10px
}

#global-navigation .auto-complete-margin-left {
	margin-left: 10px
}

#global-navigation .auto-complete-margin-right {
	float: right;
	margin-right: 10px
}

#global-navigation .auto-complete-padding-left {
	padding-left: 10px
}

#global-navigation .auto-complete-adjust-space {
	margin-left: 32px
}

#global-navigation .auto-complete-full-width {
	width: 100%
}

#global-navigation .auto-complete-row-hint {
	color: #aaa;
	font-size: 1.2rem
}

#global-navigation .auto-complete-suggestion {
	cursor: pointer
}

#global-navigation .auto-complete-row-body {
	font-size: 1.4rem;
	line-height: 100%;
	padding-top: 4px;
	padding-bottom: 4px
}

#global-navigation .auto-complete-row-body-span {
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 1px
}

#global-navigation .auto-complete-row-body-header-icon {
	width: 47px;
	padding-left: 16px
}

#global-navigation .auto-complete-renderer {
	font: 14px;
	position: absolute;
	z-index: 1060;
	background: #fff;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(0, 0, 0, 0.175);
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px;
	-moz-background-clip: padding;
	border-radius: 3px;
	background-clip: padding-box
}

#global-navigation .auto-complete-row {
	cursor: pointer;
	padding: 8px;
	display: block
}

#global-navigation .auto-complete-highlighted {
	font-weight: 700
}

#global-navigation .auto-complete-inner-container {
	margin-top: 10px;
	margin-bottom: 10px
}

#global-navigation .auto-complete-active {
	background-color: #e8e8e8
}

#global-navigation .auto-complete-input-parent .auto-complete-preview {
	background-color: #fef8d3;
	color: #999
}

#global-navigation .auto-complete-ess-footer {
	font-size: 1.2rem;
	padding: 4px 0;
	height: 23px;
	background-color: #e8e8e8
}

#global-navigation .auto-complete-ess-footer-link {
	color: #175d9f
}

#global-navigation .auto-complete-ess-footer-bold {
	font-weight: 700
}

#global-navigation .auto-complete-ess-footer-height {
	height: 16px
}

#global-navigation .timeline-textarea {
	position: relative
}

#global-navigation .timeline-textarea-textarea {
	width: 100%;
	padding: 2px 72px 2px 4px;
	white-space: pre-wrap;
	word-wrap: break-word;
	min-height: 42px;
	background: #fff;
	border: solid 1px #aaa
}

#global-navigation .timeline-textarea-textarea-noborder {
	border: none
}

#global-navigation .timeline-textarea-placeholder {
	position: absolute;
	top: 2px;
	left: 5px;
	color: #7f7f7f;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none
}

#global-navigation .timeline-textarea-placeholder.timeline-textarea-hidden {
	display: none
}

#global-navigation .timeline-textarea-placeholder.timeline-textarea-lighter {
	color: #bdbdbd
}

#global-navigation .timeline-textarea-input.timeline-textarea-hidden {
	display: none
}

#global-navigation .timeline-textarea-mention {
	position: relative;
	color: #175d9f
}

#global-navigation .timeline-textarea-hashtag {
	position: relative;
	color: #175d9f
}

#global-navigation .timeline-textarea-link {
	color: #175d9f
}

#global-navigation .timeline-textarea-autocomplete-mention-suggestion {
	width: 380px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

#global-navigation .timeline-textarea-autocomplete-mention-suggestion-image {
	width: 40px;
	height: 40px;
	margin-right: 16px
}

#global-navigation .timeline-textarea-autocomplete-mention-suggestion-title {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

#global-navigation .timeline-textarea-autocomplete-mention-suggestion-title-sub {
	color: #7f7f7f;
	font-size: 1.2rem;
	padding-top: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#global-navigation .timeline-textarea-autocomplete-mention-suggestion-title-main {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

#global-navigation .timeline-textarea-autocomplete-mention-suggestion-title-main-name {
	margin-right: 8px
}

#global-navigation .timeline-textarea-autocomplete-mention-suggestion-title-main-userid {
	color: #7f7f7f;
	font-size: 1.2rem;
	padding: 2px
}

.global-navigation-header {
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	/*background-color: #333;*/
	/*border-bottom-color: #333;*/
	/*border-bottom-style: solid;*/
	/*border-bottom-width: 1px;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;
	left: 0;
	line-height: 1.7rem;
	margin: 0;
	/*height: 48px;*/
	padding: 0;
	position:fixed;
	right: 0;
	top: 0;
	vertical-align: baseline;
	/*z-index: 1000000;*/
	z-index: 1;
	line-height: 33px;
}

#global-navigation .global-navigation-btn-separater {
	float: right;
	height: 25px;
	border-left: 1px solid #7f7f7f;
	margin-top: 4px;
	margin-left: 16px
}

#global-navigation .global-navigation-header-img-outer {
	margin-top: 0px;
	margin-left: 8px;
	margin-right: 8px;
	float: right;
	cursor: pointer
}

#global-navigation .global-navigation-header-img {
	border: 4px solid #555;
	width: 20px;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	background-clip: padding-box
}

#global-navigation .timeline-like-check-dialog {
	width: 540px;
	height: 320px;
	display: none;
	overflow: auto;
	overflow-y: scroll;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	outline: 0
}

#global-navigation .timeline-like-check-dialog.fade {
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-moz-transition: -moz-transform 0.3s ease-out;
	-o-transition: -o-transform 0.3s ease-out;
	transition: -webkit-transform 0.3s ease-out, -moz-transform 0.3s
		ease-out, -o-transform 0.3s ease-out, transform 0.3s ease-out;
	-webkit-transform: translateY(-800px);
	-moz-transform: translateY(-800px);
	-o-transform: translateY(-800px);
	-ms-transform: translateY(-800px);
	transform: translateY(-800px)
}

#global-navigation .timeline-like-check-dialog.in {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

#global-navigation .timeline-like-check-dialog.hide {
	display: none
}

#global-navigation .timeline-like-check-dialog.show {
	display: block
}

#global-navigation .timeline-like-check-dialog-dialog {
	position: relative;
	width: 480px;
	height: 480px;
	margin: auto;
	top: 20%;
	background-color: #fff;
	border: 1px solid #bdbdbd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-moz-background-clip: padding;
	border-radius: 3px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	outline: none
}

#global-navigation .timeline-like-check-dialog-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000
}

#global-navigation .timeline-like-check-dialog-backdrop.fade {
	zoom: 1;
	filter: alpha(opacity = 0);
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0
}

#global-navigation .timeline-like-check-dialog-backdrop.in {
	zoom: 1;
	filter: alpha(opacity = 50);
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5
}

#global-navigation .timeline-like-check-dialog-header {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px solid #ddd;
	padding: 12px 8px
}

#global-navigation .timeline-like-check-dialog-title-right-area {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: right;
	padding-right: 8px;
	color: #7f7f7f
}

#global-navigation .timeline-like-check-dialog-close {
	cursor: pointer;
	padding: 4px
}

#global-navigation .timeline-like-check-dialog-title-like.timeline-like-check-dialog-hidden
	{
	display: none
}

#global-navigation .timeline-like-check-dialog-title-see.timeline-like-check-dialog-hidden
	{
	display: none
}

#global-navigation .timeline-like-check-dialog-title-follow.timeline-like-check-dialog-hidden
	{
	display: none
}

#global-navigation .employee-picture {
	display: inline-block;
	float: left;
	margin-right: 10px;
	position: relative
}

#global-navigation .employee-picture-info {
	display: none;
	position: absolute;
	color: #7f7f7f;
	cursor: pointer;
	background-color: #fff
}

#global-navigation .employee-picture:hover .employee-picture-info {
	display: block
}

#global-navigation .employee-picture-icon-pos-img-64 {
	top: 48px;
	left: 48px;
	font-size: 1.7rem;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	background-clip: padding-box
}

#global-navigation .employee-picture-icon-pos-img-40 {
	top: 26px;
	left: 26px;
	font-size: 1.7rem;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	background-clip: padding-box
}

#global-navigation .employee-picture-icon-pos-img-32 {
	top: 20px;
	left: 20px;
	font-size: 1.4rem;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	background-clip: padding-box
}

#global-navigation .employee-picture-img-136 {
	height: 136px;
	width: 136px
}

#global-navigation .employee-picture-img-profile {
	height: 178px;
	width: 128px
}

#global-navigation .employee-picture-img-80 {
	height: 80px;
	width: 80px
}

#global-navigation .employee-picture-img-card {
	height: 88px;
	width: 64px
}

#global-navigation .employee-picture-img-64 {
	height: 64px;
	width: 64px
}

#global-navigation .employee-picture-img-40 {
	height: 40px;
	width: 40px
}

#global-navigation .employee-picture-img-32 {
	height: 32px;
	width: 32px
}

#global-navigation .notification-container-header {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: reverse;
	-moz-box-direction: reverse;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	padding: 8px 12px;
	border-bottom: 1px solid #ddd
}

#global-navigation .notification-container-header-markasread {
	color: #175d9f;
	text-decoration: none;
	cursor: pointer
}

#global-navigation .notification-container-header-markasread:hover {
	color: #175d9f;
	text-decoration: underline
}

#global-navigation .notification-container-header-configuration-area {
	margin-left: 12px;
	cursor: pointer
}

#global-navigation .notification-container-header-configuration-area:hover {
	cursor: pointer;
	color: #999
}

#global-navigation .notification-container-header-configuration {
	font-size: 1.7rem
}

#global-navigation .notification-container-footer-area {
	text-align: center;
	background-color: #f5f5f5;
	padding-top: 7px;
	height: 32px;
	border-top: 1px solid #ddd
}

#global-navigation .notification-container-see-all {
	color: #175d9f;
	text-decoration: none;
	cursor: pointer
}

#global-navigation .notification-container-see-all:hover {
	color: #175d9f;
	text-decoration: underline
}

#global-navigation .timeline-image-viewer {
	display: none;
	overflow: auto;
	overflow-y: scroll;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	outline: 0
}

#global-navigation .timeline-image-viewer.fade {
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-moz-transition: -moz-transform 0.3s ease-out;
	-o-transition: -o-transform 0.3s ease-out;
	transition: -webkit-transform 0.3s ease-out, -moz-transform 0.3s
		ease-out, -o-transform 0.3s ease-out, transform 0.3s ease-out;
	-webkit-transform: translateY(-800px);
	-moz-transform: translateY(-800px);
	-o-transform: translateY(-800px);
	-ms-transform: translateY(-800px);
	transform: translateY(-800px)
}

#global-navigation .timeline-image-viewer.in {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

#global-navigation .timeline-image-viewer.hide {
	display: none
}

#global-navigation .timeline-image-viewer.show {
	display: block
}

#global-navigation .timeline-image-viewer-dialog {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%
}

#global-navigation .timeline-image-viewer-container {
	position: relative;
	width: 900px;
	height: 600px;
	margin: auto;
	background-color: #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-moz-background-clip: padding;
	border-radius: 3px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	outline: none
}

#global-navigation .timeline-image-viewer-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000
}

#global-navigation .timeline-image-viewer-backdrop.fade {
	zoom: 1;
	filter: alpha(opacity = 0);
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0
}

#global-navigation .timeline-image-viewer-backdrop.in {
	zoom: 1;
	filter: alpha(opacity = 50);
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5
}

#global-navigation .timeline-image-viewer-body {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

#global-navigation .timeline-image-viewer-image {
	margin: auto;
	max-width: 740px;
	max-height: 500px
}

#global-navigation .timeline-image-viewer-icon {
	color: #bdbdbd;
	font-size: 80px;
	position: absolute;
	top: calc(50% - 60px);
	cursor: pointer
}

#global-navigation .timeline-image-viewer-icon:hover {
	color: #fff
}

#global-navigation .timeline-image-viewer-left.timeline-image-viewer-hidden {
	display: none
}

#global-navigation .timeline-image-viewer-right {
	right: 0
}

#global-navigation .timeline-image-viewer-right.timeline-image-viewer-hidden {
	display: none
}

#global-navigation .timeline-image-viewer-page {
	color: #fff;
	font-size: 1.7rem;
	position: absolute;
	bottom: 16px;
	left: calc(50% - 12px)
}

#global-navigation .timeline-image-viewer-page.timeline-image-viewer-hidden {
	display: none
}

#global-navigation .contact-popup {
	background-color: #fff;
	width: 400px
}

#global-navigation .contact-popup-header-area {
	padding: 16px 16px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

#global-navigation .contact-popup-right-area {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 8px
}

#global-navigation .contact-popup-right-top-area {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

#global-navigation .contact-popup-user-image {
	height: 80px;
	width: 80px
}

#global-navigation .contact-popup-user-info-area {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

#global-navigation .contact-popup-myself-info-area {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 8px
}

#global-navigation .contact-popup-user-name-area {
	margin-top: 2px;
	margin-bottom: 12px;
	color: #333
}

#global-navigation .contact-popup-user-name {
	font-size: 2rem
}

#global-navigation .contact-popup-user-department-area {
	font-size: 1.4rem;
	color: #7f7f7f;
	width: 280px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#global-navigation .contact-popup-user-department {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#global-navigation .contact-popup-login-status {
	font-size: 1.4rem
}

#global-navigation .contact-popup-online {
	color: #00986d
}

#global-navigation .contact-popup-offline {
	color: #818da2
}

#global-navigation .contact-popup-action-area {
	padding: 12px 16px 22px 16px;
	border-top: 1px solid #ddd
}

#global-navigation .contact-popup-action-title {
	font-size: 1.4rem;
	color: #7f7f7f
}

#global-navigation .contact-popup-each-action-area {
	font-size: 1.4rem;
	margin-top: 6px
}

#global-navigation .contact-popup-each-action-area:hover {
	background-color: #ddd;
	cursor: pointer
}

#global-navigation .timeline-feed-quote-task {
	border: 1px solid #ddd
}

#global-navigation .timeline-feed-quote-task-header {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px solid #ddd;
	padding: 4px
}

#global-navigation .timeline-feed-quote-task-header-tag {
	background-color: #bf1e56;
	color: #fff;
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px;
	-moz-background-clip: padding;
	border-radius: 3px;
	background-clip: padding-box;
	padding: 2px 8px;
	margin-right: 8px
}

#global-navigation .timeline-feed-quote-task-header-title {
	color: #7f7f7f
}

#global-navigation .timeline-feed-quote-task-body {
	width: 100%
}

#global-navigation .timeline-feed-quote-task-body-footer {
	padding: 4px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	font-size: 1.2rem
}

#global-navigation .timeline-feed-quote-task-body-footer.timeline-feed-quote-task-hidden {
	display: none
}

#global-navigation .timeline-feed-quote-task-body-footer-action {
	color: #175d9f;
	padding: 0 8px 0 4px
}

#global-navigation .timeline-feed-quote-task-body-footer-action-i:before {
	margin-right: 4px
}

#global-navigation .timeline-feed-quote-task-comment-area {
	position: relative
}

#global-navigation .timeline-feed-quote-task-comment-area-description {
	position: absolute;
	right: 8px;
	top: 8px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.2rem;
	color: #999
}

#global-navigation .timeline-feed-quote-task-comment-area-description.timeline-feed-quote-task-hidden
	{
	display: none
}

#global-navigation .timeline-task-detail-dialog {
	line-height: 1.25
}

#global-navigation .timeline-task-detail-dialog-body {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

#global-navigation .timeline-task-detail-dialog-body-left {
	width: 50%;
	padding-right: 8px
}

#global-navigation .timeline-task-detail-dialog-body-right {
	width: 50%;
	padding-left: 8px
}

#global-navigation .timeline-task-detail-dialog .dialog-footer {
	display: none
}

#global-navigation .timeline-task-detail-dialog .dialog-body {
	bottom: 0
}

#global-navigation .timeline-task-detail-dialog .dialog-div {
	top: 0
}

#global-navigation .timeline-feed-content-application-information-box {
	background-color: #f5f5f5
}

#global-navigation .timeline-like-check-dialog-content-list-all {
	height: 432px;
	overflow-x: auto
}

#global-navigation .timeline-like-check-dialog-content-list-each {
	border-bottom: 1px solid #ddd;
	padding: 8px 12px
}

#global-navigation .notification-popover.popover.bottom .arrow {
	left: 89%
}

#global-navigation .notification-popover.popover-off {
	display: none
}

#global-navigation .notification-popover.popover-on {
	display: block
}

#global-navigation .timeline-like-check-dialog-content {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

#global-navigation .timeline-like-check-dialog-content-left-area {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

#global-navigation .timeline-like-check-dialog-content-right-area {
	padding-top: 4px;
	padding-left: 4px
}

#global-navigation .timeline-like-check-dialog-content-picture {
	height: 40px;
	width: 40px
}

#global-navigation .timeline-like-check-dialog-content-user-area {
	padding-left: 6px;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

#global-navigation .timeline-like-check-dialog-content-name-area {
	color: #175d9f
}

#global-navigation .timeline-like-check-dialog-content-dept-area {
	color: #7f7f7f;
	font-size: 1rem;
	margin-top: 6px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#global-navigation .timeline-like-check-dialog-content-time {
	color: #7f7f7f
}

#global-navigation .timeline-feed-content-edit-area {
	display: none;
	width: 100%
}

#global-navigation .timeline-feed-content-edit-area-update-action {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	bottom: 4px;
	right: 12px
}

#global-navigation .timeline-feed-content-edit-area-update-action-button {
	top: -35px;
	left: -8px;
	height: 46px;
	border: 1px solid #aaa;
	-webkit-border-radius: 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0;
	-moz-background-clip: padding;
	border-radius: 0;
	background-clip: padding-box
}

#global-navigation .timeline-feed-content-edit-area.timeline-feed-content-edit-area-showing
	{
	display: block
}

#global-navigation .timeline-feed-content-edit-area-emotion-wrapper {
	position: relative;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

#global-navigation .timeline-feed-content-edit-area-input-wrapper {
	position: relative;
	margin: 12px 4px 8px;
	overflow: hidden
}

#global-navigation .timeline-feed-content-edit-area-textarea-border {
	width: 100%;
	height: 0;
	position: absolute;
	top: 0;
	left: 0
}

#global-navigation .timeline-feed-content-edit-area-button-wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end
}

#global-navigation .timeline-feed-content-edit-area-update-button,
	#global-navigation .timeline-feed-content-edit-area-cancel-button {
	margin-left: 4px;
	width: 80px
}

#global-navigation .timeline-public-level-icon-i {
	cursor: pointer;
	font-size: 1.4rem
}

#global-navigation .timeline-public-level-icon-popup-content {
	padding: 4px
}

#global-navigation .timeline-public-level-icon-popup-content-wrapper {
	display: none
}

#global-navigation .timeline-task-box-action-button-multiple {
	position: relative
}

#global-navigation .timeline-task-box-action-button-multiple-main-action {
	-webkit-border-radius: 3px 0 0 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px 0 0 3px;
	-moz-background-clip: padding;
	border-radius: 3px 0 0 3px;
	background-clip: padding-box
}

#global-navigation .timeline-task-box-action-button-multiple-main-icon {
	-webkit-border-radius: 0 3px 3px 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0 3px 3px 0;
	-moz-background-clip: padding;
	border-radius: 0 3px 3px 0;
	background-clip: padding-box;
	width: 26px;
	padding-left: 5px;
	border-left-color: #114372
}

#global-navigation .timeline-task-box-action-button-multiple-menu {
	display: none;
	background-color: #175d9f;
	color: #fff;
	position: absolute;
	right: 0;
	min-width: 100%;
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px;
	-moz-background-clip: padding;
	border-radius: 3px;
	background-clip: padding-box;
	margin-top: 2px;
	padding: 4px 0
}

#global-navigation .timeline-task-box-action-button-multiple-menu-item {
	padding: 4px 8px;
	cursor: pointer
}

#global-navigation .timeline-task-box-action-button-multiple-menu-item:hover {
	background-color: #114372
}

#global-navigation .timeline-task-box-action-button-multiple-menu.timeline-task-box-action-button-showing
	{
	display: block
}

#global-navigation .timeline-like-check-dialog-content-container {
	height: 432px
}

#global-navigation .timeline-feed-comment {
	font-size: 1.2rem;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 4px 0;
	position: relative
}

#global-navigation .timeline-feed-comment-user {
	width: 32px;
	height: 32px;
	margin-right: 8px;
	border: none
}

#global-navigation .timeline-feed-comment-user-image {
	width: 32px;
	height: 32px
}

#global-navigation .timeline-feed-comment-user-comment {
	width: calc(100% - 40px)
}

#global-navigation .timeline-feed-comment-user-comment-user-name,
	#global-navigation .timeline-feed-comment-user-comment-reply-user-name {
	color: #175d9f;
	font-weight: 700;
	display: inline-block
}

#global-navigation .timeline-feed-comment-user-comment-reply-indicator {
	padding: 0 8px;
	color: #7f7f7f
}

#global-navigation .timeline-feed-comment-user-comment-time-val {
	color: #999;
	margin-left: 4px
}

#global-navigation .timeline-feed-comment-user-comment-comment-content-panel {
	padding-top: 4px
}

#global-navigation .timeline-feed-comment-user-comment-comment-content-panel-comment-content
	{
	width: 100%;
	word-wrap: break-word;
	white-space: pre-wrap;
	margin-bottom: 4px
}

#global-navigation .timeline-feed-comment-user-comment-comment-content-panel-comment-actions-reply
	{
	cursor: pointer
}

#global-navigation .timeline-feed-comment-user-comment-comment-content-panel-comment-actions-good
	{
	cursor: pointer
}

#global-navigation .timeline-feed-comment-user-comment-comment-content-panel-comment-actions-action
	{
	color: #175d9f;
	margin-right: 12px;
	float: left
}

#global-navigation .timeline-feed-comment-user-comment-comment-content-panel-comment-actions-action-good
	{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

#global-navigation .timeline-feed-comment-user-comment-comment-content-panel-comment-actions-a
	{
	color: #175d9f;
	text-decoration: none
}

#global-navigation .timeline-feed-comment-user-comment-comment-content-panel-comment-actions-a:hover,
	#global-navigation .timeline-feed-comment-user-comment-comment-content-panel-comment-actions-a:focus
	{
	color: #175d9f;
	text-decoration: underline
}

#global-navigation .timeline-feed-comment-user-comment-comment-content-panel-comment-actions-a-i:before
	{
	vertical-align: middle;
	margin-right: 4px
}

#global-navigation .timeline-feed-comment-remove-action {
	display: none
}

#global-navigation .timeline-feed-comment-remove-action.timeline-feed-comment-showing {
	display: inline
}

#global-navigation .timeline-feed-comment-delete-action {
	position: absolute;
	right: 0;
	cursor: pointer;
	color: #aaa
}

#global-navigation .timeline-feed-comment-delete-action:hover,
	#global-navigation .timeline-feed-comment-delete-action:focus {
	color: #333
}

#global-navigation .timeline-feed-comment-delete-action-i {
	font-size: 1.2rem
}

#global-navigation .timeline-feed-comment-hidden {
	display: none
}

#global-navigation .timeline-comment-attachment {
	margin: 1px;
	position: relative
}

#global-navigation .timeline-comment-attachment-icon {
	cursor: pointer;
	color: #ccc;
	font-size: 2rem;
	margin-top: 4px;
	width: 24px;
	height: 24px
}

#global-navigation .timeline-comment-attachment-icon:before {
	vertical-align: middle
}

#global-navigation .button {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	white-space: nowrap;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.33;
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px;
	-moz-background-clip: padding;
	border-radius: 3px;
	background-clip: padding-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

#global-navigation .button:active, .button.active {
	outline: none;
	-webkit-box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.2)
}

#global-navigation .button:hover, #global-navigation .button:focus, #global-navigation .button.focus {
	color: #303641;
	text-decoration: none;
	outline: none
}

#global-navigation .button.disabled, #global-navigation .button[disabled] {
	cursor: not-allowed;
	pointer-events: none;
	zoom: 1;
	filter: alpha(opacity = 65);
	-webkit-opacity: 0.65;
	-moz-opacity: 0.65;
	opacity: 0.65;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

#global-navigation .button.button-icon {
	position: relative
}

#global-navigation .button.button-icon .button-left-icon, #global-navigation .button.button-icon .button-right-icon
	{
	position: absolute;
	right: 0;
	top: 0
}

#global-navigation .button .button-left-icon:before, #global-navigation .button .button-right-icon:before {
	margin-top: -
	2px
}

#global-navigation .button.button-xs .button-left-icon:before, #global-navigation .button.button-xs .button-right-icon:before
	{
	vertical-align: baseline
}

#global-navigation .button-default {
	color: #303641;
	background-color: #f1f1f1;
	border-color: #ddd
}

#global-navigation .button-default:hover, #global-navigation .button-default:focus, #global-navigation .button-default.focus,
	#global-navigation .button-default:active, #global-navigation .button-default.active {
	color: #303641;
	background-color: #ddd;
	border-color: #d2d2d2
}

#global-navigation .button-default.disabled, #global-navigation .button-default[disabled], #global-navigation .button-default.disabled:hover,
	#global-navigation .button-default[disabled]:hover, #global-navigation .button-default.disabled:focus,
	#global-navigation .button-default[disabled]:focus, #global-navigation .button-default.disabled:active,
	#global-navigation .button-default[disabled]:active, #global-navigation .button-default.disabled.active,
	#global-navigation .button-default[disabled].active {
	background-color: #f1f1f1;
	border-color: #f1f1f1
}

#global-navigation .button-default.button-icon {
	position: relative;
	padding-right: 40px;
	border: none
}

#global-navigation .button-default.button-icon .button-left-icon, #global-navigation .button-default.button-icon .button-right-icon
	{
	padding: 6px 6px;
	font-size: 14px;
	line-height: 1.33;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 0 3px 3px 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0 3px 3px 0;
	-moz-background-clip: padding;
	border-radius: 0 3px 3px 0;
	background-clip: padding-box
}

#global-navigation .button-default.button-icon.icon-left {
	padding-right: 12px;
	padding-left: 40px
}

#global-navigation .button-default.button-icon.icon-left .button-left-icon {
	float: left;
	right: auto;
	left: 0;
	-webkit-border-radius: 3px 0 0 3px !important;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px 0 0 3px !important;
	-moz-background-clip: padding;
	border-radius: 3px 0 0 3px !important;
	background-clip: padding-box
}

#global-navigation .button-default.button-icon.button-sm {
	padding-right: 35.2px
}

#global-navigation .button-default.button-icon.button-sm.icon-left {
	padding-right: 10px;
	padding-left: 35.2px
}

#global-navigation .button-default.button-icon.button-sm .button-left-icon, #global-navigation .button-default.button-icon.button-sm .button-right-icon
	{
	padding: 5px 6px;
	font-size: 1.2rem;
	line-height: 1.5;
	-webkit-border-radius: 2px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 2px;
	-moz-background-clip: padding;
	border-radius: 2px;
	background-clip: padding-box
}

#global-navigation .button-default.disabled, #global-navigation .button-default[disabled], #global-navigation .button-default.disabled:hover,
	#global-navigation .button-default[disabled]:hover, #global-navigation .button-default.disabled:focus,
	#global-navigation .button-default[disabled]:focus, #global-navigation .button-default.disabled:active,
	#global-navigation .button-default[disabled]:active, #global-navigation .button-default.disabled.active,
	#global-navigation .button-default[disabled].active {
	color: #999;
	background-color: #ddd;
	border-color: #ddd
}

#global-navigation .button-primary {
	color: #fff;
	background-color: #175d9f;
	border-color: #175d9f
}

#global-navigation .button-primary:hover, #global-navigation .button-primary:focus, #global-navigation .button-primary.focus,
	#global-navigation .button-primary:active, #global-navigation .button-primary.active {
	color: #fff;
	background-color: #12487b;
	border-color: #0f3e6a
}

#global-navigation .button-primary.disabled, #global-navigation .button-primary[disabled], #global-navigation .button-primary.disabled:hover,
	#global-navigation .button-primary[disabled]:hover, #global-navigation .button-primary.disabled:focus,
	#global-navigation .button-primary[disabled]:focus, #global-navigation .button-primary.disabled:active,
	#global-navigation .button-primary[disabled]:active, #global-navigation .button-primary.disabled.active,
	#global-navigation .button-primary[disabled]#global-navigation .active {
	background-color: #175d9f;
	border-color: #175d9f
}

#global-navigation .button-primary.button-icon {
	position: relative;
	padding-right: 40px;
	border: none
}

#global-navigation .button-primary.button-icon .button-left-icon, #global-navigation .button-primary.button-icon .button-right-icon
	{
	padding: 6px 6px;
	font-size: 14px;
	line-height: 1.33;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 0 3px 3px 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0 3px 3px 0;
	-moz-background-clip: padding;
	border-radius: 0 3px 3px 0;
	background-clip: padding-box
}

#global-navigation .button-primary.button-icon.icon-left {
	padding-right: 12px;
	padding-left: 40px
}

#global-navigation .button-primary.button-icon.icon-left .button-left-icon {
	float: left;
	right: auto;
	left: 0;
	-webkit-border-radius: 3px 0 0 3px !important;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px 0 0 3px !important;
	-moz-background-clip: padding;
	border-radius: 3px 0 0 3px !important;
	background-clip: padding-box
}

#global-navigation .button-primary.button-icon.button-sm {
	padding-right: 35.2px
}

#global-navigation .button-primary.button-icon.button-sm.icon-left {
	padding-right: 10px;
	padding-left: 35.2px
}

#global-navigation .button-primary.button-icon.button-sm .button-left-icon, #global-navigation .button-primary.button-icon.button-sm .button-right-icon
	{
	padding: 5px 6px;
	font-size: 1.2rem;
	line-height: 1.5;
	-webkit-border-radius: 2px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 2px;
	-moz-background-clip: padding;
	border-radius: 2px;
	background-clip: padding-box
}

#global-navigation .button-warning {
	color: #fff;
	background-color: #f89406;
	border-color: #f89406
}

#global-navigation .button-warning:hover, #global-navigation .button-warning:focus, #global-navigation .button-warning.focus,
	#global-navigation .button-warning:active, #global-navigation .button-warning.active {
	color: #fff;
	background-color: #d07c05;
	border-color: #bc7005
}

#global-navigation .button-warning.disabled, #global-navigation .button-warning[disabled], #global-navigation .button-warning.disabled:hover,
	#global-navigation .button-warning[disabled]:hover, #global-navigation .button-warning.disabled:focus,
	#global-navigation .button-warning[disabled]:focus, #global-navigation .button-warning.disabled:active,
	#global-navigation .button-warning[disabled]:active, #global-navigation .button-warning.disabled.active,
	#global-navigation .button-warning[disabled].active {
	background-color: #f89406;
	border-color: #f89406
}

#global-navigation .button-warning.button-icon {
	position: relative;
	padding-right: 40px;
	border: none
}

#global-navigation .button-warning.button-icon .button-left-icon, #global-navigation .button-warning.button-icon .button-right-icon
	{
	padding: 6px 6px;
	font-size: 14px;
	line-height: 1.33;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 0 3px 3px 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0 3px 3px 0;
	-moz-background-clip: padding;
	border-radius: 0 3px 3px 0;
	background-clip: padding-box
}

#global-navigation .button-warning.button-icon.icon-left {
	padding-right: 12px;
	padding-left: 40px
}

#global-navigation .button-warning.button-icon.icon-left .button-left-icon {
	float: left;
	right: auto;
	left: 0;
	-webkit-border-radius: 3px 0 0 3px !important;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px 0 0 3px !important;
	-moz-background-clip: padding;
	border-radius: 3px 0 0 3px !important;
	background-clip: padding-box
}

#global-navigation .button-warning.button-icon.button-sm {
	padding-right: 35.2px
}

#global-navigation .button-warning.button-icon.button-sm.icon-left {
	padding-right: 10px;
	padding-left: 35.2px
}

#global-navigation .button-warning.button-icon.button-sm .button-left-icon, #global-navigation .button-warning.button-icon.button-sm .button-right-icon
	{
	padding: 5px 6px;
	font-size: 1.2rem;
	line-height: 1.5;
	-webkit-border-radius: 2px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 2px;
	-moz-background-clip: padding;
	border-radius: 2px;
	background-clip: padding-box
}

#global-navigation .button-danger {
	color: #fff;
	background-color: #bf1e56;
	border-color: #bf1e56
}

#global-navigation .button-danger:hover, #global-navigation .button-danger:focus, #global-navigation .button-danger.focus,
	#global-navigation .button-danger:active, #global-navigation .button-danger.active {
	color: #fff;
	background-color: #9c1846;
	border-color: #8a163e
}

#global-navigation .button-danger.disabled, #global-navigation .button-danger[disabled], #global-navigation .button-danger.disabled:hover,
	#global-navigation .button-danger[disabled]:hover, #global-navigation .button-danger.disabled:focus,
	#global-navigation .button-danger[disabled]:focus, #global-navigation .button-danger.disabled:active,
	#global-navigation .button-danger[disabled]:active, #global-navigation .button-danger.disabled.active,
	#global-navigation .button-danger[disabled].active {
	background-color: #bf1e56;
	border-color: #bf1e56
}

#global-navigation .button-danger.button-icon {
	position: relative;
	padding-right: 40px;
	border: none
}

#global-navigation .button-danger.button-icon .button-left-icon, #global-navigation .button-danger.button-icon .button-right-icon
	{
	padding: 6px 6px;
	font-size: 14px;
	line-height: 1.33;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 0 3px 3px 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0 3px 3px 0;
	-moz-background-clip: padding;
	border-radius: 0 3px 3px 0;
	background-clip: padding-box
}

#global-navigation .button-danger.button-icon.icon-left {
	padding-right: 12px;
	padding-left: 40px
}

#global-navigation .button-danger.button-icon.icon-left .button-left-icon {
	float: left;
	right: auto;
	left: 0;
	-webkit-border-radius: 3px 0 0 3px !important;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px 0 0 3px !important;
	-moz-background-clip: padding;
	border-radius: 3px 0 0 3px !important;
	background-clip: padding-box
}

#global-navigation .button-danger.button-icon.button-sm {
	padding-right: 35.2px
}

#global-navigation .button-danger.button-icon.button-sm.icon-left {
	padding-right: 10px;
	padding-left: 35.2px
}

#global-navigation .button-danger.button-icon.button-sm .button-left-icon, #global-navigation .button-danger.button-icon.button-sm .button-right-icon
	{
	padding: 5px 6px;
	font-size: 1.2rem;
	line-height: 1.5;
	-webkit-border-radius: 2px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 2px;
	-moz-background-clip: padding;
	border-radius: 2px;
	background-clip: padding-box
}

#global-navigation .button-success {
	color: #fff;
	background-color: #00986d;
	border-color: #00986d
}

#global-navigation .button-success:hover, #global-navigation .button-success:focus, #global-navigation .button-success.focus,
	#global-navigation .button-success:active, #global-navigation .button-success.active {
	color: #fff;
	background-color: #006f50;
	border-color: #005b41
}

#global-navigation .button-success.disabled, #global-navigation .button-success[disabled], #global-navigation .button-success.disabled:hover,
	#global-navigation .button-success[disabled]:hover, #global-navigation .button-success.disabled:focus,
	#global-navigation .button-success[disabled]:focus, #global-navigation .button-success.disabled:active,
	#global-navigation .button-success[disabled]:active, #global-navigation .button-success.disabled.active,
	#global-navigation .button-success[disabled].active {
	background-color: #00986d;
	border-color: #00986d
}

#global-navigation .button-success.button-icon {
	position: relative;
	padding-right: 40px;
	border: none
}

#global-navigation .button-success.button-icon .button-left-icon, #global-navigation .button-success.button-icon .button-right-icon
	{
	padding: 6px 6px;
	font-size: 14px;
	line-height: 1.33;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 0 3px 3px 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0 3px 3px 0;
	-moz-background-clip: padding;
	border-radius: 0 3px 3px 0;
	background-clip: padding-box
}

#global-navigation .button-success.button-icon.icon-left {
	padding-right: 12px;
	padding-left: 40px
}

#global-navigation .button-success.button-icon.icon-left .button-left-icon {
	float: left;
	right: auto;
	left: 0;
	-webkit-border-radius: 3px 0 0 3px !important;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px 0 0 3px !important;
	-moz-background-clip: padding;
	border-radius: 3px 0 0 3px !important;
	background-clip: padding-box
}

#global-navigation .button-success.button-icon.button-sm {
	padding-right: 35.2px
}

#global-navigation .button-success.button-icon.button-sm.icon-left {
	padding-right: 10px;
	padding-left: 35.2px
}

#global-navigation .button-success.button-icon.button-sm .button-left-icon, #global-navigation .button-success.button-icon.button-sm .button-right-icon
	{
	padding: 5px 6px;
	font-size: 1.2rem;
	line-height: 1.5;
	-webkit-border-radius: 2px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 2px;
	-moz-background-clip: padding;
	border-radius: 2px;
	background-clip: padding-box
}

#global-navigation .button-info {
	color: #fff;
	background-color: #3ea9c4;
	border-color: #3ea9c4
}

#global-navigation .button-info:hover, #global-navigation .button-info:focus, #global-navigation .button-info.focus, #global-navigation .button-info:active,
	#global-navigation .button-info.active {
	color: #fff;
	background-color: #338fa6;
	border-color: #2e8297
}

#global-navigation .button-info.disabled, #global-navigation .button-info[disabled], #global-navigation .button-info.disabled:hover,
	#global-navigation .button-info[disabled]:hover, #global-navigation .button-info.disabled:focus, .button-info[disabled]:focus,
	#global-navigation .button-info.disabled:active, #global-navigation .button-info[disabled]:active,
	#global-navigation .button-info.disabled.active, #global-navigation .button-info[disabled].active {
	background-color: #3ea9c4;
	border-color: #3ea9c4
}

#global-navigation .button-info.button-icon {
	position: relative;
	padding-right: 40px;
	border: none
}

#global-navigation .button-info.button-icon .button-left-icon, #global-navigation .button-info.button-icon .button-right-icon
	{
	padding: 6px 6px;
	font-size: 14px;
	line-height: 1.33;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 0 3px 3px 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0 3px 3px 0;
	-moz-background-clip: padding;
	border-radius: 0 3px 3px 0;
	background-clip: padding-box
}

#global-navigation .button-info.button-icon.icon-left {
	padding-right: 12px;
	padding-left: 40px
}

#global-navigation .button-info.button-icon.icon-left .button-left-icon {
	float: left;
	right: auto;
	left: 0;
	-webkit-border-radius: 3px 0 0 3px !important;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px 0 0 3px !important;
	-moz-background-clip: padding;
	border-radius: 3px 0 0 3px !important;
	background-clip: padding-box
}

#global-navigation .button-info.button-icon.button-sm {
	padding-right: 35.2px
}

#global-navigation .button-info.button-icon.button-sm.icon-left {
	padding-right: 10px;
	padding-left: 35.2px
}

#global-navigation .button-info.button-icon.button-sm .button-left-icon, #global-navigation .button-info.button-icon.button-sm .button-right-icon
	{
	padding: 5px 6px;
	font-size: 1.2rem;
	line-height: 1.5;
	-webkit-border-radius: 2px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 2px;
	-moz-background-clip: padding;
	border-radius: 2px;
	background-clip: padding-box
}

#global-navigation .button-white {
	color: #303641;
	background-color: #fff;
	border-color: #ddd
}

#global-navigation .button-white:hover, #global-navigation .button-white:focus, #global-navigation .button-white.focus,
	#global-navigation .button-white:active, #global-navigation .button-white.active {
	color: #303641;
	background-color: #ebebeb;
	border-color: #e0e0e0
}

#global-navigation .button-white.disabled, #global-navigation .button-white[disabled], #global-navigation .button-white.disabled:hover,
	#global-navigation .button-white[disabled]:hover, #global-navigation .button-white.disabled:focus,
	#global-navigation .button-white[disabled]:focus, #global-navigation .button-white.disabled:active,
	#global-navigation .button-white[disabled]:active, #global-navigation .button-white.disabled.active,
	#global-navigation .button-white[disabled].active {
	background-color: #fff;
	border-color: #fff
}

#global-navigation .button-white.button-icon {
	position: relative;
	padding-right: 40px;
	border: none
}

#global-navigation .button-white.button-icon .button-left-icon, #global-navigation .button-white.button-icon .button-right-icon
	{
	padding: 6px 6px;
	font-size: 14px;
	line-height: 1.33;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 0 3px 3px 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0 3px 3px 0;
	-moz-background-clip: padding;
	border-radius: 0 3px 3px 0;
	background-clip: padding-box
}

#global-navigation .button-white.button-icon.icon-left {
	padding-right: 12px;
	padding-left: 40px
}

#global-navigation .button-white.button-icon.icon-left .button-left-icon {
	float: left;
	right: auto;
	left: 0;
	-webkit-border-radius: 3px 0 0 3px !important;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px 0 0 3px !important;
	-moz-background-clip: padding;
	border-radius: 3px 0 0 3px !important;
	background-clip: padding-box
}

#global-navigation .button-white.button-icon.button-sm {
	padding-right: 35.2px
}

#global-navigation .button-white.button-icon.button-sm.icon-left {
	padding-right: 10px;
	padding-left: 35.2px
}

#global-navigation .button-white.button-icon.button-sm .button-left-icon, #global-navigation .button-white.button-icon.button-sm .button-right-icon
	{
	padding: 5px 6px;
	font-size: 1.2rem;
	line-height: 1.5;
	-webkit-border-radius: 2px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 2px;
	-moz-background-clip: padding;
	border-radius: 2px;
	background-clip: padding-box
}

#global-navigation .button-white.disabled, #global-navigation .button-white[disabled], #global-navigation .button-white.disabled:hover,
	#global-navigation .button-white[disabled]:hover, #global-navigation .button-white.disabled:focus,
	#global-navigation .button-white[disabled]:focus, #global-navigation .button-white.disabled:active,
	#global-navigation .button-white[disabled]:active, #global-navigation .button-white.disabled.active,
	#global-navigation .button-white[disabled].active {
	color: #999;
	background-color: #ddd;
	border-color: #ddd
}

#global-navigation .button-link {
	color: #333;
	font-weight: normal;
	cursor: pointer;
	-webkit-border-radius: 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0;
	-moz-background-clip: padding;
	border-radius: 0;
	background-clip: padding-box
}

#global-navigation .button-link, #global-navigation .button-link:active, #global-navigation .button-link[disabled] {
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

#global-navigation .button-link, #global-navigation .button-link:hover, #global-navigation .button-link:focus, #global-navigation .button-link:active
	{
	border-color: transparent
}

#global-navigation .button-link:hover, #global-navigation .button-link:focus {
	color: #818da2;
	text-decoration: underline;
	background-color: transparent
}

#global-navigation .button-link[disabled]:hover, #global-navigation .button-link[disabled]:focus {
	color: #999;
	text-decoration: none
}

#global-navigation .button-sm {
	padding: 5px 10px;
	font-size: 1.2rem;
	line-height: 1.5;
	-webkit-border-radius: 2px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 2px;
	-moz-background-clip: padding;
	border-radius: 2px;
	background-clip: padding-box;
	height: 24px;
	line-height: 1
}

#global-navigation .button-text-left-margin {
	margin-left: 8px
}

#global-navigation .button-text-right-margin {
	margin-right: 8px
}

#global-navigation .emotion {
	position: relative;
	z-index: 1
}

#global-navigation .emotion-stamp-text-emotion {
	width: 190px;
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px;
	-moz-background-clip: padding;
	border-radius: 3px;
	background-clip: padding-box
}

#global-navigation .emotion-stamp-emotion {
	width: auto;
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px;
	-moz-background-clip: padding;
	border-radius: 3px;
	background-clip: padding-box
}

#global-navigation .emotion-drop-menu-link {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 4px 8px;
	clear: both;
	font-weight: 400;
	margin: 0 3px;
	white-space: nowrap;
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px;
	-moz-background-clip: padding;
	border-radius: 3px;
	background-clip: padding-box;
	cursor: pointer
}

#global-navigation .emotion-dropdown-menu {
	position: absolute;
	right: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 3px 0;
	margin: 4px 0;
	list-style: none;
	font-size: 14px;
	background-color: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px;
	-moz-background-clip: padding;
	border-radius: 3px;
	background-clip: padding-box;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

#global-navigation .emotion-dropdown-menu-icon {
	font-size: 2.4rem
}

#global-navigation .emotion-dropdown-menu-bottom {
	top: 100%
}

#global-navigation .emotion-dropdown-menu-top {
	bottom: 100%
}

#global-navigation .emotion-dropdown-menu-inline-arrow {
	right: 7px;
	border-top-width: 0;
	top: -20px;
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border: solid 10px transparent;
	border-bottom-color: #ddd
}

#global-navigation .emotion-dropdown-menu-inline-arrow:after {
	content: " ";
	top: -7px;
	margin-left: -9px;
	border-top-width: 0;
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border: solid 9px transparent;
	border-bottom-color: #fff
}

#global-navigation .emotion-dropdown-menu-inline-arrow-down {
	right: 7px;
	border-top-width: 0;
	bottom: -20px;
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border: solid 10px transparent;
	border-top-color: #ddd
}

#global-navigation .emotion-dropdown-menu-inline-arrow-down:after {
	content: " ";
	top: -10px;
	margin-left: -9px;
	border-top-width: 0;
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border: solid 9px transparent;
	border-top-color: #fff
}

#global-navigation .emotion-button-area {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	cursor: pointer;
	font-size: 2.4rem
}

#global-navigation .emotion-button-area-view {
	margin-top: 4px;
	width: 24px;
	height: 24px
}

#global-navigation .emotion-button-area-menu {
	margin-top: 4px
}

#global-navigation .emotion-button-area-inline {
	font-size: 2rem;
	padding: 0 4px;
	height: 32px
}

#global-navigation .emotion-text {
	margin: 1px 8px
}

#global-navigation .emotion-happy {
	font-family: 'wapicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #cc4b78
}

#global-navigation .emotion-happy:before {
	content: "\e0d6"
}

#global-navigation .emotion-smiley {
	font-family: 'wapicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #f89406
}

#global-navigation .emotion-smiley:before {
	content: "\e0d8"
}

#global-navigation .emotion-wink {
	font-family: 'wapicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #00986d
}

#global-navigation .emotion-wink:before {
	content: "\e0de"
}

#global-navigation .emotion-angry {
	font-family: 'wapicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #db0000
}

#global-navigation .emotion-angry:before {
	content: "\e0e4"
}

#global-navigation .emotion-sad {
	font-family: 'wapicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #175d9f
}

#global-navigation .emotion-sad:before {
	content: "\e0dc"
}

#global-navigation .emotion-confused {
	font-family: 'wapicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #3ea9c4
}

#global-navigation .emotion-confused:before {
	content: "\e0ea"
}

#global-navigation .emotion-hurry {
	font-family: 'wapicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #dd4b39
}

#global-navigation .emotion-hurry:before {
	content: "\e611"
}

#global-navigation .emotion-neutral {
	font-family: 'wapicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #cc4b78;
	color: #ccc
}

#global-navigation .emotion-neutral:before {
	content: "\e0d6"
}

#global-navigation .timeline-feed-comments-comment-box {
	margin: 4px 0
}

#global-navigation .timeline-like-check-popup-content-list-container {
	padding: 4px
}

#global-navigation .timeline-like-check-popup-content-list-area {
	padding: 1px
}

#global-navigation .timeline-like-check-popup-content-more {
	padding: 1px
}

#global-navigation .badge {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1;
	vertical-align: baseline;
	white-space: nowrap;
	text-align: center;
	-webkit-border-radius: 10px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 10px;
	-moz-background-clip: padding;
	border-radius: 10px;
	background-clip: padding-box;
	background-color: #999;
	color: #fff
}

#global-navigation .badge.badge-overlap {
	position: relative;
	top: -18px;
	left: -10px
}

#global-navigation .badge.badge-default {
	background-color: #d65071;
	color: #fff
}

#global-navigation .badge.badge-primary {
	background-color: #175d9f;
	color: #fff
}

#global-navigation .badge.badge-success {
	background-color: #00986d;
	color: #fff
}

#global-navigation .badge.badge-info {
	background-color: #3ea9c4;
	color: #fff
}

#global-navigation .badge.badge-warning {
	background-color: #f89406;
	color: #fff
}

#global-navigation .badge.badge-danger {
	background-color: #bf1e56;
	color: #fff
}

#global-navigation .badge.badge-roundless {
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-moz-background-clip: padding;
	border-radius: 1px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box
}

#global-navigation .badge:empty {
	display: none
}

#global-navigation a.badge:hover,#global-navigation a.badge:focus {
	color: #fff;
	text-decoration: none;
	cursor: pointer
}
#global-navigation .wap-icon-bell{
	font-size:20px;
}
#global-navigation .wap-icon-logout{
	font-size:20px;
}