html {
	height: 100%;
}

body {
	margin: 0;
	font-family: 'Lora', 'Times New Roman', serif;
	font-size:1.0em;
	padding: 0;
	height: 100%;
}

input, textarea, select, button {
    font-family: 'Lora', 'Times New Roman', serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-family: 'Droid Serif', serif;
    font-family: 'Lora', 'Times New Roman', serif;
    font-weight: 600;
}

/*----------------------------
 * Login レイアウト
 ----------------------------*/
#signInPanel {
	text-align:center;
}

#signinForm .announce {
	/*text-align: left;*/
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 5px 10px 5px 10px;
	border: double 3px #FF6600;
	background-color: #FFFDDE;
}
#signinForm .announce span {
	color: blue;
}

/*----------------------------
 * responsive レイアウト
 ----------------------------*/
.ui-grid-row .ui-grid-col-2,
.ui-grid-row .ui-grid-col-10 {
    padding: 0.5em 0;
    text-align:top;
}
/*
.ui-outputlabel {
    font-weight: bold;
}
*/

.ui-orderlist .ui-orderlist-list {
    height: auto;
}

.ui-orderlist .ui-grid-row .ui-grid-col-2,
.ui-orderlist .ui-grid-row .ui-grid-col-10 {
    padding: 0;
}

/*----------------------------
 * レイアウト
 ----------------------------*/
.wrapper {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -38px;
}

.navbar {
/*	height: 108px;*/
/*	background: #343a40 !important;*/
	background-size: cover;
	margin-bottom: 0px;
}

.content-wrapper {
	width: 100%;
	position: absolute;
	bottom: 38px;
	top: 135px;

}

.sidebar {
/*	height: 100%;*/
	display: block;
	float: left;
	width: 200px;
	padding-right: 0;
	border-top: 1px solid #ddd;
}

.content {
	height: 100%;
	display: block;
	overflow-x: scroll;
	overflow-y: auto;
	width: auto;
	border-left: 1px solid #ddd;
	text-align:center;
}

.page{
	margin:20px;
}

/*----------------------------
 * フッター
 ----------------------------*/
#footer {
	border-top: 5px solid #222;
	padding-top: 8px;
	font-size: 1.0em;
	color: #808080;
	background-color: #f5f5f5;
	font-size: 0.9em;
	text-align: center;
	height: 38px;
	position: relative;
	box-sizing: border-box;
}

.bg-dark {
  background-color: #e3e7ea!important;
}

/*----------------------------
 * ヘッダー
 ----------------------------*/
#headerSingIn .logo{
	padding-top:5px;
	padding-bottom:5px;
	paddin-left:20px;
 }

#headerSingIn .title{
	padding-top:10px;
	font-size:1.8em;
	color:#0056b3;
}

#header {
	margin:0px;
	padding:0px;
}
#header .logo {
	padding-left:20px;
	padding-top:2px;
	padding-bottom:2px;
}
#header .title {
	text-align:right;
	color:#0056b3;
	font-size:1.8em;
	padding-left:40px;
}

#headerStatusApproved {
/*	color: #343a40;*/
	color: #fff;
	padding: 10px 20px;
   font-family: 'Lora', 'Times New Roman', serif;
    font-weight: 600;
    font-size: 1rem;
	white-space: nowrap;
/*	background-color:#f1d8b1;*/
}
#headerStatusUnapproved {
/*	color: #343a40;*/
	color: #fff;
	padding: 4px 20px;
   font-family: 'Lora', 'Times New Roman', serif;
    font-size: 1rem;
	white-space: nowrap;
/*	background-color:#B3DCF0;*/
}

/*----------------------------
 * タイトル
 ----------------------------*/
.page-title {
/*	margin-left: 20px;
	margin-bottom: 20px;*/
	font-size: 30px;
	color: #777;
}
.item-title {
	font-size: 15px;
	color: #777;
	padding:10px 0 10px 0;
}
.panel-title {
	font-size: 18px;
	color: #777;
	padding:20px 0 10px 0;
}


/*----------------------------
 * ボタン
 ----------------------------*/
.contents-button {
	text-align: left;
	color: #777;
	margin-bottom: 10px;
	margin-top: 10px;
}
.contents-button2 {
	float: right;
	text-align: right;
	color: #777;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 10px;
}

/*----------------------------
 * Sing In ページ
 ----------------------------*/
.signin-page-title {
	margin-bottom: 20px;
	font-size: 30px;
	color: #777;
	text-align: center;
}
.signin-page-contents {
	text-align:center;
	margin:auto;
	padding-top:50px;
}
.signin-page-grid {
	text-align:center;
	margin:auto;
}

/*----------------------------
 * Profile Page
 ----------------------------*/
@media ( max-width : 800px) {
	#profile .ui-grid-responsive .ui-grid-row {
		display: block !important;
	}
	#profile div.ui-panelgrid-cell {
		margin-bottom: 4px !important;
	}
}
#profile .panel{
	border:1px solid #ddd;
}

/*----------------------------
 * Publication Page
 ----------------------------*/
@media ( max-width : 800px) {
	#publication .ui-grid-responsive .ui-grid-row {
		display: block !important;
	}
	#publication div.ui-panelgrid-cell {
		margin-bottom: 4px !important;
	}
}
#publication .panel{
	border:1px solid #ddd;
}

/*----------------------------
 * myModelOrganism Page
 ----------------------------*/
@media ( max-width : 800px) {
	#myModelOrganism .ui-grid-responsive .ui-grid-row {
		display: block !important;
	}
	#myModelOrganism div.ui-panelgrid-cell {
		margin-bottom: 4px !important;
	}
}
#myModelOrganism .panel{
	border:1px solid #ddd;
}

.selection {
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #f5f5f5;
	background-color: #DEEEFB;
}

/*----------------------------
 * Application Form Page
 ----------------------------*/
.descriptionLayout {
	text-align:left;
	margin-top: 20px;
	font-size:95%;
	color:red;
}
/*
.fileuploadLayout {
	margin-top: 20px;
	margin-bottom: 10px;
}
*/

/*----------------------------
 * Error Page
 ----------------------------*/
#system-error {
	margin-left: 12px;
}

/*----------------------------
 * 掲示板 入力された改行を反映させる
 ----------------------------*/
.bbs-preformatted {
	white-space: pre;
}

/*----------------------------
 * Clinical Data Page
 ----------------------------*/
#strainsTable .dataTableHeaderLeft {
	text-align: left;
/*	display: inline-block;*/
/*	float: left;*/
	width: auto;
	font-size: 1em;
	font-weight: normal;
/*	color: red;*/
}
#strainsTable .dataTableHeaderRight {
	text-align: left;
/*	display: inline-block;*/
/*	float: left;*/
	width: auto;
}