/*
 * Copyright 2017 Google Inc. All Rights Reserved.
 * Licensed under the Apache License, Version 2.0 (the 'License');
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an 'AS IS' BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

body {
  /* Prevent scroll on narrow devices */
  padding-top: 6rem;
  padding-bottom: 2rem;
  margin: 0;
}

p {
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.7;
}

.lead {
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.6;
}

canvas {
  width: 100%;
  margin: 0;
}

h3 {
  margin-top: 2rem;
}

.row {
  margin-bottom: 1rem;
}

.row .row {
  margin-top: 1rem;
  margin-bottom: 0;
}

hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
}

.top {
  border-top: 0.1rem solid #eee;
}

.bottom {
  border-bottom: 0.05rem solid #eee;
}

.panel-heading {
  padding: 15px;
  color: #666;
}

.panel-title {
  font-size: 1.75rem;
}

.panel-body {
  font-size: 1.5rem;
  padding: 10px 15px 10px 15px;
}

body.fullscreen {
  background-color: rgba(255, 255, 255, 0);
}

#arapp.fullscreen {
  position: absolute;
  z-index: 999999;
  left: 0;
  top: 0;
}

#arapp2.fullscreen {
  position: absolute;
  z-index: 999999;
  left: 0;
  top: 0;
}

#arapp3.fullscreen {
  position: absolute;
  z-index: 999999;
  left: 0;
  top: 0;
}

a {
  color: #69c;
}

@media (max-width: 990px) {
  #sidebar {
    display: none;
  }
}