#portalLinks {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: space-around;
}	
#portalLinks div, #portalLinks nav {padding:.5em; max-width:350px;}
#portalLinks nav {font-size:0.85em;}
#portalLinks nav{
    background-color:#ececea;
    border:1px solid #999;
    font-family: "Candara", "Helvetica", "Arial", sans-serif;
}
#portalLinks nav h2 {font-size:1.6em; font-weight: normal; margin:0; padding:0; color:rgb(15,32,68); background-color: rgb(255,183,27)}

.link {font-size:110%;}
.contentcol h1 {font-size:1.4em !important; font-family: "Candara", "Helvetica", "Arial", sans-serif; margin:0; text-align:left;color:rgb(15,32,68); background-color: rgb(255,183,27); padding-left:4px;}
.contentcol h2 {font:1.2em "Candara", "Helvetica", "Arial", sans-serif; margin:0; color:rgb(15,32,68); background-color: rgb(190,192,194); text-align:left; padding-left:6px}

/* background-color:rgb(7,55,99); color:rgb(255,255,255);  */

#portalLinks .contentcol h2 {font:1.2em "Candara", "Helvetica", "Arial", sans-serif; margin:0; color:rgb(15,32,68); background-color: rgb(190,192,194); text-align:left; padding-left:6px}
#portalLinks ul {padding-bottom:1em;padding-left:10px}
#portalLinks a, #portalLinks a:visited, #portalLinks a:link {text-decoration:none; color:rgb(15,32,68); /* color: #0088dd; */ }
p.link, p.link a {
    font-weight: bold;
    margin-bottom: 0px !important;
}
p.desc {
    display:none;
    margin-top: 0px !important;
    margin-left:8px !important;
    font-weight: normal;
    font-size:.9em;
}
span.desctitle { display:none;}

h1 {text-align:center; color: rgb(15,32,68)}
/* h1 {text-align:center; color: rgb(15,32,68); background-color: rgb(255,183,27);} */
#subtitle {font-style:italic; color:#369;text-align:center;}
#disclaimer {font-size:90%;width:800px; margin-left:auto; margin-right: auto; margin-top: 16px; text-align: center;}
#disclaimer p {margin-top:4px; margin-bottom: 0px;}

.hidden { display:none;	}
@media screen and (min-device-width: 601px) 

{
#portalLinks div, #portalLinks nav {width:350px;}
/*/mediaquery*/

}
#portalLinks li { 
    list-style-type: none !important;
 }
#portalLinks li p { vertical-align: top; margin-top:0px; margin-bottom:4px !important}

/*********************/
/* Tooltips          */
/*********************/
p.Link:hover {
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.2), 0 0 0 1px rgba(0,0,0,.08);
}
[tooltip]{
    margin:10px 20px;
    position:relative;
    display:inline-block;
  }
  [tooltip]::before {
      content: "";
      position: absolute;
      top:-6px;
      left:50%;
      transform: translateX(-50%);
      border-width: 4px 6px 0 6px;
      border-style: solid;
      border-color: rgba(0,0,0,0.7) transparent transparent transparent;
      z-index: 99;
      opacity:0;
  }
  
  [tooltip-position='left']::before{
    left:0%;
    top:50%;
    margin-left:-12px;
    transform:translatey(-50%) rotate(-90deg) 
  }
  [tooltip-position='top']::before{
    left:50%;
  }
  [tooltip-position='bottom']::before{
    top:100%;
    margin-top:8px;
    transform: translateX(-50%) translatey(-100%) rotate(-180deg)
  }
  [tooltip-position='right']::before{
    left:100%;
    top:50%;
    margin-left:1px;
    transform:translatey(-50%) rotate(90deg)
  }
  
  [tooltip]::after {
      content: attr(tooltip);
      position: absolute;
      left:50%;
      top:-6px;
      transform: translateX(-50%) translateY(-100%);
      background: rgba(7,55,99,0.75);
      text-align: center;
      color: #fff;
      padding:4px 2px;
      font-size: 12px;
      min-width: 240px;
      border-radius: 5px;
      pointer-events: none;
      padding: 4px 4px;
      z-index:99;
      opacity:0;
      text-align: left;
  }
  
  [tooltip-position='left']::after{
    left:0%;
    top:50%;
    margin-left:-8px;
    transform: translateX(-100%) translateY(-50%);
  }
  [tooltip-position='top']::after{
    left:50%;
  }
  [tooltip-position='bottom']::after{
    top:100%;
    margin-top:8px;
    transform: translateX(-50%) translateY(0%);
  }
  [tooltip-position='right']::after{
    left:100%;
    top:50%;
    margin-left:8px;
    transform: translateX(0%) translateY(-50%);
  }
  
  [tooltip]:hover::after, [tooltip]:hover::before {
     opacity:1
  }
  
  .input{
    margin-left:135px
  }