#site-header {
  min-height: 60px;
}

body {
  background-color: #d9d9d9;
}

#main-terminal {
  overflow-x: hidden;
  overflow-y: scroll;
  background-color: #000;
  color: #ffffff;
  border-bottom: 2px solid #575757;
  border-left: 2px solid #575757;
  border-right: 2px solid #575757;
  border-radius: 0 0 10px 10px;
}

#terminal-command {
  /*width: 100% !important;*/
  color: #ffffff !important;
  border: none !important;
  background-color: #000 !important;
  caret-color: #fff !important;
}

#terminal-command:auto-fill {
  color: #ffffff !important;
  border: none !important;
  background-color: #000 !important;
  caret-color: #fff !important;
}

#terminal-command:focus {
  outline: none;
  position: relative;
  top: 0;
}

.terminal-row {
  height: 80vh;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #000;
}

::-webkit-scrollbar-thumb {
  background: #8a8a8a;
  border-radius: 10px;
  border: 3px solid #000;
}

::-webkit-scrollbar-thumb:hover {
  background: #fff;
}

.sever-path {
  width: fit-content !important;
}

.command-wrapper{
  margin-top: 10px;
}

.main-terminal-header {
  width: 100%;
  height: 30px;
  background-color: #707070;
  border-radius: 10px 10px 0 0;
  border-top: 2px solid #575757;
  border-right: 2px solid #575757;
  border-left: 2px solid #575757;
}

.modal-window-wrapper {
  border: 2px solid #575757;
  background-color: #707070;
}

button {
  background-color: #575757 !important;
  border: none !important;
}

body {
  color: #ffffff;
}

#main-terminal::selection {
  color: #000;
  background-color: #fff;
}

#keyfile_group {
  display: block;
}

.form-group {
  margin-top: 10px;
}