/*
* Copyright (c) 2021, Xilinx Inc. and Contributors. All rights reserved.
*
* SPDX-License-Identifier: MIT
*/

#loaderspin {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  margin: -4vh 0 0 -4vh;
  border: 1vh solid rgba(0,0,0,0);
  border-radius: 50%;
  border-top: 1vh solid #FFFFFF;
  border-left: 1vh solid #FFFFFF;
  border-right: 1vh solid #FFFFFF;
  width: 8vh;
  height: 8vh;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.overlap{
    position: absolute;
    /*width: 100%;
    max-width:100%;
    */ 
    height: 100%;
    min-height:100%;
    max-height:100%;
    /*min-height: 720px;*/
    height: auto;
    padding-bottom: 0px;
    margin: 0px;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 00px;
}
@font-face{
    font-family: Roboto-Regular;
    src: url("Roboto-Regular.ttf")
}
body {
    font-family: Roboto-Regular;
    font-weight: bold;
    font-size: 2vh;
    overflow-x: hidden; //horizontal

}
.popup-content {
  background-color: #fefefe;
  margin: auto;
  padding: 0px;
  width: 40vh;
  /*min-width: 350px;
  padding-bottom:.45vw;
box-shadow: 0 4px 8px 0 rgba(250, 250, 250, 0.2), 0 6px 20px 0 rgba(250, 250, 250, 0.19);
*/
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
    box-shadow: 2vh 2vh 1vh 0vh rgba(0,0,0,0.8);

}
.popup-header {
  padding: 0.1vh;
  background-color: #171c2d;
  color: white;
  /*height:2vw;*/
}
.popup-header h2{
margin-bottom: 1vh;
margin-top: 1vh;
}

.popup-footer {
  padding-bottom: 0.2vh;
  padding-top: 0vh;margin-bottom: 0.65vh;
  margin-right:1vh;
}
.popup-footer span input{
    margin-left: 1vh;
padding-left: 1vh;
padding-right: 1vh;
font-size: 2vh;
}
.popupbuttons {
  float: right;
  margin-right:0.2vh;
  margin-bottom:0.82vh;
  /*font-size:1vw;*/
}
.popupbuttonsInner {
padding-left: 1vh;
padding-right: 1vh;
font-size: 2vh;
margin-right: 1.2vh;
float: right;
}

.popup-background {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.apiloadin {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1100; /* Sit on top */
  padding-top: 0%; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.boardsettings_table input[type=checkbox]{
align-content: center;
display: block;
text-align: center;
margin: auto;
width:2vh;
height:2vh;
}
.boardsettings_table input[type=text]{
align-content: center;
display: block;
text-align: center;
margin: auto;
width:6vh;
height:2vh;
font-size: 1.6vh;
}
select{
align-content: center;
display: block;
text-align: center;
margin: auto;
width:6.75vh;
height:2.75vh;
font-size: 1.6vh;
}
.valuelabel{
align-content: center;
display: block;
text-align: center;
margin: auto;
height:2.75vh;
font-size: 1.6vh;
font-weight: normal;
line-height: 2.5vh;
}
.clocksdiv {
    width: 200%;
    margin-left: 0%;
    transition: 0.25s;
}
.clocksdivSec {
    width: 200%;
    margin-left: -100%;
    transition: 0.25s;
}
.clocks1div {
    width:100%;
    overflow: hidden;
}
.clocks2div {
    width:50%;
    float:left;
}
.clocks3div {
    width:50%;
    float:left;
}
.boardsettings_table {
    width: 100%;
    padding: 0vh 1vh 1vh 1vh;
}
.boardsettings_table tr, td{
    line-height:1vh;
}
.boardsettings_table td, th {
  border-bottom: 0.2vh solid #dedede;
  text-align: left;
  padding: 1vh;
}
.boardsettings_table_1 {
    width: 100%;
    padding: 0vh 1vh 1vh 1vh;
}
.boardsettings_table_1 tr, td{
    line-height:1vh;
}
.boardsettings_table_1 td, th {
  border-bottom: 0.2vh solid #dedede;
  text-align: left;
  padding: 1vh;
}
.boardsettings_table_2 {
    width: 100%;
    padding: 0vh 1vh 1vh 1vh;
}
.boardsettings_table_2 tr, td{
    line-height:1vh;
}
.boardsettings_table_2 td, th {
  border-bottom: 0.2vh solid #dedede;
  text-align: left;
  padding: 1vh;
}
.popuperrormsg{
font-weight: lighter;
color: red;
padding-left: 2vh;
height: 0px;
}
#patguiimage{
opacity: 0.0;
}

.disableOffLayer {
background-image:url("Layout_Disabled_Off.png") ;

background-repeat:no-repeat;
background-position:0% 0%;
background-attachment:fixed;
/*-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;*/
background-size:auto 100%;
z-index: 90;
position:fixed;
position:absolute;
}
.disableLayer {
background-image:url("Layout_Disabled.png") ;

background-repeat:no-repeat;
background-position:0% 0%;
background-attachment:fixed;
/*-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;*/
background-size:auto 100%;
z-index: 90;
position:fixed;
position:absolute;
}
.offLayer {
background-image:url("Layout_Off.png") ;

background-repeat:no-repeat;
background-position:0% 0%;
background-attachment:fixed;
/*-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;*/
background-size:auto 100%;
z-index: 90;
position:fixed;
position:absolute;
}
.noneLayer {
background-repeat:no-repeat;
background-position:0% 0%;
background-attachment:fixed;
/*-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;*/
background-size:auto 100%;
z-index: 90;
position:fixed;
position:absolute;
}