/* project-round-blue theme version 1.0.1 by Milli,inc. www.milli.jp */

@import url(../../../stylesheets/responsive.css);

@media screen and (max-width: 899px) {


/* /////////////// layout /////////////// */
#wrapper {
	width: 100%;
	min-height: 100%;
	position: relative;
	background: none !important;
}
#wrapper3 {
	min-height: calc(100vh - 50px);
}

#main {
	background: none !important;
	/* position: relative; */
	z-index: 1;
}
#wrapper {
	background: none !important;
}
#wrapper2 {
}
#wrapper3 {
}
#content {
	background: none !important;
	position: relative;
}

#sidebar h3,
#content h2 {
	box-sizing: border-box;
	font-size: 140%;
	line-height: 1.2em;
	display: block;
	width: 100%;
	color: #000;
	margin: 0px 0px 40px;
	background: rgba(255,255,255,0.8) !important;
	border: none;
	box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.2);
	padding: 15px;
}
#content {
	width: 100%;
	background: rgba(255,255,255,0.8) !important;
	box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.2);
	margin: 0px;
	border: none;
	padding: 10px;
	z-index: 10;
}

* html #content {
	width: 100%;
	background: none;
	margin-top: 0px;
	padding: 0px;
	font-size: 90%;
	line-height: 1.3em;
}
html>body #content {
	min-height: auto;
}
* html body #content {
	height: auto;
}
#main.nosidebar #sidebar {
	display: none;
}
#main.nosidebar #content {
	width: auto;
	border-right: 0;
}

.controller-projects.action-index #content,
.controller-welcome.action-index #content {
	background: none !important;
	box-shadow: none;
	padding: 0px;
}


#footer {
	clear: both;
	border: none;
	font-size: 80%;
	line-height: 1.2em;
	color: #000;
	padding: 0px;
	text-align: center;
	box-shadow: 4px 4px 20px 4px rgba(0,0,0,0.3);
	display: table;
	width: 100%;
	height: 50px;
	overflow: hidden;
	position: relative;
	background: none;
	z-index: 1;
}
#footer .bgl {
	vertical-align: middle;
	display: table-cell;
	text-align: center;
	background: rgba(255,255,255,0.5);
	padding: 0px;
	position: relative;
}




/* /////////////// bottun /////////////// */
#quick-search a,
.buttons a,
#main #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,
#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,
#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: 0.5em 1em;
	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 !important;
	background: none !important;
	background: rgba(255,255,255,0.8) !important;
	border: 1px solid rgba(0,0,0,0.2);
	font-size: 100%;
	line-height: 1.5em;
	margin: 5px 0px;
}
table.list td.subject a {
	white-space: nowrap;
}

#quick-search a:hover
#main #admin-menu a:hover,
#main #admin-menu a.selected,
.buttons a:hover,
#main #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,
#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,
#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);
}
.buttons a,
#main #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,
#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.5em 0.6em !important;
	margin: 0px 0px 2px;
	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: 110%;
	line-height: 1.5em;
}
a.icon-only.icon-checked {
	height: 2em !important;
	width: 3em !important;
	padding: 0.8em 0.6em !important;
	margin: 0px;
}

#content .wiki.description h2 {
	background: none !important;
	border: none !important;
}



#activity dt a {
	display: block;
	margin: 0.5em 0em 0em;
}



#quick-search #q,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
	display: inline-block;
	background: rgba(255,255,255,0.8);
	border: 1px solid rgba(0,0,0,0.2);
	vertical-align: middle;
	margin: 4px 0px;
	padding: 0.4em 0.8em;
	border-radius: 1.6em;
	position: relative;
	font-size: 14px;
	line-height: 1.5em;
}

textarea {
	margin: 4px 0px;
}
select#group_by,
select  {
	margin: 4px 0px;
}










/* /////////////// table /////////////// */
table.list th, .table-list-header {
	background-color: rgba(245,245,245,1.0);
	padding: 4px 6px;
	font-weight: normal !important;
	font-size: 85%;
	line-height: 1.5em;
	white-space: nowrap;
	text-align: left;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
table.list td {
	text-align: left;
	vertical-align: middle;
	padding: 4px 6px;
	border-right: 1px solid #dddddd;
	font-size: 90%;
	line-height: 1.5em;
}

tr.project.idnt td.name span {
	background: none;
	padding: 4px 6px;
}
tr.project.idnt-1 td.name,
tr.project.idnt-2 td.name,
tr.project.idnt-3 td.name,
tr.project.idnt-4 td.name,
tr.project.idnt-5 td.name,
tr.project.idnt-6 td.name,
tr.project.idnt-7 td.name,
tr.project.idnt-8 td.name,
tr.project.idnt-9 td.name {
	padding: 4px 6px;
}

tr.issue.idnt td.subject,
tr.issue.idnt-1 td.subject,
tr.issue.idnt-2 td.subject,
tr.issue.idnt-3 td.subject,
tr.issue.idnt-4 td.subject,
tr.issue.idnt-5 td.subject,
tr.issue.idnt-6 td.subject,
tr.issue.idnt-7 td.subject,
tr.issue.idnt-8 td.subject ,
tr.issue.idnt-9 td.subject{
	background: none;
	padding: 4px 6px;
}

table.boards td.name {
	padding: 4px 6px !important;
}
table.boards td.last-message {
	text-align: left;
	font-size: 90%;
	line-height: 1.5em;
}



/* /////////////// pagination /////////////// */
span.pagination {
	text-align: center;
}
.pagination ul.pages li {display:none;}
.pagination ul.pages {
	margin: 0 0px 0 0;
	padding: 0;
	display: block;
	width: 100%;
}
.pagination ul.pages li.current,
.pagination ul.pages li.previous,
.pagination ul.pages li.next {
	display: inline-block;
	width: auto !important;
	overflow: visible !important;
	margin: 0px !important;
	padding: 0px 4px !important;
}






/* /////////////// jQuery UI /////////////// */
.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: 130% !important;
	border: none !important;
	top: 15px !important;
	right: 15px !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 20px 3px rgba(0,0,0,0.3);
}

.ui-widget-content fieldset {
	border: 1px solid rgba(0,0,0,0.2);
	margin: 10px !important;
	padding: 10px !important;
}
.ui-widget-content .buttons{
	padding: 0px 10px 10px !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: 110%;
	padding: 10px 10px 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;
}








/* /////////////// login-form /////////////// */
#login-form table {
	width: 100%;
}

#login-form input#username,
#login-form input#password,
#login-form input#openid_url {
	width: 100%;
	height: auto;
}

/* some themes add a margin to login page, remove it on mobile */
.action-login #main {
	margin: 0;
}

	
.controller-account.action-login #wrapper,
.controller-account.action-login #content {
	background: none;
}
.controller-account.action-login #main #content {
	width: 90% !important;
	height: auto !important;
	margin: 25% 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: 30px 20px;
	width: auto;
	border: none;
	background: rgba(255,255,255,0.3);
	border-radius: 0px;
	box-sizing: border-box;
}
#login-form label {
	display: block;
	margin-bottom: 5px;
}
#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;
}

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;
}







/* /////////////// My page /////////////// */
.block-receiver {
	border: none;
	padding: 5px 0 0;
}
.mypage-box {
	border: 1px solid rgba(0,0,0,0.2);
	padding: 10px;
	margin: 0 0 20px;
	color: #000000;
	font-size: 100%;
	line-height: 1.4em;
}
.mypage-box h3 {
	margin: 0px 0px 5px;
	font-size: 120%;
	line-height: 1.3em;
	font-weight: normal;
	padding: 0px;
}
.mypage-box>.contextual {
	opacity: 0;
	transition: all 0.3s;
	margin: 0px;
	padding: 0px;
	display: inline !important;
}
.mypage-box:hover>.contextual {
	opacity: 1;
}
.mypage-box table.list td {
	padding: 4px 6px;
}
.mypage-box .box {
	padding: 10px;
	margin: 0 0 10px;
}




/* /////////////// box div.wiki /////////////// */
#comments div.wiki:not(:last-child) {
	margin: 0px 0px 20px;
	padding: 0px 0px 20px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}

.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: 15px 10px;
	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);
}
#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: 120%;
	line-height: 1.4em;
	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 20px;
}
.news.box p:not(:last-child) {
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
	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: 110%;
	line-height: 1.6em;
}
.controller-welcome.action-index .box p {
	margin: 0px 0px 15px;
	padding: 0px 0px 15px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}

.contextual {
	white-space: nowrap;
	line-height: 1.4em;
	margin: 0px 0px 5px;
	font-size: 90%;
	width: auto; /* 必要*/
	background: none !important;
	box-shadow: none !important;
	display: inline-block;
	padding: 0px !important;
}
.contextual a {
	margin: 0px !important;
}
.controller-projects.action-index .contextual {
	margin: 5px 0px;
	padding: 0px !important;
}


div.wiki pre {
	margin: 1em 1em 1em 1.6em;
	padding: 8px;
	background-color: #fafafa;
	border: 1px solid #e2e2e2;
	border-radius: 3px;
	width: auto;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: pre-wrap;
  word-wrap: break-word;
}


a.wiki-anchor {
	display: none;
	margin-left: 6px;
	text-decoration: none;
}
.controller-documents.action-index .wiki h4 a.wiki-anchor,
#projects-index ul.projects li.root .wiki a.wiki-anchor,
#projects-index ul.projects li.child .wiki a.wiki-anchor {
	display: none;
}
a.wiki-anchor:hover {
	color: #aaa !important;
	text-decoration: none;
}
.wiki h1, .wiki h2, .wiki h3, .wiki h4, .wiki h5,
.controller-documents.action-index .wiki h4 a,
#projects-index ul.projects li.root .wiki a,
#projects-index ul.projects li.child .wiki a {
	display: block;
	color: #000;
	font-weight: normal !important;
	margin: 0px !important;
	padding: 0px !important;
	background: none !important;
	border: none !important;
	box-shadow: none !important;
}
.wiki h1 {
	font-size: 140% !important;
	line-height: 1.4em !important;
	padding: 0.5em 0em 1.0em !important;
}
.wiki h2 {
	font-size: 130% !important;
	line-height: 1.5em !important;
	padding: 0.5em 0em 1.0em !important;
}
.wiki h3 {
	font-size: 120% !important;
	line-height: 1.5em !important;
	padding: 0.5em 0em 1.0em !important;
}
.wiki h4 {
	font-size: 110% !important;
	line-height: 1.6em !important;
	padding: 0.5em 0em 1.0em !important;
}
.wiki h5 {
	font-size: 105% !important;
	line-height: 1.7em !important;
	padding: 0.5em 0em 1.0em !important;
}

div.wiki-page .contextual {
	margin: 0px !important;
	padding: 0px !important;
	float: right;
	display: inline-block !important;
	width: auto !important;
}
div.wiki-page .contextual a {
	opacity: 0.4;
	box-shadow: none !important;
	border: none !important;
	margin: 0px !important;
	padding: 0px !important;
	/* text-indent: 100%; */
	white-space: nowrap;
	overflow: hidden;
	background: url(../images/baseline_create_black_18dp.png) no-repeat 0px 0px !important;
	height: 20px;
	width: 20px;
	border-radius: 0;
	background-size:cover !important;
}
.controller-documents.action-index .wiki h4 a {
	display: inline;
}
h1:hover a.wiki-anchor, h2:hover a.wiki-anchor, h3:hover a.wiki-anchor, h4:hover a.wiki-anchor, h5:hover a.wiki-anchor, h6:hover a.wiki-anchor,
.controller-documents.action-index .wiki h4:hover a.wiki-anchor {
	display: inline;
	background: none !important;
	border: none !important;
	color: #ddd;
}







/* /////////////// header /////////////// */
#header {
	width: 100%;
	height: 64px;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: none;
	background-color: #000;
	position: fixed;
	z-index: 9999;
	box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.3);
}
#header::after {
	content: "";
	display: block;
	z-index: -1;
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: rgba(0,0,0,0.6);
	left: 0px;
	top: 0px;
}

#header h1 {
	display: none !important;
}

#header a.mobile-toggle-button {
	color: #fff;
}

#top-menu,
#header #main-menu {
	display: none;
}

#header #quick-search {
	float: none;
	clear: none;
	max-width: 100%;
	margin: 0;
	background: inherit;
}

#project-jump.drdn {
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	max-width: 100%;
	height: 2em;
	height: 64px;
	padding: 5px;
	padding-right: 72px;
	padding-left: 20px;
}
#project-jump .drdn-trigger {
	font-weight: normal !important;
	display: block;
	width: 100%;
	color: #fff;
	background: transparent;
	height: 50px;
	font-size: 130% !important;
	line-height: 1.4em;
	border: 0;
	padding: 14px 10px 0px 15px !important;
}
#project-jump .drdn-trigger::before {
	transition: all 0.3s;
	-webkit-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	font-family: "Material Icons";
	color: rgba(0,153,204,1.0);
	vertical-align: middle;
	margin: 0px 4px 0px 0px;
	padding: 0px 0px 0px 10px;
	content: "keyboard_arrow_down";
}
#project-jump.expanded .drdn-trigger::before {
	-webkit-transform: scale(1,-1);
	-ms-transform: scale(1,-1);
	transform: scale(1,-1);
	margin: 0px 4px 0px 0px;
	padding: 0px 0px 0px 10px;
}

#project-jump .drdn-content {
	position: absolute;
	left: 0px;
	top: 64px;
	width: 100%;
	font-size: 100%;
	line-height: 1em;
	font-weight: normal;
	text-align: left;
	border-radius: 0px;
	box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.3);
	border: none;
	padding: 0px 0px 10px;
}
#project-jump .drdn-content .autocomplete {
	height:40px;
	font-size:20px;
}

.drdn-items {
	box-sizing: border-box;
	max-height: auto;
	overflow: auto;
	padding: 4px 10px;
	border-bottom: 1px solid rgba(0,0,0,0.2) !important;
}
.drdn-items.all-projects {
	border: none !important;
}
div + .drdn-items {
	border: none;
}
.drdn-items>* {
	display: block;
	border: none;
	color: #000 !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 4px 0px;
}
.drdn-items>a {
	margin: 2px !important;
	padding: 0.4em 1.2em !important;
	font-size: 100% !important;
	line-height: 1em !important;
}
.drdn-items>a span {
	padding: 0 !important;
}
.drdn-items>a:hover {
	text-decoration: none;
	background: rgba(0,0,0,0.6) !important;
	color: #666 !important;
}
.drdn-items>*:focus {
	border: 1px dotted #bbb;
}
.drdn-items.selection>*::before {
	font-family: "Material Icons";
	content: '';
	display: inline-block;
	font-size: 140%;
	line-height: 1em;
	color: rgba(0,153,204,1.0);
	width: 0em;
	height: 0em;
	margin: 0px;
	font-weight: normal;
	vertical-align: middle;
}
.drdn-items.selection>*.selected::before {
	width: 1em;
	height: 1em;
	content: "check";
}
.drdn-items.selection:empty {
	border: none;
}
.drdn-items>span {
	color: #000;
}


#header #quick-search form {
	display: none;
}


/* /////////////// users /////////////// */
#projects-index {
	column-count: auto;
	column-width: auto;
	-webkit-column-count: auto;
	-webkit-column-width: auto;
	-webkit-column-gap : normal;
	-moz-column-count: auto;
	-moz-column-width: auto;
	-moz-column-gap : normal;
}
#projects-index ul.projects li.root>ul.projects {
	border: none;
	padding: 0px;
	
}
#projects-index ul.projects li.root {
	margin: 0;
}
#projects-index>ul.projects.root {
	padding: 0px;
	margin: 0px;
	display: -webkit-flex;
  display: flex;
	-webkit-flex-wrap: wrap;
  flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#projects-index>ul.projects.root > li.root {
	padding: 0px;
	margin: 0px 0px 30px;
	width: auto;
	flex-basis: 100%;
	height: auto;
	transition: all 0.5s;
	position: relative;
	-webkit-flex-grow: 1;
  flex-grow: 1;
}
#projects-index>ul.projects.root > li.root::after {
	content: "";
	display: block;
	z-index: -1;
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: rgba(255,255,255,0.8);
	box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.2);
	left: 0px;
	top: 0px;
}
#projects-index>ul.projects.root > li.root > div.root {
	padding: 20px 15px;
}
#projects-index > ul.projects > li.root > ul.projects {
	padding: 0px 15px 20px;
	border: none;
}
#projects-index ul.projects > li.child {
	margin: 0.5em 0em 0em;
	padding: 0px 0px 0px 0.6em;
	border-left: 4px dotted rgba(0,0,0,0.2);
}
.controller-projects.action-show #content ul {
	margin: 0px 0px 30px;
}
.controller-projects.action-settings .icon-reload {
	white-space: nowrap !important;
}

/* child詳細非表示 */
.controller-projects.action-index .child .wiki.description {
	display: none;	
}






/* /////////////// users /////////////// */
.controller-users.action-show #content .splitcontentleft ul,
.controller-users.action-show #content .splitcontentright ul {
	margin: 0px 0px 15px;
	padding: 0px 0px 15px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}




/* /////////////// issue history /////////////// */
div.issue,
#history {
	background: rgba(225,240,255,1.0);
	padding: 10px;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 0px;
	margin: 0px 0px 20px;
	
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
}
#history {
	background: rgba(255,255,255,1.0);
}
div.issue div.subject div div {
	padding-left: 16px;
}
div.issue div.subject p {
	margin: 0;
	margin-bottom: 0.1em;
	font-size: 100%;
	line-height: 1.7em;
	color: #000;
}
div.issue div.subject>div>p {
	margin-top: 0.5em;
}
div.issue div.subject h3,
#history h3 {
	margin: 10px 0px;
	font-size: 140%;
	line-height: 1.3em;
	font-weight: normal;
}
div.issue p.author {
	margin: 0px 0px 20px;
	padding: 0px 0px 6px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	text-align: right;
}
div.issue span.private, div.journal span.private {
	position: relative;
	bottom: 2px;
	text-transform: uppercase;
	background: #d22;
	color: #fff;
	font-weight: normal;
	padding: 3px 5px;
	font-size: 100%;
	line-height: 1.3em;
	border-radius: 2px;
	margin: 2px;
}
div.issue .next-prev-links {
	color: #999;
}

div.issue .attributes {
	-webkit-box-ordinal-group: 3;
	-moz-box-ordinal-group: 3;
	box-ordinal-group: 3;
	margin: 0px 0px 20px;
	padding: 0px 0px 20px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
div.issue .description {
	-webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	box-ordinal-group: 1;
	margin: 0px 0px 20px;
	padding: 0px 0px 20px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	font-size: 110%;
	line-height: 1.7em;
}
div.issue .description>p>strong {
	display: none;
}
div.issue .description .contextual,
div.issue .attachments .contextual,
div.issue #issue_tree .contextual,
div.issue #relations .contextual,
.wiki .contextual {
	margin: 0px;
	padding: 0px;
}
div.issue .description .contextual,
div.issue .attachments .contextual,
div.issue #issue_tree .contextual,
div.issue #relations .contextual {
	text-align: right;
}

div.issue .attachments {
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	box-ordinal-group: 2;
	margin: 0px 0px 20px;
	padding: 0px 0px 20px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
div.issue .attachments {
	margin: 0px 0px 20px;
	padding: 0px 0px 20px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
div.issue .attachments table {
	font-size: 90%;
	line-height: 1.5em;
	margin: 0px 0px 20px;
	display: table;
}
div.issue .attachments table td {
	padding: 0px 10px 0px 0px;
	display: table-cell;
}

div.attachments {
	margin: 0px;
	padding: 0px;
}
div.attachments p {
	margin: 4px 0 2px 0;
}
div.attachments img {
	vertical-align: middle;
}
div.attachments span.author {
	font-size: 0.9em;
	color: #888;
}


div.attachments div.thumbnails,
#history div.thumbnails {
	padding: 0px;
	margin: 0px;
	display: -webkit-flex;
  display: flex;
	-webkit-flex-wrap: wrap;
  flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	overflow: hidden;
}
div.attachments div.thumbnails div,
#history div.thumbnails div {
	margin: 0px 6px 6px 0px;
	padding: 0px;
	background: none;
	border: none;
	-webkit-flex-basis: calc(10% - 5px);
	flex-basis: calc(10% - 5px);
	background: rgba(0,0,0,0.1);
}
div.attachments div.thumbnails div a,
#history div.thumbnails div a {
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
div.attachments div.thumbnails div:last-child,
#history div.thumbnails div:last-child {
	margin: 0px 0px 6px;
}
div.attachments div.thumbnails div a img,
#history div.thumbnails div a img {
	padding: 0px;
	margin: 0px;
	width: 100%;
  height: auto;
}
#history div.thumbnails div {
	-webkit-flex-basis: calc(24.5% - 5px);
	flex-basis: calc(24.5% - 5px);
}




div.issue .splitcontent {
	overflow: auto;
	display: block;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
div.issue .splitcontentleft {
	float: none;
	width: 100%;
	vertical-align: top;
	display: block;
	padding: 0px;
}
div.issue .splitcontentleft:last-child {
	padding: 0px;
}
div.issue .splitcontentright {
	float: none;
	width: 100%;
	vertical-align: top;
	display: block;
	padding: 0px;
}
div.issue #issue_tree {
	-webkit-box-ordinal-group: 4;
	-moz-box-ordinal-group: 4;
	box-ordinal-group: 4;
	margin: 0px 0px 30px;
	padding: 0px 0px 30px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
div.issue #relations {
	-webkit-box-ordinal-group: 5;
	-moz-box-ordinal-group: 5;
	box-ordinal-group: 5;
	margin: 0px;
}
div.issue hr {
	display: none;
}

div.issue .attributes .attribute {
	clear: both;
	min-height: 1.8em;
	display: table;
	padding: 0px;
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
div.issue .attributes .attribute .label {
	width: 30%;
	font-weight: normal;
	float: none;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top;
	display: table-cell;
	margin: 0px;
	padding: 4px 10px 4px 0px;
}
div.issue .attribute .value {
	overflow: auto;
	text-overflow: ellipsis;
	vertical-align: top;
	display: table-cell;
	width: 70%;
	padding: 4px 0px;
}
div.issue.overdue .due-date .value {
	color: #c22;
}
#issue_tree table.issues, #relations table.issues {
	border: 0;
}
#issue_tree td.checkbox, #relations td.checkbox {
	display: none;
}
div#issue-changesets {
	float: right;
	width: 45%;
	margin-left: 1em;
	margin-bottom: 1em;
	background: #fff;
	padding-left: 1em;
	font-size: 100%;
	line-height: 1.7em;
}
div#issue-changesets div.changeset {
	padding: 4px;
}
div#issue-changesets div.changeset {
	border-bottom: 1px solid #ddd;
}
div#issue-changesets p {
	margin-top: 0;
	margin-bottom: 1em;
}

#history div.thumbnails {
	margin: 0px;
}
div.journal {
	overflow: visible;
	margin: 0px 0px 40px;
	padding: 0px 0px 40px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
#history .wiki {
	font-size: 110%;
	line-height: 1.7em;
	padding: 1em 0em;
}
#history .wiki p {
	padding: 1em 0em;
}







/* /////////////// flyout /////////////// */
.mobile-toggle-button {
	font-size: 42px;
	line-height: 64px;
	position: relative;
	z-index: 10;

	display: block;
	float: right;
	width: 60px;
	height: 64px;
	margin-top: 0;
	text-align: center;
	border-left: 1px solid #ddd;
}

.mobile-toggle-button:hover,
.mobile-toggle-button:active {
	text-decoration: none;
}

.mobile-toggle-button::after {
	font-family: Verdana, sans-serif;
	display: block;
	margin-top: -3px;
	content: '\2261';
}

/* search magnifier icon */
.search-magnifier {
	font-family: Verdana;
	color: rgba(0,153,204,1.0);
	cursor: pointer;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

.search-magnifier--flyout {
	font-size: 25px;
	line-height: 54px;
	position: absolute;
	z-index: 1;
	left: 12px;
}

/* Flyout Menu */

.flyout-menu {
	position: absolute;
	right: -250px;
	display: block;
	overflow-x: hidden;
	width: 250px;
	height: 100%;
	margin: 0;
	padding: 0;
	color: rgba(255,255,255,1.0);
	background: rgba(0,0,0,1.0);
}

.flyout-menu h3,
.flyout-menu h4,
.flyout-menu > p,
.flyout-menu > a,
.flyout-menu ul li a,
.flyout-menu__search,
.flyout-menu__sidebar > div,
.flyout-menu__sidebar > p,
.flyout-menu__sidebar > a,
.flyout-menu__sidebar > form,
.flyout-menu > div,
.flyout-menu > form {
	padding: 3px 8px;
}


.flyout-menu h3 {
	font-size: 90%;
	line-height: 1.2em;
	height: auto;
	margin: 0;
	padding: 3px 8px;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #FFF;
	border-top: 1px solid rgba(255,255,255,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.2);
	background: #666666;
}

.flyout-menu h4 {
	color: #FFF;
}


.flyout-menu .flyout-menu__avatar {
	margin-top: -1px;
	padding-left: 0;
}

.flyout-menu__sidebar > form {
	display: block;
}

.flyout-menu__sidebar > form h3 {
	margin-left: -8px;
}

.flyout-menu__sidebar > form label {
	display: inline-block;
	margin: 8px 0;
}

.flyout-menu__sidebar > form br  br {
	display: none;
}

.flyout-menu__sidebar form > ul {
	margin-left: -8px;
	padding-left: 0;
}

.flyout-menu__sidebar form > ul li {
	line-height: 39px;
	display: block;
	padding-left: 8px;
	border-top: 1px solid rgba(255,255,255,.1);
}

.flyout-menu__sidebar form > ul li:first-child {
	border-top: none;
}

.flyout-menu__sidebar form > ul li label {
	margin: 0;
}

.flyout-menu__sidebar form > ul li label a {
	line-height: 1;
	display: inline;
	padding-left: 0;
	border: none;
}

.flyout-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.flyout-menu #watchers {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	flex-direction: column;

	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
}

.flyout-menu #watchers .contextual {
	-webkit-box-ordinal-group: 4;
	-webkit-order: 3;
	-ms-flex-order: 3;
	order: 3;
}

.flyout-menu #watchers h3 {
	margin-left: -8px;
}

.flyout-menu #watchers ul li {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	flex-direction: row;

	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
}

.flyout-menu ul li a {
	line-height: 36px;
	display: block;
	overflow: hidden;
	height: auto;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-top: 1px solid rgba(255,255,255,0.3);
}

.flyout-menu ul li:first-child a {
	line-height: 36px;
	height: auto;
	border-top: none;
}

.flyout-menu a {
	color: white;
}

.flyout-menu ul li a:hover {
	text-decoration: none;
}

.flyout-menu ul li a.new-object,
.new-object ~ .menu-children {
	display: none;
}

.flyout-menu__search {
	line-height: 54px;
	height: 64px;
	padding-top: 3px;
	padding-right: 8px;
}

.flyout-menu input[type='text'],
.flyout-menu__search input[type='text'] {
	display: inline-block;
	background: rgba(255,255,255,1.0);
	border: 1px solid rgba(0,0,0,0.2);
	vertical-align: middle;
	margin: 4px 2px;
	padding: 0.4em 0.8em 0.4em 1.6em !important;
	border-radius: 1.6em !important;
	position: relative;
	font-size: 110%;
	line-height: 1.5em;
	height: auto;
}

.flyout-menu__avatar {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	border-top: 1px solid rgba(255,255,255,.1);
}

.flyout-menu__avatar img.gravatar {
	width: 40px;
	height: 40px;
	padding: 0;
	vertical-align: top;
	border-width: 0;
}

.flyout-menu__avatar a {
	line-height: 40px;
	height: auto;
	height: 40px;
	text-decoration: none;
	color: white;
}

/* avatar */
.flyout-menu__avatar a:first-child {
	line-height: 0;
	width: 40px;
	padding: 0;
}

.flyout-menu__avatar .user {
	padding-left: 15px;
	padding-right: 15px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	-webkit-flex-grow: 1;
			-ms-flex-grow: 1;
					flex-grow: 1;
}


.flyout-menu__avatar--no-avatar a.user {
	line-height: 40px;
	padding-left: 8px;
}

.flyout-is-active body {
	overflow: hidden;
}

html.flyout-is-active {
	overflow: hidden;
}

.flyout-is-active #wrapper, .flyout-is-active #header {
	right: 250px;
}

.flyout-is-active #wrapper {
	overflow: visible;
	height: 100%;
}

.flyout-is-active .mobile-toggle-button::after {
	content: '\00D7';
}

.flyout-is-active #wrapper2 {
	cursor: pointer;
}

.flyout-menu #admin-menu {
	padding-left: 0;
}

.flyout-menu #admin-menu li {
	padding-bottom: 0;
}


.flyout-menu #admin-menu a,
.flyout-menu #admin-menu a.selected {
	line-height: 40px;
	padding: 0;
	padding: 3px 8px !important;
	background-position: 8px 50%;
}




}