html, body
{
	height:100%;
	width:100%;
}

body
{
	display: flex;
	flex-direction: column;
}

audio
{
	outline: none;
	width: 100%;
}

video
{
	outline: none;
}

input::placeholder 
{
	color: #d3d3d3 !important;
}

/* Login */
.divLogin
{
	display: flex;
	align-items: center;
	justify-content: center;
	background: url("/Ares/suporte/delta/suporte/imagens/suporte3.jpg");
	background-color: rgb(40, 40, 40);
	background-size: cover; /* contain */
	background-repeat: no-repeat;
	background-position: center center;	
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 10;
}

.divLogin .loginBox
{
	background-color: white;
	border-radius: 20px;
    padding: 30px;
	box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 3px;
	max-width: 95%;
}

.divLogin .loginBox .form-group > label
{
	margin-bottom: 5px;
	color: gray;
	margin-left: 5px;
}

.divLogin #imgLogo
{
	width: 100%;
	margin-bottom: 35px;
}

.divLogin .btn
{
	width: 100%;
}

.divLogin #lbMensagem
{
	margin-bottom: 5px;
	margin-top: 5px;
	color: red;
}

/* Suporte */

.suporteHeader
{
	position: relative;
	display: none;
	height: 40px;
	min-height: 40px;
	background-color: rgb(23, 77, 88);
	border-bottom: 2px solid rgb(227, 227, 227);
	align-items: center;
	justify-content: space-between;
	color: white;
	padding-left: 5px;
}

.suporteHeader.exibir
{
	display:flex;
}

.suporteHeader .suporteHeaderLeft
{
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	justify-content: flex-end;
}

.suporteHeader .suporteHeaderLeft hr
{
	margin: 5px 10px 5px 10px;
}

.suporteHeader .suporteHeaderLeft .dropdown
{
	flex: 1 1 auto;
    display: flex;
    max-width: 150px;
    height:35px;
}

.suporteHeader .suporteHeaderLeft .dropdown .userMenu > label
{
	pointer-events:none;
}

.suporteHeader .novoChamado,
.suporteHeader .chamadosRelacionados,
.suporteHeader .deltaDocs,
.suporteHeader .onlineUsers,
.suporteHeader .pesquisaChamados,
.suporteHeader .minhaPrioridadeChamados,
.suporteHeader .infoCID,
.suporteHeader .gpt,
.suporteHeader .sum
{
	margin-right: 15px;
	font-size: 20px;
	cursor: pointer;
}

.suporteHeader .userMenu
{
	display: flex;
	align-items: center;
	margin-right: 10px;
	height: 100%;
	cursor: pointer;
	width: 100%;
    flex: 1 1 auto;
    position: relative;
}

.divBotoesFiltros
{
	display: flex;
    width: 125px;
    align-items: center;
    justify-content: space-evenly;
}

#btChamadoProprio
{
	color: rgb(224, 224, 224, 0.2);
    font-size: 18px;
    cursor: pointer;
}

#btChamadoProprio.exibir
{
	color: #f86767;
}

.suporteHeader .iconeConexao
{
	display:none;
	font-size: 23px;
	color: red;
	margin-right: 15px;
}

.suporteHeader .iconeConexao.exibir
{
	display:block;
}

.suporteHeader .userMenu.dropdown-toggle:after
{
	display:none;
}

.suporteHeader .dropdown-menu
{
	padding: 0;
	width: 270px;
}

.suporteHeader .dropdown-menu label
{
	width: 100%;
	padding: 7px 7px 7px 7px;
	font-size: 16px;
	font-family: "Open Sans";
	cursor:pointer;
}

.suporteHeader .dropdown-menu label:hover
{
	background-color: rgb(234, 234, 234);
}

.suporteHeader .dropdown-menu label i
{
	margin-right:5px;
	width: 21px;
}

.suporteHeader .menuToggle i
{
	color: rgba(0, 0, 0, 0.1);
}

.suporteHeader .menuToggle i.on
{
	color:green;
}

.suporteHeader .userMenuIcone
{
	font-size: 22px;
	pointer-events: none;
}

.suporteHeader .userMenuNome
{
	font-size: 15px;
	margin-left: 5px;
	margin-right: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: absolute;
    left: 0;
    right: 0;
    text-align: right;
}

.suporteHeader .userMenuIconeOpen
{
	font-size: 17px;
	pointer-events: none;
	position: absolute;
    right: 0;
}

.suporteBody
{
	display: none;
	height: calc(100% - 40px);
}

.suporteBody.exibir
{
	display:flex;
}

.suporteCards
{
	position: relative;
	width: 300px;
	min-width: 300px;
	height: 100%;
	background-color: #ffffff;
	border-right: 1px solid rgb(175, 175, 175);
	display: flex;
	flex-direction: column;
}

.suporteContent
{
	width: 100%;
	height: 100%;
	background-color: #ededed;
	position: relative;
}

.suporteContent .iconBackground
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 300px;
	color: rgba(220, 220, 220, 0.5);
}

.divBotoesHeadCham
{
	min-width: 130px;
    display: flex;
    justify-content: flex-end;
}

.suporteChat
{
	display: none;
	height: 100%;
	width: 100%;
	flex-direction: column;
	position: relative;
}

.suporteChat.exibir
{
	display: flex;
}

.suporteChatHeader
{
	width: 100%;
	border-bottom: 2px solid #999999;
	padding: 5px;
	background-color: rgb(23, 77, 88);
	color: white;
	position: relative;
}

.suporteChatHeader .suporteChatHeaderFiltraAtividades
{
	color: #e0e0e0;
    pointer-events: none;
}

.suporteChatHeader .suporteChatHeaderFiltraAtividadesBase
{
	position: absolute;
    bottom: -19px;
    left: 0px;
    cursor: pointer;
    z-index: 1;
    background-color: #174d58;
    font-size: 11px;
    padding: 4px 2px 3px 2px;
    border-top-right-radius: 4px;
    opacity: 0.5;
}

.suporteChatHeader .suporteChatHeaderFiltraAtividadesBase:hover
{
	opacity: 1;
}

.suporteChatHeader .suporteChatHeaderFiltraMensagens
{
	color: #e0e0e0;
    pointer-events: none;
}

.suporteChatHeader .suporteChatHeaderFiltraMensagensBase
{
	position: absolute;
    bottom: -35px;
    left: 0px;
    cursor: pointer;
    z-index: 1;
    background-color: #174d58;
    padding: 2px 2px 3px 2px;
    border-bottom-right-radius: 4px;
    font-size: 11px;
    opacity: 0.5;
}

.suporteChatHeader .suporteChatHeaderFiltraMensagensBase:hover
{
	opacity: 1;
}

.suporteChatHeader .suporteChatHeaderRolaBaixoBase
{
	display: none;
    position: absolute;
    bottom: -50px;
    right: 30px;
    cursor: pointer;
    z-index: 1;
    background-color: #000000;
    padding: 5px 7px 5px 7px;
    font-size: 23px;
    opacity: 0.1;
    border-radius: 7px;
}

.suporteChatHeader .suporteChatHeaderRolaBaixoBase.exibir
{
	display:block;
}

.suporteChatHeader .suporteChatHeaderRolaBaixoBase:hover
{
	opacity: 0.2;
}

.suporteChatMensagens .mensagemBox.escondeCard
{
	display:none;
}

.suporteChatHeader .linhaInfos
{
	justify-content: space-between;
	padding: 0px 5px 0px 5px;
}

.suporteChatHeader #lbRepCID
{
	cursor: pointer;
}

.suporteChatHeader #lbRepCID:hover
{
    text-decoration: underline;
}

.suporteChatHeader .linha .componente
{
	width:100%;
	min-width: 10px;
}

.suporteChatHeader .linha .componente:not(:first-child)
{
	margin-left:5px;
}

.suporteChatHeader .linha .componente.ctTempoCobrado
{
	width: unset;
	min-width: 80px;
}

.suporteChatHeader .linha .componente.ctTempoPrevisto
{
	width: unset;
	min-width: 80px;
}

.suporteChatHeader .linha .componente.ctTempoPrevisto .icone,
.suporteChatHeader .linha .componente.ctTempoCobrado .icone
{
	border-right:unset;
	width: 22px;
    top: 9px;
}

.suporteChatHeader .linha .componente.ctTempoPrevisto input,
.suporteChatHeader .linha .componente.ctTempoCobrado input
{
	padding-left: 21px;
	text-align: center;
}

.suporteChatHeader .divRepTimer
{
	display: flex;
	align-items: center;
}

.suporteChatHeader .divRepTimer .labelRepTimer
{
	margin-right:10px;
}

.suporteChatHeader #btRepSalvar,
.suporteChatHeader #btRepTodo,
.suporteChatHeader #btRepReuniao3CX,
.suporteChatHeader #btRepTimer
{
	max-height: 22px;
	min-height: 22px;
	padding: 2px 7px 2px 7px;
	line-height: 0.6;
	background-color: white;
	color: black;
	border: none;
}

.suporteChatHeader #btRepReuniao3CX.possuiReuniao
{
	background-color: #d8d2ff;
}

.suporteChatHeader #btRepTodo.possuiItens
{
	background-color: #d8d2ff;
}
.suporteChatHeader #btRepTodo.possuiItensTodosCompletos
{
	background-color: #a6ffb0;
}

.suporteChatHeader #btRepFechar
{
	max-height: 22px;
	min-height: 22px;
	padding: 2px 7px 2px 7px;
	line-height: 0.6;
	background-color: white;
	color: black;
	border: none;
}

.suporteChatHeader #btRepSalvar
{
	margin-right:5px;
}

.suporteChatHeader #btRepFechar,
.suporteChatHeader #btRepTodo,
.suporteChatHeader #btRepReuniao3CX
{
	margin-right: 14px;
}

.suporteChatHeader .botaoHeaderChamado i
{
	margin-right: 5px;
}

.suporteChatHeader #btRepSalvar
{
	font-size:16px;
}

.suporteChatHeader #lbRepNumero
{
	font-weight: bold;
}

.suporteChatHeader #lbRepData
{
	font-size:11px;
	display:none;
}

.linhaLabels
{
	display:flex;
	align-items: center;
}

#lbRepUsuario
{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    max-height: 17px;
    word-break: break-all;
    cursor:pointer;
}

.suporteChatHeader .linhaLabels label:not(:first-child)
{
	margin-left:15px;
}

.suporteChatHeaderTabMenu
{
	flex: 0 1 auto;
}

.suporteChatHeaderTabMenuBotao
{
	background-color: #8290a7;
    padding: 5px 5px 5px 5px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border: 1px solid #c1c1c1;
    cursor:pointer;
    color: #c1c5bf;
}

.suporteChatHeaderTabMenuBotao:not(:first-child)
{
    margin-top: 3px;
}

.suporteChatHeaderTabMenuBotao.selecionado
{
	background-color: #4177cf;
    color: #ffffff;
}

.suporteChatHeaderTabContent
{
	flex: 1 1 auto;
    border-left: 3px solid #d5d5d5;
    margin-left: 0px;
    border-radius: 4px;
}

.suporteChatHeaderTabItem
{
	display:none;
}

.suporteChatHeaderTabItem.selecionado
{
	display:block;
}

.suporteChatMensagens
{
	background-color: white;
	display: flex;
	flex-direction: column-reverse;
	height: 100%;
	padding-bottom: 10px;
	overflow: auto;
}

.suporteChatMensagens .mensagemBox
{
	padding: 10px 15px 10px 15px;
	display: flex;
	position: relative;
	
	animation-duration: 1s;
	animation-delay: 0s;
	min-height: fit-content;
}

/*.suporteChatMensagens .mensagemBox .avatarDelta
{
	
}*/

.suporteChatMensagens .mensagemBox .avatarUsuario
{
	color:#6f6f6f;
}

.suporteChatMensagens .mensagemBox .avatarAtividade
{
	color: rgb(0, 159, 191);
}

.suporteChatMensagens .mensagemBox .avatarAtividadeExame
{
	color: #673ab78a;
}

.suporteChatMensagens .mensagemBox .avatarAtividadeEspecificacao
{
	color: #3a3ab7d6;
}

.suporteChatMensagens .mensagemBox .avatarMensagemInterna
{
	font-size: 21px;
	color: rgb(131, 131, 131);
}

.suporteChatMensagens .botoesOpMensagem
{
	display:flex;
	position:absolute;
	right:10px;
	top: 3px;
}

.suporteChatMensagens .botoesOpMensagem > i:not(:last-child)
{
	margin-right:5px;
}

.suporteChatMensagens .mensagemBox .btCopiarMensagem
{
	display:none;
	color: #3f1681;
	background-color: white;
	padding: 4px;
	border-radius: 3px;
	border: 1px solid #e2e2e2;
	cursor:pointer;
}

.suporteChatMensagens .mensagemBox .btResponderMensagem
{
	display:none;
	color: rgb(25, 140, 163);
	background-color: white;
	padding: 4px;
	border-radius: 3px;
	border: 1px solid #e2e2e2;
	cursor:pointer;
}

.suporteChatMensagens .mensagemBox .btRemoverMensagem
{
	display:none;
	color: #b50000;
	background-color: white;
	padding: 4px;
	border-radius: 3px;
	border: 1px solid #e2e2e2;
	cursor:pointer;
	width: 26px;
	text-align: center;
}

.suporteChatMensagens .mensagemBox:hover .btResponderMensagem
{
	display:block;
}

.suporteChatMensagens .mensagemBox:hover .btRemoverMensagem
{
	display:block;
}

.suporteChatMensagens .mensagemBox:hover .btCopiarMensagem
{
	display:block;
}

.suporteChatMensagens .mensagemBox .mensagemBoxRespondendo .btIrParaMensagem
{
	display:none;
	position: absolute;
	bottom: 3px;
	right: 10px;
	color: #008ab5;
	background-color: white;
	padding: 4px;
	border-radius: 3px;
	border: 1px solid #e2e2e2;
	cursor:pointer;
}

.suporteChatMensagens .mensagemBox .mensagemBoxRespondendo:hover .btIrParaMensagem
{
	display:block;
}

.suporteChatMensagens .mensagemBox:hover
{
	background-color: rgb(246, 246, 246);
}

.suporteChatMensagens .mensagemBoxAvatar
{
	font-size: 24px;
	color: rgb(111, 111, 111);
	flex: 0 1 auto;
	min-width: 24px;
}

.suporteChatMensagens .mensagemBoxText
{
	width: 100%;
	display: flex;
	flex-direction: column;
	white-space: pre-wrap;
	word-wrap: break-word;
	flex: 1 1 auto;
	width: 100px;
}

.suporteChatMensagens .mensagemBoxTextUser
{
	display: flex;
	align-items: center;
	margin-left: 10px;
}

.suporteChatMensagens .mensagemBoxTextUserName
{
	font-size: 16px;
	font-weight: bold;
	color: black;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

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

.suporteChatMensagens .mensagemBox .mensagemBoxHorario
{
	display:none;
	font-size: 10px;
    font-family: sans-serif;
    color: #515151;
    margin-left: -7px;
}

body.noturno .suporteChatMensagens .mensagemBox .mensagemBoxHorario
{
	color: #bfbfbf;
}

.suporteChatMensagens .mensagemBox.agruparMensagem:hover .mensagemBoxHorario
{
	display:block;
}

.suporteChatMensagens .mensagemBox.agruparMensagem .mensagemBoxTextUser
{
	display:none;
}

.suporteChatMensagens .mensagemBox.agruparMensagem
{
	padding: 0px 15px 0px 15px;
}

.suporteChatMensagens .mensagemBox.agruparMensagem .mensagemBoxTextValue
{
	margin-top:0;
	border-radius:0px;
}

.suporteChatMensagens .mensagemBox.agruparMensagem + .mensagemBox:not(.agruparMensagem)
{
	padding: 10px 15px 0px 15px;
}

.suporteChatMensagens .mensagemBox.agruparMensagem + .mensagemBox:not(.agruparMensagem) .mensagemBoxTextValue
{
	border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.suporteChatMensagens .mensagemBox.agruparMensagem .mensagemBoxAvatar
{
	display: flex;
    align-items: center;
    justify-content: flex-start;
}

.suporteChatMensagens .mensagemBox.agruparMensagem .mensagemBoxAvatar > i
{
	display: none;
}

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

.suporteChatMensagens .mensagemBoxTextUserName.delta
{
	color: #6f6f6f;
}

.suporteChatMensagens .mensagemBoxTextTime
{
	font-size: 11px;
	margin-left: 20px;
	text-align: center;
}

.suporteChatMensagens .mensagemBoxTextValue
{
	word-break: break-word;  
	white-space: pre-wrap;
	font-family: "Open Sans";
	line-height: 1.4;
	font-size: 15px;
	margin: 2px 0px 0px 10px;
	padding: 0;
}

.suporteChatMensagens .mensagemBoxTextValue table
{
	border: 2px solid #2e7d8d;
	border-collapse: collapse;
}

.suporteChatMensagens .mensagemBoxTextValue table th
{
	border: 1px solid #174d58;
	padding: 3px;
  background-color: #D0E3FA;
}

.suporteChatMensagens .mensagemBoxTextValue table td
{
	border: 1px solid #174d58;
	padding: 2px;
}

.suporteChatMensagens .mensagemBoxTextValue.mensagemBoxAnexoAtividadeAnexo
{
	border-radius: 0px 0px 5px 5px;
}

.suporteChatMensagens .mensagemBoxAnexoAtividade
{
	word-break: break-word;  
	white-space: pre-wrap;
	font-family: "Open Sans";
	line-height: 1.2;
	font-size: 15px !important;
	margin: 0px 0px 0px 10px;
	padding: 5px 3px 5px 10px;
	
	background-color: rgba(0, 124, 149, 0.2);
	border-radius: 5px 5px 0px 0px;
}

.suporteChatMensagens .mensagemBoxAnexoAtividade.especificacao
{
	background-color: #3a3ab733;
}

.suporteChatMensagens .mensagemBoxAnexoAtividadeAnexo
{
	word-break: break-word;  
	white-space: pre-wrap;
	font-family: "Open Sans";
	line-height: 1.2;
	margin: 0px 0px 0px 10px;
	padding: 5px 3px 5px 10px;
	
	background-color: rgba(0, 124, 149, 0.2);
	border-radius: 0px;
}

.suporteChatMensagens .mensagemBoxAnexoAtividadeAnexo.especificacao
{
	background-color: rgba(0, 124, 149, 0.2);
}

.suporteChatMensagens .mensagemBoxTextValue.mensagemBoxTextAtividadeValue
{
	border-radius: 5px;
	padding: 5px 3px 5px 10px;
	background-color: rgba(0, 124, 149, 0.15);
}

.suporteChatMensagens .mensagemBox.mensagemTipoOverflow
{
	max-height: 80%;
}

.suporteChatMensagens .mensagemBox.mensagemTipoOverflow .mensagemBoxTextValue.mensagemBoxTextAtividadeValue.scrollPadrao
{
	overflow-y: auto;
	max-height: 400px;
}

.suporteChatMensagens .mensagemBoxTextValue.mensagemBoxTextAtividadeValue code
{
	color:#343a40;
}

.scrollPadrao::-webkit-scrollbar 
{
	width: 8px;
	height: 8px;
}

.scrollPadrao::-webkit-scrollbar-thumb 
{
	background: #666;
	border-radius: 3px;
}

.scrollPadrao::-webkit-scrollbar-track 
{
	background: #ddd;
	border-radius: 3px;
}

.suporteChatMensagens .mensagemBoxTextValue.mensagemBoxTextAtividadeExameValue
{
	border-radius: 5px;
	padding: 5px 3px 5px 10px;
	background-color: #673ab733;
}

.suporteChatMensagens .mensagemBoxTextValue.mensagemBoxTextAtividadeEspecificacaoValue
{
	border-radius: 5px;
	padding: 5px 3px 5px 10px;
	background-color: #3a3ab733;
}

.suporteChatMensagens .mensagemBoxAnexoAtividade > b
{
	font-size: 15px;
}

.suporteChatMensagens .mensagemBoxTextValue.resp
{
	font-size: 12px;
}

.suporteChatMensagens .mensagemBoxSep
{
	display: flex;
	align-items: center;
	justify-content: center;
}

.suporteChatMensagens .mensagemBoxSepLine
{
	width: 100%;
	background-color: #d5d5d5;
	height: 1px;
}

.suporteChatMensagens .mensagemBoxSepText
{
	white-space: nowrap;
	padding-left: 10px;
	padding-right: 10px;
	color: #bebebe;
}

.mensagemBox.arquivo .mensagemBoxTextValue
{
	font-size: 10px;
}

.mensagemBox.arquivo .mensagemBoxImagemContent
{
	display: flex;
	align-items: center;
	width: calc(100% - 10px);
	position:relative;
	margin-left: 10px;
	margin-top: 3px; 
}

.mensagemBox.arquivo .mensagemBoxArquivoContent
{
	display: flex;
	align-items: center;
	width: 50%;
	height: 50px;
	position:relative;
	margin-left: 0px;
	border-radius: 0px 0px 3px 3px;
	background-color: white;
	border: 1px solid #7a7a7a;
	margin-top: 3px;
}

.mensagemBoxText.normal .mensagemBoxArquivoContent
{
	margin-left: 10px;
}

.mensagemBox.arquivo .mensagemBoxArquivoContent.upload
{
	padding: 10px 10px 10px 15px;
}

.mensagemBox.arquivo .mensagemBoxArquivoContent .progress
{
	width: 100%;
	margin-left: 10px;
	position: absolute;
	right: 0;
	bottom: 0;
	height: 4px;	
}

.mensagemBox.arquivo .mensagemBoxArquivoContent .progress .progress-bar
{
	background-color: #00bfe7;
}

.mensagemBox.arquivo.falha .mensagemBoxArquivoContent .progress .progress-bar
{
	background-color: rgb(236, 0, 0);
}

.mensagemBox.arquivo.falha .mensagemBoxArquivoContent.upload
{
	background-color: rgb(240, 240, 240);
}


.mensagemBox.arquivo .mensagemBoxArquivoContent a
{
	display: flex;
	align-items: center;
	border-radius: 3px;
	color: rgba(0, 0, 0, 0.8);
	text-decoration: none;
	width: 100%;
	height: 100%;
	padding: 10px 10px 10px 15px;
}

.mensagemBox.arquivo .mensagemBoxArquivoContent i
{
	font-size: 35px;
	color: rgb(128, 128, 128);
}

.mensagemBox.arquivo .mensagemBoxArquivoContent .mensagemBoxTextValue
{
	margin-left: 15px;
}

.mensagemBox.arquivo .mensagemBoxArquivoContent a .mensagemBoxTextValue
{
	font-size: 12px;
	pointer-events: none;
}

.mensagemBox.arquivo .mensagemBoxText .mensagemBoxImagemContent img,
.mensagemBox.arquivo .mensagemBoxText .mensagemBoxImagemContent video
{
	width: 50%;
	border: 1px solid rgb(122, 122, 122);
	cursor:pointer;
}

.mensagemBox.arquivo .mensagemBoxText .mensagemBoxImagemContent video
{
	max-height: 300px;
}

.mensagemBox.arquivo .mensagemBoxText .mensagemBoxImagemContent audio
{
	width: calc(100% - 40px);
	height: 48px;
}

.mensagemBox.arquivo .mensagemBoxImagemContent .iconDownload
{
	display:none;
	position: absolute;
	top: 11px;
	right: 5px;
	background-color: rgba(0, 0, 0, 0.6);
	color: rgba(255, 255, 255, 0.9);
	padding: 5px 5px 5px 5px;
	border-radius: 3px;
	cursor: pointer;
}

.mensagemBox.arquivo .mensagemBoxImagemContent:hover .iconDownload
{
	display:block;
}


.mensagemBox .mensagemBoxRespondendo
{
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 6px;
	font-family: "Open Sans";
	line-height: 1.2;
	font-size: 15px;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.57);
	padding: 10px;
	display: flex;
	flex-direction: column;
	background-color: rgb(250, 250, 250);
	position:relative;
}

.mensagemBox .mensagemBoxRespondendoUsuario
{
	font-size: 10px;
	font-weight: bold;
	color: rgb(166, 166, 166);
}

.mensagemBox .mensagemBoxRespondendoMensagem
{
	color: rgb(99, 99, 99);
	font-size: 12px;
}

.suporteChatFooter
{
	padding: 10px;
	position:relative;
}

.suporteChatFooter .componenteAudio
{
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgb(237, 237, 237);
	display: none;
	align-items: center;
	justify-content: space-between;
	padding: 5px 15px 10px 15px;
}

.suporteChatFooter .componenteAudio.gravar
{
	display: flex;
}

.suporteChatFooter .componenteAudio div
{
	justify-content: center;
	display: flex;
	align-items: center;
}

.suporteChatFooter .componenteAudio .audioTexto
{
	margin-left: 10px;
}

.suporteChatFooter .componenteAudio .audioTimer
{
	margin-left: 10px;
	color: rgb(169, 1, 1);
}

.suporteChatFooter .componenteAudio.stop .audioTimer
{
	color: black;
}

.suporteChatFooter .componenteAudio .divAudioPreview
{
	width: 100%;
}

.suporteChatFooter .componenteAudio .audioPreview
{
	height: 40px;
	display:none;
}

.suporteChatFooter .componenteAudio .audioPreview.exibir
{
	display:block;
}

.suporteChatFooter .componenteAudio .iconMic
{
	font-size: 30px;
	color: rgb(192, 12, 12);
}
.suporteChatFooter .componenteAudio .btAcao
{
	color: rgb(97, 97, 97);
	font-size: 30px;
	bottom: 8px;
	cursor: pointer;
	margin-left: 10px;
	margin-right: 10px;
}

.suporteChatFooter .componenteAudio .btAudioDelete,
.suporteChatFooter .componenteAudio .btAudioStop
{
	color: rgb(217, 0, 0);
}

.suporteChatFooter .componenteAudio .btAudioDelete,
.suporteChatFooter .componenteAudio .btAudioConfirmar,
.suporteChatFooter .componenteAudio.stop .btAudioStop,
.suporteChatFooter .componenteAudio.stop .audioTexto
{
	display:none;
}

.suporteChatFooter .componenteAudio.stop .btAudioDelete,
.suporteChatFooter .componenteAudio.stop .btAudioConfirmar
{
	display:block;
}

.suporteChatFooter .ctAtendimentoMensagem
{
	height: 100px;
	line-height: 1.5;
	font-family: "Open Sans";
	padding-left: 40px;
	padding-top: 6px;
	/*padding-right: 150px;*/
	border: 2px solid rgba(150, 150, 150, 1);
	outline: none;
	border-radius: 3px;
	width: calc(100% - 95px);
	max-height: 400px;
	min-height: 65px;
}

.suporteContent.delta .suporteChatHeader
{
	background-color: rgb(23, 88, 80);
}

.suporteChatFooter .divAtividadeMensagem
{
	padding: 7px 40px 13px 50px;
	display: none;
	flex-direction: column;
}

.suporteChatFooter .divAtividadeMensagem.exibir
{
	display: flex;
}

.suporteChatFooter .divAtividadeMensagem .atividadeMensagemFechar
{
	position: absolute;
	top: 0;
	right: 0px;
	font-size: 24px;
	color: #ba0505;
	cursor: pointer;
}

.suporteChatFooter .divAtividadeMensagem .atividadeMensagemIcone
{
	position: absolute;
	top: 10px;
	left: 8px;
	font-size: 22px;
	color: #ba0505;
}

.suporteChatFooter .divAtividadeMensagem .divCamposAtividade
{
	display: flex;
	align-items: center;
}

.suporteChatFooter .divAtividadeMensagem .divCamposAtividade .ctAtividadeHoras
{
	width: 80px;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 18px;
	text-align: center;
	height: 28px;
	margin-right: 10px;
}

.suporteChatFooter .divAtividadeMensagem .divCamposAtividade .ctAtividadeHoras::placeholder
{
	color: rgba(0, 0, 0, 0.2);
}

.suporteChatFooter .divAtividadeMensagem .divCamposAtividade .ctAtividadeHoras.error
{
	border-color: rgb(222, 0, 0);
}

.suporteChatFooter .divAtividadeMensagem .divCamposAtividade .cbTipoAtividade
{
	min-width: 250px;
}

.suporteChatFooter .divAtividadeMensagem .divCamposAtividade .componente.ckCobrarTempo
{
	margin-left: 10px;
	margin-right: 5px;
}

.suporteChatFooter .divReponderMensagem
{
	padding: 5px 40px 15px 38px;
	display: none;
	flex-direction: column;
}

.suporteChatFooter .divReponderMensagem.exibir
{
	display: flex;
}

.suporteChatFooter .divReponderMensagem .labelReponderMensagemUsuario
{
	font-size: 12px;
	font-weight: bold;
	color: rgb(166, 166, 166);
}

.suporteChatFooter .divReponderMensagem .labelReponderMensagemMensagem
{
	font-size: 14px;
	color: rgb(67, 67, 67);
}

.suporteChatFooter .divReponderMensagem .reponderMensagemIcone
{
	position: absolute;
	top: 4px;
	left: 0;
	font-size: 28px;
	color: #ba0505;
}

.suporteChatFooter .divReponderMensagem .reponderMensagemFechar
{
	position: absolute;
	top: 0;
	right: 9px;
	font-size: 24px;
	color: #ba0505;
	cursor: pointer;
}

.suporteChatFooter .componente
{
	position: relative;
	font-size: 14px;
}

.suporteChatFooter .componente input
{
	background-color: white;
	height: 37px;
	padding-right: 75px;
	outline-color: rgba(150, 150, 150, 1);
	width: 100%;
	border-radius: 3px;
	border: 1px solid rgb(160, 160, 160);
	padding-left: 10px;
}

.iaCorretorBody
{
	width:75%;
	height:60%;
}

.msgIACorretor
{
	margin-bottom: 10px;
}

.msgIACorretor.loading
{
	display: flex;
    align-items: center;
}

.msgIACorretor.loading > i
{
	font-size: 28px;
    color: #5d5d5d;
    margin-right: 10px;
}

.msgIACorretor.loading .divMsgAICorretorTexto
{
	border: none;
}

.msgIACorretor.loading .dots::after 
{
	content: "";
	animation: dots 2s steps(4, end) infinite;
}

@keyframes dots
{
	0%   { content: ""; }
	25%  { content: "."; }
	50%  { content: ".."; }
	75%  { content: "..."; }
	100% { content: ""; }
}

.msgTituloIACorretor
{
	border-bottom: 1px solid #799095;
    margin-bottom: 10px;
    color: #174d58;
    font-weight: bold;
}

.divMsgAICorretorTexto
{
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    display: flex;
    align-items: stretch;
}

.divMsgAICorretorTexto:hover
{
	background-color: #f5f5f5;
}

.msgAICorretorBotoes
{
	align-self: stretch;
}

.msgAICorretorBotoes > button
{
	border: none;
    height: 100%;
    width: 30px;
    background: #f3f3f3;
    cursor: pointer;
    border-left: 1px dashed #174d5861;
}

.msgAICorretorBotoes > button > i
{
	color: #174d58;
}

.msgIACorretor.loading .msgAICorretorBotoes
{
	display:none;
}

.msgAICorretorTexto
{
	line-height: 1.4;
	padding: 7px 10px 7px 10px;
	white-space: break-spaces;
	width: 100%;
}

.suporteChatFooter .componente .btIACorretor
{
	position: absolute;
	left: 5px;
	color: rgb(97, 97, 97);
	font-size: 21px;
	bottom: 73px;
	cursor: pointer;
}

.letraDiff
{
	color: #0f6475;
}

.dialogContent.iaCorretorContent
{
	overflow: auto;
	padding: 10px 15px 10px 15px;
}

.loadingIACorretor
{
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 5px;
}

.opcaoIACorretor
{
	padding: 5px 3px 5px 3px;
    color: #3b3b3b;
    border-bottom: 1px solid #ababab;
}

.dialogEmoji
{
	display:none;
	position: absolute;
    bottom: 52px;
    left: 4px;
    user-select: none;
}
.dialogEmoji.aberta
{
	display:flex;
}

.emojiItem
{
	font-size: 18px;
	font-weight: normal;
}

.emojiItem.unico
{
	font-size: 30px;
}

.suporteChatFooter .componente .btEmoji
{
	position: absolute;
	left: 7px;
	color: rgb(97, 97, 97);
	font-size: 22px;
	bottom: 7px;
	cursor: pointer;
}

.suporteChatFooter .componente .btEmoji:after
{
	display: none;
}

.suporteChatFooter .componente .btRespPronta
{
	position: absolute;
    left: 7px;
    color: rgb(97, 97, 97);
    font-size: 22px;
    bottom: 40px;
    cursor: pointer;
}

.dropdownRespPronta
{
	position: absolute;
	bottom: 0;
    left: 0;
}

.suporteChatFooter .componente .btRespPronta:after
{
	display: none;
}

.dropdown-menu.menuRespPronta
{
	width: 500px; /* sera sobreescrito ao abrir*/
	top: -5px !important; /* usado para subir um pouco o menu, sempre abre para cima */ 
	
	max-height: 700px;
	background-color: #1f5e6b;
	padding: 0px 5px 8px 5px;
	box-shadow: 1px 1px 6px -1px #5d5d5d;
}

#dgTabelaMensagemPronta tbody td
{
	white-space: pre-wrap;
}

#dgTabelaMensagemPronta_wrapper .dt-container .dt-scroll-headInner
{
	border:none;
}

.menuRespProntaMsgs
{
	overflow: auto;
    max-height: 600px;
	padding-bottom: 5px;
}

.msgPronta
{
	background-color: #ffffff;
    border-radius: 5px;
    padding: 6px;
    margin: 10px 5px 0px 5px;
    box-shadow: 0px 0px 4px -1px black;
    cursor:pointer;
    position: relative;
    display: flex;
    align-items: center;
}

.msgProntaMsg
{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 10px;
}

.msgProntaCategoria
{
	padding-right: 7px;
    margin-right: 7px;
    border-right: 1px solid #636363;
	white-space: nowrap;
}

.btFecharMsgPronta
{
	position: absolute;
    top: 1px;
    right: 5px;
    font-size: 14px;
    color: #9f9d9a;
    cursor: pointer;
}

.iconeMsgProntaPrivada
{
	position: absolute;
    bottom: 3px;
    right: 4px;
    font-size: 11px;
    color: #9f9d9a;
}

.msgPronta:hover
{
	background-color: #d3d1cc;
}

.msgProntaMenu
{
	border-top: 1px solid #8d8d8d;
    margin-top: 6px;
   	padding: 6px 10px 0px 5px;
    display:flex;
}

.btColunaMsgPadraoAdd
{
	color: green;
    font-size: 18px;
    cursor:pointer;
}

.msgProntaMenu .menuRespProntaMenuGlue
{
	flex: 1 1 auto;
}

.msgProntaMenu .btLimparMensagensProntas,
.msgProntaMenu .btMaisMensagens
{
	color: #000000;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 3px 6px 3px 6px;
    font-size: 14px;
    cursor: pointer;
    box-shadow: 1px 1px 3px 0px black;
}

.msgProntaMenu .btLimparMensagensProntas:hover,
.msgProntaMenu .btMaisMensagens:hover
{
	background-color: #acebf7;
}

.suporteChatFooter .componente .btAtendimentoEnviar 
{
	position: absolute;
	right: 65px;
	color: rgb(97, 97, 97);
	font-size: 24px;
	bottom: 6px;
	cursor: pointer;
}

.suporteChatFooter .componente .btAtendimentoAnexo 
{
	position: absolute;
	right: 34px;
	color: rgb(97, 97, 97);
	font-size: 21px;
	bottom: 8px;
	cursor: pointer;
}

.suporteChatFooter .componente .btAudioEnviar
{
	position: absolute;
	right: 10px;
	color: rgb(97, 97, 97);
	font-size: 21px;
	bottom: 8px;
	cursor: pointer;
}

.suporteChatFooter .componente .btAtividadeEnviar
{
	position: absolute;
	right: 32px;
	color: rgb(97, 97, 97);
	font-size: 21px;
	bottom: 40px;
	cursor: pointer;
}

.suporteChatFooter .componente .btExaminarChamado
{
	position: absolute;
	right: 64px;
	color: rgb(97, 97, 97);
	font-size: 21px;
	bottom: 40px;
	cursor: pointer;
}

.suporteChatFooter .componente .btLigar
{
	position: absolute;
	right: 5px;
	color: rgb(97, 97, 97);
	font-size: 21px;
	bottom: 40px;
	cursor: pointer;
}

.suporteChatFooter .componente .btLigar.on
{
	color: rgb(246, 0, 0);
}

.bloqueioSuporte
{
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.4);
}

.bloqueioSuporte.aberto
{
	display: flex;
}

.bloqueioSuporte label
{
	margin-top: 20px;
	font-size: 28px;
	color: white;
	word-break: break-word;
	max-width: 80%;
	text-align: center;
}

.bloqueioSuporte .loader 
{
	border: 10px solid #f3f3f3;
	border-top: 10px solid #767777;
	border-bottom: 10px solid #767777;
	border-radius: 50%;
	width: 70px;
	height: 70px;
	animation: spin 2s linear infinite;
}

@keyframes spin 
{
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.imagemPreview
{
	display: none;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 4;
}

.imagemPreview.exibir
{
	display: flex;
}

.imagemPreview .imgPreview
{
	max-width: 100%;
	max-height: 100%;
}

.imagemPreview .imgPreviewClose
{
	position: absolute;
	cursor: pointer;
	top: 10px;
	right: 10px;
	font-size: 30px;
	color: #ffffff8a;
}

/* Card */
.suporteCards .reporteCard
{
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3);
	border-radius: 3px;
	margin: 5px;
	border: 1px solid #e6e6e6;
	cursor:pointer;
	display:none;
	position:relative;
}

.suporteCards .reporteCard.filtrado
{
	display:block;
}

.suporteCards .reporteCard_6060 /* Erro */
{
	border-top: 3px solid rgba(255, 3, 3, 0.5);
}

.suporteCards .reporteCard_6062 /* Melhoria */
{
	border-top: 3px solid rgb(0, 212, 173);
}

.suporteCards .reporteCard_6070 /* Sugestao de Melhoria */
{
	border-top: 3px solid rgb(0, 159, 130);
}

.suporteCards .reporteCard_6065 /* Visita */
{
	border-top: 3px solid rgb(202, 206, 0);
}

.suporteCards .reporteCard_6066 /* Treinamento */
{
	border-top: 3px solid rgba(0, 164, 81, 0.6);
}

.suporteCards .reporteCard_6067 /* Ajuda */
{
	border-top: 3px solid rgba(7, 3, 255, 0.4);
}

.suporteCards .reporteCard_6068 /* Reuniao */
{
	border-top: 3px solid rgb(0, 179, 30);
}

.suporteCards .reporteCard_6069 /* Migracao */
{
	border-top: 3px solid rgba(205, 3, 255, 0.6);
}


.suporteCards .reporteCard:hover
{
	background-color: rgb(246, 246, 246);
}

.suporteCards .reporteCard.selecionado
{
	background-color: #bfbfbf;
}

.suporteCards .reporteCard.delta .reporteCardNivel
{
	border-color: transparent transparent #47a941 transparent;
}

.suporteCards .reporteCard .iconeResponsavel
{
	color: #e2d100;
	text-shadow: 1px 1px 1px black;
	margin-top: -5px;
	display:none;
}

.suporteCards .reporteCard .iconeResponsavel.devResp
{
	color: #e27f00;
}

.suporteCards .reporteCard .iconeResponsavel.exibir
{
	display:block;
}

.suporteCards .reporteCard .iconeExaminando
{
    font-size: 18px;
    margin: 0 3px;
    display:none;
    color:#673ab7;
}

.suporteCards .reporteCard .iconeExaminando.iconeExaminandoProprio
{
	color:#df2828;
}

.suporteCards .reporteCard .iconeExaminando.exibir
{
	display:block;
}

.suporteCards .reporteCard .reportePrioridade
{
    font-size: 18px;
    margin: 0 3px;
    display:none;
}

.suporteCards .reporteCard .reportePrioridade.exibir
{
	display:block;
}

.suporteCards .reporteCard .reportePrioridade.exibir.prioridadeBaixa
{
	color: #007bff; 
}
.suporteCards .reporteCard .reportePrioridade.exibir.prioridadeNormal
{
	color: #28a745; 
}

.suporteCards .reporteCard .reportePrioridade.exibir.prioridadeAlta
{
	color: #ff9800; 
}

.suporteCards .reporteCard .reportePrioridade.exibir.prioridadeUrgente
{
	color: #dc3545; 
}

.suporteCards .reporteCardHeader
{
	display: flex;
	flex-direction: column;
	padding: 5px 5px 0px 5px;
}

.suporteCards .suporteCardsHeader
{
	width: 100%;
	/*height: 60px;
	min-height: 60px;*/
	background-color: rgb(23, 77, 88);
	border-bottom: 2px solid #999999;
	display: flex;
	flex-direction: column;
	padding: 5px 5px 1px 5px;
}

.suporteCards .suporteCardsHeader .baseFiltroBusca
{
	display: flex;
    align-items: center;
}

.suporteCards .suporteCardsHeader .filtroBuscaSeta
{
	font-size: 30px;
    color: #2c5e69;
    cursor:pointer;
}

.suporteCards .suporteCardsHeader .filtroBuscaSeta:hover
{
    color: #629fad;
}

.suporteCards .suporteCardsHeader .filtroBuscaSetaAnterior
{
    margin-right: 7px;
    margin-left: 4px;
}

.suporteCards .reporteCard .divReportMenu
{
	display:flex;
}

.suporteCards .reporteCard .divReportIcons
{
	display:flex;
	align-items: center;
}

.suporteCards .reporteCard .divReportMenu .lbData
{
	min-width: 95px;
	text-align: right;
	font-size: 10px;
}

.suporteCards .reporteCard .reporteCardHeaderLine.infosLine
{
	align-items: flex-start;
	padding-top: 2px;
}

.linha
{
	display: flex;
	align-items: center;
}

.linha:not(:first-child)
{
	margin-top:5px;
}

.viCards
{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}

.viCardsItem
{
	background-color: #ffffff14;
    padding: 3px 3px 3px 3px;
    border: 1px solid #999999;
    cursor: pointer;
    margin-right: 2px;
    margin-top: 2px;
    border-radius: 3px;
    color: #adadad;
    overflow: hidden;
    flex-grow: 4;
}

.viCardsItem.selecionado
{
	background-color: #ededed;
    color: #4b4b4b;
}

.viCardsItem.edit
{
	background-color: #92b9ff;
}

.viCardsItem:hover
{
	background-color: #ffffff;
}

.viCardsItem .viCardsNome
{
	pointer-events: none;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    font-size: 12px;
    text-align: center;
}

#btnNovaViRem.esconder
{
	display:none;
}

#btnNovaViRem
{
	width: 100%;
	margin-right: 10px;
}

#btnNovaViAdd
{
	width: 100%;
	margin-left: 10px;
}

.novaViContent .linha:not(:first-child)
{
	margin-top: 25px;
}

.novaViContent .linha.linhaBotoes
{
	margin-top: 0px;
}

.novaViContent .row:not(:first-child)
{
	margin-top: 10px;
}

.novaViContent .row
{
	margin-right: 0px;
    margin-left: 0px;
}

.novaViContent .btn
{
	margin-top: 20px;
}

#ctNovaViNome
{
	margin-right: 20px;
}

.novaViContent .rowNomePadrao
{
	width: 100%;
	margin-right: 0;
    margin-left: 0;
}

.novaViContent .rowNomePadrao .novaViNome
{
	flex: 1 1 auto;
	padding-right: 20px;
}

.novaViContent .rowNomePadrao .novaViPadrao
{
	flex: 0 1 auto;
    width: 65px;
}

.suporteCards .suporteCardsHeader .linha .componente
{
	width: 100%;
}

.suporteCards .suporteCardsHeader .linha #cbFiltroNivel
{
	margin-left: 5px;
	width: 60%;
}

.suporteCards .suporteCardsHeader .linha #ckFiltroMinhas
{
	margin-left: 5px;
	font-size: 17px;
	cursor: pointer;
	color: rgb(195, 195, 195);
}

.suporteCards .suporteCardsHeader .linha #btAdicionarFiltros
{
	color: rgb(207, 207, 207);
	font-size: 17px;
	cursor: pointer;
}

.suporteCards .suporteCardsHeader .linha #btRecarregarCards
{
	color: rgb(207, 207, 207);
	font-size: 17px;
	cursor: pointer;
}

.suporteCards .suporteCardsHeader .linha #ckFiltroValidar
{
	color: rgb(207, 207, 207);
	margin: 0px 2px 0px 6px;
	font-size: 17px;
	cursor: pointer;
}

.suporteCards .suporteCardsHeader .linha #ckFiltroValidar.mostrarValidar
{
	color:#55dbe0;
}

.suporteCards .suporteCardsHeader .linha #ckFiltroMinhas.starMinhas
{
	color: #e2d100;
}

.suporteCards .suporteCardsHeader .linha #ckFiltroMinhas.starSemResp
{
	color: red;
}

.suporteCards .suporteCardsHeader .linha #ckFiltroMinhas.starMinhasSemResp
{
	color:#ff5e00;
}

.suporteCards .suporteCardsItens
{
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: auto;
	background-color: rgb(237, 237, 237);
}

.suporteCards .reporteCardHeaderLine
{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.suporteCards .reporteCardHeaderLine .labelCidUsuario
{
	font-size: 12px;
}

.suporteCards .reportCardNotificaMsg
{
	color: rgba(248, 7, 7, 0.8);
	font-size: 20px;
	margin-left: 5px;
	position: relative;
	display:none;
}

.suporteCards .reportCardNotificaMsg.delta
{
	color: rgba(1, 120, 10, 0.62);
}

.suporteCards .reportCardNotificaMsg.exibir
{
	display:block;
}

.suporteCards .reportCardNotificaMsg span
{
	position: absolute;
	top: 1px;
	left: 0;
	color: white;
	font-size: 13px;
	width: 100%;
	text-align: center;
	font-family: sans-serif;
}

.suporteCards .reporteCardBody
{
	padding: 0px 5px 0px 5px;
	pointer-events: none;
	word-break: break-word;
}

.suporteCards .reporteCardFooter
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 2px 5px 5px 5px;
	pointer-events: none;
}

.suporteCards .reporteCard .reporteCardNivel
{
	display: none;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 0;
	width: 0;
	right: -1px;
	border-style: solid;
	border-width: 0 0 22px 20px;
	border-color: transparent transparent #419fa9 transparent;
	bottom: -1px;
	pointer-events: none;
}

.suporteCards .reporteCard .reporteCardNivel label
{
	position: absolute;
	top: 8px;
	font-size: 13px;
	left: -8px;
	color: white;
}

.suporteCards .reporteCard .reporteCardNivel.exibir
{
	display: block;
}

.suporteCards .labelStatus
{
	border-radius: 3px;
	text-align: center;
	background-color: rgb(160, 160, 160);
	color: white;
	margin-left: 5px;
	font-size: 12px;
	width: 20px;
	height: 19px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: -1px;
}

.suporteCards .labelStatus.labelStatus_0 /* Aberto */
{
	display:none;
}

.suporteCards .labelStatus.labelStatus_398 /* Revisar */
{
	background-color: #f49a31;
}

.suporteCards .labelStatus.labelStatus_9 /* Aguardando */
{
	background-color: #cacaca;
}

.suporteCards .labelStatus.labelStatus_399 /* Validar */
{
	background-color: #55dbe0;
}

.suporteCards .labelStatus.labelStatus_301 /* Aprovado */
{
	background-color: #346bd1;
}

.suporteCards .labelStatus.labelStatus_30 /* Em andamento */
{
	background-color: #d8ae60;
}

.suporteCards .labelStatus.labelStatus_401 /* Finalizado */
{
	background-color: #55e079;
}

.suporteCards .labelStatus.labelStatus_1 /* Liberado */
{
	background-color: rgb(208, 175, 80);
}

.suporteCards .labelStatus.labelStatus_300 /* Reprovado */
{
	background-color: #843d3d;
}

.suporteCards .labelTipo
{
	margin-left: 5px;
	border-radius: 3px;
	text-align: center;
	background-color: rgb(0, 160, 208);
	padding: 2px;
	color: white;
}

.suporteCards .labelData
{
	font-size: 11px;
}

.suporteCardsResumo
{
	display: flex;
    height: 28px;
    background-color: rgb(237, 237, 237);
    padding: 5px 5px 5px 0px;
    flex-wrap: wrap;
    box-shadow: 0px 0px 6px -1px black;
    z-index: 1;
    justify-content: space-around;
}

.suporteCardsResumo .suporteCardsResumoItem
{
	display: flex;
    margin-left: 5px;
}

.suporteCardsResumo .suporteCardsResumoItemNome
{
	background-color: #419fa9;
    height: 15px;
    width: 20px;
    color: white;
    border-radius: 7px;
    font-size: 9px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.suporteCardsResumo .suporteCardsResumoItemValor
{
	display: flex;
    margin-left: 5px;
    height: 15px;
    font-size: 12px;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}

.suporteChat .divFileDrop
{
	display:none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 1;
	padding: 60px;
	pointer-events: none;
}

.suporteChat .divFileDrop.exibir
{
	display:block;
}

.suporteChat .divFileDrop > div
{
	border-radius: 20px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border: 8px dashed rgba(140, 140, 140, 0.4);
}

.suporteChat .divFileDrop > div i
{
	font-size: 60px;
	color: gray;
}

.suporteChat .divFileDrop > div label
{
	font-size: 20px;
	color: rgb(91, 91, 91);
}

/* Componentes */
.componente .select2-container--default .select2-selection--multiple .select2-selection__clear
{
	line-height: 0.5;
}

.componente .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder
{
	line-height: 0;
}

.componente .select2-container--default .select2-selection--multiple .select2-selection__choice
{
	margin: 2px 3px 0px 0px;
	padding: 0px 4px 0px 6px;
}

.componente .select2-container .select2-search--inline .select2-search__field
{
	padding-top: 0px;
}

.componente .select2-container--default .select2-selection--single .select2-selection__rendered,
.componente .select2-container--default .select2-selection--multiple
{
	line-height: 28px;
	white-space: normal;
    max-height: 100%;
    word-break: break-all;
}

.componente .select2-selection__clear
{
	line-height: 31px;
}

.corta-texto
{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/* Ligacao */
.conferenciaBody
{
	width: 90%;
	height: 90%;
	min-width: 350px;
	min-height: 350px;
}

.conferenciaBody.entrada,
.conferenciaBody.ligacao
{
	display:block !important;
}

.conferenciaBody.entrada .divLigacaoEntrada
{
	display:flex !important;
}

.conferenciaBody.entrada .tempoLigacao,
.conferenciaBody.entrada .divLigacaoVideo,
.conferenciaBody.entrada .divLigacaoBotoes
{
	display:none !important;
}

.conferenciaBody.ligacao .divLigacaoEntrada
{
	display:none !important;
}

.conferenciaBody.ligacao .divLigacaoVideo,
.conferenciaBody.ligacao .divLigacaoBotoes
{
	display:flex !important;
}

.conferenciaBody.max
{
	top:10px !important;
	left:10px !important;
	right:10px !important;
	bottom:10px !important;
	width:unset !important;
	height:unset !important;
}

.conferenciaBody.escondida
{
	right:unset !important;
	bottom:unset !important;
	
	top: 0 !important;
	left: 130px !important;
	height: 27px !important;
	width: 222px !important;
	min-width: unset;
	min-height: unset;
}

.conferenciaBody .btEsconder,
.conferenciaBody .btMaximizar
{
	display:inline-block;
}

.conferenciaBody .btApresentar,
.conferenciaBody .btRestaurar
{
	display:none;
}

.conferenciaBody.escondida .btApresentar,
.conferenciaBody.max .btRestaurar
{
	display:inline-block;
}

.conferenciaBody.escondida .semVideoIcone,
.conferenciaBody.max .btMaximizar,
.conferenciaBody.escondida.max .btRestaurar,
.conferenciaBody.escondida .divLigacaoEntrada,
.conferenciaBody.escondida .btMaximizar,
.conferenciaBody.escondida .btEsconder,
.conferenciaBody.escondida .divLigacaoBotoes
{
	display:none !important;
}

.conferenciaBody .divConferenciaLigacao
{
	display:flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: 100%;
}

.conferenciaBody .divConferenciaLigacao .divLigacaoInfos
{
	display: flex;
	justify-content: space-between;
	padding: 10px 10px 10px 10px;
	width: 100%;
	color: white;
	background-color: rgb(54, 114, 126);
	border-radius: 3px 3px 0px 0px;
}

.conferenciaBody .divConferenciaLigacao .divLigacaoVideo
{
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	position:relative;
	max-height: calc(100% - 85px);
	user-select: none;
}

.divLigacaoVideoSelecao 
{
	position: absolute;
	border: 3px solid #ef6c00;
	background-color: transparent;
	overflow: hidden;
	z-index: 10;
	resize: both;
	display:none;
}

.divLigacaoVideoSelecao.on
{
	display:flex;
}

.conferenciaBody .btLigacao.botaoApontar.on
{
	background-color: #ef6c00;
}

.conferenciaBody .divConferenciaLigacao .divLigacaoEntrada
{
	display:none;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	width: 100%;
}

.conferenciaBody .divConferenciaLigacao .divLigacaoEntrada > i
{
	font-size: 140px;
	color: rgba(0, 0, 0, 0.2);
}

.conferenciaBody .divConferenciaLigacao .divLigacaoEntrada label
{
	margin-top: 15px;
	font-size: 24px;
	color: rgba(0, 0, 0, 0.8);
}

.conferenciaBody .divConferenciaLigacao .divLigacaoEntrada button
{
	margin-top: 30px;
}

.conferenciaBody .divConferenciaLigacao .divLigacaoEntrada .btLigacaoEntradaFechar,
.conferenciaBody .divConferenciaLigacao .divLigacaoEntrada.conectando .btLigacaoEntradaCancelar
{
	display:block;
}

.conferenciaBody .divConferenciaLigacao .divLigacaoEntrada .btLigacaoEntradaCancelar,
.conferenciaBody .divConferenciaLigacao .divLigacaoEntrada.conectando .btLigacaoEntradaFechar
{
	display:none;
}

.conferenciaBody .divConferenciaLigacao .divLigacaoVideo .semVideoIcone
{
	position: absolute;
	font-size: 150px;
	color: rgb(202, 202, 202);
	pointer-events: none;
}

.conferenciaBody .divConferenciaLigacao .divLigacaoVideo video
{
	display:none;
	background-color: #ffffff;
}

.conferenciaBody.exibirVideo .divConferenciaLigacao .divLigacaoVideo .semVideoIcone
{
	display:none;
}

.conferenciaBody.exibirVideo .divConferenciaLigacao .divLigacaoVideo video
{
	display:block;
}

.conferenciaBody .divConferenciaLigacao .divLigacaoVideo audio
{
	display:none;
}

.conferenciaBody.exibirVideo .divConferenciaLigacao .botaoFullScreen
{
	display: flex;
}

.conferenciaBody .divConferenciaLigacao .divLigacaoBotoes
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 350px;
	min-width: 200px;
	width: 350px;
	
	background-color: rgba(204, 204, 204, 0.59);
	margin: 0px 0px 5px 0px;
	border-radius: 18px;
	padding: 5px 15px 5px 15px;
}

.conferenciaBody .divConferenciaLigacao .botaoLigacaoAceitar
{
	background-color: rgb(0, 168, 5);
}

.conferenciaBody .divConferenciaLigacao .btLigacao
{
	background-color: rgb(146, 146, 146);
	border-radius: 20px;
	height: 30px;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	cursor:pointer;
}

.conferenciaBody .divConferenciaLigacao .btLigacao:hover
{
	-webkit-filter: brightness(0.8);
	filter: brightness(0.8);
}

.conferenciaBody .btLigacao.on
{
	background-color: rgb(22, 160, 0);
}

.conferenciaBody .divLigacaoInfos .divBotoes
{
	display: flex;
	align-items: center;
	justify-content: center;
}

.conferenciaBody .divLigacaoInfos .divBotoes > i
{
	cursor: pointer;
}

.conferenciaBody .divLigacaoInfos .divBotoes > i:not(:first-child)
{
	margin-left: 5px;
}

.conferenciaBody .divConferenciaLigacao .tempoLigacao
{
	font-size: 14px;
	margin-right: 15px;
}

.conferenciaBody .divConferenciaLigacao .botaoLigacaoMicrofone
{
	font-size: 13px;
	padding-left: 1px;
}

.conferenciaBody .divConferenciaLigacao .botaoLigacaoAudio.on .volMudo,
.conferenciaBody .divConferenciaLigacao .botaoLigacaoAudio .vol,
.conferenciaBody .divConferenciaLigacao .botaoLigacaoMicrofone.on .micMudo,
.conferenciaBody .divConferenciaLigacao .botaoLigacaoMicrofone .mic
{
	display:none;
}

.conferenciaBody .divConferenciaLigacao .botaoLigacaoAudio .volMudo,
.conferenciaBody .divConferenciaLigacao .botaoLigacaoAudio.on .vol,
.conferenciaBody .divConferenciaLigacao .botaoLigacaoMicrofone .micMudo,
.conferenciaBody .divConferenciaLigacao .botaoLigacaoMicrofone.on .mic
{
	display:block;
}

.conferenciaBody .divConferenciaLigacao .botaoLigacaoAudio
{
	font-size: 20px;
	padding-right: 1px;
}

.conferenciaBody .divConferenciaLigacao .botaoFullScreen
{
	background-color: rgb(34, 113, 129);
	display:none;
}

.conferenciaBody .divConferenciaLigacao .botaoLigacaoDesligar
{
	background-color: rgb(215, 0, 0);
	font-size: 14px;
	padding-right: 1px;
	
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg);
}

/* Clientes Online */
.clientesOnlineBody
{
	width: 550px;
	height: 600px;
	min-width: 350px;
	min-height: 350px;
}

.clientesOnlineFiltros
{
	display: flex;
    gap: 20px;
    height: 30px;
    margin: 6px 15px 4px 15px;
    border-bottom: 1px solid #9d9d9d;
    padding-bottom: 6px;
}

.reportesRelacionadosBody .reportesRelacionadosHeader .divBotoes > i:not(:first-child),
.clientesOnlineBody .clientesOnlineHeader .divBotoes > i:not(:first-child)
{
	margin-left: 10px;
}

.clientesOnlineBody .clientesOnlineItens
{
	overflow: auto;
	padding: 5px;
}

.clientesOnlineBody .clientesOnlineItens .clientesOnlineCID
{
	padding: 5px 5px 5px 10px;
	font-size: 16px;
	font-weight: bold;
	background-color: white;
}

.clientesOnlineBody .clientesOnlineItens .clientesOnlineCliente
{
	padding: 3px 5px 3px 15px;
	background-color: rgba(255, 255, 255, 0.5);
	display: flex;
	align-items: center;
}

.clientesOnlineBody .clientesOnlineItens .clientesOnlineCliente .nome
{
	font-size: 12px;
    color: #757575;
    margin-left: 10px;
    font-weight: normal;
   	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.clientesOnlineBody .clientesOnlineItens .clientesOnlineCliente .descricao
{
	color: rgb(35, 115, 131);
	cursor: pointer;
	margin-right: 16px;
	z-index: 1;
}

.clientesOnlineBody .labelQtdCid
{
	margin-left: 5px;
    font-size: 10px;
    color: #898989;
    vertical-align: super;
}

.clientesOnlineCliente .nrConexoes
{
	display:none;
	background-color: #1293ad;
    color: white;
    border-radius: 0px 6px 6px 0px;
    width: 16px;
    height: 14px;
    margin-left: -3px;
    margin-right: 3px;
    font-size: 11px;
    align-items: center;
    justify-content: center;
    font-family: sans-serif;
    padding-top: 1px;
}

.clientesOnlineCliente.nConexoes .nrConexoes
{
    display: flex;
}

.clientesOnlineBody .clientesOnlineItens .clientesOnlineCliente.nConexoes .descricao
{
	margin-right: 0px;
}

.clientesOnlineCliente .login
{
	font-weight: normal;
}

.confirmaDialogDescricao .descricaoTitulo
{
	color: #2b2b2b;
	line-height: 1.2;
}

.confirmaDialogDescricao .descricaoItem
{
	color: #5f5f5f;
}

.confirmaDialogDescricao .descricaoItem.userAgent
{
	font-size: 12px;
}

.confirmaDialogDescricao .descricaoDivisao
{
	margin: 10px 0px 10px 0px;
}

.clientesOnlineBody .clientesOnlineItens .clientesOnlineCliente.esconder,
.clientesOnlineBody .clientesOnlineItens .clientesOnlineCID.esconder
{
	display:none;
}

/* Reportes relacionados */
.reportesRelacionadosBody
{
	width: 650px;
	height: 440px;
	min-width: 350px;
	min-height: 350px;
}

.reportesRelacionadosBody .reportesRelacionadosContent
{
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

.reportesRelacionadosBody .rrControles
{
	display:flex;
	flex: 0 1 auto;
}

.reportesRelacionadosBody .rrControles input,
.reportesRelacionadosBody .rrControles button
{
	margin-right:5px;
	margin-left:5px;
}

.reportesRelacionadosBody .rrControles .rrId
{
	width:80px;
	height: 30px;
}

.reportesRelacionadosBody .rrControles .rrSearchText
{
	width:100%;
	height: 30px;
}

.iconeAbrirRR,
.iconeAbrirMensagensChamado
{
	margin-right: 5px;
	cursor: pointer;
}

.reportesRelacionadosBody .divTabelarr
{
	flex: 1 1 auto;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	height: 100%;
}

#btnNovaViRem.esconder
{
	display:none;
}

/* Reunião 3CX */
.reuniao3CXBody
{
	width: 700px;
	height: 550px;
	min-width: 350px;
	min-height: 350px;
}

.reuniao3CXBody .painel
{
	width: 100%;
    margin-right: 15px;
    margin-left: 15px;
}

.reuniao3CXBody .painel .painel-content
{
	padding: 10px;
}

.reuniao3CXBody .row:not(:first-child)
{
	margin-top: 10px;
}

.reuniao3CXBody .reuniao3CXCampos
{
	padding: 10px 15px 15px 15px;
	overflow: auto;
}
.reuniao3CXBody .reuniao3CXCampos > .row:not(:first-child)
{
	margin-top: 10px;
}

.reuniao3CXBody .reuniao3CXCampos hr
{
	margin: 10px 0px 10px 0px;
}

.reuniao3CXBody .reuniao3CXCampos .rowBotoes
{
	padding-right: 15px;
	flex-wrap: unset;
}

.reuniao3CXBody .reuniao3CXCampos .rowBotoes .btn
{
	width: 100%;
	margin-left:15px;
}

/* Novo reporte */
.novoReporteBody
{
	width: 700px;
	height: 570px;
	min-width: 350px;
	min-height: 350px;
}

.novoReporteBody .painel
{
	width: 100%;
    margin-right: 15px;
    margin-left: 15px;
}

.novoReporteBody .painel .painel-content
{
	padding: 10px;
}

.novoReporteBody .row:not(:first-child)
{
	margin-top: 10px;
}

.novoReporteBody .novoReporteHeader .divBotoes
{
	display: flex;
	align-items: center;
	justify-content: center;
}

.novoReporteBody .novoReporteHeader .divBotoes > i
{
	cursor: pointer;
}

.novoReporteBody .novoReporteHeader .divBotoes > i:not(:first-child)
{
	margin-left: 10px;
}

.novoReporteBody .novoReporteHeader
{
	padding: 10px;
}

.novoReporteBody .novoReporteCampos
{
	padding: 10px 15px 15px 15px;
	overflow: auto;
}

.novoReporteBody .novoReporteBuscarSolicitante
{
	display:none;
	padding: 10px 15px 15px 15px;
	overflow: auto;
}

.novoReporteBody.buscaSolicitante .novoReporteBuscarSolicitante
{ 
	display:flex;
	flex-direction: column;
}

.novoReporteBody.buscaSolicitante .novoReporteCampos
{ 
	display:none;
}

.novoReporteBody .novoReporteCampos > .row:not(:first-child)
{
	margin-top: 10px;
}

.novoReporteBody .novoReporteCampos hr
{
	margin: 10px 0px 10px 0px;
}

.novoReporteBody .novoReporteCampos .rowBotoes
{
	padding-right: 15px;
	padding-left: 15px;
	flex-wrap: unset;
}

.novoReporteBody .novoReporteCampos .rowBotoes #btnovoChamado
{
	width: 100%;
	margin-left:15px;
}

.novoReporteBody .novoReporteCampos .rowBotoes #btnovoChamadoLimpar
{
	width: 100%;
	margin-right:15px;
}

.novoReporteBody .novoReporteBuscaSolicitante
{
	font-size:12px;
	white-space: nowrap;
	cursor:pointer;
	border-radius: 4px;
	padding: 2px 3px 2px 5px;
}

.novoReporteBody .novoReporteBuscaSolicitante:hover
{
	background-color: rgba(78, 78, 78, 0.7);
	color: white;
}

.novoReporteBody .novoReporteBuscaSolicitanteTitulo:not(:first-child)
{
	margin-top: 10px;
}

.novoReporteBody .novoReporteBuscaSolicitanteTitulo
{
	font-size:16px;
	font-weight: bold;
}

.label-componente .campoInfo
{
	color: rgb(160, 160, 160);
	font-size: 12px;
	cursor: help;
}

/* Dialogs */
.dialogBody
{
	position: absolute;
    background-color: white;
    display: none;
    flex-direction: column;
    z-index: 3;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 3px 1px;
    border-radius: 4px;
    right: unset;
    bottom: unset;
}
.dialogBody.exibir
{
	display:flex;
}

.dialogBody.foco
{
	z-index: 4;
}

.dialogBody .dialogHeader
{
	display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px 5px 10px;
    background-color: #174d58;
    color: white;
}

.dialogBody .dialogHeader:hover
{
	background-color: #1f6b7b;
}

.dialogBody .divBotoes .dialogHeaderBt
{
	cursor:pointer;
}

.dialogBody .divBotoes .dialogHeaderBt:not(:last-child)
{
	margin-right:15px;
}

.dialogBody .divBotoes
{
	min-width: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

@media (max-width: 530px)
{
	.dialogBody .divBotoes .dialogHeaderBt
	{
		font-size: 24px;
	}
}

.dialogContent
{
	height: 100%;
    width: 100%;
    padding: 10px;
}

/* DeltaDoc */
.deltaDocBody
{
	width: 80%;
	height: 80%;
	min-width: 350px;
	min-height: 350px;
}

.deltaDocBody .deltaDocContent
{
	flex: 1 1 auto;
}

/* Dialog de mensagens */
.mensagensBody
{
    width: 80%;
    height: 80%;
    min-width: 350px;
    min-height: 350px;
}


/* Dialog pesquisar chamados */
.pesquisaChamadosBody
{
   	width: 650px;
    height: 440px;
    min-width: 350px;
    min-height: 350px;
}

.pesquisaChamadosBody .pesquisaChamadosFiltros
{
	display:flex;
	flex: 0 1 auto;
}

.pesquisaChamadosBody .pesquisaChamadosFiltros input,
.pesquisaChamadosBody .pesquisaChamadosFiltros button
{
	height:30px;
	margin: 0 5px;
}

.pesquisaChamadosBody .pesquisaChamadosFiltros .situacaoChamado
{
	height:30px;
	margin: 0 5px;
	width: 100%;
}

.pesquisaChamadosBody .pesquisaChamadosFiltros select.campoSelect 
{
	height:100%;
	padding: 0;
	color:gray;
}

.pesquisaChamadosBody .pesquisaChamadosContent 
{
    display: flex;
    flex: 1;
    flex-direction: column;

    height: calc(100% - 40px);
    padding: 10px;

    background-color: white;    
}

.divTabelaPesquisaChamados
{
	flex: 1;
    margin-top: 5px;
    
	height: calc(100% - 30px);
}

.pesquisaChamadosBody > .pesquisaChamadosContent > .divTabelaPesquisaChamados .dt-container > .dt-scroll div.dt-scroll-body
{
	overflow-x: unset !important;
}

/* Dialog infoCID */
.infoCIDBody
{
   	width: 350px;
    height: 490px;
    min-width: 350px;
    min-height: 400px;
}

.infoCIDBody .infoCIDFiltros
{
	display:flex;
	flex: 0 1 auto;
}

.infoCIDBody .infoCIDFiltros input,
.infoCIDBody .infoCIDFiltros button
{
	height:30px;
	margin: 0 5px;
}

.camposInfoCID
{
	margin-top: 10px;
}

.camposInfoCID .label-componente
{
	margin-top: 15px;
	padding-left: 10px;
}

.camposInfoCID .label-componente > label
{
	font-weight: bold;
	color:#232323;
}

.camposInfoCID .label-componente .componente .campoLabel
{
	font-size: 18px;
}

/* Dialog MensagensProntas */
.mensagemProntaBody
{
	width: 800px;
    height: 450px;
    min-width: 350px;
    min-height: 350px;
}

.mensagemProntaBody.exibir
{
	display:flex;
}

.mensagemProntaContent
{
    display: flex;
    flex-direction: column;
}

.mensagemProntaCampos
{
	display: flex;
    flex: 1 1 auto;
    height: 1px; /*Somente para desbugar a altura*/
}

.mensagemProntaCampos > div
{
	height: 100%;
}

.mensagemProntaCampos .dt-scroll
{
	height: calc(100% - 30px);
}

.mensagemProntaBody .mensagemProntaFiltros
{
	display:flex;
	flex: 0 1 auto;
	flex-wrap: wrap;
}

.mensagemProntaBody .mensagemProntaFiltros .linhaMP
{
	display: flex;
    width: 100%;
}

.mensagemProntaBody .mensagemProntaFiltros .linhaMP:not(:first-child)
{
	margin-top: 10px;
}

.mensagemProntaBody .mensagemProntaFiltros .linhaMP #cbTipoMP
{
	width: 110px;
	display: flex;
}

.mensagemProntaBody .mensagemProntaFiltros .linhaMP #cbTipoMP .campoSelect
{
    width: 100%;
    border: 1px solid #a0a0a0;
    border-radius: 5px;
}



.mensagemProntaBody .mensagemProntaFiltros input,
.mensagemProntaBody .mensagemProntaFiltros button
{
	height:30px;
	margin: 0 5px;
}

.mensagemProntaCampos
{
	margin-top: 10px;
}

/* Dialog GPT */
.gptBody
{
   	width: 570px;
    height: 600px;
    min-width: 250px;
    min-height: 250px;
}

.gptContent
{
    display: flex;
    flex-direction: column;
}

.gptContent .gptChat
{
	flex: 1 1 auto;
	display: flex;
    flex-direction: column;
    height: 1px;
}
.gptContent .gptChat .gptChatArea
{
	display: flex;
    flex-direction: column-reverse;
    flex: 1 1 auto;
    background-color: #efeae2;
    padding: 10px;
    border-radius: 5px;
    overflow: auto;
}
.gptContent .gptMensagem
{
	display: flex;
	padding: 5px 0px 5px 0px;
}

.gptContent .gptMensagem.usuario
{
	justify-content: end;
}
.gptContent .gptMensagem .gptMensagemContent
{
    padding: 10px;
    border-radius: 10px;
    box-shadow: 1px 1px 3px -1px black;
    position:relative;
    display: flex;
    flex-direction: column;
}
.gptContent .gptMensagem .gptMensagemContent .iconeInfo
{
	display:none;
	position: absolute;
    top: 2px;
    right: 2px;
    font-size: 12px;
    color: #4145ff;
    cursor: pointer;
}
.gptContent .gptMensagem .gptMensagemContent:hover .iconeInfo
{
	display:block;
}
.gptContent .gptMensagem.gpt .gptMensagemContent
{
	background-color: white;
}
.gptContent .gptMensagem.usuario .gptMensagemContent
{
	background-color: #d9fdd3;
}

.gptContent .gptMensagem .gptMensagemContent .gptMensagemSpan
{
	white-space: break-spaces;
}
.gptContent .gptMensagem .gptMensagemContent .gptMensagemRef
{
	white-space: break-spaces;
	margin-top: 5px;
    color: #7b7b7b;
    font-size: 11px;
}
.gptContent .gptFiltros
{
	flex: 0 1 auto;
	margin-top: 5px;
	position: relative;
}
.gptContent .gptFiltros .bloqueioGPT
{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #0000004d;
	display: none;
    align-items: center;
    justify-content: center;
}
.gptContent .gptFiltros .bloqueioGPT.aberto
{
	display: flex;
}
.gptContent .gptFiltros .bloqueioGPT img
{
    width: 90px;
}
.gptContent .gptFiltros .gptTextArea
{
	width: 100%;
	padding: 10px;
}

/* Dialog Sum */
.sumBody
{
   	width: 375px;
    height: 250px;
    min-width: 250px;
    min-height: 250px;
}

.sumContent
{
    display: flex;
    flex-direction: column;
}

#btnSum
{
	margin-top: 20px;
}

.lbSum
{
	margin-top: 30px;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.lbSum b
{
	font-size: 45px;
}

.btSumFechar
{
	cursor:pointer;
}

.select2-search.select2-search--inline
{
	width:1px;
}

/* Dialog Todo */
.todoBody
{
   	width: 800px;
    height: 600px;
    min-width: 250px;
    min-height: 250px;
}

.todoContent
{
    display: flex;
    flex-direction: column;
	overflow: auto;
	padding: 20px 10px 10px 10px;
}

.todoItem
{
	display: flex;
    padding: 6px 5px 6px 5px;
    border-radius: 3px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
}
.todoItem:hover
{
    background-color: #f9f8f8;
}
.todoItem.focus:hover,
.todoItem.focus
{
    background-color: #f1f2fc;
    border-bottom: 1px solid #cdcdcd;
    border-top: 1px solid #cdcdcd;
}
.todoIconeDrag
{
	flex: 0 1 auto;
	color: #c1c1c1;
    cursor: grab;
   	opacity: 0;
}
.todoItem:hover .todoIconeDrag
{
    opacity: 1.0;
}
.todoCheck
{
	flex: 0 1 auto;
	margin-left: 10px;
	cursor: pointer;
}
.todoItem.check .todoCheckNaoCheck,
.todoCheckCheck
{
	display: none;
}
.todoItem.check .todoCheckCheck,
.todoCheckNaoCheck
{
	display: block;
}
.todoCheckCheck
{
	color: #008000d6;
}
.todoCheckNaoCheck
{
	background-color: #ffffff;
    border-radius: 20px;
}

.todoValueContent
{
	flex: 1 1 auto;
	margin-left: 10px;
	    margin-top: -2px;
}
.todoTexto
{
	line-height: 1.2;
	outline: 0px solid transparent;
	white-space: pre-wrap;
	font-family: 'Open Sans';
}
.todoTexto div
{
	line-height: 1.2;
	font-family: 'Open Sans';
	outline: 0px solid transparent;
}
.todoItem.check .todoTexto
{
	color: #b0b0b0;
}
.todoItem.check .todoCheckCheck
{
	opacity: 0.7;
}

/* Dialog NovaVi */
.novaViBody
{
   	width: 570px;
    height: 640px;
    min-width: 250px;
    min-height: 250px;
}

.novaViContent
{
    padding: 10px 20px 10px 20px;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.novaViContent .painel
{
	width: 100%;
}

.novaViContent .painel .painel-content
{
	padding: 10px;
}

#cbFiltroValidar,
#cbFiltroMinhas,
#cbFiltroNivel,
#cbFiltroStatus,
#cbFiltroTipo,
#cbFiltroDevMinhas,
#cbFiltroDevStatus
{
	width: 100%;
}

#btAdicionarFiltros
{
	cursor:pointer;
}

/* Dialog meus chamados prioridade */
.chamadosPrioritariosBody
{
   	width: 650px;
    height: 440px;
    min-width: 350px;
    min-height: 350px;
}

.divTabelaChamadosPrioritarios
{
	height: 100%;
}

/* TIMER */
.divTimerBloqueio
{
	display:none;
}

body.timerAtivo .divTimerBloqueio
{
	display:block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.5);
}

.divRepTimer .labelRepTimer
{
	display:none;
}

body.timerAtivo .divRepTimer .labelRepTimer
{
	display:block;
}

body.timerAtivo #btRepTimer
{
	background-color: #e6ca03;
}

.divTimerBotoesAtividades
{
	display:flex;
	margin-top:10px;
}

.divTimerBotoesAtividades > .painel
{
	width: 100%;
}

.divTimerBotoesAtividades .painel:not(:first-child)
{
	margin-left: 14px;
}

.divTimerBotoesAtividades .painel .painel-content
{
	display: flex;
	flex-direction: column;
	padding: 10px;
}

.divTimerBotoesAtividades .painel .painel-content button:not(:first-child)
{
	margin-top: 10px;
}

.divTimerBotoesAtividades .painel header i
{
	margin-right: 5px;
}

.dialogCancelarChamado .customDialogPainel,
.dialogLancarAtividadeTimer .customDialogPainel
{
	width: 90%;
}

.deltaDocLink
{
	display: flex;
	align-items: center;
	border: 1px solid #a6a6a6;
	border-radius: 5px;
	cursor:pointer;
	padding: 3px 5px 3px 5px;
}
.deltaDocLink .deltaDocLinkImages
{
	margin-right: 10px;
}
.deltaDocLink .deltaDocLinkImages img
{
	height: 35px;
	cursor:pointer;
}
.deltaDocLink .deltaDocLinkTextos
{
	display: flex;
	flex-direction: column;
}
.deltaDocLink .deltaDocLinkTextos .deltaDocLinkLabelTitulo
{
	cursor:pointer;
	font-size: 12px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.deltaDocLink .deltaDocLinkTextos .deltaDocLinkTexto
{
	padding-top: 3px;
	color: #006098;
	font-size: 11px;
	cursor:pointer;
}
.deltaDocLink .deltaDocLinkTextos .deltaDocLinkCategoriaDestaque
{
	color: #17a2b8;
	font-size: 16px;
}

.confirmaDialog .deltaDocLink
{
	margin-top:10px;
}

.suporteHeader > img
{
	width: 120px;
}

/* Media querys*/
@media (max-height: 350px)
{
	.suporteContent .iconBackground
	{
		font-size: 150px;
	}
}

@media (max-width: 650px)
{
	.suporteChatHeader #btRepFechar,
	.suporteChatHeader #btRepTodo,
	.suporteChatHeader #btRepReuniao3CX
	{
		margin-right: 18px;
	}
	
	.suporteChatHeader .btnHeaderNome
	{
		display:none;
	}
	
	.suporteChatHeader .botaoHeaderChamado i
	{
		margin-right: 0px;
	}
}

@media (max-width: 767px)
{
	.suporteCards
	{
		position: absolute;
		top: 40px;
		right: 0;
		left: 0;
		bottom: 0;
		z-index: 1;
		width: unset;
		height: unset;
	}
	
	.suporteContent.aberto
	{
		z-index: 1;
	}
	
	.bloqueioSuporte
	{
		z-index: 2;
	}
	
	.suporteChatFooter .ctAtendimentoMensagem
	{
		height:65px;
	}
	
	.atividadeMensagemFechar
	{
		right:-5px;
	}
	
	.ui-draggable.ui-resizable.exibir
	{
		top: 10px !important;
	    left: 10px !important;
	    right: 10px;
	    bottom: 10px;
	    width: unset !important;
	    height: unset;
	    min-width: unset;
	    min-height: unset;
	}
	
	.suporteHeaderLeft .minhaPrioridadeChamados,
	.suporteHeaderLeft .pesquisaChamados,
	.suporteHeaderLeft .chamadosRelacionados,
	.suporteHeaderLeft .onlineUsers,
	.suporteHeaderLeft .deltaDocs,
	.suporteHeaderLeft .novoChamado,
	.suporteHeaderLeft .infoCID,
	.suporteHeaderLeft .gpt
	{
		font-size: 16px;
		margin-right: 10px;
	}
	
	.suporteHeader .suporteHeaderLeft .dropdown
	{
		max-width: 105px;
	}
	
	.suporteHeader > img
	{
		width: 80px;
	}
}

.suporteHeader .menuToggle.btTemaNoturno i,
.suporteHeader .menuToggle.btTemaLight i
{
	color: #5c3e95;
}

/* Tema Noturno */
body.noturno .suporteChatMensagens
{
	background-color: #282828;
}

body.noturno .suporteChatMensagens
{
	background-color: #282828;
}

body.noturno .suporteChatMensagens .mensagemBox:hover
{
	background-color: rgb(59, 59, 59);
}

body.noturno .suporteChatMensagens .mensagemBoxTextValue
{
	color: #bfbfbf;
}

body.noturno .suporteChatMensagens .mensagemBoxTextUserName.delta 
{
    color: #b9b9b9;
}

body.noturno .suporteChatMensagens .mensagemBoxTextTime
{
	color: #959595;
}

body.noturno .suporteChatMensagens .mensagemBox .avatarMensagemInterna
body.noturno .suporteChatMensagens .mensagemBoxAvatar
{
	color: rgb(192, 192, 192);
}

body.noturno .suporteChatMensagens .mensagemBox .avatarAtividade
{
	color: rgb(89 227 255);
}

body.noturno .suporteChatMensagens .mensagemBoxTextValue.mensagemBoxTextAtividadeValue
{
	background-color: rgba(25, 217, 255, 0.1);
}

body.noturno .suporteChatMensagens .mensagemBox .avatarUsuario,
body.noturno .suporteChatMensagens .mensagemBoxTextUserName
{
	color: rgb(245, 245, 245);
}

body.noturno .suporteChatMensagens .mensagemBoxTextValue.mensagemBoxTextAtividadeExameValue
{
	background-color: rgba(173, 127, 255, 0.15);
}

body.noturno .suporteChatMensagens .mensagemBoxTextValue.mensagemBoxTextAtividadeEspecificacaoValue
{
	background-color: #7f8ff926;
}

body.noturno .suporteChatMensagens .mensagemBox .avatarAtividadeExame
{
	color: rgb(188, 151, 255);
}

body.noturno .suporteChatMensagens .mensagemBox .avatarAtividadeEspecificacao
{
	color: #a4a4ffd6;
}

body.noturno .mensagemBox.arquivo .mensagemBoxArquivoContent
{
	background-color: #353535;
    border: 1px solid #595858;
}

body.noturno .suporteCards .suporteCardsHeader,
body.noturno .suporteChatHeader,
body.noturno .suporteHeader
{
	background-color: rgb(14, 56, 65);
}

body.noturno .suporteChatFooter
{
	background-color: #353535;
}

body.noturno .dropdown-menu.menuRespPronta
{
	background-color: #434343;
	box-shadow:unset;    
}

body.noturno input::placeholder 
{
	color: #d3d3d3 !important;
}

body.noturno .suporteChatFooter .componente .btIACorretor,
body.noturno .suporteChatFooter .componente .btEmoji,
body.noturno .suporteChatFooter .componente .btRespPronta,
body.noturno .suporteChatFooter .componente .btAudioEnviar,
body.noturno .suporteChatFooter .componente .btAtendimentoAnexo,
body.noturno .suporteChatFooter .componente .btAtendimentoEnviar,
body.noturno .suporteChatFooter .componente .btLigar,
body.noturno .suporteChatFooter .componente .btAtividadeEnviar,
body.noturno .suporteChatFooter .componente .btExaminarChamado
{
	color: rgb(245, 245, 245);
}

body.noturno .suporteChatFooter .ctAtendimentoMensagem
{
	background-color: #3b3b3b;
	color: white;
}

body.noturno .suporteCardsResumo,
body.noturno .suporteCards .suporteCardsItens
{
	background-color: #282828;
}

body.noturno .suporteCardsResumo .suporteCardsResumoItemValor
{
	color: #bfbfbf;
}

body.noturno .suporteCardsResumo .suporteCardsResumoItemNome
{ 
	background-color: #29585d;
}

body.noturno .suporteCards .reporteCard
{
	background-color: rgb(59, 59, 59);
	border: 1px solid #8f8f8f;
	box-shadow: 1px 1px 1px 0px rgba(209, 209, 209, 0.5);
}

body.noturno .suporteCards .reporteCardBody,
body.noturno .suporteCards .reporteCardHeader
{
	color: #dddddd;
}

body.noturno .suporteCards .reporteCard:hover
{
	background-color: rgb(95, 95, 95);
}

body.noturno .suporteCards .reporteCard_6067
{
	border-top: 3px solid rgba(111, 109, 255, 0.7);
}

body.noturno .suporteCards .reporteCard_6060
{
	border-top: 3px solid rgba(255, 95, 95, 0.7);
}

body.noturno .suporteCards .reporteCard_6062
{
	border-top: 3px solid rgb(65, 177, 156);
}

body.noturno .suporteCards .reporteCard.selecionado
{
	background-color: #757575;
}

body.noturno .suporteCards .reporteCard_6068
{
	border-top: 3px solid rgba(46, 177, 68, 0.7);
}

body.noturno .suporteCards .reporteCard_6069
{
	border-top: 3px solid rgba(211, 114, 235, 0.7);
}

body.noturno .suporteCards .reporteCard .reportePrioridade.exibir.prioridadeNormal
{
	color: #4bb363;
}

body.noturno .suporteCards .reportCardNotificaMsg
{
	color: rgba(255, 72, 72, 0.7);
}

body.noturno .suporteCards .reportCardNotificaMsg.delta
{
	color: rgba(42, 217, 55, 0.7);
}

body.noturno .select2-container--default .select2-selection--single
{
	background-color: #3b3b3b;
}

body.noturno .componente .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder
{
	color: rgb(109, 109, 109);
}

body.noturno .componente .select2-container--default .select2-selection--single .select2-selection__rendered
{
	color: #e7e7e7;
}

body.noturno .suporteChatHeader .linha .componente .icone
{
	color: #cbcbcb;
}

body.noturno .componente.ctBranch input,
body.noturno .componente.ctDevGrupo input,
body.noturno .suporteChatHeader .linha .componente.ctTempoPrevisto input,
body.noturno .suporteChatHeader .linha .componente.ctTempoCobrado input
{
	background-color: #3b3b3b;
    color: #e7e7e7;
}

body.noturno .mensagemBox .mensagemBoxRespondendo
{
	background-color: rgb(75, 75, 75);
}

body.noturno .suporteChatFooter .divAtividadeMensagem .divCamposAtividade .ctAtividadeHoras
{
	background-color: #3b3b3b;
    color: #e7e7e7;
}

body.noturno .suporteContent .iconBackground
{
	background-color: #282828;
}

body.noturno .ui-draggable.ui-resizable .select2-container--default .select2-selection--single
{
	background-color: #fff;
}

body.noturno .ui-draggable.ui-resizable .componente .select2-container--default .select2-selection--single .select2-selection__rendered
{
	color:black;
}

body.noturno .suporteChatMensagens .mensagemBoxTextValue table
{
	border: 2px solid #608c95;
}

body.noturno .suporteChatMensagens .mensagemBoxTextValue table th
{
	background-color: #42656d;
}

body.noturno #ctFiltroBusca
{
	background-color: #245d69;
    color: #e7e7e7;
}

body.noturno #ctFiltroBusca::placeholder
{
	color: #ffffff42 !important;
}

body.noturno .suporteCards .reporteCard .reportePrioridade.exibir.prioridadeUrgente
{
	color: rgba(241, 102, 115, 0.7);
}

body.noturno .suporteChatMensagens .mensagemBoxTextValue.mensagemBoxTextAtividadeValue code
{
	color: #bfbfbf;
}

body.noturno a
{
	color: #a5d0ff;
}

body.noturno a:hover
{
	color: #71a9e5;
}

body.noturno .suporteChatFooter .divAtividadeMensagem .atividadeMensagemFechar,
body.noturno .suporteChatFooter .divAtividadeMensagem .atividadeMensagemIcone
{
	color: rgb(197, 78, 78, 0.7);
}

body.noturno .suporteCards .reporteCard .iconeExaminando
{
	color: #ccb0ff;
}

body.noturno .suporteCards .reporteCard .iconeExaminando.iconeExaminandoProprio
{
	color: #ffa8a8;
}

body.noturno audio::-webkit-media-controls-play-button,
body.noturno audio::-webkit-media-controls-panel 
{
	background-color: #5f5f5f;
	color: white;
}

body.noturno .suporteContent.delta .suporteChatHeader
{
	background-color: rgb(14, 56, 51);
}

body.noturno .suporteCards .reporteCard .reporteCardNivel
{
	border-color: transparent transparent #1d747d transparent;
}

body.noturno .suporteCards .reporteCard.delta .reporteCardNivel
{
	border-color: transparent transparent #569152 transparent;
}

body.noturno .suporteChatMensagens .mensagemBoxAnexoAtividade.especificacao
{
	background-color: #7f8ff926;
}

.iconeWarning
{
	color:#ffc107 !important;
}