.page-popup{
  position:absolute; 
  z-index:30;
  display:none;
  padding: 10px; 
  width:95%;
  top: 70px;
  overflow-y: auto;

  /*-moz-border-radius: 5px; -webkit-border-radius: 5px; */
 }
 .page-popup-overlay {
     position:fixed;
  z-index:20;
 
     /* color with alpha channel */
     background-color: rgba(0, 0, 0, 0.8); /* 0.7 = 70% opacity */
     
  width:100%;
     /* stretch to screen edges */
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
 }
 .row{ padding: 5px; }

.link{
  cursor: pointer;
  color: #337ab7;
  margin-right: 5px;
}
.link:hover{
  cursor: pointer;
  color: #7579ff
}
.nav-link{
    color: white;
}
.nav-link:hover{
    color: white;
    text-decoration: underline;
}
.nav-link:focus
{
    color: white;
    text-decoration: underline;
    
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show  {
    color: white;
    text-decoration: underline;
    
}

.card-info
 {
    border-color: #bce8f1;
}

.card-green{border-color:#d6e9c6; margin-bottom: 10px}.card-green>.card-header{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.card-green>.card-header+.card-collapse>.card-body{border-top-color:#337ab7}
.card-blue{border-color:#bce8f1; margin-bottom: 10px}.card-blue>.card-header{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.card-blue>.card-header+.card-collapse>.card-body{border-top-color:#337ab7}

.navbar{
    background-image: linear-gradient(to bottom, #3c3c3c 0, #222 100%);
}