.navbar{
	color: #fff;
	background-color: #003a60;
}
.allHotels{
	padding-top: 2%;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 14px;
}
.tabs-sl{
	padding-top: 5%;
}
tr.bg-cl.even{
	background-color: rgba(158, 158, 158, 0.16);
}

.col-md-3.type-rsv-act {
  display: block;
  width: 20%;
}
.fr , .to{
	padding-right: 0px;
	padding-left: 0px
}
.txt-lb {
  padding: 0px;
}
label.lb-to{
	padding: 5px 3px;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 14px;
}
.optional{
	margin: auto;
}

.view-width{
	width: 85vw;
}

.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}

.dt-list tfoot th input{
  width:80%;
}

/*################### Reservation Lobby #################*/

a.disabled {
  pointer-events: none;
  cursor: default;
}

.check-box{
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.btn-search {
  padding-top: 85px;
  margin-left: 5em;
}

.search-book-his-btn input{
  background: linear-gradient(to bottom left, #0099ff 0%, #00488f 100%);
}

div.booking-list table.dataTable th {
  padding-left: 0px;
}

div.booking-list table.dataTable tbody td {
  padding-left: 0px;
}

div.booking-list table.dataTable tbody td {
  padding-left: 0px;
}

table.table-book-reser.dataTable.no-footer {
  display: block;
  width: 100%;
}
thead.heading-book-reser {
  background: #FFF;
  font-weight: bold;
  border-bottom: solid 1px;
  font-size: 12px;
  text-align: center;
}
table.table-book-reser tbody select.form-control {
  width: 7em;
}
tr.row-set-booking-view{
  /*padding-top: 10px;*/
  font-size: 12px;
}
tr.row-set-booking-view.even {
  background-color: rgba(158, 158, 158, 0.16);
}
table.table-book-reser tbody td{
  text-align: center;
}
table.table-book-reser tbody td .copy-below a{
  text-align: left;
}
table.table-book-reser tbody td.cell-res-bookdate{
  text-align: center;
}
table.table-book-reser tbody td.cell-res-hname{
  text-align: left;
}
table.table-book-reser tbody td.cell-res-des{
  text-align: left;
}
table.table-book-reser tbody td.cell-res-bookdatet{
  width: 7em;
}
table.table-book-reser tbody td.cell-res-ck-in{
  width: 8em;
}
table.table-book-reser tbody td.cell-res-ck-out{
  width: 8em;
}
table.table-book-reser tbody td.cell-res-no-pri{
  text-align: right;
}
table.table-book-reser tbody .cell-res-comment input{
  width: 15em;
}
table.table-book-reser tbody td.cell-res-st-book-mkt {
  text-align:left;
}
table.table-book-reser tbody td.cell-res-st-book-acc {
  text-align:left;
}

/*################ Reservation Gen Link Payment################*/

table.table-book-reser tbody td.cell-res-glpm-st-book-mkt {
  text-align:left;
}
table.table-book-reser tbody td.cell-res-glpm-bookdate{
  text-align: center;
}
table.table-book-reser tbody td.cell-res-glpm-booknum{
  text-align: left;
}
table.table-book-reser tbody td.cell-res-glpm-hname{
  text-align: left;
}
table.table-book-reser tbody td.cell-res-glpm-des{
  text-align: left;
}
table.table-book-reser tbody td.cell-res-glpm-title{
  text-align: left;
}
table.table-book-reser tbody td.cell-res-glpm-no-pri{
  text-align: right;
}
table.table-book-reser tbody td.cell-res-glpm-st-book-acc {
  text-align:left;
}
table.table-book-reser tbody select.form-control {
  width: 7em;
}

table.table-book-reser.dataTable.no-footer {
  display: block;
  width: 100%;
}

.btn-lobby-reser {
    float: right;
    /* display: flex; */
    flex-direction: row;
    padding-top: 30px;
    padding-left: 0;
    padding-bottom: 25px;
}

/*################### Transfer Account #################*/

table.dataTable tbody tr.strip1 {
  background-color: white;
}
table.dataTable tbody tr.strip2 {
  background-color: lavender;
}
.table-container {
  padding-left: 30px;
  padding-right:30px;
}

/*################### Register History #################*/

tr.regis-hotel-list:nth-child(even){
  background-color: rgba(158, 158, 158, 0.16);
}

/*################### Booking History #################*/

tr.body-booking-data:nth-child(even){
  background-color: #d4d4d4;
}

.list-items-booking{
  list-style: none;
  margin: 0;
  padding: 0;
}

.top-box-book {
  display: flex;
  flex-direction: column;
}

.top-box-book .bengine-content {
    width: 100%;
}
/* 
.top-box-book .booking-report {
    width: 100%;
} */

.booking-report {
  display: flex;
  justify-content: center;
  margin: 50px 0;
}

.box-search-booking {
  color: #FFF;
  width: 100%;
  border: solid 2px #d1d3d4;
  margin: 0 0 25px 0;
  padding: 10px 10px;
  /* background-color: #013a60; */
  background: linear-gradient(to bottom left, #013a60 0%, #036ead 100%);
  border-radius: 10px;
  margin: 10px 0 0 0;
}

.re-admin {
  height: 45px;
}

.point-input{
 display: flex;
}

.point-input .input-number{
  width: 30%;
  margin: 0 5px 0 40px;
}

/*##### list ####*/

/* ########## Booking History ################ */

.content-panel-toggle-admin {
  margin: 0;
  padding: 0 45px;
  top: 0;
  display: inline-block;
  width: 100%;
  border: solid 1px #d1d3d4;
}

.content-panel-toggle-admin .content-from {
  width: 45%;
  float: left;
}


.nav-tabs>li>a {
  background-color: #dddddd;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus, 
.nav-tabs>li.active>a:hover{
  background: #013a60;
  color: #FFF;
}

/* ########## ADMIN ########## */

.user_data_box{
  background: #d2d2d2;
  border: solid 5px #d2d2d2;
  font-size: 12px;
  font-weight: normal;
}

tr.user_data_list:nth-child(even){
  background-color: #dddddd;
}


/* ########## Repost Booking ########## */


/* #### Navbar Repost Booking ####  */

.navbar-booking-report {
  display: flex;
  justify-content: flex-end;
}

.navbar-booking-btn-lobby{
  margin-top: 12px ;
  float: right;
  background-color: #ddd; 
  color: #000;
}

.navbar-booking-btn-logout{
  margin-top: 12px;    
  margin-left: 25px; 
  float: right;
  background-color: #ddd; 
  color: #000;
}

/* #### Navbar Repost Booking ####  */

.search-book-his-box {

}

.search-book-his-input{
  display: flex;
  flex-direction: column;
  margin: 0 0 15px 0;
}

.search-book-his-btn{
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 10px 0;
}

.search-book-his {
  width: 80%;
  margin: 0 0 0 45px;
}

.hotel-booking-ck {
  width: 100%;
  height: 700px;
  overflow: scroll;
}

.title-toggle {
  color: #000000;
  box-sizing: border-box;
  padding: 0.5em;
  cursor: pointer;
  font-weight: normal;
  font-size: 12px;
}

li.body-booking-data:nth-child(even) {
  background: #dddddd;
}

.active .title-toggle {
  color: #fff;
  background-color: #003a60;
  border: 1px solid #003a60;
}

.top-box-book {
  background: #f2f2f2;
}

.point-show-total {
  /* border: solid 2px #013a60; */
}

.point-show-total .admin_total_table {
  border: solid 2px #5f5f5f;
  font-size: 12px;
  width: 100%;
  margin: 10px 0 0 0;
  /* float: right; */
  /* margin: 15px 0; */
}

.point-show-total .admin_total_header{
  /* background: #545454; */
  color: #FFF;
  background: linear-gradient(to bottom left, #545454 0%, #a2a2a2 100%);
}

.point-show-total .admin_total_tbody .a_t_tbody_1 {
  text-align: left;
}

.point-show-total .admin_total_tbody .a_t_tbody_2 {
  text-align: center;
}



/* ########## Repost Booking ########## */


/* ########## Booking History ################ */

@media (max-width: 1200px){

  .btn-search {
    padding-top: 20px;
    margin-left: 0em;
    display: flex;
    flex-direction: column;
  }

  .btn-search div{
    margin: 0 0 10px 0px;
  }

}

@media (max-width: 1024px){

  /* ########## ADMIN LOGIN ################ */

  .mobile-control {
    padding: 0 15px 0 15px;
  }

  .tabs-sl{
      display: flex;
      flex-direction: column;
  }

  .tab-content {
    margin: 25px 0 0 0;
    border: solid 2px #ddd;
  }

  .optional.row {
    flex-direction: column;
  }

  .btn-search {
    padding-top: 5px;
    margin-left: -38px;
  }

  .btn-search div{
    margin: 0 0 10px 0px;
  }
  
  /* ########## ADMIN LOGIN ################ */

}

@media (max-width: 768px){

  /* ########## ADMIN LOGIN ################ */

  .mobile-control {
    padding: 0 15px 0 15px;
  }

  .tabs-sl{
      display: flex;
      flex-direction: column;
  }

  .tab-content {
    margin: 25px 0 0 0;
    border: solid 2px #ddd;
  }

  .btn-search {
    padding-top: 85px;
    margin-left: 0;
    flex-direction: row;
  }
  

  /* ########## ADMIN LOGIN ################ */

  /* ########## ADMIN MANAGER ################ */
  
  .admin-manager-mobile {
    display: flex;
    flex-direction: column;
  }

  .user_data_box {
    margin: 20px 0 0 0;
  }
  
  /* ########## ADMIN MANAGER ################ */

   /* ########## BOOKING REPORT ################ */

  /* #### Navbar Repost Booking ####  */

  .navbar-booking-report {
    flex-direction: row;
    margin: 12px 0 15px 0;
  }
  /* #### Navbar Repost Booking ####  */

  /* ######## Repost Booking ########  */

  .mobile-report{
    flex-direction: column;
  }

  .box-search-booking {
    margin: 25px 0 0 0;
  }

  .search-book-his {
    width: 100%;
    margin: 0 0 0 0;
  }

  .content-panel-toggle-admin {
  }

  .content-panel-toggle-admin .content-from {
    width: 100%;
  }

  .point-input {
    flex-direction: column;
  }
  
  .point-input .input-number {
    width: 60%;
    margin: 5px 5px 10px 40px;
  }

  .top-box-book {
    margin: 20px 0 0 0;
  }
  

  /* ######## Repost Booking ########  */

  /* ########## BOOKING REPORT ################ */

}

@media (max-width: 480px){

  /* ########## ADMIN LOGIN ################ */

  .mobile-control {
    padding: 0 15px 0 15px;
  }

  .tabs-sl{
      display: flex;
      flex-direction: column;
  }

  .nav-tabs>li>a {
    background-color: #dddddd;
  }

  .nav-tabs>li.active>a,
  .nav-tabs>li.active>a:focus, 
  .nav-tabs>li.active>a:hover{
    background: #013a60;
    color: #FFF;
  }

  .tab-content {
    margin: 25px 0 0 0;
    border: solid 2px #ddd;
  }

  .optional.row {
    flex-direction: column;
  }

  .btn-search {
    padding-top: 85px;
    margin-left: -38px;
    display: flex;
    flex-direction: row;
  }
  

  /* ########## ADMIN LOGIN ################ */

  /* ########## ADMIN MANAGER ################ */

  .admin-manager-mobile {
    display: flex;
    flex-direction: column;
  }

  .user_data_box {
    margin: 20px 0 0 0;
  }
  
  /* ########## ADMIN MANAGER ################ */

 /* ########## BOOKING REPORT ################ */

  /* #### Navbar Repost Booking ####  */

  .navbar-booking-report {
    flex-direction: column;
    margin: 12px 0 15px 0;
  }
  /* #### Navbar Repost Booking ####  */

  /* ######## Repost Booking ########  */

  .mobile-report{
    flex-direction: column;
  }

  .box-search-booking {
    margin: 25px 0 0 0;
  }

  .search-book-his {
    width: 100%;
    margin: 0 0 0 0;
  }

  .content-panel-toggle-admin {
  }

  .content-panel-toggle-admin .content-from {
    width: 100%;
  }

  .point-input {
    flex-direction: column;
  }
  
  .point-input .input-number {
    width: 60%;
    margin: 5px 5px 10px 40px;
  }
  

  /* ######## Repost Booking ########  */

  /* ########## BOOKING REPORT ################ */

}

@media (max-width: 320px){

  /* ########## ADMIN LOGIN ################ */

  .mobile-control {
    padding: 0 15px 0 15px;
  }

  .tabs-sl{
      display: flex;
      flex-direction: column;
  }

  .tab-content {
    margin: 25px 0 0 0;
    border: solid 2px #ddd;
  }

  .optional.row {
    flex-direction: column;
  }

  .btn-search {
    padding-top: 85px;
    margin-left: -38px;
    display: flex;
    flex-direction: row;
  }
  

  /* ########## ADMIN LOGIN ################ */

  /* ########## ADMIN MANAGER ################ */

  .admin-manager-mobile {
    display: flex;
    flex-direction: column;
  }

  .user_data_box {
    margin: 20px 0 0 0;
  }
  
  /* ########## ADMIN MANAGER ################ */

  /* ########## BOOKING REPORT ################ */

  /* #### Navbar Repost Booking ####  */

  .navbar-booking-report {
    flex-direction: column;
    margin: 12px 0 15px 0;
  }
  /* #### Navbar Repost Booking ####  */

  /* ######## Repost Booking ########  */

  .mobile-report{
    flex-direction: column;
  }

  .box-search-booking {
    margin: 25px 0 0 0;
  }

  .search-book-his {
    width: 100%;
    margin: 0 0 0 0;
  }

  .content-panel-toggle-admin {
  }

  .content-panel-toggle-admin .content-from {
    width: 100%;
  }

  .point-input {
    flex-direction: column;
  }
  
  .point-input .input-number {
    width: 60%;
    margin: 5px 5px 10px 40px;
  }
  

  /* ######## Repost Booking ########  */

  /* ########## BOOKING REPORT ################ */

  .mobile-report{
    display: flex;
    flex-direction: column;
  }

}

tr.row-data-cashback.even {
  background-color: rgba(158, 158, 158, 0.16);
}

tr.row-data-cashback td {
  text-align: center;
}