body {
	font-family: "Microsoft Jhenghei","Helvetica Neue", Helvetica, Arial,
		sans-serif;
		font-size: 16px;
}
@media ( min-width : 993px) {
	body {
		font-size: 16px;
	}
}
@media ( max-width : 992px) {
	body {
		font-size: 14px;
	}
}
@media ( max-width : 1440px) {
	.short_roombox .dirty_time {
		display:none;
	}
}
.display_align_center {
	display: flex;
    align-items: center;
}
/* input隞ξcon */
.input-with-icon i {
  color: #AAAAAA;
  display: inline-block;
  font-size: 16px;
  left: 23px;
  position: absolute;
  top: 6px;
  width: 20px;
  text-align: center;
  margin-top: 2px;
}
.input-with-icon input {
  padding-left: 30px;
}

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

#page-wrapper{
	min-height: 1000px;
	padding-bottom: 50px;
}
label.valid {
	width: 24px;
	height: 24px;
	background: url(assets/img/valid.png) center center no-repeat;
	display: inline-block;
	text-indent: -9999px;
}

label.error {
	font-weight: bold;
	color: red;
	padding: 2px 8px;
	margin-top: 2px;
}
.help-block{
	color: #A94442;
}

.addinput > div{
	padding: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
}
a.btn-circle{
	padding: 8px;
}
a.btn-circle.btn-lg{
	padding: 16px;
}
a.btn-circle.btn-xl{
	padding: 22px;
}

.tags {
width: 100%;
}
.tags .form-control{
	width: auto;
}

.imgList > div{
	padding: 0px 3px;
}
.imgList img{
	width: 100%;
}
.tab-content > div{
	margin-top: 15px;
}
.form-inline .form-group{
    display: inline-table;
}


/**panel**/
.panel-body label{
	color: #428BCA;
}
.panel-body p{
	margin-left: 20px;
}
.panel-heading{
	position: relative;
}
.panel-tools{
	position: absolute;
    right: 28px;
    top: 12px;
}
.panel-tools a{
	text-decoration: none;
}
.panel-title {
	font-size: 26px;
}
.panel-group .panel-heading{
	text-decoration: none;
	font-size: 22px;
}
.panel-group .panel-heading .panel-title{
	font-size: 22px;
}
.panel-group .panel-heading .panel-title > a{
	text-decoration: none;
}
.panel-group .panel-heading .panel-tools{
	position: absolute;
    right: 35px;
    top: 8px;
}



/**��**/
.header_logo{
	height: 55px;
	left: 15px;
	position: absolute;
	top: 0;
	z-index: 2;
}
#side-menu li.active > a{
	color: #FFF;
	background-color: #4073A0;
}
.sidebar-toggle-box{
	width: 100%;
	text-align: end;
    padding: 0 10px;
}
.navbar-static-side li {
	height: auto;
}
.navbar-static-side-li {
	position: relative;
    display: flex !important;
    justify-items: center;
    align-items: flex-end;
}/*
.nav-second-level-short{
	position: fixed;
	left: 51px;
	width: 150px;
	background:#f8f8f8;

/*	bottom: -44px; */
/*	overflow-y: auto; */
/*	overflow-x: hidden;*/
/*	opacity: 0.9;

}*/
.nav-second-level-short{
	position: absolute;
	left: 51px;
	max-height: 600px;
	width: 150px;
	background:#f8f8f8;
/*	opacity: 0.9; */
}
.nav-second-level-short li a{
	padding: 10px;
}
@media ( min-width : 768px) {
	nav>img {
		height: 56px;
		left: 15px;
		position: absolute;
		top: 0;
		z-index: 2;
	}
	.navbar-top-links {
		font-size: 16px;
	}
	.navbar-top-links ul {
		font-size: 16px;
	}
	.navbar-static-side {
		margin-top: 5px;
		font-size: 16px;
		z-index: 1000;
	}
}

.dropdown-1 {
	margin-left: 5px;
}

.dropdown-2 {
	margin-left: -59px;
}

.dropdown-3 {
	margin-left: -123px;
}

/** ���� **/
.login-panel .panel-heading {
	text-align: center;
}

.login-panel .panel-heading img {
	position: relative;
	top: -13px;
	width: 100%;
}



#priceList input{
	width: 100px;
}
#priceList .checkbox input{
	width: 20px;
}
/*
.moneydiv{
	display: inline-block;
	position: absolute;
}
.moneydiv > div{
	margin-bottom: 0px;
}

.moneydiv input{
	width: 250px;
}*/


.daterangepicker .calendar th, .daterangepicker .calendar td {
	min-width: 15px;
}

ul.inline{
	list-style:none;
}

ul.inline li{
	display: inline-block;
	padding: 5px 20px;
}


table.dataTable thead th.sorting_desc,table.dataTable thead th.sorting_asc,table.dataTable thead th.sorting{
	cursor: pointer;
}

.dataTables_paginate{
	text-align: right;
}

.datepicker table tr td span {
  font-size: 13px;
}

.todolist_done td p{
	color: #acacac;
    text-decoration: line-through;
}

.button-group{
	padding-right:30px;
	padding-bottom: 15px;
}

/* datatable */
.dataTables_filter{
	text-align: right;
}

.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger.active[disabled], fieldset[disabled] .btn-danger.active {
    background-color: #ffbcb8;
    border-color: #ffbeb9;
}
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success.active[disabled], fieldset[disabled] .btn-success.active {
    background-color: #9cf89c;
    border-color: #8ff18f;
}
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning.active[disabled], fieldset[disabled] .btn-warning.active {
    background-color: #fddb7c;
    border-color: #ffd165;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.fix_over_height{
    margin-top:8px;
}
.file_box{
    margin-bottom:15px;
}
/* Modal */
.modal-xl {
	width:80%;
}
/* Load Button Ani*/
.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);}
}

#nav_hotel_list .dropdown-menu {
	max-height:400px;
	width:650px;
	overflow-y:auto;
	padding: 10px;
	right: -170px;
}
#nav_hotel_list .dropdown-menu li {
	width:25%;
	float:left;
}
#nav_hotel_list .dropdown-menu li a {
    padding: 10px 5px;
	min-height: 20px;
}
@media ( max-width : 768px) {
	#nav_hotel_list .dropdown-menu {
		width:auto;
		right: 0;
	}
	#nav_hotel_list .dropdown-menu li {
		width:100%;
	}
	#wrapper{
		margin-top: 50px;
	}
}
@media (min-width: 981px)
{
	.slide_housekeeper_notice_content_open {
		max-height:350px;
	}
}
.ml-10 {
	margin-left: 10px;
}

.income_title {
	background-color:#b8daff;
}
.income_detail_title {
	/* background-color:#b8c4ff; */
	background-color:#ffb8ec87;	
}
.income_sub_detail_title {
	background-color:#fffab3  !important;
}
.fast_modal {
	z-index: 1060;
}

.black_tip_style {
	color: #ff4d4d;
	font-size: 12pt;
	border: 1px solid #ff4d4d;
	margin-top: 10px;
}
.green_tip_style {
	color: #449D44;
	font-size: 12pt;
	border: 1px solid #449D44;
	margin-top: 10px;
}
/* 前檯作業*/
.room_tab:link,.room_tab:visited,.room_tab:hover,.room_tab:active {
	text-decoration: none;
	width: 100%;
	display: inline-block;
	color: black;
}
/*有配房資料時*/
.room_tab.room_tab_living.checkout.active {
	background-color: #BBE6FA;
}

.room_tab.room_tab_living.active {
	background-color: #DDDDDD;
}

.room_tab.room_tab_waiting.active {
	background-color: #C7FF91;
}
.room_tab.room_tab_resting.active {
	background-color: #C0F1FF;
/* 	background-color: #5BC0DE; */
}
.room_tab.room_tab_resting.inuse.active {
	background-color: #D7DAFF;
}
/*有配房資料且被選擇時*/
.room_tab.room_tab_living.active.selected {
	background-color: #999999;
	color: black;
	font-weight: normal;
}
/* 將退*/
.room_tab.room_tab_living.checkout.active.selected {
	background-color: #337AB7;
	color: white;
	font-weight: bold;
}
/* 逾期*/
.room_tab.room_tab_living.checkoutlate.active.selected {
	background-color: #f0ad4e;
	color: white;
	font-weight: bold;
}

.room_tab.room_tab_waiting.active.selected {
	background-color: #449D44;
	color: white;
	font-weight: bold;
}
.room_tab.room_tab_resting.active.selected {
	background-color: #5BC0DE;
	color: white;
	font-weight: bold;
}
.room_tab.room_tab_resting.inuse.active.selected {
	background-color: #7B449D;
	color: white;
	font-weight: bold;
}
.room_pane {
	padding: 5px;
}

/*被選擇時*/
.room_pane.room_pane_living.selected,.room_pane.room_pane_waiting.selected,.room_pane.room_pane_resting.selected
	{
	display: block;
	background-color: white;
	color: black;
}

/*有配房資料且被選擇時*/
.room_pane.room_pane_living.active.selected {
	display: block;
	background-color: #999999;
	color: black;
}

.room_pane.room_pane_living.checkout.active.selected {
	display: block;
	background-color: #337AB7;
	color: white;
}
.room_pane.room_pane_living.checkoutlate.active.selected {
	display: block;
	background-color: #f0ad4e;
	color: white;
}

.room_pane.room_pane_waiting.active.selected {
	display: block;
	background-color: #449D44;
	color: white;
}

.room_pane.room_pane_resting.active.selected {
	display: block;
	background-color: #5BC0DE;
	color: white;
}
.room_pane.room_pane_resting.inuse.active.selected {
	display: block;
	background-color: #7B449D;
	color: white;
}

.device-tool {
	padding: 0px;
	min-height: 100px;
/* 	height: 100px; */
}

.device-tool>div {
	padding: 0 0px 0 0px;
	display: inline-block;
}
.device-tool .status_label {
    width:100%;
}

.status_label p {
	margin : 0;
}

.device-tool>div>img {
	height: 40px;
}
.select_btn {
	font-size:16px;
	font-weight:bold;
	margin:5px;
}
.select_btn_onclick {
    background-color: #0089ff;
	color: #ffffff;
	border:0;
}
/* 選擇房間 */
.click_room{
    cursor:pointer;
}
.vis_hide_btn{
visibility:hidden;
}
.short_roombox {
	padding:5px 5px 0 ;
	font-size:16px !important;
}
.default_room_box {
	font-size:16px !important;
	height: 22px;
}
.booking_li {
	height: 20px;

}