/*
 * Chai PCR - Software platform for Open qPCR and Chai's Real-Time PCR instruments.
 * For more information visit http://www.chaibio.com
 *
 * Copyright 2016 Chai Biotechnologies Inc. <info@chaibio.com>
 *
 * 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.
 */

 @font-face {
   font-family: "dinot";
   font-weight: normal;
   src: url("/fonts/DINOT-Light.otf");
 }

 @font-face {
   font-family: "dinot";
   font-weight: 300;
   src: url("/fonts/DINOT-Medium.otf");
 }

 @font-face {
   font-family: "dinot-regular";
   font-weight: 300;
   src: url("../fonts/DINOT-Regular.otf");
 }

 @font-face {
   font-family: "dinot-bold";
   src: url("../fonts/DINOT-Bold.otf");
 }


 body {
 	font-family: "dinot-regular";
 	background-color: black;
   width: 800px;
   height: 480px;
   overflow: hidden;
 }

 #splash {
 	position: absolute;
 	top: 30%;
 	margin-left: auto;
 	margin-right: auto;
 	width: 99%;
 }

 #splash img {
 	width: 100%;
 }

 #ip {
 	width: 99%;
 	height: 100px;
 	position: absolute;
 	bottom: 0px;
 	color: white;
 }

 #ip-address {
   width: 40%;
   float: left;
   color: #a6a6a6;
 }

 #version {
   width: 25%;
   float: left;
   color: #a6a6a6;
 }

 .version-text {
   font-family: "dinot-bold";
   font-size: 18px;
   width: 78%;
   float: left;
   text-align: right;
 }

 .spacer {
   float: left;
   width: 2%;
   height: 100%;
 }

 .version-value {
   float: left;
   width: 20%;
 }

 #serial {
 	width: 35%;
  float: left;
  color: #a6a6a6;
 }

 .span-text {
   padding-left: 50px;
   font-family: "dinot-bold";
   font-size: 18px;
 }

 .span-value {
   font-family: "dinot-regular";
   font-size: 18px;
 }

 .ip-message {
   font-family: "dinot-bold";
   font-size: 18px;
 }

 .span-message {
   padding-left: 50px;
 }

 .spinner {
 }

 .spinner > div {
   width: 4px;
   height: 4px;
   background-color: #a6a6a6;

   border-radius: 100%;
   display: inline-block;
   -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
   animation: sk-bouncedelay 1.4s infinite ease-in-out both;
 }

 .spinner .bounce1 {
   -webkit-animation-delay: -0.32s;
   animation-delay: -0.32s;
 }

 .spinner .bounce2 {
   -webkit-animation-delay: -0.16s;
   animation-delay: -0.16s;
 }

 @-webkit-keyframes sk-bouncedelay {
   0%, 80%, 100% { -webkit-transform: scale(0) }
   40% { -webkit-transform: scale(1.0) }
 }

 @keyframes sk-bouncedelay {
   0%, 80%, 100% {
     -webkit-transform: scale(0);
     transform: scale(0);
   } 40% {
     -webkit-transform: scale(1.0);
     transform: scale(1.0);
   }
 }
