/***************************
 報修單列表
 repair_archive.php	
***************************/
ul.archive_repair_list {
	display: table;
	width: 100%;
	border-collapse: collapse;
	vertical-align: middle;
	font-size: 90%;
}

ul.archive_repair_list li {
	display: table-row;
	width: 100%;
	vertical-align: middle;
}

ul.archive_repair_list li:not(.thead):hover,
ul.archive_repair_list li:not(.thead):focus {
	outline: 2px solid #FF9933 !important;
	outline-offset: -2px !important;
}

ul.archive_repair_list .th,
ul.archive_repair_list .td {
	display: table-cell;
	vertical-align: middle;
	padding: .3em .5em;
}

ul.archive_repair_list .th {
	text-align: center;
	padding: .5em;
	background-color: #666;
	color: #FFF;
	border-style: solid;
	border-width: 1px;
	border-color: rgba(255,255,255,.3);
}

ul.archive_repair_list .td {
	padding: .3em .5em;
	border-style: dashed;
	border-width: 0 0 1px 0;
	border-color: rgba(127,127,127,.5);
}

/*** 報修日期 ***/
ul.archive_repair_list .repair_date {
	width: 9.1em;
}

/*** 報修單位 ***/
ul.archive_repair_list .repair_unit {
	width: 7.5em;
}

/*** 標題及上傳照片 ***/
ul.archive_repair_list .repair_file {
	width: 4em;
}

/*** 通知單位 ***/
ul.archive_repair_list .repair_notice {
	width: 7em;
	text-align: center;
}

/***、處理情形 (狀態) ***/
ul.archive_repair_list .repair_status {
	width: 4em;
	text-align: center;
}

/*** 動作 ***/
ul.archive_repair_list .repair_action {
	width: 4em;
	text-align: center;
}

ul.archive_repair_list .repair_action a.post_action {
	font-size: 150%;
	display: inline-block;
	color: #093;
	opacity: .85;
}

ul.archive_repair_list .repair_action a.post_action.all {
	color: #993300;
}

ul.archive_repair_list .repair_action a.post_action.repair {
	color: #996600;
}

ul.archive_repair_list .repair_action a.post_action.reply {
	color: #F60;
}

/*** 新增報修單按鈕 ***/
.repair_add_btn {
	display: inline-block;
	font-size: 130%;
}

/**************************************
 報修單列表 搜尋列
 template/repair_search_form.php
**************************************/
.repair_tool_bar {
	background: rgba(204,138,0,.1);
	padding: .3em .5em .2em;
	margin-bottom: 2%;
}

.repair_query_box .query_item {
	display: inline-block;
	margin-right: 1em;
}

.repair_query_box .query_item.or_notice {
	margin-right: 5%;
}

.std_form .query_item label {
	font-weight: 600;
	color: #006100;
}
.query_item select:focus {
    outline: 2px solid #FF9933 !important;
    outline-offset: -2px !important;
}

/**********************
 新增報修表單
**********************/
.std_form.add_repair {
	font-size: 90%;
}

/*** 各欄位左方 label box ***/
.std_form.add_repair .form-row .label_box {
	width: 9em; 
}

/*** 左方主 label ***/
.std_form.add_repair .form-row .label_box label {
	font-weight: 600;
}

/*** 單位、姓名　***/
.std_form.add_repair .sub_input {}

.std_form.add_repair .sub_input li {
	display: inline-block;
	width: 47%;
	margin: 0 5% 0 0;
	padding: 0;
}

.std_form.add_repair .sub_input li:last-of-type {
	margin-right: 0;
}

.std_form.add_repair .sub_input li label {
	white-space: nowrap;
	color: #006100;
	font-weight: 600;
	display: inline-block;
}

.std_form.add_repair .sub_input li input {
	display: inline-block;
	width: auto;
}

/*** 上傳檔案 ***/
.std_form input[type="file"] {
	display: inline-block;
	color: #FF3300;
	cursor: pointer;
}

/**************************************
 單筆報修單明細
 template/repair_single.php
**************************************/
.repair_content {
	position: relative;
    padding: 2em 1em 1em 1em;
	margin: 3em 0 2em;
    background-color: rgba(127,127,127,.1);
	border-style: solid;
	border-width: 3px;
	border-color: rgba(0,128,128,1);
    border-radius: 5px;
	font-size: 1.15rem;
}

.repair_content.reply {
	border-color: rgba(128,64,64,1);
}

/*** 主標題 ***/
.repair_content .repair_title {
	position: absolute;
	top: -1em;
	display: inline-block;
	margin: 0 .5em;
	background-color: #008080;
	color: #FFF;
	padding: 5px .8em;
	font-size: 120%;
	border-radius: 5px;
}

.repair_content.reply .repair_title {
	background-color: rgba(128,0,64,1);
}

/*** 表格內容 (顯示及表單) ***/
.single_repair th {
	white-space: normal;
	text-align: center;
	width: 11%;
	background-color: rgba(0,128,128,.05);
	color: rgba(0,128,128,1);
	border-color: rgba(0,128,128,.3);
}

.single_repair.reply th {
	background-color: rgba(128,0,64,.05);
	color: rgba(128,0,64,1);
	border-color: rgba(128,0,64,.3);
}

/*** 顯示內容的表格欄位 ***/
.single_repair.display td {
	width: 39%;
}

/*** 報修單處理情形 ***/
.single_repair .status {
	display: inline-block;
	padding: .2em .5em;
	font-size: 90%;
	border-radius: 3px;
	background: #666;
	color: #FFF;
}

/*** 尚待處理 ***/
.single_repair .status.status_1 {
	/*** 紅 ***/
	background-color: #EE435D;
	background-color: #B25900;
}

/*** 處理中 ***/
.single_repair .status.status_2 {
	/*** 藍 ***/
	background-color: #0080FF;
}

/*** 已修復 ***/
.single_repair .status.status_3 {
	/*** 綠 ***/
	background-color: #008800;
}