.col{
    box-sizing: border-box;
    display:grid;
}

.col2{
    grid-template-columns: 1fr 1fr;
}

.col3{
    grid-template-columns: auto 200px auto;
}

.col5{
    grid-template-columns: auto  auto auto auto auto;
}

.col2.keyvalue{
    grid-template-columns: auto 1fr;
}

.col.border > div{
    border-bottom: 1px solid #e4e4e4;
}

.col .key{
    padding: 15px 30px 0 0;
    max-width: 150px;
}

.col .value{
    padding: 15px 0px 10px 30px;
}

.col .value.small{
    padding: 5px 0px 5px 30px;
}

.col .input-container{
    padding: 0 20px;
}

.col .left{
    text-align: left;
}

.col .right{
    text-align: right;
}

.col2.col_global_ports{
    grid-template-columns: 60% 40%;
}
.col3.col_global_ports{
    grid-template-columns: 15% 45% 40%;
}

.row-col {
  float: left;
  width: 100%;
  padding: 0 8px;
}

.row-col.col2{
  width: 16.6666%;
}
.row-col.col10{
  width: 83.3333%;
}
.right{
  float: right!important;
}