.box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.box-wrap > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.box-wrap > div > div {
  width: 100%;
}

.box-6 {
  background-color: #0078c1;
  border-color: none;
  border-radius: 4px;
  border-style: none;
  border-width: 0;
}

.box-5 {
  background-color: #439fd3;
  border-color: none;
  border-radius: 4px;
  border-style: none;
  border-width: 0;
}

.box-4 {
  background-color: #e4f5fd;
  border-color: #439fd3;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
}

.box-3 {
  background-color: #fff;
  border-color: #d1d1d1;
  border-radius: 4px;
  border-style: dashed;
  border-width: 2px;
}

.box-2 {
  background-color: #f1f1f1;
  border-color: none;
  border-radius: 4px;
  border-style: none;
  border-width: 0;
}

.box-1 {
  background-color: #fff;
  border-color: #d1d1d1;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
}

.no-bg-color {
  background: none;
}

.no-border-radius {
  border-radius: none;
}

.no-border-radius-left {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.no-border-radius-right {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.no-border-radius-bottom {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.no-border-radius-top {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.no-border {
  border: 0;
}

.no-border-left {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left: 0;
}

.no-border-right {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: 0;
}

.no-border-bottom {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.no-border-top {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0;
}