html {
  scroll-behavior:auto!important;
}
p {
	margin-bottom:0.6rem;
}
body
{
  background-color: #fff;
}
@media screen and (min-width: 990px) and (max-width: 1200px) {
  /* Apply padding-right of 1rem within this range */
  .col-lg-3.col-calendar{
  	width:0%;
  }
  .col-lg-7.col-calendar{
  	width:55%;
  }
  .col-lg-2.col-calendar{
  	width:23%;
  }
}
@media (max-width: 770px) {
    .bi-arrow-right-circle {
        display: none;
    }
}
.table-accomdetails > tbody > tr > th, .table-accomdetails > tbody > tr > th > span {
	font-weight:400;
}
.container-abode {
    background-color: #fff;
    margin-top:0rem;
    margin-bottom:3rem;
    padding: 1rem 2rem 4rem 2rem;
    border-radius:4px;
}
.margin-none{
    margin-top:-5rem;
}
.navbar-dark {
    text-align: center;
    background-color: #fff;
    padding: 15px 40px 15px 40px;
}
.table-success {
    font-size: 1rem;
}
.table-warning {
    font-size: 1rem;
}
.table-danger {
    font-size: 1rem;
}
.form-control-mobiscroll.form-control[readonly] {
    cursor: pointer;
    background-color: #fff;
}
.body-iframe .navbar{
    background-color: #fff;
}
@media only screen and (max-width: 600px) {
    .container {
        padding: 1rem 0.5rem 4rem 0.5rem;
    }
}
.navbar-light{
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.24);
}
@media only screen and (min-width: 990px) {
	.form-control-quantity-table{
    min-width:89px;
    height:24px;
    font-size: 14px;
    padding-left:3px;
	}
}	
@media (min-width: 992px){
    .ellipsis{
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;   
    }
    .ellipsis:hover{
        white-space: normal;  
    }   
}
.col-lg-3 td{
    max-width: 100px!important;
}
@media (max-width: 991px){
    .hidden-mobile{
        display:none;
    }
    .hidden-desktop + td + td{
        padding-right:0px!important;
    }
    .hidden-desktop + td + td + td{
        padding-left:0px!important;
    }
    .hidden-desktop{
    	padding:0px!important;
    }
}
@media (min-width: 990px){
    .hidden-desktop{
        display:none;
    }
}
@media (min-width: 1200px){
    .margin{
        padding-left:14px!important;
    }
}
.hidden-desktop{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
    max-width:100px!important;
}
.max-width{
    max-width:160px!important;
}   
.min-width-45{
    min-width: 45px!important;
    max-width: fit-content;
}
.max-width-45{
    min-width: 0px;
}
.custom-color{
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.custom-color:hover, .custom-color:active{
    background-color: #EEEEEE;
    border-color: #ccc;
    color: #333;
}
.width-88{
    width:78px!important;
    white-space: nowrap;
}
.shrink{
    width:fit-content!important;
    max-width:80px;
}
.width-content{
    width: fit-content;
    min-width: 0px!important;
    max-width: 1000px!important;
}
.width{
    width: fit-content;
    min-width: 0px!important;
    max-width: 150px!important;
}
.progress{
    height: 4px;
}
.progress-bar{
    box-shadow: none;
}
select.custom-color{
    width:86px; 
    padding:1px; 
    border:none;
}
span.custom-color{
    padding: 0px;
}
.table-bordered > :not(caption) > *{
    border:none;
}
.padding{
    padding:0px!important;
}
.col-lg-3 td:nth-last-of-type(2) {
  border-right: none;
}
.ellipsis.max-width{
    border-right:none;
}
input.form-control-width-input{
    width:70% !important;
}
@media (max-width: 576px){
 select.form-control-width-select{
    width:100% !important;
    border-radius: 0.375rem!important;
}

input.form-control-width-input{
    width:100% !important;
    border-radius: 0.375rem!important;
}  
}
.mb-3 > .row {
    border: none;
    box-shadow: none;
    border-color: transparent;
}
.table-accomdetails tr{
    border-bottom-width: 0px;
}
.margin-top-3{
    margin-top: 3rem;
}
select.form-select:focus {
  outline: none;
  box-shadow: none;
  border-color: #80bdff;
}
.ellipsis-overflow{
	overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width:80%;
  margin-right:auto;
}
@media (max-width: 991px){
	.border-row{
	border:1px solid #eee;
	border-radius: 4px;
	margin-bottom:20px;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
	} 
	.border-row > .row{
	border:none;
	box-shadow: none;
	margin-bottom:5px;
	} 
}
.container-navbar-bottom{
	padding: 5px 40px 5px 40px;
}
.carousel-control-next {
  background: linear-gradient(to right, transparent, lightgrey)
}
@media (min-width: 991px) and (max-width: 1200px) {
  .calendar-body {
    margin-right: 6rem;
  }
}
@media (min-width: 991px){
	.calendar-body {
    padding-right:2rem!important;
  }
}    
@media (max-width: 767px) {
  .no-card-mobile {
    background: none;
    border: none;
    box-shadow: none;
    padding: 0;
  }
}
.rotate-180 {
  transform: rotate(180deg);
  transition: transform 0.15s ease;
}
.rotate-0 {
  transform: rotate(0deg);
  transition: transform 0.15s ease;
}
@media print {
  .no-print {
    display: none !important;
  }
  .show-print{
  	display:block!important;
  }
}
.hide {
  display: none;
}
/*for sales page*/
.cart-item {
  border-bottom: 1px solid #ccc;
  padding: 10px;
}
.chat-icon {
  z-index: 9999;
  position: fixed;
  bottom: 10px;
  right: 20px;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #007bff;
  color: #fff;
  text-align: center;
  line-height: 3rem;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.chat-icon:hover {
  transform: scale(1.1);
}
@media only screen and (max-width: 990px) {
  .table-bordered.mobile-table {
    margin-bottom: 0.5rem!important;
  }
	.col-lg-3.col-calendar{
		max-width:none;
	}
}
.hidden-desktop{
	height: 35px;
  vertical-align: middle;
  font-weight:700!important;
}
.grecaptcha-badge {
    visibility: hidden;
}	
/*stripe errors*/
.error-body{
	border: 1px solid #f1aeb5!important;
	box-shadow: 0 0 0 0.2rem rgba(255, 77, 77, 0.75);
}
.error-wiggle {
  animation: error-wiggle 400ms;
}

@keyframes error-wiggle {
  0%    {margin-left: 3px;}
  10%   {margin-left: -3px;}
  20%   {margin-left: 3px;}
  30%   {margin-left: -3px;}
  40%   {margin-left: 3px;}
  50%   {margin-left: -3px;}
  60%   {margin-left: 3px;}
  70%   {margin-left: -3px;}
  80%   {margin-left: 3px;}
  90%   {margin-left: -3px;}
  100%  {margin-left: 0px;}
}