.webremote-portal * {
  text-align: left;
  color: #000;
}
.webremote-portal body,
.webremote-portal input,
.webremote-portal button,
.webremote-portal textarea,
.webremote-portal select {
  font-family: "Palatino Linotype", Freeserif, serif;
  letter-spacing: 0.05em;
}
.webremote-portal h1,
.webremote-portal h2,
.webremote-portal h3,
.webremote-portal h4,
.webremote-portal h5,
.webremote-portal h6 {
  font-family: Georgia, "DejaVu Serif", serif;
  letter-spacing: 0.1em;
}
.webremote-portal pre,
.webremote-portal tt,
.webremote-portal code,
.webremote-portal kbd,
.webremote-portal samp,
.webremote-portal var {
  font-family: "Courier New", Courier, monospace;
}
.webremote-portal h1 {
  font-size: 1.5em;
}
.webremote-portal h2 {
  font-size: 1.4em;
}
.webremote-portal h3 {
  font-size: 1.3em;
}
.webremote-portal h4 {
  font-size: 1.2em;
}
.webremote-portal h5 {
  font-size: 1.1em;
}
.webremote-portal h6 {
  font-size: 1em;
}
.webremote-portal h1,
.webremote-portal h2,
.webremote-portal h3,
.webremote-portal h4,
.webremote-portal h5 {
  font-weight: normal;
}
.webremote-portal a:link {
  color: #000;
}
.webremote-portal a:visited {
  text-decoration: none;
}
.webremote-portal a:hover {
  text-decoration: none;
}
.webremote-portal a:focus {
  text-decoration: none;
}
.webremote-portal a:focus,
.webremote-portal :focus {
  outline: 1px dotted #000;
}
.webremote-portal a:hover,
.webremote-portal a:active {
  outline: none;
}
.webremote-portal body,
.webremote-portal p,
.webremote-portal dl,
.webremote-portal dt,
.webremote-portal dd,
.webremote-portal ul,
.webremote-portal ol,
.webremote-portal li,
.webremote-portal h1,
.webremote-portal h2,
.webremote-portal h3,
.webremote-portal h4,
.webremote-portal h5,
.webremote-portal h6,
.webremote-portal pre,
.webremote-portal code,
.webremote-portal form,
.webremote-portal fieldset,
.webremote-portal legend,
.webremote-portal input,
.webremote-portal button,
.webremote-portal textarea,
.webremote-portal blockquote,
.webremote-portal th,
.webremote-portal td {
  margin: 0;
  padding: 0;
}
.webremote-portal fieldset,
.webremote-portal img {
  border: 0;
}
.webremote-portal img {
  vertical-align: bottom;
}
.webremote-portal ol li,
.webremote-portal ul ol li {
  list-style-type: decimal;
}
.webremote-portal ul li {
  list-style-type: disc;
}
.webremote-portal ul ul li {
  list-style-type: circle;
}
.webremote-portal ul ul ul li {
  list-style-type: square;
}
.webremote-portal ol ol li {
  list-style-type: lower-alpha;
}
.webremote-portal ol ol ol li {
  list-style-type: lower-roman;
}
.webremote-portal sub {
  vertical-align: sub;
  font-size: smaller;
}
.webremote-portal sup {
  vertical-align: super;
  font-size: smaller;
}
.webremote-portal legend {
  color: #000;
  padding-bottom: 0.5em;
}
.webremote-portal table {
  border-collapse: collapse;
  border-spacing: 0;
}
.webremote-portal caption {
  position: absolute;
  left: -999em;
}
.webremote-portal th {
  text-align: center;
}
.webremote-portal tbody th {
  text-align: left;
}
.webremote-portal code {
  color: #06f;
}
.webremote-portal code,
.webremote-portal pre {
  font-family: "Courier New", monospace, serif;
  font-size: 1em;
}
.webremote-portal blockquote,
.webremote-portal q,
.webremote-portal em,
.webremote-portal cite,
.webremote-portal dfn,
.webremote-portal i,
.webremote-portal cite,
.webremote-portal var,
.webremote-portal address {
  font-style: italic;
}
.webremote-portal blockquote p:before,
.webremote-portal blockquote p:after,
.webremote-portal q:before,
.webremote-portal q:after {
  content: '';
}
.webremote-portal th,
.webremote-portal strong,
.webremote-portal dt,
.webremote-portal b {
  font-weight: bold;
}
.webremote-portal ins {
  text-decoration: none;
  border-bottom: 3px double #333;
}
.webremote-portal del {
  text-decoration: line-through;
}
.webremote-portal abbr,
.webremote-portal acronym {
  border-bottom: 1px dotted #333;
  font-variant: normal;
}
.webremote-portal h1,
.webremote-portal h2,
.webremote-portal h3,
.webremote-portal h4,
.webremote-portal h5,
.webremote-portal h6,
.webremote-portal p,
.webremote-portal pre,
.webremote-portal ul,
.webremote-portal ol,
.webremote-portal dl,
.webremote-portal fieldset,
.webremote-portal address {
  padding: 0 30px;
}
.webremote-portal dd p,
.webremote-portal dd pre,
.webremote-portal dd ul,
.webremote-portal dd ol,
.webremote-portal dd dl,
.webremote-portal li p,
.webremote-portal li pre,
.webremote-portal li ul,
.webremote-portal li ol,
.webremote-portal li dl,
.webremote-portal fieldset p,
.webremote-portal fieldset ul,
.webremote-portal fieldset ol {
  padding-right: 0;
  padding-left: 0;
}
.webremote-portal dd {
  padding-left: 20px;
  margin-top: 0.5em;
}
.webremote-portal li {
  margin-left: 30px;
}
.webremote-portal table {
  margin-right: 30px;
  margin-left: 30px;
}
.webremote-portal hr {
  margin-right: 30px;
  margin-left: 30px;
  border-style: inset;
  border-width: 1px;
}
.webremote-portal h1,
.webremote-portal h2,
.webremote-portal h3,
.webremote-portal h4,
.webremote-portal h5,
.webremote-portal h6,
.webremote-portal p,
.webremote-portal pre,
.webremote-portal dt,
.webremote-portal li,
.webremote-portal hr,
.webremote-portal legend,
.webremote-portal input,
.webremote-portal button,
.webremote-portal textarea,
.webremote-portal select,
.webremote-portal address,
.webremote-portal table {
  margin-top: 1.2em;
}
.webremote-portal label {
  padding-top: 1.2em;
}
.webremote-portal fieldset {
  line-height: 1;
}
.webremote-portal input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline;
}
.webremote-portal input[type="radio"] {
  vertical-align: text-bottom;
}
.webremote-portal input {
  _vertical-align: text-bottom;
}
.webremote-portal input,
.webremote-portal button,
.webremote-portal textarea,
.webremote-portal select,
.webremote-portal optgroup,
.webremote-portal option {
  font-size: 0.9em;
  line-height: 1.4 !important;
}
.webremote-portal button,
.webremote-portal input[type="submit"],
.webremote-portal input[type="reset"],
.webremote-portal input[type="button"],
.webremote-portal .inputButton {
  *overflow: visible;
  _width: 0;
  padding: 0.2em 0.4em;
}
.webremote-portal .block {
  padding: 0 30px;
  margin-top: 1.2em;
}
.webremote-portal .padding2margin {
  margin-right: 30px;
  margin-left: 30px;
  padding-right: 0;
  padding-left: 0;
}
.webremote-portal .noMarker li {
  list-style: none;
  margin-left: 0;
}
.webremote-portal {
  background: #fff;
  position: relative;
}
.webremote-portal .loading p {
  text-align: center;
}
.webremote-portal-inner {
  font-size: 16px;
}
.webremote-portal-inner h1 {
  text-align: center;
  font-size: 200%;
  font-weight: bold;
}
.webremote-portal-inner p {
  margin-top: 0.6em;
}
.webremote-portal-inner .control-label,
.webremote-portal-inner .url,
.webremote-portal-inner .token {
  font-family: monospace;
  font-weight: bold;
  display: inline-block;
  border: 1px solid #808080;
  padding: 2px 5px;
  border-radius: 5px;
  background: #ddd;
  margin-right: 3px;
  margin-left: 3px;
  font-size: 120%;
}
.webremote-portal-inner .control-label.keyboard,
.webremote-portal-inner .url.keyboard,
.webremote-portal-inner .token.keyboard {
  border: 1px solid #ffa500;
  background: #ffff4d;
  border-radius: 2px;
}
.webremote-portal-inner .control-label.mobile,
.webremote-portal-inner .url.mobile,
.webremote-portal-inner .token.mobile {
  border-radius: 10px;
}
.webremote-portal-inner .errors {
  color: #f00;
}
.webremote-portal-inner div.connected-users {
  float: right;
  width: 50%;
}
.webremote-portal-inner div.active-users {
  float: right;
  width: 50%;
}
.webremote-portal-inner .connection-information {
  clear: both;
  margin-bottom: 15px;
}
.webremote-portal-inner .connected-users,
.webremote-portal-inner .active-users {
  margin-bottom: 15px;
}
.webremote-portal-inner .connection-information .url,
.webremote-portal-inner .connection-information .token {
  font-family: monospace;
  font-weight: bold;
}
.webremote-portal-inner .countdown-background {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 5;
  opacity: 0.7;
  top: 0;
  left: 0;
}
.webremote-portal-inner .countdown {
  position: absolute;
  margin: 0;
  padding: 0;
  z-index: 1;
  font-size: 200%;
  z-index: 10;
  width: 100%;
  top: 50%;
  margin-top: -2em;
}
.webremote-portal-inner .countdown p {
  margin-top: 0;
  text-align: center;
}
.webremote-portal-inner ul li {
  margin-top: 0.5em;
}
.webremote-portal-inner .errors {
  position: absolute;
  bottom: 0px;
  width: 100%;
}
.webremote-portal-inner .errors p {
  color: #f00;
  border: 1px solid #f00;
  padding: 15px;
  margin: 15px;
  background-color: #ffbaba;
}
.webremote-portal-inner li.empty {
  color: #808080;
}
.webremote-portal-inner .accounts-overlay {
  position: absolute;
  background: #000;
  opacity: 0.5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.webremote-portal-inner .accounts {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 400px;
  height: 300px;
  background: #fff;
  margin-top: -150px;
  margin-left: -201px;
  z-index: 1;
  border: 2px solid #000;
}
.webremote-portal-inner .available-accounts li.selected {
  background: #ff0;
}
.webremote-portal-inner .available-accounts li.unselected {
  background: #808080;
}
.webremote-portal-inner .available-accounts li.unavailable {
  color: #808080;
}