/*
* BrainBrowser: Web-based Neurological Visualization Tools
* (https://brainbrowser.cbrain.mcgill.ca)
*
* Copyright (C) 2011 
* The Royal Institution for the Advancement of Learning
* McGill University
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program.  If not, see <http://www.gnu.org/licenses/>.
*
*
* Author: Tarek Sherif <tsherif@gmail.com> (http://tareksherif.ca/)
* Author: Nicolas Kassis
*/
html {font-size: 0.18%;/*10 ÷ 16 × 100% = 62.5%*/}

body {
  font: verdana;
  margin: 0;
}

#app-name {
  display: none;
  top: 15px;
  left: 15px;
}

.app-label {
  font-size: 0.1rem;
  white-space: nowrap;
  position: absolute;
  margin: 0;
  padding: 0.4em;
  color: white;
  border-radius: 5px;
  border: 3px solid darkorange;
  background-image: linear-gradient(left bottom, rgb(51,51,51) 1%, rgb(30,143,255) 87%);
  background-image: -o-linear-gradient(left bottom, rgb(51,51,51) 1%, rgb(30,143,255) 87%);
  background-image: -moz-linear-gradient(left bottom, rgb(51,51,51) 1%, rgb(30,143,255) 87%);
  background-image: -webkit-linear-gradient(left bottom, rgb(51,51,51) 1%, rgb(30,143,255) 87%);
  background-image: -ms-linear-gradient(left bottom, rgb(51,51,51) 1%, rgb(30,143,255) 87%);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    right top,
    color-stop(0.01, rgb(51,51,51)),
  );
}

svg { fill: #c2c2c2; }

#loading {
  position: absolute;
  margin:0;
  width: 100%;
  height: 100%;
  color:#141414;
  background-color:rgba(7.84,7.84,7.84,0.80);
  font:300 18px/18px Roboto, sans-serif;
  z-index: 2000;
}

.L2 {
  position: absolute;
  display: none;
  background-color: #343434;
  color:#ffffff;
  width:8.4rem;
  padding:2px 19px 0px 0px;
  align-content: center;
  margin-top: 1.5px;
  border-radius: 5px;
  text-align: center;
  z-index:100
}




.L1:hover .L2{display:block}