.StrGrid {
    border: 1px solid black;
    padding: 0px;
    border: 1px, black, solid;
    min-width: 40%;
    /* overflow-x: scroll; */
    display: block;
    height: 600px;
    overflow: auto;
    width: 100%;
}
.CellEditHidden
{
  font-weight: 100;
  background-color: rgb(226, 242, 248);
}
.CellEditShow
{
  font-weight: bold;
  background-color: lightblue;
}
.CellEven
{
/* 		  display:table-cell; */
  background-color: #171616;
  white-space:pre;
  margin: 0;
  border: 1px solid rgb(175, 175, 175);
  text-align: center;
}

.CellOdd
{
          /* display:table-cell; */
  background-color: #434242df;
  white-space:pre;
  margin: 0;
  border: 1px solid  rgb(175, 175, 175);
  text-align: center;
  font-size:8pt
}
.CellAction
{
  /* display:table-cell; */
  background-color: lightgreen;
  white-space:pre;
  margin: 0;
  border: 1px solid black;
  text-align: center;
  font-size:9pt;
}
th,thead,
#TblHdr
{
  white-space:pre;
  empty-cells:show;
  background-color: rgb(69, 69, 70);
  font-weight: bold;
  border: 1px solid rgb(203, 201, 201);
  text-align:center;
  font-size:9pt;
}
select, option {
  font-size:8pt
}

.ColFixed {
  background-color: rgba(173, 216, 230, 0.322);
}


tr,td
{
  /* white-space:pre; */
  empty-cells:show;
  /* border: 1px solid black; */
  /* text-align:center; */
  font-size:8pt
}
.seriesInfo{
    font-size:8pt
}
div.tooltip {
    position: absolute;
    text-align: center;
    width: 80px;
    /* height: 55px; */
    height: auto;
    color :black;
    padding: 2px;
    font: 9px sans-serif;
    font-weight: bold;
    background: rgb(194, 176, 222);
    border: 0px;
    border-radius: 8px;
    pointer-events: none;
}


.va {
  vertical-align: middle;
}
/* 
label {
  display: block; 
  font: 1rem 'Fira Sans', sans-serif; 
  font-size: 11px;
}
 */

input,
label {
  margin: .4rem 0;
  /* font-size: 11px; */
}


/* The Modal (background) col Property */
.modal-col {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  padding: 5px; /* Location of the box */
  font-size: 11px;
  border: 2px solid #888;


  /* width: 100%; Full width */
  /* height: 100%; Full height */
  overflow: auto; /* Enable scroll if needed */
  /* background-color: rgba(0,0,0,0.4); Black w/ opacity */
  background-color: #fefefe9d;

}

/* Modal Content */
.modal-col-header,
.modal-col-footer,
.modal-col-content {
  background-color: #fefefe9d;
  margin: auto;
  padding: 10px;
  /* border: 1px solid #888; */
  /* width: 80%; */
}

/* The Close Button */
.col-close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.editable{
  font-size: 14px;
  height: 30px;
}

.col-sm-4{
  padding-top: 7px;
  vertical-align: middle;
  font-size: 14px;
} 
.row {
  padding: 2px;
}

.dropdown-item{
  color: black;
  background-color: #fefefe9d;
}

.col-close:hover,
.col-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}