html {
  position: relative;
  min-height: 100%;
}

body {
  /*padding-top: 30px;*/
  padding-bottom: 20px;
  /* 取代原本bootstrap 字集 */
  font-family: Verdana,Arial,sans-serif !important;
}

#content {
	width: 100%;
	height: 100%;
}

.footer {
  z-index: 100;
  position: fixed;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 30px;
  /*background-color: #f5f5f5;*/
  background-color: #e9e9e9 !important;
  border-color:#c7c7c7 !important;
  border-width: 1px 0 0 0 !important;
  border: solid;
  left: 0;
  margin-top: 10px;
}

.footer-no-margin-top {
  z-index: 100;
  position: fixed;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 30px;
  /*background-color: #f5f5f5;*/
  background-color: #f8f8f8 !important;
  border-color:#e7e7e7 !important;
  border-width: 1px 0 0 0 !important;
  border: solid;
  left: 0;
}

.caret-right {
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    width: 0;
}

.divData {
    margin-top: 10px !important;
    margin-bottom: 0px !important;
}

.menu-item {
    cursor: pointer;
}

.panel-default {
    margin-bottom: 10px !important;
}

.panel-heading{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    cursor: pointer !important;
}

.panel-body {
    padding-top: 10px !important;
    padding-bottom: 5px !important;
    margin-bottom: 5px !important;
}

/*
.navbar-default {
  height:45px;
}

.navbar{
  min-height:45px;
}
*/

/* 取代 /css/smoothness/jquery-ui-1.12.1.custom.css" 中 row 被select 的背景 */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    /*border: 1px solid #fcefa1; background: rgba(203, 247, 71, 0.3)  url(smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636;*/
    border: 1px solid #fcefa1; background: rgba(203, 247, 71, 0.3); color: #363636;
}

/* 取代 jqgrid row onblur(hover) 背景色 */
.ui-widget-content.jqgrow.ui-row-ltr.ui-state-hover {
    /*background: #cef3769e;*/
    background: #cef376;
    border-collapse: separate;
}

/* jqgrid row 換行 */
.ui-jqgrid tr.jqgrow td{
  white-space: normal !important;
  word-wrap: break-word !important;
  height: auto;
  padding-top:2px;
}

/* jqgrid單獨定義資料列高度,配合grid內圖片高度,圖片高度用max-height設定 */
/*無圖片, 用30px*/
.ui-jqgrid tr.jqgrow {
    height:30px;
}

/* jqgrid單獨定義欄位表頭高度 */
.ui-jqgrid-labels{
    height: 30px;
}

/* jqgrid 所有區塊字體 */
/* .ui-jqgrid .ui-jqgrid-caption {
    font-size: 18px;
}

.ui-jqgrid-labels{
    font-size: 18px;
}

.ui-jqgrid tr.jqgrow td{
    font-size: 18px;
}

.ui-jqgrid .ui-pg-table td {
    font-size: 18px;
} */
/*-- jqgrid 所有區塊字體 */

/*jqgrid同時定義欄位表頭及資料列高度*/
/*.ui-jqgrid tr{height:30px}*/

/*jqgrid head 自動高度換行 */
.ui-jqgrid th.ui-th-column div{
  white-space: normal !important;
  height:auto !important;
}

.input-group-addon {
    font-weight: bold !important;
    background-color:#D2DFEF !important;
}

.panel-heading-like-input-group-addon{
	font-size: 12px !important;
    font-weight: bold !important;
	color: #555 !important;
	cursor: default !important;
	/*background-color: #eee !important;*/
    background-color:#D2DFEF !important;
}

.my-valid-error{
	font-size: 12px;
	color: red;
	font-weight: bold;
	padding-top: 2px;
	padding-left: 3px;
}

.on_line_true {background-color:#5bc0de;}
.on_line_false {background-color:#f0ad4e;}

.panel-has-error {
    border-color: #a94442 !important;
}

.panel-heading-has-error{
    color: #a94442 !important;
    background-color: #f2dede !important;
    border-bottom: 1px solid !important
}

.program-title {
    font-weight: bold;
    padding-top:5px; color: #400000;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;left: 0;
    width: 100%;
    height: 100%;
}

/* for BS3 button lager then .btn-lg */
.btn-xl {
    padding: 15px 25px;
    font-size: 25px;
    border-radius: 10px;
}

/* text跟在input-group 後面可以垂直置中, text要包在row內 */
.text-vertical-flex {
    display: flex;
    align-items: center;
}

/* 取代jquery-UI autocomplete選取時背景色 */
.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: #0092FF !important;
    font-weight: bold !important;
    color: #ffffff !important;
}

/* 深色底的button 配色 */
.btn-black {
    background-color:#595959;
    color:white;
}

.btn-black.btn-black:disabled.btn-black:hover{
    background-color:#595959;
    color:white;
}

.btn-black:focus, .btn-black:active {
    background-color:#060606;
    color:white;
}

.btn-black:enabled.btn-black:hover {
    background-color:#060606;
    color:white;
}

/* 深色文字配色, 和btn-black相同配色 */
.text-black {
    color:#060606;
}

/* 深綠色的button 配色 */
.btn-darkgreen {
    background-color:#006400;
    color:white;
}

.btn-darkgreen.btn-darkgreen:disabled.btn-darkgreen:hover{
    background-color:#006400;
    color:white;
}

.btn-darkgreen:focus, .btn-darkgreen:active {
    background-color:#004f00;
    color:white;
}

.btn-darkgreen:enabled.btn-darkgreen:hover {
    background-color:#004f00;
    color:white;
}

/* bootbox alert型態調整顏色 */
.modal-alert-error-content{
    background-color: #ffed15;
    font-size: 24px;
    color: black;
    font-weight: bold;
}

.modal-alert-error-footer{
    border-top: 1px solid #c0c0c0;
}