.ecg-tools {
  position: absolute;
  background-color: #DDD;
  /*overflow:hidden;*/
}

.ecg-textarea {
  width: 100%; 
  /*height: 75%;*/ /* calculated via JS */
  resize: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid black;
  color: #1D223B;
  background-color: #DDD;
  font-size: 14px;  
  cursor: text;
  padding: 0.2em;
}

.ecg-table {
  height: 25%;
  width: 100%;  
  text-align: center;
  font-size: 11px;
  cursor: default;
}

.ecg-table td{
  background-color: #CCC; 
  border: 1px solid black;  
}

.ecg-table th{
  background-color: rgba(0, 170, 220, 1.0);
  border: 1px solid black;
  white-space: nowrap;
  width: 9%;
}

.ecg-mobile-valid-report-button {
  position: absolute;
  visibility: hidden;
  right:0px;
  bottom:0px;
  background: url("../assets/check22x22.png") center center no-repeat;
  background-size: 44px;
  width: 48px;
  height: 48px;
}

.ecg-container {
  display: flex;
  display: -ms-flexbox;
}

.ecg-macros {
  flex: 2;
  -ms-flex: 2;
  display: flex;
  display: -ms-flexbox;
  flex-direction: column;
  -ms-flex-direction: column;
  justify-content: flex-start;
  -ms-justify-content: flex-start;
  overflow-y: scroll;
  height: 100%;
  display: none;
}

.ecg-macro {
    background-color: #627fc0;
    margin: 0.2em 0.4em;
    padding: 0.3em;
    color: black;
    cursor: pointer;
    border-radius: 0.2em;
}

.ecg-macro:hover {
    background-color: #7698e4;
}

.ecg-report {
  flex: 10;
  -ms-flex: 10;
}