/*----------- Common--------- */
body {margin: 0;}
#right
{
  float: right;
}
.txt14
{
    font-size: 14px;
}
.txt16
{
    font-size: 16px;
}
.txt18
{
    font-size: 18px;
}
a.home_trans
{
    text-decoration: none;
color: #656565;
}
.totaltrans
{
    background: #6E8496 0% 0% no-repeat padding-box;
border-radius: 8px;
opacity: 1;
width:100%;
height:100%;
color: #ffff;
}
.totaltran_inner
{
    padding-left: 15px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.color2
{
  color: #4E5D69;
  font-size: 14px;
}
.color1
{
    color: #656565;
}
.color4
{
    color: #4E5D69;
}
/* span
{
  color: #BF0000;
} */
b.txt28
{
    font-size: 28px;
}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
}
/*----------- Common--------- */
.card-body
{
    background-color: #EBEBEB;
}
.card
{
    border-style: none;
}
.color3
{
    color: #333333;
}
.booknow-btn a button
{
    background: #6E8496 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
    width: 100%;
height: 50px;
border-style: none;
color: #ffffff;
}
input[type=datetime-local]
{
  background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #D8D8D8;
border-radius: 4px;
opacity: 1;
width: 100%;
height: 40px;
padding: 5px;
}
input[type=number]
{
  background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #D8D8D8;
border-radius: 4px;
opacity: 1;
width: 100%;
height: 40px;
padding: 5px;
}
a.btn_search button[type=button]
{
  background: #6E8496 0% 0% no-repeat padding-box;
border-radius: 4px;
opacity: 1;
width: 100%;
height: 40px;
border-style: none;
color: #ffffff;
}
a.btn_manageroom button[type=button]
{
  background: #FFFFFF 0% 0% no-repeat padding-box !important;
border: 1px solid #6E8496;
border-radius: 4px;
opacity: 1;
width: 160px;
height: 40px;
color: #4E5D69 !important;
}
@media screen and (max-width: 800px) {
  .datetime
  {
    width: 100% !important;
  }
  input[type=number]
  {
    width: 100% !important;
  }
  a.btn_search button[type=button]
  {
    width: 100% !important;
  }
  a.btn_manageroom button[type=button]
  {
    width: 100% !important;
  }
}
@media screen and (max-width:1024px) {
  .btn_manage
  {
    width: 100% !important;
  }
}
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup-checkout{
  margin: 70px auto;
  padding: 20px;
  background: #ffff;
  position: relative;
  transition: all 2s ease-in-out;
  width: 700px;
height: 70%;
color: #4E5D69;
font-size: 14px;
overflow-y: scroll;
}
.popup-checkout::-webkit-scrollbar {
  display: none;
}
.popup-checkout .content {
  max-height:100%;
}

@media screen and (max-width: 700px) {
  .popup-checkout {
    width: 70%;
  }
}
a button[type=menu1]
{
  background: #6E8496;
  border-radius: 4px;
  opacity: 1;
  border: 1px solid #6E8496;
  width: 119px;
height: 40px;
color: #ffff;
}
a button[type=menu]
{
  border-style: 1px solid #6E8496;
  border-radius: 4px;
  background-color: #ffffff;
  opacity: 1;
  border: 1px solid #6E8496;
  width: 119px;
height: 40px;
color: #6E8496;
}
.pop_search_btn
{
  background: #6E8496 0% 0% no-repeat padding-box;
border-radius: 4px;
opacity: 1;
width: 100px;
height: 40px;
color: #FFFFFF;
border-style: none;
}
.user_detail
{
  width: 35%;
}
.pop_continue_btn
{
  background: #6E8496 0% 0% no-repeat padding-box;
border-radius: 4px;
opacity: 1;
color: #ffffff;
border-style: none;
width: 100%;
height: 40px;
}
.pop_cancel_btn
{
  background: #ffffff 0% 0% no-repeat padding-box;
border-radius: 4px;
opacity: 1;
color: #6E8496;
border: 1px solid #6E8496;
width: 100%;
height: 40px;
}
#right
{
  float: right;
}
.w-200{
  width: 200px !important;
}
.w-150{
 width: 150px !important;
}
.manageBtn, .manageBtn:hover{
  background: #FFFFFF 0% 0% no-repeat padding-box !important;
border: 1px solid #6E8496 !important;
border-radius: 4px;
opacity: 1;
width: 160px;
height: 40px;
color: #4E5D69 !important;
    text-decoration: none;
    text-align: justify;
    text-align: center;
    padding-top: 8px;
}
img.card-img-top {
    height: 500px;
}