@import './variables.less';
@import 'elements.less';


#center {
  width: 800px ;
  margin-left: auto ;
  margin-right: auto ;
}

tr.TotalAmountBox {
outline:thin solid;
}

tr.separator { height: 10px; }

th{
	padding:15px;
	margin:20px;
	}

.text-line {
    border: 0;
    outline: 0;
    background: transparent;
    border-bottom: 1px solid #797979;
    width: 2px;
}

.text-line:focus, .text-line:active{

  border-bottom: 1px solid #54a0d3 !important;
  transition : 1s ease-out;
}




.text-line-datepicker {
    border: 0;
    outline: 0;
    background: transparent;
    border-bottom: 1px solid #262626;
    width: 200px;
}

.hotel-carousel{
  float:'left';
  height:230px;
  width:200px;
}

.text-line-input {
    border: 0;
    outline: 0;
    background: transparent;
    border-bottom: 1px solid white;
    width: 2px;
}

tr.hoteldetails > td
{
  border: 1px solid black;
  padding:3px ;
  text-align: center;

}

ul.amenities > li
{
  float: left;
  padding-bottom: 8px;
}

.hotel-search{
  width: 100% !important;
}


@media (max-width:991px) {

.hotel-searchbutton{
  width: 100% ;
}
}

.hotel-sorting>li> a:active{
  padding-bottom: 10px;
  border-bottom: 2px solid blue;
}

@media (min-width: 451px) and (max-width:1500px){
.distance > div{
  display: none ;
}
}
