/*******************
 General
********************/
body {

}

.datepicker{
	z-index: 9000 !important;	
}




.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}

.hello {
	text-align: center;
	font-weight: 600;
	font-size: 380px;
	color: #E6E6E6;
	/*color: RED;*/
}

.error404 {
	text-align: center;
	font-weight: 600;
	font-size: 120px;
	color: #E6E6E6;
	/*color: RED;*/
}

.error404-small {
	text-align: center;
	font-weight: 600;
	font-size: 80px;
	color: #E6E6E6;
	/*color: RED;*/
}

.nav li a {
	margin-right: 8px;
}

li button {	
	margin-right: 8px;
}

.button {
	/*display:inline-block;
	min-width: 50px;*/
	width: 100px;
	/*padding:5px 10px;*/

}

.button-120 {
	/*display:inline-block;
	min-width: 50px;*/
	width: 120px;
	/*padding:5px 10px;*/

}

.button_title {
	width: 100px;
	border: none;
	font-weight: 600;
	font-size: 18px;
	
	
}

/*******************
 Modal
********************/

.header-green {
	background-color: #58B058;
	border-style: solid;
    border-color: #58B058;	
	
}

.header-red {
	background-color: #DB4139;
	border-style: solid;
    border-color: #DB4139;	
	
}

.header-blue {
	background-color: #76B6D4;
	border-style: solid;
    border-color: #76B6D4;	
	
}

.modal-header h4.modal-title {
	color: #ffffff;
}

/*******************
 Data Table
********************/

.odd.selected a, .even.selected a {
	color: #ffffff;
}

.dataTable a:hover {
  text-decoration: underline;  
  color: #31749B;
}

/*.dataTables_filter { visibility: hidden;}*/


/*******************
 Toastr
********************/

#toast-container > div {

  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  
}

/*******************
 Checkbox
********************/
.bigger-checkbox {
    width: 15px;
    height: 15px;        
}

.checkbox label
{
	font-weight: 700;
}


/*******************
 Table Search
********************/

.table-wrapper {
	padding:0;	
}

.table-wrapper .table_filter {
    float: right;
    text-align: right;
	padding-right:0;	
	padding-bottom:5px;	
}

/*******************
 Font
********************/

.bigger-font {
	font-size: 1.2em !important;
}

.white-font {
	color: #FFFFFF !important;
}

.blue-font {
	color: #337ab8 !important;
}

.red-font {
	color: #FE2E2E !important;
}

.green-font {
	color: #00A65A !important;
}

.dropdown-font-black {
	color: #000 !important;
}


.dropdown-font-red {
	color: #ff4d4d !important;
}

/*******************
 Font
********************/

.bigger-font {
	font-size: 1.2em !important;
}

.white-font {
	color: #FFFFFF !important;
}


.red-font {
	color: #FE2E2E !important;
}

.green-font {
	color: #00A65A !important;
}

.form-control {
	color: #000 !important;
	font-family: Arial, sans-serif, 微軟正黑體 !important;
	font-size: 15px !important;
}

.nopadding_right {
	padding-right: 0px !important;	 
}

.button-lower {
	margin-top: 5px !important;
}

.input-field-bgcolor-blue {
  background-color: #bee4f3 !important;
}

.input-field-bgcolor-green {
  background-color: #c1f0c1 !important;
}