div#divSvg { 
    position: relative;
    top: 0px;
    left: 0px;
    padding: 0px;
    height: 500px;
    width: 500px;
    overflow: hidden;
}

svg { 
    margin: 0 auto;
    height: auto !important;
    width: auto !important;
    max-width: 100%;
    max-height: 100%;
    display: block;
    transform: translate(0, 0);    
}

canvas {
    pointer-events: none;    
    margin: 0 auto;    
    height: auto !important;
    width: auto !important;
    max-width: 100%;
    max-height: 100%;    
    display: block;
    position: absolute;
    top: 0px;
}


div.pinned {
    line-height: 1;
    position: absolute;			
    text-align: center;			
    width: 350px;					
    height: auto;					
    padding: 5px;					
    background: white;	
    border: 3px solid #888888;
    border-radius: 8px;	
}

div.notpinned {
    line-height: 1;
    position: absolute;			
    text-align: center;			
    width: 350px;					
    height: auto;					
    padding: 5px;					
    background: white;
    border-radius: 8px;	
    border: 3px solid #ffffff;    
    box-shadow: 5px 5px 2.5px #888888;      
}

div.insulin {
	box-shadow: 10px 10px 5px rgba(100,100,100,0.5);    
    border-radius: 0px;
    border: 0px solid #ffffff;
}

table {
    width: auto;
    height: auto;
    text-align: justify;
    font: 12px 'Helvetica Neue';
}

td {
    padding: 5px;
}

td.PDB {
    text-align: left;
    vertical-align: middle;
    font: 17px 'Helvetica Neue';
}

tr.menu{
/*    background-color: burlywood;*/
}

td#tableMenu{
    padding-left: 5px;
    padding-bottom: 6px;
    vertical-align: top;
    text-align: right;
}

img.PDBImg{
    width: 40px;    
    height: auto;
    vertical-align: middle;
/*    border: 1px solid black;*/
}

img.CloseImg{
    width: 20px;    
    height: auto;
}
img.Pin{
    width: 20px;    
    height: auto;
}

a.linkPopup:link {
    color: black;
    text-decoration: underline;
}

a.linkPopup:visited {
    color: black;
}

a.linkPopup:hover {
    color: #005788;
}

a.linkPopupAquaria:link {
    color: #954031;
    font-weight: bold;
    text-decoration: underline;
}

a.linkPopupAquaria:visited {
    color: #954031;
}

a.linkPopupAquaria:hover {
    color: #954031;
}

#insulinmaintrack {
    stroke: #7aabc6;
}

#insulinsecondarytrack {
    stroke: #e5ae62;
}
/* 
for loading wheel
} */

p.loadingtitle {
    font-size: 5vh;
    font-weight: bold;
    text-align: center;
}

@import url(https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.clearfix {
  zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
  clear: both;
}

.loadingcontainer {
  position: relative;
  margin: auto;
  width: 8em;
  height: 4em;
  font-size: 62.5px;
  overflow: hidden;
}

.wave {
  border-width: 0.2em;
  border-style: solid;
  position: absolute;
  -webkit-animation: wave 1500ms infinite alternate;
          animation: wave 1500ms infinite alternate;
  -webkit-transform: rotate(-44.5deg);
          transform: rotate(-44.5deg);
}
.wave:nth-child(1) {
  width: 6.83333em;
  height: 6.83333em;
  bottom: -3.41667em;
  left: 0.58333em;
  -webkit-animation-delay: 250ms;
          animation-delay: 250ms;
  border-color: transparent transparent #c6b8d1 #c6b8d1;
  border-radius: 6.83333em;
}
.wave:nth-child(2) {
  width: 5.66667em;
  height: 5.66667em;
  bottom: -2.83333em;
  left: 1.16667em;
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
  border-color: transparent transparent rgba(198, 184, 209, 0.71429) rgba(198, 184, 209, 0.71429);
  border-radius: 5.66667em;
}
.wave:nth-child(3) {
  width: 4.5em;
  height: 4.5em;
  bottom: -2.25em;
  left: 1.75em;
  -webkit-animation-delay: 750ms;
          animation-delay: 750ms;
  border-color: transparent transparent rgba(198, 184, 209, 0.57143) rgba(198, 184, 209, 0.57143);
  border-radius: 4.5em;
}
.wave:nth-child(4) {
  width: 3.33333em;
  height: 3.33333em;
  bottom: -1.66667em;
  left: 2.33333em;
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms;
  border-color: transparent transparent rgba(198, 184, 209, 0.42857) rgba(198, 184, 209, 0.42857);
  border-radius: 3.33333em;
}
.wave:nth-child(5) {
  width: 2.16667em;
  height: 2.16667em;
  bottom: -1.08333em;
  left: 2.91667em;
  -webkit-animation-delay: 1250ms;
          animation-delay: 1250ms;
  border-color: transparent transparent rgba(198, 184, 209, 0.28571) rgba(198, 184, 209, 0.28571);
  border-radius: 2.16667em;
}
.wave:nth-child(6) {
  width: 1em;
  height: 1em;
  bottom: -0.5em;
  left: 3.5em;
  -webkit-animation-delay: 1500ms;
          animation-delay: 1500ms;
  border-color: transparent transparent rgba(198, 184, 209, 0.14286) rgba(198, 184, 209, 0.14286);
  border-radius: 1em;
}

@-webkit-keyframes wave {
  to {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
}

@keyframes wave {
  to {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
}