@CHARSET "UTF-8";
.logo,
.logo:hover {
  background-image: url(images/logo-acsioma.svg) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  outline: none !important;
}
a.backlink {
  position: absolute;
  bottom: -1em;
  right: 1em;
  font-size: 1.4em;	
}
a.files {
  display: block;
  margin: 0.5em 0;
}
button:focus {
  border: 0px solid transparent !important;
}
.panel-group .panel {
  position: relative;
  border: none;
}
hr.divider {
  padding: 1em 0;
}
footer {
	position: relative;
}
footer .space { 
  position: absolute;
  top: 3em;
  right: 2em;
}
footer .copyright {
  position: absolute;
  top: 3em;
  left: 2em;
}
#logo-brand {
  display: inline-block;
  height: 50px;
  width: 220px;
}
#logo-banner {
  display: block;
  position: relative;
  height: 100%;
  background-color: #33334A;
  display: block;
}
.navbar-fixed-top {
  border-width: 0;
}
.navbar-fixed-top li {
  padding: 5px 15px;
}
.navbar-nav > li > a > span.fa {
  padding-right: 0.5em;
}
@media (min-width: 768px) {
  .navbar-nav.navbar-right:last-child {
    margin-right: 1em;
  }
}
.jumbotron.subhead {
  height: 9em;
  padding: 1em 0;
  color: #fff;
  text-align:center;
  background-color: #33334A;
}
div.panel-heading,
div.panel-heading .panel-title {
  padding: 0 1em;
  line-height: 3em;
}
div.panel-heading .panel-title > a,
div.panel-heading .panel-title > a:hover {
  display:inline-block;
  width: 100%;
  text-decoration:none;
}
div.panel-heading.primary {
  background-color: #33334A;
  border-color: #357EBD;
  color: #fff;	
}
div.panel-heading.primary:hover {
  background-color: #5C5C6F; /*#7979A1;*/
  border-color: #285E8E;
}

div.panel-heading.primary .panel-title > a > small,
div.panel-heading.primary .panel-title > a,
div.panel-heading.primary .panel-title > a:visited {
  color: #fff;	
}
div.panel-heading.primary .panel-title > a:active,
div.panel-heading.primary .panel-title > a:hover {
  text-decoration:none;
  color: #fff;
}
table.datalist {
 width:100%;
 border: 1px solid;
 border-collapse: true;
 border-color: #ddd;
 margin: 1em 0;
}
table.datalist td, th {
  padding: 0;
  border: 1px solid;
  border-color: inherit;
}
table.datalist td {
  padding: 0.2em;
}
table.datalist th > button {
  border: none;
  padding: 0;
  margin: 0;
  width: 100%;	
  height: 100%;
  background-color:#33334A;
  color: #fff; 
}
table.datalist tr.final {
	background-color: #F2FFF2;	
}
table.datalist tr.link:hover {
 color: #33334A;
 background-color: #eee;
}
table.datalist tr.link.deliverable td.state {
 text-align: center;
}
td.state.info {
 background-color: #c4e3f3;
}
td.state.warning {
 background-color: #fcf8e3;
}
td.state.success {
 background-color: #d0e9c6;
}
td.state.danger {
 background-color: #f2dede;
}
input.search {
 padding-left: 0.5em;
}
div.list-item div.actions {
 margin-left: 0.5em;
 position: relative;
 height: 2em;
}

@media (min-width: 768px) {
 div.list-item div.actions {
  position: absolute;
  top: 0.4em;
  right: 2em;
  height: 3em;
 }
}


.pagination {
  margin: 0.5em 0 0 1em;
}
div.list-item div.actions small {
  position: relative;
  top: 0.5em;
  color: #fff;
}
div.list-item div.actions input {
  position: relative;
  top: 0.6em;
}

label {
	margin-right: 1em;
}

div.sample-dataset-info {
	float:left;
	margin: 0 10em 2em 0;
}
.fixit {
    display: block !important;
    position: fixed !important;
    z-index: 100;
}
.offsety100 {
    top: 99px;
    width: 100vw;
    text-align: center !important;
}
.offsety100b {
    position: relative;
    width: 100vw;
  //  height: 55vh;
    background-color: #ffffff;
    overflow-y: scroll;
    text-align: center !important;
}
.progress90 {
  position: absolute;
  top: 25.5vh;
  height: 20px;
  width: 30vw;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar90 {
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #77779E;
  text-align: center;
  background-color: #33334A;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .9s ease-out;
       -o-transition: width .9s ease-out;
          transition: width .9s ease-out;
}
.progress-bar100 {
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #33334A;
  text-align: center;
  background-color: #3Ab83a;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .9s ease-out;
       -o-transition: width .9s ease-out;
          transition: width .9s ease-out;
}
.progress-bar110 {
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #33334A;
  text-align: center;
  background-color: #FF3333;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .9s ease-out;
       -o-transition: width .9s ease-out;
          transition: width .9s ease-out;
}

.rotate90{
transform:rotate(270deg);
-ms-transform:rotate(270deg); /* IE 9 */
-moz-transform:rotate(270deg); /* Firefox */
-webkit-transform:rotate(270deg); /* Safari and Chrome */
-o-transform:rotate(270deg); /* Opera */
}
.offsety150 {
    top: 149px;
    width: 100vw;
    text-align: center !important;
}
.offsety200 {
    position: fixed;
    width: 100vw;
    top: 199px;
    height: 100vh;
    padding: 0 5vw;
    background-color: #33334A;
    overflow-y: scroll;
}
.offsety200b {
    position: relative;
    width: 100vw;
    height: 100vh;
    padding: 0 5vw;
    background-color: #33334A;
    overflow-y: scroll;
}
.stretchimg {
    width: 150%;
}
.hlcl {
    display: inline-block;
    font-size: 1.2em;
    color: #33334A;
    text-align: center;
    text-shadow: 0 1px 2px rgba(51, 51, 74, 0.2);
    padding-top: 1em;
}
.hlclw {
    display: inline-block;
    font-size: 1.2em;
    color: #ababab;
    padding-top: 1em;
}
.hlclww {
    display: inline-block;
    font-size: 1.2em;
    color: #ffffff;
    padding-top: 1em;
}
.hlclb {
    display: inline-block;
    font-size: 1.2em;
    color: #33334A;
    text-align: left;
    padding-left: 5px;
    text-shadow: 0 1px 2px rgba(51, 51, 74, 0.2);
    margin-top: 1em;
    width: 100%;
    background-color: #cdcdcd;
    border-radius: 6px;
  }
.hlclc {
    display: inline-block;
    font-size: 1.2em;
    color: #ffffff;
    text-align: left;
    padding-left: 5px;
    margin-top: 1em;
    width: 100%;
    background-color: transparent;
    border-radius: 6px;
  }
.hlck {
    font-size: 1.8em;
    color: #33334A;
    text-align: justify;
    text-shadow: 0 1px 2px rgba(51, 51, 74, 0.2);
    padding-top: 2em;
}
.hlclsm {
  top: +0.25em;
  font-size: 1em;
  padding-right: 0;
}
.hlclsmg {
  font-size: 1em;
  padding-top: 10px;
  color: #33334A;
}
.hlclsx {
  top: +0.25em;
  font-size: 0.9em;
}
.tcl {
  display: inline-block;
  padding: 0;
  color: #33334A;
  font-size: 1em;
  font-weight: 500;
  text-align: center;
}
.spcr {
    margin-top: 50px;
}
.glcl {
  font-size: 1em;
  width: 4vw;
  margin-top: 1.2em;
  text-align: center;
}

.glclalt {
  font-size: 1em;
  color: #ABABAB;
  width: 3vw;
  margin-top: 1.2em;
  text-align: center;
}

.pubLi {
    display: inline-block;
    top: -3px;
    padding-left: 1em;
    font-size: 0.5em;
}
.txtc {
    text-align: center;
    display: block;
}
.img-circle {
    border-radius: 50%;
    width: 250px;
    height: 250px;
    padding-top: 50px;
}
.cimganim {
    -webkit-animation-name: cimganim;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    animation-name: cimganim;
    animation-duration: 3s;
    animation-timing-function: ease-out;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-play-state: running;
}

@-webkit-keyframes cimganim {
    0%   {width: 121vw; height: 121%;}
   100%  {width: 100vw; height: 100%;}
}

@keyframes cimganim {
    0%   {width: 121vw; height: 121%;}
   100%  {width: 100vw; height: 100%;}
}

/*
 * Classifier
 */
 h1 a.pull-right {
    font-size: 0.6em;
}
 div.head {
  margin: 1em;
 }
 span.sig {
  padding: 0 2em;
 }
 ul.list {
    list-style: none;
    padding: 0;
 }
 span.sort {
  background-color: #33334A;
  color: #fff;
  padding: 0.2em;
 }
 span.sort:hover {
  cursor: pointer;
 }
 span.substance {
  display: inline-block;
  min-width: 280px;
  width: 280px;  
 }
 span.tissue {
  display: inline-block;
  min-width: 80px;
  width: 80px;
 }
 span.dose,
 span.time {
  display: inline-block;
  min-width: 90px;
  width: 90px;
 }
 span.dataset {
  display: inline-block;
  min-width: 90px;
  width: 90px;
 }
 span.project {
  display: inline-block;
  min-width: 90px;
  width: 90px;
 }
 span.sigXr,
 span.sigXd,
 span.sigXs,
 span.sigYr,
 span.sigYd,
 span.sigYs {
  display: inline-block;
  min-width: 80px;
  width: 80px;
 }
 
 span.sigYs, span.sigXs {
  display: none;
 }
/*
 * 2 additionnal screen sizes
 */
 @media (max-width: 1499px) {
  .visible-xlarge {
	display: none !important;
	visibility: hidden !important; 
  }
  
 }
 @media (min-width: 1500px) {
  .hidden-xlarge {
	display: none !important;
	visibility: hidden !important; 
  }
  .container {
  	width: 1470px;
  }
 }
 @media (max-width: 1999px) {
  .visible-xxlarge {
	display: none !important;
	visibility: hidden !important; 
  }
 }
 @media (min-width: 2000px) {
  .hidden-xxlarge {
	display: none !important;
	visibility: hidden !important; 
  }
  .container {
  	width: 1970px;
  }
 }