﻿/******************************** Override Rules ********************************/
.radioBoxContainer span:before,
.checkBoxContainer span:before {
  width: 18px;
  height: 18px;
  position: relative;
}

.radioBoxContainer input[type=radio]:checked + span:before {
  content: "";
  border: 2px solid #B7B7B7;
  background: #B7B7B7;
  box-shadow: inset 0px 0px 0px 4px #fff;
}

.pagination > li > a,
.pagination > li > span {
  padding: 13px 25px;
  font-size: 16px;
  border-color: #bcccdb !important;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span,
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-radius: 0 !important;
}

.radioBoxContainer,
.checkBoxContainer
{
  cursor: pointer;
}

article.noPaddingTop,
div.noPaddingTop
{
  padding-top:0!important;
}

/******************************** Lista Resultados ********************************/
.noResults{
  padding:160px;
}
.noResults span{
  font-size:90px;
  color:#158CBA;
  margin-bottom:20px;
}
.noResults p{
  color:#54667A;
  font-size:25px;
}


.searchAreaWrapper .searchForm .tab-pane.fade
{
  opacity:1!important;
}

.searchAreaWrapper
{
  background-color:#f4f4f4;
}

.searchAreaWrapper .searchForm
{
  padding-bottom: 50px;
}

.headingResultList {
  float: left;
  width: 100%;
  padding-bottom:15px;
  padding-top:15px;
}

.headingResultList a.changeFormSearch
{
  text-decoration:none;
  text-transform:uppercase;
  font-size:16px;
  color:#158cba;
  height: 50px;
  line-height: 50px;
}

.headingResultList a.changeFormSearch span
{
  padding-right:15px;
}

.headingResultList > span {
  font-size: 18px;
  text-transform: uppercase;
  color: #158cba;
  height: 50px;
  line-height: 50px;
}

.headingResultList label,
.simpleSearch label
{
  margin-left: 30px;
  font-weight: 300;
  font-size: 16px;
  color: #54667a;
}

.headingResultList label:first-of-type {
  margin-left: 0;
}

.headingResultList label.select
{
  margin-bottom:0;
}

.headingResultList label.select,
.hotelInfo label.select,
.simpleSearch label.select,
.accommodation label.select
{
  position: relative;
}

.headingResultList label.select:after,
.hotelInfo label.select:after,
.simpleSearch label.select:after,
.accommodation label.select:after
{
  content: "\e937";
  position: absolute;
  right: 15px;
  width: 30px;
  height: 22px;
  display: inline-block;
  top: 0;
  bottom: 0;
  font-family: Abreu;
  margin: auto;
  vertical-align: middle;
  pointer-events:none;
}

.headingResultList label.select select,
.hotelInfo label.select select,
.simpleSearch label.select select,
.accommodation label.select select
{
  font-size: 16px;
  height: 50px;
  border: 1px solid #bcccdb;
  font-weight: 400;
  padding-right: 10px;
  padding-left: 10px;
  min-width: 165px;
  outline: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: white;
  color:#54667a;
}

.headingResultList label.select select::-ms-expand,
.hotelInfo label.select select::-ms-expand,
.simpleSearch label.select select::-ms-expand,
.accommodation label.select select::-ms-expand {
  display: none;
}

.headingResultList label.select span,
.simpleSearch label.select span,
.accommodation label.select span
{
  margin-right: 15px;
  color:#54667a;
}

.resultList {
  list-style-type: none;
  margin-top: 30px;
}

.resultList li {
  border: 1px solid #bcccdb;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.resultList li a
{
  text-decoration: none;
}

.resultList li > a {
  text-transform: uppercase;
  text-align: center;
}

.resultList li figure
{
  display: inline-block;
}

.resultList .country,
.resultList .flightType
{
  display: inline-block;
  width: 100%;
  color: #54667a;
}

.resultList .country {
  font-size: 14px;
  font-weight: 300;
}

.resultList .flightType {
  text-transform: capitalize;
  font-size: 16px;
}

.resultList h2 {
  color: #158cba;
  font-size: 20px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.resultList p {
  font-size: 14px;
  color: #54667a;
  margin-top: 25px;
  padding-right: 30px;
}

.resultList small {
  font-size: 16px;
  color: #54667a;
  float: left;
  width: 100%;
  display: inline-block;
  text-align: right;
}

.resultList .price {
  font-size: 24px;
  color: #158cba;
  text-align: right;
  width: 100%;
  display: inline-block;
}

.resultList small.personsBy {
  font-size: 11px;
  padding-bottom:50px;
}

.resultList .btn.btn-primary {
  position: absolute;
  bottom: 0;
  background-color: #158cba;
  left: 0;
  border: 0;
  width: 100%;
  outline: 0;
  text-transform: uppercase;

  -webkit-transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}

.resultList .btn.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.resultList li {
  display: table;
}

/******************************** Main Image ********************************/
.tabTopDsk .jmbInfo .tabdestino
{
  display: inline-block;
  width: 40%;
}

.tabTopDsk .jmbInfo .tabdestino > span{
  display: inline-block;
  width: 100%;
}

.tabTopDsk .jmbInfo .tabsubTitulo
{
  text-transform: uppercase;
  font-weight: 400;
  width: auto;
  display: inline-block;
}

/******************************** Responsive ********************************/
/* LG and upper */
@media (min-width: 1023px) {
  .resultList li > div[class*='col-'],
  .resultList a {
    display: table-cell;
    vertical-align: top;
    float: none;
  }
}

/* XS + SM + MD */
@media (max-width: 991px) {
  .resultList > li > div:last-child
  {
    padding-bottom:50px;
  }

  .resultList > li >  div > a {
    text-align: center;
  }

  .resultList p
  {
    padding-right: 0;
    text-align: center;
  }

  .resultList .country,
  .resultList input[type=submit]
  {
    margin-top: 15px;
  }

  .resultList .price,
  .resultList small
  {
    text-align: center;
  }

  .resultList small.personsBy
  {
    padding-bottom:0;
  }

  .resultList input[type=submit]
  {
    position: relative;
    top:inherit;
    bottom:inherit;
    left:inherit;
  }
}

@media(max-width: 991px) and (min-width: 768px)
{
  .tabTopDsk .jmbInfo .tabdestino
  {
    width: 100%!important;
  }
}

/* Only XS */
@media (max-width: 767px) {
  .tabTopDsk .jmbInfo .tabdestino
  {
    width: 100%;
  }

  .pagination > li > a,
  .pagination > li > span
  {
    padding: 9px 16px;
  }

  .headingResultList label.radioBoxContainer,
  .headingResultList label.checkBoxContainer {
    width: 100%;
    text-align: left;
    margin-left: 0;
  }

  .headingResultList label.select {
    float:left;
  }

  .headingResultList label.select:after
  {
    height: 9px;
  }

  .resultList small.personsBy
  {
    padding-bottom:50px;
  }

  /*.headingResultList label.select:after,*/
  .hotelInfo label.select:after
  /*.simpleSearch label.select:after,*/
  /*.accommodation label.select:after*/
  {
    height:0;
  }

}

.result-image .img-responsive {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.result-image {
    width: 225px;
    position: relative;
    display: block;
}

.result-image-fixed {
  width: 225px !important;
  height: 160px !important;
}

.resultList .result-image i.fas {
    text-align: center;
    font-size: 20px;
    font-weight: 900;
    line-height: 40px;
    width: 40px;
    display: block;
    position: absolute;
    color: #337ab7;
    background-color: #fff;
    opacity: .7;
    border-radius: 50%;
    top: 5px;
    right: 5px;
}
