.sample {
  height: 100%;
}

.sample input {
  border: 1px solid rgb(220, 220, 220);
}

.sample .kmi-layout-main-content {
  background-color: white;
  display: flex;
  /*overflow: hidden;*/
  height: 100%;
  width: 100%;
  position: relative;
  display: inline-block;
  padding: 16px;
  border-radius: 16px;
}

.sample .kmi-top-space {}

.sample .kmi-text-fields {
  line-height: 42px;
  height: 42px;
  margin-bottom: 0px;
}

.sample .kmi-text-fields .label {
  text-align: right;
  /*flex:0 0 25%;*/
}

.sample .kmi-top-space .layout-content {}

.sample .kmi-top-space .layout-content .label {
  line-height: 42px;
  Font-Size: 14px;
  Color: rgb(0, 0, 0);
  Font-Style: normal;
  Text-Align: left;
  Letter-Spacing: 1px;
}

.sample .kmi-middle-space {
  height: 258px;
  width: 100%;
  /*
	display: flex;
	display:inline-block; */
}

.sample .kmi-middle-space .header-row {
  padding: 16px 0 16px 0;
}

.sample .kmi-middle-space .middle-label {
  line-height: 48px;
  Font-Size: 18px;
  Color: rgb(0, 0, 0);
  Font-Style: normal;
  Text-Align: left;
  Letter-Spacing: 1px;
  font-weight: Bold;
}

.sample .kmi-display-box {
  min-width: 190px;
  height: 170px;
  /* background-color: #fafafa; */
  display: flex;
  border-radius: 8px;
  /* Color: rgb(255,255,255); */
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
  display: inline-block;
  background: rgb(255, 255, 255);
  margin-bottom: 8px;
  margin-right: 32px;
}

.sample .kmi-display-box .kmi-display-box-top {
  padding-top: 16px;
  height: 60px;
  text-align: center;
}

.sample .kmi-display-box .kmi-display-box-middle {
  padding-top: 8px;
  padding-bottom: 8px;
  height: 34px;
  text-align: center;
}

.sample .kmi-display-box .kmi-display-box-middle .label {
  Font-Size: 14px;
  Color: rgb(0, 0, 0);
  Font-Style: normal;
  Text-Align: left;
  Letter-Spacing: 1px;
}

.sample .kmi-display-box .kmi-display-box-middle .label2 {
  Font-Size: 14px;
  Color: rgb(0, 0, 0);
  Font-Style: normal;
  Text-Align: right;
  Letter-Spacing: 1px;
  opacity: 50%;
}

.sample .kmi-display-box .kmi-display-box-bottom {
  height: 44px;
  text-align: left;
  display: flex;
  display: inline-block;
  margin-left: 13px;
}

.sample .kmi-display-box .kmi-display-box-bottom .label {
  Font-Size: 14px;
  Color: rgb(0, 0, 0);
  Font-Style: normal;
  text-align: left;
  Letter-Spacing: 1px;
  height: 22px;
}

.sample .ps-scrollbar-content {
  display: flex;
  flex-flow: row;
}

.sample .bar-area {
  height: 178px;
  display: flex;
}