#wrapperEthPercent {
    display: flex;
  }
  
  #ethPoint {
    box-sizing: border-box;
    display: flex;
    flex: 1 1 0%;
  }
  
  #ethPoint:after {
    content: '';
    height: 3px;
    align-self: center;
    background: rgb(220, 220, 220) none repeat scroll 0% 0% / auto padding-box border-box;
    flex: 1 1 auto;
  }
  
  #ethPoint:before {
    content: '';
    height: 3px;
    width: var(--width, 0%);
    align-self: center;
    background: rgb(220, 220, 220) none repeat scroll 0% 0% / auto padding-box border-box;
  }
  
  #label_wrapperEthPercent {
    align-self: center;
  }
  
  #label_wrapperEthPercent:before {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 5px;
    color: rgba(255, 255, 255, 0.87);
    content: 'Ξ';
    font-weight: bold;
    display: inline-block;
    height: 25px;
    min-width: 25px;
    text-align: center;
    align-self: center;
    background: rgba(163, 169, 169) none repeat scroll 0% 0% / auto padding-box border-box;
    border-radius: 40px 40px 40px 40px;
  }

 .randomEthPageButton {
  cursor: pointer;
 }
 .firstEthPageButton {
  cursor: pointer;
 }
 .previousEthPageButton {
  cursor: pointer;
 }
 .nextEthPageButton {
  cursor: pointer;
 }
 .lastEthPageButton {
  cursor: pointer;
 }

  #ethInvalidPageNumberFormat {
    display: none;
  }

  #ethPageOutOfBoundaries {
    display: none;
  }
  
  #ethApiError {
    display: none;
  }

  #ethInputPage:hover {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(1.5); 
  }

  #ethExportKeys:hover {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(1.5); 
  }

  #ethResults{
    width: 100%;
    padding-right: 10px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }

  .container {
    word-break: break-all;
  }

  .column {
    float: left;
    padding: 10px;
  
  }
  
  .left {
    width: 50%;
  }
  
  .right {
    width: 50%;
  }

  /* Tooltip container */
  .tp {
    position: relative;
    display: inline-block;
  }

  .tp .tptext {
    word-break: keep-all;
    visibility: hidden;
    width: 82px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
  }

  .tp .tptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }
  
  .tp:hover .tptext {
    visibility: visible;
    opacity: 1;
  }