@charset "UTF-8";
body{overflow:auto; margin:0;}
ul{margin:0; padding:0; list-style-type:none;}
ul.list li{float:left; padding:5px;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

table{font-size:12px; clear:both;width: 100%!important;max-width: 100%!important;}
th{text-align:center; vertical-align:middle!important;}
td{vertical-align:middle!important;}
td:focus{color:red!important;}
img.link{cursor:pointer;}

/* used in Bootstrap */
label.error{margin:0;display:block;}
.table-striped > tbody > tr:nth-child(odd){background-color:#DCEBFA;}
.table-hover > tbody > tr:hover{background-color:#FCF8E3;}
.table-block > tbody { overflow-y: scroll; height: 150px;}
.breadcrumb{background-color:white; margin-bottom:0;}
.input-group .radio-inline{padding-top:0;}
.dropdown-menu li a span.glyphicon{padding-right:5px;}
.dropdown-menu li a span.glyphtext{padding-left:5px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
.col-gutter-sm{padding-left:5px; padding-right:5px;}

/* used in jqGrid */
/* ====================================================== */
.jqgrow-odd{background-image:none; background-color:#DCEBFA;}
.ui-jqgrid .ui-pg-input{height:19px;}

/* used in jquery-ui tab */
/* ====================================================== */
div.ui-tabs{width:100%; height:100%; border:0px;}
.ui-tabs .ui-tabs-nav li.tab-title{padding:5px 10px; font-size:14px;}
/* for hide title bar <Close> option */
.no-close .ui-dialog-titlebar-close{display:none;}
/* for sub tab */
.ui-subTabs{border:none; background:none; padding:0.2em 0;}
.ui-subTabs ul{list-style:none;}
.ui-subTabs .ui-tabs-nav.ui-widget-header{border:none; background:none;}
.ui-subTabs .ui-tabs-panel{padding:0;}
.ui-subTabs li.ui-tabs-btn{padding-left:30px;}
/* ====================================================== */

/* used in jquery-ui autocomplete */
.ui-autocomplete{width:300px!important; max-height:180px; overflow-y:auto; overflow-x:hidden;}
.ui-autocomplete-loading{background:white url('images/ui-anim_basic.gif') right center no-repeat;}

/* used in fullCalendar */
.fc-time-grid-event{cursor:pointer;}
.fc-time-grid-event .fc-outdate{background-color:#BEBEBE;}
.fc-time-grid-event .fc-outdate .fc-time{background-color:#808080; border:1px solid #808080;}
.fc-time-grid-event .fc-readOnly{background-color:#BEBEBE;}
.fc-event.fc-day-schedule{background-color:#1E90FF;}
.fc-event.fc-day-used{background-color:#808080;}
.fc-event.fc-day-available{background-color:#228B22;}
/* used in jquery-ui dialog, customized for fullCalendar */
.ui-dialog.calDialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:none;}

/* used in BI style */
/* page */
.pg{
	font-size:10pt;
	font-family:Arial,Tahoma,'Arial Unicode MS','Andale WT','MS UI Gothic',Gulim,SimSun,PMingLiU,Raghu8,sans-serif;
	width:100%;
	height:100%;
	color:#000000;
}
.pg-lg{
	font-size:14pt;
	font-weight:normal;
}
.pg *{-moz-box-sizing:border-box;}
.pg td {text-align: center;}
/* page header */
.ph{}
/* page body */
.pb{height:100%; vertical-align:top; padding:10px 5px;}
/*.pb{padding-top:10px;}*/
/* page footer */
.pf{background-image:url(../reportstyles/images/banner-background.png);}
/* report title area (container of the report title text) */
.ta{
	font-size:20pt;
	font-weight:bold;
	color:#666666;
	background-color:#fbfaf8;
	font-family:"微軟正黑體",Arial;
	letter-spacing:1px;
	
	/*---文字陰影---*/
	text-shadow:1px 1px 0px rgba(255,255,255,0.75);
	padding:0 0 0 20px;

	/*---背景漸層色 + 背景透明度---*/
	background-image:linear-gradient(top,rgba(251,250,248,1),rgba(239,238,238,1));
	background-image:-ms-linear-gradient(top,rgba(251,250,248,1),rgba(239,238,238,1));
	background-image:-moz-linear-gradient(top,rgba(251,250,248,1),rgba(239,238,238,1));
	background-image:-webkit-linear-gradient(top,rgba(251,250,248,1),rgba(239,238,238,1));
	
	border-bottom:#d9d9d9 1px solid \9;
	
	/*---背景陰影---*/
	-webkit-box-shadow:0px 3px 5px rgba(0,0,0,0.5);
	-moz-box-shadow:0px 3px 5px rgba(0,0,0,0.5));
	box-shadow:0px 3px 5px rgba(0,0,0,0.5);
	
	z-index:10px;
	
	background-position:100% 0;
  	background-color:#fbfaf8;
	background-repeat:no-repeat;
}


#wrapper{width:100%; margin:auto;}
#header {height:auto; padding-bottom:1em;}
#controlBarUp{width:12px; left:125px; position:fixed;}
#controlBar{width:12px; left:125px; position:fixed;}

.clear{clear:both;}
.topMsgBox{position:fixed; z-index:100; top:5px; font-size:14px; font-weight:bold; color:#FFF000; display:none; cursor:pointer;}

.tdr{text-align:right!important;}
.tdc{text-align:center!important;}
.td-calc{background-color:#eee;}
.red{color:red;}
.req_a:after{content:"*"; color:red;}
.req_b:before{content:"*"; color:red;}
.fl{float:left;}
.fr{float:right;}
.error{color:red;}

/* DDR menu*/
/* ====================================================== */
#menu{width:80%; margin:auto;}
#menu .item a{min-height:80px; display:flex; display:-ms-flexbox; align-items:center;}
#menu .item a.thumbnail{background-color:#d9edf7; margin-bottom:10px;}
#menu .item a *{width:100%;}
#menu .item a:hover,#menu .item a:focus{text-decoration:none;}
#menu .panel .panel-heading{background:none; border:0;}
#menu .panel .panel-heading h3 span{border-bottom:2px solid #428BCA;}
#menu .carousel-control{color:#428BCA; padding-top:100px; opacity:1; background-image:none!important; text-shadow:0 1px 15px rgba(0, 0, 0, .6);}
#menu .carousel-control:hover{color:#d9534f; filter:alpha(opacity=90); opacity:.9;}
#menu .carousel-control.left{margin-left:-20px;}
#menu .carousel-control.right{margin-right:-20px;}
#menu .carousel-control .glyphicon{font-size:30px; font-weight:bold;}
#menu .carousel-control .control-text{display:block;}
@media(min-width:500px){
	#menu .item{padding:0 60px;}
	#menu .carousel-control{width:150px;}
}
.table-toolbar{position:relative; margin:10px 5px; line-height:34px;}
.buffer-level{
	color:#333333;
	background-color:#E2E2E2;
	border:#d7d7d7 1px solid;
	box-shadow:inset 1px 1px 1px white;
	background-image:-webkit-linear-gradient(bottom,#F7F7F7 0%,#E2E2E2 100%);
	background-image:-o-linear-gradient(bottom,#F7F7F7 0%,#E2E2E2 100%);
	background-image:linear-gradient(to top,#F7F7F7 0%,#E2E2E2 100%);
}
.buffer-level.TOG{
	//background-color:#00FFFF;
	background-color:#5CF8FF;
	background-image:none;
}
.buffer-level.Gzone{
	background-color:#7FFF00;
	background-image:none;
}
.buffer-level.Yzone{
	background-color:#FFFF00;
	background-image:none;
}
.buffer-level.Rzone{
	color:#FFF;
	background-color:#FF0000;
	background-image:none;
}
.buffer-level.ROB{
	color:#FFF;
	background-color:#AD1F12;
	background-image:none;
}

.header-fixed > tbody {
    overflow-y: auto;
    height: 150px;
}

.navbar-custom {
    background-color:white;
}