:root {
     --varTableHeight:100%;
}

html, body {
  height: 100%;
  width: 100%;
  overflow: hidden;
  overscroll-behavior: contain;
}

.navbar-nav>li>a:hover {
  color: rgb(7, 77, 6);
}


.imgBuffer{
    width: 100%;
}

.alert{
width : 350px;
}

.header{
  position:sticky;
  top: 0 ;
}

 .table-responsive {
    max-height: var(--varTableHeight) !important;
}

.SettingsImg{
  height: 75px;
}

.text-small {
  font-size: 0.6rem; /* Adjust the size as needed */
}



.BottomBar{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding-bottom: env(safe-area-inset-bottom);
}


.spinner-border {
  width: 3rem;
  height: 3rem;
}

#SigPho{
height:50px;
}



#logscontainer{
  height: 95%;
}

#LogTable{
  height: 100%;
}


#BarCodeVideo{
    width: 100%;
}

#BrandImg {
  width: 70px;
}

#Licence {
  width: 100%;
}

#CompanyName {
  width: 100%;
}

#DeviceId{
  width: 100%;
}

#ServerUrl {
  width: 100%;
}

#ServerPort {
  width: 30%;
}

#Signature{
  width: 100% !important;
  height: 100% !important;
}

#Photo{
  width: 100% !important;
  height: 100% !important;
}

#PhotoCanvas{
  width: 100% !important;
  height: 100% !important;
}

#PhotoVideo{
  width: 100% !important;
  height: 100% !important;
}

#TrialStartLabel{
  width: 50px;
}

#TrialEndLabel{
  width: 50px;
}

#CustomerSelect{
  width:100%
}