/* 	-------------------------------------------------
 	Base Mixins
	------------------------------------------------- */
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
/* 	-------------------------------------------------
 	Grayscale Filter
	------------------------------------------------- */
.grayscale {
  filter: alpha(opacity=50);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(50));
  filter: alpha(opacity=(50));
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.no-grayscale {
  opacity: 100;
  filter: alpha(opacity=10000);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
  filter: alpha(opacity=(100));
  -moz-opacity: 100 / 100;
  opacity: 100 / 100;
  filter: none;
  -webkit-filter: grayscale(0%);
}
.crisp-edges {
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  /* IE (non-standard property) */
}
/* 	-------------------------------------------------
 	Animations
	------------------------------------------------- */
/* 	-------------------------------------------------
 	Media Wraps
	------------------------------------------------- */
h3 {
  font-size: 1.2em;
  color: #ffce1f;
}
.setting-group {
  border: 2px solid rgba(245, 245, 245, 0.1);
  margin-bottom: 10px;
  padding: 7px 10px;
}
.setting {
  padding: 0 20px;
}
.content-block:after {
  content: '';
  display: block;
  clear: both;
}
pre {
  border-radius: 0;
  border: none;
  background: rgba(42, 51, 62, 0.5);
  color: #ccc;
  margin-top: 10px;
  max-height: 200px;
}
.btn {
  border-radius: 2px;
  padding: 10px 36px;
  font-size: 1.1em;
  border: none;
  background: #d9d9d9;
  color: #000;
  font-weight: bold;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.btn:hover,
.btn:focus {
  background: #fff;
  color: #000;
}
.btn-primary {
  background: #d2a400;
  color: #000;
}
.btn-primary:hover,
.btn-primary:focus {
  background: #ffce1f;
  color: #000;
}
.sync-action label {
  vertical-align: middle;
  margin-bottom: 10px;
}
.sync-action label input {
  border: none;
  border-radius: 2px;
  padding: 10px 36px;
  font-size: 1.1em;
  color: #000;
  text-align: center;
  width: 440px;
}
.sync-action label input[disabled],
.sync-action label input[readonly] {
  background: #ccc;
}
.sync-action label input[disabled]::-webkit-input-placeholder,
.sync-action label input[readonly]::-webkit-input-placeholder {
  color: #666;
}
.sync-action label input[disabled]:-moz-placeholder,
.sync-action label input[readonly]:-moz-placeholder {
  color: #666;
}
.sync-action label input[disabled]:-ms-placeholder,
.sync-action label input[readonly]:-ms-placeholder {
  color: #666;
}
.sync-action label input[disabled]:-ms-input-placeholder,
.sync-action label input[readonly]:-ms-input-placeholder {
  color: #666;
}
.sync-action .btn {
  vertical-align: middle;
  margin-bottom: 10px;
}
/*# sourceMappingURL=screen.css.map */