#app.no-scroll{
  overflow: hidden;
  position: absolute;
  bottom: 0px;
  top: 0px;
  width: 100%;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
	transition: 0s;
}

.fade-out-enter-active, .fade-out-leave-active {
  transition: opacity .5s;
}
.fade-out-enter, .fade-out-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
  transition: .5s;
}

.slide-up-enter-active {
    transition: 0.5s;
}
.slide-up-leave-active {
    transition: 0.2s;
    z-index: -1;
}
.slide-up-enter {
  transform: translate(0%, 100%);
  opacity: 0;
  height: 0px;
}
.slide-up-leave-to {
  transform: translate(0%, -100%);
  opacity: 1;
  transition: 0s;
  height: auto;
}

.input-warning, .form-group small.input-warning{
  color: #E53935;
  font-size: 14px;
}

.input-warning.filled, .form-group small.input-warning.filled {
  background: #F44336;
  background: -webkit-linear-gradient(to right, #D32F2F, #F44336);
  background: linear-gradient(to right, #D32F2F, #F44336);
  box-shadow: inset 0px 1px 2px rgba(255,255,255,0.1), 0px 1px 4px rgba(0,0,0,0.1), 0px 1px 1px rgba(0,0,0,0.1);
  color: #fff;
  padding: 5px 10px;
  display: inline-block;
  width: 100%;
  margin-top: 15px;
  border: 1px solid rgba(0,0,0,0.05);
  text-align: center;
  border-radius: 50px;
}

.input-warning.filled.success {
  background: #00E676;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #00E676, #00C853);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #00E676, #00C853); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.input-warning.filled.tiny, .form-group small.input-warning.filled.tiny {
  font-size: 12px;
}

.input-warning .fa {
  margin-right: 3px;
}

.select-button {
  padding: 5px 15px;
  font-size: 14px;
  display: inline-block;
  margin: 0px 10px 10px 0px;
  background: #fff;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.2s background;
  box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
  text-align: center;

  background-color: #f9f9f9;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#eeeeee));
  background-image: -webkit-linear-gradient(top,#f9f9f9,#eeeeee);
  background-image: linear-gradient(top,#f9f9f9,#eeeeee);
  border: 1px solid #ccc;

  color: #616161 !important;
  text-decoration: none !important;
}

.select-button.single, .select-button.solo {
  margin: 0px;
}

.select-button.small{
  padding: 3px 5px;
  margin: 0px 5px 5px 0px;
}

.select-button:hover, .select-button:focus {
  box-shadow: 0px 2px 4px rgba(0,0,0,0.15);
  border: 1px solid #bdbdbd;
}

.select-button.full{
  width: 100%;
  margin: 0px;
  margin-bottom: 10px;
}

.select-button:last-child {
  margin-right: 0px;
}

.select-button.full:last-child {
  margin-bottom: 0px;
}

.select-button.selected, .select-button.active  {
  background: #283593;
  border: 1px solid #1A237E;
  color: #fff !important;
  box-shadow: inset 0px 1px 5px rgba(0,0,0,0.1);
}

.select-button.selected.red-if-active, .select-button.active.red-if-active {
  background: #F44336;
  border: 1px solid #D32F2F;
  color: #fff !important;
  box-shadow: inset 0px 1px 5px rgba(0,0,0,0.1);
}

.select-button span, .select-button i, .select-button small, img {
	vertical-align: middle;
  display: inline-block;
}

.select-button img {
  margin-right: 5px;
}

.select-button i {
	display: none;
}

.select-button .discount-mod {
  color: #43A047;
  font-weight: 600;
}

.select-button .premium-mod {
  font-weight: 600;
}

.select-button.selected i, .select-button.active i {
	display: inline-block;
  font-size: 10px;
  margin-right: 3px;
}

.select-button.selected small, .select-button.active small {
  color: #E0E0E0;
}

.select-button.disabled {
  cursor: not-allowed;
  color: #bdbdbd !important;
  background-color: #f9f9f9;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#f9f9f9));
  background-image: -webkit-linear-gradient(top,#f9f9f9,#f9f9f9);
  background-image: linear-gradient(top,#f9f9f9,#f9f9f9);
  box-shadow: none;
  border: 1px solid #eee;
}

.flex-container{
  display: flex;
}

.flex-container__2-cols {
  flex: 1;
}

.flex-container__2-cols.padded {
  padding: 10px;
}

.flex-container__2-cols:first-child {
  padding-right: 20px;
}

i.fa.fa-check.success-check {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #00C853;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  vertical-align: middle;
}

i.fa {
  transition: 0.2s;
}

i.fa.rotated-180 {
  transform: rotateZ(180deg);
}

i.fa.rotated-90 {
  transform: rotateZ(90deg);
}

.input-invalid {
    outline-color: red;
    /* also need animation and -moz-animation */
    -webkit-animation: shake .5s linear;
}

.modal-shake {
  -webkit-animation: shake .5s linear;
  animation: shake .5s linear;
}
/* also need keyframes and -moz-keyframes */
 @-webkit-keyframes shake {
    8%, 41% {
        -webkit-transform: translateX(-10px);
    }
    25%, 58% {
        -webkit-transform: translateX(10px);
    }
    75% {
        -webkit-transform: translateX(-5px);
    }
    92% {
        -webkit-transform: translateX(5px);
    }
    0%, 100% {
        -webkit-transform: translateX(0);
    }
}

.load-more{
  padding: 10px;
  cursor: pointer;
  transition: 0.2s;
  text-align: center;
  margin-top: 15px;
  color: #616161;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  background: #eee;
  box-shadow: 0px 1px 4px #eee;
  font-size: 15px;
  font-weight: 500;
}

.load-more:hover {
  background: #e0e0e0;
}



.custom-checkmark-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0px !important;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
}

.custom-checkmark-card {
  background: #fff;
  border: 1px solid #e0e0e0;
  box-shadow: 0px 1px 5px #e0e0e0;
  border-radius: 3px;
  padding: 15px;
  margin-bottom: 15px;
}

.custom-checkmark-card:last-child {
  margin-bottom: 0px;
}

/* Hide the browser's default checkbox */
.custom-checkmark-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.custom-checkmark {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 26px;
    width: 26px;
    border-radius: 3px;
    background: #bdbdbd;
    border: 1px solid transparent;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
}

/* On mouse-over, add a grey background color */
.custom-checkmark-container:hover input ~ .custom-checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.custom-checkmark-container input:checked ~ .custom-checkmark {
  background: #283593;
  border: 1px solid #1A237E;
}

/* Create the checkmark/indicator (hidden when not checked) */
.custom-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.custom-checkmark-container input:checked ~ .custom-checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.custom-checkmark-container .custom-checkmark::after {
    left: 11px;
    top: 7px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
}