.helm-card {
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px;
  text-align: center;
  position: relative;
}

.helm-table {
  width: 98vw;
  margin-left: 2vw;
  height: 100% !important;
}

.helm-table table ,.helm-table tr td{
  border:1px solid black;
}

.helm-table tbody {
  display:block;
  max-height:calc(100vh - 417px);
  min-height: 200px;
  overflow-y:scroll;
}

@media (min-width: 1222px) {
  .helm-table tbody {
    max-height:calc(100vh - 398px);
  }
}

@media (min-width: 1505px) {
  .helm-table tbody {
    max-height:calc(100vh - 375px);
  }
}

.helm-table thead,.helm-table tbody tr {
  display:table;
  width:100%;
  table-layout:fixed;
}
.helm-table thead {
  width: calc( 100%)
}

.helm-table td, .helm-table th  {
  width: auto;
}
.helm-table td+td , .helm-table th+th{
  width: 500px;
}
.helm-table td+td+td , .helm-table th+th+th{
  width: auto;
}

.helm-table .ourInput{
  font-size:14px;
  outline: none;
  border-bottom-style:none;
  background-color: rgba(0,0,0,0);
}

.helm-table-row {
  width: 100%;
  padding: 10px;
}
.helm-table-header {
  border-bottom: 1px solid black;
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  border-left: 2px solid;
  border-left: 2px solid;
  border-left: 2px solid;
  text-align: center;
  background-color: #d3d3d3;
}
.helm-table-data {
  text-transform: uppercase;
  text-align: center;
}
.helm-table-data-header {
  position: relative;
}

.helm-table input::-webkit-outer-spin-button,
.helm-table input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.helm-table input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

.helm-hourly {
  text-align: right;
  padding-right:10px;
}
.helm-hourly-header {
  position: absolute;
  bottom: 0;
  right: 15%;
}
.helm-row-hourly-expanded {
  background-color: rgba(1,1,1,0.1);
}
.helm-row-daily-expanded {
  background-color: rgba(1,1,1,0.3);
  font-weight:bold;
}
.dsp-container {
  margin-left:15px;
  font-size: 18px;
  display:inline-block;
}
.helm-submit {
  margin: 5px auto 5px auto;
  padding:5px 25px;
}
#client {
  font-family: FontAwesome, "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.btn-selected {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
/* adjustment file UI */
.adjustment-file-body {
  text-align: center;
}
.adjustment-file-ul {
  padding-left:0;
  font-size: 15px;
  list-style-type:none;
}
.adjustment-file-li-header {
  font-weight:bold;
  position:relative;
  font-size: 16px;
}
.adjustment-file-li {
  font-weight:normal;
  display:inline-block;
}
.adjustment-file-li > label {
  pointer-events:auto;
  cursor: pointer;
}
.adjustment-file-btn {
  margin:10px;
}
.adjustment-input-file {
  display:none;
}

.adjustment-input-file:focus{
  outline:none;
}
.adjustment-file-upload {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
}

.dimmedDSP{
  background-color: grey;
  color: white;
}

.helm-submit-button{
  text-align: center;
  width: 100%;
  background: white;
  display: block;
  padding: 5px 0 5px 0;
}

.helm-container-size{
  max-height: calc(100vh - 352px);
  overflow-y: scroll;
  height: calc(100vh - 352px);
  min-height: calc(100vh - 352px);
  display: block;
}