*{
	/*text-shadow:initial;*/
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial, sans-serif,"新細明體";	/*color:#603528;*/
}
body{
  background-color: transparent;
}
.app-body{
  /*margin-top: 34px!important;*/
}
.visitor-checkin-body{
  margin-top:0!important;
}
.sidebar {
    /*display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    color: #fff;*/
    background: #2f353a;
}

.sidebar .nav-link .nav-icon, .sidebar .navbar .dropdown-toggle i, .navbar .sidebar .dropdown-toggle i {
  font-size: 1.2em;
}
.sidebar .nav-link{
    padding: 0.2rem 1rem;
}
.sidebar .nav-link.active {
    color: #fff;
    background: #585e63;
}

.sidebar .nav-title {
    padding: 0.35rem 1rem;
}




.app-header{
    /*background-color: #1fc8db;*/
    /*background-image: linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);*/
    /*opacity: 0.95;*/
}

.app-header.navbar .navbar-brand {
    /*display: inline-block;*/
    /*width: 155px;*/
    /*height: 55px;*/
    padding: 0.5rem 1rem;
    /*margin-right: 0;*/
    /*background-color: #fff;*/
    background-image: url("/assets/img/logo.png");
    /*background-image: url("../img/logo_white.png");*/
    /*background-repeat: no-repeat;*/
    background-position: center center;
    /*background-size: 70px auto;*/
    background-size: 180px auto;
    /*border-bottom: 1px solid #a4b7c1; */
}
.app-header .navbar-toggler-icon {
  /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23ffffff' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");*/
}


/******************************
admin auth
*******************************/
.card-auth{
  margin-bottom: 0.8rem;
}
.form-group {
    margin-bottom: 0.5rem;
}

/*******************************/

.list-group-item {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

@media (min-width: 1200px){
    .modal-xl {
        max-width: 1140px;
    }
}
/******************************
footer
*******************************/
.app-footer{
  margin-top:3em;
}
/*******************************/

/******************************
hotels
*******************************/
.btn-price-xs{
    padding:0 0.2rem;
/*    font-size:0.15rem;*/
}