/* app css stylesheet */

body { padding-top: 75px; }

.bg-light {
  background-color: #f8f9fa !important;
}



.bg-dark {
  background-color: #343a40 !important;
}

.pt-3
 {
  padding-top: 2rem !important;
}


.zoom {
  transition: transform .2s; /* Animation */
}

.zoom:hover {
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  z-index:2;
}


.thumbnail:hover,
.panel:hover { 
  border-width: thick ; 
} 

a.action_link {
  text-decoration: none;
}

/* Copied from bootstrap css*/
.navbar-xyz {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-xyz .navbar-brand {
  color: #777;
}
.navbar-xyz .navbar-brand:hover,
.navbar-xyz .navbar-brand:focus {
  color: #337ab7;
  background-color: transparent;
}
.navbar-xyz .navbar-text {
  color: #777;
}
.navbar-xyz .navbar-nav > li > a {
  color: #777;
}
.navbar-xyz .navbar-nav > li > a:hover,
.navbar-xyz .navbar-nav > li > a:focus {
  color: #337ab7;
  background-color: transparent;
}
.navbar-xyz .navbar-nav > .active > a,
.navbar-xyz .navbar-nav > .active > a:hover,
.navbar-xyz .navbar-nav > .active > a:focus {
  color: #337ab7;
  background-color: #e7e7e7;
}
.navbar-xyz .navbar-nav > .disabled > a,
.navbar-xyz .navbar-nav > .disabled > a:hover,
.navbar-xyz .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-xyz .navbar-toggle {
  border-color: #ddd;
}
.navbar-xyz .navbar-toggle:hover,
.navbar-xyz .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-xyz .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-xyz .navbar-collapse,
.navbar-xyz .navbar-form {
  border-color: #e7e7e7;
}
.navbar-xyz .navbar-nav > .open > a,
.navbar-xyz .navbar-nav > .open > a:hover,
.navbar-xyz .navbar-nav > .open > a:focus {
  color: #337ab7;
  background-color: #e7e7e7;
}
.mx-2 {
  margin-left: 0.5rem !important;
}

@media (max-width: 767px) {
  .navbar-xyz .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-xyz .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-xyz .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-xyz .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-xyz .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-xyz .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-xyz .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-xyz .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-xyz .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-xyz .navbar-link {
  color: #777;
}
.navbar-xyz .navbar-link:hover {
  color: #333;
}