body {
  font-size: .875rem;
  font-family: "poppins";
}

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}
header,nav,.toolbar{
  background: #fff!important;
}
/*
 * Sidebar
 */
.toolbar{
  height: 4rem;
  display: inline-table;
  width: 100%;
}
.toolbar .title{
  height: 100%;
    /* display: block; */
    line-height: 4rem;
    /* padding-left: 1rem; */
    font-size: 120%;
    font-weight: 500;
}
.toolbar select,.room_tabs select{
  font-size: .9em;
  font-weight: 400;
  line-height: 1;
  color: #5A607F;
  line-height: 1.7;
  width: inherit;
  height: 2.4rem;
  border-color: #ced4da;
  border-radius: 0.25rem;
  padding-left: .5rem;
}
  .toolbar .right{
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    /* background: red; */
    right: 0;
    top: 0;
    bottom: 0;
    position: relative;
    text-align: right;
  }
  .toolbar a, .toolbar button{
    font-size: 14px;
    font-weight: 400;
  }
.sidebar {
  position: fixed;
  top: 0;
  /* rtl:raw:
  right: 0;
  */
  bottom: 0;
  /* rtl:remove */
  left: 0;
  z-index: 100; /* Behind the navbar */
  padding: 48px 0 0; /* Height of navbar */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
  width: 12rem;
  max-width: 12rem;
}

/* @media (max-width: 767.98px) {
  .sidebar {
    top: 5rem;
  }
} */

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.sidebar .nav-link {
  font-weight: 500;
  color: #333;

}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #727272;
}

.sidebar .nav-link.active {
  color: #007bff;
  background-color: #F4F7FC;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}

/*
 * Navbar
 */
main{
  position: fixed !important;
    top: 0rem;
    left: 12rem;
    bottom: 0;
    overflow-y: auto;
}
.navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: 1rem;
}

.navbar .navbar-toggler {
  top: .25rem;
  right: 1rem;
}

.navbar .form-control {
  padding: .75rem 1rem;
  border-width: 0;
  border-radius: 0;
}

.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}
.content-data{
  background-color: #fff;
  padding: 1rem;
}
th{
  font-weight: 600;
}
.dsp-tbc{
  display: table-cell;
}
form .title{
  font-size: 1rem;
  display: block;
  font-weight: 500;
}
.tab_head{
  background-color: #fff;
  color: #000;
  border-radius: 5px;
  height: 2rem;
  line-height: 2rem;
  padding: .5rem 1rem;
  text-decoration: none;
  border:1px solid #A1A7C4;
}
.tab_head.current{
  background-color: #0F58FB;
  color: #fff;
  border:1px solid #0F58FB;
}
.tab_head.left{
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-right: -.4rem;
}
.tab_head.right{
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.form-row *{
  /* display: inline-block !important; */
}
.tabs{
  display: none;
}
.tabs.current{
  display: block;
}
.fsz_smaller{
  font-size: smaller;
}
.thead-dark{
  background-color: #000;
  color: #fff;
}
.brd-r-light{
  border-right: 1px solid #fff;
}
.brd-r-grey{
  border-right: 1px solid #b1aeae;
}
.wd-3rem{
  width: 3rem !important;
}
.wd-4rem{
  width: 4rem !important;
}
.wd-5rem{
  width: 5rem !important;
}
.wd-7rem{
  width: 7rem !important;
}
/* Firefox */
input[type=number].no-arrows{
  -moz-appearance: textfield!important;
  -webkit-appearance: none!important;
  margin: 0!important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.fw-500{font-weight:500!important}
main{
  font-size: 14px !important;
  font-weight: 200 !important;
}
.occupant{
    border: 1px solid #ced4da;
    border-radius: 5px;
    padding: .5rem;
    /* width: 9rem; */
    max-width: 10rem;
    min-width: 8rem;
}
.occupant .form-group{
  width: 100%;
}
.occupant .form-group label{
  padding-left: 0;
}
.modal-body{
  max-height: 25rem;
    overflow-y: auto;
}
.font-weight-500{
  font-weight: 500;
}
.room_select{
  width: 20rem;
  min-height: 2.4rem;
  border:1px solid #D7DBEC;
  border-radius: 5px;
  /* overflow: hidden; */
  cursor: pointer;
  /* display: table-row !important; */
  padding: .375rem .75rem;
}
.gray-border{
  border-color: var(--bs-gray-border);
}
.color-gray{
  color: #7E84A3;
}
.font-weight-bold{
  font-weight: bold;
}
.room_select .left{
  /* width: 18rem; */
  height: 100%;
  display: table-cell !important;
  /* background: green; */
}
.room_select .right{
  width: 2rem;
  height: 100%;
  display: table-cell !important;
  /* background: burlywood; */
  text-align: right;
  vertical-align: middle;
}
.room_select label{
  font-weight: 500;
  color: #7E84A3;
}
.room_select .content{
  font-weight: 500;
  color: #7E84A3;
  font-size: .9rem;
  text-overflow: ellipsis;
  width: 17rem;
  height: 1rem;
  white-space: nowrap;
  overflow: hidden;
}
.room_select .icon{
  width: .8rem;
  height: 1rem;
  /* background: red; */
  /* float: right; */
  background-image:url("/images/down-arrow.svg");
    background-repeat: no-repeat;
}
.room_select_popup{
  color: #7E84A3;
  width: 20rem;
  min-height: 2.4rem;
  border:1px solid #D7DBEC;
  border-radius: 5px;
  /* overflow: hidden; */
  cursor: pointer;
  /* display: table-row !important; */
  padding: .375rem .75rem;
}
.room_select_popup .line{
  /* display: table-row !important; */
  display: block !important;
  margin: .5rem auto;
}
.room_select_popup .line button{
  display: table-cell;
  margin-right: .3rem;
}
.room_select_popup .line label{
  width: 13rem;
}


.room_select_popup .line button.minus{
  /* border-radius: 50%;
    border: 2px solid;
    width: 1.3rem;
    text-align: center;
    line-height: 1rem;
    font-weight: bold; */
    background-image: url("/images/minus.png");
}
.room_select_popup .line button.plus{
  background-image: url("/images/plus.png");
}
.room_select_popup .line button.minus, .room_select_popup .line button.plus{
  width: 1rem;
  height: 1rem;
  background-color: transparent;
  border: none;
  background-position: center;
  background-size: cover;
}
.room_select_popup .line.bottom{
  display: block !important;
  margin: 1rem -.75rem -.375rem;
}
.room_select_popup .line .btm_btn{
  background-color:var(--bs-primary);
  height: 2rem;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 100%;
  border: none;
  color: #fff;
  line-height: 1.5rem;
  font-size: inherit;
}
.room_select_popup .line .room_count{
  width: 1rem;
  color: #000;
}
.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

/*
 * Sidebar
 */

/* .sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  padding: 0;
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
} */

.sidebar-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 48px; /* Height of navbar */
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #999;
}

.sidebar .nav-link.active {
  color: #007bff !important;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}

/*
 * Navbar
 */

.navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: 1rem;
  /* background-color: rgba(0, 0, 0, .25);
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25); */
}

.navbar .form-control {
  padding: .75rem 1rem;
  border-width: 0;
  border-radius: 0;
}

.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}

/*
 * Utilities
 */

.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }
.hotel-preview{
    min-height: 10rem;
    border: 1px solid #E1E4F1;
    border-radius: 10px;
    display: flex;
    margin-top: 1rem;
    align-items: center;
}
.hotel-preview icon,.img-icon{
    float: left;
    /* height: 10rem; */
    width: 10rem;
    /* background: red; */
    vertical-align: middle;
    text-align: center;
}
.hotel-preview .data{
    background: #F5F6FA;
    /* width: 100%; */
    padding: 1rem .5rem 0;
    padding-left: .5rem;
    padding-right: .5rem;
    height: 10rem;
    flex-grow: 1;
    display: table;
}
.hotel-preview .data .line{
  display: table-row;
}
.hotel-preview .data .line .name_star, .hotel-preview .data .line .arrg,.price_div{
  display: table-cell;
  min-width: 20rem;
}
.hotel-preview .data .line .name_star .name{
    min-width: 10rem;
    display: inline-block;
    font-size: 120%;
    font-weight: 700;
}
.hotel-preview .data .line .name_star .sub_name{
  display: block;
  color: #a7a7a7;
}
.hotel-preview .data .line .name_star .star{
  background: url("/images/star.png");
  width: 1rem;
  height: 1rem;
  display: inline-block;
  background-size: contain;
}
.stars_container{
  display: inline-block;
}
.price_div{
    vertical-align: bottom;
    text-align: right;
    padding-bottom: 1rem;
}
.price_div span{
  display: block;
}
span.price{
    color: #28a745;
    font-size: 1.5rem;
    font-weight: 600;
}
.price_div button{
  padding: 0.25rem 1.5rem;
}
.tab-pane{
  padding: 1rem 0;
}
.no-wrap{
  white-space: nowrap;
}
.fw-nowrap{
  flex-wrap: nowrap;
}
.d-inltble{
display: inline-table;
}
.select-wrap{
  width: 5rem;
    display: inline-block;
}
.pd-left-0{
  padding-left: 0;
}
.ws-no-wrap{
  white-space:nowrap;
}
.d-none{
  display: none !important;
}
.form-div{
  height: 3rem;
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.form-select{display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:#e9ecef}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #212529}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}
.width-1rem{
  width: 1rem !important;
}
.width-4rem{
  width: 4rem !important;
}
.width-20{
  width: 20% !important;
}
.width-25{
  width: 25% !important;
}
.width-30{
  width: 30% !important;
}
.width-35{
  width: 35% !important;
}
.width-100{
  width: 100% !important;
}
.img-icon{
  
}
.pt-4rem{
  padding-top: 4rem !important;
}
.price{
  text-align: right;
  justify-content: flex-end;
  /* margin-top: -1rem; */
}
.price .number{
  text-align: left;
  padding-left: 0;
}
.text-align-center{
  text-align:center;
}
.display-inline{
  display: inline;
}
nav.bg-dark a{
  color: #fff !important;
}
.occupant select, .occupant input{
  width: inherit !important;
}
.kduyf{
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
}
.kduyf label{
  margin-bottom: 0;
}
.td-first,.td-first:hover{
  background: #fff !important;
}