@import url(fonts.css);
/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you 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.
 */
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none; 
    user-select: none;                 /* prevent copy paste, to allow, change 'none' to 'text' */
    background-color:#E4E4E4;
    font-size:4vw;
    height:100vh;
    width: 100vw;
    margin:0px;
    padding:0px;
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    color:#000;
    position: relative;
}

.container{
    position: relative;
}
.container-100{
    height: calc(100% - env(safe-area-inset-top) - env(safe-area-inset-bottom));
}
code{
    -webkit-user-select: initial; 
    user-select: initial;       
}
h1,h2{
    word-wrap: break-word;
}
h1{
    font-size: 16pt!important;
    margin-top: 12pt !important;
}
h2{
    text-transform: none;
}
h2 .powerbeam-logo{
    width: 50vw;
}


.mannequin-row span{
    margin-left: 10px;
}
.mannequin-row .toggle-button{
    background: #A7A7A7;
    color: #000;
}
.mannequin-label{
    font-size: 14pt;
}

.connect-button{
    margin-top: 10px;
}

.mannequin-label small{
    font-size:0.5em;
    color:#A7A7A7;
    float: right;
}


#logout-btn{
    position: absolute;
    top: 5vw;
    right: 5vw;
    font-size: 8vw;
    color:#aaa;
}

.version-container{
    position: absolute;
    font-size: 0.7em;
    color: #aaa;
    bottom: 1vw;
    right: 1vw;
}