/* project-round-blue theme version 1.0.1 by Milli,inc. www.milli.jp */
@import url(iconfont/material-icons.css);
@import url(css/all.css);
@import url(../../../stylesheets/application.css);
@import url(icon.css);
@import url(input.css);
@import url(header.css);
@import url(menu_tabs.css);
@import url(layout.css);
@import url(table.css);
@import url(tabular.css);
@import url(activity.css);
@import url(project.css);
@import url(messages.css);
@import url(calender.css);
@import url(wiki.css);
@import url(issue.css);
@import url(mypage.css);
@import url(gantt.css);
@import url(context_menu.css);



/* /////////////// reset /////////////// */
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: middle;
	box-sizing: border-box;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 1em;
	font-weight: normal;
}

table {
	border-collapse: separate;
	border-spacing: 0px;
}

ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote::before, blockquote::after,
q::before, q::after {
content: '';
content: none;
}

blockquote::before, blockquote::after,
q::before, q::after {
	content:'';
	content:none;
}
abbr {
	border: none;
	text-decoration: none;
}
span.field-description[title] {
	border-bottom: 1px dotted #aaa;
	cursor: help;
}


/* /////////////// set /////////////// */
html {
	overflow-y: auto;
	font-size: 90%;
	line-height: 1.7em;
	width: 100%;
	height: 100%;
	position: relative;
}
body {
	position: relative;
	min-width: auto;
	color: #000;
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴ Pro W3','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic, sans-serif';
	font-size: 100%;
	line-height: 1.7em;
	-webkit-text-size-adjust: 100%;
	Support for all WebKit browsers.
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
	width: 100%;
	height: 100%;
}
@media all and (-ms-high-contrast: none) {
	body {
		background: url(../images/back_image.jpg);
		background-position: center;
		background-size: cover;
		background-attachment: fixed;
	}
}


#wrapper::before {
	background: url(../images/back_image.jpg);
	background-position: center;
  background-size: cover;
  /* background-attachment: fixed; */
	content: "";
	z-index: -1;
	position: fixed;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	left: 0px;
	top: 0px;
	o-webkit-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px);
}
@media all and (-ms-high-contrast: none) {
	#wrapper::before {
		background: none;
	}
}


.controller-account.action-login #header::before,
.controller-account.action-login #main #content::before,
.controller-account.action-login #footer::before {
	background: url(../images/back_image.jpg);
	background-position: center;
  background-size: cover;
  background-attachment: fixed;
	content: "";
	z-index: -1;
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	left: 0px;
	top: 0px;
}
@media all and (-ms-high-contrast: none) {
	.controller-account.action-login #header::before,
	.controller-account.action-login #main #content::before,
	.controller-account.action-login #footer::before {
		background: none;
	}
}
@supports (-ms-ime-align: auto) {
	.controller-account.action-login #header::before,
	.controller-account.action-login #main #content::before,
	.controller-account.action-login #footer::before {
		background: none;
	}
}

.controller-account.action-login #header::before,
.controller-account.action-login #main #content::before,
.controller-account.action-login #footer::before {
	animation: mainIn 5s ease;
  -webkit-animation: mainIn 5s ease;
	animation-fill-mode: forwards;
}
.controller-account.action-login #wrapper::before  {
	animation: wrapperIn 5s ease;
  -webkit-animation: wrapperIn 5s ease;
	animation-fill-mode: forwards;
}






@keyframes wrapperIn {
	0% {
		opacity: 0;
		-webkit-filter: blur(5px) contrast(150%) sepia(50%) brightness(150%);
		filter: blur(5px) contrast(150%) sepia(50%) brightness(150%);
	}
	100% {
		opacity: 1;
		-webkit-filter: blur(0px) contrast(100%) sepia(0%) brightness(100%);
		filter: blur(0px) contrast(100%) sepia(0%) brightness(100%);
	}
}
@-webkit-keyframes wrapperIn {
	0% {
		opacity: 0;
		-webkit-filter: blur(5px) contrast(150%) sepia(50%) brightness(150%);
		filter: blur(5px) contrast(150%) sepia(50%) brightness(150%);
	}
	100% {
		opacity: 1;
		-webkit-filter: blur(0px) contrast(100%) sepia(0%) brightness(100%);
		filter: blur(0px) contrast(100%) sepia(0%) brightness(100%);
	}
}

@keyframes mainIn {
	0% {
		opacity: 0;
		-webkit-filter: blur(0px) contrast(150%) sepia(50%) brightness(150%);
		filter: blur(0px) contrast(150%) sepia(50%) brightness(150%);
	}
	100% {
		opacity: 1;
		-webkit-filter: blur(3px) contrast(100%) sepia(0%) brightness(100%);
		filter: blur(3px) contrast(100%) sepia(0%) brightness(100%);
	}
}
@-webkit-keyframes mainIn {
	0% {
		opacity: 0;
		-webkit-filter: blur(0px) contrast(150%) sepia(50%) brightness(150%);
		filter: blur(0px) contrast(150%) sepia(50%) brightness(150%);
	}
	100% {
		opacity: 1;
		-webkit-filter: blur(3px) contrast(100%) sepia(0%) brightness(100%);
		filter: blur(3px) contrast(100%) sepia(0%) brightness(100%);
	}
}




@media all and (-ms-high-contrast: none) {
	.description,
	.wiki p,
	.wiki h3,
	.wiki .syntaxhl,
	#main-menu li a,
	#top-menu a {
		-ms-transform: rotate(0.06deg);
		-moz-transform: rotate(0.06deg);
		-webkit-transform: rotate(0.06deg);
		transform: rotate(0.06deg);
	}
	.description img,
	.description pre,
	.description table,
	.wiki img,
	.wiki table,
	.wiki pre {
		-ms-transform: rotate(-0.06deg);
		-moz-transform: rotate(-0.06deg);
		-webkit-transform: rotate(-0.06deg);
		transform: rotate(-0.06deg);
	}
}

@supports (-ms-ime-align: auto) {
	.description,
	.wiki p,
	.wiki h3,
	.wiki .syntaxhl,
	#main-menu li a,
	#top-menu a {
		-ms-transform: rotate(0.06deg);
		-moz-transform: rotate(0.06deg);
		-webkit-transform: rotate(0.06deg);
		transform: rotate(0.06deg);
	}
	.description img,
	.description pre,
	.description table,
	.wiki img,
	.wiki table,
	.wiki pre {
		-ms-transform: rotate(-0.06deg);
		-moz-transform: rotate(-0.06deg);
		-webkit-transform: rotate(-0.06deg);
		transform: rotate(-0.06deg);
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.description,
	.wiki p,
	.wiki h3,
	.wiki .syntaxhl,
	#main-menu li a,
	#top-menu a {
		-ms-transform: rotate(0.06deg);
		-moz-transform: rotate(0.06deg);
		-webkit-transform: rotate(0.06deg);
		transform: rotate(0.06deg);
	}
	.description img,
	.description pre,
	.description table,
	.wiki img,
	.wiki table,
	.wiki pre {
		-ms-transform: rotate(-0.06deg);
		-moz-transform: rotate(-0.06deg);
		-webkit-transform: rotate(-0.06deg);
		transform: rotate(-0.06deg);
	}
}





img {
  opacity: 0;
	-webkit-animation-duration: 1s;
  animation-duration: 1s;
	animation-fill-mode: forwards;
}
.img-blur {
  -webkit-animation-name: imageBlur;
  animation-name: imageBlur;
  opacity: 1;
}


@-webkit-keyframes imageBlur {
  0% {
    opacity: 0;
    -webkit-filter: blur(3px);
    filter: blur(3px);
		transform: scale(0.8,0.8);
  }
  100% {
    opacity: 1;
    -webkit-filter: blur(0px);
    filter: blur(0px);
		transform: scale(1.0,1.0);
  }
}
@keyframes imageBlur {
  0% {
    opacity: 0;
    -webkit-filter: blur(3px);
    filter: blur(3px);
		transform: scale(0.8,0.8);
  }
  100% {
    opacity: 1;
    -webkit-filter: blur(0px);
    filter: blur(0px);
		transform: scale(1.0,1.0);
  }
}







h1, h2, h3, h4, h5, h6 {
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴ Pro W3','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic, sans-serif';
	margin: 0;
	padding: 0;
}
#content h1, h2, h3, h4, h5, h6 {
	color: #000;
}
h4 {
	border-bottom: none;
}
pre, code {
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴ Pro W3','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic, sans-serif';
}


a, a:link, a:visited {
	color: #069;
	text-decoration: none;
}
a:hover, a:active {
	color: #000;
	text-decoration: none;
}
a img {
	border: 0;
}
a.issue.closed, a.issue.closed:link, a.issue.closed:visited {
	color: #069;
	text-decoration: none;
}
a.project.closed, a.project.closed:link, a.project.closed:visited {
	color: #069;
}
a.user.locked, a.user.locked:link, a.user.locked:visited {
	color: #069;
}
/* 作成日・更新日に実際の日時を表示 */
a[href*="activity"][title*=":"]:before {
    content: ' [' attr(title) '] ';
}


span.search_for_watchers, span.add_attachment {
	font-size: 100%;
	line-height: 1.7em;
}
textarea.wiki-edit {
	width: 99%;
	resize: vertical;
}
body.textarea-monospace textarea.wiki-edit {
	font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;
	font-size: 100%;
	line-height: 1.7em;
}
body.textarea-proportional textarea.wiki-edit {
	font-family: Verdana, sans-serif;
	font-size: 100%;
	line-height: 1.7em;
}
p.breadcrumb {
	font-size: 100%;
	line-height: 1.7em;
	margin: 4px 0 4px 0;
}
p.subtitle {
	font-size: 100%;
	line-height: 1.7em;
	margin: -6px 0 12px 0;
	font-style: italic;
}
p.footnote {
	font-size: 100%;
	line-height: 1.7em;
	margin-top: 0px;
	margin-bottom: 0px;
}

fieldset {
	border: 1px solid #e4e4e4;
	margin: 0;
}
legend {
	color: #000;
	font-size: 105%;
	line-height: 1.5em;
}

.autoscroll {
	overflow-x: auto;
	/* overflow-x: scroll; */
	padding: 1px;
	margin-bottom: 1.2em;
	position: relative;
}


div.journal ul.details, ul.revision-info {
	color: #666;
	font-size: 85%;
	font-style: normal;
	line-height: 1.6em;
	margin: 1em 0px 1.5em;
}
div.journal ul.details i, ul.revision-info i {
	font-style: normal;
	color: #000;
}
div.journal ul.details strong, ul.revision-info strong {
	color: #000;
	font-weight: bold;
}
div.journal ul.details a, ul.revision-info a {color: #069;}
div.journal ul.details a:hover,  ul.revision-info a:hover {color: #000;}



/* /////////////// Progress bar /////////////// */
table.progress {
	border-collapse: collapse;
	border-spacing: 0pt;
	empty-cells: show;
	text-align: center;
	float: left;
	margin: 1px 6px 1px 0px;
}
table.progress {
	width: 80px;
}
table.progress td {
	height: 1em;
}
table.progress td.closed {
	background: #80cce6 none repeat scroll 0%;
}
table.progress td.done {
	background: rgba(0,153,204,1.0) none repeat scroll 0%;
}
table.progress td.todo {
	background: #aaaaaa none repeat scroll 0%;
}
p.percent {
	font-size: 80%;
	margin: 0;
}
p.progress-info {
	clear: left;
	font-size: 80%;
	margin-top: -4px;
	color: #777;
}
.version-overview table.progress {
	width: 40em;
}
.version-overview table.progress td {
	height: 1.2em;
}



/* /////////////// pagination /////////////// */
span.pagination {
	margin-left: 0px;
	color: #000;
	display: block;
}
.pagination ul.pages {
	margin: 0 0px 0 0;
	padding: 0;
	display: inline-block;
}
.pagination ul.pages li {
	display: inline-block;
	padding: 0;
	border: none;
	margin-left: 0;
	line-height: normal;
	margin-bottom: 0;
	white-space: nowrap;
	text-align: center;
}
.pagination ul.pages li a, .pagination ul.pages li span {
	padding: 3px 8px;
}
.pagination ul.pages li:first-child {
	borderradius: 0px;
}
.pagination ul.pages li:last-child {
	borderradius: 0px;
}
.pagination ul.pages li.current {
	color: white;
	background: none;
}
.pagination ul.pages li.page:hover {
	background: none;
}
.pagination ul.pages li.page a:hover, .pagination ul.pages li.page a:active {
	color: #169;
	text-decoration: inherit;
}
.pagination .per-page span.selected {
	font-weight: normal;
}
span.pagination>span {
	white-space: nowrap;
}
#search-form fieldset p {
	margin: 0;
}



/* /////////////// bottun /////////////// */
@media print, screen and (min-width: 900px) {
#quick-search a,
.buttons a,
#admin-menu a,
table.list td.name a,
.contextual a,
a.icon-reload,
a.icon-add,
a#check-for-updates,
table.list td.configure a,
table.list td.project a,
table.list td.subject a,
.pagination ul.pages li a,
.pagination .per-page span.selected,
.news-article :not(.wiki) h3 a:last-child,
a.icon-only.icon-checked,
#sidebar a,
#projects-index ul.projects li.root a,
#projects-index ul.projects li.child a,
.projects.box a,
.contextual .sort-handle,
#activity dt a,
.controller-messages .pagination + p a,
.controller-welcome.action-index .box p > a,
.controller-projects.action-show .box.news p > a,
.controller-projects.action-show #content ul li a,
/* .news.box p + a, */
#comments + p a,
.controller-documents.action-index h4 a,
.controller-wiki #content li a,
table.boards td.last-message a:last-child,
.controller-users.action-show #content .splitcontentleft ul li a {
	padding: 1em 2em;
	display: inline-block;
	text-decoration: none;
	box-sizing: border-box;
	transition: all 0.3s;
	color: #000;
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
	border-radius: 3em;
	background-image: none !important;
	background: rgba(255,255,255,0.8) !important;
	border: 1px solid rgba(0,0,0,0.2) !important;
	font-size: 100%;
	line-height: 1.4em;
	margin: 5px 0px;
	-ms-transform: rotate(0.06deg);
	-moz-transform: rotate(0.06deg);
	-webkit-transform: rotate(0.06deg);
	transform: rotate(0.06deg);
}
table.list td.subject a {
	white-space: nowrap;
}


#quick-search a:hover,
#admin-menu a:hover,
#admin-menu a.selected,
.buttons a:hover,
#admin-menu li a:hover,
table.list td.name a:hover,
.contextual a:hover,
a.icon-reload:hover,
a.icon-add:hover,
a#check-for-updates:hover,
table.list td.configure a:hover,
table.list td.project a:hover,
table.list td.subject a:hover,
.pagination ul.pages li a:hover,
.pagination .per-page span.selected,
.news-article :not(.wiki) h3 a:last-child:hover,
a.icon-only.icon-checked:hover,
#sidebar a:hover,
#projects-index ul.projects li.root a:hover,
#projects-index ul.projects li.child a:hover,
.projects.box a:hover,
.contextual .sort-handle:hover,
#activity dt a:hover,
.controller-messages .pagination + p a:hover,
.controller-welcome.action-index .box p > a:hover,
.controller-projects.action-show .box.news p > a:hover,
.controller-projects.action-show #content ul li a:hover,
/* .news.box p + a:hover, */
#comments + p a:hover,
.controller-documents.action-index h4 a:hover,
.controller-wiki #content li a:hover,
table.boards td.last-message a:last-child:hover,
.controller-users.action-show #content .splitcontentleft ul li a:hover {
	color: #fff !important;
	text-decoration: none;
	background: rgba(0,0,0,0.6) !important;
	border: 1px solid rgba(0,0,0,0.8) !important;
}
.buttons a,
#admin-menu a,
table.list td.name a,
.contextual a,
a.icon-reload,
a.icon-add,
a#check-for-updates,
table.list td.configure a,
table.list td.project a,
table.list td.subject a,
.pagination ul.pages li a,
#sidebar a,
#projects-index ul.projects li.child a,
.projects.box a,
.contextual .sort-handle,
#activity dt a,
.controller-welcome.action-index .box p > a,
.controller-projects.action-show .box.news p > a,
.controller-projects.action-show #content ul li a,
.controller-documents.action-index h4 a,
table.boards td.last-message a:last-child,
.controller-users.action-show #content .splitcontentleft ul li a {
	padding: 0.4em 1.2em !important;
	margin: 2px 0px;
	box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.2);
}
.news-article :not(.wiki) h3 a:last-child,
.controller-documents.action-index h4 a {
	padding: 0.5em 1.4em !important;
	margin: 2px 0px 10px;
	box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.2);
	font-size: 120%;
	line-height: 1.5em;
}
a.icon-only.icon-checked {
	height: 2.0em !important;
	width: 3.0em !important;
	padding: 0.4em 0.8em !important;
	margin: 0px;
}

}




div#content .context-menu-selection {
	background: #007299 !important;
}
div#content .context-menu-selection td.configure a,
div#content .context-menu-selection td.project a,
div#content .context-menu-selection td.subject a,
div#content .context-menu-selection td.buttons a {
	background: rgba(0,0,0,0.6) !important;
}
table.contacts.index tbody tr.context-menu-selection:hover  {
	background-color: rgba(0,153,204,1.0) !important;
}







/* /////////////// admin-menu /////////////// */
#sidebar ul {
	margin: 0;
	padding: 0;
}
#sidebar li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#sidebar li a {
	padding: 1em 2em;
	display: inline-block;
	text-decoration: none;
	box-sizing: border-box;
	transition: all 0.3s;
	color: #000;
	box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.2);
	border-radius: 3em;
	background-image: none !important;
	background: rgba(255,255,255,0.8);
	border: 1px solid rgba(0,0,0,0.2);
	padding: 0.4em 1.2em;
	margin: 2px 0px;
}
#sidebar li a:hover {
	color: #fff;
	text-decoration: none;
	background: rgba(0,0,0,0.6);
	border: 1px solid rgba(0,0,0,0.8);
}
#sidebar li a.selected {
	color: #fff !important;
	/* padding: 0.4em 1.2em; */
	margin: 2px 0px;
	text-decoration: none;
	background: rgba(0,0,0,0.6) !important;
	border: 1px solid rgba(0,0,0,0.8) !important;
	border-radius: 3em;
}







/* /////////////// filters /////////////// */
fieldset.collapsible {
	border-top: 1px solid rgba(0,0,0,0.2);
	margin: 0px 0px 30px;
	background: none !important;
	padding: 0px;
}
fieldset.collapsible>legend {
	padding-left: 16px;
	background: url(../../../images/arrow_expanded.png) no-repeat 0% 40%;
	cursor: pointer;
}
fieldset.collapsible.collapsed>legend {
	background-image: url(../../../images/arrow_collapsed.png);
}
fieldset#date-range p {
	margin: 2px 0 2px 0;
}
fieldset#filters table {
	border-collapse: collapse;
}
fieldset#filters table td {
	padding: 10px 10px 10px 0px;
	vertical-align: middle;
}
fieldset#filters tr.filter {
	height: 2.1em;
}
fieldset#filters td.field {
	width: 230px;
}
fieldset#filters td.operator {
	width: 130px;
}
fieldset#filters td.operator select {
	max-width: 120px;
}
fieldset#filters td.values {
	white-space: nowrap;
}
fieldset#filters td.values select {
	min-width: 130px;
}
fieldset#filters td.values input {
	height: 1em;
}
#filters-table {
	width: 60%;
	float: left;
}
.add-filter {
	width: 35%;
	float: right;
	text-align: right;
	vertical-align: top;
}


table.query-columns {
	border-collapse: collapse;
	border: 0;
	margin: 0;
}
table.query-columns td {
	padding: 10px 10px 10px 0px;
	vertical-align: middle;
}
table.query-columns td.buttons {
	vertical-align: middle;
	text-align: center;
}
table.query-columns td.buttons input[type=button] {
	width: auto;
	color: #FFF;
	padding: 0.8em 0.6em !important;
	margin: 5px 0px;
	font-size: 100%;
	line-height: 1.0em;
}




div#roadmap .related-issues {
	margin-bottom: 1em;
}
div#roadmap .related-issues td.checkbox {
	display: none;
}
div#roadmap .wiki h1:first-child {
	display: none;
}
div#roadmap .wiki h1 {
	font-size: 120%;
}
div#roadmap .wiki h2 {
	font-size: 110%;
}




ul.properties {
	padding: 0;
	font-size: 100%;
	line-height: 1.7em;
	color: #000;
}
ul.properties li {
	list-style-type: none;
}
ul.properties li span {
	font-style: italic;
}





.attachments_fields input.filename {
	height: 1.8em;
}
.attachments_fields .ajax-waiting input.filename {
	background: url(../../../images/hourglass.png) no-repeat 0px 50%;
}
.attachments_fields .ajax-loading input.filename {
	background: url(../../../images/loading.gif) no-repeat 0px 50%;
}
.attachments_fields div.ui-progressbar {
	width: 100px;
	height: 14px;
	margin: 2px 0 -5px 8px;
	display: inline-block;
}
div.attachments {
	margin: 12px 0;
}
div.attachments p {
	margin: 4px 0 2px 0;
}
div.attachments img {
	vertical-align: middle;
}
div.attachments span.author {
	font-size: 100%;
	line-height: 1.7em;
	color: #888;
}



p .my-project,
p.other-formats {
	text-align: right;
	font-size: 90%;
	line-height: 1.4em;
	margin: 0px;
	padding: 5px 15px !important;
	display: block;
	width: 100% !important;
	background: rgba(255,255,255,0.8) !important;
}
.other-formats span + span::before {
	content: "| ";
}
a.atom {
	background: url(../../../images/feed.png) no-repeat 1px 50%;
	padding: 0px 0px 0px 16px;
	vertical-align: top;
}


em.info {
	font-style: normal;
	font-size: 100%;
	line-height: 1.7em;
	color: #888;
	display: block;
}
em.info.error {
	padding-left: 20px;
	background: url(../../../images/exclamation.png) no-repeat 0 50%;
}


.tooltip span.tip {
	display: none;
	text-align: left;
	transition: all 0.3s;
}
div.tooltip:hover span.tip {
	display: block;
	position: absolute;
	top: 12px;
	width: 300px;
	border: none;
	background-color: rgba(255,255,255,1.0);
	padding: 10px;
	font-size: 100%;
	line-height: 1.7em;
	color: #000;
	transition: all 0.3s;
	box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.2);
}




/* /////////////// contextual /////////////// */
.contextual {
	float: none;
	white-space: nowrap;
	font-size: 85% !important;
	line-height: 1.4em;
	margin: 0px 0px 20px;
	padding: 5px 15px !important;
	display: block;
	width: 100% !important;
	box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.2);
	position: relative;
	z-index: 2;
}
.contextual>*:not(:first-child), .buttons>.icon:not(:first-child) {
	margin: 0px;
}






/* /////////////// jQuery UI /////////////// */
@media print, screen and (min-width: 900px) {
.ui-datepicker .ui-widget-header a {
	color: #505050;
}
.ui-widget-header .ui-icon {
	background: none;
}

.ui-dialog .ui-dialog-titlebar-close { top: 12px;}

.ui-dialog-titlebar-close {
	font-size: 140% !important;
	border: none !important;
	top: 15px !important;
	right: 20px !important;
}

.ui-widget {
	font-family: inherit;
	font-size: inherit;
}
.ui-widget-header {
	border: 0px;
	background: none;
	background: rgba(0,0,0,0.8);
	color: #FFF !important;
	font-weight: normal;
	border-radius: 0px !important;
}
.objects-selection {
	height: auto;
	overflow: auto;
	margin-bottom: 1em;
}
.objects-selection label {
	display: block;
}
.objects-selection>div, #user_group_ids {
	column-count: auto;
	column-width: 200px;
	-webkit-column-count: auto;
	-webkit-column-width: 200px;
	-webkit-column-gap : 0.5rem;
	-webkit-column-rule: 1px solid #ccc;
	-moz-column-count: auto;
	-moz-column-width: 200px;
	-moz-column-gap : 0.5rem;
	-moz-column-rule: 1px solid #ccc;
}
.ui-widget-content {
	color: #000;
	border: none;
	border-radius: 0px !important;
	z-index: 10000 !important;
	padding: 0px !important;
	background: rgba(255,255,255,0.8) !important;
	box-shadow: 0px 0px 40px 3px rgba(0,0,0,0.3);
}

.ui-widget-content fieldset {
	border: 1px solid rgba(0,0,0,0.2);
	margin: 20px !important;
	padding: 20px !important;
}
.ui-widget-content .buttons{
	padding: 0px 20px 20px !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #fcfcfc;
	font-weight: normal;
	color: inherit;
}

.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 16px .1em 0;
	font-size: 120%;
	padding: 10px 20px 0px 0px;
	margin: 0 0 10px;
	color: #FFF !important;
	line-height: 1.4em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: inherit;
	font-size: inherit;
}
.ui-state-focus  {
	border: 1px solid #EEE;
	background: #EEE;
}
}






/* /////////////// box div.wiki /////////////// */
@media print, screen and (min-width: 900px) {
.box,
.controller-projects.action-show div.wiki,
.controller-welcome.action-index div.wiki,
fieldset,
.news-article,
#comments,
#edit-news + p + div.wiki,
.controller-documents.action-index div.wiki,
.controller-documents.action-show div.wiki,
.wiki.wiki-page,
.controller-news.action-show div.wiki {
	padding: 40px;
	color: #000000;
	font-size: 100%;
	line-height: 1.7em;
	border: 1px solid rgba(0,0,0,0.2);
	word-wrap: break-word;
	border-radius: 0px;
	margin: 0px 0px 40px;
	background: rgba(255,255,255,1.0);
}


.wiki.wiki-page {
	padding: 70px 40px 40px;
}
fieldset {
	padding: 20px 40px;
	margin: 0px 0px 20px;
}
#content h3,
.box h3,
div.wiki h3,
#comments h3,
.controller-documents.action-index h3,
.wiki.wiki-page h3,
.controller-wiki #content h3 {
	margin: 0px 0px 10px;
	font-size: 130%;
	line-height: 1.3em;
	font-weight: normal;
	padding: 0px;
}
.news-article :not(.wiki) h3 a {
	font-size: 100% !important;
	line-height: 1.4em !important;
	display: block;
}
.controller-welcome.action-index .box p > a {
	/* display: block; */
}


#comments h3 {
	margin: 0px 0px 40px;
}
.news.box p:not(:last-child) {
	margin: 0px 0px 15px;
	padding: 0px 0px 15px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}

.controller-welcome.action-index div.wiki,
.controller-welcome.action-index .box {
	background: rgba(255,255,255,0.8);
	box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.2);
	border: none;
}
.controller-welcome.action-index div.wiki {
	font-size: 105%;
	line-height: 1.6em;
}
.controller-welcome.action-index .box p {
	margin: 0px 0px 25px;
	padding: 0px 0px 25px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}



/* /////////////// contextual /////////////// */
.contextual {
	float: right;
	white-space: nowrap;
	line-height: 1.4em;
	margin: 15px 0px 5px !important;
	font-size: 90%;
	padding-right: 20px !important;
	width: auto !important;
	background: none !important;
	box-shadow: none;
	display: inline-block;
}

.contextual .icon {
	padding-top: 2px;
	padding-bottom: 3px;
}
.contextual input, .contextual select {
	font-size: 90%;
}
.contextual>*:not(:first-child), .buttons>.icon:not(:first-child) {
	margin: 0px;
}
.message .contextual {
	margin-top: 0;
}


div.tooltip:hover span.tip {
	width: 350px;
	padding: 15px;
	font-size: 105%;
	line-height: 1.7em;
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
}
}







/* /////////////// users /////////////// */
@media print, screen and (min-width: 900px) {
.controller-users.action-show #content .splitcontentleft ul,
.controller-users.action-show #content .splitcontentright ul {
	margin: 0px 0px 40px;
	padding: 0px 0px 40px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
.controller-users.action-show #content .splitcontentleft ul li,
.controller-users.action-show #content .splitcontentright ul li {
	padding: 0px 0px 5px;
}
.controller-users.action-show #content .splitcontentleft ul:last-child,
.controller-users.action-show #content .splitcontentright ul:last-child {
	margin: 0px;
	padding: 0px;
	border: none;
}
}







@media print, screen and (min-width: 900px) {
/* /////////////// login-form /////////////// */
.controller-account.action-login #wrapper,
.controller-account.action-login #content {
	background: none;
}
.controller-account.action-login #main #content {
	width: 500px !important;
	height: auto !important;
	margin: 10% auto 0px;
	padding: 0px;
	position: relative;
}
.controller-account.action-login #main #content::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	display: block;
	left: 0px;
	top: 0px;
}



#login-form {
	margin: 0px;
	padding: 50px 80px;
	width: auto;
	border: none;
	background: rgba(255,255,255,0.4);
	border-radius: 0px;
	box-sizing: border-box;
}
#login-form label {
	display: block;
	margin-bottom: 5px;
}
@media all and (-ms-high-contrast: none) {
	#login-form {
		background: rgba(255,255,255,0);
	}
}
@supports (-ms-ime-align: auto) {
	#login-form {
		background: rgba(255,255,255,0);
	}
}



#login-form input[type=text],
#login-form input[type=password] {
	width: 100%;
	box-sizing: border-box;
	display: block;
	box-sizing: border-box;
	background: rgba(255,255,255,0.8);
	border: 1px solid rgba(0,0,0,0.2);
	vertical-align: middle;
	margin: 0px 0px 15px;
	padding: 0.5em 1em;
	border-radius: 2em;
	position: relative;
}
#login-form label {
	font-weight: normal;
}
#login-form label[for=autologin] {
	font-weight: normal;
}
#login-form a.lost_password {
	float: right;
	font-weight: normal;
}
#login-form input#openid_url {
	background: #fff url(../../../openid-bg.gif) no-repeat 4px 50%;
	padding-left: 24px !important;
}
#login-form input#login-submit {
	width: 100%;
	color: #FFF;
	padding: 1em 2em;
	display: block;
	text-decoration: none;
	position: relative;
	z-index: 3;
	box-sizing: border-box;
	transition: all 0.5s;
	box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.3);
	border-radius: 3em;
	cursor: pointer;
	margin: 5px 0px;
	background: rgba(0,0,0,0.6);
	border: 1px solid rgba(0,0,0,0.8);
	font-size: 100%;
	line-height: 1.0em;
}
#login-form input#login-submit:hover {
	color: #000;
	background: rgba(255,255,255,0.8);
	border: 1px solid rgba(0,0,0,0.2);
}


div.modal {
	border-radius: 5px;
	background: #fff;
	z-index: 50;
	padding: 4px;
}
div.modal h3.title {
	display: none;
}
div.modal p.buttons {
	text-align: right;
	margin-bottom: 0;
}
div.modal .box p {
	margin: 0.3em 0;
}
.clear::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.mobile-show {
	display: none;
}


a.collapsible {
	padding-left: 12px;
	background: url(../../../images/arrow_expanded.png) no-repeat -3px 40%;
}
a.collapsible.collapsed {
	background: url(../../../images/arrow_collapsed.png) no-repeat -5px 40%;
}
a#toggle-completed-versions {
	color: #999;
}
}





/* /////////////// message /////////////// */
div.message {
	background: rgba(225,240,255,1.0);
	border: 1px solid rgba(0,0,0,0.2);
	padding: 10px;
}
div.message.reply {
	margin: 0px 0px 20px;
	background: rgba(255,255,255,1.0);
}
div.message h4 {
	padding: 0em 0em 0.5em;
}
div.message h4 a:first-child {
	color: #003F5E;
	font-size: 130%;
	line-height: 1.5em;
	padding: 0px 1em 0px 0px;
}
div.message h4 a:first-child:hover {
	color: #000;
}
div.message {
	background: rgba(225,240,255,1.0);
	border: 1px solid rgba(0,0,0,0.2);
	padding: 10px;
}




@media print, screen and (min-width: 900px) {
div.message {
	background: rgba(225,240,255,1.0);
	border: 1px solid rgba(0,0,0,0.2);
	padding: 40px;
}
div.message.reply {
	margin: 0px 0px 40px;
}
div.message h4 a:first-child {
	color: #003F5E;
	font-size: 130%;
	line-height: 1.5em;
	padding: 0px 1em 0px 0px;
}
}





/* /////////////// top-menu /////////////// */
@media print, screen and (min-width: 900px) {
#top-menu {
	box-sizing: border-box;
	font-size: 90%;
	line-height: 1.0em;
	font-weight: normal;
	display: block;
	margin: 0px;
	padding: 0px;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 30px;
	z-index: 100000;
	color: #fff;
	overflow: hidden;
	background: rgba(0,0,0,0.8);
}
#top-menu ul {
	margin: 0;
	padding: 0;
	display: table;
}
#top-menu li {
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	float: none;
	list-style-type: none;
	display: table-cell;
}
#top-menu a {
	padding: 0.8em 1em;
	color: #fff;
	box-shadow: none;
	border-radius: 0em;
	background: rgba(255,255,255,0.0);
	border: none;
	margin: 0px;
	transition: all 0.5s;
	font-weight: normal;
	display: inline-block;
}
#top-menu a:hover {
	color: #000;
	border: none;
	background: rgba(255,255,255,0.8);
}
#top-menu #loggedas {
	float: right;
	margin: 0;
	color: #fff;
	display: table;
}
#top-menu #loggedas a {
	display: inline-block;
}
#account {
	float: right;
	display: table;
}
}