@charset "UTF-8";
@font-face {
  font-family: MuseoSans;
  src: url("/assets/budgetdirect/fonts/3123B0_1_0.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: MuseoSans;
  src: url("/assets/budgetdirect/fonts/3123B0_3_0.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: MuseoSans;
  src: url("/assets/budgetdirect/fonts/3123B0_0_0.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: MuseoSans;
  src: url("/assets/budgetdirect/fonts/3123B0_9_0.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Museo-700;
  src: url("/assets/budgetdirect/fonts/311A76_0_0.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: Museo;
  src: url("/assets/budgetdirect/fonts/311A76_2_0.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

input.act,
input.custom-control-input {
  visibility: hidden;
}

.custom-act,
.filters__title {
  text-transform: uppercase;
}

.table > tbody + tbody,
td {
  font-family: "MuseoSans", "Open Sans", sans-serif;
}

body {
  color: #333f48;
  font-family: "MuseoSans", arial;
  background-color: #fff;
  background-image: url(/-/media/budgetdirect/images/travel-packing-list/travel-bg.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
  padding-right: 0 !important;
  background-attachment: fixed;
  font-size: 14px;
}

.modal-content.main-modal {
  color: #333f48;
  background-color: rgba(255, 255, 255, 0.9) !important;
}

.logo {
  position: fixed;
  background: #fff;
  -webkit-transform: rotate(35deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 5px rgba(44, 103, 101, 0.2);
  width: 419px;
  height: 379px;
  padding-top: 168px;
  padding-left: 298px;
  margin-left: -225px;
  margin-top: -225px;
  z-index: 100000;
}

.logo img {
  width: 100px;
  transform: rotate(-45deg);
}

div#app {
  padding: 20px;
}

.num {
  width: 50px;
  padding-left: 4px;
  vertical-align: top;
}

.glyphicon-remove-sign {
  color: #e5c4bd;
  margin-top: 4px;
}

.glyphicon-remove-sign:before {
  font-size: 20px;
}

.removebtn,
.addbtn {
  color: #fff;
  width: 30px;
  height: 30px;
  padding: 0;
  line-height: 0;
  font-size: 12px;
  font-weight: 900;
}

.removebtn {
  background: #f5ad9e;
  border-radius: 18px;
  border: 5px solid #fff;
  outline: 0;
}

.addbtn {
  background: #a7d5d3;
  border-radius: 18px;
  border: 5px solid #fff;
}

.table > tbody + tbody {
  border-top: 1px solid #ddd !important;
}

.header {
  max-width: 1112px;
  padding: 20px;
  margin: auto;
}

.header.expand.out {
  padding: 40px 0 0;
}

.col-md-8 .header.expand.out {
  padding: 40px 20px 0;
}

.steps {
  max-width: 850px;
  padding: 20px;
  margin: 10px auto;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 5px;
}

.steps h2,
.bodyCarousel h2 {
  font-size: 26px;
  text-shadow: 2px 2px #eee;
  color: #f2a900;
  margin: 0;
  font-family: "Museosans-700", Arial;
}

.header.out h1 {
  border-bottom: 3px solid;
  width: 100%;
}

.header h1 {
  text-shadow: 2px 2px #eee;
  color: #f2a900;
  font-size: 55px;
  font-family: "Museo-700", Arial;
}

.container {
  max-width: 1100px;
  margin-bottom: 80px;
}

.action {
  clear: both;
  width: 100%;
}

.steps ol {
  margin: 20px 0 20px -20px;
  color: #333f48;
  font-weight: 400;
  font-size: 15px;
}

.steps ol li {
  margin-bottom: 10px;
}

.subhead {
  color: #f2a900;
  font-weight: 700;
  margin-top: 20px;
}

.item {
  width: 98%;
  min-width: 196px;
}

div#travelItems h2 {
  font-size: 22px;
  margin-top: 20px;
  text-transform: uppercase;
}

.new-list {
  float: right;
  position: relative;
}

.new-list ul {
  margin-top: 20px;
}

.print {
  background-color: #da291c !important;
}

.new-list li {
  float: left;
  list-style: none;
  margin: -10px 4px 0;
  padding: 8px 20px;
  font-weight: 500;
  background: #f2a900;
  color: #fff;
  border-radius: 5px 5px 0 0;
  cursor: pointer;
  font-size: 18px;
}

.redbtn {
  background-color: #da291c !important;
  box-shadow: 0 5px 0 #ca2014 !important;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  padding: 4px 0;
}

.row.row-eq-height.result {
  clear: both;
  padding: 20px 0;
  background: #fff;
  border: 4px solid #d8e1de;
  display: flex;
  flex-wrap: wrap;
}

li.email {
  background: #4eada9;
}

#email-list .col-md-6,
#new .col-md-6 {
  padding: 0 4px 4px;
}

#email-list h3,
#new h3 {
  margin: 0 0 14px !important;
  font-size: 22px;
}

#email-list .modal-body,
#new .modal-body {
  padding: 30px;
}

.newbtn {
  font-size: 18px;
  width: 100%;
  border-radius: 30px;
  outline: 0 !important;
  box-shadow: none !important;
  border-color: #adadad;
}

.btn-danger.newbtn {
  background-color: #da291c;
  border-color: #da291c;
}

.border-bottom {
  border-bottom: 2px dashed #eee !important;
  background-color: transparent !important;
  margin: 20px 0;
}

.radio-group label {
  overflow: hidden;
}

.radio-group input {
  height: 1px;
  width: 1px;
  position: absolute;
  top: -20px;
}

.radio-group .not-active {
  color: #3276b1;
  background-color: #fff;
}

.btn-group.radio-group,
.input-group {
  width: 100%;
}

div#myModal {
  padding-left: 0 !important;
}

label.btn.btn-primary.not-active {
  width: 50%;
  border: 1px solid #949897;
  border-radius: 0;
  background: 0 0;
}

label.btn.btn-primary {
  font-size: 13px;
  width: 50%;
  border-radius: 0;
  border: 1px solid #949897;
  color: #fff;
  font-weight: 700;
  padding-top: 70px;
  cursor: pointer !important;
}

.btn-group,
.slider.slider-horizontal {
  width: 100%;
}

label.btn.btn-primary.not-active,
label.btn.btn-primary.inactive {
  color: #333f48 !important;
  box-shadow: none !important;
  outline: none;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: 0;
}

input[id="toggle-1"]:checked ~ label.business-icon .tick,
input[id="toggle-2"]:checked ~ label.swimming-icon .tick,
input[id="toggle-3"]:checked ~ label.diving-icon .tick,
input[id="toggle-4"]:checked ~ label.skiing-icon .tick,
input[id="toggle-5"]:checked ~ label.camping-icon .tick,
input[id="toggle-6"]:checked ~ label.infant-icon .tick,
input[id="toggle-7"]:checked ~ label.child-icon .tick,
input[id="toggle-8"]:checked ~ label.pet-icon .tick {
  background: url(/-/media/budgetdirect/images/travel-packing-list/tick.png) !important;
}

input[id="toggle-1"]:checked ~ label.business-icon {
  color: #fff !important;
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/business-white.png)
    center 16px no-repeat #f2a900 !important;
}

input[id="toggle-2"]:checked ~ label.swimming-icon {
  color: #fff !important;
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/swimming-white.png)
    center 16px no-repeat #f2a900 !important;
}

input[id="toggle-3"]:checked ~ label.diving-icon {
  color: #fff !important;
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/diving-white.png)
    center 16px no-repeat #f2a900 !important;
}

input[id="toggle-4"]:checked ~ label.skiing-icon {
  color: #fff !important;
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/skiing-white.png)
    center 16px no-repeat #f2a900 !important;
}

input[id="toggle-5"]:checked ~ label.camping-icon {
  color: #fff !important;
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/camping-white.png)
    center 16px no-repeat #f2a900 !important;
}

input[id="toggle-6"]:checked ~ label.infant-icon {
  color: #fff !important;
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/infant-white.png)
    center 16px no-repeat #f2a900 !important;
}

input[id="toggle-7"]:checked ~ label.child-icon {
  color: #fff !important;
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/child-white.png)
    center 16px no-repeat #f2a900 !important;
}

input[id="toggle-8"]:checked ~ label.pet-icon {
  color: #fff !important;
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/pet-white.png)
    center 16px no-repeat #f2a900 !important;
}

label.btn.btn-primary.male-icon.active {
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/male-white.png)
    center 16px no-repeat #f2a900;
}

label.btn.btn-primary {
  background-color: transparent;
}

label.btn.btn-primary.inactive.male-icon {
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/male-dark.png)
      center 16px no-repeat,
    linear-gradient(to bottom, #fff 50%, #d7d9dd 100%) !important;
}

label.btn.btn-primary.female-icon.active {
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/female-white.png)
    center 16px no-repeat #f2a900;
}

label.btn.btn-primary.inactive.female-icon {
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/female-dark.png)
      center 16px no-repeat,
    linear-gradient(to bottom, #fff 50%, #d7d9dd 100%) !important;
}

label.btn.btn-primary.cold-icon.active {
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/cold-white.png)
    center 16px no-repeat #f2a900;
}

label.btn.btn-primary.inactive.cold-icon {
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/cold-dark.png)
      center 16px no-repeat,
    linear-gradient(to bottom, #fff 50%, #d7d9dd 100%) !important;
}

label.btn.btn-primary.warm-icon.active {
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/warm-white.png)
    center 16px no-repeat #f2a900;
}

label.btn.btn-primary.inactive.warm-icon {
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/warm-dark.png)
      center 16px no-repeat,
    linear-gradient(to bottom, #fff 50%, #d7d9dd 100%) !important;
}

label.btn.btn-primary.staycation-icon.active {
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/staycation-white.png)
    center 16px no-repeat #f2a900;
}

label.btn.btn-primary.inactive.staycation-icon {
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/staycation-dark.png)
      center 16px no-repeat,
    linear-gradient(to bottom, #fff 50%, #d7d9dd 100%) !important;
}

label.btn.btn-primary.overseas-icon.active {
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/overseas-white.png)
    center 16px no-repeat #f2a900;
}

label.btn.btn-primary.inactive.overseas-icon {
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/overseas-dark.png)
      center 16px no-repeat,
    linear-gradient(to bottom, #fff 50%, #d7d9dd 100%) !important;
}

label.btn.btn-primary.business-icon {
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/business-white.png)
    center 16px no-repeat #f2a900;
}

label.btn.btn-primary.not-active.business-icon {
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/business-dark.png)
      center 16px no-repeat,
    linear-gradient(to bottom, #fff 50%, #d7d9dd 100%);
}

label.btn.btn-primary.swimming-icon {
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/swimming-white.png)
    center 16px no-repeat #f2a900;
}

label.btn.btn-primary.not-active.swimming-icon {
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/swimming-dark.png)
      center 16px no-repeat,
    linear-gradient(to bottom, #fff 50%, #d7d9dd 100%);
}

label.btn.btn-primary.diving-icon {
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/diving-white.png)
    center 16px no-repeat #f2a900;
}

label.btn.btn-primary.not-active.diving-icon {
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/diving-dark.png)
      center 16px no-repeat,
    linear-gradient(to bottom, #fff 50%, #d7d9dd 100%);
}

label.btn.btn-primary.skiing-icon {
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/skiing-white.png)
    center 16px no-repeat #f2a900;
}

label.btn.btn-primary.not-active.skiing-icon {
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/skiing-dark.png)
      center 16px no-repeat,
    linear-gradient(to bottom, #fff 50%, #d7d9dd 100%);
}

label.btn.btn-primary.camping-icon {
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/camping-white.png)
    center 16px no-repeat #f2a900;
}

label.btn.btn-primary.not-active.camping-icon {
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/camping-dark.png)
      center 16px no-repeat,
    linear-gradient(to bottom, #fff 50%, #d7d9dd 100%);
}

label.btn.btn-primary.infant-icon {
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/infant-white.png)
    center 16px no-repeat #f2a900;
}

label.btn.btn-primary.not-active.infant-icon {
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/infant-dark.png)
      center 16px no-repeat,
    linear-gradient(to bottom, #fff 50%, #d7d9dd 100%);
}

label.btn.btn-primary.child-icon {
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/child-white.png)
    center 16px no-repeat #f2a900;
}

label.btn.btn-primary.not-active.child-icon {
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/child-dark.png)
      center 16px no-repeat,
    linear-gradient(to bottom, #fff 50%, #d7d9dd 100%);
}

label.btn.btn-primary.pet-icon {
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/pet-white.png)
    center 16px no-repeat #f2a900;
}

label.btn.btn-primary.not-active.pet-icon {
  background: url(/-/media/budgetdirect/images/travel-packing-list/icons/pet-dark.png)
      center 16px no-repeat,
    linear-gradient(to bottom, #fff 50%, #d7d9dd 100%);
}

input.act {
  position: absolute;
}

.slider-handle {
  background-color: #da291c !important;
  background-image: linear-gradient(to bottom, #da291c 0, #c10512 100%);
}

.col-4.btm label.btn.btn-primary {
  border-top: 0 !important;
}

.col-4 label.btn.btn-primary {
  width: 25%;
}

.col-3 label.btn.btn-primary,
.col-3 label.btn.btn-primary.not-active {
  width: 33.33%;
}

.col-3 label.btn.btn-primary {
  background-size: 98%;
}

.red {
  color: #da291c;
}

.custom-checkbox {
  min-height: 1rem;
  padding-left: 10px;
  margin-right: 0;
  cursor: pointer;
}

.custom-checkbox .custom-control-indicator {
  content: "";
  display: inline-block;
  position: relative;
  width: 30px;
  height: 10px;
  background-color: #e1e1e1;
  border-radius: 15px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  vertical-align: middle;
  margin: 0 10px 0 -10px;
  box-shadow: none;
}

.custom-checkbox .custom-control-indicator:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: #f1f1f1;
  border-radius: 21px;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
  left: -2px;
  top: -4px;
  -webkit-transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
  transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
  background-color: #e1e1e1;
  background-image: none;
  box-shadow: none !important;
}

.custom-checkbox
  .custom-control-input:checked
  ~ .custom-control-indicator:after {
  background-color: #da291c;
  left: 15px;
}

.custom-checkbox .custom-control-input:focus ~ .custom-control-indicator {
  box-shadow: none !important;
}

.clear {
  margin-bottom: 5px;
  clear: both;
  width: 100%;
}

label.col-md-12.control-label {
  color: #999;
}

.modal-content {
  box-shadow: none;
  border: none;
}

.filters__title {
  width: 250px;
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  margin: 0;
  background: url(/-/media/budgetdirect/images/image-sections/travel.png) 25px
    10px no-repeat #f2a900;
  background-size: 26px;
  padding: 12px 22px 14px 70px;
  border-radius: 5px 5px 0 0;
}

button.btn.create-list {
  width: 100%;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 50px;
  border-radius: 0 10px;
}

button.btn.create-list.enabled {
  background: #da291c;
  box-shadow: 0 5px 0 #e2736b;
  outline: 0;
}

.red-btn {
  background-color: #da291c !important;
  box-shadow: 0 5px 0 #e2736b !important;
}

.col-md-6 label.col-md-12.control-label {
  padding-left: 0;
}

.modal-body {
  padding: 15px 15px 30px;
}

.modal-backdrop {
  background: 0 0;
  z-index: -1;
}

div#email-list,
div#new {
  background: rgba(0, 0, 0, 0.4);
}

.footer-gaq.fixed-bottom {
  position: fixed;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 15px;
  z-index: 10000;
}

.footer-gaq.fixed-bottom .text {
  font-size: 16px;
  font-weight: 700;
}

.footer-gaq.fixed-bottom .col-md-6 {
  padding: 0;
}

.btn-group.btm {
  border-top: 0 !important;
}

span.fa.fa-chevron-right {
  float: right;
  line-height: 24px;
}

.carousel-inner .thumbnails {
  display: flow-root;
}

.glyphicon-question-sign:before {
  content: "?";
  background: #333f48;
  color: #fff;
  padding: 2px 5px 0;
  border-radius: 22px;
  font-size: 12px;
  margin-right: -18px;
  margin-left: 2px;
}

@media screen and (min-width: 1000px) {
  .modal-dialog {
    width: 850px;
    margin-top: 0;
    margin-bottom: 0;
    max-width: unset;
  }

  .modal-body .col-md-6.right-border,
  .modal-body .row-eq-height .col-md-4 {
    border-right: 2px dashed #ccc;
  }

  .row-eq-height .col-md-8 {
    padding: 0;
  }

  div#email-list .modal-dialog,
  div#new .modal-dialog {
    margin-top: 10%;
    max-width: 400px;
  }
}

@media screen and (max-width: 1024px) {
  .header {
    text-align: center;
    margin-bottom: 20px;
  }

  .header.expand.out {
    padding: 20px !important;
    margin-top: 0;
  }

  .logo {
    position: absolute;
    background: #fff;
    -webkit-transform: rotate(52deg);
    transform: rotate(52deg);
    box-shadow: 0 0 0 5px rgba(44, 103, 101, 0.2);
    width: 436px;
    height: 436px;
    padding-top: 196px;
    padding-left: 326px;
    margin-left: -246px;
    margin-top: -304px;
    z-index: 10000;
  }

  .logo img {
    width: 95px;
    transform: rotate(-52deg);
  }
}

@media screen and (max-width: 999px) {
  #create-list .col-md-8 .row {
    margin: 0 !important;
  }

  .filters__title,
  .filters__title-inner {
    position: relative !important;
    left: 0 !important;
  }

  .filters__title-inner {
    top: 0 !important;
    transform: none !important;
    transform-origin: right top !important;
    margin: 0 20px 20px 0 !important;
    padding: 0 48px 20px 0 !important;
  }

  .filters__title {
    width: 100% !important;
    border-radius: 0;
  }

  .col-md-12,
  .col-md-6 {
    padding: 0;
    max-width: unset;
  }

  .modal-dialog {
    position: relative;
    width: auto;
    margin: 0;
  }

  #create-list {
    max-width: unset;
  }

  .new-list li {
    margin: -8px 2px 0;
    padding: 4px 8px;
  }

  .header {
    text-align: center;
    padding: 20px auto;
  }

  .modal.in .modal-dialog {
    padding: 30px;
  }

  .col-md-12.day-slider {
    padding: 0 14px;
  }

  .footer-gaq.fixed-bottom {
    display: none;
  }
}

.carousel,
.fff {
  border-radius: 6px;
}

@media (min-width: 768px) {
  #create-list .col-md-6 {
    padding-right: 15px !important;
  }

  .carousel-inner .col-sm-4 {
    float: left;
  }

  #triangle-bottom-right {
    width: 0;
    height: 0;
    border-bottom: 117px solid rgba(0, 0, 0, 0.5);
    border-left: 84px solid transparent;
    position: absolute;
    margin-left: -100px;
    margin-top: -15px;
  }
}

@media (max-width: 768px) {
  div#travelItems {
    max-width: 420px;
  }

  #travelItems .col-md-4 {
    flex: unset;
    max-width: unset;
  }

  .row.row-eq-height.result .col-md-8 {
    max-width: unset;
    flex: unset;
  }

  .header.expand.out h3.h3-tpl {
    font-size: 28px !important;
  }
}

@media screen and (max-width: 460px) {
  .col-4 label.btn.btn-primary {
    width: 50%;
    float: left;
  }

  .col-md-12.col-4 .btn-group {
    display: inline-block;
  }

  .col-md-12.day-slider {
    margin: 0 14px;
    padding: 0;
  }

  .header {
    margin: 50px auto 0;
    text-align: center;
    padding: 20px 10px 10px;
  }

  .header h1 {
    font-size: 45px;
  }

  .modal.in .modal-dialog {
    padding: 10px;
  }

  .col-md-4 {
    width: 100%;
  }

  .new-list {
    float: right;
    margin-left: -16px;
    margin-right: -16px;
    margin-top: 16px;
  }

  #new .modal-dialog {
    padding-top: 50%;
  }
}

.carousel li {
  list-style-type: none;
  float: left;
}

::selection {
  background: #ff5e99;
  color: #fff;
  text-shadow: 0;
}

::-moz-selection {
  background: #ff5e99;
  color: #fff;
}

.carousel-inner {
  max-width: 850px;
  margin: auto;
}

.carousel {
  background: rgba(255, 255, 255, 0.7);
  padding: 20px 0 10px;
  max-width: 851px;
  margin: auto;
}

div#myCarousel h2 {
  margin: 0 auto 20px;
  max-width: 840px;
  color: #f2a900;
  text-shadow: 2px 2px #eee;
  padding: 0 20px;
}

.fff {
  padding: 10px;
  margin-bottom: 10px;
}

.fff img {
  border: 10px solid #eee;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 12px;
  background-color: #fff0 !important;
  border-radius: 30px;
  color: #da291c;
  border: 1px solid;
  width: 40px;
  text-align: center;
}

.caption a:hover {
  text-decoration: none;
}

.caption h3 {
  color: #f2a900;
  font-size: 18px;
  margin: 15px 0;
}

.read span.glyphicon {
  font-size: 12px;
  margin-right: -10px;
}

.read {
  border-radius: 30px;
  padding: 10px 20px;
  background-color: #da291c;
  width: 100%;
  font-size: 14px;
}

.top-border {
  border-top: 2px dashed #ccc;
  padding-top: 20px;
  width: 100%;
}

.widget-right {
  width: 100% !important;
  box-shadow: none !important;
}

.col-md-12.weather {
  background-image: linear-gradient(to top left, #feb020, #ffd05c);
  border-radius: 10px 10px 0 0;
  margin-top: 10px;
  padding: 10px;
  min-height: 84px;
}

.weather-body,
.weather-footer {
  padding: 10px;
  clear: both;
  border-radius: 0 0 10px 10px;
}

hr.blue {
  margin: 4px 0;
  border-color: #4ed0e2;
}

.w50 {
  width: 50%;
  float: left;
}

.weather-footer {
  background: #ffbb36;
  font-size: 12px;
}

.h3-weather {
  font-size: 24px;
  line-height: 24px;
  margin: 0;
  text-transform: uppercase;
}

.weather-body {
  background-color: #f9f9f9;
  height: 108px;
  border-bottom: 10px solid #f2a900;
}

.w50 span {
  font-size: 45px !important;
  font-weight: 700;
}

div#myModal {
  padding-right: 0 !important;
}

.active span.tick {
  background: url(/-/media/budgetdirect/images/travel-packing-list/tick.png);
}

span.tick {
  width: 18px;
  height: 18px;
  z-index: 1000;
  position: absolute;
  top: 4px;
  right: 4px;
}

.not-active span.tick,
.inactive span.tick {
  background: 0 0;
}

.custom-act,
.email_field {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  box-shadow: none !important;
  border-radius: 0;
  border-bottom: 3px solid #ccc !important;
  background-color: #eee !important;
  outline: 0;
  font-size: 14px;
}

.header.expand.out h3.h3-tpl {
  font-size: 55px;
  font-weight: 700;
  color: #f2a900;
  margin: 0;
  text-shadow: 2px 2px #eee;
  font-family: "Museo-700", Arial;
}

.hide {
  display: none;
}

ul.no-bullet {
  list-style: none;
  padding-left: 0;
}

span.item_text {
  width: 70%;
  display: inline-block;
  font-size: 14px;
}

.addfield {
  width: 68%;
  margin-right: 2%;
}

li.items__item {
  margin: 6px 0;
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 6px;
}

.btn-group label {
  margin: 0;
}

.slidecontainer {
  width: 100%;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  background: #d3d3d3;
  outline: 0;
  -webkit-transition: 0.2s;
  border-radius: 3px;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  background: #da291c;
  border-radius: 10px;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #04aa6d;
  cursor: pointer;
}

button.btn.create-list.disabled {
  pointer-events: none;
  background: #dddbdd;
  box-shadow: 0 5px 0 #c4c4c7;
}

label.btn.btn-primary {
  border-color: #999 !important;
}

label.btn.btn-primary.active {
  background-color: #f2a900 !important;
}

.btn-primary {
  background: transparent;
}

.bodyCarousel {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#wrapper {
  width: 100%;
  max-width: 848px;
  position: relative;
  padding: 20px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 5px;
}

#carousel {
  overflow: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

#carousel::-webkit-scrollbar {
  height: 0;
}

#next,
#prev {
  display: flex;
  justify-content: center;
  align-content: center;
  background: #da291c;
  border: none;
  padding: 10px 0;
  color: #fff;
  border-radius: 50%;
  outline: 0;
  cursor: pointer;
  position: absolute;
  width: 32px;
  height: 32px;
}

#prev {
  top: 27%;
  left: 0;
  transform: translate(50%, -50%);
  display: none;
}

#next {
  top: 27%;
  right: 0;
  transform: translate(-50%, -50%);
}

#contentGallery {
  display: grid;
  grid-gap: 16px;
  grid-auto-flow: column;
  margin: auto;
  box-sizing: border-box;
}

.caption {
  width: 254px;
}

.caption img {
  border: 10px solid #eee;
  margin-top: 20px;
}

input.form-control.email_field.invalid {
  background-color: #f7c3cc !important;
  border-bottom: 3px solid #da291c !important;
}

#next:hover, #prev:hover, .btn-danger:hover{
    background-color: #f44336 !important;
}

@media (max-width: 767px) {
  .control-box,
  .page-header {
    text-align: center;
  }

  .carousel-inner .thumbnail,
  .carousel-inner .thumbnails {
    margin-bottom: 0;
    margin-left: 0 !important;
    padding: 0;
  }

  #create-list .col-md-8 .row {
    margin: 20px 0 !important;
  }

  .custom-checkbox {
    margin-bottom: 20px;
  }

  #create-list .row.row-eq-height .col-md-8 {
    margin-top: 20px;
  }
}

@media (max-width: 479px) {
  .caption {
    word-break: break-all;
  }

  .caption {
    width: 78vw;
  }
}

@media (max-width: 375px) {
  button.btn.create-list {
    font-size: 18px;
  }
}

@media print {
  .w50 span {
    font-size: 35px !important;
  }

  .col-md-12 {
    width: 100%;
    clear: both;
  }

  .col-md-12 .header.expand.out {
    padding-top: 0;
  }

  .col-md-4.weather-box {
    right: 0 !important;
    margin-left: 120px;
  }

  .col-md-12.weather,
  .header.expand h1,
  .weather-body,
  .weather-footer {
    -webkit-print-color-adjust: exact;
  }

  .header.expand,
  .num {
    text-align: right;
  }

  .header.expand.out {
    margin-top: 10px;
  }

  .weather-box {
    margin-top: -100px;
    margin-left: 120px;
  }

  .col-md-12.weather {
    background-color: #f2a900 !important;
  }

  .weather-body {
    background-color: #f9f9f9 !important;
  }

  .weather-footer {
    background: #ffbb36 !important;
  }

  .header.expand,
  .logo-img {
    display: block !important;
  }

  .logo {
    position: absolute;
  }

  a[href]:after {
    content: none !important;
  }

  .header.expand h1 {
    font-size: 4vw;
    color: #f2a900 !important;
  }

  .num {
    border: 1px solid #ccc;
  }

  .addbtn,
  .footer-gaq.fixed-bottom,
  .header.expand .subhead,
  .item,
  .new-list,
  .no-print,
  .removebtn {
    display: none !important;
  }

  body {
    zoom: 80%;
    margin: 4mm !important;
  }

  .col-md-4 {
    width: 33.33%;
    float: left;
  }

  .itemContainer.ng-scope {
    margin-top: 20px;
    padding: 0;
  }

  .row.row-eq-height.result {
    border: none;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    clear: both;
  }

  .result .line {
    border-top: 2px solid #ccc;
    clear: both;
    height: 2px;
    z-index: 1000;
    display: block;
  }

  .header.expand.out {
    margin-left: -20px !important;
  }

  footer {
    page-break-after: always;
  }

  .top-border {
    border-top: 2px dashed #ccc;
    padding-top: 20px;
    width: 100% !important;
  }

  .col-md-4.weather-box {
    display: none;
  }
}