

.ui-dialog .ui-dialog-titlebar
{
    
   background-color: #006600;
   font-size:15px;
   font-family: sans-serif;
   color: white;
}
.ui-dialog {
    padding: 0 !important;
    
}


.txtarea{
    border-radius: 10px;
    border-width: 3px; 
    border-color:#c7f5c0; 
    resize: none; 
    background-color: #f8f8f8;

}



.txtarea_toguest{
    border-radius: 10px;
    border-width: 3px; 
    border-color:#c7f5c0; 
    resize: none; 
    background-color: #f8f8f8;
}

.user_dialog{
    height:350px; 
    border:1px solid  #ccc; 
    overflow-y: scroll; 
    margin-bottom:24px; 
    padding:16px;
}

.ui-dialog .ui-dialog-content 
{
   font-size:14px;
   color:black;
   font-family: sans-serif;
   background-color: #FDF8E4;
   overflow: hidden;
   overflow-y: scroll;
   /* padding: 1.5px!important; */
   
}
.chat_history{
    height:350px; 
    border-radius: 0px; 
    border:0px solid #006600; 
    overflow-y: scroll;
    margin-bottom:10px; 
    margin-right: -12px;
    padding:15px;
}
.chat_guest_history{
    height:350px; 
    border-radius: 0px; 
    border:0px solid #006600; 
    overflow-y: scroll;
    margin-bottom:10px; 
    margin-right: -12px;
    padding:5px;
}

/* scroll tampilan di menu login guest */
#history::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	background-color: #F5F5F5;
	border-radius: 10px;
}

#history::-webkit-scrollbar
{
	width: 15px;
	background-color: #F5F5F5;
}

#history::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #FFF;
	background-image: -webkit-gradient(linear,
									   40% 0%,
									   75% 84%,
									   from(#4D9C41),
									   to(#19911D),
									   color-stop(.6,#54DE5D))
}


/* scroll chat tampilan di menu data admin  */
.chat_history_guest::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	background-color: #F5F5F5;
	border-radius: 10px;
}

.chat_history_guest::-webkit-scrollbar
{
	width: 15px;
	background-color: #F5F5F5;
}

.chat_history_guest::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #FFF;
	background-image: -webkit-gradient(linear,
									   40% 0%,
									   75% 84%,
									   from(#4D9C41),
									   to(#19911D),
									   color-stop(.6,#54DE5D))
}

/* scroll chat tampilan di menu chat user  */
.chat_history::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	background-color: #F5F5F5;
	border-radius: 10px;
}

.chat_history::-webkit-scrollbar
{
	width: 15px;
	background-color: #F5F5F5;
}

.chat_history::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #FFF;
	background-image: -webkit-gradient(linear,
									   40% 0%,
									   75% 84%,
									   from(#4D9C41),
									   to(#19911D),
									   color-stop(.6,#54DE5D))
}


/* scroll chat tampilan di menu chat user  */
#userdata::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	background-color: #F5F5F5;
	border-radius: 10px;
}

#userdata::-webkit-scrollbar
{
	width: 15px;
	background-color: #F5F5F5;
}

#userdata::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #FFF;
	background-image: -webkit-gradient(linear,
									   40% 0%,
									   75% 84%,
									   from(#4D9C41),
									   to(#19911D),
									   color-stop(.6,#54DE5D))
}

.chat_history_guest{
    height:350px; 
    border-radius: 0px; 
    border:0px solid #006600; 
    overflow-y: scroll;
    margin-bottom:10px; 
    margin-right: -12px;
    padding:15px;
}

.send_guest{
    display: none;
}

.speech-bubble {
	position: relative;
	background: #00aabb;
	border-radius: .4em;
}

.speech-bubble:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 21px solid transparent;
	border-left-color: #00aabb;
	border-right: 0;
	border-bottom: 0;
	margin-top: -10.5px;
	margin-right: -21px;
}