@charset 'utf-8';
body {
	margin: 0
}

/** ----- 全体レイアウト ----- **/

.container > div {
	margin: 10px auto;
}

/** ------------ ページタイトル ------------ **/
.navbar {
	min-height:1px;
}

.title {
	margin: 0;
	color: #FFFFFF;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	width: 100%;
	cursor: default;
}


/** ユーザ情報ヘッダ **/
.user-header {
	background-color: rgba(255, 255, 255, 0.7);
	top: 0;
	right: 0;
	float: right;
	color: #000000;
}

.user-header .user-name {
	margin: 3px;
	font-size: 0.8em;
}

.user-header .btn-logout {
	font-size: 0.8em;
	text-decoration: underline;
	margin: 3px;
	color: #2a6496;
}

/** ------ report ------ **/
.container .common-items  > * {
	padding-top: 4px;
	padding-bottom: 4px;
}

.preview-label {
	font-weight: bold;
}


/** ------ report-header ----- **/
.report-header {
    border: 1px solid gray;
    border-radius: 10px;
	margin-bottom: 5px;
}
.report-header .table {
	margin-bottom: 0;
}

.worklog {
	background-color: #f7f7f9;
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 5px;
}

.worklog > .form-group {
	margin-bottom: 0px;
}

/** ------ 日報入力欄 ------ **/
.msg {
	display: none;
}

.section textarea {
	height: 8em;
}

/** ----- section ----- **/
.section-wrap {
	/* background-color: honeydew; */
	/* border: 1px solid #C9FFC9; */
	/* border-radius: 10px; */
	/* padding: 5px; */
}

.section {
	margin: 5px auto;
}

.section > div {
	margin: 0px auto;
}

.section-header {
	/* text-align: right; */
}

.section > .panel-heading {
	/* background-color: #D9FFD9; */
}

.panel-body {
	/* background-color: honeydew; */
}

/** ------------ 登録ボタン ------------ **/
 .btn-wrap {
	margin-top: 5px;
}

.btn-wrap .btn {
	font-size: 1.2em;
	width: 160px;
	padding: 5px 20px;
	font-weight: bold;
}

/** ------- input ------- **/
.img-input-wrap .deleteFile {
	float: right;
}

/** ----- thumbnail ----- **/
.preview .thumb .deleteFile {
	display: none;
}

.thumb .deleteFile:hover {
	color: #333;
}

/** ------- プレビュー ------- **/
.preview {
	display: none;
}

.preview .table {
	margin-bottom: 0;
}

pre {
	white-space: pre-wrap;
}

.img-preview img {
	width: 160px;
}

/** ------ �ｿｽ�ｿｽ�ｿｽﾌ托ｿｽ ------- **/

/** �ｿｽ鞫懶ｿｽA�ｿｽb�ｿｽv�ｿｽ�ｿｽ�ｿｽ[�ｿｽh **/
.img-input-wrap {
	position: relative;
	float: left;
}

.img-input-wrap input[type="file"] {
	width: 74px;
	height: 74px;
	position: absolute;
	opacity: 0.01;
	margin: 0;
	top: 0;
	left: 0;
	cursor: pointer;
}

/** ------------- スマートフォン向けスタイル ------------- **/
@media screen and (max-device-width : 640px) {
	body {
		font-size: 1.0em;
		width: 100%;
	}
	.button-wrap button {
		width: 40%;
		font-size: 0.8em;
	}
}