@media (min-width: 960px) {
  #cruise-filter {
    margin-bottom: 80px;
  }
}

#cruise-filter i,
.popup-selector i {
  cursor: pointer;
}

#cruise-filter i.viahongkong {
  width: 14px;
}

#cruise-filter .viahongkong {
  color: #0d0a50;
  width: 150px;
}

#cruise-filter .viahongkong.disabled {
  color: #bbbbbb;
}

#cruise-filter .search-button,
#cruise-filter .reset-button {
  background-color: rgb(28, 35, 82);
  color: white;
  font-size: 14px;
  padding: 0 0.5em;
}

@media (min-width: 576px) {
  #cruise-filter .search-button,
  #cruise-filter .reset-button {
    height: 50%;
  }
  #cruise-filter .search-button > i,
  #cruise-filter .reset-button > i {
    font-size: 2em;
    vertical-align: middle;
  }
}

.cruise-filter-minimize-toggler {
  background-color: #f6f7f8;
  color: #0d0a50;
}

@media (max-width: 575px) {
  .filter-menu,
  .filter-result {
    text-align: center;
  }
}

.cruise-countries-div {
  display: flex;
  flex-direction:
  column;
  flex-wrap: wrap;
  width:100%;
}
.cruiseship-head,
.depature-country-head {
  border-bottom: 2px solid #0d0a50;
}

.cruise-ship-select-page h2 {
  color: lightslategrey;
}

.cruise-port-select-page h2 {
  color: lightslategrey;
}

.cruise-line-select-div {
  padding-top: 0px;
  padding-bottom: 8px;
}

.cruise-ship-select-div {
  padding-top: 0px;
  padding-bottom: 8px;
}

.cruise-port-select-div {
  padding-top: 0px;
  padding-bottom: 8px;
}

.cruise-filter-label {
  font-weight: 500;
  font-size: larger;
}

.datepicker-calender {
  /*		border-color: #cad7ec;	*/
  /*		border-style: solid;	*/
  /*		border-width: 0 5px 8px 0	*/
}

.highlight-calendar-month {
  background-color: #0d0a50;
  color: white;
}

.calendar-month-disabled {
  color: #bbbbbb;
}

.calendar-month-disabled a {
  cursor: default;
}

.popup-selector {
  z-index: 60;
  position: absolute !important;
  background-color: #ffffff;
  color: #0d0a50;
  border-radius: 5px;
  padding: 10px;
  box-shadow: 3px 3px 10px #c7c7c7;
}

@media (max-width: 575px) {
  .filter-collection {
    background-color: #f6f7f8;
    color: #0d0a50;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media (min-width: 576px) {
  .filter-collection {
    background-color: white;
    color: #0d0a50;
    box-shadow: 3px 3px 10px #c7c7c7;
    border-radius: 15px;
    transform: translateY(-76px);
    margin-bottom: -120px;
  }
  .filter-collection-item {
    padding: 20px 20px 10px 10px;
  }
}

.search-button {
  background-color: #3d4065;
  color: white;
}

.fa-times-thin:before {
  content: "\00d7";
}

.input-no-border {
  border: none;
  background-color: inherit;
  color: #646464;
}

.input-no-border::-webkit-input-placeholder {
  color: #646464;
}

.input-no-border::-moz-placeholder {
  color: #646464;
}

.text-grey {
  color: #bbbbbb;
}

.i-checked,
.i-unchecked {
  width: 15px;
}

.item-counter {
  display: inline-block;
  background-color: #1a2450;
  color: white;
  border-radius: 10px;
  width: 20px;
  height: 20px;
}

.rubbish-bin-icon {
  background: url("images/recycle-bin.png");
  height: 20px;
  width: 20px;
  display: inline-block;
  /* Other styles here */
}

.rubbish-bin-img {
  position: relative;
  top: -1px;
  height: 15px;
  width: 15px;
  -webkit-filter: invert(1);
  filter: invert(1);
}

.go-back-icon {
  position: relative;
  left: 10px;
}

.fade-enter-active {
  transition: opacity 0.4s;
}

.fade-leave-active {
  transition: opacity 0.3s;
}

.fade-enter,
.fade-leave-to

/* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}

/* Override default style */
#cruise-filter .input-no-border:disabled {
  opacity: 1;
  -webkit-text-fill-color: #646464;
}

/* Override Bootstrap in this page , avoid break style */
.page960 .mdl-grid.no-mgn-pad-mobile {
  box-sizing: content-box;
}