/*******************
 General
********************/
body {
	font-family: 'Heiti TC', 'Noto Sans TC', Helvetica, Arial, sans-serif !important;  
}

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


.nopadding_right {
	padding-right: 0px !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-tabs li a {
	/*margin-right: 8px;*/
    padding-top: 6px;
    padding-bottom: 6px;
}

.nav-tabs li a:hover {
	background-color: #e6e6e6;
}


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-160 {	
	width: 160px;
}

.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-orange {
	background-color: #F0AD4E;
	border-style: solid;
    border-color: #F0AD4E;	
	
}

.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;
}

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

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

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

.orange-font {
	color: #F0AD4E !important;
}

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

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

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


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

.font-bold {
	font-weight: 900;
}

.legend {
	font-size: 8px;
	font-weight: 600;
}

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


/*******************
 Button
********************/

.btn-calendar-purple, .btn-calendar-purple:hover, .btn-calendar-purple:active, .btn-calendar-purple:visited {
    background-color: #800080 !important;
	color: white !important;
	height: 22px;
	font-size: 8px;
	padding: 1px 5px 1px 5px;
}

.btn-calendar-green, .btn-calendar-green:hover, .btn-calendar-green:active, .btn-calendar-green:visited {
    background-color: #008000 !important;
	color: white !important;
	height: 22px;
	font-size: 8px;
	padding: 1px 5px 1px 5px;
}

.btn-calendar-red, .btn-calendar-red:hover, .btn-calendar-red:active, .btn-calendar-red:visited {
    background-color: #FF6666 !important;
	color: white !important;
	height: 22px;
	font-size: 8px;
	padding: 1px 5px 1px 5px;
}