/*
 *  Copyright (c) 2015 The WebRTC project authors. All Rights Reserved.
 *
 *  Use of this source code is governed by a BSD-style license
 *  that can be found in the LICENSE file in the root of the source
 *  tree.
 */
.hidden {
  display: none;
}

.highlight {
  background-color: #eee;
  font-size: 1.2em;
  margin: 0 0 30px 0;
  padding: 0.2em 1.5em;
}
.warning {
  color: red;
  font-weight: 400;
}

div#errorMsg p {
  color: #F00;
}



a {

text-decoration: none;
}

a:hover {
text-decoration: none;
}

a#viewSource {
display: block;
margin: 1.3em 0 0 0;
border-top: 1px solid #999;
padding: 1em 0 0 0;
}

div#links a {
display: block;
line-height: 1.3em;
margin: 0 0 1.5em 0;
}

div.outputSelector {
margin: -1.3em 0 2em 0;
}

@media screen and (min-width: 1000px) {
/* hack! to detect non-touch devices */
  div#links a {
		line-height: 0.8em;
  }
}



audio {
max-width: 100%;
}



button {
background-color: white;
border: none;
border-radius: 2px;
color: black;
font-family: 'Roboto', sans-serif;
font-size: 0.8em;
margin: 0 0 1em 0;
padding: 0.5em 0.7em 0.6em 0.7em;
}

button:active {
background-color: red;
}

button:hover {
background-color: red;
}

button[disabled] {
color: #ccc;
}

button[disabled]:hover {
background-color: red;
}

canvas {
  background-color: #ccc;
  max-width: 100%;
  width: 100%;
}



div#container {
margin: 0 auto 0 auto;
padding: 0;
}

div#links {
	padding: 0.5em 0 0 0;
}





video {
  background: #222;
  margin: 0 0 20px 0;
  width: 100%;
}