/* **************************************************************/
/* Copyright (c) 1991-2024 LEAD Technologies, Inc.              */
/* All Rights Reserved.                                         */
/* **************************************************************/
html {
   height: 100%;
   line-height: 0;
}

body {
   height: 100%;
   background-color: #e3e6ea;
   margin: 0;
}

table {
   font-family: 'Open Sans', sans-serif;
   font-weight: bold;
   width: 90%;
   margin: auto;
   color: #616161;
}

thead th {
   font-size: 25px;
   text-transform: uppercase;
   color: #adafb1;
   padding-bottom: 30px;
}

tbody {
   font-size: 20px;
   text-transform: capitalize;
}

   tbody > tr {
      height: 70px;
      margin: auto;
      border-top: 2px solid #e2e2e2;
      cursor: pointer;
   }

      tbody > tr:hover {
         width: 100%;
         height: 70px;
         margin: auto;
         background: #f2f2f2;
         color: #5f6062;
      }

      tbody > tr.checked {
         background: #e2e2e2;
         color: #5f6062;
      }

td, th {
   text-align: left;
}

   th:nth-child(2), td:nth-child(2) {
      text-align: center;
   }

table canvas {
   max-width: 300px;
   margin: 10px;
}

th {
   padding-left: 30px;
}
tbody td:last-child {
   padding-right: 30px;
}

.vertical-nav-1 {
   float: left;
   width: 550px;
   background: white;
   height: 100%;
   margin: 0;
   vertical-align: top;
   font-size: initial;
   overflow: auto;
}

.nav-logo {
   margin-bottom: 0;
}

#icon-nav {
   width: 90%;
   height: 70px;
   margin: 10px auto;
   display: block;
   font-size: 0;
   text-align: center;
}

.icon {
   display: inline-block;
   width: 52px;
   height: 52px;
   background-repeat: no-repeat;
   background-size: 70%;
   background-position: center;
   cursor: pointer;
   margin: 10px 3px;
   /*transition: background-size 300ms ease;*/
}

   .icon:not(.checked):hover, .icon.checked {
      background-size: 100%;
   }

   .icon.icon-actual {
      background-image: url('../Images/Icons/view-actual.svg');
   }

   .icon.icon-fit {
      background-image: url('../Images/Icons/view-fit.svg');
   }

   .icon.icon-folder {
      background-image: url('../Images/Icons/folder.svg');
   }

   .icon.icon-magnify {
      background-image: url('../Images/Icons/magnify.svg');
   }

   .icon.icon-panzoom {
      background-image: url('../Images/Icons/pan-zoom.svg');
   }

   .icon.icon-question {
      background-image: url('../Images/Icons/question.svg');
   }

   .icon.icon-zoom-in {
      background-image: url('../Images/Icons/zoom-gray-in.svg');
   }

   .icon.icon-zoom-out {
      background-image: url('../Images/Icons/zoom-gray-out.svg');
   }

.vertical-viewer {
   height: 100%;
   display: inline-block;
   width: calc(100% - 550px);
   vertical-align: top;
}

.demo-view {
   width: 90%;
   margin: auto;
   border-radius: 2px;
   box-sizing: border-box;
   overflow: auto;
   font-size: 0;
}