.kb-content {
  width: 100%;
  left: 0;
  bottom: 0;
  overflow: hidden;
  border-top: 1px solid #D2D3D4;
  -webkit-transition: all linear 0.4s;
  transition: all linear 0.4s;
}

.kb-hide {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

.kb-left {
  width: 75%;
  float: left;
  overflow: hidden;
}

.kb-right {
  width: 25%;
  float: right;
  overflow: hidden;
}

.kb-item {
  font-size: 28px;
  position: relative;
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  /*cursor: pointer;*/
}

.kb-item:active {
  background-color: #abdef3;
}

.kb-left-item {
  width: 33.3333333%;
  background-color: #fff;
}

.kb-right-item {
  width: 100%;
}

.k-cancel {
  font-size: 18px;
  background-color: #fff;
  position: relative;
}

.delete-icon {
  width: 42%;
  position: absolute;
  left: 50%;
  margin-left: -21%;
  top: 50%;
  margin-top: -11%;
}

.k-submit {
  font-size: 18px;
  color: #fff;
  background-color: #244E94;
  position: relative;
}

.submit-icon {
  position: absolute;
  width: 48%;
  left: 50%;
  margin-left: -24%;
  top: 50%;
  margin-top: -17%;
}

.k-submit:active {
  background-color: #256eac;
}

.b-b {
  border-bottom: 1px solid #E0E1E2;
}

.b-l {
  border-left: 1px solid #E0E1E2;
}

.b-r {
  border-right: 1px solid #E0E1E2;
}