body {
    padding-top:10px;
    font-size:13px/1.231;
    font-family: Glyphicons Halflings, 微軟正黑體,微軟雅黑,新細明體,Verdana,Calibri,Palatino Linotype,Verdana,Arial;
    color: #000000;
}

button, input, optgroup, select, textarea
{
    font-size:13px/1.231;
    font-family: Glyphicons Halflings, 微軟正黑體,微軟雅黑,新細明體,Verdana,Calibri,Palatino Linotype,Verdana,Arial;
    color: #000000;
}

.ui-widget
 {
   font-family: Glyphicons Halflings, 微軟正黑體,微軟雅黑,新細明體,Verdana,Calibri,Palatino Linotype,Verdana,Arial;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
    font-family: inherit;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 10px;
    padding-right: 25px;
    margin-top: -10px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 1000px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}


/* 右邊選單 */
.menu-r {
min-height: 530px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
right: 0px; position: fixed; top: 32px; width: 400px; height: auto;
font-size:14px;
z-index: 1000;
 }
/* 右邊選單第2階 */
.list-unstyled li > ul > li, .list-unstyled li > ul > li> ul > li{
   margin-left:8px;
   padding-top:2px;
   padding-bottom:2px;
}
/* 右邊選單第3階 */
.list-unstyled li > ul > li> ul > li{
   margin-left:25px;
}

/* 上方navbar */
.navbar-brand {
    padding-top: 3px;
    padding-bottom: 0px;
    line-height: 20px;
    height: 28px;
}
.navbar-inverse{
    min-height: 20px; 
    height:30px;
    color:#dddddd;
}

.navbar-nav > li{
    padding-top: 6px;
    padding-bottom: 3px;
    line-height: 20px;
}
/* 以下改在.navbar-nav > li控制 */
.navbar-nav > li > a,.navbar-nav > li > a:hover 
{
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 0px;
}

.navbar-nav > li.nav-clock {
    padding-top:4px;
}

#time_Now {
    margin-right:20px;
    color:#FFF;
}

.glyphicon
{
    margin-right:3px;
}

.form-control
{
    height:30px;
    padding: 2px 6px;
    color: #000000;
    font-size: inherit;
    border: 1px solid #999999;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
cursor: not-allowed;
background-color: #8FF5A7;
opacity: 1;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
padding-left: 3px;
padding-right: 3px;
}
.form-group {
margin-bottom: 10px;
}

.modal-footer {
    margin-top: 5px;
    padding: 5px 20px 20px;
    text-align: center;
}


.panel
{
    margin-bottom: 10px;
}

.panel-heading 
{
   padding: 3px 15px;
}

.panel-body
{
   padding: 5px 10px;
}


/* 不可空白欄位之Label為紅色*/
.required-label {
    color:#dd1144;
}

/* 錯誤icon設定*/
.error-block {
    line-height:30px;
    width:0px;
    padding:0px;
}
.error-icon {
    vertical-align:baseline;
    color:#dd1144 !important;
    margin-left:-27px;
    z-index: 80;
}

.btn-qumodal {
    z-index: 80;
}

/*-- ngGrid之設定---*/
.ngCell.pinned {
z-index: 81;
}

.ngCellElement .btn-info{
  border: 0px solid #cccccc;
  padding-bottom: 0px!important;
}

.ngGrid .input-group{
  padding-top: 3px;
}

.ngCellElement .input-group-addon {
  padding: 8px 8px;
  font-size: 13px;
}

.ngColMenu {
background-color: #EDF0D5!important;
}

.ngHeaderButton {
top: 0px!important;
width: 24px!important;
height: 24px!important;
background-color: rgb(247, 202, 87)!important;
}

.input-group-addon {
  padding: 6px 12px 8px 12px;
}


div[ng-cell] .error-icon {
    float:right;
    top:-27px;
}


/*.has-feedback .form-control-feedback {
position: absolute;
top: 25px;
right: 0;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
}*/

.tooltip{
    width:120px;
}

.cellToolTip {
    overflow:visible;
}

.notNull-input:invalid {
    border: 1px solid #dd1144;
    box-shadow: 1px 1px 1px 1px #fac7c7;
}

/*--- ng-Grid ---------------------------- */

.gridMasterStyle {
    border: 1px solid rgb(212,212,212);
    width: 100%; 
    height: 480px;
}

.gridDetailStyle {
    border: 1px solid rgb(212,212,212);
    width: 100%; 
    height: 480px;
}

.ngRow.odd {
background-color: #ADF1B8; /*#B6F1B6;*/
}

.gridDetailStyle .ngRow.even{
background-color: #ADF1B8; /*#B6F1B6;*/
}
 

.ngHeaderCell
{
   /* background-image:linear-gradient(#FAFAFA, #8DDFF8 50%, #CAF3EB);*/
    background-image:linear-gradient(#FAFAFA, #5CADCC 90%, #5CADCC);
    /*linear-gradient(#FAFAFA, #8EDF92 50%, #BBF5B4);*/
}

.ngRow.selected {
background-color: #6BADF5 !important;
}

.ngHeaderSortColumn
{
    color: navy;
}

.ngGrid .form-control {
    height: 24px;
    margin-top: 3px;
    border: 0px;
    border-radius: 2px;
}

.ngCell {
 padding: 0px 3px 0px 2px;
}

.ngGrid i {
    margin: 1px 1px 1px 1px;
    color:navy;
}

.ngGrid .error-icon{
    margin: 8px 3px 8px 3px;
}

.ngCellElement:focus {
  background-color: transparent !important;
}

.form-control:focus {
  border: 2px solid #66afe9 !important;
  border-color: #66afe9 !important;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
  background-color: #ffffff !important;
}


/*--- form control ---------------------------- */
.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
padding-top: 5px;
}

.error-block .tooltip-inner,.cellToolTip .tooltip-inner
{
background-color: red;
}

.error-block .tooltip.right .tooltip-arrow,.cellToolTip .tooltip.right .tooltip-arrow{
border-right-color: red;
}

.form-group .ng-invalid,.ngCell .ng-invalid{
    border: 1px solid #dd1144;
    box-shadow: 1px 1px 1px 1px #fac7c7;
}

.radio-inline, .checkbox-inline {
padding-left: 20px;
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
  margin-left: 0;
}


.radio-inline .form-control, .checkbox-inline .form-control {
  margin-top: 0px;
}


.tab-content{
    margin-top: 8px;
}


.form-panel{
 background-color: #eed3d7;
 padding-top: 3px;
 padding-bottom: 3px;
 min-height: 38px;
 border-color: #eed3d7;
 margin-bottom: 20px;
 border: 1px solid transparent;
 border-radius: 4px;
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}




/*--- Modal with CSS3 animation ---------------------------- */
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;  
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
/*-- faster --*/
.fadeInDown-f {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;  
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

/*-- input-group --*/
.input-group .btn-info{
color: #ffffff;
cursor: pointer;
}

.ngGrid .input-group .form-control {
margin-top: 0px;
}

.cellBtn{
    cursor: pointer;
}

.checkBoxCell {
margin-top: 9px!important;
margin-left: 6px!important;
}

.number {
    text-align: right; 

}
/*-------------更改後分割線---配色更改--------------*/
.panel-info > .panel-heading{
    background:#fadde0 ;
    border-color:#f9adb4;
}

.panel-info{
    border-color:#f9adb4;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary{
    background:#980934;
    border-color:#cb446b;
}
.btn-primary:hover{
    background-image: linear-gradient(#f9adb4, #e96874 50%, #d73c69);
}
.btn-primary{
    background:#de5e82;
    color:#FFF;
    border-color:#cb446b !important;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover,
 .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus,
 .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active,
 .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active,
 .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active{
    background:#de5e82;
    color:#FFF;
    border-color:#db717a;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    background-image: linear-gradient( #f9adb4,#f9adb4 50%, #fadde0);
    border:0;
}
.nav-tabs > li{
    margin-bottom:-3px;
}
.tab-content{
    margin-top:0;
    background:#fadde0;
}
.ngHeaderSortColumn{
    color:#FFF;
}
.ngHeaderCell{
    background-image: linear-gradient(#f9e0ad, #f5c461 20%, #db7e2e);
}
.ngRow.even{
    background-color:#ffebc0;
}
.ngRow.odd{
    background-color:#fdcf7d;
}
.gridDetailStyle .ngRow.even{
    background-color:#ffebc0;
}
.btn-info{
    background-image: linear-gradient(#f9e0ad, #f5c461 20%, #db7e2e);
    border-color:#db7e2e;
}
.btn-info:hover{
    background-image: linear-gradient(#e49653, #db7e2e 50%, #a95c1a);
    border-color:#a95c1a;
}
  .col-sm-2 {
    width: 16.26666667%;
  }
  .nav-tabs{
      border:0;
  }
/*-----------------RWD響應式網頁------------------------*/
  /*寬*/
@media (max-width: 768px) {
   .body-content{
    width: 600px !important;
  }
}
@media (min-width: 768px) {
  .body-content{
    width: 768px !important;
  }
}
@media (min-width: 992px){
   .body-content {
    width: 992px !important;
  }
}
@media (min-width: 1200px){
  .body-content{
    width: 1200px !important;
  }
}
@media (min-width: 1400px){
   .body-content{
    width: 1400px !important;
  }
}
@media (min-width: 1700px){
   .body-content{
    width: 1700px !important;
  }
}
  /*高*/
  iframe{
      height:96% !important;
  }
   .body-content{
       height:101% !important;
   }
@media (max-height: 700px) {

    /*細目內容*/
    #panelGridMaster >.gridMasterStyle {
        height: 474px !important;
    }
    /*整體大小
    .body-content{
     height:600px !important;
    }*/
   iframe{
      min-height:600px !important;
   }

}
@media (min-height: 700px) {

    #panelGridMaster > .gridMasterStyle {
        height: 591px !important;
    }
   iframe{
       min-height:700px !important;
   }
   /*.body-content{
   height:732px !important;
  }*/

  /*搜尋頁面*/
 .modal-body > iframe{
      min-height:650px !important;
   }
}
@media (min-height: 815px) {

    #panelGridMaster > .gridMasterStyle {
        height: 706px !important;
    }
   iframe{
       min-height:815px !important;
   }
  /* .body-content{
  height:815px !important;
  }*/ 

  /*搜尋頁面*/
 .modal-body > iframe{
      min-height:727px !important;
   }
}
@media (min-height: 980px) {

    #panelGridMaster > .gridMasterStyle {
        height: 874px !important;
    }
    /* .body-content{
  height:980px !important;
  }*/
   iframe{
      min-height:980px !important;
   }
   /*搜尋內容卷軸*/
    .modal-body > iframe{
      min-height:880px !important;
   }
    .modal{
     max-height:930px !important;
    }

}
/*右邊的MENU*/
body,html{
    height:100%;
}
.menu-r{
    height:100%;
}
.body-content {
    overflow-y: auto;
}
body{
    overflow:hidden;
}


.pull-left{
    height:91% !important;
    max-height:91% !important;
}
.navbar-inverse {
    background-image: -webkit-linear-gradient(#F196B0, #E95E85 50%, #d73c69);
    background-image: linear-gradient(#F196B0, #E95E85 50%, #d73c69);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffF196B0', endColorstr='#ffd73c69', GradientType=0);
    filter: none;
    border: 1px solid #345578;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: #ffffff;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #ffffff;
    background-image: linear-gradient(#f9adb4, #e96874 50%, #d73c69);
}
.navbar .dropdown-menu {
    text-shadow: none;
}
.navbar-inverse {
    background-image: -webkit-linear-gradient(#F196B0, #E95E85 50%, #d73c69);
    background-image: linear-gradient(#F196B0, #E95E85 50%, #d73c69);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffF196B0', endColorstr='#ffd73c69', GradientType=0);
    filter: none;
    border: 1px solid #345578;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: #ffffff;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #ffffff;
    background-image: linear-gradient(#f9adb4, #e96874 50%, #d73c69);
}
.navbar .dropdown-menu {
    text-shadow: none;
}

/*蓋過bootstrap，因為DatePicker會在下面*/
.input-group .form-control {
 z-index: 1;
}

/*datepicker*/
.ui-datepicker .ui-state-active {
border: 1px solid rgb(252, 74, 160);
font-weight: normal;
color: #212121;
}

.ui-datepicker{
 z-index: 1051 !important;
}


.ui-datepicker .ui-state-highlight {
    font-weight:bolder;
color: #173FDF;
}

/*angularjs*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}


.loading {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    opacity: 0.2;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}
        
.loading-image {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px; /* -1 * image width / 2 */
    margin-top: -32px; /* -1 * image height / 2 */
    display: block;
    z-index: 00;
    min-height: 40px;
    min-width: 40px;
}

.desc-label{
   color: navy;
   padding-top: 5px;
}

.wrapword{
white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
white-space: pre-wrap;       /* css-3 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
word-break: break-all;
white-space: normal;
}

.btn-link
{
  padding: 0px;
}