.note_modal_header{
  color: #fff;
  width:25%;
  min-width:420px;
  max-width: 640px;
  position:fixed;
}
#notes-modal-header{
  color:#fff;
  font-size:14px;
  font-weight:500;
}
#notes_modal{
position:fixed;
bottom:0px;
right:10px;
height:0px;
width:25%;
min-width:420px;
max-width: 640px;
background-color: rgba(0,0,0,0.8);
border-radius: 20px 20px 0px 0px;
z-index:33000;
overflow-x: hidden;
overflow-y: hidden;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
container-type: size;
}
#note_modal_content{
color:#fff;
overflow-x: hidden;
overflow-y: hidden;
-ms-overflow-style: none;
scrollbar-width: none;
}
#note_modal_content::-webkit-scrollbar {
display: none;
}
.notes_close_bttn{
width: 28px;
height: 28px;
display:inline-block;
position:absolute;
top:6px;
right:6px;
background-image: url('/pax/files/images/close-x-white.svg');
background-repeat: no-repeat;
background-size: 16px 16px;
background-position: center;
cursor: pointer;
}
.notes_close_bttn:hover{
background-image: url('/pax/files/images/close-x-cyan.svg');
}
.notes_bttn_bar{
width:25%;
min-width:420px;
max-width: 640px;
height:38px;
padding-top:8px;
position:fixed;
text-align:center;
}
.notes_buttons{
width: 28px;
height: 28px;
margin: 0px 8px;
display:inline-block;
background-repeat: no-repeat;
background-size: 28px 28px;
background-position: center;
cursor: pointer;
}
.notes_bttn_edit{
background-image: url('/pax/files/images/notepad-white.svg');
}
.notes_bttn_edit:hover{
background-image: url('/pax/files/images/notepad-cyan.svg');
}
.notes_bttn_share{
background-image: url('/pax/files/images/groups-white.svg');
}
.notes_bttn_share:hover{
background-image: url('/pax/files/images/groups-cyan.svg');
}
.notes_bttn_data{
background-image: url('/pax/files/images/assignments-white.svg');
}
.notes_bttn_data:hover{
background-image: url('/pax/files/images/assignments-cyan.svg');
}
.notes_bttn_attach{
background-image: url('/pax/files/images/attach-white.svg');
}
.notes_bttn_attach:hover{
background-image: url('/pax/files/images/attach-cyan.svg');
}
.notes_bttn_settings{
background-image: url('/pax/files/images/gear-white.svg');
}
.notes_bttn_settings:hover{
background-image: url('/pax/files/images/gear-cyan.svg');
}
.notes_bttn_list{
background-image: url('/pax/files/images/list-white.svg');
}
.notes_bttn_list:hover{
background-image: url('/pax/files/images/list-cyan.svg');
}
.notes_bttn_msg{
background-image: url('/pax/files/images/chat-white.svg');
}
.notes_bttn_msg:hover{
background-image: url('/pax/files/images/chat-cyan.svg');
}
.notes_bttn_calls{
background-image: url('/pax/files/images/phone-white.svg');
}
.notes_bttn_calls:hover{
background-image: url('/pax/files/images/phone-cyan.svg');
}
.notes_bttn_files{
background-image: url('/pax/files/images/files-white.svg');
}
.notes_bttn_files:hover{
background-image: url('/pax/files/images/files-cyan.svg');
}
.notes_bttn_marks{
background-image: url('/pax/files/images/bookmark-white.svg');
}
.notes_bttn_marks:hover{
background-image: url('/pax/files/images/bookmark-cyan.svg');
}
.notes_bttn_tickets{
background-image: url('/pax/files/images/ticket-white.svg');
}
.notes_bttn_tickets:hover{
background-image: url('/pax/files/images/ticket-cyan.svg');
}
.notes_bttn_list[pax-state="active"]{
background-image: url('/pax/files/images/list-cyan.svg');
}
.notes_bttn_msg[pax-state="active"]{
background-image: url('/pax/files/images/chat-cyan.svg');
}
.notes_bttn_calls[pax-state="active"]{
background-image: url('/pax/files/images/phone-cyan.svg');
}
.notes_bttn_files[pax-state="active"]{
background-image: url('/pax/files/images/files-cyan.svg');
}
.notes_bttn_marks[pax-state="active"]{
background-image: url('/pax/files/images/bookmark-cyan.svg');
}
.notes_bttn_tickets[pax-state="active"]{
background-image: url('/pax/files/images/ticket-cyan.svg');
}
.notes_bttn_edit[pax-state="active"]{
background-image: url('/pax/files/images/notepad-cyan.svg');
}
.notes_bttn_data[pax-state="active"]{
background-image: url('/pax/files/images/assignments-cyan.svg');
}
.memo-task-item
{
padding: 4px 4px 4px 8px;
margin:3px 8px;
color: #fff;
cursor: pointer;
border-radius: 4px;
background-color: rgba(42,42,42,0.7);
white-space: nowrap;
overflow: hidden;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.memo-task-item:hover
{
font-weight: 500;
background-color: #272727;
}
#memo-tasks-add-bttn,#memo-msg-add-bttn,#memo-calls-add-bttn,#memo-tickets-add-bttn{
  width:24px;
  height:24px;
  padding:0px;
  display: inline-block;
  border-radius: 12px;
  vertical-align:bottom;
  background-image: var(--pax-ctrl-plus);
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: center;
  cursor: pointer;
  box-sizing:border-box;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
#memo-tasks-add-bttn:hover,#memo-msg-add-bttn:hover,#memo-calls-add-bttn:hover,#memo-tickets-add-bttn:hover{
  background-image: var(--pax-ctrl-plus-hov);
}
.memo-chat-online-bttn{
  width:24px;
  height:24px;
  padding:0px;
  display: inline-block;
  border-radius: 12px;
  vertical-align:bottom;
  background-image: var(--pax-ctrl-online);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center;
  background-color: #13171a;
  cursor: pointer;
  box-sizing:border-box;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.memo-chat-online-bttn:hover{
  background-image: var(--pax-ctrl-online-hov);
}
.memo-chat-offline-bttn{
  width:24px;
  height:24px;
  padding:0px;
  display: inline-block;
  border-radius: 12px;
  vertical-align:bottom;
  background-image: var(--pax-ctrl-offline);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center;
  background-color: #13171a;
  cursor: pointer;
  box-sizing:border-box;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.memo-chat-offline-bttn:hover{
  background-image: var(--pax-ctrl-offline-hov);
}

.memo_msg_list{
  margin:0px 6px;
  table-layout:fixed;
  width: calc(100% - 12px);
  background-color:rgba(32,32,32,0.7);
}
.memo_msg_list th{
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 2px;
  border: 1px solid #e9e9e9;
}
.memo_msg_list tr td{
  white-space:nowrap;
  overflow:hidden;
  font-size:10px;
  color:#fff;
}
.memo_msg_list .msg_unread{
  font-weight:700;
  color:#ff0;
}
.memo_msg_list .msg_read{
  font-weight:400;
}
.memo_msg_list .msg_row_even{
  background-color:transparent;
  position:relative;
}
.memo_msg_list .msg_row_even:hover{
  font-weight:700;
  background-color:rgba(0,0,0,1);
}
.memo_msg_list .msg_row_odd{
  background-color:transparent;
  position:relative;
}
.memo_msg_list .msg_row_odd:hover{
  font-weight:700;
  background-color:rgba(0,0,0,1);
}
.memo_msg_nav_next{
  display:inline-block;
  cursor:pointer;
  float:right;
}
.memo_msg_nav_next::after{
  content: "▶";
}
.memo_msg_nav_back{
  display:inline-block;
  cursor:pointer;
  margin-right: 40px;
}
.memo_msg_nav_back::after{
  content: "◀";
}
#memo-msg-nav-ctrls{
  margin: 20px 14px 0px;
  color:#fff;
}
#memo-msg-nav-ctrls-bttm{
  margin: 0px 14px 100px;
  color:#fff;
}
#memo-msg-lists{
  height: calc(100% - 44px);
  overflow-y:scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#memo-msg-lists::-webkit-scrollbar {
  display: none;
}
.memo_chat_status{
  width:8px;
  height:8px;
  border-radius:4px;
  background-color:#eaeaea;
  display:inline-block;
}
.memo_chat_status[pax-state="online"]{
  background-color:#0c0;
  animation: tiny-glow-green 0.5s linear infinite;
}
#memo-chat-grid{
  display:grid;
  height: calc(100% - 20px);
  margin-top:10px;
  overflow:hidden;
  grid-template-columns: 220px auto;
  grid-template-rows: auto 110px;
  grid-template-areas:  "contacts messages"
                        "controls controls";
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
#memo-chat-grid[pax-state="collapse"]{
  grid-template-columns: 0px auto;
}
#memo-chat-grid[pax-state="collapse"] #memo-chat-messages{
  padding-left:6px;
}
#memo-chat-contacts{
  grid-area: contacts;
  height: calc(100% - 10px);
  margin: 0px 0px 0px 6px;
  border-radius: 0px 20px 20px 0px;
  background-color: rgba(45,45,45,0.7);
  white-space:nowrap;
  overflow-x:hidden;
  overflow-y:scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#memo-chat-contacts div div:not(.memo_chat_status):not(.memo_chat_read_count){
  font-size:12px;
  font-weight:700;
  color:#fff;
  display:inline-block;
  margin-left:6px;
}
#memo-chat-contacts::-webkit-scrollbar {
  display: none;
}
#memo-chat-messages{
  grid-area: messages;
  height: 100%;
  display:inline-block;
  overflow-x:hidden;
  overflow-y:scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding-right:6px;
}
#memo-chat-messages::-webkit-scrollbar {
  display: none;
}
#memo-chat-ctrls{
  height: 110px;
  grid-area: controls;
}
#chat-msg{
  width:calc(100% - 50px);
  height:110px;
  margin-left:10px;
  margin-bottom:10px;
}
#memo-chat-messages .sms_msg div{
  font-size: 13px;
}
.memo_chat_contacts{
  padding-left:6px;
}
.memo_chat_contacts[pax-state="active"]{
  font-weight: 700;
  background-color: var(--pax-theme-bar);
}
.memo_chat_contacts[pax-read="unread"] div:not(.memo_chat_status):not(.memo_chat_read_count){
  color: #ff0;
}
#chat-msg-container{
  position:relative;
  width:100%;
  height:100%;
}
#chat-msg-container-indicator{
  position:absolute;
  right:40px;
  top:0px;
  height:20px;
  width:20px;
}
.memo_chat_read_count{
  position:absolute;
  display:inline-block;
  color:#fff;
  text-align:center;
  line-height:1.5;
  vertical-align:bottom;
  border-radius:7px;
  font-weight:500;
  font-size:10px;
  bottom:6px;
  right:2px;
  height:14px;
  width:14px;
  padding: 0px 3px;
}
.memo_chat_read_count[pax-state="unread"]{
  background-color:var(--pax-red-1);
}
.memo_chat_bttn_read_count{
  position:absolute;
  display:inline-block;
  color:#fff;
  text-align:center;
  line-height:1.5;
  vertical-align:bottom;
  border-radius:7px;
  font-weight:500;
  font-size:10px;
  bottom:-4px;
  right:-8px;
  height:14px;
  width:14px;
  padding: 0px 3px;
}
.memo_chat_bttn_read_count[pax-state="unread"]{
  background-color:var(--pax-red-1);
}

.memo_pers_mesg_read_count{
  position:absolute;
  display:inline-block;
  color:#fff;
  text-align:center;
  line-height:1.5;
  vertical-align:bottom;
  border-radius:7px;
  font-weight:500;
  font-size:10px;
  bottom:-4px;
  right:-8px;
  height:14px;
  width:14px;
  padding: 0px 3px;
}
.memo_pers_mesg_read_count[pax-state="unread"]{
  background-color:var(--pax-red-1);
}

.memo_support_status{
  width:8px;
  height:8px;
  border-radius:4px;
  background-color:#eaeaea;
  display:inline-block;
}
.memo_support_status[pax-state="online"]{
  background-color:#0c0;
  animation: tiny-glow-green 0.5s linear infinite;
}
#memo-support-grid{
  display:grid;
  height: calc(100% - 20px);
  margin-top:10px;
  overflow:hidden;
  grid-template-columns: 220px auto;
  grid-template-rows: auto 110px;
  grid-template-areas:  "contacts messages"
                        "controls controls";
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
#memo-support-grid[pax-state="collapse"]{
  grid-template-columns: 0px auto;
}
#memo-support-grid[pax-state="collapse"] #memo-support-messages{
  padding-left:6px;
}
#memo-support-contacts{
  grid-area: contacts;
  height: calc(100% - 10px);
  margin: 0px 0px 0px 6px;
  border-radius: 0px 20px 20px 0px;
  background-color: rgba(45,45,45,0.7);
  white-space:nowrap;
  overflow-x:hidden;
  overflow-y:scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#memo-support-contacts div div:not(.memo_support_status):not(.memo_support_read_count){
  font-size:12px;
  font-weight:700;
  color:#fff;
  display:inline-block;
  margin-left:6px;
}
#memo-support-contacts::-webkit-scrollbar {
  display: none;
}
#memo-support-messages{
  grid-area: messages;
  height: 100%;
  display:inline-block;
  overflow-x:hidden;
  overflow-y:scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding-right:6px;
}
#memo-support-messages::-webkit-scrollbar {
  display: none;
}
#memo-support-ctrls{
  height: 110px;
  grid-area: controls;
}
#support-msg{
  width:calc(100% - 50px);
  height:110px;
  margin-left:10px;
  margin-bottom:10px;
}
#memo-support-messages .sms_msg div{
  font-size: 13px;
}
.memo_support_contacts{
  padding-left:6px;
}
.memo_support_contacts[pax-state="active"]{
  font-weight: 700;
  background-color: var(--pax-theme-bar);
}
.memo_support_contacts[pax-read="unread"] div:not(.memo_support_status):not(.memo_support_read_count){
  color: #ff0;
}
#support-msg-container{
  position:relative;
  width:100%;
  height:100%;
}
#support-msg-container-indicator{
  position:absolute;
  right:40px;
  top:0px;
  height:20px;
  width:20px;
}
.memo_support_read_count{
  position:absolute;
  display:inline-block;
  color:#fff;
  text-align:center;
  line-height:1.5;
  vertical-align:bottom;
  border-radius:7px;
  font-weight:500;
  font-size:10px;
  bottom:6px;
  right:2px;
  height:14px;
  width:14px;
  padding: 0px 3px;
}
.memo_support_read_count[pax-state="unread"]{
  background-color:var(--pax-red-1);
}
.memo_support_bttn_read_count{
  position:absolute;
  display:inline-block;
  color:#fff;
  text-align:center;
  line-height:1.5;
  vertical-align:bottom;
  border-radius:7px;
  font-weight:500;
  font-size:10px;
  bottom:-4px;
  right:-8px;
  height:14px;
  width:14px;
  padding: 0px 3px;
}
.memo_support_bttn_read_count[pax-state="unread"]{
  background-color:var(--pax-red-1);
}
#memo-support-toggle-contacts{
  height:24px;
  width:24px;
  display:inline-block;
  margin-right:4px;
  cursor:pointer;
  vertical-align:bottom;
  background-image:url(/pax/files/images/directory-white.svg);
  background-repeat: no-repeat;
  background-size: 22px 22px;
  background-position: center;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#memo-support-toggle-contacts:hover{
  background-image:url(/pax/files/images/directory-cyan.svg);
}

#memo-ai-grid {
  display: grid;
  height: calc(100% - 10px);
  margin-top: 10px;
  overflow: hidden;
  grid-template-rows: auto 20px 110px;
  grid-template-areas:
      "messages"
      "utils"
      "controls";
  grid-template-columns: minmax(0, 1fr);
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
#memo-ai-messages {
  grid-area: messages;
  height: 100%;
  width:100%;
  max-height: calc(100cqh - 270px);
  display: inline-block;
  overflow-x: hidden;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding-right: 6px;
  box-sizing: border-box;
}
#memo-ai-ctrls {
  height: 110px;
  grid-area: controls;
}
#memo-ai-iface {
  height: 100%;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.memo_context_menu{
  width: 260px;
  height: 0px;
  border: unset;
  padding: 0px;
  border-radius: 10px;
  position:fixed;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
  box-shadow: 3px 3px 5px #666666;
  z-index: 36000;
  background-color: var(--pax-menu-bg);
}
.memo_context_menu[pax-state="open"]{
  border: 1px solid rgb(79, 79, 79);
  padding: 10px 0px 10px;
}
.memo_context_menu_items{
  width: 244px;
  height: 11px;
  padding: 8px;
  font-size: 11px;
  font-weight: 400;
  line-height: 11px;
  white-space:nowrap;
  overflow:hidden;
  cursor: pointer;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.memo_context_menu_items:hover{
  background-color: var(--pax-menu-opt-hov-bg);
  font-weight: 500;
}
.sms_msg_read{
bottom:0px;
left: 4px;
color:#0cf;
font-size:11px!important;
position: absolute;
vertical-align: bottom;
line-height: 1;
letter-spacing: -3px;
}
.sms_msg_read::after{
content:"✓✓";
}
.sms_msg_unread{
bottom:0px;
left: 4px;
color:#dadada;
font-size:11px!important;
position: absolute;
vertical-align: bottom;
line-height: 1;
letter-spacing: -3px;
}
.sms_msg_unread::after{
content:"✓";
}
#memo-chat-toggle-contacts{
  height:24px;
  width:24px;
  display:inline-block;
  margin-right:4px;
  cursor:pointer;
  vertical-align:bottom;
  background-image:url(/pax/files/images/directory-white.svg);
  background-repeat: no-repeat;
  background-size: 22px 22px;
  background-position: center;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#memo-chat-toggle-contacts:hover{
  background-image:url(/pax/files/images/directory-cyan.svg);
}
.memo_tasks_progress{
  width:120px;
  text-align:center;
  margin:0px auto 10px;
  position:relative;
}

#memo-ai-messages > div > hr{
  margin: 0px 10px;
}
#memo-ai-iface #memo-ai-grid #memo-ai-utils{
  height: 20px;
  display: flex;
  grid-area: utils;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}
#memo-ai-iface #memo-ai-grid #memo-ai-ctrls{
  height: 110px;
  display: flex;
  grid-area: controls;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}
#memo-ai-iface #memo-ai-grid #memo-ai-messages .diai_chat_list_item{
  display: grid;
  overflow:hidden;
  grid-template-columns: auto 126px;
  grid-template-areas: "title date";
  margin: 0px 2px 0px 8px;
  background-color: rgba(60, 60, 60, 0.5);
  font-weight: 500;
  cursor:pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  touch-action: manipulation;
}
#memo-ai-iface #memo-ai-grid #memo-ai-messages .diai_chat_list_item:hover{
  font-weight:700;
  background-color: rgba(0, 0, 0, 1);
}
#memo-ai-iface #memo-ai-grid #memo-ai-messages .diai_chat_list_item div:nth-child(1){
  grid-area: title;
  font-size: 12px;
  line-height: 1;
  vertical-align: middle;
  padding: 7px 4px;
  overflow: hidden;
  white-space: nowrap;
}
#memo-ai-iface #memo-ai-grid #memo-ai-messages .diai_chat_list_item div:nth-child(2){
  grid-area: date;
  text-align:right;
  font-size: 10px;
  line-height: 1;
  vertical-align: middle;
  padding: 8px 4px;
}
#memo-msg-chat-hist-bttn {
  width: 32px;
  height: 24px;
  display: inline-block;
  vertical-align: bottom;
  background-image: var(--pax-ctrl-hist);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
  border-radius: 8px;
  border: none;
  background-color: transparent;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding:0px;
}
#memo-msg-chat-hist-bttn:hover {
  background-image: var(--pax-ctrl-hist-hov);
}
#memo-msg-new-chat-bttn {
  background-image: var(--pax-ctrl-edit);
  background-position: center center;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  border-radius: 8px;
  border: none;
  background-color: transparent;
  vertical-align: bottom;
  cursor: pointer;
  display: inline-block;
  width: 32px;
  height: 24px;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding:0px;
}
#memo-msg-new-chat-bttn:hover {
  background-image: var(--pax-ctrl-edit-hov);
}

#memo-ai-iface #memo-ai-grid #memo-ai-messages .diai_chat_item_user {
  background-color: #586a78;
  color: #fff;
  font-weight: 400;
  border-radius: 5px;
  width: 75%;
  padding: 10px 10px 14px 10px;
  text-align: left;
  margin-left: auto;
  position: relative;
  overflow-wrap: break-word;
}
#memo-ai-iface #memo-ai-grid #memo-ai-messages .diai_chat_item_user > div:nth-child(1) {
  font-size:12px;
}
#memo-ai-iface #memo-ai-grid #memo-ai-messages .diai_chat_item_user > div:nth-child(2) {
  bottom: 0px;
  right: 4px;
  font-size: 9px;
  position: absolute;
}
#memo-ai-iface #memo-ai-grid #memo-ai-messages .diai_chat_item_asst {
  width:100%;
  padding:10px 6px 28px 10px;
  overflow-wrap: break-word;
  box-sizing: border-box;
  overflow-wrap: break-word;
}
#memo-ai-iface #memo-ai-grid #memo-ai-messages .diai_chat_item_asst > div > table {
  table-layout: fixed;
}
#memo-ai-iface #memo-ai-grid #memo-ai-ctrls #diai-msg-container{
  position: relative;
  width: 100%;
  height: 100%;
}
#memo-ai-iface #memo-ai-grid #memo-ai-ctrls #message{
  width: calc(100% - 50px);
  height: 100px;
  margin-left: 10px;
  margin-bottom: 10px;
}
#memo-ai-iface #memo-ai-grid #memo-ai-ctrls #send-ai-chat-msg{
  background: url(/pax/files/images/send-cyan.svg);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
  cursor: pointer;
  width: 40px;
  height: 100px;
  display: inline-block;
  margin-bottom: 10px;
  border: none;
  vertical-align: top;
}
.diai_req{
  color:var(--pax-red-1);
}

.chat-bubble{
  height: 36px;
  width: 23px;
  background: var(--pax-theme-bar);
  position: relative;
  margin: 20px auto 20px;
  &:before{
    content: '';
    height: 36px;
    width: 36px;
    left: -18px;
    position: absolute;
    display: block;
    background: var(--pax-theme-bar);
    border-radius: 50%;
    z-index: 1;
  }
  &:after{
    content: '';
    height: 36px;
    width: 36px;
    right: -18px;
    position: absolute;
    display: block;
    background: var(--pax-theme-bar);
    border-radius: 50%;
    z-index: 1;
  }
  .tail{
    height: 12px;
    width: 12px;
    background: var(--pax-theme-bar);
    position: absolute;
    left: -20px;
    bottom: 2px;
    border-radius: 50%;
    &:before{
      height: 6px;
      width: 6px;
      background: var(--pax-theme-bar);
      content: '';
      display: block;
      border-radius: 50%;
      position: absolute;
      left: -5px;
      bottom: -4px;
    }
  }
  .loading{
    position: absolute;
    z-index: 10;
    width: 36px;
    left:-5px;
    top: 14px;
    .dot{
      height: 9px;
      width: 9px;
      border-radius: 50%;
      background: #c1c1c1;
      display: block;
      float: left;
      margin: 0 0 0 4px;
      &:first-child{
        margin: 0px;
      }
      &.one{
        -webkit-animation: cycleOne 1s ease-in-out infinite;
        -webkit-animation-direction: normal;
      }
      &.two{
        -webkit-animation: cycleTwo 1s ease-in-out infinite;
        -webkit-animation-direction: normal;
      }
      &.three{
        -webkit-animation: cycleThree 1s ease-in-out infinite;
        -webkit-animation-direction: normal;
      }
    }
  }
}

.support-bubble{
  height: 36px;
  width: 23px;
  background: var(--pax-theme-bar);
  position: relative;
  margin: 20px auto 20px;
  &:before{
    content: '';
    height: 36px;
    width: 36px;
    left: -18px;
    position: absolute;
    display: block;
    background: var(--pax-theme-bar);
    border-radius: 50%;
    z-index: 1;
  }
  &:after{
    content: '';
    height: 36px;
    width: 36px;
    right: -18px;
    position: absolute;
    display: block;
    background: var(--pax-theme-bar);
    border-radius: 50%;
    z-index: 1;
  }
  .tail{
    height: 12px;
    width: 12px;
    background: var(--pax-theme-bar);
    position: absolute;
    left: -20px;
    bottom: 2px;
    border-radius: 50%;
    &:before{
      height: 6px;
      width: 6px;
      background: var(--pax-theme-bar);
      content: '';
      display: block;
      border-radius: 50%;
      position: absolute;
      left: -5px;
      bottom: -4px;
    }
  }
  .loading{
    position: absolute;
    z-index: 10;
    width: 36px;
    left:-5px;
    top: 14px;
    .dot{
      height: 9px;
      width: 9px;
      border-radius: 50%;
      background: #c1c1c1;
      display: block;
      float: left;
      margin: 0 0 0 4px;
      &:first-child{
        margin: 0px;
      }
      &.one{
        -webkit-animation: cycleOne 1s ease-in-out infinite;
        -webkit-animation-direction: normal;
      }
      &.two{
        -webkit-animation: cycleTwo 1s ease-in-out infinite;
        -webkit-animation-direction: normal;
      }
      &.three{
        -webkit-animation: cycleThree 1s ease-in-out infinite;
        -webkit-animation-direction: normal;
      }
    }
  }
}

@-webkit-keyframes cycleOne{
  0%{
    background: rgba(150, 150, 150, 0.4);
  }
  33.333%{
    background: rgba(150, 150, 150, 1);
  }
  66.6667%{
    background: rgba(150, 150, 150, 0.4);
  }
  100%{
    background: rgba(150, 150, 150, 0.4);
  }
}

@-webkit-keyframes cycleTwo{
  0%{
    background: rgba(150, 150, 150, 0.4);
  }
  33.333%{
    background: rgba(150, 150, 150, 0.4);
  }
  66.6667%{
    background: rgba(150, 150, 150, 1);
  }
  100%{
    background: rgba(150, 150, 150, 0.4);
  }
}

@-webkit-keyframes cycleThree{
  0%{
    background: rgba(150, 150, 150, 0.4);
  }
  33.333%{
    background: rgba(150, 150, 150, 0.4);
  }
  66.6667%{
    background: rgba(150, 150, 150, 0.4);
  }
  100%{
    background: rgba(150, 150, 150, 1);
  }
}

@media screen and (max-width: 500px) {
  #memo-chat-grid{
    height: calc(100vh - 140px);
    grid-template-columns: 190px auto;
  }
  #memo-support-grid{
    height: calc(100vh - 140px);
    grid-template-columns: 190px auto;
  }
  #memo-msg-lists{
    height: calc(100vh - 130px);
  }
}


@media screen and (max-width: 1279px) {
  .notes_buttons{
    width: 24px;
    height: 24px;
    margin: 0px 6px;
    background-size: 24px 24px;
  }
}

@media screen and (max-width: 500px) {
  #notes_modal{
    width: calc(100vw - 10px);
    right: 5px;
  }
  .note_modal_header{
    width: calc(100vw - 10px);
  }
}