.conteudo_MMHospedagem_Addon { 
    background-color: #FFF;
    margin-top: -45px;
    padding: 10px;
    overflow: hidden;
    position: relative;
    z-index: 10; 
}

.carregandoButton {
  color: #FFF !important;  
  opacity: 0.7 !important;
  pointer-events: none !important;
}

.carregandoButton::before {
  color: #FFF !important;
  opacity: 0.7 !important;
  pointer-events: none !important;
}

.carregandoButton::after {
  color: #FFF !important;
  opacity: 0.7 !important;
  pointer-events: none !important;
}

li[disabled] {
  pointer-events: none;
  opacity: 0.7;
}

.MMHospedagem_Clear { width: 100%; clear: both; }

#div_carregando_renovacao { display: none; }
#div_carregando_renovacao .mm_carregando { width: 50px; height: 50px; background-image: url("../MMHospedagem_Imagens/loading.svg"); background-size: 100%; margin: auto; }
#div_conteudo_renovacao { }

.sidebar { }
.sidebar .conteudo_topo { background-color: #F2F5FF; padding: 10px; }
.sidebar .conteudo_topo .logo { background-image: url("../MMHospedagem_Imagens/logo.png"); background-repeat: no-repeat; background-size: 100% auto; width: 156px; height: 33px;margin: auto; }

.sidebar .conteudo_rodape { background-color: #6b788b; padding: 10px; } 
.sidebar .conteudo_rodape li { list-style: none; color: #FFF; padding: 2px 4px; font-size: 12px; }
.sidebar .conteudo_rodape li > strong { text-align: right; float: right; }

.sidebar .conteudo_powerby { background-color: #F2F5FF; padding: 10px; }
.sidebar .conteudo_powerby a { text-decoration: none; overflow: hidden; width: 100%; padding: 5px 5px 23px 5px; text-align: center; }

.MMHospedagem_Conteudo { margin-top: 10px; padding: 0; }

#MMHospedagem_QRCode { border: 1px solid #eee; padding: 10px; border-radius: 5px; overflow: hidden; }
#MMHospedagem_RelatorioMensagens { border: 1px solid #eee; padding: 10px; border-radius: 5px; overflow: hidden; }
#MMHospedagem_RelatorioLogs { border: 1px solid #eee; padding: 10px; border-radius: 5px; overflow: hidden; }
#MMHospedagem_TemplatesMensagens { border: 1px solid #eee; padding: 10px; border-radius: 5px; overflow: hidden; }


.badge_bt { float: right; }
.badge-primary { background-color: #fff3cd; color: #333; }
.badge-success { background-color: #438853; }
.badge-danger { background-color: rgb(172, 56, 56); }

.qrcode_left { width: 70%; float: left; padding: 20px 30px; overflow: hidden; }
.qrcode_left h1 { font-size: 2rem; font-weight: 800; }
.qrcode_left li { list-style: decimal; padding: 10px 0px; font-size: 1.9rem; }
.qrcode_left .infor { margin: 40px 0px 0px 0px; }
.qrcode_left .infor p { font-size: 1.5rem; padding: 10px; background-color: #f4f4f4; border-radius: 5px; }
.qrcode_right { width: 30%; float: left; text-align: center; }
.qrcode_right img { width: 389px; padding: 20px; background-color: #FFF; border-radius: 5px; }


.pag_connteudo {  }
.pag_connteudo textarea { width: 100%; }

/* Pagina de validação */

.MMHospedagem_Conteudo_Validacao { border-radius: 5px; overflow: hidden; }
.MMHospedagem_Conteudo_Validacao img { margin: 50px; }
.MMHospedagem_Conteudo_Validacao .texto { padding: 50px; }
.MMHospedagem_Conteudo_Validacao .texto h1 { font-size: 38px; font-weight: 700; padding-top: 20px; }
.MMHospedagem_Conteudo_Validacao .texto p { font-size: 22px; font-weight: 100; }

.MMHospedagem_Conteudo_Validacao form { padding: 20px 0px; }
.MMHospedagem_Conteudo_Validacao form label { font-size: 22px; font-weight: 100; float: none; width: 100%; margin-bottom: 10px; }
.MMHospedagem_Conteudo_Validacao form label i { margin-right: 8px; }
.MMHospedagem_Conteudo_Validacao form input[type="text"] { font-size: 19px; width: 100%; border: 1px solid #c1c1c1; float: none; border-radius: 5px; font-weight: 400 !important; }
.MMHospedagem_Conteudo_Validacao form button[type="submit"] { font-weight: 100; width: 100%; border: none; padding: 10px; float: none; border-radius: 5px; background-color: #173d7a; color: #FFF; font-size: 22px; margin-top: 30px; }
.MMHospedagem_Conteudo_Validacao form button[type="submit"]:hover { background-color: #369; }

.MMHospedagem_Conteudo_Validacao .voltar {
  background-color: #009966 !important;
  color: #FFF !important;
  padding: 22px !important;
  margin-top: 20px !important;
  float: left !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 17px !important;
  border-radius: 5px !important;
  margin-bottom: 100px !important;
  text-decoration: none !important;
}
.MMHospedagem_Conteudo_Validacao .voltar:hover { 
  background-color: #369 !important; 
}

.input_codigo_validacao { text-align: center; font-size: 19px; width: 100%; border: 1px solid #c1c1c1; float: none; border-radius: 5px; font-weight: 400 !important; padding: 10px; }

#div_carregando { display: none; }
#div_retorno {}



.chat { 
  width: 100%; 
  display: flex; 
  flex-direction: row;
  align-items: stretch;
  height: 82vh;
}

.chat .left { 
  width: 40%; 
  max-width: 400px;
  float: left; 
  padding-right: 10px; 
  display: flex;
  flex-direction: column;
  flex: 1;
}
.chat .left .buscar {
  margin-bottom: 10px;
  display: flex;
  order: 1;
} 
.chat .left .buscar input[type="text"] {
  padding: 10px;
  border: 1px solid #eee;
  border-radius: 5px 0px 0px 5px;
  float: left;
  width: 60%;
}

.chat .left .buscar select {
  padding: 10px;
  border: 1px solid #eee;
  border-radius: 5px 0px 0px 5px;
  float: left;
  width: 20%;
}

.chat .left .buscar button { width: 20%; padding: 10px; border-radius: 0px 5px 5px 0px; }

.chat .left li { float: none; width: 100%; list-style: none; margin-bottom: 5px; text-decoration: none; }
.chat .left li a { text-decoration: none; display: flex; padding: 20px; border: 1px solid #eee; width: 100%; float: left; color: #333; position: relative; z-index: 9999; flex-direction: row; border-radius: 5px; }
.chat .left li a:hover { background-color: #f7f7f7; color: #333; }
.chat .left li button { opacity: 1 !important; position: relative; z-index: 99999; margin-top: -120px;  }


#MMHospedagem_Atendimento_Resolvido {
  display: none;
  flex-direction: column;
}

.tab-content>.active {
  display: block !important;
}

#lista_chats_finalizado {
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  order: 2;
  max-height: 55vh;
  padding-right: 15px;

}
#lista_chats_finalizado::-webkit-scrollbar {
  width: 10px;
  margin-left: 13px;
}
#lista_chats_finalizado::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 5px;
}

#lista_chats_finalizado::-webkit-scrollbar-thumb {
  background: #337AB7;
  border-radius: 5px;
}

#lista_chats_finalizado::-webkit-scrollbar-thumb:hover {
  background: #555;
}

#lista_chats {
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  order: 2;
  max-height: 27vh;
  min-height: 27vh;
  padding-right: 15px;
}

#lista_chats::-webkit-scrollbar {
  width: 10px;
  margin-left: 13px;
}
#lista_chats::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 5px;
}

#lista_chats::-webkit-scrollbar-thumb {
  background: #337AB7;
  border-radius: 5px;
}

#lista_chats::-webkit-scrollbar-thumb:hover {
  background: #555;
}


#lista_chats_emAtendimento {
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  order: 2;
  max-height: 27vh;
  min-height: 27vh;
  padding-right: 15px;
  margin-bottom: 20px;
}
#lista_chats_emAtendimento::-webkit-scrollbar {
  width: 10px;
  margin-left: 13px;
}
#lista_chats_emAtendimento::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 5px;
}

#lista_chats_emAtendimento::-webkit-scrollbar-thumb {
  background: #337AB7;
  border-radius: 5px;
}

#lista_chats_emAtendimento::-webkit-scrollbar-thumb:hover {
  background: #555;
}



.chat .left li a .foto { max-width: 68px; width: 100%; height: 68px; border-radius: 50%; background-color: #eee; float: left; background-repeat: no-repeat !important; background-size: auto 100% !important; background-position: center;  }
.chat .left li a .informacao { float: left; text-decoration: none; padding: 4px 20px; width: 100%; }
.chat .left li a .informacao p { padding: 0; margin: 0; font-size: 1.4rem; }
.chat .left li a .informacao p .new_msg {
  float: left;
  padding: 5px;
  background-color: #009966;
  position: absolute;
  color: #FFF;
  border-radius: 7px;
  font-size: 12px;
  /* margin-top: -40px; */
  /* margin-left: 2%; */
  overflow: hidden;
  right: 5px;
  top: 5px;
}

.chat .right_dois {
  margin-left: 8px;
  width: 100%;
  max-width: 350px;
  padding-left: 18px;
  border-left: 1px solid #eee;
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: stretch;
}

.chat .right {
  margin: 0px 8px;
  width: 100%;
  padding-left: 18px;
  border-left: 1px solid #eee;
  display: flex;
  flex-direction: column;
  flex: 2;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: stretch;
}
.chat .right .header_chat {
  width: 100%;
  padding: 12px;
  /* border-bottom: 1px solid rgba(0, 0, 0, 0.12); */
  background-color: #F2F5FF;
  overflow: hidden;
  border-radius: 5px;
}
.chat .right .header_chat .texto { float: left; }
.chat .right .header_chat .texto p { font-size: 14px; padding: 5px 0px 0px 10px; margin: 0; }
.chat .right .header_chat .acoes_header { float: right; }

.chat .right .conteudo_chat { 
  width: 100%; 
  overflow-y: scroll; 
  margin: 10px 0px; 
  flex: 1;
} 

.chat .right .conteudo_chat::-webkit-scrollbar {
  width: 10px;
}

.chat .right .conteudo_chat::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 5px;
}

/* Handle */
.chat .right .conteudo_chat::-webkit-scrollbar-thumb {
  background: #337AB7;
  border-radius: 5px;
}

/* Handle on hover */
.chat .right .conteudo_chat::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.chat .right .conteudo_chat .chat_recebido {  width: 100%; margin-bottom: 10px; border-bottom: 1px solid #eee; padding: 10px; }
.chat .right .conteudo_chat .chat_recebido .nome { font-size: 1.4rem; padding: 12px 0px; font-weight: 800; margin-bottom: 10px; float: left; }
.chat .right .conteudo_chat .chat_recebido .time { float: right; padding: 15px; font-size: 14px; }
.chat .right .conteudo_chat .chat_recebido .time span { padding: 5px; border-radius: 5px; background: #F2F5FF; }
.chat .right .conteudo_chat .chat_recebido .nome .foto { width: 30px; height: 30px; float: left; background-color: #333; border-radius: 5px; margin-right: 16px; margin-top: -4px; }
.chat .right .conteudo_chat .chat_recebido .conteudo { 
  padding: 20px; 
  background-color: #fcfcfc; 
  border-radius: 5px; 
  display: flex;
  flex-direction: row;
  align-items: center;
  word-break: break-all;
}
.reacoes { 
  display: none; 
}

.chat .right .conteudo_chat .chat_recebido:hover .reacoes {
  display: block;
  background-color: #222E35;
  padding: 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  float: left;
  margin: 0px 20px;
  border-radius: 25px;
  overflow: hidden;
  margin-top: 5px;
}

.reacoes button { border: none; float: left; margin: 0px 4px; background-color: #222E35; text-align: center; padding: 3px; font-size: 12px; border-radius: 50%; width: 25px; height: 25px; }
.reacoes button:hover { background-color: #33434d; }

.chat .right .conteudo_chat .chat_recebido .conteudo p { margin: 0; white-space: pre-line; }

.chat .right .acoes_chat { display: flex; width: 100%; background-color: #F2F5FF; padding: 10px; overflow: hidden; border-radius: 5px; }
.chat .right .acoes_chat input[type="text"] {
  border: none;
  font-size: 1.4rem;
  color: #333;
  background: #FFF;
  float: left;
  resize: none;
  padding: 25px;
  overflow: hidden;
  max-height: 50px;
}

.chat .right .acoes_chat input[type="text"]:disabled {
  background: #FCFCFC;
}


.chat .right .acoes_chat button { float: left; padding: 10px; border: none; background: #009966; color: #FFF; pointer-events: all !important; height: 50px; }
.chat .right .acoes_chat button:hover { background-color: #005136; }


#modalMsgRapidas_btn { background: #337AB7; }
#modalMsgRapidas_btn:hover { background: #369; }


.chat .right .acoes_chat button:disabled {
  background: #dddddd;
}


.disabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
  pointer-events: none;
}

.nochat { background-color: #337AB7 !important; color: #FFF !important; border: none !important; overflow: hidden; border-radius: 5px; }



/* The Modal (background) */
.modal_mm {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999999999999999999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content_mm {
  background-color: #fefefe;
  margin: 5% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 40%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close_newAtendimento {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin: 6px -26%;
}

.close_newAtendimento:hover,
.close_newAtendimento:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}



.close_msgrapida {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin: 6px -26%;
}
.close_msgrapida:hover,
.close_msgrapida:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}


.close_new_atendimento {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin: 6px -26%;
}
.close_new_atendimento:hover,
.close_new_atendimento:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.close_vincularCliente {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin: 6px -26%;
}

.close_vincularCliente:hover,
.close_vincularCliente:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}







.close_OpenTicketSuporte {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin: 6px -26%;
}
.close_OpenTicketSuporte:hover,
.close_OpenTicketSuporte:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}





#newTicketBtn {
  float: right;
  border: 1px solid #2e6da4;
  background-color: transparent;
  padding: 9px 20px;
  border-radius: 5px;
  margin-right: -5px;
}
#newTicketBtn:hover {
  background-color: #2e6da4;
  color: #FFF;
}


.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 99999;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close_popup {
  position: absolute;
  top: 20px;
  right: 20px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #FFF;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}


.tipo_pagina_atendimento { 
  width: 100%;
  margin-top: 10px;
  display: flex;
}
.tipo_pagina_atendimento li {
  float: left !important;
  width: 50% !important;
  text-align: center !important;
  display: block !important;
}
.tipo_pagina_atendimento li a {
  text-align: center !important;
  text-decoration: none;
  display: block !important;
  color: #333;
}
.tipo_pagina_atendimento li a i {
  font-size: 14px;
  margin-right: 5px;
}

.tipo_pagina_atendimento > .active > a { 
  
  background-color: #337AB7 !important; 
  color: #FFF !important; 
  border: none !important; 
  overflow: hidden; 
  border-radius: 5px;

}

/* Button Website */

.mmhospedagem-button{ font:400 normal 15px/1.3 -apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;position:fixed;bottom:15px;left:15px;font-size:14px;transition:bottom .2s}
.mmhospedagem-button .mmhospedagem-button-button{position:relative;border-radius:50%;box-shadow:1px 1px 4px rgba(60,60,60,.4);transition:box-shadow .2s;cursor:pointer;overflow:hidden}
.mmhospedagem-button .mmhospedagem-button-button img,.mmhospedagem-button .mmhospedagem-button-button svg{position:absolute;width:100%;height:auto;object-fit:cover;top:50%;left:50%;transform:translate3d(-50%,-50%,0);border-radius:50%}
.mmhospedagem-button:hover{bottom:17px}
.mmhospedagem-button:hover .mmhospedagem-button-button{box-shadow:1px 2px 8px rgba(60,60,60,.4)}
.mmhospedagem-button .mmhospedagem-button-popup{border-radius:6px;background-color:#e5ddd5;position:absolute;overflow:hidden;padding:0;box-shadow:1px 2px 8px rgba(60,60,60,.25);width:0;height:0;bottom:0;opacity:0;transition:bottom .1s ease-out,opacity .2s ease-out;transform-origin:bottom}
.mmhospedagem-button .mmhospedagem-button-popup .drfHxL{position:absolute;top:8px;right:8px;width:20px;height:20px;opacity:.4;cursor:pointer;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;transition:all .3s ease 0s;outline:transparent}
.mmhospedagem-button .mmhospedagem-button-popup .kdxbgZ{color:#111;display:flex;-webkit-box-align:center;align-items:center;padding:24px 20px}
.mmhospedagem-button .mmhospedagem-button-popup .drfHxL::before{transform:rotate(45deg)}
.mmhospedagem-button .mmhospedagem-button-popup .drfHxL::after{transform:rotate(-45deg)}
.mmhospedagem-button .mmhospedagem-button-popup .drfHxL::after,.mmhospedagem-button .mmhospedagem-button-popup .drfHxL::before{content:"";position:absolute;width:12px;height:2px;background-color:#fff;display:block;border-radius:2px}
.mmhospedagem-button .mmhospedagem-button-popup .eZEgcx{width:52px;height:52px;display:block;position:relative;flex-shrink:0}
.mmhospedagem-button .mmhospedagem-button-popup .lngbRu{min-width:100%;height:100%;flex-shrink:0;background-size:cover;background-position:center center;background-repeat:no-repeat}
.mmhospedagem-button .mmhospedagem-button-popup .izlSME{height:100%;width:100%;position:relative;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;overflow:hidden;border-radius:50%}
.mmhospedagem-button .mmhospedagem-button-popup .izlSME::after{top:0;left:0;right:0;bottom:0;position:absolute;content:"";border-radius:50%;border-width:1px;border-style:solid;border-color:rgba(0,0,0,.1);border-image:initial;overflow:hidden}
.mmhospedagem-button .mmhospedagem-button-popup .ewIAEB::before{display:block;position:absolute;content:"";left:0;top:0;height:100%;width:100%;z-index:0;opacity:.08;background-image:url(./assets/whatsapp.png)}
.mmhospedagem-button .mmhospedagem-button-popup .cWUfUj{display:flex;z-index:1}
.mmhospedagem-button .mmhospedagem-button-popup .acKCA{font-size:13px;font-weight:700;line-height:18px;color:rgba(0,0,0,.4)}
.mmhospedagem-button .mmhospedagem-button-popup .dPhWdq{text-align:right;margin-top:4px;font-size:12px;line-height:16px;color:rgba(17,17,17,.5);margin-right:-8px;margin-bottom:-4px}
.mmhospedagem-button .mmhospedagem-button-popup .hOnFlx{font-size:14px;line-height:19px;margin-top:4px;color:#111}
.mmhospedagem-button .mmhospedagem-button-popup .ewIAEB{background-color:#e6ddd4;position:relative;max-height:382px;padding:20px 20px 20px 10px;overflow:auto}
.mmhospedagem-button .mmhospedagem-button-popup .iNguXd{background-color:#fff;width:52.5px;height:32px;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;margin-left:10px;opacity:0;z-index:1;box-shadow:rgba(0,0,0,.13) 0 1px .5px;border-radius:16px;transition:all .1s ease 0s}
.mmhospedagem-button .mmhospedagem-button-popup .dSUAOZ{background-color:#fff;position:relative;opacity:0;transform-origin:center top;z-index:2;box-shadow:rgba(0,0,0,.13) 0 1px .5px;margin-top:4px;margin-left:-54px;max-width:calc(100% - 39px);padding:7px 14px 6px;border-radius:0 8px 8px;transition:all .3s ease 0s}
.mmhospedagem-button .mmhospedagem-button-popup .eZEgcx::before{content:"";bottom:0;right:0;width:12px;height:12px;box-sizing:border-box;background-color:#4ad504;display:block;position:absolute;z-index:1;border-radius:50%;border-width:2px;border-style:solid;border-color:#095e54;border-image:initial}
.mmhospedagem-button .mmhospedagem-button-popup .hhASjW{margin-left:16px;margin-right:16px}
.mmhospedagem-button .mmhospedagem-button-popup .ioFWLq{font-size:13px;line-height:18px;margin-top:4px;color:#fff}
.mmhospedagem-button .mmhospedagem-button-popup .hDGnqR{font-size:16px;font-weight:700;line-height:20px;color:#fff}
.mmhospedagem-button .mmhospedagem-button-popup .hqsrSh{margin-left:8px;margin-right:8px;z-index:1;color:#fff}
.mmhospedagem-button .mmhospedagem-button-popup .jwwAjt{color:#fff;font-size:15px;font-weight:700;line-height:20px;cursor:pointer;position:relative;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;appearance:none;padding:8px 12px;border-radius:20px;border-width:initial;border-style:none;border-color:initial;border-image:initial;background:#4fce5d;margin:20px;overflow:hidden}
.mmhospedagem-button .mmhospedagem-button-popup .jwwAjt::before{content:"";position:absolute;display:block;opacity:0;transform:scale(1);background-color:#000;z-index:0;width:10px;height:10px;bottom:-5px;transition:all .2s ease 0s;border-radius:20px}
.mmhospedagem-button .mmhospedagem-button-popup .jkaHSM{width:16px;height:16px;fill:#fff;z-index:1;flex:0 0 16px}
.mmhospedagem-button .mmhospedagem-button-popup svg{width:20;height:20;fill-rule:evenodd;clip-rule:evenodd}
.mmhospedagem-button .mmhospedagem-button-popup svg:not(:root){overflow:hidden}
.mmhospedagem-button .mmhospedagem-button-popup.active{box-shadow:rgba(0,0,0,.1) 0 12px 24px 0;display:flex;flex-direction:column;width:360px;background-color:#fff;transform:translate3d(0,0,0);opacity:1;pointer-events:all;visibility:visible;touch-action:auto;margin-bottom:96px;position:fixed;bottom:20px;height:auto;left:0;left:auto;margin-right:20px;border-radius:10px;overflow:hidden;transition:opacity .3s ease 0s,margin .3s ease 0s,visibility .3s ease 0s}
.mmhospedagem-button .mmhospedagem-button-popup .mmhospedagem-button-message{background-color:#fff;padding:8px;border-radius:0 5px 5px 5px;box-shadow:1px 1px 1px rgba(0,0,0,.15);opacity:0;transition:opacity .2s}
.mmhospedagem-button .mmhospedagem-button-popup.active .mmhospedagem-button-message{opacity:1;transition-delay:.2s}
.mmhospedagem-button .mmhospedagem-button-popup .mmhospedagem-button-head{text-align:right;color:#fff;margin:0 -15px 10px -15px;padding:6px 12px;display:flex;justify-content:space-between;cursor:pointer}
.mmhospedagem-button .mmhospedagem-button-input-message{background-color:#fff;margin:10px -15px -15px -15px;padding:0 15px;display:flex;align-items:center}
.mmhospedagem-button .mmhospedagem-button-input-message textarea{border:1px solid #ccc;border-radius:4px;box-shadow:none;padding:8px;margin:10px 20px 30px;width:100%;outline:0;max-width:100%;font-family:inherit;font-size:inherit;resize:none}
.mmhospedagem-button .mmhospedagem-button-btn-send{position:relative;top:-10px;left:-10px;font-size:0;cursor:pointer}


.new_Ticket_Usuario {
  display: flex;
  width: 100%;
  padding: 20px;
  border: 1px solid #eee;
  margin-bottom: 10px;
  border-radius: 5px;
}
.new_Ticket_Usuario:hover {
  background-color: #eee;
}
.new_Ticket_Usuario .foto {
  width: 50px;
  height: 50px;
  background-color: #333;
  border-radius: 5px;
}
.new_Ticket_Usuario .texto {
  padding: 2px 17px;
  width: 40%;
}

.new_Ticket_Usuario .texto li {
  padding: 2px 10px;
  line-height: 14px;
}

.new_Ticket_Usuario .botoes {
  padding: 10px;
}
.new_Ticket_Usuario .departamentos {
  padding: 7px;
}
.new_Ticket_Usuario .departamentos select {
  max-width: 110px;
  padding: 10px;
  border: 1px solid #eee;
  border-radius: 5px;
}


.chat_bottom_admin {
  display: flex;
  position: fixed;
  bottom: -20px;
  /* padding: 10px; */
  width: 100%;
  z-index: 9999999;
  background-color: #FFF;
  flex-direction: row;
}

.chat_bottom_admin li {
  list-style: none;
  overflow: hidden;
  margin: 20px 10px;
}
.chat_bottom_admin li a { 
  display: flex; 
  padding: 10px; 
  border: 1px solid #eee; 
  width: 100%; 
  float: left; 
  color: #333; 
  position: relative; 
  z-index: 9999; 
  flex-direction: row;
  border-radius: 5px;
  background-color: #FFF;
}

.chat_bottom_admin li a:hover { background-color: #f7f7f7; color: #333; }
.chat_bottom_admin li button { opacity: 1 !important; position: relative; z-index: 99999; margin-top: -96px;  }


.chat_bottom_admin li a .foto { max-width: 50px; width: 100%; height: 50px; border-radius: 5px; background-color: #eee; float: left; background-repeat: no-repeat !important; background-size: auto 100% !important; background-position: center;  }
.chat_bottom_admin li a .informacao { float: left; text-decoration: none; padding: 4px 20px; width: 100%; }
.chat_bottom_admin li a .informacao p { padding: 0; margin: 0; font-size: 1.4rem; }


#whmcsdevbanner { display: none !important; }


#gravar_audioDescricao { background-color: #337AB7; }
#gravar_audioDescricao:hover { background-color: #369; }
#gravar_audioDescricao:disabled {
  background-color: #c1c1c1 !important;
  color: #333 !important;
}


#anexarFiles_btn { background-color: #6B757D; }
#anexarFiles_btn:hover { background-color: #555c63; }
#anexarFiles_btn:disabled {
  background-color: #c1c1c1 !important;
  color: #333 !important;
}


/* The Close Button */
.close_anexar_Files {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin: 6px -26%;
}

.close_anexar_Files:hover,
.close_anexar_Files:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}


#enviar_gravacao { background-color: #CC3333; display: none; }
#enviar_gravacao:hover { background-color: #A82B2B; }

.buscar_VincularCliente {
  margin-bottom: 10px;
} 
.buscar_VincularCliente input[type="text"] {
  padding: 10px;
  border: 1px solid #eee;
  border-radius: 5px 0px 0px 5px;
  float: left;
  width: 60%;
}

.buscar_VincularCliente select {
  padding: 10px;
  border: 1px solid #eee;
  border-radius: 5px 0px 0px 5px;
  float: left;
  width: 20%;
}
.buscar_VincularCliente button { width: 20%; padding: 10px; border-radius: 0px 5px 5px 0px; }

.tempo {
  width: 100%;
  text-align: center;
  font-size: 33px;
  padding: 20px;
  margin-bottom: 10px;
}




.lista_atendimento {
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  order: 2;
  padding-right: 15px;
}

.lista_atendimento::-webkit-scrollbar {
  width: 10px;
  margin-left: 13px;
}
.lista_atendimento::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 5px;
}

.lista_atendimento::-webkit-scrollbar-thumb {
  background: #337AB7;
  border-radius: 5px;
}

.lista_atendimento::-webkit-scrollbar-thumb:hover {
  background: #555;
}



.lista_atendimento li {     
  float: none;
  width: 100%;
  list-style: none;
  margin-bottom: 5px;
  text-decoration: none;
}
.lista_atendimento li {
  text-decoration: none;
  display: flex;
  padding: 20px;
  border: 1px solid #eee;
  width: 100%;
  float: left;
  color: #333;
  position: relative;
  z-index: 9999;
  flex-direction: row;
  border-radius: 5px;
}
.lista_atendimento li .foto {
  max-width: 68px;
  width: 100%;
  height: 68px;
  border-radius: 50%;
  background-color: #eee;
  float: left;
  background-repeat: no-repeat !important;
  background-size: auto 100% !important;
  background-position: center;
}
.lista_atendimento li .informacao {
  float: left;
  text-decoration: none;
  padding: 4px 10px;
  width: 100%;
}
.lista_atendimento li .informacao p {
  padding: 0;
  margin: 0;
  font-size: 1.4rem;
}





.div-atendimentoDois {
	display: none;
  position: fixed;
  overflow: hidden;
  z-index: 1000000;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
}
.div-atendimentoDois .div-cinza {
	background-color: #000;
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
  opacity: 0.9;
  float: left;
}
.div-atendimentoDois .conteudo {
  background: #FFF;
  height: 100%;
  margin: 0 0 0 54px;
  min-width: 306px;
  position: absolute;
  width: 50%;
  right: 0;
  z-index: 100000;
}
.div-atendimentoDois .conteudo .fechar {
	background-color: #2B8CCC;
  /* position: absolute; */
  right: 600px;
  border-radius: 15px 0px 0px 15px;
  top: 36px;
  color: #FFF;
  text-decoration: none;
  padding: 17px 13px 17px 20px;
  font-size: 18px;
  float: left;
  margin-left: -45px;
  margin-top: 13px;
  border: none;
}
.div-atendimentoDois .conteudo .fechar:hover {
  background-color: #333;
}