iVProg/css/ivprog-term.css

.ivprog-term-div {
  background-color: black;
  width: 100%;
  height: 12rem;
  overflow-y: scroll;
}

.ivprog-term-userText {
  color: white;
}

.ivprog-term-info {
  color: green;
}

.ivprog-term-error {
  color: red;
}

.ivprog-term-input {
  font-family: 'Courier New', Courier, monospace;
  font-weight: 500;
  background-color: inherit;
  border: 0;
  color: white;
}

.ivprog-term-div > .ivprog-term-input, .ivprog-term-div > .ivprog-term-userText,
.ivprog-term-div > .ivprog-term-info, .ivprog-term-div, .ivprog-term-error {
  padding-left: 20px;
}

#ivprog-term {
  border: 1px solid gray;
  background: black;
  margin-top: -30px;
  position: relative;
  padding: 5px;
}
#ivprog-term i {
  margin-left: 5px;
  cursor: pointer;
}
.div_toggle_console {
  cursor: pointer;
}
.ivprog-term-active {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1) !important;
  border: 3px solid rgba(81, 203, 238, 1) !important;
}

.ivprog-term-div {
  overflow:scroll;
}

.ivprog-term-div::-webkit-scrollbar {
    width: 12px;
}
 
.ivprog-term-div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
.ivprog-term-div::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: green;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}