form {

}

.company-form-data, .col-50 {
    width: 49%;
    float: left;
}

.col-100 {
    width: 99%;
    margin-right: 15px;
}

.company-form-data .row {

}
.company-form-data .row > .head {
    background: #00a0d2;
    padding: 8px 8px;
}
.company-form-data .row > .head h2 {
    margin: 0px;
    color: #fff;
}
.company-form-data .row > .body {

    padding: 15px;
}
.company-form-data .row > .body > .item {

    margin-bottom: 15px;
}
.company-form-data .row > .body > .item > div {
    display: inline-block;
    width: 100%;
}
.company-form-data .row .body .item label {

}
.company-form-data .row .body .item input[type="text"]:first-child {
    width: 350px;
    height: 35px;
}
.default-text {
    width: 100px;
    height: 35px;
}


.table-list {

}
.table-list h1, h2, h3 {
    margin: 0px;
}
.table-list .head {
    background: #00a0d2;
    padding: 8px 8px;
}
.table-list .head h2 {
    color: #fff;
}
.table-list table {
    width: 100%;
}
.table-list table td, th {
    text-align: left;
    padding: 8px;
}

.main-table-list {

}

.main-table-list table {
    width: 100%;
}
.main-table-list table td, th {
    text-align: left;
    padding: 8px;
}
.main-table-list .head {
    background: #00a0d2;
    padding: 8px 8px;
    color: #fff;
}
.main-table-list .head h2 {
    color: #fff;
}


.--with-padding {
    padding: 10px;
}
.--no-padding {
    padding: 0px;
}

.show-counters tr:nth-child(even) {
    background: #fff;
}
.show-counters tr:nth-child(odd) {
    background: #eee;
}

.show-counters td, th {
    padding-left: 4px !important;
    padding-right: 4px !important;
    color: #000;
}

/*grid*/
.counters .grid {
    /* Grid Fallback */
    display: flex;
    flex-wrap: wrap;
    
    /* Supports Grid */
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-auto-rows: minmax(150px, auto);
    grid-gap: 1em;
  }
  
  .counters  .module {
    /* Demo-Specific Styles */
    background: #eaeaea;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    
    /* Flex Fallback */
    margin-left: 5px;
    margin-right: 5px;
    flex: 1 1 200px;
  }
  
  /* If Grid is supported, remove the margin we set for the fallback */
  @supports (display: grid) {
    .counters .module {
      margin: 0;
    }
  }