/*font*/
a,button,div,em,input,select,span,th,td,textarea,p,marquee{font:12px/1.5 verdana,arial,helvetica,\5b8b\4f53,sans-serif;color:#333;}
.nav-tabs .nav-link{font-size:16px;}
.nav-tabs .nav-link.active{background:#fab428;}
h1{font-size:30px;}
.note,.note>p,.note ol li{line-height:2em;font-size:14px;margin-top:10px;}
.note>p{text-indent:2em;margin-top:30px;}
.list-pnl{height:580px;overflow:auto;padding-top:10px;}
.btn-pnl{padding-top:10px;padding-left:20px;}
.data-pnl{height:540px;overflow-y:auto; overflow-x:hidden;}
.gray-bg-color{background-color:#eee;}
.modal-inline-pnl{padding-top:10px;padding-left:10px;}

#myTab a:link{text-decoration:none;}
#myTab a:visited{text-decoration:none;}
#myTab a:hover{text-decoration:none;background-color:#fee381;}
#myTab a:active{text-decoration:none;background-color:#fcc381;}


thead tr th{text-align:center;}
thead tr.primary {background-color:#428bca;}

.btn.btn-checklog{width:165px;}


.note{font-size:10pt;}

#updateModal .modal-dialog{width: 900px;}
#editModal .modal-dialog{width: 90%;}

/*css sprites*/
span.ic-img {display:inline-block;}
.img-logo{
	background:url('../images/tpex_logo.png') no-repeat;
    width: 273px;
    height: 60px;
    background-size: 273px 60px;
}
.img-title{
	background:url('../images/title_logo.png') no-repeat;
    width: 533px;
    height: 42px;
    background-size: 533px 42px;
}

.img-sm-logo{
	background:url('../images/tpex_logo.png') no-repeat;
    width: 191px;
    height: 42px;
    background-size: 191px 42px;
}
.img-sm-title{
	background:url('../images/title_logo.png') no-repeat;
    width: 373px;
    height: 30px;
    background-size: 373px 30px;
}

.ui-datepicker{z-index:999 !important;}
.ui-datepicker .ui-datepicker-title{white-space: nowrap;}

/* ── Bootstrap 5 size/layout corrections ── */

/* 1. Bootstrap Icons: 固定 14px 符合舊版 Glyphicons 大小 */
.bi{font-size:14px;line-height:1;}

/* 1b. nav-tabs 頁籤過多時折行（舊版 BS3 堆疊模式） */
#myTab{flex-wrap:wrap;}
#myTab .nav-item{white-space:nowrap;}

/* 2. 工具列 (btn-pnl) 內的按鈕、表單元件縮回 BS3 預設大小 */
.btn-pnl .btn{padding:4px 8px;font-size:12px;line-height:1.5;}
.btn-pnl .form-control{height:30px;font-size:12px;padding:3px 6px;}
.btn-pnl .input-group-text{font-size:12px;padding:3px 6px;height:30px;}
.btn-pnl select.form-control{height:30px;}
.btn-pnl form.d-flex .input-group{width:auto;}

/* 3. flex 工具列內的 mb-3 移除底部間距（不然每個項目會向下偏移） */
form.d-flex>.mb-3,
form.d-flex>.mb-3.row{margin-bottom:0 !important;}

/* bootstrapValidator compatibility for Bootstrap 5 */
.has-error .form-control{border-color:#dc3545;}
.has-error .help-block{color:#dc3545;font-size:12px;margin-top:4px;}
.has-error label{color:#dc3545;}
.has-success .form-control{border-color:#198754;}
.has-success .help-block{color:#198754;font-size:12px;margin-top:4px;}