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


span.filter-arrow select:hover,span.filter-arrow select:focus{
    -webkit-appearance: menulist !important;
    border-color: inherit !important;
    box-shadow: none !important;
    outline: none !important;
}

.pad-L{
  padding-left: 0;
}

.form-pay{
    height: 34px;
    width: 100%;
    border: 1px solid #C4C4C4;
    border-radius: 4px;
    padding: 5px 10px !important;
}

.pad-R{
  padding-right: 0 !important;
}

input[type="number"]:hover,input[type="number"]:focus{
    -webkit-appearance: none !important;
    -webkit-rtl-ordering: none !important;
    -webkit-user-select: none !important;
}

.asterik {
    color: #D02025;
    font-size: 11px;
    padding-left: 2px;
}

.font-inline .exchange{
  margin-top: 25px !important;
}

.col-sm-10 div.btn-group button.active{
  background-color: #286090;
  color: white;
  border-color: #2e6da4;
}

.btn-min,.btn-min:focus,.btn-min:hover{
  background-color: #3A5FB6;
  color: #ffffff !important;
}

.react-autosuggest input{
  width: 100% !important;
}

.mob-rotate{
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  padding: 0 ;
  left: 0;
}

.has-feedback .form-control:focus, .has-feedback.form-control:active{
  box-shadow: none !important;
  border-bottom: 2px solid #54a0d3 !important;
}

.form-inline{
  display: inline;
}

@media (min-width: 735px) and (max-width: 767px) {
  .mob-height{
    height: 640px;
  }
}

@media (max-width: 767px) {
  .seat-mob{
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    padding: 0;
    top: 75px;
    right: 80px;
    width: 450px;
  }
  .mob-margin{
    margin-left: 75px;
  }
}

@media (min-width:400px) and (max-width: 485px) {
  .seat-mob{
    right: 70px;
  }
}

@media (min-width:310px) and (max-width: 485px) {
  .side-mob{
    top: 200px;
    width: 100% !important;
  }
  .mob-height{
    height: 880px;
  }
  .seat-mob{
    right: 90px;
  }
  .mob-margin{
    margin-left: 25px;
  }
  .fare-details h5{
    margin-left: 70px;
  }
}

@media (min-width:486px) and (max-width: 520px) {
  .side-mob{
    bottom: 230px;
    left: 270px;
    font-size: 10px !important;
  }
  .mob-margin{
    margin-left: 50px;
  }
  .seat-mob{
    right: 100px;
  }
}

@media (min-width:521px) and (max-width: 620px) {
  .side-mob{
    bottom: 230px;
    left: 300px;
  }
  .mob-margin{
    margin-left: 50px;
  }
  .seat-mob{
    right: 100px;
  }
}

@media (min-width:621px) and (max-width: 734px) {
  .side-mob{
    bottom: 230px;
    left: 370px;
  }
  .mob-margin{
    margin-left: 50px;
  }
  .seat-mob{
    right: 80px;
  }
}


@media (min-width:320px) and (max-width:420px) {
  .fare-font{
    font-size: 10px;
  }
}


@media (min-width:470px) and (max-width:600px) {
  .mob-rotate{
    bottom: 10px;
  }
}

@media (min-width:600px) and (max-width:768px) {
  .mob-rotate{
    bottom: 25px;
  }
}

@media (min-width:768px) and (max-width:980px) {
  .exchange{
    left: 0 !important;
  }
}

@media (min-width:980px) and (max-width:1210px) {
  .exchange{
    left: 10 !important;
  }
}

@media (min-width:768px) and (max-width: 1199px) {
  .pay-font{
    font-size: 11px !important;
  }
  .bus-form-desk p.all{
    font-size: 13px !important;
  }
  a.plans{
    font-size: 8px !important;
    font-weight: 900;
  }
}

.pad{
    padding: 0 !important;
}

.lab-pad{
    padding-top: 8px !important;
}

.booking-details{
  p{
  font-size: 12px;
  font-weight: 700;
  }
  .bg-color{
    background-color: #eee;
  }
}

.bus-form-mob{
  h1{
    font-size: 14px;
    font-weight: 600;
  }
  p{
    font-size: 14px;
  }
  p.time-dur{
    font-size: 18px;
    font-weight: 700;
  }
  p.price{
    color: #3A5FB6;
    font-weight: 700;
    margin-top: 10px;
  }
}

.bus-form-desk{
  p.time-dur{
  font-size: 14px;
  }
  p.all,h1{
    font-size: 18px;
    font-weight: 700;
  }
  h1{
    margin-top: 0;
  }
  span.diff-fare{
    font-size: 12px;
    font-weight: 600;
  }
  margin: 15px -15px;
}

.bus-bordingpoint-desk{
  .help-block{
    color: #ef3d47;
    display: none;
  }
}

.bordingpoint-place{
  border-top: 1px solid #d9d9d9;
  margin-top: 50px;
  border-bottom: 1px solid #d9d9d9;
}

.bus-bordingpoint-mob{
  div.container{
    padding: 10px 15px;
  }
  .help-block{
    color: #ef3d47;
    display: none;
  }
}

.btm-line{
  margin-top: 50px;
  p{
    color:#eeee;
  }
}

.seat-view,.seat-view-steer{
  list-style: none;
  float: left;
  padding-left: 5px;
  margin-top: 10px;
}

.seat-view-steer{
  padding-left: 10px;
}

.filter-view{
  background-color:#eee;
  select{
    border: none;
    background-color: inherit;
    -webkit-appearance: none;
  }
  a{
  cursor: pointer;
  color: #666;
  }
}
