.paragraphLightInfo 
{ 
    font: normal 14px Tahoma;
    //color: #b3bead;    
    color: darkslategrey;
    text-align: left;
    display: block;
    margin: 20px;
}

.paragraphInfo 
{ 
    font: bold 14px Tahoma;
    color: #b3bead;    
    text-align: left;
    display: block;
    margin: 20px;
}

.spanInfo 
{ 
    font: bold 14px Tahoma;
    /*text-decoration: underline;*/
    /*color: #b3bead;*/
    color: darkslategrey;
    text-align: center;
    display: block;
}

.spanInfoTbl
{ 
    font: bold 13px Tahoma;
    /*color: #b3bead;*/
    color: black;
    text-align: center;
    display: block;
}

.spanPosMsg 
{ 
    font: bold 14px Tahoma;
    color: #42dc56;    
    text-align: center;
    display: block;
}

.spanNegMsg 
{ 
    font: italic 14px Tahoma;
    color: #cc0a01;
    /*color: #305cae;*/
    text-align: center;
    display: block;
}

.fileInput
{
    font: bold 14px Tahoma;
    color: #b3bead;    
    padding: 14px;    
    text-align: center;
}

.radioInput
{
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;        
}

.labelRadio
{
    /*font: bold 14px Tahoma;*/
    font: normal 14px Tahoma;
    /*color: #b3bead;*/
    color: darkslategrey;
    vertical-align: middle;
}

.labelText
{
    font: normal 14px Arial;
    color: darkslategrey; 
    vertical-align: middle;    
    margin-top: 5px;
}

form
{
    margin: 0; 
    padding: 0;
}

.boxInput 
{
    color: #1A7EDF;
    border: 1px solid darkgrey; 
    font: 14px Calibri; 
    text-align: center;
    background-color: white;
    z-index: 10;
}

.boxInput:focus 
{
    outline: none; 
    border: 1px solid #1A7EDF;
}

.boxInputTbl__hud
{
    color: #1A7EDF; 
    border: 1px solid darkgrey; 
    font: italic 14px Calibri;
    text-align: center;
    width: 50px;
    background-color: transparent;
    z-index: 10;
    cursor: pointer;
}

.boxInputTbl__hug
{
    color: gray; 
    border: 0px solid darkgrey; 
    font: italic 14px Calibri;
    text-align: center;
    width: 50px;
    background-color: transparent;
    z-index: 10;
}

.boxInputTbl__h
{
    color: black; 
    border: 0px solid darkgrey; 
    font: bold 13px Calibri;
    text-align: center;
    background-color: transparent;
    z-index: 10;
}

.boxInputTbl__di
{
    color: black;
    border: 0px solid darkgrey;
    padding-right: 4px;
    font: 13px Tahoma;
    text-align: left;
    width: 70px;
    background-color: transparent;
    z-index: 10;
}

.boxInputTbl__d
{
    color: #1A7EDF; 
    border: 1px solid darkgrey;
    padding-right: 4px;
    font: 14px Calibri;
    text-align: right;
    width: 50px;
    background-color: transparent;
    z-index: 10;
}

.boxInputTbl__g
{
    color: gray;
    border: 0px solid darkgrey;
    padding-right: 4px;
    font: 14px Calibri;
    text-align: right;
    width: 50px;
    background-color: transparent;
    z-index: 10;
}

.boxLink
{
    color: #3399FF;
    font: bold 14px Arial;
    margin-top: 6px;
}

.boxTHead
{ 
    //font: bold 11px Tahoma;
    font: normal 9px Tahoma;
    /*text-decoration: underline;*/
    /*color: -webkit-text;*/
    height: 24px;
    color: #428bca;
    text-align: left;
    /*margin-left: 4px;*/
    /*margin-top: 6px;*/
    display: block;
}

.boxTBody
{ 
    font: normal 11px Tahoma;
    /*text-decoration: underline;*/
    color: -webkit-text;
    /*color: darkslategrey;*/
    text-align: left;
    background-color: transparent;
    display: block;
}

// Remik Controls

.ibLabel {
    font: italic bold 16px Arial; 
    color: black;
}

.largeLabel {
    font: bold 16px Arial; 
    color: black;
    text-align: left;
}

.blueFont {
    color: DodgerBlue;
}

.docTitle {
    background-color: Wheat; 
    border-bottom: 2px solid lightgrey;
    height: 45px;
    position: relative;
}

.docFooter {
    background-color: Wheat; 
    border-bottom: 2px solid lightgrey;
    height: 45px;
    position: relative;
}

.docTab {
    text-align: left;
    border-collapse: separate;
    border-spacing: 5px;
}

.docContent {
    margin-left: 1%; 
    margin-right: 1%;
}

.docTitle th {height: 45px;}

.titleLabel {
    font: bold 18px Tahoma;
}

.tooltip {
  position:relative;
  padding: 0;
  width: 24px;
  height: 24px;
  outline: none;
  border: none;
}

.tooltip:hover {
  filter: brightness(85%);
  box-shadow: 0 6px 10px 0 rgba(0,0,0,0.24), 0 10px 24px 0 rgba(0,0,0,0.19);
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: max-content;
  background-color: black;
  color: #fff;
  padding: 2px 5px;
  text-align: center;
  position: absolute;
  z-index: 1;
  right: 125%;
  top: -20px;
}

.tooltip:hover:enabled .tooltiptext {
  visibility: visible;
}
.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 100%; 
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent black;
}

.imgBtn {
  width: 100%;
  height: 100%;
}
