.kvha-bg {
	background: #555;
}

.kvhandy {
  width: 1050px;
  height: auto;
  margin: auto;
  position: relative;
}

.kvha-top {
  width: 100%;
  height: 120px;
  display: flex;
  background: var(--kvitravn-col20);
}

.kvha-box {
  display: flex;
  width: 851px;
  border-right: 1px solid var(--kvitravn-col5);
  box-sizing: border-box;
}

.kvha-box.pic { width: 170px; height: 100%; border-right: 0; justify-content: center; align-items: center;}

.kvha-box.pic img { width: 90px; height: 90px; border-radius: 50%; border: 4px solid var(--kvitravn-col14); object-fit: cover;
}

.kvha-box.title { width: 850px; align-items: center; border: 0; margin-left: 30px; height: 120px;}
.kvha-box.mainfont { font-family: var(--kvitravn-font1); font-size: 20px; display: flex; align-items: center; padding-top: 40px; color: var(--kvitravn-col9);}
.kvha-box.babyfont { font-size: 11px; margin-top: -5px;}

.kvha-box.right {
  width: 248px;
  display: block;
  border: 0;
}

.kvha-box.char {
  width: 100%;
  border: 0;
  height: 50%;
  box-sizing: border-box;
  padding: 10px;
  font-size: 12px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items:center;
}

.kvha-body {
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.kvha-bleft {
  width: 850px;
  height: auto;
  position: relative;
  box-sizing: border-box;
}

.kvha-bright {
  width: 248px;
  height: auto;
  position: relative;
	background: var(--kvha-col1);
	 border-left: 1px solid var(--kvitravn-col5);
}

.kvha-line { height: 40px; background: var(--kvitravn-col11); border-bottom: 1px solid var(--kvitravn-col5); display: flex;}
.kvha-linebox { display: flex; align-items: center; justify-content: center; height: 40px; width: 100px; color: var(--kvitravn-biu); font-size: 11px;} 

.kvha-body.two {
  background: var(--kvitravn-col14);
  width: 100%;
  height: 100%;
}

.kvha-bleft.two {
  height: 100%;
  padding: 5px;
  box-sizing: border-box;
}

.kvha-bright.two {
	background: var(--kvitravn-col19);
  text-align: center;
  padding: 10px 0px;
	font-size: 11px;
}

.kvha-bubble {
  width: 350px;
  height: auto;
  background: #d5bda8;
  right: 0;
  margin: 15px 15px 0px 0px;
  border-radius: 15px;
  box-sizing: border-box;
  padding: 10px;
}

.kvha-bubble.left {
  margin: 15px 0px 0px 15px;
}

.kvha-bubble::after, .kvha-bubble.left::after {
  content: '';
  width: 0px;
  height: 0px;
  position: absolute;
  right: 72px;
  top: 22px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #d5bda8;
}

.kvha-bubble.left::after {
  left: 72px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  border-left: 0;
  border-right:10px solid #d5bda8; 
}

.kvha-bubble img, .kvha-bubble.left img {
	object-fit: cover;
	max-width: 100%;
	border-radius: 10px;
}

.kvha-bimg {
  margin: 5px;
}

.kvha-bimg img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid var(--kvitravn-col8);
}

.kvha-inbox { width: 100%; height: auto; position: relative; display: flex; justify-content: flex-end; box-sizing: border-box;
}

.kvha-inbox.left { justify-content: flex-start;}

.kvha-end {
  width: 100%;
  height: 50px;
  background: var(--kvitravn-col11);
  border-top: 1px solid var(--kvitravn-col5);
  display: flex;
  align-items: center;
}

.kvha-field {
  width: 300px;
  height: 30px;
  background: var(--kvitravn-col14);
  border-radius: 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding-left: 10px;
  font-style: italic;
}

.kvha-icon {
  height: 30px;
  width: 30px;
  background: var(--kvitravn-col15);
  border-radius: 50%; 
  margin: 0px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kvitravn-pb-foot.bdr {
	border: 0px;
}

.kvipline { background: var(--kvitravn-col5); width: 100px; height: 2px; border-radius: 50px; }