/* config list 小段scroll */

.card-body.device-config-card {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 20px 0px 20px 0px;
}

/* config tabs Style */

/* tabs hover */

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  /*border-color: #eaecf4 #eaecf4 #dddfeb;*/
  border-color: rgb(236,205,118) rgb(236,205,118) #dddfeb;
}

.nav-link:focus, .nav-link:hover {
  text-decoration: none;
}

/* tabs link */

.nav-link.device-config-link:focus {
  outline: none;
}

.nav-link.device-config-link:hover {
  color: white;
  text-decoration: initial;
  background-color: #eccd76;
}

.nav-link {
  display: block;
  padding: .5rem 1rem;
}

/* 沒選的link */

.nav-link.device-config-link {
  color: #a7a7a7;
  text-decoration: none;
  background-color: transparent;
}

/* Section tabs link */

.nav-tabs .nav-link {
  margin-bottom: -2px;
  border: 1px solid transparent;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #d78d40;
  background-color: rgba(255,255,255,0);
  border-width: 0px 0px 3px 0px;
  border-color: #eccd76;
  font-weight: 700;
  border-radius: 2px;
}

/* config btn */

.device-config-divBtn {
  margin: 10px 7px 3px;
}

.row.device-config-divBtn-row {
  margin: 0px;
}

.row.device-config-sum {
}

/* config chart 長度 */

.chart-area.device-chart {
  position: relative;
  height: 10rem;
  width: 100%;
}

@media (min-width:768px) {
  .chart-area.device-chart {
    height: 20rem;
  }
}

/* config list 長度 */

.sc-section {
  min-height: 10rem;
  color: rgb(113,113,113);
  background-color: #ffffff;
  padding: 3px;
}

@media (min-width: 768px) {
  .container.scstyle-7.sc-overflow {
    height: 50rem;
  }
}

.container.scstyle-7.sc-overflow {
  position: relative;
  height: 50rem;
  width: 100%;
}

/* Machine ID text */

.col.mr-2 {
  min-width: 150px;
}

/* Detail-Section Card */

.card-header.config-detail-cardHeader {
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  background-color: #ffffff;
  border: none;
}

.card-header.config-detail-cardHeader:first-child {
  border: none;
}

.card.config-detail-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border-top: 1px solid #eccd76;
  border-radius: 0px;
}

.row.device-config-divBtn-row2 {
  margin: 15px 0px 0px 0px;
}

/* col排列 */

@media (min-width: 300px) {
  #device-row {
    display: flex;
    flex-direction: row-reverse;
  }
}

@media (min-width: 992px) {
  #device-row {
    display: flex;
    flex-direction: row;
  }
}

@media (max-width: 300px) {
  .col-lg-5.col-xl-4.device-config-col-max {
    flex: 0 0 33.33333%;
    max-width: 33.3333%;
  }
}

/* machineID card */

@media (min-width:768px) {
  .device-machine-card {
    flex: 0 0 100%;
    max-width: 75%;
  }
}