/* here you can put your own css to customize and override the theme */
/* overwrite style-metronic.css */
body { 
  font-family:'Open Sans', sans-serif,'新細明體';  
}
hr {
	margin-top:5px;
	margin-bottom:5px;	
}
.page-content {
	/*padding: 10px 15px 10px;*/

				/* top left */
	padding: 0 0 0; /* vicky 20140716 */

}
.ie8 .page-content {
	/*padding: 10px 15px 10px;*/
	padding: 0 0 0; /* vicky 20140716 */
}
.ie8 .page-content.googlemap {
	padding: 0px;
}
.btn {  /* style-metronic.css */
	font-size:15px;	
}
.header .navbar-nav > li.dropdown.user .dropdown-toggle .username {
  color: #ffffff;
  font-weight:bold;
}
.header.navbar { 
  /*height: 60px;*/
  height: 40px;
  /*min-height: 60px; */
  min-height: 40px;
}
.header.navbar .hor-menu {
	/*margin-top:24px;*/
	margin-top:4px;
	margin-left:480px;
}

.page-header-fixed .page-container {
  /*margin-top: 60px;  */
  margin-top: 40px;  
}
.header .navbar-nav > li.dropdown.user  {
  /*margin-top:24px;*/
  margin-top:4px;
}
.navbar-nav {
	margin-top:0px !important;	
}
.header.navbar .hor-menu ul.nav li > a {
	font-size:15px;	
	padding:8px 8px;
}
.header.navbar .navbar-nav {
	margin-right: 5px;
}

.mega-menu .mega-menu-submenu li > h3 {
	font-size:15px;	
}
.mega-menu .mega-menu-full .dropdown-menu {
  margin-left: auto ;
  margin-right: auto ;

}
.mega-menu-content li > a {
	font-size:15px !important;	
}
.mega-menu .mega-menu-submenu {
	border-left: 1px dotted #A0A0A0;
	border-right: 0px none;
}

.mega-menu .mega-menu-submenu:first-child {
	border-left: 0px none;	
}
.mega-menu .mega-menu-submenu li {
	padding:0px !important;
}
.nav-tabs > li > a, .nav-pills > li > a {
    font-size: 15px;
}
.header .hor-menu .dropdown-menu li:hover > a.dummy, .header .hor-menu ul.nav li.active > a.dummy, .header .hor-menu ul.nav li.active > a.dummy:hover {
	background:none !important;
}
/* bootstrap select */
.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="span"] {
	margin-bottom:0px;	
}
.btn-group.bootstrap-select .btn {
	font-size:13px;	
}
.btn-group.bootstrap-select .btn-default {
	padding: 3px 5px;
}
.btn-group.bootstrap-select.open .dropdown-menu li > a {
	padding: 6px 10px 6px 13px;
}
.btn-group.bootstrap-select.open .dropdown-menu li > a:hover, 
.btn-group.bootstrap-select.open .dropdown-menu .active > a:hover { 
	background-color:#3399FF;
	color:#ffffff;
}
.btn-group.bootstrap-select.open .dropdown-menu li.selected > a {
	background-color:#007FBF;
	color:#ffffff;	
}
/*  end bootstrap select */
.page-content .page-breadcrumb.breadcrumb > li,
.page-content .page-breadcrumb.breadcrumb > li > a, 
.page-content .page-breadcrumb.breadcrumb > li > i, 
.page-content .page-breadcrumb.breadcrumb > li > span {
  color: #484848;
  font-size: 13px;
}
.form-control {  
  font-size: 13px;
  height:130%;
  padding:4px;
  display:inline;
  width:auto;
  border: 1px solid #D5D5D5;
}
/*  本文區 */
.form-label {
  font-size: 13px;
  font-weight:400;	
  margin-bottom: 0px;
}

.portlet {
	margin-bottom:15px;	
}
.portlet > .portlet-title > .caption {
  float: left ;
  display: inline-block;
  font-size: 15px;
  line-height: 21px;  /*  靽格 */
  font-weight: 400;
  margin: 0;
  padding: 0;
}
.portlet-body TD {
	white-space:nowrap;	
	padding:3px;
}
.theme-panel > .toggler {
  top:0px;
  right:60px;
  padding:14px;
  cursor:pointer;
  position:absolute;

}
.theme-panel > .toggler-close {
  display: none;
  top:0px;
  right:60px;
  padding:14px;
  cursor:pointer;
  position:absolute;
  background: #3d3d3d url(../img/icon-color-close.png) center no-repeat !important;
}
.theme-panel > .theme-options {
  top:28px;
  right:40px;
  display:none;
  position:absolute;
  background:#3d3d3d;
}
.theme-panel > .theme-options > .theme-option {
  color:#cfcfcf;
  padding: 5px;
  border-top:1px solid #585858;
  margin-top: 0px;
  margin-bottom: 0px;
}
.theme-panel {
  width: 165px;
  margin-top: 1px;
  margin-right: 1px;
  z-index: 999;
  float: right;
  position:relative;
}
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li {
  margin:0 0;
}
.page-sidebar-menu > li.active > a { 
  font-size: 15px;	
}
.page-sidebar-menu > li > a {
  font-size: 15px;
}
.page-sidebar-menu > li > ul.sub-menu > li > a {
  font-size: 15px;
}
.page-sidebar-menu > li > ul.sub-menu  li > ul.sub-menu > li > a {
  font-size: 15px;
}
.page-sidebar-menu > li.open > a {
  font-size: 15px;	
}
.page-content .page-breadcrumb.breadcrumb {
  margin-top: 0px;
 /* margin-bottom: 15px;*/
 	margin-bottom: 0px; /* vicky 2014/07/16 */
 	/*mragin-right:35px;*/ /* vicky 2014/07/16 */
}
/* modal */
.modal-body { 
	padding-top:10px;
	padding-bottom:10px;
}
.modal-header {
	padding:10px 20px;	
	background-color:#359ACE;
}
.modal-header.inner {
    padding: 10px 20px;
    background-color: #F49F75;
}

.modal-header .close {
	background-image: url("../img/remove-icon-small-white.png")  !important;
	opacity: 1;
}
.modal-header .close:hover, .modal-header .close:focus {
	color:#ffffff;
}
H4.modal-title {
	color:#ffffff;
	font-weight:bold !important;
	font-size:17px;	
}
.modal-footer { 
	padding: 5px 20px 0px 20px;
	text-align:left;
}
.modal-xl {
    width: 1000px !important;
}
.modal-sm {
    width: 700px !important;
}
.modal-xs {
    width: 500px !important;
}
.modal.inner {
	z-index:10056 !important;	
}
/* tab  */
.nav > li > a { 
	padding-top:8px;
	padding-bottom:8px;
}
.ui-datepicker {
	z-index:999;	
}
.table-header {
    background-color: #4D90FE;
    color: #FFF;
    font-size: 13px;
    line-height: 38px;
    padding-left: 12px;
    margin-bottom: 0px;
/*	border-top: 1px solid #A6C9E2;
	border-left: 1px solid #A6C9E2;*/
}
.table-header-small {
    background-color: #4D90FE;
    color: #FFF;
    font-size: 13px;
    line-height: 22px;
    padding-left: 0px;
    margin-bottom: 0px;
	border-top: 0px solid #A6C9E2;
	border-left: 0px solid #A6C9E2;
}
.dropdown-menu {
	padding: 8px;
	min-width: 220px;
}
.radio-inline, .checkbox-inline {
	padding-left:0px;	
}
.btn-group.bootstrap-select.dropup.open .dropdown-menu {
	padding: 0px;
}
.btn-group.bootstrap-select.open .dropdown-menu {
	padding: 0px;
}
.ui-datepicker-next.ui-corner-all .ui-icon {
	text-indent: -9999px;
}
.ui-datepicker-prev.ui-corner-all .ui-icon {
	text-indent: -9999px;
}
/* multi-select */
.ms-container .ms-list {
	height:146px;	
}
/* modify Glyphicons icon size */
.input-group-addon {
	padding-top:0px;
	padding-bottom:0px;	
}
.btn.default.small {
	padding-top:3px;
	padding-bottom:3px;			
}
/* input form table style */
.keyinTableGray .outerTable {
	background-color: #ffffff;
	border-collapse:separate;
	border-spacing: 1px;
	/*border-collapse: expression('separate', cellSpacing = '1px');
	/*border-top:2px solid #1C4B7F;*/
}
.keyinTableGray TD {
	padding-top:4px;
	padding-bottom:4px;
	border-spacing: 0px;
	font-size:13px;
}	
.keyinTableGray .labelField{
	background:#E7E7E7;
	text-align:right;
	/*border-top: solid 1px #ffffff;*/
	border-bottom: dashed 1px #E8E8E8;
	border-right: solid 1px #E8E8E8;
	border-left: solid 1px #EDEBEB;
	white-space:nowrap;
}
.keyinTableGray .dataField{
	background: #ffffff;
	text-align:left;
	padding-left:10px;
	border-top: solid 1px #ffffff;
	border-bottom:dashed 1px #E8E8E8;
}
.keyinTableGray .dataField img{
	vertical-align:text-bottom !important;
}
.keyinTableGray .largeText{
	width:80%;
	height:80px;
}
.keyinTableGray .note {
	font-size:90%;
	color:#CC3300;
}
.form-control.multiselect {
	width:180px;
}
.form-control.multiselect OPTION {
	padding-top:0px;
	padding-bottom:3px;	
}
.cke_skin_kama .cke_dialog_body { z-index: 10200 !important; }
.cke_top {
	padding-top:2px !important;	
	padding-bottom:2px !important;
	height:24px !important;
}
a.cke_button {
	padding:2px 4px !important;	
}
/* jquery dialogbox */
.ui-dialog TD {
	padding-top:2px;
	padding-bottom:2px;
}

.btn.blue[disabled],
.btn.blue.disabled,
.btn.red[disabled],
.btn.red.disabled,
.btn.green[disabled],
.btn.green.disabled,
.btn.yellow[disabled],
.btn.yellow.disabled,
.btn.purple[disabled],
.btn.purple.disabled {
		background-color: silver !important;
		/*color: #fff !important;
		outline: none !important;*/
}
/*Loading Indicator*/ 
#loading{ 

  position:absolute; 
  left:45%; 
  top:40%; 
  padding:2px; 
  z-index:20001; 
} 

#loading .loading-indicator{ 

  background:white; 
  color:#555; 
  font:bold 13px tahoma,arial,helvetica; 

  padding:10px; 
  margin:0; 
  text-align:center; 
  height:auto; 
} 

.ui-wrapper{
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
	padding-right:0px  !important;
	margin-right: 0px !important;
}

.ui-resizable-se {
   margin-bottom:2px !important;
   margin-right:2px !important;
}

/* 20150129 vicky shrink padding */
								.breadcrumb {
                
                	padding-top: 0.3em !important;
                	padding-bottom: 0.2em !important;
                }
        
                .ui-jqgrid .ui-jqgrid-htable th div {
                    height:20px;
                    /*font-size: 15px;*/
                    padding: 0 0 0 0;

                }

                .ui-jqgrid .ui-jqgrid-htable th span.ui-jqgrid-resize {
                    height: 20px !important;

                }

                .ui-jqgrid tr.jqgrow td{
                    padding-top: 0.4em;
                    padding-right: 0;
                    padding-bottom: 0.4em;
                    padding-left: 0.2em;
                }
                
                #gbox_gridMainList{
                    padding-top: 0em;
                    padding-right: 0;
                    padding-bottom: 0em;
                    padding-left: 0.2em;                    
                }
                
                table.keyinTableGray tr td{
                	padding:0 0 0 0;
                }
                
                td.dataField{
                        /* top right bottom left */
                	/*padding:0.3em 0 0.3em 0.1em !important;*/
                	padding-left: 0.1em !important;
                	/*margin:0 0 0 0 !important;*/

                }
                td.dataField input{
     
									/* top right bottom left */


                	/*padding:0 0 0 0.1em !important;*/
                	padding-left: 0.1em !important;
                	padding-right: 0.1em !important;
                	/*margin:0 0 0 0 !important;*/

                }
                td.dataField textarea{
     
									/* top right bottom left */


                	/*padding:0 0 0 0.1em !important;*/
                	/*padding:1 1.1em 1.1em 1 !important;*/
                	padding:0 0 0 0 !important;
                	/*padding-right: 5 !important;
                	padding-bottom: 5 !important;
                	margin-right: 5 !important;
                	margin-bottom: 5 !important;*/
                	/*padding-top: 1 !important;
                	padding-right: 1 !important;*/
                	/*padding-top: 0.1em !important;
                	padding-right: 1 !important;
                	padding-bottom: 0.1em !important;
                	padding-left: 0.1em !important;*/
                	
                	/*margin:0 0 0 0 !important;*/

                }
                 a.select2-choice{
                 	padding-left: 0.1em !important;
                }

							.ui-state-default .ui-icon-customrefresh {
					
							    background: url("../img/refresh.png") no-repeat;
							    background-position: 0 0;
							
							}