/*!
 * TravelWeb Manager v5 (https://webcontent.travelwebmanager.com)
 * Copyright 2018 Conecta Turismo S.L.
 * Owner Software License
 */
body {
  height: auto;
}

.noscroll {
  overflow: hidden;
}

.cookiesMessage {
  background: #042833;
  bottom: 0;
  padding: 15px;
  position: fixed;
  left: 0px;
  z-index: 1500;
  width: 100%;
  color: #fff;
}
.cookiesMessage .title {
  font-size: 1.2em;
  padding-bottom: 10px;
}
.cookiesMessage .text {
  font-size: 0.8em;
  line-height: 1.4em;
  font-weight: 400;
}

.container.full-width {
  width: 100%;
  margin-left: unset;
  margin-right: unset;
}

md-input-container .md-errors-spacer {
  min-height: 0px;
  min-width: 0px;
}
md-input-container > md-autocomplete,
md-autocomplete > md-autocomplete-wrap {
  height: auto;
}
md-autocomplete-wrap.md-whiteframe-z1 {
  box-shadow: none;
}
md-autocomplete.md-default-theme,
md-autocomplete {
  background: none;
}

.md-dialog-lg {
  width: 1500px;
}
.md-dialog-md {
  width: 850px;
}
md-dialog md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #7da6bf;
  color: #fff;
}

.ui-datepicker {
  width: 21em;
  display: none;
  border: 1px solid #7da6bf;
  background-color: #ffffff;
  color: #333;
  font-size: 14px;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
  background-color: #7da6bf;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.ui-datepicker .ui-datepicker-header a {
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
  width: 14px;
  height: 16px;
  overflow: hidden;
  font-family: "Glyphicons Regular";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #333;
  color: #fff;
  font-size: 15px;
}
.ui-datepicker .ui-datepicker-prev span:before {
  content: "\E225";
}
.ui-datepicker .ui-datepicker-next span:before {
  content: "\E224";
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  color: #333;
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}
.ui-datepicker table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
  color: #7da6bf;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #555555;
  width: 35px;
  height: 35px;
  line-height: 35px;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker.ui-datepicker-multi.ui-datepicker-multi-2 {
  min-width: 540px;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 10px;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker .ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
.ui-datepicker .ui-datepicker-unselectable.ui-state-disabled .ui-state-default {
  color: #909090;
}
.ui-datepicker .ui-state-hover {
  border-radius: 50%;
  background-color: #e0e0e0;
}
.ui-datepicker td a.ui-state-active {
  background-color: #7da6bf;
  font-weight: bold;
  border-radius: 50%;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.ui-datepicker td a.ui-state-active.ui-state-hover {
  background-color: #7da6bf;
}

.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker.travel-datepicker {
  width: 31em;
  z-index: 200 !important;
}
.ui-datepicker.travel-datepicker td span,
.ui-datepicker.travel-datepicker td a {
  width: 54px;
  padding: 2px;
  position: relative;
}
.ui-datepicker.travel-datepicker
  .ui-datepicker-unselectable.ui-state-disabled
  .ui-state-default {
  background-color: #e6e6e6;
  color: #757575;
}
.ui-datepicker.travel-datepicker td > span,
.ui-datepicker.travel-datepicker td > a {
  background-color: #f7f7f7;
  border: 1px solid #e6e6e6;
  text-align: left;
  font-size: 10px;
  line-height: 1;
  font-weight: 300;
}
.ui-datepicker.travel-datepicker .ui-state-hover {
  background-color: #bce2f7;
  border-radius: 0;
  border: 1px solid #7da6bf;
}
.ui-datepicker.travel-datepicker td > a.ui-state-active {
  background-color: #bce2f7;
  border-radius: 0;
  color: #555555;
  font-weight: normal;
  text-shadow: none;
  border: 1px solid #7da6bf;
}
.ui-datepicker.travel-datepicker td > a.ui-state-active.ui-state-hover {
  background-color: #bce2f7;
  border: 1px solid #7da6bf;
}
.ui-datepicker.travel-datepicker
  .ui-datepicker-calendar
  td
  a[data-custom-price]::after {
  content: attr(data-custom-price);
  display: block;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  color: #7da6bf;
  text-align: right;
  display: block;
  position: absolute;
  bottom: 2px;
  white-space: nowrap;
  right: 2px;
  max-width: 100%;
}
.ui-datepicker.travel-datepicker .infoPrice {
  font-size: 12px;
  font-weight: bold;
  color: #7da6bf;
  padding: 5px;
}
@media (max-width: 768px) {
  .ui-datepicker.travel-datepicker {
    width: 23em;
  }
  .ui-datepicker.travel-datepicker td span,
  .ui-datepicker.travel-datepicker td a {
    width: 40px;
  }
  .ui-datepicker.travel-datepicker
    .ui-datepicker-calendar
    td
    a[data-custom-price]::after {
    font-size: 0.9em;
  }
}

.ui-slider {
  position: relative;
  text-align: left;
  background: rgba(0, 0, 0, 0.38);
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 16px;
  height: 16px;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
  background-color: #7da6bf;
  border-radius: 20px;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
  background-color: #7da6bf;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}
.ui-slider-horizontal {
  height: 2px;
  margin-top: 10px;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -8px;
  margin-left: -8px;
}
.ui-slider-horizontal .ui-slider-handle.ui-state-active {
  top: -10px;
  margin-left: -10px;
  width: 20px;
  height: 20px;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: 2px;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -8px;
  margin-left: 0;
  margin-bottom: -8px;
}
.ui-slider-vertical .ui-slider-handle.ui-state-active {
  left: -10px;
  margin-bottom: -10px;
  width: 20px;
  height: 20px;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

tws-slider .selectedValue {
  width: 100%;
  text-align: center;
  padding-top: 5px;
}
tws-slider-range .selectedMinValue {
  float: left;
  display: inline;
  width: auto;
  text-align: left;
  padding-top: 5px;
}
tws-slider-range .selectedMaxValue {
  float: right;
  display: inline;
  width: auto;
  text-align: right;
  padding-top: 5px;
}

.categoryHotel .fas.fa-star.active {
  color: #c59330;
}
.categoryHotel .fas.fa-star.inactive {
  color: #dddddd;
}
.categoryHotel .fas.fa-key.active {
  color: #c59330;
}
.categoryHotel .fas.fa-key.inactive {
  color: #dddddd;
}

tws-credit-card div.ccExpiration {
  display: block;
  position: relative;
  padding: 2px;
  margin: 18px 0;
  vertical-align: middle;
}
tws-credit-card div.ccExpiration > label {
  color: #757575;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: auto;
  transform-origin: left top;
  transform-origin: left top;
  -webkit-transform-origin: left top;
  width: 100%;
  -webkit-transform: translate3d(0, 6px, 0) scale(0.75);
  transform: translate3d(0, 6px, 0) scale(0.75);
}
tws-credit-card div.ccExpiration md-input-container {
  margin-top: 0;
}
tws-credit-card div.ccExpiration span.col-xs-1 {
  font-size: 18px;
  padding-top: 5px;
  color: #757575;
}
tws-credit-card md-input-container.ccInput.md-input-has-value {
  padding-left: 53px;
}
tws-credit-card md-input-container.ccInput.md-input-has-value label {
  left: 53px;
  right: auto;
}
tws-credit-card
  md-input-container.ccInput.md-input-has-value
  label:not(.md-no-float) {
  -webkit-transform: translate3d(0, 6px, 0) scale(0.75);
  transform: translate3d(-53px, 6px, 0) scale(0.75);
}
tws-credit-card md-input-container.ccInput.md-input-has-value i.ccTypeImage {
  position: absolute;
  top: 5px;
  left: 2px;
  right: auto;
  height: 27px;
  width: 53px;
  display: inline-block;
}
tws-credit-card
  md-input-container.ccInput.md-input-has-value
  i.ccTypeImage.ccTypeImageAE {
  background: url("//storage.googleapis.com/tws-engines/images/cc/AE.png")
    no-repeat scroll -6px -4px #eee;
}
tws-credit-card
  md-input-container.ccInput.md-input-has-value
  i.ccTypeImage.ccTypeImageDC {
  background: url("//storage.googleapis.com/tws-engines/images/cc/DC.png")
    no-repeat scroll -6px -4px #eee;
}
tws-credit-card
  md-input-container.ccInput.md-input-has-value
  i.ccTypeImage.ccTypeImageDS {
  background: url("//storage.googleapis.com/tws-engines/images/cc/DS.png")
    no-repeat scroll -6px -4px #eee;
}
tws-credit-card
  md-input-container.ccInput.md-input-has-value
  i.ccTypeImage.ccTypeImageMC {
  background: url("//storage.googleapis.com/tws-engines/images/cc/MC.png")
    no-repeat scroll -6px -4px #eee;
}
tws-credit-card
  md-input-container.ccInput.md-input-has-value
  i.ccTypeImage.ccTypeImageJC {
  background: url("//storage.googleapis.com/tws-engines/images/cc/JC.png")
    no-repeat scroll -6px -4px #eee;
}
tws-credit-card
  md-input-container.ccInput.md-input-has-value
  i.ccTypeImage.ccTypeImageVI {
  background: url("//storage.googleapis.com/tws-engines/images/cc/VI.png")
    no-repeat scroll -6px -4px #eee;
}
tws-credit-card md-input-container.ccInput.md-input-has-value input {
  padding-left: 10px;
}

md-dialog.md-default-theme,
md-dialog {
  border-radius: 0;
}
.md-button,
.btn-group-sm > .btn,
.btn-sm {
  border-radius: 0;
}
.panel {
  box-shadow: none;
  -webkit-box-shadow: none;
  border: 1px solid #e6e6e6;
}
.panel-heading {
  border-radius: 0;
}
.panel.panel-default > .panel-heading,
.panel > .panel-heading {
  font-family: "Source Sans Pro", sans-serif;
  background-color: #e6e6e6;
  color: #666;
  font-size: 16px;
  text-transform: inherit;
}
.panel.panel-default > .panel-heading,
.panel > .panel-heading i {
  color: #666;
  font-size: 18px;
}

/*.md-autocomplete-suggestions-container{overflow-y:scroll}
.md-autocomplete-suggestions-container .md-virtual-repeat-scroller{position:static}
.md-autocomplete-suggestions-container .md-virtual-repeat-sizer{height:0 !important}
.md-autocomplete-suggestions-container .md-virtual-repeat-offsetter{position:static}*/

table.md-table:not(.md-row-select) td.md-cell:first-child,
table.md-table:not(.md-row-select) th.md-column:first-child {
  padding: 0 12px 0 4px;
}
table.md-table:not(.md-row-select)
  td.md-cell:nth-child(n + 2):nth-last-child(n + 2),
table.md-table:not(.md-row-select)
  th.md-column:nth-child(n + 2):nth-last-child(n + 2) {
  padding: 0 12px 0 0;
}
table.md-table td.md-cell:last-child,
table.md-table th.md-column:last-child {
  padding: 0 4px 0 0;
}

.embed-responsive.embed-responsive-payment {
  height: 550px;
}
@media (min-width: 950px) and (max-width: 1279px) {
  md-dialog.md-dialog-fullscreen {
    border-radius: 0;
    min-height: 100%;
    min-width: 100%;
  }
}
md-input-container > .md-suffix {
  position: absolute;
  top: 8px;
  left: auto;
  right: 8px;
  margin: 0;
}

.section-header {
  font-weight: normal;
  font-size: 24px;
  line-height: 40px;
  color: #7da6bf;
  margin: 2px 0;
  display: inline-block;
}

hotels-engine-page,
activities-engine-page,
flights-engine-page,
packages-engine-page {
  float: left;
  width: 100%;
  margin-top: 25px;
}
/***STARTENGINES***/
.configAccommodation > .roomBox + .roomBox {
  border-top: 1px solid #d3d3d3;
}
.configAccommodation > .roomBox > label {
  color: #666;
}

.availEngines .searchResume {
  background-color: #ffffff;
  padding-top: 25px;
  padding-bottom: 25px;
  color: #666;
}
.availEngines .searchResume .searchParameters {
  color: #7da6bf;
  font-weight: bold;
}
.availEngines .searchResume .searchParameters md-icon {
  color: #7da6bf;
  font-size: 18px;
  min-width: 18px;
  width: 18px;
  min-height: 18px;
  height: 18px;
}
.availEngines .searchResume .newSearch {
  color: #c59330;
  font-size: 16px;
  font-weight: 600;
}
.availEngines .searchResume .newSearch md-icon {
  color: #c59330;
  font-size: 18px;
}

.availEngines .loadingResults {
  background-color: #fff;
  text-align: center;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  padding: 15px;
}
.availEngines .loadingResults md-progress-circular path {
  stroke: #7da6bf;
}
.availEngines .loadingResults span {
  color: #7da6bf;
  font-weight: bold;
}

.availEngines .resultsContainer {
  padding-right: 0;
}
.availEngines .resultsContainer .title {
  float: left;
  display: inline;
  width: auto;
  text-align: left;
  font-size: 18px;
  text-transform: uppercase;
  padding-top: 25px;
  padding-bottom: 25px;
  color: #666;
}
.availEngines .resultsContainer .md-button.viewList {
  width: 100%;
}
.availEngines .resultsContainer .orderTools {
  border: 1px solid #d3d3d3;
  margin-bottom: 25px;
}
.availEngines .resultsContainer .orderTools span.titleOrder {
  width: 25%;
  float: left;
  display: inline;
  text-align: left;
  text-transform: uppercase;
  background-color: #e6e6e6;
  padding-top: 8px;
  padding-left: 10px;
  min-height: 36px;
}
.availEngines .resultsContainer .orderTools .md-button {
  width: 25%;
  float: left;
  display: inline;
  background-color: #fff;
  margin: 0px;
  border-radius: 0;
  border-left: 1px solid #d3d3d3;
}
.availEngines .resultsContainer .orderTools .md-button.orderActive {
  background-color: #7da6bf;
  color: #fff;
}
.availEngines .resultsContainer .orderTools .md-button i {
  padding-top: 10px;
}

.availEngines .filtersContainer {
  padding: 0;
}
.availEngines .filtersContainer .title {
  width: 100%;
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  padding-top: 25px;
  padding-bottom: 25px;
  color: #666;
}
.availEngines .filtersContainer .filterName {
  margin: 0;
}
.availEngines .filtersContainer .filterName md-icon {
  background-color: #7da6bf;
  color: #fff;
}
.availEngines .filtersContainer .panel-body md-checkbox {
  width: 100%;
}
.availEngines .filtersContainer .md-button.viewMap {
  border: 1px solid #c59330;
  border-radius: 0;
  width: 100%;
  margin: 0 0 20px;
  height: 150px;
  background-image: url("//storage.googleapis.com/tws-engines/images/map.jpg");
}
.availEngines .filtersContainer .group-filter-category {
  border: 1px solid #d3d3d3;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.availEngines .filtersContainer .group-filter-category .btn-filter-category {
  float: left;
  display: inline;
  padding: 5px;
  height: 48px;
  font-size: 13px;
  width: 16.66%;
  line-height: 0;
  border-radius: 0px;
  margin: 0;
  min-width: 0;
}
.availEngines
  .filtersContainer
  .group-filter-category
  > .btn-filter-category
  + .btn-filter-category {
  border-left: 1px solid #d3d3d3;
}
.availEngines .filtersContainer .group-filter-category .btn-filter-category i {
  color: #c59330;
  text-align: center;
  margin: 0px !important;
}
.availEngines
  .filtersContainer
  .group-filter-category
  .btn-filter-category.categoryActive {
  background-color: #e6e6e6;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.availEngines .filtersContainer .panel-body .subSection + .subSection {
  margin-top: 15px;
}
.availEngines .filtersContainer .panel-body .subTitle {
  text-align: center;
  background: #e3f3fd;
  color: #7da6bf;
}
.availEngines .filtersContainer .panel-body .subTitle md-icon {
  color: #7da6bf;
  font-size: 18px;
  min-height: auto;
  height: auto;
}
.availEngines .filtersContainer .panel-body .btnScale {
  background-color: #7da6bf;
  min-width: auto;
  width: 31%;
  margin: 0 1%;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #ffffff;
  font-weight: bold;
  line-height: 16px;
  font-size: 19px;
}
.availEngines .filtersContainer .panel-body .btnScale:hover {
  background-color: rgb(61, 168, 225);
}
.availEngines .filtersContainer .panel-body .btnScale.selected {
  background-color: #7da6bf;
}

.availEngines md-sidenav {
  max-width: 100%;
  width: 1700px;
  position: fixed;
  top: 0;
  bottom: 0;
  max-height: 100%;
}
.availEngines md-sidenav.informationService {
  width: 1600px;
}
.availEngines md-sidenav md-toolbar {
  max-height: 64px;
}
.availEngines md-sidenav md-content {
  position: relative;
  height: calc(100% - 64px);
  max-height: calc(100% - 64px);
}

/**HOTEL**/
.availEngines .hotelContainer {
  background-color: #fff;
  padding: 10px 0px;
  margin-bottom: 25px;
  border: 1px solid #e6e6e6;
  display: flex;
  flex-flow: row wrap;
}
.availEngines .hotelContainer .hotelImg {
  padding: 0 10px;
  margin: 0;
  max-height: 172px;
  overflow: hidden;
}
.availEngines .hotelContainer .hotelDetails {
  padding: 0;
  margin: 0;
}
.availEngines .hotelContainer .hotelDetails .hotelName {
  color: #7da6bf;
  font-size: 18px;
  font-weight: bold;
}
.availEngines .hotelContainer .hotelDetails .hotelLocDetails {
  color: #757575;
}
.availEngines .hotelContainer .hotelPriceDetails {
  padding: 0 10px;
  margin: 0;
  text-align: right;
}
.availEngines .hotelContainer .hotelPriceDetails .info {
  color: #757575;
}
.availEngines .hotelContainer .hotelPriceDetails .price {
  color: #c59330;
  font-size: 24px;
  font-weight: bold;
}
.availEngines .hotelContainer .hotelPriceDetails .md-button.moreInfo {
  color: #ffffff;
  margin: 0px;
  background-color: #c59330;
  text-transform: none;
}
.availEngines .hotelContainer .roomsContainer {
  width: 100%;
}
.availEngines .hotelContainer .roomsContainer + .roomsContainer {
  margin-top: 10px;
}
.availEngines .hotelContainer .roomName {
  padding: 10px;
  background-color: #e6e6e6;
}
.availEngines .hotelContainer .boardContainer {
  border-bottom: 2px solid #e6e6e6;
}
.availEngines .hotelContainer .boardContainer > .boardName {
  float: left;
  display: inline-block;
  padding: 6px 0 0 5px;
  color: #757575;
  width: 30%;
}
.availEngines
  .hotelContainer
  .boardContainer
  .boardOptionsContainer.multipleOptions {
  border-left: 2px solid #e6e6e6;
  float: left;
  display: inline-block;
  width: 70%;
}
.availEngines
  .hotelContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption {
  padding: 3px;
}
.availEngines
  .hotelContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption:hover {
  background-color: #f8f8f8;
}
.availEngines
  .hotelContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption
  + .boardOption {
  border-top: 1px solid #e6e6e6;
}
.availEngines
  .hotelContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption
  .boardName {
  width: 250px;
  float: left;
  display: inline-block;
  line-height: 30px;
}
.availEngines
  .hotelContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption
  .payMethod {
  float: left;
  display: inline;
  width: auto;
  max-width: 120px;
  color: #155724;
  padding: 6px 8px;
  background-color: #d4edda;
}
.availEngines
  .hotelContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption
  .boardName
  + .payMethod {
  padding-left: 5px;
}
.availEngines
  .hotelContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption
  .rules {
  float: left;
  display: inline;
  width: auto;
  max-width: 200px;
  padding-left: 10px;
  padding-top: 4px;
}
.availEngines
  .hotelContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption
  .rules
  span {
  float: left;
  display: inline;
  background-color: #fcf8e3;
  color: #8a6d3b;
  padding: 2px 8px;
}
.availEngines
  .hotelContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption
  .rules
  span
  + span {
  margin-left: 5px;
}
.availEngines
  .hotelContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption
  .optionPrice {
  float: right;
  display: inline;
  width: auto;
  max-width: 218px;
}
.availEngines
  .hotelContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption
  .optionPrice
  > span {
  color: #757575;
}
.availEngines
  .hotelContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption
  .optionPrice
  .price {
  color: #757575;
  font-size: 18px;
  font-weight: bold;
}
.availEngines
  .hotelContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption
  .optionPrice
  .md-button,
.availEngines .resultsContainer .mapContainer .md-button.price {
  color: #ffffff;
  background-color: #c59330;
  margin: 0px;
}
.availEngines
  .hotelContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption
  .b2bInfoPrice {
  background-color: #e6e6e6;
  text-align: right;
  padding: 2px 5px;
  color: #757575;
}
.availEngines
  .hotelContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption
  .b2bInfoPrice
  .price {
  font-weight: bold;
}
.availEngines .hotelContainer .moreOptions {
  color: #c59330;
  padding-left: 20px;
  font-size: 15px;
  cursor: POINTER;
}
.availEngines .hotelContainer .moreOptions md-icon {
  color: #c59330;
  font-size: 16px;
  height: 18px;
  width: 14px;
  min-height: auto;
  min-width: auto;
  cursor: POINTER;
}
.availEngines .hotelContainer .moreOptions:hover md-icon {
  text-decoration: underline;
}
/**ENDHOTEL**/
/**FLIGHT**/
.availEngines .flightContainer {
  background-color: #fff;
  margin-bottom: 25px;
  border: 1px solid #e6e6e6;
  display: flex;
  flex-flow: row wrap;
}
@media (min-width: 992px) {
  .availEngines .flightContainer .journeysContainer {
    border-right: 1px solid #e6e6e6;
  }
}
.availEngines .flightContainer .journeysContainer .journeyContainer {
  padding: 5px 0;
}
.availEngines
  .flightContainer
  .journeysContainer.singleOptionJourneyRow
  .journeyContainer {
  padding: 32px 0;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  + .journeyContainer {
  border-top: 1px solid #e6e6e6;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  .imgAirline {
  margin-top: 5px;
  text-align: center;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  .infoOrigin {
  text-align: right;
  line-height: 20px;
  padding: 5px 0 0;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  .infoDestination {
  text-align: left;
  line-height: 20px;
  padding: 5px 0 0;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  .infoDestination
  b
  small {
  color: #f44336;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  .infoOrigin
  span,
.availEngines .flightContainer .journeyContainer .infoDestination span {
  color: #666;
  display: block;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  .infoItinerary {
  padding: 0;
  text-align: center;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  ul.itinerary-line {
  height: 2px;
  width: 93%;
  background-color: #7da6bf;
  margin: 2px auto;
  position: relative;
  padding: 0;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  ul.itinerary-line
  li {
  list-style-type: none;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  ul.itinerary-line
  li.itinerary-scale {
  width: 8px;
  height: 8px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Ccircle fill='%23fff' cx='4' cy='4' r='3'/%3E%3Cpath fill='%237da6bf' d='M4 2c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-2C1.8 0 0 1.8 0 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4z'/%3E%3C/svg%3E");
  line-height: 0;
  position: relative;
  vertical-align: top;
  top: -3px;
  text-indent: 0;
  display: inline-block;
  zoom: 1;
  margin: 0 3%;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  ul.itinerary-line
  li.itinerary-stop {
  content: " ";
  width: 21px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='210' height='120' viewBox='0 0 210 120'%3E%3Cpath d='M13 1.124v9.784c0 .971 1.197 1.419 1.915.822l5.666-4.855c.559-.448.559-1.195 0-1.643L14.915.303C14.197-.369 13 .154 13 1.124z' fill='%237da6bf'/%3E%3C/svg%3E");
  position: absolute;
  right: -1px;
  top: -5px;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  .infoItinerary
  .scaleAirports {
  color: #666;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  .infoItinerary
  .scaleAirports
  span
  + span::before {
  content: ",";
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  .btnShowDetails {
  line-height: 41px;
  margin-top: 5px;
  padding: 0 5px;
  text-align: center;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  .btnShowDetails
  a {
  color: #c59330;
  font-size: 12px;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  .btnShowDetails.open {
  background-color: #e6e6e6;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  .detailsContiner {
  background: #e6e6e6;
  margin: 0 -15px;
  padding: 15px;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  .detailsContiner
  .boxSegment {
  background-color: #fff;
  padding: 5px;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  .detailsContiner
  .boxSegment
  .detailsFlight
  .header {
  padding: 0 5px 5px;
  margin-bottom: 5px;
  border-bottom: 2px dotted #e6e6e6;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  .detailsContiner
  .boxSegment
  .detailsFlight
  .airport {
  padding: 0 5px;
  font-size: 11px;
  color: #757575;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  .detailsContiner
  .boxSegment
  .detailsFlight
  .airport
  .date
  b {
  color: #7da6bf;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  .detailsContiner
  .boxSegment
  .detailsFlight
  .airport
  .time {
  font-size: 18px;
  font-weight: bold;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  .detailsContiner
  .boxSegment
  .detailsFlight
  .airport
  .time
  span {
  color: #7da6bf;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  .detailsContiner
  .boxSegment
  .detailsFlight
  .airport
  .name {
  line-height: 12px;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  .detailsContiner
  .boxSegment
  .detailsFlight
  .airport
  .terminal {
  line-height: 12px;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  .detailsContiner
  .boxSegment
  .detailsFlight
  .extend {
  padding: 0 5px;
  font-size: 13px;
  color: #757575;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  .detailsContiner
  .boxSegment
  .detailsFlight
  .extend
  .line {
  line-height: 18px;
  width: 31%;
  float: left;
  margin: 1%;
  text-align: center;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  .detailsContiner
  .boxSegment
  .detailsFlight
  .extend
  .line
  b {
  color: #7da6bf;
  display: block;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  .detailsContiner
  .boxSegment
  .detailsFlight
  .operating {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  color: #7da6bf;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  .detailsContiner
  .boxSegment
  .detailsScale {
  background-color: #d9edf7;
  border: 1px solid #7da6bf;
  padding: 10px;
  color: #7da6bf;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  .detailsContiner
  .boxSegment
  .nightly {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  color: #f44336;
}
.availEngines
  .flightContainer
  .journeysContainer
  .journeyContainer
  .detailsContiner
  .boxSegment
  .nightly
  md-icon {
  color: #f44336;
  font-size: 14px;
  min-width: 12px;
  width: 12px;
  height: 12px;
  min-height: 12px;
}
.availEngines .flightContainer .boxPrice {
  padding: 10px 5px;
}
@media (max-width: 992px) {
  .availEngines .flightContainer .boxPrice {
    border-top: 1px solid #e6e6e6;
  }
}
.availEngines .flightContainer .boxPrice .optionPrice > div {
  line-height: 24px;
  text-align: center;
}
.availEngines .flightContainer .boxPrice .optionPrice > div > span {
  color: #757575;
  font-size: 10px;
}
.availEngines .flightContainer .boxPrice .optionPrice > div > .price {
  color: #c59330;
  font-size: 20px;
  font-weight: bold;
}
.availEngines .flightContainer .boxPrice .optionPrice > div > .price.total {
  color: #757575;
  font-size: 16px;
  font-weight: bold;
}
.availEngines .flightContainer .boxPrice .optionPrice .md-button {
  color: #ffffff;
  background-color: #c59330;
  margin: 0;
  width: 100%;
}
.availEngines .flightContainer .boxPrice .optionPrice .btnBreakdown {
  cursor: POINTER;
  color: #7da6bf;
  border: 1px solid #7da6bf;
  width: 22px;
  height: 22px;
  font-size: 20px;
  min-width: 22px;
  min-height: 22px;
}
.availEngines .flightContainer .boxPrice .optionPrice .btnBreakdown:hover {
  background-color: #e6e6e6;
}
/**ENDFLIGHT**/
/***ACTIVITIES***/
.availEngines .activityContainer {
  background-color: #fff;
  padding: 25px 0px;
  margin-bottom: 25px;
  border: 1px solid #e6e6e6;
  display: flex;
  flex-flow: row wrap;
}
.availEngines .activityContainer .activityImg {
  padding: 0 10px;
  margin: 0;
  max-height: 172px;
  overflow: hidden;
}
.availEngines .activityContainer .activityDetails {
  padding: 0;
  margin: 0;
}
.availEngines .activityContainer .activityDetails .activityName {
  color: #7da6bf;
  font-size: 18px;
  font-weight: bold;
}
.availEngines .activityContainer .activityDetails .activityName a {
  color: #7da6bf;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
}
.availEngines .activityContainer .activityDetails .activityLocDetails {
  color: #757575;
}
.availEngines .activityContainer .activityDetails .activityLocDetails md-icon {
  font-size: 22px;
  color: #757575;
}
.availEngines .activityContainer .activityDetails .activityDuration {
  color: #757575;
}
.availEngines .activityContainer .activityDetails .activityDuration md-icon {
  font-size: 22px;
  color: #757575;
}
.availEngines .activityContainer .activityDetails .activityDescription {
  color: #666;
  font-size: 12px;
  font-weight: normal;
}
.availEngines .activityContainer .activityDetails .activityDescription strong {
  color: #666;
  font-size: 12px;
  font-weight: normal;
}
.availEngines .activityContainer .activityPriceDetails {
  padding: 0 10px;
  margin: 0;
  text-align: right;
}
.availEngines .activityContainer .activityPriceDetails .md-button.price {
  color: #ffffff;
  margin: 0px;
  background-color: #c59330;
  text-transform: none;
}
.availEngines .activityContainer .activityPriceDetails .md-button.price b {
  font-size: 24px;
}
.availEngines
  .activityContainer
  .activityPriceDetails
  .md-button.price
  md-icon {
  color: #ffffff;
  font-size: 26px;
  line-height: 20px;
}
/***ENDACTIVITIES***/
/**INSURANCE**/
.availEngines .insuranceContainer {
  background-color: #fff;
  margin-bottom: 25px;
  border: 1px solid #e6e6e6;
  display: flex;
  flex-flow: row wrap;
}
.availEngines .insuranceContainer .insuranceDetails {
  padding: 5px 0;
  margin: 0;
  text-align: center;
}
.availEngines .insuranceContainer .insuranceDetails .insuranceName {
  color: #7da6bf;
  font-size: 18px;
  font-weight: bold;
}
.availEngines .insuranceContainer .insuranceDetails .insuranceName a {
  color: #7da6bf;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
}
.availEngines .insuranceContainer .insuranceDetails .insuranceDescription {
  color: #666;
  font-size: 12px;
  font-weight: normal;
}
.availEngines .insuranceContainer .insuranceDetails .md-button.moreInfo {
  margin: 0px;
  text-transform: none;
  border: 2px solid #c59330;
  width: 50%;
}
.availEngines .insuranceContainer .insuranceDetails .md-button.moreInfo:hover {
  color: #c59330;
  font-weight: bold;
  border: 1px solid #c59330;
}
.availEngines .insuranceContainer .insuranceDetails .fileLink {
  color: #c59330;
  font-size: 12px;
}
.availEngines .insuranceContainer .insurancePriceDetails {
  padding: 0 0 5px;
  margin: 0;
  text-align: center;
}
.availEngines .insuranceContainer .insurancePriceDetails > span {
  color: #757575;
}
.availEngines .insuranceContainer .insurancePriceDetails .price {
  color: #757575;
  font-size: 18px;
  font-weight: bold;
}
.availEngines .insuranceContainer .insurancePriceDetails .b2bInfoPrice {
  background-color: #e6e6e6;
  text-align: right;
  padding: 2px 5px;
  color: #757575;
}
.availEngines .insuranceContainer .insurancePriceDetails .b2bInfoPrice .price {
  font-weight: bold;
}
.availEngines .insuranceContainer .insurancePriceDetails .md-button {
  color: #ffffff;
  background-color: #c59330;
  margin: 0px;
  width: 90%;
}

.infoDialogInsurance .fileLink {
  color: #c59330;
}

.availCombinedSales .insuranceContainer {
  background-color: #fff;
  margin-bottom: 25px;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  flex-flow: row wrap;
}
.availCombinedSales .insuranceContainer .insuranceDetails {
  padding: 5px 0;
  margin: 0;
  text-align: left;
}
.availCombinedSales .insuranceContainer .insuranceDetails .insuranceName {
  color: #7da6bf;
  font-size: 18px;
  font-weight: bold;
}
.availCombinedSales
  .insuranceContainer
  .insuranceDetails
  .insuranceName
  md-checkbox {
  color: #7da6bf;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  margin: 0;
}
.availCombinedSales
  .insuranceContainer
  .insuranceDetails
  .insuranceDescription {
  color: #666;
  font-size: 12px;
  font-weight: normal;
}
.availCombinedSales .insuranceContainer .insuranceDetails .md-button.moreInfo {
  margin: 0px;
  text-transform: none;
  border: 2px solid #c59330;
  width: 50%;
}
.availCombinedSales
  .insuranceContainer
  .insuranceDetails
  .md-button.moreInfo:hover {
  color: #c59330;
  font-weight: bold;
  border: 1px solid #c59330;
}
.availCombinedSales .insuranceContainer .insuranceDetails .fileLink {
  color: #c59330;
  font-size: 12px;
}
.availCombinedSales .insuranceContainer .insurancePriceDetails {
  padding: 0 0 5px;
  margin: 0;
  text-align: center;
}
.availCombinedSales .insuranceContainer .insurancePriceDetails > span {
  color: #757575;
}
.availCombinedSales .insuranceContainer .insurancePriceDetails .price {
  color: #757575;
  font-size: 18px;
  font-weight: bold;
}
.availCombinedSales .insuranceContainer .insurancePriceDetails .b2bInfoPrice {
  background-color: #e6e6e6;
  text-align: right;
  padding: 2px 5px;
  color: #757575;
}
.availCombinedSales
  .insuranceContainer
  .insurancePriceDetails
  .b2bInfoPrice
  .price {
  font-weight: bold;
}
.availCombinedSales .insuranceContainer .insurancePriceDetails .md-button {
  color: #ffffff;
  background-color: #c59330;
  margin: 0px;
  width: 90%;
}

/**ENDINSURANCE**/

/**PACKAGES**/

.availEngines .hotelContainer .hotelDetails .md-button.moreInfo {
  color: #ffffff;
  margin: 0px;
  background-color: #c59330;
  text-transform: none;
}

/**ENDPACKAGES**/

/**TOUR**/
.availEngines .modalityContainer {
  background-color: #fff;
  margin-bottom: 25px;
  border: 1px solid #e6e6e6;
  display: flex;
  flex-flow: row wrap;
}

/**ENDTOUR**/

.availEngines
  .hotelContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption
  .optionPrice
  .md-button.selectedService {
  color: #3c763d;
  margin: 0px;
  background-color: transparent;
  text-transform: none;
  padding: 0 20px;
  top: 35%;
}
.availEngines
  .flightContainer
  .boxPrice
  .optionPrice
  .md-button.selectedService {
  color: #3c763d;
  margin: 0px;
  background-color: transparent;
  text-transform: none;
  padding: 0 20px;
  top: 35%;
}
.availEngines
  .activityContainer
  .activityPriceDetails
  .md-button.selectedService {
  color: #3c763d;
  margin: 0px;
  background-color: transparent;
  text-transform: none;
  padding: 0 20px;
  top: 35%;
}
.availEngines
  .insuranceContainer
  .boxPrice
  .optionPrice
  .md-button.selectedService {
  color: #3c763d;
  margin: 0px;
  background-color: transparent;
  text-transform: none;
  padding: 0 20px;
  top: 35%;
}

/***ENDENGINES***/

/***HOTELS***/
.availHotels .resultsContainer .orderTools span.titleOrder {
  width: 20%;
}
.availHotels .resultsContainer .orderTools .md-button {
  width: 20%;
}

.availHotels .resultsContainer .mapContainer span.price {
  color: #c59330;
  font-size: 14px;
  width: 50px;
  display: block;
  font-weight: bold;
}
.availHotels .resultsContainer .mapContainer .md-button.price {
  min-width: auto;
  font-size: 10px;
}
.availHotels .resultsContainer .mapContainer .moreOptions {
  color: #c59330;
  font-size: 12px;
}

.productHotel .hotelName {
  color: #7da6bf;
  font-size: 32px;
  font-weight: 700;
}
.productHotel .hotelAddress {
  color: #757575;
  font-size: 16px;
}
.productHotel .hotelAddress md-icon {
  color: #757575;
  font-size: 14px;
  min-width: 18px;
  width: 18px;
}
.productHotel .btnBooking {
  color: #ffffff;
  background-color: #c59330;
  margin: 0px;
}

.productHotel .searchBox {
  background-color: #7da6bf;
  padding: 15px 10px 5px;
  margin-bottom: 10px;
}
.productHotel .searchBox .messageSearch {
  color: #fff;
  font-weight: 400;
}
.productHotel .searchBox .messageSearch md-icon {
  color: #7da6bf;
}
.productHotel
  .searchBox
  md-input-container.md-default-theme.md-input-has-value:not(.md-input-invalid)
  label,
.productHotel
  .searchBox
  md-input-container.md-input-has-value:not(.md-input-invalid)
  label {
  color: rgba(255, 255, 255, 0.54);
}
.productHotel .searchBox md-input-container.md-default-theme .md-input,
.productHotel .searchBox md-input-container .md-input {
  color: #fff;
  font-size: 17px;
  border-color: rgba(255, 255, 255, 0.54);
}
.productHotel
  .searchBox
  md-input-container.md-default-theme.md-input-invalid
  label,
.productHotel .searchBox md-input-container.md-input-invalid label,
.productHotel
  .searchBox
  md-input-container.md-default-theme.md-input-invalid
  .md-input-message-animation,
.productHotel
  .searchBox
  md-input-container.md-input-invalid
  .md-input-message-animation,
.productHotel
  .searchBox
  md-input-container.md-default-theme.md-input-invalid
  .md-char-counter,
.productHotel .searchBox md-input-container.md-input-invalid .md-char-counter {
  color: #f95d00;
}
.productHotel
  .searchBox
  md-input-container.md-default-theme.md-input-invalid
  .md-input,
.productHotel .searchBox md-input-container.md-input-invalid .md-input {
  color: #f95d00;
}
.productHotel .searchBox .md-button.btnSearch {
  font: 600 15px "Lexend", sans-serif;
  text-shadow: 1px 0px 2px #e78906;
  border-radius: 6px;
  text-transform: inherit;
  padding: 10px 20px;
  color: #ffffff;
  background-color: #c59330;
}

.productHotel .galleryHotel {
  padding: 5px;
  margin-bottom: 20px;
  background-color: #fff;
}
.productHotel .galleryHotel .sliderImages {
  margin-bottom: 20px;
  padding: 0px;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -ms-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
  text-align: center;
  min-height: 150px;
  overflow: hidden;
}
.productHotel .galleryHotel .sliderImages img {
  opacity: 1;
  max-height: 600px;
  max-width: 100%;
}
.productHotel .galleryHotel .sliderImages img.ng-hide-add {
  position: absolute;
  top: 0;
  opacity: 1;
  -webkit-transition: 1s linear all;
  -moz-transition: 1s linear all;
  -o-transition: 1s linear all;
  transition: 1s linear all;
}
.productHotel .galleryHotel .sliderImages img.ng-hide-add.ng-hide-add-active {
  opacity: 0;
}
.productHotel .galleryHotel .sliderImages img.ng-hide-remove {
  -webkit-transition: 1s linear all;
  -moz-transition: 1s linear all;
  -o-transition: 1s linear all;
  transition: 1s linear all;
  opacity: 0;
}
.productHotel
  .galleryHotel
  .sliderImages
  img.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.productHotel .galleryHotel .sliderImages .arrow {
  cursor: pointer;
  margin-top: -35px;
  outline: medium none;
  position: absolute;
  top: 50%;
  font-size: 64px;
  color: #666;
  z-index: 5;
}
.productHotel .galleryHotel .sliderImages .arrow.prev {
  left: 20px;
  opacity: 0.6;
  transition: all 0.2s linear 0s;
}
.productHotel .galleryHotel .sliderImages .arrow.next {
  opacity: 0.6;
  right: 20px;
  transition: all 0.2s linear 0s;
}
.productHotel .galleryHotel .sliderImages .arrow.prev:hover {
  opacity: 1;
}
.productHotel .galleryHotel .sliderImages .arrow.next:hover {
  opacity: 1;
}
.productHotel .galleryHotel .thumbImages {
  text-align: center;
  padding: 0;
}
.productHotel .galleryHotel .thumbImages li {
  border: 2px solid #fff;
  cursor: pointer;
  float: left;
  display: inline;
  margin: 0 2px 2px;
  width: 40px;
  height: 40px;
}
.productHotel .galleryHotel .thumbImages li.active {
  border: 2px solid #7da6bf;
}
.productHotel .galleryHotel .thumbImages li img {
  width: 100%;
  height: 100%;
}
.productHotel .galleryHotel .thumbImages li .btnMoreImage {
  width: 100%;
  height: 100%;
  background-color: #7da6bf;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  font-size: 25px;
  text-decoration: none;
}

.productHotel .hotelGeneralData {
  background-color: #fff;
  margin-bottom: 20px;
}
.productHotel .hotelGeneralData .iconInfo {
  color: #c59330;
  font-style: italic;
  font-size: 50px;
  font-weight: bold;
  font-family: times-new-roman;
  padding-left: 10px;
}
.productHotel .hotelGeneralData .messageInfo {
  padding-left: 10px;
  margin-top: 15px;
  color: #7da6bf;
}
.productHotel .hotelGeneralData .priceInformation {
  padding-right: 10px;
  margin-top: 15px;
  color: #7da6bf;
  text-align: right;
}
.productHotel .hotelGeneralData .priceInformation .info {
  color: #757575;
  font-size: 14px;
  line-height: 12px;
}
.productHotel .hotelGeneralData .priceInformation .price {
  color: #c59330;
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
}
.productHotel .hotelGeneralData .tripAdvisorResume {
  padding: 10px;
  color: #757575;
}
.productHotel .hotelGeneralData .viewOnMap {
  background-image: url("//storage.googleapis.com/tws-engines/images/map.jpg");
  height: 60px;
  background-position: center;
  display: flex;
  justify-content: center;
}
.productHotel .hotelGeneralData .viewOnMap .md-button {
  border: 1px solid #c59330;
  border-radius: 0;
  background-color: #fff;
  height: 36px;
  margin-top: 12px;
}
.productHotel .hotelGeneralData .viewOnMap .md-button md-icon {
  color: #c59330;
}
.productHotel .hotelGeneralData .shareHotel {
  padding: 10px;
}
.productHotel .hotelGeneralData .shareHotel .title {
  padding: 5px 0;
  margin-top: 10px;
  color: #757575;
}
.productHotel .hotelGeneralData .shareHotel .title md-icon {
  color: #7da6bf;
}
.productHotel .hotelGeneralData .shareHotel .md-button.icon {
  padding: 5px;
  background-color: #7da6bf;
  color: #fff;
}
.productHotel .hotelGeneralData .shareHotel .md-button.icon i {
  font-size: 25px;
}

.productHotel .optionsContainer .askOptions {
  color: #757575;
  display: flex;
  justify-content: center;
  line-height: 50px;
}
.productHotel .optionsContainer .askOptions .md-button {
  font: 600 15px "Lexend", sans-serif;
  text-shadow: 1px 0px 2px #e78906;
  border-radius: 6px;
  text-transform: inherit;
  padding: 10px 20px;
  color: #ffffff;
  background-color: #c59330;
}
.productHotel .optionsContainer .searchResume {
  background-color: #ffffff;
  padding-top: 25px;
  padding-bottom: 25px;
  color: #666;
}
.productHotel .optionsContainer .searchResume .searchParameters {
  color: #7da6bf;
  font-weight: bold;
}
.productHotel .optionsContainer .searchResume .searchParameters md-icon {
  color: #7da6bf;
  font-size: 18px;
}
.productHotel .optionsContainer .searchResume .newSearch {
  color: #c59330;
  font-size: 16px;
  font-weight: bold;
}
.productHotel .optionsContainer .searchResume .newSearch md-icon {
  color: #c59330;
  font-size: 18px;
}

.productHotel .optionsContainer .loadingResults {
  background-color: #fff;
  text-align: center;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  padding: 15px;
}
.productHotel .optionsContainer .loadingResults md-progress-circular path {
  stroke: #7da6bf;
}
.productHotel .optionsContainer .loadingResults span {
  color: #7da6bf;
  font-weight: bold;
}

.productHotel .optionsContainer .roomsContainer {
  background-color: #fff;
  padding: 15px;
}
.productHotel .optionsContainer .roomsContainer .roomContainer {
  border: 2px solid #e6e6e6;
}
.productHotel
  .optionsContainer
  .roomsContainer
  .roomContainer
  + .roomContainer {
  margin-top: 15px;
}
.productHotel .optionsContainer .roomsContainer .roomName {
  padding: 10px;
  background-color: #e6e6e6;
}
.productHotel
  .optionsContainer
  .roomsContainer
  .boardContainer
  + .boardContainer {
  border-top: 2px solid #e6e6e6;
}
.productHotel .optionsContainer .roomsContainer .boardContainer > .boardName {
  float: left;
  display: inline-block;
  padding: 6px 0 0 5px;
  color: #757575;
  width: 20%;
}
.productHotel
  .optionsContainer
  .roomsContainer
  .boardContainer
  .boardOptionsContainer.multipleOptions {
  border-left: 2px solid #e6e6e6;
  float: left;
  display: inline-block;
  width: 80%;
}
.productHotel
  .optionsContainer
  .roomsContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption {
  padding: 3px;
}
.productHotel
  .optionsContainer
  .roomsContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption:hover {
  background-color: #f8f8f8;
}
.productHotel
  .optionsContainer
  .roomsContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption
  + .boardOption {
  border-top: 1px solid #e6e6e6;
}
.productHotel
  .optionsContainer
  .roomsContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption
  .boardName {
  width: 250px;
  float: left;
  display: inline-block;
  line-height: 30px;
}
.productHotel
  .optionsContainer
  .roomsContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption
  .payMethod {
  float: left;
  display: inline;
  width: auto;
  max-width: 120px;
  color: #757575;
  padding-top: 7px;
}
.productHotel
  .optionsContainer
  .roomsContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption
  .boardName
  + .payMethod {
  padding-left: 5px;
}
.productHotel
  .optionsContainer
  .roomsContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption
  .rules {
  float: left;
  display: inline;
  width: auto;
  max-width: 200px;
  padding-left: 10px;
  padding-top: 4px;
}
.productHotel
  .optionsContainer
  .roomsContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption
  .rules
  span {
  float: left;
  display: inline;
  background-color: #fcf8e3;
  color: #8a6d3b;
  padding: 2px 8px;
}
.productHotel
  .optionsContainer
  .roomsContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption
  .rules
  span
  + span {
  margin-left: 5px;
}
.productHotel
  .optionsContainer
  .roomsContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption
  .optionPrice {
  float: right;
  display: inline;
  width: auto;
  max-width: 218px;
}
.productHotel
  .optionsContainer
  .roomsContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption
  .optionPrice
  > span {
  color: #757575;
}
.productHotel
  .optionsContainer
  .roomsContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption
  .optionPrice
  .price {
  color: #757575;
  font-size: 18px;
  font-weight: bold;
}
.productHotel
  .optionsContainer
  .roomsContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption
  .optionPrice
  .md-button {
  color: #ffffff;
  background-color: #c59330;
  margin: 0px;
}
.productHotel
  .optionsContainer
  .roomsContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption
  .b2bInfoPrice {
  background-color: #e6e6e6;
  text-align: right;
  padding: 2px 5px;
  color: #757575;
}
.productHotel
  .optionsContainer
  .roomsContainer
  .boardContainer
  .boardOptionsContainer
  .boardOption
  .b2bInfoPrice
  .price {
  font-weight: bold;
}

.productHotel .informationContainer {
  background-color: #fff;
  border: 1px solid #e6e6e6;
}
.productHotel .informationContainer .detailsOption {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 15px;
}
.productHotel .informationContainer .detailsOption .title {
  background-color: #e6e6e6;
  color: #7da6bf;
  line-height: 36px;
  padding: 0 6px;
}
.productHotel .informationContainer .detailsOption .md-button.option {
  color: #7da6bf;
  margin: 0;
  border-radius: 0;
  text-transform: none;
  padding: 0 10px;
}
.productHotel .informationContainer .detailsOption .md-button.option.active {
  background-color: #7da6bf;
  color: #fff;
  font-weight: bold;
}
.productHotel .informationContainer .detailsContainer .detailsTitle {
  color: #7da6bf;
  font-weight: bold;
}
.productHotel .informationContainer .detailsContainer .detailsTitle md-icon {
  color: #757575;
}
.productHotel
  .informationContainer
  .detailsContainer
  .facilitiesContainer
  .facilityGroupContainer {
  margin-bottom: 15px;
}
.productHotel
  .informationContainer
  .detailsContainer
  .facilitiesContainer
  .facilityGroupContainer
  .title {
  text-transform: uppercase;
  color: #757575;
}
.productHotel
  .informationContainer
  .detailsContainer
  .facilitiesContainer
  .facilityGroupContainer
  .title
  md-icon {
  color: #7da6bf;
}
.productHotel
  .informationContainer
  .detailsContainer
  .facilitiesContainer
  .facilityGroupContainer
  ul.list {
}
.productHotel
  .informationContainer
  .detailsContainer
  .facilitiesContainer
  .facilityGroupContainer
  ul.list
  > li {
  color: #757575;
  padding: 2px;
  float: left;
  width: 30%;
}
.productHotel .informationContainer .detailsContainer .facilityFee {
  color: #7da6bf;
  font-weight: bold;
}
.productHotel .informationContainer .detailsContainer .tripAdvisorLogo {
  font-size: 12px;
  color: #757575;
}
.productHotel .informationContainer .detailsContainer .ratingsContainer {
  background-color: #eeeeee;
  padding: 15px;
}
.productHotel
  .informationContainer
  .detailsContainer
  .ratingsContainer
  .mainRating {
  text-align: center;
}
.productHotel .informationContainer .detailsContainer .reviewsContainer {
  padding: 10px 0;
}
.productHotel
  .informationContainer
  .detailsContainer
  .reviewsContainer
  + .reviewsContainer {
  border-top: 1px solid #757575;
}
.productHotel .informationContainer .detailsContainer .reviewsContainer .date {
  font-size: 12px;
  color: #757575;
}
.productHotel
  .informationContainer
  .detailsContainer
  .reviewsContainer
  .date
  md-icon {
  font-size: 14px;
  color: #757575;
  height: 14px;
  min-height: 14px;
  width: 18px;
  min-width: 14px;
}
.productHotel .informationContainer .detailsContainer .reviewsContainer .text {
  font-size: 14px;
  color: #757575;
}
.productHotel
  .informationContainer
  .detailsContainer
  .tripAdvisorWarningLegend {
  font-size: 10px;
  color: #757575;
}

.productHotel .hotelDescription .title {
  color: #7da6bf;
  font-weight: bold;
}
.productHotel .hotelDescription .text {
  color: #757575;
}
.productHotel .btnReadMoreInformation {
  color: #7da6bf;
}
.productHotel .btnReadMoreInformation md-icon {
  color: #7da6bf;
}
/***ENDHOTELS***/
/***ACTIVITIES***/
.md-dialog .md-dialog-content.loadingValuation md-progress-circular path {
  stroke: #7da6bf;
}
.md-dialog .md-dialog-content.loadingValuation span {
  color: #7da6bf;
  font-weight: bold;
}

.productActivity .activityName {
  color: #7da6bf;
  font-size: 32px;
}
.productActivity .activityDestination {
  color: #757575;
  font-size: 14px;
}
.productActivity .activityDestination md-icon {
  color: #757575;
  font-size: 14px;
  min-width: 18px;
  width: 18px;
}
.productActivity .btnBooking {
  color: #ffffff;
  background-color: #c59330;
  margin: 0px;
}

.productActivity .activityGeneralData {
  background-color: #fff;
  margin-bottom: 20px;
}
.productActivity .activityGeneralData .iconInfo {
  color: #c59330;
  font-style: italic;
  font-size: 50px;
  font-weight: bold;
  font-family: times-new-roman;
  padding-left: 10px;
}
.productActivity .activityGeneralData .messageInfo {
  padding-left: 10px;
  margin-top: 15px;
  color: #7da6bf;
}
.productActivity .activityGeneralData .priceInformation {
  padding-right: 10px;
  margin-top: 15px;
  color: #7da6bf;
  text-align: right;
}
.productActivity .activityGeneralData .priceInformation .info {
  color: #757575;
  font-size: 14px;
  line-height: 12px;
}
.productActivity .activityGeneralData .priceInformation .price {
  color: #c59330;
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
}
.productActivity .activityGeneralData .dateResume {
  padding: 10px;
  color: #757575;
}
.productActivity .activityGeneralData .dateResume .line + .line {
  margin-top: 5px;
}
.productActivity .activityGeneralData .dateResume md-icon {
  font-size: 36px;
  height: 36px;
  width: 36px;
}
.productActivity .activityGeneralData .dateResume span {
  line-height: 16px;
}
.productActivity .activityGeneralData .dateResume span > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.productActivity .activityGeneralData .shareActivity {
  padding: 10px;
}
.productActivity .activityGeneralData .shareActivity .title {
  padding: 5px 0;
  margin-top: 10px;
  color: #757575;
}
.productActivity .activityGeneralData .shareActivity .title md-icon {
  color: #7da6bf;
}
.productActivity .activityGeneralData .shareActivity .md-button.icon {
  padding: 5px;
  background-color: #7da6bf;
  color: #fff;
}
.productActivity .activityGeneralData .shareActivity .md-button.icon i {
  font-size: 25px;
}

.productActivity .galleryActivity {
  padding: 5px;
  margin-bottom: 20px;
  background-color: #fff;
}
.productActivity .galleryActivity .sliderImages {
  margin-bottom: 20px;
  padding: 0px;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -ms-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
  text-align: center;
  min-height: 150px;
  overflow: hidden;
}
.productActivity .galleryActivity .sliderImages img {
  opacity: 1;
  max-height: 600px;
  max-width: 50%;
}
.productActivity .galleryActivity .sliderImages img.ng-hide-add {
  position: absolute;
  top: 0;
  opacity: 1;
}
.productActivity
  .galleryActivity
  .sliderImages
  img.ng-hide-add.ng-hide-add-active {
  opacity: 0;
}
.productActivity .galleryActivity .sliderImages img.ng-hide-remove {
  opacity: 0;
}
.productActivity
  .galleryActivity
  .sliderImages
  img.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.productActivity .galleryActivity .sliderImages .arrow {
  cursor: pointer;
  margin-top: -35px;
  outline: medium none;
  position: absolute;
  top: 50%;
  font-size: 64px;
  color: #666;
  z-index: 5;
}
.productActivity .galleryActivity .sliderImages .arrow.prev {
  left: 20px;
  opacity: 0.6;
  transition: all 0.2s linear 0s;
}
.productActivity .galleryActivity .sliderImages .arrow.next {
  opacity: 0.6;
  right: 20px;
  transition: all 0.2s linear 0s;
}
.productActivity .galleryActivity .sliderImages .arrow.prev:hover {
  opacity: 1;
}
.productActivity .galleryActivity .sliderImages .arrow.next:hover {
  opacity: 1;
}

.productActivity .modalitiesContainer {
  background-color: #fff;
}
.productActivity .modalitiesContainer .searchCalendar {
  background-color: #ffffff;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #666;
}
.productActivity .modalitiesContainer .searchCalendar .title {
  color: #666;
  font-weight: bold;
  font-size: 16px;
}
.productActivity
  .modalitiesContainer
  .searchCalendar
  .ui-datepicker.ui-datepicker-inline {
  width: 100% !important;
}

.productActivity .modalitiesContainer .loadingResults {
  background-color: #fff;
  text-align: center;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  padding: 15px;
}
.productActivity
  .modalitiesContainer
  .loadingResults
  md-progress-circular
  path {
  stroke: #7da6bf;
}
.productActivity .modalitiesContainer .loadingResults span {
  color: #7da6bf;
  font-weight: bold;
}

.productActivity .modalitiesContainer .modalityContainer {
  background-color: #fff;
  border: 2px solid #e6e6e6;
}
.productActivity .modalitiesContainer .modalityContainer + .modalityContainer {
  margin-top: 15px;
}
.productActivity .modalitiesContainer .modalityContainer .modalityName {
  padding: 10px;
  background-color: #e6e6e6;
  font-size: 20px;
}
.productActivity
  .modalitiesContainer
  .modalityContainer
  .paxesContainer
  + .paxesContainer {
  border-top: 1px solid #e6e6e6;
}
.productActivity
  .modalitiesContainer
  .modalityContainer
  .paxesContainer
  > .paxType {
  float: left;
  display: inline-block;
  padding: 6px 0 0 5px;
  color: #757575;
  width: 40%;
  font-weight: bold;
  line-height: 30px;
}
.productActivity
  .modalitiesContainer
  .modalityContainer
  .paxesContainer
  > .paxQuantity {
  float: left;
  display: inline-block;
  padding: 6px 0 0 5px;
  color: #757575;
  width: 60%;
}
.productActivity
  .modalitiesContainer
  .modalityContainer
  .paxesContainer
  .paxQuantity
  .price {
  font-size: 20px;
  color: #c59330;
  font-weight: bold;
}
.productActivity
  .modalitiesContainer
  .modalityContainer
  .paxesContainer
  .paxQuantity
  md-input-container {
  margin: 3px 0;
}

.productActivity .modalitiesContainer .totalPrice {
  float: right;
  display: inline;
  padding: 15px 0;
}
.productActivity .modalitiesContainer .totalPrice > div {
  line-height: 35px;
  float: left;
  margin-right: 5px;
}
.productActivity .modalitiesContainer .totalPrice > div > span {
  color: #757575;
  font-weight: bold;
}
.productActivity .modalitiesContainer .totalPrice > div > .price {
  color: #c59330;
  font-size: 20px;
  font-weight: bold;
}
.productActivity .modalitiesContainer .totalPrice .md-button {
  color: #ffffff;
  background-color: #c59330;
  margin: 0px;
}

.productActivity .informationContainer {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  padding: 15px;
}
.productActivity .informationContainer .detailsTitle {
  color: #7da6bf;
  font-weight: bold;
}
.productActivity .informationContainer .detailsTitle md-icon {
  color: #757575;
}
/***ENDACTIVITIES***/
/***FERRIES***/
.availFerries .resultsContainer {
  padding-left: 0;
}
@media (max-width: 991px) {
  .availFerries .resultsContainer {
    padding-right: 0;
  }
}
.availFerries .resultsContainer + .resultsContainer {
  padding-right: 0;
}

.availFerries .resultsContainer .journeyBox {
  padding: 15px;
  background: #e6e6e6;
  color: #7da6bf;
  margin-bottom: 20px;
}
.availFerries .resultsContainer .journeyBox .type {
  padding: 3px 0;
}
.availFerries .resultsContainer .journeyBox .type md-icon {
  font-size: 38px;
  width: 60px;
  height: 38px;
  color: #7da6bf;
}
.availFerries .resultsContainer .journeyBox .type md-icon i {
  color: #7da6bf;
  font-size: 16px;
  vertical-align: top;
  line-height: 38px;
}
.availFerries .resultsContainer .journeyBox .boxTitle {
  padding: 0 10px;
  font-weight: bold;
}
.availFerries .resultsContainer .journeyBox .boxTitle .title {
  font-size: 20px;
  color: #7da6bf;
  font-weight: normal;
}

.availFerries .resultsContainer .ferryContainer {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  padding: 0;
}
.availFerries .resultsContainer .ferryContainer.selected {
  border: 2px solid #7da6bf;
}
.availFerries .resultsContainer > .title {
  float: left;
  display: inline;
  width: auto;
  text-align: left;
  font-size: 18px;
  text-transform: uppercase;
  padding-top: 25px;
  padding-bottom: 25px;
  color: #666;
}
.availFerries .resultsContainer .filtersContainer .title {
  text-align: right;
  font-size: 18px;
  text-transform: uppercase;
  padding: 25px 5px;
  color: #666;
}
.availFerries .resultsContainer .ferryContainer > .boxRadio {
  background-color: #e6e6e6;
  width: 30px;
  position: absolute;
  height: 100%;
}
.availFerries .resultsContainer .ferryContainer > .boxRadio md-radio-button {
  left: 5px;
  top: 42%;
}
.availFerries .resultsContainer .ferryContainer.selected > .boxRadio {
  background-color: rgba(88, 180, 229, 0.3);
}
.availFerries .resultsContainer .ferryContainer > .boxLabel {
  margin-left: 30px;
}
.availFerries .resultsContainer .ferryContainer > .boxLabel.journeyDisabled {
  opacity: 0.38;
}

.availFerries .resultsContainer .ferryContainer .journeyContainer .boxSupplier {
  padding: 10px 5px;
  text-align: right;
  line-height: 48px;
}
.availFerries
  .resultsContainer
  .ferryContainer
  .journeyContainer
  .boxSupplier
  md-icon
  i {
  color: #7da6bf;
  font-size: 16px;
  vertical-align: top;
  line-height: 38px;
}
.availFerries .resultsContainer .ferryContainer .journeyContainer .infoJourney {
  padding: 10px 0;
}
.availFerries
  .resultsContainer
  .ferryContainer
  .journeyContainer
  .infoJourney
  .infoOrigin {
  text-align: right;
  line-height: 20px;
  padding: 5px 0 0;
}
.availFerries
  .resultsContainer
  .ferryContainer
  .journeyContainer
  .infoJourney
  .infoDestination {
  text-align: left;
  line-height: 20px;
  padding: 5px 0 0;
}
.availFerries
  .resultsContainer
  .ferryContainer
  .journeyContainer
  .infoJourney
  .infoDestination
  b
  small {
  color: #f44336;
}
.availFerries
  .resultsContainer
  .ferryContainer
  .journeyContainer
  .infoJourney
  .infoOrigin
  span,
.availFerries
  .resultsContainer
  .ferryContainer
  .journeyContainer
  .infoJourney
  .infoDestination
  span {
  color: #666;
  display: block;
}
.availFerries
  .resultsContainer
  .ferryContainer
  .journeyContainer
  .infoJourney
  .infoItinerary {
  padding: 0;
  text-align: center;
}
.availFerries
  .resultsContainer
  .ferryContainer
  .journeyContainer
  .infoJourney
  ul.itinerary-line {
  height: 2px;
  width: 93%;
  background-color: #7da6bf;
  margin: 2px auto;
  position: relative;
  padding: 0;
}
.availFerries
  .resultsContainer
  .ferryContainer
  .journeyContainer
  .infoJourney
  ul.itinerary-line
  li {
  list-style-type: none;
}
.availFerries
  .resultsContainer
  .ferryContainer
  .journeyContainer
  .infoJourney
  ul.itinerary-line
  li.itinerary-scale {
  width: 8px;
  height: 8px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Ccircle fill='%23fff' cx='4' cy='4' r='3'/%3E%3Cpath fill='%237da6bf' d='M4 2c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-2C1.8 0 0 1.8 0 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4z'/%3E%3C/svg%3E");
  line-height: 0;
  position: relative;
  vertical-align: top;
  top: -3px;
  text-indent: 0;
  display: inline-block;
  zoom: 1;
  margin: 0 3%;
}
.availFerries
  .resultsContainer
  .ferryContainer
  .journeyContainer
  .infoJourney
  ul.itinerary-line
  li.itinerary-stop {
  content: " ";
  width: 21px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='210' height='120' viewBox='0 0 210 120'%3E%3Cpath d='M13 1.124v9.784c0 .971 1.197 1.419 1.915.822l5.666-4.855c.559-.448.559-1.195 0-1.643L14.915.303C14.197-.369 13 .154 13 1.124z' fill='%237da6bf'/%3E%3C/svg%3E");
  position: absolute;
  right: -1px;
  top: -5px;
}
.availFerries
  .resultsContainer
  .ferryContainer
  .journeyContainer
  .infoJourney
  .infoItinerary
  .scalePorts {
  color: #666;
}
.availFerries
  .resultsContainer
  .ferryContainer
  .journeyContainer
  .infoJourney
  .infoItinerary
  .scalePorts
  span
  + span::before {
  content: ",";
}
.availFerries
  .resultsContainer
  .ferryContainer
  .journeyContainer
  .infoJourney
  .infoItinerary
  .ship {
  color: #666;
  font-weight: bold;
}
.availFerries
  .resultsContainer
  .ferryContainer
  .journeyContainer
  .infoJourney
  .infoItinerary
  .nightly {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  color: #f44336;
}
.availFerries
  .resultsContainer
  .ferryContainer
  .journeyContainer
  .infoJourney
  .infoItinerary
  .nightly
  md-icon {
  color: #f44336;
  font-size: 14px;
  min-width: 12px;
  width: 12px;
  height: 12px;
  min-height: 12px;
}

.availFerries .resultsContainer .ferryContainer .tariffContainer {
  padding-left: 30px;
}
.availFerries
  .resultsContainer
  .ferryContainer
  .tariffContainer
  .headerOptions {
  background: #7da6bf;
  height: 40px;
  padding: 10px;
  color: #fff;
}
.availFerries
  .resultsContainer
  .ferryContainer
  .tariffContainer
  .headerOptions
  i {
  font-size: 14px;
  color: #fff;
}
.availFerries
  .resultsContainer
  .ferryContainer
  .tariffContainer
  .headerOptions
  span {
  font-size: 10px;
}
.availFerries .resultsContainer .ferryContainer .tariffContainer .tariffTitle {
  padding: 10px;
  background-color: #e6e6e6;
  color: #757575;
  font-weight: bold;
  line-height: 13px;
}
.availFerries
  .resultsContainer
  .ferryContainer
  .tariffContainer
  .tariffTitle
  small {
  font-weight: normal;
}
.availFerries .resultsContainer .ferryContainer .tariffContainer .boxOption {
  border: 1px solid #e6e6e6;
  padding: 0px;
}
.availFerries
  .resultsContainer
  .ferryContainer
  .tariffContainer
  .boxOption.selected {
  border: 2px solid rgba(88, 180, 229, 0.3);
  background-color: rgba(88, 180, 229, 0.3);
}
.availFerries
  .resultsContainer
  .ferryContainer
  .tariffContainer
  .boxOption
  md-radio-button {
  margin-bottom: 0;
  padding: 12px 0;
}
.availFerries
  .resultsContainer
  .ferryContainer
  .tariffContainer
  .boxOption
  md-radio-button
  .md-container {
  left: 5px;
}
.availFerries
  .resultsContainer
  .ferryContainer
  .tariffContainer
  .boxOption
  md-radio-button
  .md-label {
  width: 90%;
  background-color: #fff;
}
.availFerries
  .resultsContainer
  .ferryContainer
  .tariffContainer
  .boxOption.selected
  md-radio-button
  .md-label {
  background-color: transparent;
}
.availFerries
  .resultsContainer
  .ferryContainer
  .tariffContainer
  .boxOption
  .boxRadio {
  background-color: #e6e6e6;
  width: 30px;
  position: absolute;
  height: 100%;
}
.availFerries
  .resultsContainer
  .ferryContainer
  .tariffContainer
  .boxOption.selected
  .boxRadio {
  background-color: transparent;
}
.availFerries
  .resultsContainer
  .ferryContainer
  .tariffContainer
  .boxOption
  .optionLabel {
  padding-left: 3px;
  font-size: 16px;
}
.availFerries
  .resultsContainer
  .ferryContainer
  .tariffContainer
  .boxOption
  .optionLabel.witchPromotion {
  font-size: 16px;
  line-height: 16px;
}
.availFerries
  .resultsContainer
  .ferryContainer
  .tariffContainer
  .boxOption
  .optionLabel
  .promotion {
  font-size: 12px;
  display: block;
  max-width: 200px;
  line-height: 12px;
}
.availFerries
  .resultsContainer
  .ferryContainer
  .tariffContainer
  .boxOption
  md-radio-button[disabled]
  .optionLabel
  .promotion {
  color: rgba(0, 0, 0, 0.38);
}
.availFerries
  .resultsContainer
  .ferryContainer
  .tariffContainer
  .boxOption
  .boxPrice {
  margin-left: 20px;
  font-size: 11px;
}
.availFerries
  .resultsContainer
  .ferryContainer
  .tariffContainer
  .boxOption
  .boxPrice
  .price {
  text-align: right;
  font-size: 16px;
  color: #757575;
  font-weight: bold;
}
.availFerries
  .resultsContainer
  .ferryContainer
  .tariffContainer
  .boxOption
  md-radio-button[disabled]
  .boxPrice
  .price {
  color: rgba(0, 0, 0, 0.38);
}

.ferryResume .journeyContainer {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  padding: 0;
}
.ferryResume .journeyContainer .boxSupplier {
  padding-top: 20px;
}
.ferryResume .journeyContainer .infoJourney {
  padding: 10px 0;
}
.ferryResume .journeyContainer .infoJourney .infoOrigin {
  text-align: right;
  line-height: 20px;
  padding: 5px 0 0;
}
.ferryResume .journeyContainer .infoJourney .infoDestination {
  text-align: left;
  line-height: 20px;
  padding: 5px 0 0;
}
.ferryResume .journeyContainer .infoJourney .infoDestination b small {
  color: #f44336;
}
.ferryResume .journeyContainer .infoJourney .infoOrigin span,
.ferryResume .journeyContainer .infoJourney .infoDestination span {
  color: #666;
  display: block;
}
.ferryResume .journeyContainer .infoJourney .infoItinerary {
  padding: 0;
  text-align: center;
}
.ferryResume .journeyContainer .infoJourney ul.itinerary-line {
  height: 2px;
  width: 93%;
  background-color: #7da6bf;
  margin: 2px auto;
  position: relative;
  padding: 0;
}
.ferryResume .journeyContainer .infoJourney ul.itinerary-line li {
  list-style-type: none;
}
.ferryResume
  .journeyContainer
  .infoJourney
  ul.itinerary-line
  li.itinerary-scale {
  width: 8px;
  height: 8px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Ccircle fill='%23fff' cx='4' cy='4' r='3'/%3E%3Cpath fill='%237da6bf' d='M4 2c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-2C1.8 0 0 1.8 0 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4z'/%3E%3C/svg%3E");
  line-height: 0;
  position: relative;
  vertical-align: top;
  top: -3px;
  text-indent: 0;
  display: inline-block;
  zoom: 1;
  margin: 0 3%;
}
.ferryResume
  .journeyContainer
  .infoJourney
  ul.itinerary-line
  li.itinerary-stop {
  content: " ";
  width: 21px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='210' height='120' viewBox='0 0 210 120'%3E%3Cpath d='M13 1.124v9.784c0 .971 1.197 1.419 1.915.822l5.666-4.855c.559-.448.559-1.195 0-1.643L14.915.303C14.197-.369 13 .154 13 1.124z' fill='%237da6bf'/%3E%3C/svg%3E");
  position: absolute;
  right: -1px;
  top: -5px;
}
.ferryResume .journeyContainer .infoJourney .infoItinerary .scalePorts {
  color: #666;
}
.ferryResume
  .journeyContainer
  .infoJourney
  .infoItinerary
  .scalePorts
  span
  + span::before {
  content: ",";
}
.ferryResume .journeyContainer .infoJourney .infoItinerary .ship {
  color: #666;
  font-weight: bold;
}
.ferryResume .journeyContainer .tariffTitle {
  padding: 10px;
  background-color: #e6e6e6;
  color: #757575;
  font-weight: bold;
  line-height: 13px;
}
.ferryResume .journeyContainer .tariffTitle small {
  font-weight: normal;
}
.ferryResume .journeyContainer .accommodationLine {
  padding: 10px;
  color: #757575;
}
.ferryResume .goBooking,
.ferryResume .goBooking:hover,
.ferryResume .goBooking.md-focused {
  background: #c59330;
  color: #ffffff;
  font-weight: bold;
  margin: 0;
}
.ferryResume .breakdown {
  padding-right: 0;
  color: #666;
}
.ferryResume .breakdown .line {
  padding-top: 8px;
  padding-bottom: 8px;
}
.ferryResume .breakdown .line .price {
  text-align: right;
}
.ferryResume .breakdown .clearfix + .line {
  border-top: 2px dotted #e6e6e6;
}
.ferryResume .totalPrice {
  color: #666;
  font-weight: bold;
  font-size: 15px;
  text-align: right;
}
.ferryResume .totalPrice .price {
  font-size: 25px;
  color: #7da6bf;
}
.ferryResume .totalPrice .priceBreakdown {
  text-transform: none;
  color: #ffa726;
  margin: 0;
  font-size: 13px;
  font-weight: normal;
}
.ferryResume .totalPrice .priceBreakdown md-icon {
  color: #ffa726;
  margin: 0;
  font-size: 20px;
  height: 22px;
  width: 20px;
  min-height: 22px;
  min-width: 20px;
}
.ferryResume .totalPrice .b2bInfoPrice {
  font-size: 12px;
}
.ferryResume .totalPrice .b2bInfoPrice .price {
  font-size: 20px;
}

/***ENDFERRIES***/
/***FLIGHTS***/
.autocomplete-flight-airport li {
  height: auto;
  padding-top: 8px;
  padding-bottom: 8px;
}
.autocomplete-flight-airport .item-title .item-title {
  line-height: 16px;
  display: block;
  font-size: 14px;
}
.autocomplete-flight-airport .item-title .item-metadata {
  display: block;
  line-height: 12px;
  font-size: 14px;
}
tws-searcher-flights .btnAddFlight {
  display: block;
  margin-bottom: 18px;
  color: #c59330;
  font-weight: bold;
}
tws-searcher-flights .btnAddFlight md-icon {
  color: #c59330;
  font-weight: normal;
  font-size: 20px;
  min-width: 20px;
  min-height: 20px;
  height: 20px;
  width: 20px;
}
tws-searcher-flights md-icon.btnDeleteFlight {
  position: relative;
  top: 15px;
  color: #c59330;
  font-weight: normal;
}

.availFlights md-icon.rotate {
  transform: rotate(45deg);
}

.flightBreakdown .info {
  padding: 10px;
  background-color: #e6e6e6;
}
.flightBreakdown .info .title {
  color: #7da6bf;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
.flightBreakdown .info .description {
  color: #666;
  font-size: 13px;
}
.flightBreakdown .breakdown {
  padding-right: 0;
  color: #666;
}
.flightBreakdown .breakdown .line {
  padding-top: 8px;
  padding-bottom: 8px;
}
.flightBreakdown .breakdown .line + .line {
  border-top: 2px dotted #e6e6e6;
}
.flightBreakdown .breakdown .line.total {
  border-top: 2px solid #e6e6e6;
}
.flightBreakdown .breakdown .line .price {
  font-weight: bold;
  text-align: right;
}
.flightBreakdown .breakdown .line.total .price {
  font-size: 18px;
  color: #7da6bf;
}
/***ENDFLIGHTS***/
/***TRANSFERS***/
.autocomplete-transfer-airport li {
  height: auto;
  padding-top: 8px;
  padding-bottom: 8px;
}
.autocomplete-transfer-airport .item-title .item-title {
  line-height: 16px;
  display: block;
  font-size: 14px;
}
.autocomplete-transfer-airport .item-title .item-metadata {
  display: block;
  line-height: 12px;
  font-size: 14px;
}

.availTransfers md-icon.rotate {
  transform: rotate(45deg);
}

.availTransfers .resultsContainer {
  padding-left: 0;
}
@media (max-width: 991px) {
  .availTransfers .resultsContainer {
    padding-right: 0;
  }
}
.availTransfers .resultsContainer + .resultsContainer {
  padding-right: 0;
}

.availTransfers .resultsContainer .journeyBox {
  padding: 15px;
  background: #e6e6e6;
  color: #7da6bf;
  margin-bottom: 20px;
}
.availTransfers .resultsContainer .journeyBox .type {
  padding: 3px 0;
}
.availTransfers .resultsContainer .journeyBox .type md-icon {
  font-size: 38px;
  width: 60px;
  height: 38px;
  color: #7da6bf;
}
.availTransfers .resultsContainer .journeyBox .type md-icon i {
  color: #7da6bf;
  font-size: 16px;
  vertical-align: top;
  line-height: 38px;
}
.availTransfers .resultsContainer .journeyBox .boxTitle {
  padding: 0 10px;
  font-weight: bold;
}
.availTransfers .resultsContainer .journeyBox .boxTitle .title {
  font-size: 20px;
  color: #7da6bf;
  font-weight: normal;
  margin-top: 8px;
}
.availTransfers .resultsContainer .journeyBox .boxTitle .subtitle {
  font-size: 18px;
  color: #7da6bf;
  font-weight: normal;
}

.availTransfers .resultsContainer .transferContainer {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  padding: 0;
}
.availTransfers .resultsContainer .transferContainer.selected {
  border: 2px solid #7da6bf;
}
.availTransfers .resultsContainer > .title {
  float: left;
  display: inline;
  width: auto;
  text-align: left;
  font-size: 18px;
  text-transform: uppercase;
  padding-top: 25px;
  padding-bottom: 25px;
  color: #666;
}
.availTransfers .resultsContainer .transferContainer > .boxRadio {
  background-color: #e6e6e6;
  width: 30px;
  position: absolute;
  height: 100%;
}
.availTransfers
  .resultsContainer
  .transferContainer
  > .boxRadio
  md-radio-button {
  left: 5px;
  top: 42%;
}
.availTransfers .resultsContainer .transferContainer.selected > .boxRadio {
  background-color: rgba(88, 180, 229, 0.3);
}
.availTransfers .resultsContainer .transferContainer > .boxLabel {
  margin-left: 30px;
}
.availTransfers
  .resultsContainer
  .transferContainer
  > .boxLabel.journeyDisabled {
  opacity: 0.38;
}

.availTransfers .resultsContainer .transferContainer .transferImg {
  padding: 0 10px;
  margin: 0;
  max-height: 172px;
  overflow: hidden;
}
.availTransfers
  .resultsContainer
  .transferContainer
  .transferImg
  .transferPriceDetails.info {
  color: #757575;
  font-size: 14px;
  text-align: center;
}
.availTransfers
  .resultsContainer
  .transferContainer
  .transferImg
  .transferPriceDetails.price {
  color: #7da6bf;
  font-size: 18px;
  font-weight: bold;
  min-height: 30px;
  line-height: 25px;
  text-align: center;
}
.availTransfers .resultsContainer .transferContainer .transferDetails {
  padding: 0;
  margin: 0;
}
.availTransfers
  .resultsContainer
  .transferContainer
  .transferDetails
  .transferName {
  color: #7da6bf;
  font-size: 18px;
  font-weight: bold;
}
.availTransfers
  .resultsContainer
  .transferContainer
  .transferDetails
  .transferInfoDetails {
  font-size: 0.8em;
}
.availTransfers
  .resultsContainer
  .transferContainer
  .transferDetails
  .transferInfoDetails
  ul.infoWaitings {
  list-style: none;
  margin: 0;
}
.availTransfers
  .resultsContainer
  .transferContainer
  .transferDetails
  .transferInfoDetails
  ul.infoGeneral {
  list-style: none;
  padding-left: 0;
}
.availTransfers
  .resultsContainer
  .transferContainer
  .transferDetails
  .transferInfoDetails
  ul.infoGeneral
  li {
  padding-left: 1em;
  text-indent: -0.7em;
}
.availTransfers
  .resultsContainer
  .transferContainer
  .transferDetails
  .transferInfoDetails
  ul.infoGeneral
  li::before {
  content: "• ";
  color: #7da6bf;
  font-weight: bold;
  font-size: 14px;
}
.availTransfers
  .resultsContainer
  .transferContainer
  .transferDetails
  .transferInfoDetails
  .moreInformation {
  color: #c59330;
  font-weight: bold;
  min-height: 36px;
  line-height: 36px;
  margin: 0 8px;
}

.transferExtendInformation .boxDescripcion {
  margin-bottom: 25px;
}
.transferExtendInformation .title {
  color: #7da6bf;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 1px solid #e6e6e6;
}
.transferExtendInformation ul {
  list-style: none;
  padding-left: 0;
}
.transferExtendInformation ul li {
  padding-left: 1em;
  text-indent: -0.7em;
}
.transferExtendInformation ul li::before {
  content: "• ";
  color: #7da6bf;
  font-weight: bold;
  font-size: 14px;
}

.transferResume .transferContainer {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  padding: 0;
}
.transferResume .transferContainer .transferImg {
  padding: 0 10px;
  margin: 0;
  max-height: 172px;
  overflow: hidden;
}
.transferResume .transferContainer .transferImg .transferPriceDetails.info {
  color: #757575;
  font-size: 14px;
  text-align: center;
}
.transferResume .transferContainer .transferImg .transferPriceDetails.price {
  color: #7da6bf;
  font-size: 18px;
  font-weight: bold;
  min-height: 30px;
  line-height: 25px;
  text-align: center;
}
.transferResume .transferContainer .transferDetails {
  padding: 0;
  margin: 0;
}
.transferResume .transferContainer .transferDetails .transferName {
  color: #7da6bf;
  font-size: 18px;
  font-weight: bold;
}
.transferResume .transferContainer .transferDetails .transferInfoDetails {
  font-size: 0.8em;
}
.transferResume
  .transferContainer
  .transferDetails
  .transferInfoDetails
  ul.infoWaitings {
  list-style: none;
  margin: 0;
}
.transferResume
  .transferContainer
  .transferDetails
  .transferInfoDetails
  ul.infoGeneral {
  list-style: none;
  padding-left: 0;
}
.transferResume
  .transferContainer
  .transferDetails
  .transferInfoDetails
  ul.infoGeneral
  li {
  padding-left: 1em;
  text-indent: -0.7em;
}
.transferResume
  .transferContainer
  .transferDetails
  .transferInfoDetails
  ul.infoGeneral
  li::before {
  content: "• ";
  color: #7da6bf;
  font-weight: bold;
  font-size: 14px;
}
.transferResume .goBooking,
.transferResume .goBooking:hover,
.transferResume .goBooking.md-focused {
  background: #c59330;
  color: #ffffff;
  font-weight: bold;
  margin: 0;
}
.transferResume .totalPrice {
  color: #666;
  font-weight: bold;
  font-size: 15px;
  text-align: right;
}
.transferResume .totalPrice .price {
  font-size: 25px;
  color: #7da6bf;
}
.transferResume .totalPrice .priceBreakdown {
  text-transform: none;
  color: #ffa726;
  margin: 0;
  font-size: 13px;
  font-weight: normal;
}
.transferResume .totalPrice .priceBreakdown md-icon {
  color: #ffa726;
  margin: 0;
  font-size: 20px;
  height: 22px;
  width: 20px;
  min-height: 22px;
  min-width: 20px;
}
.transferResume .totalPrice .b2bInfoPrice {
  font-size: 12px;
}
.transferResume .totalPrice .b2bInfoPrice .price {
  font-size: 20px;
}
/***ENDTRANSFERS***/
/***INSURANCES***/
tws-searcher-insurances .inputPrice md-icon {
  font-size: 14px;
  line-height: 16px;
}
/***ENDINSURANCES***/
/***TOURS***/
.availTours .resultsContainer .orderTools span.titleOrder {
  width: 20%;
}
.availTours .resultsContainer .orderTools .md-button {
  width: 20%;
}

.availTours .resultsContainer .tourContainer {
  background-color: #fff;
  padding: 25px 0px;
  margin-bottom: 25px;
  border: 1px solid #e6e6e6;
}
.availTours .resultsContainer .tourContainer .tourImg {
  padding: 0 10px;
  margin: 0;
  max-height: 172px;
  overflow: hidden;
}
.availTours .resultsContainer .tourContainer .tourDetailsBox {
  padding: 0;
  margin: 0;
}
.availTours .resultsContainer .tourContainer .tourDetails {
  padding: 0;
  margin: 0;
}
.availTours .resultsContainer .tourContainer .tourDetails .tourName {
  color: #7da6bf;
  font-size: 18px;
  font-weight: bold;
}
.availTours .resultsContainer .tourContainer .tourDetails .tourName a {
  color: #7da6bf;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
}
.availTours .resultsContainer .tourContainer .tourDetails .tourLocDetails {
  color: #757575;
}
.availTours
  .resultsContainer
  .tourContainer
  .tourDetails
  .tourLocDetails
  md-icon {
  font-size: 22px;
  color: #757575;
}
.availTours .resultsContainer .tourContainer .tourDetails .tourDeparture {
  color: #757575;
}
.availTours
  .resultsContainer
  .tourContainer
  .tourDetails
  .tourDeparture
  md-icon {
  font-size: 22px;
  color: #757575;
}
.availTours .resultsContainer .tourContainer .tourDetails .tourDescription {
  color: #666;
  font-size: 12px;
  font-weight: normal;
}
.availTours
  .resultsContainer
  .tourContainer
  .tourDetails
  .tourDescription
  strong {
  color: #666;
  font-size: 12px;
  font-weight: normal;
}
.availTours .resultsContainer .tourContainer .tourDetails .tourCategories span {
  border: 2px solid #7da6bf;
  color: #7da6bf;
  font-size: 12px;
  padding: 3px 8px;
  font-weight: bold;
  margin-left: 5px;
}
.availTours .resultsContainer .tourContainer .tourPriceDetails {
  padding: 0 10px;
  margin: 0;
  text-align: center;
}
.availTours .resultsContainer .tourContainer .tourPriceDetails .info {
  color: #757575;
}
.availTours .resultsContainer .tourContainer .tourPriceDetails .price {
  color: #c59330;
  font-size: 24px;
  font-weight: bold;
}
.availTours .resultsContainer .tourContainer .tourPriceDetails .duration {
  color: #757575;
  font-size: 14px;
}
.availTours .resultsContainer .tourContainer .tourIncludesDetails {
  padding: 15px 10px;
  margin: 15px 0 0 0;
  border-top: 2px solid #e6e6e6;
}
.availTours
  .resultsContainer
  .tourContainer
  .tourIncludesDetails
  .includesList
  b {
  color: #7da6bf;
}
.availTours
  .resultsContainer
  .tourContainer
  .tourIncludesDetails
  .md-button.viewMap {
  margin: 0;
  text-transform: none;
  font-size: 14px;
  color: #7da6bf;
}
.availTours
  .resultsContainer
  .tourContainer
  .tourIncludesDetails
  .md-button.viewTour {
  color: #ffffff;
  margin: 0px;
  background-color: #c59330;
  text-transform: none;
}

.productTour .headerFixed {
  background-color: #7da6bf;
  color: #fff;
  visibility: hidden;
  height: 0px;
}
.productTour .headerFixed > .container {
  display: none;
}
.productTour .headerFixed .name {
  font-size: 14px;
  padding: 8px;
}
.productTour .headerFixed .name .iconInfo {
  font-style: italic;
  font-size: 20px;
  font-weight: bold;
  font-family: times-new-roman;
  line-height: 13px;
}
.productTour .headerFixed .md-button.btnMenu {
  color: #ffffff;
  background-color: transparent;
  padding: 0 2px;
  min-height: 24px;
  height: 24px;
  min-width: auto;
  box-shadow: none;
}
.productTour .headerFixed .info {
  font-size: 14px;
  text-align: right;
}
.productTour .headerFixed .info .md-button.btnSearch {
  color: #ffffff;
  background-color: #c59330;
  padding: 0 10px;
  min-height: 24px;
  height: 24px;
}
.productTour .headerFixed.fix-to-top {
  position: fixed;
  z-index: 99999;
  width: 100%;
  left: 0;
  top: 0;
  visibility: visible;
  padding: 5px;
  height: auto;
}
.productTour .headerFixed.fix-to-top > .container {
  display: inherit;
}
.productTour .tourName {
  color: #7da6bf;
  font-size: 32px;
  font-weight: 700;
  padding: 10px 0 0;
  margin-top: 25px;
}
.productTour .tourDestinations {
  color: #757575;
  font-size: 16px;
  margin-top: 5px;
}
.productTour .tourDestinations md-icon {
  color: #757575;
  font-size: 15px;
  min-width: 15px;
  width: 15px;
}
.productTour .tourDestinations b {
  color: #7da6bf;
}
.productTour .tourCategories {
  padding-bottom: 10px;
}
.productTour .tourCategories span {
  border: 2px solid #7da6bf;
  color: #7da6bf;
  font-size: 12px;
  padding: 3px 8px;
  font-weight: bold;
  margin-left: 5px;
}

.productTour .galleryTour {
  padding: 5px;
  margin-bottom: 20px;
  background-color: #fff;
}
.productTour .galleryTour .sliderImages {
  margin-bottom: 20px;
  padding: 0px;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -ms-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
  text-align: center;
  min-height: 150px;
  overflow: hidden;
}
.productTour .galleryTour .sliderImages img {
  opacity: 1;
  max-height: 600px;
  max-width: 100%;
  border-radius: 12px;
}
.productTour .galleryTour .sliderImages img.ng-hide-add {
  position: absolute;
  top: 0;
  opacity: 1;
  -webkit-transition: 1s linear all;
  -moz-transition: 1s linear all;
  -o-transition: 1s linear all;
  transition: 1s linear all;
}
.productTour .galleryTour .sliderImages img.ng-hide-add.ng-hide-add-active {
  opacity: 0;
}
.productTour .galleryTour .sliderImages img.ng-hide-remove {
  -webkit-transition: 1s linear all;
  -moz-transition: 1s linear all;
  -o-transition: 1s linear all;
  transition: 1s linear all;
  opacity: 0;
}
.productTour
  .galleryTour
  .sliderImages
  img.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.productTour .galleryTour .sliderImages .arrow {
  cursor: pointer;
  margin-top: -35px;
  outline: medium none;
  position: absolute;
  top: 50%;
  font-size: 64px;
  color: #666;
  z-index: 5;
}
.productTour .galleryTour .sliderImages .arrow.prev {
  left: 20px;
  opacity: 0.6;
  transition: all 0.2s linear 0s;
}
.productTour .galleryTour .sliderImages .arrow.next {
  opacity: 0.6;
  right: 20px;
  transition: all 0.2s linear 0s;
}
.productTour .galleryTour .sliderImages .arrow.prev:hover {
  opacity: 1;
}
.productTour .galleryTour .sliderImages .arrow.next:hover {
  opacity: 1;
}

.productTour .shortDescription {
  color: #757575;
  font-size: 15px;
  text-align: center;
}
.productTour .includesDescription {
  margin-top: 15px;
  color: #757575;
  font-size: 14px;
}
.productTour .includesDescription .title {
  font-family: "Source Sans Pro", sans-serif;
  color: #7da6bf;
  border-top: 2px solid #e6e6e6;
  border-bottom: 2px solid #e6e6e6;
  padding: 15px 0;
  text-align: center;
  font-size: 14px;
}
.productTour .includesDescription .boxInclude {
  padding: 10px;
  height: inherit;
}
.productTour .includesDescription .boxInclude > md-icon {
  float: left;
  display: inline;
  font-size: 35px;
  min-width: 35px;
  min-height: 35px;
  line-height: 35px;
  margin-right: 5px;
}
.productTour .includesDescription .boxInclude > span {
  float: left;
  display: inline;
  color: #757575;
  line-height: 12px;
  font-size: 14px;
  width: calc(100% - 40px);
}
.productTour .includesDescription .boxInclude > span b {
  color: #7da6bf;
  font-weight: bold;
  float: left;
  display: inline;
  line-height: 15px;
  width: 100%;
}
.productTour .includesDescription .boxInclude > span span {
  float: left;
  display: inline;
  width: 100%;
  line-height: 1.5em;
}
.productTour .itineraryDescription {
  margin-top: 15px;
  color: #757575;
  font-size: 14px;
}
.productTour .itineraryDescription > .title {
  color: #7da6bf;
  border-bottom: 2px solid #e6e6e6;
  padding: 15px 0;
  font-size: 14px;
  font-weight: bold;
}
.productTour .itineraryDescription > .title > .viewMap {
  background-color: #7da6bf;
  color: #fff;
  margin: 0;
  text-transform: none;
  font-size: 14px;
  min-height: 24px;
  height: 24px;
  line-height: 24px;
}
.productTour .itineraryDescription .dayItinerary {
  padding: 0 10px;
  border-left: 2px solid transparent;
}
.productTour .itineraryDescription .dayItinerary.contrast {
  border-left: 2px solid #7da6bf;
  background-color: #f7f7f7;
}
.productTour .itineraryDescription .dayItinerary .dayNumber {
  color: #7da6bf;
  font-size: 14px;
  padding: 23px 15px 20px 5px;
  text-align: right;
}
.productTour .itineraryDescription .dayItinerary .dayInformation {
  color: #757575;
  font-size: 13px;
  border-left: 2px solid #e6e6e6;
  padding: 20px 0 20px 10px;
}
.productTour .itineraryDescription .dayItinerary .dayInformation .dayNumber {
  padding: 0;
  text-align: left;
}
.productTour
  .itineraryDescription
  .dayItinerary
  .dayInformation
  .itinerary-day {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 24px;
  left: -11px;
  border: 3px solid #e6e6e6;
  border-radius: 50%;
  background-color: #7da6bf;
}
.productTour .itineraryDescription .dayItinerary .dayInformation .title {
  color: #7da6bf;
  font-size: 15px;
  font-weight: bold;
  padding: 5px 0;
}
.productTour .itineraryDescription .dayItinerary .dayInformation .description {
  color: #757575;
  font-size: 14px;
  line-height: 1.5em;
}
.productTour .itineraryDescription .dayItinerary .dayInformation .dayImage {
  padding: 0 0 0 s10px;
}
.productTour .itineraryDescription .dayItinerary .dayInformation .btnService {
  background-color: #7da6bf;
  color: #fff;
  text-transform: none;
  border-radius: 5rem;
  line-height: 1;
  min-height: 26px;
  height: 26px;
  padding: 3px 15px;
}
.productTour
  .itineraryDescription
  .dayItinerary
  .dayInformation
  .btnService
  md-icon {
  color: #fff;
  font-size: 17px;
  height: 20px;
  min-height: 20px;
}
.productTour .itineraryDescription .dayItinerary .dayInformation .btnService i {
  color: #c59330;
  font-weight: bold;
  font-size: 17px;
  line-height: 17px;
}
.productTour .modalityDescription {
  margin-top: 15px;
  color: #757575;
  font-size: 14px;
}
.productTour .modalityDescription > .title {
  color: #7da6bf;
  border-bottom: 2px solid #e6e6e6;
  padding: 15px 0;
  font-size: 14px;
  font-weight: bold;
}
.productTour .modalityDescription > md-tabs md-tabs-wrapper {
  border-color: #757575;
}
.productTour .modalityDescription > md-tabs md-pagination-wrapper,
.productTour .modalityDescription > md-tabs md-tabs-canvas {
  height: 36px;
}
.productTour .modalityDescription > md-tabs .md-tab {
  text-transform: none;
  font-size: 14px;
  color: #7da6bf;
  padding: 5px 24px;
}
.productTour .modalityDescription > md-tabs .md-tab.md-active {
  color: #fff;
  font-weight: bold;
  background-color: #7da6bf;
}
.productTour .modalityDescription > md-tabs md-ink-bar {
  background-color: #7da6bf;
}
.productTour .modalityDescription > md-tabs md-tab-content {
  padding: 10px;
}
.productTour .modalityDescription > md-tabs md-tab-content .subtitle,
.productTour .modalityDescription > md-tabs md-tab-content .subtitle a {
  color: #7da6bf;
  font-size: 18px;
  font-weight: bold;
}
.productTour .modalityDescription > md-tabs md-tab-content .subtitle md-icon {
  color: #7da6bf;
}
.productTour
  .modalityDescription
  > md-tabs
  md-tab-content
  .subtitle.hotel.destination {
  color: #757575;
  font-size: 14px;
}
.productTour
  .modalityDescription
  > md-tabs
  md-tab-content
  .subtitle.hotel.destination
  md-icon {
  color: #757575;
}
.productTour .additionalDescription {
  margin-top: 15px;
  color: #757575;
  font-size: 14px;
}
.productTour .additionalDescription > .title {
  color: #7da6bf;
  border-bottom: 2px solid #e6e6e6;
  padding: 15px 0;
  font-size: 14px;
  font-weight: bold;
}
.productTour .additionalDescription > .title i.iconInfo {
  color: #757575;
  font-style: italic;
  font-size: 21px;
  font-weight: bold;
  font-family: times-new-roman;
  padding: 0 9px;
}
.productTour .additionalDescription .boxDescription {
  padding: 10px 0;
}
.productTour .additionalDescription .boxDescription .title {
  color: #7da6bf;
  font-weight: bold;
  font-size: 14px;
}
.productTour .additionalDescription .boxDescription .text {
  color: #757575;
  font-size: 15px;
}

.productTour .cardHotel md-card .md-card-image {
  max-height: 156px;
  height: 156px;
}
.productTour .cardHotel md-card md-card-title {
  padding: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline;
}
.productTour .cardHotel md-card md-card-title .md-headline {
  color: #7da6bf;
  font-size: 15px;
  font-weight: bold;
  line-height: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
.productTour .cardHotel md-card md-card-title .md-subhead {
  padding: 0px;
  color: #757575;
  font-size: 12px;
  line-height: 14px;
}
.productTour .cardActivity md-card .md-card-image {
  max-height: 156px;
  height: 156px;
}
.productTour .cardActivity md-card md-card-title {
  padding: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline;
}
.productTour .cardActivity md-card md-card-title .md-headline {
  color: #7da6bf;
  font-size: 15px;
  font-weight: bold;
  line-height: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
.productTour .cardActivity md-card md-card-title .md-subhead {
  padding: 0px;
  color: #757575;
  font-size: 12px;
  line-height: 14px;
}
.productTour .cardInsurance md-card md-card-title {
  padding: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline;
}
.productTour .cardInsurance md-card md-card-title .md-headline {
  color: #7da6bf;
  font-size: 15px;
  font-weight: bold;
  line-height: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
.productTour .cardInsurance md-card md-card-title .md-subhead {
  padding: 0px;
  color: #757575;
  font-size: 12px;
  line-height: 14px;
}

.productTour .infoTour {
  background-color: #fff;
  margin-bottom: 20px;
  margin-top: 25px;
}
.productTour .infoTour .iconInfo {
  color: #e6e6e6;
  font-style: italic;
  font-size: 50px;
  font-weight: bold;
  font-family: times-new-roman;
  padding-left: 10px;
  line-height: 60px;
  width: 10%;
}
.productTour .infoTour .durationInformation {
  padding-left: 10px;
  margin-top: 12px;
  color: #7da6bf;
  text-align: right;
  width: 45%;
}
.productTour .infoTour .durationInformation .info {
  font-family: "Source Sans Pro", sans-serif;
  color: #757575;
  font-size: 14px;
  line-height: 12px;
}
.productTour .infoTour .durationInformation .duration {
  color: #7da6bf;
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
}
.productTour .infoTour .priceInformation {
  padding-right: 10px;
  margin-top: 12px;
  color: #7da6bf;
  text-align: right;
  width: 45%;
}
.productTour .infoTour .priceInformation .info {
  font-family: "Source Sans Pro", sans-serif;
  color: #757575;
  font-size: 14px;
  line-height: 12px;
}
.productTour .infoTour .priceInformation .price {
  color: #c59330;
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
}

.productTour .columRightDesktop .thumbImages {
  text-align: center;
  padding: 0;
}
.productTour .columRightDesktop .thumbImages li {
  border: 2px solid #fff;
  cursor: pointer;
  float: left;
  display: inline;
  margin: 0 2px 2px;
  width: 40px;
  height: 40px;
}
.productTour .columRightDesktop .thumbImages li.active {
  border: 2px solid #7da6bf;
}
.productTour .columRightDesktop .thumbImages li img {
  width: 100%;
  height: 100%;
}

.productTour .columRightDesktop .filesTour {
  padding: 10px;
}
.productTour .columRightDesktop .filesTour .md-button {
  width: 100%;
  margin: 6px 0;
}

.productTour .columRightDesktop .shareTour {
  padding: 10px;
}
.productTour .columRightDesktop .shareTour .md-button.icon {
  padding: 5px;
  background-color: #7da6bf;
  color: #fff;
}
.productTour .columRightDesktop .shareTour .md-button.icon i {
  font-size: 25px;
}

.productTour .searcherBox {
  padding: 15px;
  background-color: #7da6bf;
  color: #fff;
  border: 2px solid #7da6bf;
}
.productTour .searcherBox > .title {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 15px;
  padding: 15px 0;
}
.productTour .searcherBox > .subTitle {
  font-weight: bold;
}
.productTour .searcherBox > .infoSubTitle {
  font-size: 12px;
}
.productTour .searcherBox > .infoSubTitle md-icon {
  color: #7da6bf;
}
.productTour .searcherBox .includesBox {
  border-top: 2px solid #042f67;
  color: #757575;
  margin-top: 10px;
}
.productTour .searcherBox .includesBox .title {
  color: #fff;
  padding: 10px;
}
.productTour .searcherBox .includesBox .listBox {
  background-color: #fff;
}
.productTour .searcherBox .includesBox .listBox .line {
  padding: 5px 10px;
  font-size: 14px;
}
.productTour .searcherBox .includesBox .listBox .line md-icon {
  margin-right: 5px;
}
.productTour .searcherBox .includesBox .listBox .line + .line {
  border-top: 1px solid #e6e6e6;
}
.productTour .searcherBox .searchBox {
  padding: 15px 0 5px;
  margin-bottom: 10px;
}
.productTour .searcherBox .searchBox form {
  margin: 0 -10px;
}
.productTour
  .searcherBox
  .searchBox
  md-input-container.md-default-theme.md-input-has-value:not(.md-input-invalid)
  label,
.productTour
  .searcherBox
  .searchBox
  md-input-container.md-input-has-value:not(.md-input-invalid)
  label {
  color: rgba(255, 255, 255, 0.54);
}
.productTour
  .searcherBox
  .searchBox
  md-input-container.md-default-theme
  .md-input,
.productTour .searcherBox .searchBox md-input-container .md-input {
  color: #fff;
  font-size: 17px;
  border-color: rgba(255, 255, 255, 0.54);
}
.productTour
  .searcherBox
  .searchBox
  md-input-container
  md-select.md-default-theme
  .md-select-value,
.productTour
  .searcherBox
  .searchBox
  md-input-container
  md-select
  .md-select-value {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.54);
}
.productTour
  .searcherBox
  .searchBox
  md-input-container
  md-checkbox.md-default-theme:not([disabled]).md-primary:not(.md-checked)
  .md-icon,
.productTour
  .searcherBox
  .searchBox
  md-input-container
  md-checkbox:not([disabled]).md-primary:not(.md-checked)
  .md-icon {
  border-color: rgba(255, 255, 255, 0.54);
}
.productTour
  .searcherBox
  .searchBox
  md-input-container
  .md-select-value
  .md-select-icon {
  color: rgba(255, 255, 255, 0.54);
}
.productTour
  .searcherBox
  .searchBox
  md-input-container.md-default-theme
  .md-placeholder,
.productTour .searcherBox .searchBox md-input-container .md-placeholder,
.productTour .searcherBox .searchBox md-input-container.md-default-theme label,
.productTour .searcherBox .searchBox md-input-container label,
.productTour
  .searcherBox
  .searchBox
  md-input-container
  md-select.md-default-theme
  .md-select-value.md-select-placeholder,
.productTour
  .searcherBox
  .searchBox
  md-input-container
  md-select
  .md-select-value.md-select-placeholder {
  color: #fff;
}
.productTour
  .searcherBox
  .searchBox
  md-input-container.md-default-theme.md-input-invalid
  label,
.productTour .searcherBox .searchBox md-input-container.md-input-invalid label,
.productTour
  .searcherBox
  .searchBox
  md-input-container.md-default-theme.md-input-invalid
  .md-input-message-animation,
.productTour
  .searcherBox
  .searchBox
  md-input-container.md-input-invalid
  .md-input-message-animation,
.productTour
  .searcherBox
  .searchBox
  md-input-container.md-default-theme.md-input-invalid
  .md-char-counter,
.productTour
  .searcherBox
  .searchBox
  md-input-container.md-input-invalid
  .md-char-counter {
  color: #f95d00;
}
.productTour
  .searcherBox
  .searchBox
  md-input-container.md-default-theme.md-input-invalid
  .md-input,
.productTour
  .searcherBox
  .searchBox
  md-input-container.md-input-invalid
  .md-input {
  color: #f95d00;
}
.productTour .searcherBox .searchBox .md-button.btnSearch {
  font: 600 15px "Lexend", sans-serif;
  border-radius: 6px;
  text-transform: inherit;
  padding: 10px 20px;
  color: #ffffff;
  background-color: #c59330;
}

.tourHotelInfo .galleryHotel {
  padding: 5px;
  margin-bottom: 20px;
  background-color: #fff;
}
.tourHotelInfo .galleryHotel .sliderImages {
  margin-bottom: 20px;
  padding: 0px;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -ms-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
  text-align: center;
  min-height: 150px;
  overflow: hidden;
}
.tourHotelInfo .galleryHotel .sliderImages img {
  opacity: 1;
  max-height: 600px;
  max-width: 100%;
}
.tourHotelInfo .galleryHotel .sliderImages img.ng-hide-add {
  position: absolute;
  top: 0;
  opacity: 1;
  -webkit-transition: 1s linear all;
  -moz-transition: 1s linear all;
  -o-transition: 1s linear all;
  transition: 1s linear all;
}
.tourHotelInfo .galleryHotel .sliderImages img.ng-hide-add.ng-hide-add-active {
  opacity: 0;
}
.tourHotelInfo .galleryHotel .sliderImages img.ng-hide-remove {
  -webkit-transition: 1s linear all;
  -moz-transition: 1s linear all;
  -o-transition: 1s linear all;
  transition: 1s linear all;
  opacity: 0;
}
.tourHotelInfo
  .galleryHotel
  .sliderImages
  img.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.tourHotelInfo .galleryHotel .sliderImages .arrow {
  cursor: pointer;
  margin-top: -35px;
  outline: medium none;
  position: absolute;
  top: 50%;
  font-size: 64px;
  color: #666;
  z-index: 5;
}
.tourHotelInfo .galleryHotel .sliderImages .arrow.prev {
  left: 20px;
  opacity: 0.6;
  transition: all 0.2s linear 0s;
}
.tourHotelInfo .galleryHotel .sliderImages .arrow.next {
  opacity: 0.6;
  right: 20px;
  transition: all 0.2s linear 0s;
}
.tourHotelInfo .galleryHotel .sliderImages .arrow.prev:hover {
  opacity: 1;
}
.productTour .galleryTour .sliderImages .arrow.next:hover {
  opacity: 1;
}
.tourHotelInfo .contact {
  background-color: #e6e6e6;
  font-size: 12px;
  color: #757575;
}
.tourHotelInfo .contact .line {
  line-height: 36px;
}
.tourHotelInfo .description {
  color: #757575;
  font-size: 12px;
}
.tourActivityInfo .contact {
  background-color: #e6e6e6;
  font-size: 12px;
  color: #757575;
}
.tourActivityInfo .contact .line {
  line-height: 36px;
}
.tourActivityInfo .description {
  color: #757575;
  font-size: 12px;
}
.tourInsuranceInfo .description {
  color: #757575;
  font-size: 12px;
}

.availTour .headerBox {
  background-color: #7da6bf;
  padding: 10px;
  font-size: 12px;
  color: #fff;
}
.availTour .headerBox .tourName {
  font-size: 14px;
  font-weight: bold;
}
.availTour .headerBox .resumePrice {
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
}
.availTour .headerBox .title {
  text-transform: uppercase;
  font-size: 14px;
}
.availTour .headerBox .resumePrice > .breakdown .line {
  width: 80%;
}
.availTour .headerBox .resumePrice > .breakdown .label {
  background-color: transparent;
  width: 50%;
  font-weight: normal;
  font-size: 13px;
  text-align: left;
}
.availTour .headerBox .resumePrice > .breakdown .price {
  width: 20%;
  font-weight: normal;
  font-size: 13px;
  text-align: right;
}
.availTour .headerBox .resumePrice > .breakdown .person {
  width: 30%;
  font-weight: normal;
  font-size: 13px;
  text-align: right;
}
.availTour .headerBox .resumePrice > .breakdown .lineTotal {
  border-top: 1px solid #fff;
  margin-top: 3px;
  width: 80%;
}
.availTour .headerBox .resumePrice > .breakdown .lineTotal .label {
  font-weight: bold;
}
.availTour .headerBox .resumePrice > .breakdown .lineTotal .price {
  font-weight: bold;
}

.availTour md-sidenav .resultsContainer .resumePriceHeader {
  border: 1px solid #e6e6e6;
  float: right;
  color: #666;
}
.availTour md-sidenav .resultsContainer .resumePriceHeader .title {
  float: left;
  display: inline;
  width: auto;
  text-align: left;
  font-size: 18px;
  text-transform: uppercase;
  padding: 0;
}
.availTour md-sidenav .resultsContainer .resumePriceHeader > .breakdown .line {
  width: 100%;
}
.availTour md-sidenav .resultsContainer .resumePriceHeader > .breakdown .label {
  background-color: transparent;
  width: 50%;
  font-weight: normal;
  font-size: 13px;
  text-align: left;
  color: #666;
  padding: 0;
  line-height: 1.2;
}
.availTour md-sidenav .resultsContainer .resumePriceHeader > .breakdown .price {
  width: 30%;
  font-weight: normal;
  font-size: 13px;
  text-align: right;
  line-height: 1.2;
}
.availTour
  md-sidenav
  .resultsContainer
  .resumePriceHeader
  > .breakdown
  .lineTotal {
  border-top: 1px solid #666;
  margin-top: 3px;
  width: 100%;
}
.availTour
  md-sidenav
  .resultsContainer
  .resumePriceHeader
  > .breakdown
  .lineTotal
  .label {
  font-weight: bold;
  line-height: 1.8;
}
.availTour
  md-sidenav
  .resultsContainer
  .resumePriceHeader
  > .breakdown
  .lineTotal
  .price {
  font-weight: bold;
  line-height: 1.8;
}

.availTour .searchResume {
  padding: 15px 10px;
  color: #666;
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.75);
  margin-bottom: 3px;
}
.availTour .includesTour {
  background-color: #e6e6e6;
  padding: 15px 10px;
  color: #666;
  color: #666;
  font-size: 14px;
}
.availTour .includesTour .title {
  font-weight: bold;
  font-size: 14px;
}
.availTour .includesTour .includes .line {
  font-size: 14px;
  padding: 5px;
}
.availTour .configurationTour {
  padding: 30px 50px;
}
.availTour .configurationTour > .title {
  background-color: #8d959b;
  display: inline;
  padding: 5px 10px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.availTour .configurationTour > .boxService {
  margin-left: 35px;
  border-left: 2px solid #8d959b;
  padding: 15px 0 15px 50px;
  position: relative;
}
.availTour .configurationTour > .boxService > .serviceOrder {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 30px;
  left: -22px;
  border: 4px solid #8d959b;
  border-radius: 50%;
  background-color: #7da6bf;
  color: #fff;
  text-align: center;
  font-weight: bold;
  line-height: 30px;
  font-size: 14px;
}
.availTour .configurationTour > .boxService > .title {
  padding: 5px 0;
  color: #8d959b;
  font-size: 14px;
  font-weight: bold;
}
.availTour .configurationTour > .boxService > .configService {
  background-color: #fff;
  padding: 15px 0;
}
.availTour
  .configurationTour
  > .boxService
  > .configService
  .serviceInformation {
  border-right: 1px solid #e6e6e6;
  padding: 5px 10px;
}
.availTour
  .configurationTour
  > .boxService
  > .configService
  .serviceInformation
  .title {
  color: #7da6bf;
  font-size: 15px;
  font-weight: bold;
}
.availTour
  .configurationTour
  > .boxService
  > .configService
  .serviceInformation
  .destinations {
  font-size: 14px;
}
.availTour
  .configurationTour
  > .boxService
  > .configService
  .serviceInformation
  .destinations
  md-icon {
  font-size: 18px;
  height: 22px;
  width: 18px;
  min-height: 22px;
  min-width: 18px;
}
.availTour
  .configurationTour
  > .boxService
  > .configService
  .serviceInformation
  .description {
  font-size: 14px;
  color: #8d959b;
}
.availTour .configurationTour > .boxService > .configService .serviceChange {
  text-align: center;
  padding: 10px 5px;
  height: 100%;
}
.availTour
  .configurationTour
  > .boxService
  > .configService
  .serviceChange
  button.modifiyService {
  width: 100%;
  margin: 0px;
  background-color: #7da6bf;
  color: #fff;
  top: 35%;
}
.availTour .configurationTour > .boxService > .configService.complement {
  border: 1px solid #e6e6e6;
  padding: 10px;
}

.availTour .configurationTour > .resumeConfiguration,
.availTour .availableModality .resultsContainer > .resumeConfiguration {
  background-color: #7da6bf;
  color: #fff;
  padding: 10px;
  border: 2px solid #7da6bf;
}
.availTour .configurationTour > .resumeConfiguration > .iconResume,
.availTour
  .availableModality
  .resultsContainer
  > .resumeConfiguration
  > .iconResume {
  width: 40px;
  height: 40px;
  border: 4px solid #8d959b;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-weight: bold;
  line-height: 30px;
  font-size: 14px;
  margin-left: 4px;
}
.availTour .configurationTour > .resumeConfiguration > .iconResume md-icon,
.availTour
  .availableModality
  .resultsContainer
  > .resumeConfiguration
  > .iconResume
  md-icon {
  color: #fff;
}
.availTour .configurationTour > .resumeConfiguration > .title,
.availTour
  .availableModality
  .resultsContainer
  > .resumeConfiguration
  > .title {
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
}
.availTour .configurationTour > .resumeConfiguration > .priceInfo .amount,
.availTour
  .availableModality
  .resultsContainer
  > .resumeConfiguration
  > .priceInfo
  .amount,
.availTour .headerBox .priceInfo .amount {
  font-size: 30px;
  font-weight: bold;
}
.availTour .configurationTour > .resumeConfiguration > .priceInfo .info,
.availTour
  .availableModality
  .resultsContainer
  > .resumeConfiguration
  > .priceInfo
  .info,
.availTour .headerBox .priceInfo .info {
  font-size: 10px;
  padding: 10px 5px;
  width: 40px;
  line-height: 10px;
}
.availTour
  .configurationTour
  > .resumeConfiguration
  > .priceInfo
  button.tourBook,
.availTour
  .availableModality
  .resultsContainer
  > .resumeConfiguration
  > .priceInfo
  button.tourBook,
.availTour .headerBox .priceInfo button.tourBook {
  color: #ffffff;
  margin: 0px;
  background-color: #c59330;
  text-transform: none;
  padding: 0 20px;
  margin-top: 3px;
}

.availTour .availableModality {
  padding: 30px 0;
}
.availTour .availableModality .resultsContainer > .title {
  padding: 5px 15px;
  color: #7da6bf;
  font-size: 16px;
  font-weight: bold;
}
.availTour .availableModality .resultsContainer > .listModality > .boxModality {
  background-color: #fff;
  padding: 15px 0;
  margin-bottom: 15px;
}
.availTour
  .availableModality
  .resultsContainer
  > .listModality
  > .boxModality
  .serviceInformation {
  border-right: 1px solid #8d959b;
}
.availTour
  .availableModality
  .resultsContainer
  > .listModality
  > .boxModality
  .serviceInformation
  .title {
  color: #7da6bf;
  font-size: 15px;
  font-weight: bold;
  padding: 0;
  text-transform: none;
}
.availTour
  .availableModality
  .resultsContainer
  > .listModality
  > .boxModality
  .serviceInformation
  .destinations {
  font-size: 14px;
}
.availTour
  .availableModality
  .resultsContainer
  > .listModality
  > .boxModality
  .serviceInformation
  .destinations
  md-icon {
  font-size: 18px;
  height: 22px;
  width: 18px;
  min-height: 22px;
  min-width: 18px;
}
.availTour
  .availableModality
  .resultsContainer
  > .listModality
  > .boxModality
  .serviceInformation
  .description {
  font-size: 14px;
  color: #8d959b;
}
.availTour
  .availableModality
  .resultsContainer
  > .listModality
  > .boxModality
  .servicePrice {
  text-align: center;
}
.availTour
  .availableModality
  .resultsContainer
  > .listModality
  > .boxModality
  .servicePrice
  .price {
  color: #666;
  font-size: 13px;
}
.availTour
  .availableModality
  .resultsContainer
  > .listModality
  > .boxModality
  .servicePrice
  .price
  b {
  font-size: 23px;
}
.availTour
  .availableModality
  .resultsContainer
  > .listModality
  > .boxModality
  .servicePrice
  button.selectedService {
  color: #3c763d;
  margin: 0px;
  background-color: transparent;
  text-transform: none;
  padding: 0 20px;
  margin-top: 23px;
}
.availTour
  .availableModality
  .resultsContainer
  > .listModality
  > .boxModality
  .servicePrice
  button.chooseService
  md-icon {
  color: #3c763d;
}
.availTour
  .availableModality
  .resultsContainer
  > .listModality
  > .boxModality
  .servicePrice
  button.chooseService {
  color: #ffffff;
  margin: 0px;
  background-color: #c59330;
  text-transform: none;
  padding: 0 20px;
  margin-top: 13px;
}

.availTour .serviceInformation .hotels .btnShowHotels {
  color: #c59330;
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
}
.availTour .serviceInformation .hotels .btnShowHotels md-icon {
  color: #c59330;
  font-size: 17px;
  line-height: 17px;
  min-width: 17px;
  width: 17px;
}
.availTour .serviceInformation .hotels .boxServices {
  padding: 0px 10px;
}

.availTour .serviceInformation .hotels .cardHotel md-card .md-card-image {
  max-height: 156px;
  height: 156px;
}
.availTour .serviceInformation .hotels .cardHotel md-card md-card-title {
  padding: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline;
}
.availTour
  .serviceInformation
  .hotels
  .cardHotel
  md-card
  md-card-title
  md-card-title-media {
  float: left;
  margin-top: 0px;
}
.availTour
  .serviceInformation
  .hotels
  .cardHotel
  md-card
  md-card-title
  md-card-title-text {
  float: left;
  padding-left: 8px;
}
.availTour
  .serviceInformation
  .hotels
  .cardHotel
  md-card
  md-card-title
  .md-headline {
  color: #7da6bf;
  font-size: 15px;
  font-weight: bold;
  line-height: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
.availTour
  .serviceInformation
  .hotels
  .cardHotel
  md-card
  md-card-title
  .md-subhead {
  padding: 0px;
  color: #757575;
  font-size: 12px;
  line-height: 14px;
}

.availTour .flightContainer .boxPrice {
  padding: 0;
}
.availTour .activityContainer {
  padding: 0px;
  margin-bottom: 0px;
}
.availTour .activityContainer .activityImg {
  padding: 0px;
  margin-bottom: 0px;
}
.availTour .activityContainer .activityDetails {
  border-right: 1px solid #e6e6e6;
  padding: 5px;
}
.availTour .activityContainer .serviceChange .md-button {
  top: 35%;
}
.availTour .activityContainer .activityImg {
  max-height: 120px;
}
/***ENDTOURS***/
/***PACKAGES***/
.availPackages .searchResume {
  padding: 15px 10px;
  color: #666;
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.75);
  margin-bottom: 3px;
}

.availPackages .headerBox {
  background-color: #7da6bf;
  padding: 10px;
  font-size: 12px;
  color: #fff;
}
.availPackages .headerBox .tourName {
  font-size: 14px;
  font-weight: bold;
}
.availPackages .headerBox .resumePrice {
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
}
.availPackages .headerBox .title {
  text-transform: uppercase;
  font-size: 14px;
}
.availPackages .headerBox .resumePrice > .breakdown .line {
  width: 80%;
}
.availPackages .headerBox .resumePrice > .breakdown .label {
  background-color: transparent;
  width: 50%;
  font-weight: normal;
  font-size: 13px;
  text-align: left;
}
.availPackages .headerBox .resumePrice > .breakdown .price {
  width: 20%;
  font-weight: normal;
  font-size: 13px;
  text-align: right;
}
.availPackages .headerBox .resumePrice > .breakdown .person {
  width: 30%;
  font-weight: normal;
  font-size: 13px;
  text-align: right;
}
.availPackages .headerBox .resumePrice > .breakdown .lineTotal {
  border-top: 1px solid #fff;
  margin-top: 3px;
  width: 80%;
}
.availPackages .headerBox .resumePrice > .breakdown .lineTotal .label {
  font-weight: bold;
}
.availPackages .headerBox .resumePrice > .breakdown .lineTotal .price {
  font-weight: bold;
}

.availPackages md-sidenav .resultsContainer .resumePriceHeader {
  border: 1px solid #e6e6e6;
  float: right;
  color: #666;
}
.availPackages md-sidenav .resultsContainer .resumePriceHeader .title {
  float: left;
  display: inline;
  width: auto;
  text-align: left;
  font-size: 18px;
  text-transform: uppercase;
  padding: 0;
}
.availPackages
  md-sidenav
  .resultsContainer
  .resumePriceHeader
  > .breakdown
  .line {
  width: 100%;
}
.availPackages
  md-sidenav
  .resultsContainer
  .resumePriceHeader
  > .breakdown
  .label {
  background-color: transparent;
  width: 50%;
  font-weight: normal;
  font-size: 13px;
  text-align: left;
  color: #666;
  padding: 0;
  line-height: 1.2;
}
.availPackages
  md-sidenav
  .resultsContainer
  .resumePriceHeader
  > .breakdown
  .price {
  width: 30%;
  font-weight: normal;
  font-size: 13px;
  text-align: right;
  line-height: 1.2;
}
.availPackages
  md-sidenav
  .resultsContainer
  .resumePriceHeader
  > .breakdown
  .lineTotal {
  border-top: 1px solid #666;
  margin-top: 3px;
  width: 100%;
}
.availPackages
  md-sidenav
  .resultsContainer
  .resumePriceHeader
  > .breakdown
  .lineTotal
  .label {
  font-weight: bold;
  line-height: 1.8;
}
.availPackages
  md-sidenav
  .resultsContainer
  .resumePriceHeader
  > .breakdown
  .lineTotal
  .price {
  font-weight: bold;
  line-height: 1.8;
}

.availPackages .configurationPackage {
  padding: 30px 50px;
}
.availPackages .configurationPackage > .title {
  background-color: #8d959b;
  display: inline;
  padding: 5px 10px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.availPackages .configurationPackage > .boxService {
  margin-left: 35px;
  border-left: 2px solid #8d959b;
  padding: 15px 0 15px 50px;
  position: relative;
}
.availPackages .configurationPackage > .boxService > .serviceOrder {
  width: 45px;
  height: 45px;
  position: absolute;
  top: 12px;
  left: -22px;
  border: 4px solid #8d959b;
  border-radius: 50%;
  background-color: #7da6bf;
  color: #fff;
  text-align: center;
  font-weight: bold;
  line-height: 30px;
  font-size: 14px;
}
.availPackages .configurationPackage > .boxService > .serviceOrder md-icon {
  color: #fff;
}
.availPackages .configurationPackage > .boxService > .title {
  padding: 5px 0;
  color: #8d959b;
  font-size: 18px;
  font-weight: bold;
}
.availPackages .configurationPackage > .boxService > .configService {
  background-color: #fff;
  padding: 15px;
}
.availPackages
  .configurationPackage
  > .boxService
  > .configService
  > .flightContainer {
  margin-bottom: 0;
}
.availPackages
  .configurationPackage
  > .boxService
  > .configService
  > .flightContainer
  .serviceChange {
  text-align: center;
  height: 100%;
}
.availPackages
  .configurationPackage
  > .boxService
  > .configService
  > .hotelContainer {
  padding: 10px 0px;
}
.availPackages
  .configurationPackage
  > .boxService
  > .configService
  > .hotelContainer
  .roomName {
  margin-top: 10px;
  padding: 10px;
  background-color: #e6e6e6;
  color: #757575;
}
.availPackages
  .configurationPackage
  > .boxService
  > .configService
  > .hotelContainer
  .boardName {
  padding: 6px 0 0 5px;
  color: #757575;
  font-weight: bold;
}
.availPackages
  .configurationPackage
  > .boxService
  > .configService
  > .hotelContainer
  .boardName
  .rules {
  width: auto;
  max-width: 200px;
  padding-left: 10px;
  padding-top: 4px;
}
.availPackages
  .configurationPackage
  > .boxService
  > .configService
  > .hotelContainer
  .boardName
  .rules
  span {
  background-color: #fcf8e3;
  color: #8a6d3b;
  padding: 2px 8px;
  font-weight: normal;
}
.availPackages
  .configurationPackage
  > .boxService
  > .configService
  > .hotelContainer
  .boardName
  .rules
  span
  + span {
  margin-left: 5px;
}
.availPackages
  .configurationPackage
  > .boxService
  > .configService
  > .hotelContainer
  .hotelPriceDetails {
  border-left: 1px solid #e6e6e6;
}
.availPackages
  .configurationPackage
  > .boxService
  > .configService
  > .hotelContainer
  .serviceChange {
  text-align: center;
  width: 100%;
  padding: 0;
  height: 100%;
}
.availPackages
  .configurationPackage
  > .boxService
  > .configService
  .serviceChange
  button.modifiyService {
  background-color: #7da6bf;
  color: #fff;
  width: auto;
  padding: 0 40px;
}

.availPackages .configurationPackage > .resumeConfiguration,
.availPackages .changeService > .resumeConfiguration {
  background-color: #7da6bf;
  color: #fff;
  padding: 10px;
  border: 2px solid #7da6bf;
}
.availPackages .configurationPackage > .resumeConfiguration > .iconResume,
.availPackages .changeService > .resumeConfiguration > .iconResume {
  width: 40px;
  height: 40px;
  border: 4px solid #8d959b;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-weight: bold;
  line-height: 30px;
  font-size: 14px;
  margin-left: 4px;
}
.availPackages
  .configurationPackage
  > .resumeConfiguration
  > .iconResume
  md-icon,
.availPackages .changeService > .resumeConfiguration > .iconResume md-icon {
  color: #fff;
}
.availPackages .configurationPackage > .resumeConfiguration > .title,
.availPackages .changeService > .resumeConfiguration > .title {
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
}
.availPackages
  .configurationPackage
  > .resumeConfiguration
  > .priceInfo
  .amount,
.availPackages .changeService > .resumeConfiguration > .priceInfo .amount,
.availPackages .headerBox .priceInfo .amount {
  font-size: 30px;
  font-weight: bold;
}
.availPackages .configurationPackage > .resumeConfiguration > .priceInfo .info,
.availPackages .changeService > .resumeConfiguration > .priceInfo .info,
.availPackages .headerBox .priceInfo .info {
  font-size: 10px;
  padding: 10px 5px;
  width: 40px;
  line-height: 10px;
}
.availPackages
  .configurationPackage
  > .resumeConfiguration
  > .priceInfo
  button.tourBook,
.availPackages
  .changeService
  > .resumeConfiguration
  > .priceInfo
  button.tourBook,
.availPackages .headerBox .priceInfo button.tourBook {
  color: #ffffff;
  margin: 0px;
  background-color: #c59330;
  text-transform: none;
  padding: 0 20px;
  margin-top: 3px;
}

/***ENDPACKAGES***/
/***BOOKING***/
.md-dialog .md-dialog-content.loadingCreateBooking md-progress-circular path {
  stroke: #7da6bf;
}
.md-dialog .md-dialog-content.loadingCreateBooking span {
  color: #7da6bf;
  font-weight: bold;
}
.md-dialog
  .md-dialog-content.loadingPreconfirmBooking
  md-progress-circular
  path {
  stroke: #7da6bf;
}
.md-dialog .md-dialog-content.loadingPreconfirmBooking span {
  color: #7da6bf;
  font-weight: bold;
}
.md-dialog .md-dialog-content.loadingBudget md-progress-circular path {
  stroke: #7da6bf;
}
.md-dialog .md-dialog-content.loadingBudget span {
  color: #7da6bf;
  font-weight: bold;
}
.bookingPage .loadingBooking {
  background-color: #fff;
  text-align: center;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  padding: 15px;
}
.bookingPage .loadingBooking md-progress-circular path {
  stroke: #7da6bf;
}
.bookingPage .loadingBooking span {
  color: #7da6bf;
  font-weight: bold;
}

.bookingPage .reducePadding {
  padding-left: 10px;
  padding-right: 10px;
}

.bookingPage .progressBarContainer {
  background-color: #fff;
  padding: 25px 15px 25px 20px;
}
.bookingPage .progressBarContainer > div.step {
  float: left;
  display: inline-block;
  width: 25%;
  height: 30px;
  background-color: #e6e6e6;
}
.bookingPage .progressBarContainer > div.step.done {
  background-color: #e0efd8;
}
.bookingPage .progressBarContainer > div.step.active {
  background-color: #d9edf6;
}
.bookingPage .progressBarContainer > div.step md-icon {
  background-color: #ffffff;
  border-radius: 50px;
  border: 5px solid #757575;
  height: 50px;
  width: 50px;
  line-height: 15px;
  padding: 10px 8px;
  position: relative;
  top: -10px;
  left: -5px;
}
.bookingPage .progressBarContainer > div.step.done md-icon {
  border: 5px solid #bcd0ab;
  color: #bcd0ab;
}
.bookingPage .progressBarContainer > div.step.active md-icon {
  border: 5px solid #5c9dbd;
  color: #5c9dbd;
}
.bookingPage .progressBarContainer > div.step span {
  color: #666;
  font-weight: bold;
  position: relative;
  top: -10px;
}
.bookingPage .progressBarContainer > div.step.done span {
  color: #bcd0ab;
}
.bookingPage .progressBarContainer > div.step.active span {
  color: #5c9dbd;
}
.bookingPage .titlePage {
  color: #7da6bf;
  font-weight: bold;
  font-size: 18px;
  padding: 20px 10px;
}

.bookingPage .loginBox {
  background-color: #e6e6e6;
  color: #666;
  text-align: center;
  padding: 10px 0;
  font-weight: bold;
}
.bookingPage .loginBox.loginForm {
  text-align: initial;
}
.bookingPage .loginBox .btnLogin {
  color: #fff;
  text-transform: none;
  border-radius: 0px;
  width: 100%;
  margin: 6px 0;
}
.bookingPage .loginBox .btnLogin.btnFacebook {
  background-color: #2d4487;
}
.bookingPage .loginBox .btnLogin.btnGoogle {
  background-color: #ffffff;
  color: #2e2e2e;
}
.bookingPage .loginBox .btnLogin.btnCollective {
  background-color: #088a29;
}
.bookingPage .loginBox .btnLogin.btnClient {
  background-color: #2e2e2e;
}
.bookingPage .loginBox .btnLogin.btnTwitter {
  background-color: #4099ff;
}
.bookingPage .loginBox .btnLogin.btnLinkedin {
  background-color: #0077b5;
}
.bookingPage .loginBox .btnLogin.btnPayPal {
  background-color: #1546a0;
}

.bookingPage .titleSection {
  color: #7da6bf;
  font-weight: bold;
  font-size: 18px;
  padding: 30px 0 0;
}
.bookingPage .infoSection {
  color: #666;
  font-size: 14px;
}
.bookingPage .infoSection.formImportantMsg {
  background-color: #d9edf6;
  color: #5c9dbd;
  border: 1px solid #5c9dbd;
  padding: 5px;
}
.bookingPage .formContainerBox {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  padding: 10px;
  margin-top: 10px;
}
.bookingPage .formContainerBox .formImportantMsg {
  background-color: #d9edf6;
  color: #5c9dbd;
  border: 1px solid #5c9dbd;
  margin-bottom: 10px;
  padding: 5px;
}
.bookingPage .formContainerBox .optionalTitle {
  color: #666;
  font-weight: bold;
  float: left;
  padding-right: 10px;
}
.bookingPage .formContainerBox .optionalTitle + md-checkbox .md-label {
  color: #666;
  font-size: 12px;
}
.bookingPage .formContainerBox .secondBox {
  background-color: #e6e6e6;
  padding: 10px;
}
.bookingPage .formContainerBox md-input-container.promotionalCodeContainer {
  padding-right: 130px;
}
.bookingPage
  .formContainerBox
  md-input-container.promotionalCodeContainer
  > .md-button {
  position: absolute;
  right: 2px;
  width: 120px;
  line-height: 36px;
  top: -8px;
  background-color: #7da6bf;
  border-radius: 0;
  color: #fff;
}
.bookingPage
  .formContainerBox
  md-input-container.promotionalCodeContainer.valid
  label {
  color: #4cae4c;
}
.bookingPage
  .formContainerBox
  md-input-container.promotionalCodeContainer.valid
  input {
  border-color: #4cae4c;
}
.bookingPage
  .formContainerBox
  md-input-container.promotionalCodeContainer.valid
  > .md-button {
  background-color: #4cae4c;
}
.bookingPage
  .formContainerBox
  md-input-container.promotionalCodeContainer.invalid
  label {
  color: rgb(221, 44, 0);
}
.bookingPage
  .formContainerBox
  md-input-container.promotionalCodeContainer.invalid
  input {
  border-color: rgb(221, 44, 0);
}
.bookingPage
  .formContainerBox
  md-input-container.promotionalCodeContainer.invalid
  > .md-button {
  background-color: rgb(221, 44, 0);
}

.bookingPage .tabsOperation {
  border-bottom: 4px solid #7da6bf;
  margin-top: 15px;
}
.bookingPage .tabsOperation .btnPageOperation {
  margin: 0px;
  background-color: #c59330;
  color: #fff;
  font-weight: bold;
  padding: 0px 18px;
}
.bookingPage .tabsOperation .btnPageOperation md-icon {
  color: #fff;
  padding-left: 12px;
  display: inline;
}
.bookingPage .tabsOperation .btnPageOperation:hover {
  background-color: rgba(248, 139, 0, 0.7);
}
.bookingPage .tabsOperation .btnPageOperation.active {
  background-color: #7da6bf;
}

.bookingPage .formContainerBox .paxContainer + .paxContainer {
  margin-top: 5px;
}
.bookingPage .formContainerBox .paxContainer + .paxContainer .roomHeader {
  margin-top: 30px;
}
.bookingPage .formContainerBox .paxContainer .roomHeader {
  border-bottom: 2px solid #e6e6e6;
  margin-bottom: 10px;
}
.bookingPage .formContainerBox .paxContainer .roomHeader .title {
  font-weight: bold;
  color: #7da6bf;
  font-size: 16px;
}
.bookingPage .formContainerBox .paxContainer .paxHeader {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 5px;
}
.bookingPage .formContainerBox .paxContainer .paxHeader .title {
  font-weight: bold;
  color: #7da6bf;
  font-size: 15px;
  padding-left: 10px;
}
.bookingPage .formContainerBox .paxContainer .paxHeader md-checkbox {
  margin-bottom: 3px;
  margin-right: 10px;
}

.bookingPage .formContainerBox .transferRequestContainer .transferHeader {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 5px;
}
.bookingPage
  .formContainerBox
  .transferRequestContainer
  .transferHeader
  .title {
  font-weight: bold;
  color: #7da6bf;
  font-size: 15px;
  padding-left: 10px;
}

.bookingPage .formContainerBox .vehiclesContainer + .vehiclesContainer {
  border-top: 2px solid #e6e6e6;
  padding: 10px;
}

.bookingPage .formContainerBox.paymentMethodContainer .panel-group {
  margin-bottom: 0px;
}
.bookingPage
  .formContainerBox.paymentMethodContainer
  .panel-heading
  md-radio-button {
  margin-bottom: 0px;
}

.bookingPage .formContainerBox.cancelPoliciesContainer {
  padding: 0px;
}
.bookingPage .formContainerBox.cancelPoliciesContainer .headerLeft {
  color: #9c9374;
  padding: 8px 8px;
  float: left;
}
.bookingPage .formContainerBox.cancelPoliciesContainer .containerBox {
  padding: 10px;
  border-left: 28px solid #faebcc;
  font-size: 14px;
  color: #666;
}
.bookingPage .formContainerBox.cancelPoliciesContainer .containerBox b {
  font-size: 14px;
}
.bookingPage .formContainerBox.remarksContainer {
  padding: 0px;
}
.bookingPage .formContainerBox.remarksContainer .headerLeft {
  color: #5c9dbd;
  padding: 8px 8px;
  float: left;
}
.bookingPage .formContainerBox.remarksContainer .containerBox {
  padding: 10px;
  border-left: 28px solid #d9edf6;
  font-size: 14px;
  color: #666;
}
.bookingPage .formContainerBox.remarksContainer .containerBox b {
  font-size: 14px;
}

.bookingPage .formContainerBox md-checkbox.webTerms .md-container {
  top: 25%;
}

.bookingPage .infoSecurePurchase {
  text-transform: uppercase;
  display: inline-block;
}
.bookingPage .infoSecurePurchase img {
  float: left;
  display: inline-block;
}
.bookingPage .infoSecurePurchase span {
  float: left;
  display: inline-block;
  color: #000;
  word-spacing: 100vw;
  width: 90px;
  line-height: 15px;
  margin-left: 5px;
  font-weight: bold;
  font-size: 15px;
  padding-top: 7px;
}
.bookingPage .btnContinue {
  background-color: #c59330;
  color: #fff;
  font-weight: bold;
}
.bookingPage .btnContinue md-icon {
  color: #fff;
  padding-left: 72px;
  display: inline;
}
.bookingPage .btnContinue:hover {
  background-color: rgba(248, 139, 0, 0.7);
}
.bookingPage .btnContinue[disabled] {
  color: rgba(0, 0, 0, 0.38);
  background-color: rgb(220, 220, 220);
}

.bookingPage .boxSummary {
  background-color: #e6e6e6;
  color: #666;
  border: 1px solid #e6e6e6;
}
.bookingPage .boxSummary .headerSummary {
  padding: 12px 8px;
  text-transform: uppercase;
}
.bookingPage .boxSummary .iconLeftService {
  float: left;
  color: #fff;
  padding: 5px 2px;
}
.bookingPage .boxSummary .serviceContainer {
  background-color: #fff;
  border-left: 28px solid #7da6bf;
  margin-bottom: 10px;
}
.bookingPage .boxSummary .serviceContainer .sectionSubservice {
  background-color: #e6e6e6;
  padding: 5px;
  margin: 1%;
  display: inline-block;
  width: 98%;
  text-align: left;
}
.bookingPage .boxSummary .serviceContainer .sectionSubservice md-icon {
  font-size: 18px;
}
.bookingPage .boxSummary .serviceContainer .dateHeader {
  background-color: #e6e6e6;
  padding: 5px;
  margin: 1%;
  display: inline-block;
  width: 98%;
  text-align: center;
}
.bookingPage .boxSummary .serviceContainer .supplierImage {
  padding: 0 10px;
  margin-top: 17px;
}
.bookingPage .boxSummary .serviceContainer .serviceImage {
  max-height: 172px;
  overflow: hidden;
}
.bookingPage .boxSummary .serviceContainer .serviceData {
  margin: 0;
  padding: 5px;
}
.bookingPage .boxSummary .serviceContainer .serviceData.journey {
  text-align: center;
}
.bookingPage .boxSummary .serviceContainer .serviceData .serviceTitle {
  color: #7da6bf;
  font-size: 18px;
  line-height: 28px;
}
.bookingPage .boxSummary .serviceContainer .serviceData.journey .type {
  font-size: 11px;
  line-height: 13px;
}
.bookingPage .boxSummary .serviceContainer .serviceData.journey .serviceTitle {
  line-height: 22px;
}
.bookingPage .boxSummary .serviceContainer .serviceData.journey .name {
  line-height: 14px;
}
.bookingPage .boxSummary .serviceContainer .serviceData.journey .terminal {
  font-size: 12px;
  line-height: 13px;
}
.bookingPage .boxSummary .serviceContainer .serviceData.journey .date {
  font-size: 14px;
  line-height: 15px;
}
.bookingPage .boxSummary .serviceContainer .serviceData.journey .time {
  font-size: 14px;
  line-height: 19px;
  color: #666;
  background-color: #e6e6e6;
  padding: 2px;
}
.bookingPage .boxSummary .serviceContainer .serviceData.journey .time small {
  color: #f44336;
}
.bookingPage .boxSummary .serviceContainer .serviceData .serviceInfo {
  color: #666;
  font-size: 13px;
  line-height: 22px;
  border-top: 1px solid #e6e6e6;
}
.bookingPage .boxSummary .serviceContainer .serviceData.flight .serviceInfo {
  text-align: center;
}
.bookingPage .boxSummary .serviceContainer .serviceData.ferry .serviceInfo {
  text-align: center;
}
.bookingPage .boxSummary .serviceContainer .serviceData.transfer .serviceInfo {
  text-align: center;
}
.bookingPage
  .boxSummary
  .serviceContainer
  .serviceData
  .serviceInfo
  .showDetails {
  color: #c59330;
  font-weight: bold;
  cursor: POINTER;
}
.bookingPage
  .boxSummary
  .serviceContainer
  .serviceData
  .serviceInfo
  .showDetails
  md-icon {
  color: #c59330;
}
.bookingPage .boxSummary .serviceContainer .serviceData.extra {
  padding: 5px 0;
  background-color: #f8f8f8;
  border-top: 1px solid #666;
}
.bookingPage .boxSummary .serviceContainer .serviceData.extra + .clearfix {
  border-top: 1px solid #666;
  font-size: 5px;
  content: " ";
}
.bookingPage .boxSummary .serviceContainer .serviceData.extra.journey .time {
  background-color: #fff;
}
.bookingPage .boxSummary .serviceContainer .serviceData.extra .serviceInfo {
  border-top: 1px solid #c6c6c6;
}

.bookingPage .boxSummary .priceContainer {
  background-color: #fff;
  margin-bottom: 10px;
}
.bookingPage .boxSummary .priceContainer .priceLine {
  border-bottom: 1px solid #c6c6c6;
  padding: 10px 0;
}
.bookingPage .boxSummary .priceContainer .priceLine .priceAmount {
  font-weight: bold;
  color: #7da6bf;
}
.bookingPage .boxSummary .priceContainer .totalPrice {
  line-height: 40px;
  font-weight: bold;
  color: #7da6bf;
}
.bookingPage .boxSummary .priceContainer .totalPrice .priceAmount {
  font-size: 16px;
}
.bookingPage .boxSummary .priceContainer .totalPrice .b2bInfoPrice {
  font-size: 15px;
  color: #c59330;
}
.bookingPage
  .boxSummary
  .priceContainer
  .totalPrice
  .b2bInfoPrice
  .priceAmount {
  font-size: 18px;
}
.bookingPage .boxSummary .priceContainer .totalPrice span.info {
  line-height: 16px;
  font-weight: bold;
  color: #7da6bf;
  text-align: justify;
  font-size: 14px;
  padding-bottom: 10px;
}

.bookingPage .contactUs {
  background-color: #fff;
  padding: 10px;
  position: relative;
  margin-top: 20px;
  min-height: 100px;
}
.bookingPage .contactUs .image {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.bookingPage .contactUs .text {
  padding-left: 90px;
  padding-top: 5px;
}
.bookingPage .contactUs .text span {
  line-height: 22px;
}
.bookingPage .contactUs .text span .phone {
  font-size: 26px;
  font-weight: bold;
  color: #7da6bf;
}

.bookingPage .securePayment {
  margin-top: 20px;
}
.bookingPage .securePayment .title {
  text-transform: uppercase;
  font-weight: bold;
}
.btn.btnCancelBookingClient {
  margin: 0 1px;
}
/***ENDBOOKING***/

/***PAYMENTS***/
.md-dialog .md-dialog-content.loadingPaymentBooking md-progress-circular path {
  stroke: #7da6bf;
}
.md-dialog .md-dialog-content.loadingPaymentBooking span {
  color: #7da6bf;
  font-weight: bold;
}

.md-dialog-md .md-dialog-content.changePaymentBooking .formImportantMsg {
  background-color: #d9edf6;
  color: #5c9dbd;
  border: 1px solid #5c9dbd;
  margin-bottom: 10px;
  padding: 5px;
}
.md-dialog-md .md-dialog-content.changePaymentBooking .panel-group {
  margin-bottom: 0px;
}
.md-dialog-md
  .md-dialog-content.changePaymentBooking
  .panel-heading
  md-radio-button {
  margin-bottom: 0px;
}
.md-dialog-md
  .md-dialog-content.changePaymentBooking
  .panel-heading
  md-radio-button
  .md-label {
  width: 100%;
  padding-right: 30px;
}
.md-dialog-md
  .md-dialog-content.changePaymentBooking
  .panel-heading
  md-radio-button
  .price {
  font-weight: bold;
  text-transform: none;
  color: #7da6bf;
}
.md-dialog-md .changePaymentBooking .btnContinue {
  background-color: #c59330;
  color: #fff;
  font-weight: bold;
}
.md-dialog-md .changePaymentBooking .btnContinue md-icon {
  color: #fff;
  padding-left: 72px;
  display: inline;
}
.md-dialog-md .changePaymentBooking .btnContinue:hover {
  background-color: rgba(248, 139, 0, 0.7);
}

.paymentOrder .alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
/***ENDPAYMENTS***/

/***VOUCHER***/
.receiptPage .loadingBooking {
  background-color: #fff;
  text-align: center;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  padding: 15px;
}
.receiptPage .loadingBooking md-progress-circular path {
  stroke: #7da6bf;
}
.receiptPage .loadingBooking span {
  color: #7da6bf;
  font-weight: bold;
}

.receiptPage .titlePage {
  color: #7da6bf;
  font-weight: bold;
  text-align: right;
  font-size: 28px;
  line-height: 28px;
}
.receiptPage .receiptHeader {
  color: #7da6bf;
}
.receiptPage .boxHeader {
  background-color: #7da6bf;
  color: #fff;
  padding: 5px 10px;
  font-weight: bold;
}
.receiptPage .boxHeader md-icon {
  color: #fff;
}
.receiptPage .boxContainer {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  padding: 10px 0;
}
.receiptPage .boxContainer .description .title {
  color: #7da6bf;
}
.receiptPage .boxContainer .description .data {
  color: #666;
}
.receiptPage .boxContainer .flightData {
  margin-top: 20px;
}
.receiptPage .boxContainer .flightData.airline {
  margin-top: 15px;
  text-align: center;
}
.receiptPage .boxContainer .serviceContainer + .serviceContainer {
  border-left: 2px solid #e6e6e6;
}
.receiptPage .boxContainer .serviceContainer .dateHeader {
  background-color: #e6e6e6;
  padding: 5px;
  margin: 1%;
  display: inline-block;
  width: 98%;
  text-align: center;
}
.receiptPage .boxContainer .serviceContainer .supplierImage {
  padding: 0 10px;
  margin-top: 17px;
}
.receiptPage .boxContainer .serviceContainer .serviceImage {
  max-height: 172px;
  overflow: hidden;
}
.receiptPage .boxContainer .serviceContainer .serviceData {
  margin: 0;
  padding: 5px;
}
.receiptPage .boxContainer .serviceContainer .serviceData.journey {
  text-align: center;
}
.receiptPage .boxContainer .serviceContainer .serviceData .serviceTitle {
  color: #7da6bf;
  font-size: 18px;
  line-height: 28px;
}
.receiptPage .boxContainer .serviceContainer .serviceData.journey .type {
  font-size: 11px;
  line-height: 13px;
}
.receiptPage
  .boxContainer
  .serviceContainer
  .serviceData.journey
  .serviceTitle {
  line-height: 22px;
}
.receiptPage .boxContainer .serviceContainer .serviceData.journey .name {
  line-height: 14px;
}
.receiptPage .boxContainer .serviceContainer .serviceData.journey .terminal {
  font-size: 12px;
  line-height: 13px;
}
.receiptPage .boxContainer .serviceContainer .serviceData.journey .date {
  font-size: 14px;
  line-height: 15px;
}
.receiptPage .boxContainer .serviceContainer .serviceData.journey .time {
  font-size: 14px;
  line-height: 19px;
  color: #666;
  background-color: #e6e6e6;
  padding: 2px;
}
.receiptPage .boxContainer .serviceContainer .serviceData.journey .time small {
  color: #f44336;
}
.receiptPage .boxContainer table {
  width: 100%;
}
.receiptPage .boxContainer table td.description {
  width: 80%;
}
.receiptPage .boxContainer table td.amount {
  width: 20%;
  text-align: right;
}
.receiptPage .boxContainer table td.payment {
  width: 30%;
}
.receiptPage .boxContainer table td.deadline {
  width: 30%;
}
.receiptPage .boxContainer table td.action {
  width: 20%;
}
.receiptPage .boxContainer table thead {
  color: #7da6bf;
  font-weight: bold;
}
.receiptPage .boxContainer table thead tr td {
  border-bottom: 2px solid #e6e6e6;
  padding: 5px 5px 5px 10px;
}
.receiptPage .boxContainer table tbody {
  color: #666;
}
.receiptPage .boxContainer table tbody tr td {
  border-bottom: 1px solid #e6e6e6;
  padding: 5px 5px 5px 10px;
}
.receiptPage .boxContainer table td.amount {
  padding: 5px 10px 5px 5px;
}
.receiptPage .boxContainer table tfoot tr td {
  width: 100%;
  color: #7da6bf;
  font-weight: bold;
  text-align: right;
  padding: 5px 10px;
}
.receiptPage .boxContainer p {
  color: #666;
}
.receiptPage .boxContainer ul li {
  color: #666;
}
.receiptPage .boxContainer .paxContainer {
  padding: 0 10px;
}
.receiptPage .boxContainer .paxContainer + .paxContainer {
  margin-top: 5px;
}
.receiptPage .boxContainer .paxContainer + .paxContainer .roomHeader {
  margin-top: 30px;
}
.receiptPage .boxContainer .paxContainer .roomHeader {
  border-bottom: 2px solid #e6e6e6;
  margin-bottom: 10px;
}
.receiptPage .boxContainer .paxContainer .roomHeader .title {
  font-weight: bold;
  color: #7da6bf;
  font-size: 16px;
}
.receiptPage .boxContainer .paxContainer .paxHeader {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 5px;
}
.receiptPage .boxContainer .paxContainer .paxHeader .title {
  font-weight: bold;
  color: #7da6bf;
  font-size: 15px;
  padding-left: 10px;
}
.receiptPage .boxContainer .vehicleContainer {
  padding: 0 10px;
}
.receiptPage .boxContainer .vehicleContainer + .vehicleContainer {
  margin-top: 5px;
}
.receiptPage .boxFlight {
  margin-bottom: 20px;
}
.receiptPage .boxFlight .boxContainer {
  margin-bottom: 0;
}
.receiptPage .btnGoToPay {
  background-color: #0f2d3e;
  color: #fff;
  font-weight: bold;
  margin: 0;
  min-height: 24px;
  height: 24px;
  line-height: 24px;
}
.receiptPage .btnGoToPay:hover {
  background-color: rgba(15, 45, 62, 0.7);
}
/***ENDVOUCHER***/

/***BUDGET***/
.budgetPage .loadingBooking {
  background-color: #fff;
  text-align: center;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  padding: 15px;
}
.budgetPage .loadingBooking md-progress-circular path {
  stroke: #7da6bf;
}
.budgetPage .loadingBooking span {
  color: #7da6bf;
  font-weight: bold;
}

.budgetPage .titlePage {
  color: #7da6bf;
  font-weight: bold;
  text-align: right;
  font-size: 28px;
  line-height: 28px;
}
.budgetPage .receiptHeader {
  color: #7da6bf;
}
.budgetPage .boxHeader {
  background-color: #7da6bf;
  color: #fff;
  padding: 5px 10px;
  font-weight: bold;
}
.budgetPage .boxHeader md-icon {
  color: #fff;
}
.budgetPage .boxContainer {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  padding: 10px 0;
}
.budgetPage .boxContainer .description .title {
  color: #7da6bf;
}
.budgetPage .boxContainer .description .data {
  color: #666;
}
.budgetPage .boxContainer .flightData {
  margin-top: 20px;
}
.budgetPage .boxContainer .flightData.airline {
  margin-top: 15px;
  text-align: center;
}
.budgetPage .boxContainer .serviceContainer + .serviceContainer {
  border-left: 2px solid #e6e6e6;
}
.budgetPage .boxContainer .serviceContainer .dateHeader {
  background-color: #e6e6e6;
  padding: 5px;
  margin: 1%;
  display: inline-block;
  width: 98%;
  text-align: center;
}
.budgetPage .boxContainer .serviceContainer .supplierImage {
  padding: 0 10px;
  margin-top: 17px;
}
.budgetPage .boxContainer .serviceContainer .serviceImage {
  max-height: 172px;
  overflow: hidden;
}
.budgetPage .boxContainer .serviceContainer .serviceData {
  margin: 0;
  padding: 5px;
}
.budgetPage .boxContainer .serviceContainer .serviceData.journey {
  text-align: center;
}
.budgetPage .boxContainer .serviceContainer .serviceData .serviceTitle {
  color: #7da6bf;
  font-size: 18px;
  line-height: 28px;
}
.budgetPage .boxContainer .serviceContainer .serviceData.journey .type {
  font-size: 11px;
  line-height: 13px;
}
.budgetPage .boxContainer .serviceContainer .serviceData.journey .serviceTitle {
  line-height: 22px;
}
.budgetPage .boxContainer .serviceContainer .serviceData.journey .name {
  line-height: 14px;
}
.budgetPage .boxContainer .serviceContainer .serviceData.journey .terminal {
  font-size: 12px;
  line-height: 13px;
}
.budgetPage .boxContainer .serviceContainer .serviceData.journey .date {
  font-size: 14px;
  line-height: 15px;
}
.budgetPage .boxContainer .serviceContainer .serviceData.journey .time {
  font-size: 14px;
  line-height: 19px;
  color: #666;
  background-color: #e6e6e6;
  padding: 2px;
}
.budgetPage .boxContainer .serviceContainer .serviceData.journey .time small {
  color: #f44336;
}
.budgetPage .boxContainer table {
  width: 100%;
}
.budgetPage .boxContainer table td.description {
  width: 80%;
}
.budgetPage .boxContainer table td.amount {
  width: 20%;
  text-align: right;
}
.budgetPage .boxContainer table thead {
  color: #7da6bf;
  font-weight: bold;
}
.budgetPage .boxContainer table thead tr td {
  border-bottom: 2px solid #e6e6e6;
  padding: 5px 5px 5px 10px;
}
.budgetPage .boxContainer table tbody {
  color: #666;
}
.budgetPage .boxContainer table tbody tr td {
  border-bottom: 1px solid #e6e6e6;
  padding: 5px 5px 5px 10px;
}
.budgetPage .boxContainer table td.amount {
  padding: 5px 10px 5px 5px;
}
.budgetPage .boxContainer table tfoot tr td {
  width: 100%;
  color: #7da6bf;
  font-weight: bold;
  text-align: right;
  padding: 5px 10px;
}
.budgetPage .boxContainer p {
  color: #666;
}
.budgetPage .boxContainer ul li {
  color: #666;
}
.budgetPage .boxContainer .paxContainer {
  padding: 0 10px;
}
.budgetPage .boxContainer .paxContainer + .paxContainer {
  margin-top: 5px;
}
.budgetPage .boxContainer .paxContainer + .paxContainer .roomHeader {
  margin-top: 30px;
}
.budgetPage .boxContainer .paxContainer .roomHeader {
  border-bottom: 2px solid #e6e6e6;
  margin-bottom: 10px;
}
.budgetPage .boxContainer .paxContainer .roomHeader .title {
  font-weight: bold;
  color: #7da6bf;
  font-size: 16px;
}
.budgetPage .boxContainer .paxContainer .paxHeader {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 5px;
}
.budgetPage .boxContainer .paxContainer .paxHeader .title {
  font-weight: bold;
  color: #7da6bf;
  font-size: 15px;
  padding-left: 10px;
}
.budgetPage .boxContainer .vehicleContainer {
  padding: 0 10px;
}
.budgetPage .boxContainer .vehicleContainer + .vehicleContainer {
  margin-top: 5px;
}
.budgetPage .boxFlight {
  margin-bottom: 20px;
}
.budgetPage .boxFlight .boxContainer {
  margin-bottom: 0;
}
/***BUDGET***/

/***CLIENTBOOKING***/
.clientBooking .loadingBooking {
  background-color: #fff;
  text-align: center;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  padding: 15px;
}
.clientBooking .loadingBooking md-progress-circular path {
  stroke: #7da6bf;
}
.clientBooking .loadingBooking span {
  color: #7da6bf;
  font-weight: bold;
}

.clientBooking .titlePage {
  color: #7da6bf;
  font-weight: bold;
  text-align: right;
  font-size: 28px;
  line-height: 28px;
}
.clientBooking .receiptHeader {
  color: #7da6bf;
}
.clientBooking .boxHeader {
  background-color: #7da6bf;
  color: #fff;
  padding: 5px 10px;
  font-weight: bold;
}
.clientBooking .boxHeader md-icon {
  color: #fff;
}
.clientBooking .boxContainer {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  padding: 10px 0;
}
.clientBooking .boxContainer .description .title {
  color: #7da6bf;
}
.clientBooking .boxContainer .description .data {
  color: #666;
}
.clientBooking .boxContainer .flightData {
  margin-top: 20px;
}
.clientBooking .boxContainer .flightData.airline {
  margin-top: 15px;
  text-align: center;
}
.clientBooking .boxContainer .serviceContainer + .serviceContainer {
  border-left: 2px solid #e6e6e6;
}
.clientBooking .boxContainer .serviceContainer .dateHeader {
  background-color: #e6e6e6;
  padding: 5px;
  margin: 1%;
  display: inline-block;
  width: 98%;
  text-align: center;
}
.clientBooking .boxContainer .serviceContainer .supplierImage {
  padding: 0 10px;
  margin-top: 17px;
}
.clientBooking .boxContainer .serviceContainer .serviceImage {
  max-height: 172px;
  overflow: hidden;
}
.clientBooking .boxContainer .serviceContainer .serviceData {
  margin: 0;
  padding: 5px;
}
.clientBooking .boxContainer .serviceContainer .serviceData.journey {
  text-align: center;
}
.clientBooking .boxContainer .serviceContainer .serviceData .serviceTitle {
  color: #7da6bf;
  font-size: 18px;
  line-height: 28px;
}
.clientBooking .boxContainer .serviceContainer .serviceData.journey .type {
  font-size: 11px;
  line-height: 13px;
}
.clientBooking
  .boxContainer
  .serviceContainer
  .serviceData.journey
  .serviceTitle {
  line-height: 22px;
}
.clientBooking .boxContainer .serviceContainer .serviceData.journey .name {
  line-height: 14px;
}
.clientBooking .boxContainer .serviceContainer .serviceData.journey .terminal {
  font-size: 12px;
  line-height: 13px;
}
.clientBooking .boxContainer .serviceContainer .serviceData.journey .date {
  font-size: 14px;
  line-height: 15px;
}
.clientBooking .boxContainer .serviceContainer .serviceData.journey .time {
  font-size: 14px;
  line-height: 19px;
  color: #666;
  background-color: #e6e6e6;
  padding: 2px;
}
.clientBooking
  .boxContainer
  .serviceContainer
  .serviceData.journey
  .time
  small {
  color: #f44336;
}
.clientBooking .boxContainer table {
  width: 100%;
}
.clientBooking .boxContainer table td.description {
  width: 80%;
}
.clientBooking .boxContainer table td.amount {
  width: 20%;
  text-align: right;
}
.clientBooking .boxContainer table thead {
  color: #7da6bf;
  font-weight: bold;
}
.clientBooking .boxContainer table thead tr td {
  border-bottom: 2px solid #e6e6e6;
  padding: 5px 5px 5px 10px;
}
.clientBooking .boxContainer table tbody {
  color: #666;
}
.clientBooking .boxContainer table tbody tr td {
  border-bottom: 1px solid #e6e6e6;
  padding: 5px 5px 5px 10px;
}
.clientBooking .boxContainer table td.amount {
  padding: 5px 10px 5px 5px;
}
.clientBooking .boxContainer table tfoot tr td {
  width: 100%;
  color: #7da6bf;
  font-weight: bold;
  text-align: right;
  padding: 5px 10px;
}
.clientBooking .boxContainer p {
  color: #666;
}
.clientBooking .boxContainer ul li {
  color: #666;
}
.clientBooking .moreInfo {
  text-transform: none;
  text-decoration: underline;
}
/***CLIENTBOOKING***/

/***MENU***/
.clientMenu,
.agencyMenu {
  font-size: 24px;
  color: #8a8383;
}
.clientMenu md-icon,
.agencyMenu md-icon {
  color: #8a8383;
}
.clientMenu .navTitle,
.agencyMenu .navTitle {
  color: #7da6bf;
}
.errorAlert {
  margin-top: 20px;
  margin-bottom: 20px;
}
/***ENDMENU***/

.flag-languages {
  width: 30px;
  height: 21px;
}

md-tooltip.multiline {
  height: auto;
}

md-tooltip.productRecommended {
  height: auto;
}
md-tooltip.productRecommended .ferryRecommended {
  text-align: center;
}
md-tooltip.productRecommended .shipping {
  margin-top: 3px;
}
md-tooltip.productRecommended .journey {
  text-weight: bold;
}
md-tooltip.productRecommended .date span {
  text-weight: bold;
}
md-tooltip.productRecommended .hrLine {
  margin-top: 3px;
  margin-bottom: 3px;
}
md-tooltip.productRecommended .searchMade {
}
md-tooltip.productRecommended .hotelRecommended {
  text-align: center;
}
md-tooltip.productRecommended .hotel {
  text-weight: bold;
}
md-tooltip.productRecommended .board {
  text-weight: bold;
}

.infoGDPR {
  padding: 15px;
  color: #8a8383;
  font-size: 12px;
  border: 1px #8a8383 solid;
  background: #e6e6e6;
}

.notFoundContent {
  width: 70%;
  margin: 5.2% auto 4% auto;
  text-align: center;
}
.notFoundContent h1 {
  width: 100%;
  color: #363a35;
  font-size: 200px;
  text-shadow: 0px 0 7px rgba(0, 0, 0, 0.5);
  font-family: Trajan Pro;
  font-weight: bold;
}
.notFoundContent span {
  width: 100%;
  color: #363a35;
  font-family: Times New Roman;
  font-weight: bold;
  font-size: 30px;
}

tws-client-register,
tws-collective-register {
  text-align: left;
}

tws-input-file > md-input-container > .md-button.md-fab {
  position: absolute;
  right: 2px;
  height: 36px;
  width: 36px;
  line-height: 36px;
  top: -8px;
}
tws-input-file > md-input-container {
  padding-right: 55px;
}

.clearfix:before,
.clearfix:after {
  flex-basis: 0;
  order: 1;
}
