* {
    font-family: 微軟正黑體, Helvetica, Arial, sans-serif;
}
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../font/glyphicons-halflings-regular.eot');
  src: url('../font/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../font/glyphicons-halflings-regular.woff') format('woff'), url('../font/glyphicons-halflings-regular.ttf') format('truetype'), url('../font/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.divmiddle{
	margin-left: auto;
	margin-right: auto;
    width: 180px;
}
.table td{
	border: 1px solid; gray;
}
.sortorder:after {
    content: '\25b2';
  }
  .sortorder.reverse:after {
    content: '\25bc';
  }
  .ngdialog-content{
  	background-color: transparent;
  }
  .ngdialog.ngdialog-theme-default.custom-width .ngdialog-content {
    width: 80%;
    padding-top: 20px;
    font-size: 12px;
    margin: -150px auto;
}
.topic-msg{
	color: blue;
	border: 1px solid blue;
	border-radius:2px;
	box-shadow: 3px 3px 3px #888;
}
.rowTitle{
	background-color: lightgray;
	line-height: 25px;
}
.rowOdd{
	background-color: white;
}
.rowEven{
	background-color: lightgray;
}
.rowOdd:hover,.rowEven:hover{
	background-color: lightskyblue !important;
}
.selected-row{
	background-color: deepskyblue !important;
}
.pagingRow{
	margin-top: 10px;
	margin-bottom: 10px;
}
/*reduce ngdialog z-index prevent combobox shelter*/
.ngdialog {
  z-index: 99;
}
.repeat-row{
	line-height: 25px;
}
.with-errors{
	color: red;
}
.align-center{
	margin: 0px auto;
}
.clearable{
  background: #fff url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right -10px center;
  border: 1px solid #999;
  padding: 3px 18px 3px 4px;     /* Use the same right padding (18) in jQ! */
  border-radius: 3px;
  transition: background 0.4s;
}
.clearable.x  { background-position: right 5px center; } /* (jQ) Show icon */
.clearable.onX{ cursor: pointer; }              /* (jQ) hover cursor style */
.clearable::-ms-clear {display: none; width:0; height:0;} /* Remove IE default X */

input.ng-dirty.ng-invalid {
	background: #ffecec;
}
input.ng-invalid, input:focus.ng-invalid {
	background:#fff; 
	border: 1px solid #ffa853; 
	box-shadow: 0 0 3px 1px #ff9536; 
	outline: none; 
	font-size:15px;
	padding:5px 10px; 
	cursor:pointer;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	vertical-align:middle;
	margin:10px 0px;
	font-family:"century gothic", "微軟正黑體";
}
input::-ms-clear {
	display: none;
}
span.ng-invalid, span:focus.ng-invalid {
	border: 1.1px solid red;
	border-radius:4px;
	padding-left: 1px;
}
textarea.ng-invalid, textarea:focus.ng-invalid {
	border: 1px solid red;
}
textarea{
	width:90%
}
.watermark {
	color: #808080;
	font-size: 70pt;
	transform:translate(-50%, -50%) rotate(-45deg);
	position: fixed;
	z-index: 999;
	pointer-events: none;
	opacity: 0.4;
	text-align: center;
	top: 50%;
	left: 50%;
	margin-right: -50%;
}
.common_td_height {
	line-height:34px
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}