.panel-message{   
   border: 1px solid silver !important;
}

.panel-message.expandir{    
   top: 20% !important;
   height: 80% !important;
}

.panel-message.expandir .-body.-body-default.x-layout-fit.-body-default,
.panel-message.expandir .x-panel.x-fit-item.x-panel-default,
.panel-message.expandir .x-panel-body.x-panel-body-default.x-layout-fit.x-panel-body-default,
.panel-message.expandir .x-panel.x-tabpanel-child.x-panel-default,
.panel-message.expandir .x-panel-body.x-panel-body-default.x-abs-layout-ct.x-panel-body-default.x-docked-noborder-top.x-docked-noborder-right.x-docked-noborder-bottom.x-docked-noborder-left{
	transition: all 2s ease 0s;
	height: 100% !important;
}

.panel-message .envio-message .combo-escolher-fornecedor{
	width:calc(30% - 5px) !important;
	left:5px !important;
}

.panel-message .envio-message .input-message-pregoeiro{
	width:calc(60% - 10px) !important;
	left:calc(30% + 10px) !important;
}

.panel-message .envio-message .input-message-fornecedor{
	width:89% !important;
	left:1% !important;
}

.panel-message .envio-message .btn-enviar{
	width:calc(10% - 20px) !important;
	left:calc(90% + 10px) !important;
}

.pe-grid-message-fixo .x-grid-body .x-grid-view .x-grid-table,
.pe-grid-message-fixo .x-box-inner,
.pe-grid-message-fixo .x-grid-view .x-grid-table {
    width: 100% !important; 
}

.pe-grid-message-fixo .x-grid-body {
    background: none;
    border: none;
}

.pe-grid-message-fixo .x-toolbar-default {
    background-color: transparent;	
}

.pe-grid-message-fixo .x-grid-body .x-grid-view .x-grid-table > tbody .x-grid-cell {
    background-color: transparent;
    border: 1px solid transparent;
}

.pe-grid-message-fixo .x-grid-body .x-grid-view .x-grid-table > tbody .x-grid-row-alt .x-grid-td {
    background-color: transparent;
}

.pe-grid-message-fixo .x-grid-body .x-grid-view .x-grid-table > tbody .x-grid-row																													
{
	display: grid;
	margin-left :2%;
	margin-right: 2%;
	align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

.pe-grid-message-fixo .x-grid-body .x-grid-view .x-grid-table > tbody .x-grid-row .x-unselectable.x-grid-cell-selected {	
    background-color: #fafafa !important;
    color: #3a3a3a;
    border: 1px solid transparent;	
}
 .pe-grid-message-fixo .x-grid-body .x-grid-view .x-grid-table > tbody .x-grid-row-over {
    background-color: #fafafa !important;
} 

.pe-grid-message-fixo .x-grid-body .x-grid-view .x-grid-table > tbody .x-grid-row-over .x-grid-td {	
    color: #3a3a3a;
}

 .pe-grid-message-fixo .x-grid-body .x-grid-view .x-grid-table > tbody .x-grid-row-over .x-grid-cell-selected {
    background-color: #e8e8e8 !important;
} 

.pe-grid-message-fixo .x-grid-row .x-grid-cell-selected {
	color: initial;
	background-color: transparent!important;
}

 .pe-grid-message-fixo .x-grid-view {
	overflow-y: auto !important;
	overflow-x: hidden !important;
	height: 100% !important;
	width: 100% !important;
	margin: 0 auto;
	border: 1px solid rgba(0, 0, 0, 0.1);
} 

.pe-grid-message-fixo .x-btn.btn-grid.btn-grid-menu.x-unselectable.x-btn-default-large.x-noicon.x-btn-noicon.x-btn-default-large-noicon.x-border-box.link1-contractList {
    font-size: 16px;
} 

.pe-grid-message-fixo .x-grid-header-ct.x-docked.x-grid-header-ct-default.x-docked-top.x-grid-header-ct-docked-top.x-grid-header-ct-default-docked-top.x-box-layout-ct{
	height: 21px;
}

.pe-grid-message-fixo .x-box-inner{
	height: 20px !important;
}

.pe-grid-message-fixo .x-grid-cell-inner{
	padding: 1px 10px 1px 10px;
}

.pe-grid-message-fixo .x-column-header{
	font: 11px/6px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

/*.pe-grid-message-fixo .x-grid-cell{
	font: 11px/8px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}*/

.pe-grid-message-fixo .Object-p1.datahora{
	width: auto;
   font-size: 12px;
	font-style: italic;
}

.pe-grid-message-fixo .Object-p1.mensagem-azul{
	width: auto;
   font-size: 13px;
	font-weight: bold;
	color: #00728e;
}

.pe-grid-message-fixo .Object-p1.mensagem-vermelha{
	width: auto;
   font-size: 13px;
	font-weight: bold;
	color: #a70017;
}

.pe-grid-message-fixo .Object-p1.mensagem-verde{
	width: auto;
   font-size: 13px;
	font-weight: bold;
	color: #008c25;
}

.pe-grid-message-fixo .Object-p1.mensagem-laranja{
	width: auto;
   font-size: 13px;
	font-weight: bold;
	color: #F4A460;
}

.pe-grid-message-fixo .Object-p1.texto-mensagem{
	font-size: 14px;
	font-weight: bold;
	display: contents;
}

.pe-grid-message-fixo .x-grid-row.x-grid-data-row{
	margin-top: 10px !important;
   margin-bottom: 10px !important;
	border-bottom: 1px solid #0000002e;
}

/****** chat movel ***********************************************************************************************************/

.chat-movel {
   display: flex;
   flex-flow: column wrap;
   justify-content: space-between;
   font-family: Helvetica, sans-serif;
   width: 50%;
   height: 50%; /*calc(100% - 50px);*/
   border: 1px solid #ddd;;
   border-radius: 5px;
   background: #fff;
   box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.2);
   position: fixed;
   right: 0px;
   bottom: 1px;
   background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
   z-index: 999;
}

.chat-movel.menor{
    height: 79px;
    width: 50%;
}

.chat-movel-header {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #ddd;;
    background: #04886d;
    color: white;
}

.chat-movel-header:hover {
    background: #067962;
}

.chat-movel-inputarea {
   display: flex;
   padding: 4px;
   border-top: 2px solid #ddd;;
   background: #eee;
   margin-block-end: 0em;
}

.chat-movel-inputarea * {
   padding: 5px;
   border: none;
   border-radius: 3px;
   font-size: 1em;
}

.chat-movel.menor .chat-movel-chat {
    display: none;
    height: 0px;
}

.chat-movel-chat {
   flex: 1;
   overflow-y: auto;
   padding: 10px;
}

.chat-movel-chat::-webkit-scrollbar {
   width: 6px;
}

.chat-movel-chat::-webkit-scrollbar-track {
   background: #ddd;
}

.chat-movel-chat::-webkit-scrollbar-thumb {
   background: #bdbdbd;
}

.chat-movel-msg {
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px;
    flex-direction: row;
}
.chat-movel-msg:last-of-type {
   margin: 0;
}

.chat-movel-msg-bubble {
   max-width: 70%;
   min-width: 50%;
   padding: 15px;
   border-radius: 15px;
   background: #a3da9d;
}
.chat-movel-msg-info {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 10px;
}
.chat-movel-msg-info-name {
   margin-right: 10px;
   font-weight: bold;
}
.chat-movel-msg-info-time {
   font-size: 0.85em;
}

.left-msg .chat-movel-msg-bubble {
   border-bottom-left-radius: 0;
   color: rgb(54, 50, 50);
}

.leftwarning-msg .chat-movel-msg-bubble{
   background:  #ffd1a9;
   border-bottom-left-radius: 0;
   color: rgb(54, 50, 50);
}

.rightwarning-msg .chat-movel-msg-bubble {
   background:  #ffd1a9;
   color: rgb(54, 50, 50);
   border-bottom-right-radius: 0;
}

.right-msg .chat-movel-msg-bubble {
   background:  #a3d5f7;
   color: rgb(54, 50, 50);
   border-bottom-right-radius: 0;
}

.chat-movel-msg.right-msg,
.chat-movel-msg.rightwarning-msg{
    flex-direction: row-reverse;
}

.chat-movel-input {
   flex: 1;
   background: #ddd;
}
.chat-movel-send-btn {
   margin-left: 10px;
   background: #26abff;
   color: #fff;
   font-weight: bold;
   cursor: pointer;
   transition: background 0.23s;
}
.chat-movel-send-btn:hover {
   background: #2198e2;
}

.chat-movel-chat {
   background-color: #fcfcfe;
   background-image: url("images/chat/cool-background.png");
}

.notification-badge {
   float: left;
   background-color: orange;
   margin-left: 10px;
   margin-top: -2px;
   border-radius: 50%;
   width: 20px;
   height: 20px;
   text-align: center;
   display: none; 
}

.notification-badge-text {
   font-size: 10px;
   font-weight: 600;
   position: relative;
   top: 4px;
}

.disabledbutton {
   pointer-events: none;
   opacity: 0.4;
   display: none;
}

.draggable {
   transition: transform 0.3s linear z-index 0.3 linear;
}

.dragging {
   z-index: 999;
   cursor: move;
}

/*--------------------------------------------*/
.fab-chat-fixo{
  position: fixed;
  bottom:0px;
  right:20px;
  z-index:999;
}

.fab-chat-fixo button{
  cursor: pointer;
  width: 48px;
  height: 48px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-color: #04886D;
  border: none;
  box-shadow: 0 1px 5px rgba(0,0,0,.4);
  font-size: 14px;
  color: white;   
  -webkit-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  transition: .2s ease-out;
}              

.fab-chat-fixo button:focus{
  outline: none;
}

.fab-chat-fixo button.fab-main{
  position: absolute;
  width: 60px;
  height: 30px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-color: #036F5A;
  right: 20;
  bottom: 0;
  z-index: 20;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.fab-main .fab-badge {
  position: absolute;
  top: -10px;
  left: -10px;
  padding: 2px 8px;
  border-radius: 50%;
  background-color: orange;
  color: white;
}

.fab-chat-fixo button.fab-main:before{
  content: '';
}

.fab-chat-fixo button:hover{
  background-color: #04886d;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;

}

.fab-chat-fixo.show button.fab-main,
.fab-chat-fixo.show button.fab-main{
  outline: none;
  background-color: #04886D;
  box-shadow: 0 3px 8px rgba(0,0,0,.5);
 }
 
.fab-chat-fixo.show button.fab-main:before,
.fab-chat-fixo.show button.fab-main:before{
  content: '';
}

.fab-badge{
   display: none;   
}


/*  ------------------------------- */

.btn-small-chat {
   cursor: pointer;
   opacity: 0.8;
}
  
.btn-small-chat:hover {
   opacity: 1;
}