html,body{
	/*
	overflow-y: initial;
*/
	user-select: none;
	-webkit-user-select: none;
	font-family: "Google Sans",Roboto,RobotoDraft,Helvetica,Arial,sans-serif !important;
}

.note-unit{
	box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
	box-shadow: 0 3px 1px -2px rgba(0,0,0,.1), 0 2px 2px 0 rgba(0,0,0,.07), 0 1px 5px 0 rgba(0,0,0,.06);
	border-radius: 6px;
	border-style: none;
	border-color: #ccc;
	border-width: 0.5px;
	outline:0;
	margin-bottom:2px;
	/*margin-left: 42px;*/
	/* background: linear-gradient(0deg,  #ff7f24,  #f8ac03);*/
	display: inline-block;
	/* height: 40px; */
	/*color: transparent;*/
	background-color: transparent;
	background-color: #fefefe;
	padding-top: 0px;
	padding-bottom: 0px;
	position: relative;
	min-width: 150px;
	width: 100%;
}

.text-input-edit-note, .NoteFlexTextarea__dummy{
	resize: none;
	line-height: 1.2;
	display:inline-block;
	pointer-events: auto; 
	padding-left: 10px;
	height: calc(100%);
	border: none;
	background: transparent;
	-webkit-box-sizing: border-box;
	 -khtml-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
			box-sizing: border-box;
	color:#767370;
	font-size:14.2px;
	padding-top:7.1px;
	padding-bottom:0px;
	border-style: solid;
	border-width: 0px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-color: #0000c000;
	width: calc(100% - 42px);
	margin-left: 0px;
	margin-top: 0px;
	font-weight: 400;
	vertical-align: top;
	background-color: transparent;
}
.text-input-edit-note{
	position: absolute;
	margin-top:2px;
	overflow-y: inherit; /* ルートメモにドラッグしたときのシャドウを操作したいので上の階層から継承 */
}
.dummy-cursor-textarea:focus {
	background-color: #999;
}

.NoteFlexTextarea__dummy{
	/*min-height: 38px;*/
	display: inline-block;

	visibility:hidden;
	appearance: none;
	background-color:#00000000;
	border: none;
	box-sizing: border-box;
	color: black;
	column-count:auto;
	/*display:block;*/
	flex-direction: column;

	white-space: pre-wrap;
word-wrap: break-word; 
word-spacing: 0px;
writing-mode: horizontal-tb;
color: transparent;

}
.note-unit:focus {
	/*border-color: #4c90ef;
	border-style: solid;
	border-width: 1px;
	height: 46px;
	box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
	*/
	background: #50404068;
}

.moving-large{
	border-color: #4c90ef;
	border-color: #c0c0c0;
	border-style: solid;
	border-width: 2px;;
	height:34px;
	/* box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);*/
}

.note-unit-handle-css{
	display: inline-block;
	padding: 12.2px;
	margin: 0px;
	margin-left: 0px;
	margin-top: 3.8px;
	
	background: linear-gradient(300deg,  #ff7f24,  #f8cc03);
	background: linear-gradient(300deg,  #ffaf64,  #f8dc93);
	background: linear-gradient(300deg,  #ff7f24,  #03ccf8);
	background: linear-gradient(320deg,  #ff7f24, #ff7f24,  #f8dc43);
	background: linear-gradient(300deg,  #f8d403,  #f8d803);
	border-radius: 30px;
	box-shadow: 1px 1px 2px #fdc;
	cursor: pointer;
}
.note-handle-layer0{
	padding: 12.2px;
	border-radius: 6px;
	background: linear-gradient(300deg,  #ff8f04,#ff7f04);
}

.note-handle-layer1{
	padding: 12.2px;
	border-radius: 9px;
	background: linear-gradient(300deg,  #ff9004,#ffa004);
}

.note-handle-layer2{
	padding: 12.2px;
	border-radius: 12px;
	background: linear-gradient(300deg,  #ffb004,#ffc004);
}

.note-handle-layer3{
	padding: 12.2px;
	border-radius: 12px;
	background: linear-gradient(300deg,  #ffbf04,#ffcf04);
}

.fw1h-unit-handle{
	display: inline-block;
	width: 100%;
	height: 9px;
	padding: 2px;
	margin: 0px;
	background: linear-gradient(0deg,  #247fff,  #03acf8);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.fw1h-input-edit-note{
	display:inline-block;
	pointer-events: auto; 
	padding-left: 2px;
	height: 2px;
	border: none;
	background: transparent;
	-webkit-box-sizing: border-box;
	 -khtml-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
			box-sizing: border-box;
	color:#000000a0;
	font-size:80%;
	padding-top:2px;
	padding-bottom:20px;
	border-style: solid;
	border-width: 0px;
	border-color: #0000c000;
	margin-left: 0px;
	margin-top: 0px;
	font-weight: 400;
	vertical-align: top;
	background-color: #fefefe;
	max-width: calc(100% - 30px);
}
.dummyBr::after{
	content: "\A" ;
	white-space: pre ;
}
.layer0 {
	width: calc(100% - 5px);
	margin-left: calc(20px * 0 + 3px);
}

.layer1 {
	width: calc(100% - 20px * 1 - 5px);
	margin-left: calc(20px * 1 + 3px);
}

.layer2 {
	width: calc(100% - 20px * 2 - 5px);
	margin-left: calc(20px * 2 + 3px);
}

.layer3 {
	width: calc(100% - 20px * 3 - 5px);
	margin-left: calc(20px * 3 + 3px);
}

.layer4 {
	width: calc(100% - 20px * 4 - 5px);
	margin-left: calc(20px * 4 + 3px);
}

.layer5 {
	width: calc(100% - 20px * 5 - 5px);
	margin-left: calc(20px * 5 + 3px);
}

.layer6 {
	width: calc(100% - 20px * 6 - 5px);
	margin-left: calc(20px * 6 + 3px);
}

.layer7 {
	width: calc(100% - 20px * 7 - 5px);
	margin-left: calc(20px * 7 + 3px);
}

.layer8 {
	width: calc(100% - 20px * 8 - 5px);
	margin-left: calc(20px * 8 + 3px);
}

.layer9 {
	width: calc(100% - 20px * 9 - 5px);
	margin-left: calc(20px * 9 + 3px);
}

.layer10 {
	width: calc(100% - 20px * 10 - 5px);
	margin-left: calc(20px * 10 + 3px);
}

.layer11 {
	width: calc(100% - 20px * 11 - 5px);
	margin-left: calc(20px * 11 + 3px);
}

.layer12 {
	width: calc(100% - 20px * 12 - 5px);
	margin-left: calc(20px * 12 + 3px);
}

.layer13 {
	width: calc(100% - 20px * 13 - 5px);
	margin-left: calc(20px * 13 + 3px);
}

.layer14 {
	width: calc(100% - 20px * 14 - 5px);
	margin-left: calc(20px * 14 + 3px);
}

.layer15 {
	width: calc(100% - 20px * 15 - 5px);
	margin-left: calc(20px * 15 + 3px);
}

.layer16 {
	width: calc(100% - 20px * 16 - 5px);
	margin-left: calc(20px * 16 + 3px);
}

.sortable-ghost{
	padding:0;
	/*margin:0;*/
	margin-top: 3px;
	margin-bottom: 3px;
	max-height: 60px;
	/*visibility: hidden;*/
	overflow-x: hidden;
	overflow-y: hidden;
	/*transition: width 10.3s, height 10.3s; /* サイズ変更のアニメーションを追加 */
}

.sortable-box-ghost {
	margin-bottom: 0px;
	margin-top: 1px;
	max-height: 60px;
	overflow-x: hidden;
	overflow-y: hidden;
	overflow-wrap: normal;
	word-break: keep-all;
	margin-left: 0px;
	/* background-color: red;*/
}

.sortable-box-chosen {
	color: #303030;
}

.sortable-root-ghost {
	margin-top: 0px;;
	margin-bottom: 0px;;
	margin-left: 0px;;
	padding-bottom: 0px;;
	padding-top: 0px;;
	overflow-x: hidden;
	overflow-y: hidden;
	overflow-wrap: normal;
	word-break: keep-all;
	max-height: 32px;
	max-width: 200px;
	/*visibility: hidden;*/
}

.sortable-drag{
	/* opacity: 0;  vue-draggable は半透明がハードコーディングされてるそうな。。。 */
	max-height: 32px;
	max-width: 200px;
	overflow-y: hidden;
	overflow-x: hidden;
	overflow: hidden;
	white-space: nowrap;
	padding:0;
}

.sortable-box-drag{
	/* opacity: 0;  vue-draggable は半透明がハードコーディングされてるそうな。。。 */
	max-height: 32px;
	max-width: 200px;
	overflow-y: hidden;
	overflow: hidden;
	white-space: nowrap;
	padding:0;
}
	
.sortable-search-ghost{
	visibility: visible;
	max-width: 100px;
}

.sortable-search-drag{
	/* opacity: 0;  vue-draggable は半透明がハードコーディングされてるそうな。。。 */
	/*max-width: 250px;  どうやら ghost に設定してあればそれで良しの様子 */
	max-height: 32px;
	overflow-y: hidden;
	overflow: hidden;
	white-space: nowrap;
	padding:0;
	visibility: visible;
}
	
.note-unit-erase{
	border-style: dashed;
	/*display: none;*/
	/*visibility:hidden,*/
	visibility:collapse
}

.note-unit-display-none{
	display:none;
	border-style: dashed;
}

.fade-enter-active, .fade-leave-active {
	transition: opacity 0.5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
	transition: opacity 1s;
}
.note-list-buttons-wrapper{
	display:inline-block;
	margin-left: 4px;
}

.fivew1h-list-buttons-wrapper{
	display:inline-block;
	margin:	0px;
	margin-right: 2px!important;
    margin-left: 2px!important;
}

.wrap-text {
	word-break: break-all;
	white-space: normal;
  }

.container--fluid {
    padding-top: 0px;
}

.note-control-buttons-group{
	display: none;
	position: static;
	z-index: 9999;
	margin-top: -37px;
	margin-bottom: -3px;
	width:60%;
	padding-right:10px;
	text-align:left;
	pointer-events: none;
}

.note-freeWriting{
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 22px;
	padding-right: 22px;
	max-width: 48%;
	vertical-align: middle;
	background-color: #fefefec0;
	margin: 3px;
	font-size:30px;
	overflow-wrap: anywhere;

	box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
	box-shadow: 0 3px 1px -2px rgba(0,0,0,.1), 0 2px 2px 0 rgba(0,0,0,.07), 0 1px 5px 0 rgba(0,0,0,.06);
	border-radius: 6px;
	border-style: none;
	border-color: #ccc;
	border-width: 0.5px;
	outline:0;
	margin-bottom:2px;
	display: inline-block;
}

.freeWriting-size-29 {
	padding-left: 19px;
	padding-right: 19px;
	font-size:28px;
}

.freeWriting-size-28 {
	font-size:26px;
}

.freeWriting-size-27 {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 17px;
	padding-right: 17px;
	font-size:24px;
}

.freeWriting-size-26 {
	font-size:23px;
}

.freeWriting-size-25 {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size:21px;
}

.freeWriting-size-24 {
	padding-left: 14px;
	padding-right: 14px;
	font-size:20px;
}

.freeWriting-size-23 {
	font-size:19px;
}

.freeWriting-size-22 {
	padding-left: 13px;
	padding-right: 13px;
	font-size:17px;
}

.freeWriting-size-21 {
	padding-top: 4px;
	padding-bottom: 4px;
	font-size:16px;
}

.freeWriting-move, /* 移動する要素にトランジションを適用 */
.freeWriting-enter-active,
.freeWriting-leave-active {
  transition: all 0.5s ease;
}

.freeWriting-enter-from,
.freeWriting-leave-to {
  opacity: 0;
  /*transform: translateY(3px);*/
}
/* leave する項目をレイアウトフローから外すことで
   アニメーションが正しく計算されるようになる */
.freeWriting-leave-active {
	position: absolute;
  }

.visual-menu-list:hover{
	background-color: #f0f0f0;
}

.theme--dark.v-btn.v-btn--icon{
	color: #808080;
}

/* プロジェクトのボタンにホバー */
.hover-on{
	cursor: pointer;
	background-color: #f0f0f0;
	transition: background-color 0.2s linear 0s;
}

.baloon-memo, .balloon1-top {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	padding: 5px 10px;
	min-width: 50px;
	max-width: 100%;
	color: #555;
	font-size: 16px;
	background: #FFF3E0;
	border-radius: 10px;
	font-size:14px;
}
  
.balloon1-top {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 16px;
	border-radius: 10px;
	background: #fefefe;
}
  
.baloon-memo {
	position: relative;
	display: inline-block;
	min-width: 40px;
	max-width: 100%;
	color: #E65100;
	box-sizing: border-box;
	border-radius: 1px;;
    margin-right: 8px;
}

.baloon-memo {
	background: #FFF;
	padding: 7px 10px;
	margin: 1.3px;
	padding: 0px;
	padding-left: 15px;
	padding-right: 25px;
	padding-bottom: 23px;
	border: solid 1.5px #FFA726;
	transform: skewX(
		-15deg
		);
	min-width: 80px;
	height: 23px;
	overflow: hidden;
	font-weight: 500;
	border-radius: 4px;
}

.root-memo {
	font-size:16px;
	color: #606068;
	padding:5px;margin:4px;border-radius:8px;
	border-style:solid;border-width:1px;
	background-color:#fefefe;
	border-color:#e2e8fe;
	box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);	
}

.bounce-enter-active {
	animation: bounce-in .5s;
  }
  .bounce-leave-active {
	animation: bounce-in .5s reverse;
  }
  @keyframes bounce-in {
	0% {
	  transform: scale(0);
	}
	50% {
	  transform: scale(1.5);
	}
	100% {
	  transform: scale(1);
	}
  }

/* bottom */
.bottom-enter-active, .bottom-leave-active {
	transform: translate(0px, 0px);
	transition: transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
  }
  
  .bottom-enter, .bottom-leave-to {
	transform: translateY(100vh) translateY(0px);
  }
  
#navi-dustbox:hover {
	padding:10px;
	background-color: #801010;
}

.dustBox {
	position: fixed;
	display:inline-block;
	z-index: 1000;
	bottom: 15px;
	right: 5px;
	/*margin:5px;*/
	width: 50px;
	height: 50px;

	font-weight:600;
	font-size:14px;
	/*align-items: center;*/
	color: white;
	display: inline-block;
	border-radius: 8px;
	border-style: solid;
	border-width: 0px;
	border-color: #fe2020;
	background-color: #fe5050;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:30px 30px;
	background-image: url(/static/visionarynote/img/trash-can-outline.png);
	overflow: hidden;
}

.v-tabs:not(.v-tabs--vertical).v-tabs--right>.v-slide-group--is-overflowing.v-tabs-bar--is-mobile:not(.v-slide-group--has-affixes) .v-slide-group__next, .v-tabs:not(.v-tabs--vertical):not(.v-tabs--right)>.v-slide-group--is-overflowing.v-tabs-bar--is-mobile:not(.v-slide-group--has-affixes) .v-slide-group__prev
 {
	display: none;
}

.v-tabs-bar {
	height: 39px;
}
.height-divider {
	height: 1px;
	position: relative;
}
.height-divider::after {
	content: "";
	background-image: linear-gradient(to right, #fda, #fda 13px, transparent 13px, transparent 8px);
	background-size: 21px 10px;
	background-repeat: repeat-x;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.width-divider {
	width: 1px;
	position: relative;
	height: 100%;
}
.width-divider::before {
	content: "";
	background-image: linear-gradient(to bottom, #fda, #fda 13px, transparent 13px, transparent 8px);
	background-size: 10px 21px;
	background-repeat: repeat-y;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
  }

.theme--light.v-btn.v-btn--disabled.v-btn--has-bg {
	background-color: #e5e5e5 !important;
}

.root-memo{
	margin:3px;
	padding-left: 10px;
	padding-right: 10px;
	height: 32px;

	background-color: rgb(254, 170, 58)!important;
	border-color: rgb(250, 180, 58)!important;

	font-size: .875rem;

	color: #fff;

	box-shadow: 1px 1px 3px 0px #89581530;
	align-items: center;
	border-radius: 6px;
	display: inline-flex;
	flex: 0 0 auto;
	letter-spacing: .0892857143em;
	outline: 0;
	position: relative;
	text-indent: .0892857143em;
	/* draggable と相性が悪い（なにもないところでカーソル追従しなくなる）
	transition-duration: .28s;
	transition-property: box-shadow,transform,opacity;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	*/
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: top;
	white-space: nowrap;
	cursor: pointer;
}


/* enter、 leave アニメーションで異なる間隔やタイミング関数を利用することができます */
.delete-fade-leave-to {
	opacity: 0;
 }

#selectedMemo:hover {
	background-color: rgba(220, 220, 220, 0.5)!important;
}

::-webkit-scrollbar {
	width: 4px;
	height: 3px;
  }

::-webkit-scrollbar-thumb {
  background: #303030a0;
  border-radius: 5px;
}

.a-box::-webkit-scrollbar {
	background: #fff0;
	width: 4px;
	height: 3px;
  }

.a-box::-webkit-scrollbar-thumb {
  background: #6668;
  border-radius: 5px;
}

.peer-unit-handle::-webkit-scrollbar-thumb {
	background: #8888;
}
.rootMemoStyle::-webkit-scrollbar {
	height: 2px;
	background: #f0f0f0a0;
	border-radius:2px;
}

#memo-main-area::-webkit-scrollbar {
	width: 5px;
	height: 3px;
	background: #f0f0f0a0;
	border-radius:2px;
}

.rootMemoStyle::-webkit-scrollbar-thumb {
	background: #303030a0;
	border-radius:2px;
	height:6px;
}

.rootMemoStyle::-webkit-scrollbar {
	background: #f0f0f000;
	border-radius:2px;
	height:4px;
}

#edit-note-unit-button-group::-webkit-scrollbar {
	border-radius:2px;
	height:3px;
}

#memo-main-area::-webkit-scrollbar-thumb {
	background: #303030a0;
	border-radius:3px;
}
#memo-candidate-area::-webkit-scrollbar {
	background: #f0f0f020;
	border-radius:3px;
}

.searching-memo-init-wrapper::-webkit-scrollbar-thumb {
	background: #fff0;
}

.searching-memo-init-wrapper::-webkit-scrollbar {
	background: #fff0;
}

.freeWriting-new-card {
    animation-name: fadeup;
    animation-duration: 1s;
    animation-iteration-count: 1;
}
@keyframes fadeup {
	from {
		opacity: 0;
		transform: translateY(60px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.puru0 {
    animation-name: fadedown0;
    animation-duration: 1.18s;
    animation-iteration-count: 1;
	transition-timing-function: linear;
}
.puru1 {
    animation-name: fadedown1;
    animation-duration: 1.45s;
    animation-iteration-count: 1;
	transition-timing-function: linear;
}
.puru2 {
    animation-name: fadedown2;
    animation-duration: 1.1s;
    animation-iteration-count: 1;
	transition-timing-function: linear;
}
.puru3 {
    animation-name: fadedown3;
    animation-duration: 2.11s;
    animation-iteration-count: 1;
	transition-timing-function: linear;
}
.puru4 {
    animation-name: fadedown4;
    animation-duration: 1.71s;
    animation-iteration-count: 1;
	transition-timing-function: linear;
}
.puru5 {
    animation-name: fadedown5;
    animation-duration: 0.81s;
    animation-iteration-count: 1;
	transition-timing-function: linear;
}
@keyframes fadedown0 {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(1.9px, 2.23px) rotateZ(0.5deg)}
    50% {transform: translate(0px, 1.81px) rotateZ(0deg)}
    75% {transform: translate(2px, 0px) rotateZ(-0.5deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}

@keyframes fadedown1 {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(2.76px, 1.1px) rotateZ(1.5deg)}
    50% {transform: translate(0px, 1.26px) rotateZ(0deg)}
    75% {transform: translate(2.32px, 0px) rotateZ(-1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}

@keyframes fadedown2 {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(1.34px, 1.97px) rotateZ(-1deg)}
    50% {transform: translate(0.5px, 1.83px) rotateZ(0deg)}
    75% {transform: translate(1.23px, 1.08px) rotateZ(1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}

@keyframes fadedown3 {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(1.15px, 0px) rotateZ(1deg)}
    50% {transform: translate(0.8px, 0.9px) rotateZ(0deg)}
    75% {transform: translate(1.1px, 1.7px) rotateZ(-1.5deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}

@keyframes fadedown4 {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(1.23px, 1.23px) rotateZ(-1deg)}
    50% {transform: translate(0px, 1px) rotateZ(0deg)}
    75% {transform: translate(1.87px, 0px) rotateZ(2deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}

@keyframes fadedown5 {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(0.3px, 1.3px) rotateZ(0.5deg)}
    50% {transform: translate(0.7px, 1px) rotateZ(0deg)}
    75% {transform: translate(1.3px, 1.15px) rotateZ(-1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}

.selection-selected {
	box-shadow: 1px 0px 20px #247fff;
}

.selfDirectionMainTitle {
	background-color: #fff8;
    border-radius: 16px;
    padding: 2px;
    margin-left: 8px;
    padding-left: 21px;
    padding-right: 21px;
    margin-bottom: 3px;
    margin-top: 3px;
}

.chat-gpt-chat {
	text-align: left;
	border-radius:8px;
	display:inline-block;
	background-color:rgb(172, 242, 146);
	max-width:70%;
	padding:13px;
	user-select: text;
	white-space: pre-wrap;
}

.chat-ai {
	background-color:#f8f8f8;
}