.navbar-custom {
    background-color: #0d6480;
}

html {
  position: relative;
  min-height: 100%;
}

body {
    /*background-image: url('../img/triangle-mosaic.png');*/
    /*background-repeat: repeat;*/
    /*background-image: linear-gradient(60deg, #cdd8d0 0%, #cdd8d5 50%, #cdd8d0 100%);*/
    /*background-color: #fff;*/
    background-color: rgb(242, 242, 242);
    margin-bottom: 160px; /* Margin bottom by footer height */
    min-height: 100%;
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 160px; /* Set the fixed height of the footer here */
  line-height: 30px; /* Vertically center the text there */
  background-color: #f5f5f5;
}

footer a {
  color: #f8f9fa;
}
footer a:hover {
  color: #007bff;
}

.alphaonhover {
  opacity: 1.0;  /* Opacity for Modern Browsers */
  filter: alpha(opacity=100);  /* Opacity for IE8 and lower */
  zoom: 1;  /* Fix for IE7 */
}

.alphaonhover:hover {
  opacity: 0.80;  /* Opacity for Modern Browsers */
  filter: alpha(opacity=80);  /* Opacity for IE8 and lower */
  zoom: 1;  /* Fix for IE7 */
}

.card-shadowonhover {
  box-shadow: none;
}

.card-shadowonhover:hover {
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
}

.table-shadowonhover {
  box-shadow: none;
}

.table-shadowonhover:hover {
  box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.15) inset;
}

.flight-selectable {
  cursor:pointer;
}

.flight-selected {
  background-color: #99ccff;
}

.durationpicker-widget-button {
  cursor: pointer;
  width: 35px;
  opacity: 0.55;
}

.durationpicker-widget-button:hover {
  opacity: 0.90;
}

.img-navbar-profile {
  width: 35px;
  height: 35px;
  object-fit: cover;
}

.img-profile-size {
  width: 224px;
  height: 224px;
  object-fit: cover;
}
.img-size-square {
  max-width: 100%;
  max-height: 100%;
  min-width: 150px;
  min-height: 150px;
  object-fit: cover;
}
.img-size-auto {
  max-width: 100%;
  height: auto;
  min-width: 150px;
  min-height: 150px;
  object-fit: contain;
}
.img-upload {
  border: 2px dashed gray;
  border-color: rgba(125, 125, 125, 1.0);
  padding: 5px;
  margin: 10px;
  background-color: linear-gradient(45deg, #d3d3d3 0%, white 50%, #d3d3d3 100%);
  background-clip: content-box;
  position: relative;
}
.img-upload:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}
.img-glow:hover {
  mask-image: radial-gradient(circle, transparent 0%, black 40%);
  mask-position: -112px -60px;
  mask-repeat: repeat;
  animation-name: img-glow-animation;
  animation-duration: 4.0s;
  animation-timing-function: ease-in-out;
  animation-delay: 0.0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
}
@keyframes img-glow-animation {
  0% { mask-position: -112px -60px; }
  25% { mask-position: 112px -60px; }
  100% { mask-position: 112px -60px; }
}
.img-transparency-background {
  background-image: url('../img/transparency-pattern.png');
  background-repeat: repeat;
}

/*
.progress-bar {
  height: 10px;
  width: 100%;
  border-radius: 4px;
  position: relative;
  background-image: linear-gradient(90deg, #117bf4 0%, #d0e0f2 25%, #117bf4 50%, #d0e0f2 75%, #117bf4 100%);
  background-position: 0px 0px;
  background-repeat: repeat-x;
  animation-name: progress-bar-move;
  animation-duration: 60.0s;
  animation-timing-function: linear;
  animation-delay: 0.0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
}
@keyframes progress-bar-move {
  0% { background-position: 0vmin 0vmin; }
  100% { background-position: 1000vmin 0vmin; }
}
.progress-bar-sm {
  height: 3px;
}
.progress-bar-lg {
  height: 34px;
}
.progress-bar-primary {
  background-image: linear-gradient(90deg, #117bf4 0%, #d0e0f2 25%, #117bf4 50%, #d0e0f2 75%, #117bf4 100%);
  box-shadow: 0px 0px 5px #117bf4;
}
.progress-bar-secondary {
  background-image: linear-gradient(90deg, #6b747c 0%, #dedfe0 25%, #6b747c 50%, #dedfe0 75%, #6b747c 100%);
  box-shadow: 0px 0px 5px #6b747c;
}
.progress-bar-success {
  background-image: linear-gradient(90deg, #27a545 0%, #b4edc1 25%, #27a545 50%, #b4edc1 75%, #27a545 100%);
  box-shadow: 0px 0px 5px #27a545;
}
*/

.glow-light:hover {
  background-repeat: no-repeat;
  background-size: 200px calc(100% * 10);
  background-image: linear-gradient(90deg, rgba(255,255,255,0) 10%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0) 90%);
  background-position: calc(0% - 200px) 25%;
  animation-name: glow-on-hover-move;
  animation-duration: 1.0s;
  animation-timing-function: ease-in-out;
  animation-delay: 0.4s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
}

.glow-dark:hover {
  background-repeat: no-repeat;
  background-size: 200px calc(100% * 10);
  background-image: linear-gradient(90deg, rgba(40,40,40,0) 10%, rgba(40,40,40,0.15) 50%, rgba(40,40,40,0) 90%);
  background-position: calc(0% - 200px) 25%;
  animation-name: glow-on-hover-move;
  animation-duration: 1.0s;
  animation-timing-function: ease-in-out;
  animation-delay: 0.4s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
}

.glow-blue:hover {
  background-repeat: no-repeat;
  background-size: 200px calc(100% * 10);
  background-image: linear-gradient(90deg, rgba(50,58,95,0) 10%, rgba(50,58,95,0.15) 50%, rgba(50,58,95,0) 90%);
  background-position: calc(0% - 200px) 25%;
  animation-name: glow-on-hover-move;
  animation-duration: 1.0s;
  animation-timing-function: ease-in-out;
  animation-delay: 0.4s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
}

@keyframes glow-on-hover-move {
  0% {
    background-position: calc(0% - 200px) 25%;
    }
  100% {
    background-position: calc(100% + 200px) 25%;
  }
}

.navbar-link {
  color: #999c99;
}
.navbar-link:hover {
  color: #f0eff0;
}

.select-with-icons {
  font-family: 'FontAwesome', 'sans-serif';
}

.card-shadow {
    box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.3);
}