#page{
position: relative;
}

.js-irs-0 .irs-single,
.js-irs-0 .irs-bar-edge,
.js-irs-0 .irs-bar{
  background: orange;
}

.js-irs-1 .irs-single,
.js-irs-1 .irs-bar-edge,
.js-irs-1 .irs-bar{
  background: orange;
}

.js-irs-2 .irs-single,
.js-irs-2 .irs-bar-edge,
.js-irs-2 .irs-bar{
  background: orange;
}

.theme-orange .irs-single,
.theme-orange .irs-bar-edge,
.theme-orange .irs-bar{
  background: orange;
}

.network_capnone{
  padding-left: 0;
  padding-right: 0;
  height:100%;
}

.network_caprat{
  padding-left: 0;
  padding-right: 0;
  background-image:url('CaPO4_network/rat_wholebody.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height:100%;
}

.network_caphuman{
  padding-left: 0;
  padding-right: 0;
  background-image:url('CaPO4_network/human_wholebody.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height:100%;
}

#boxvideo{
text-align: center;
}

mark {
  background-color: yellow;
}

.newClass{
  min-width: 900px;
  max-width: 900px;
}

#about_us{
margin-left: auto;
margin-right: auto;
max-width:70%;
max-height:70%;
}

#zoom_image{
border: 3px black solid;
border-radius: 10px;
box-shadow: 6px 6px 0px black;
}

#tab {
display:inline-block;
margin-left: 100px;
}

#shiny-notification-notifid {
position: fixed;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -100px;
width: 20em;
opacity: 1;
z-index: 100;
}

#shiny-notification-graph_notif {
position: fixed;
top: 30%;
left: 70% ;
width: 20em;
opacity: 1;
z-index:100;
}

.blinking-button {
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}

@-webkit-keyframes glowing {
  0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
}

@-moz-keyframes glowing {
  0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
}

@-o-keyframes glowing {
  0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}

@keyframes glowing {
  0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.carousel {
  height: 500px;
  margin-bottom: 0;
}
.carousel .item {
  height: 500px;
  background-color: #000;
  border-width: 200;
  border-style: inset;
  border-color: #ccc;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
  border: 0;
}
.carousel-inner > .item > iframe {
  position: absolute;
  top: 5%;
  left: 15%;
  min-width: 70%;
  max-width: 70%;
  height: 80%;
  border: 0;
}
