.codebox{
    display: inline;
}

.codeboxcontent{
    border: 0px solid #181818;
    background-color: #1D2531;
    width: 100%;
    overflow-x: auto;
    overflow-y: auto;
    border-radius: 1px;
    height: 500px;
}





.codeheader {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    margin-bottom:-1px;
  }
  
  /* Style the buttons that are used to open the tab content */
  .codeheader button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
  }
  
  /* Change background color of buttons on hover */
  .codeheader button:hover {
    background-color: #ddd;
  }
  
  /* Create an active/current tablink class */
  .codeheader button.active {
    background-color: #1D2531;
    color:#ffffff;
}
  
  /* Style the tab content */
  .tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
    background-color: #1D2531;
    height: 500px;
    overflow-y: scroll;
  }

  .codeboxcontenttextcode{
    overflow-x: initial;
    margin-bottom: -5px;
    width: 100%;
    height: 96%;
    color: ghostwhite;

  }

  .copybutton{
    float:right; 
    cursor:auto;
    position: absolute;
    margin-left: 88%;
  }

  .copybutton:hover{
    background-color: #d6d6d6;
  }



  .fa-copy{
    color:black;
    margin-right:5px;
    font-weight: 600;
  }
  .copybuttonanchor{
    float:right;
  }