body {
	background-color: #fff;
	color: #777;
	font-weight: 300;
}

#btnMinimizarWidget {
	display: none;
	position: fixed;
	top: 10px;
	right: 15px;
	cursor: pointer;
	color: #fff;
}

.linkKB {
	display: none;
}

.barra {
	height: 40px;
	background: #5f5f5f;  /* fallback for old browsers */
	background: -webkit-linear-gradient( #888888, #5f5f5f);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(#888888, #5f5f5f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#barraSuperior>span {
	color: #fff;
    font-weight: 700;
    position: absolute;
    padding: 20px;
    padding-top: 10px
}


/*Pré-chat é a tela que pede o nome e telefone antes de iniciar o chat*/
#mainPreChatBox {
	display: none;
	padding: 10px;
	padding: 20px;
	background-color: #fff;
	color: #777;
}

.form-control {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #777;
    border: 2px solid #777;
    border-radius: 4px;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #777;
    text-align: center;
    border: 2px solid #777;
    border-radius: 4px;
}

#chat_preBtn {
	color: #fff;
	background: none;
	border: 2px solid transparent;
	border-radius: 4px;
}

#chat_preBtn:hover {
	background: none;
}

#mainPreChatBox .chatBtnCont {
}

#mainPreChatBox .chatBtnCont :hover {
}

/*Tela do chat*/
#mainChatBox {
	background: #fff;
	display: none;
	padding: 10px;
}

/*Aviso de esperando por um atendente*/
#chatWaitMsg {
	display: none;
	position: absolute;
	width: 370px;
	text-align: center;
	padding: 50px 0 0 0;
	color: #777;
}

#chatWaitGif {

}
.waitGif {
	height: 100px;
}

/*Mensagem da posição na fila de espera*/
#chatWaitMsg #chatNumFila {
	margin-top: 20px;
	font-style: italic;
}

#chatAvisoInatividade a {
	color: rgb(252, 253, 183);
}

#chatAvisoInatividade {
	font-size: 12px;
	background: #19904b;
	position: absolute;
	color: white;
	padding: 10px;
	width: calc(100% - 20px);
	margin: 0 auto;
}

#chatEndBoxMsgInatividade {
	color: #19904b;
	font-weight: bold;
	text-align: center;
}

#chatAvisoInatividade progress {
	height: 7px;
	width: 110px;
	border: 0px;
}

#chatAvisoInatividade progress::-webkit-progress-bar {
	background-color: yellowgreen;
}

#chatAvisoInatividade progress::-webkit-progress-value {
	background-color: white;
}


/*Quadro onde aparecerão as conversas*/
#chatTalkBox {
	height: 300px;
	overflow-y: auto;
	padding-bottom: 10px;
	background: #fff;
}

/*Cada linha de conversa*/
#chatTalkBox .msgLinha {
	margin: 15px 10px 0 40px;
	padding: 10px;
	min-height: 40px;
	background-color: #f3f2f2;
	border-radius: 15px 15px 0 15px !important;
	text-align: right;
	color: #444444;
}

#chatTalkBox a {
	color: #337ab7;
}


/*Quando a pessoa fala duas vezes seguidas, as mensagens ficam mais próximas*/
#chatTalkBox .msgLinha.continuacao {
	margin-top: 2px;
}

/*Cor diferente quando vem de um atendente*/

#chatTalkBox .msgLinha.atendente {
	background-color: #dcdbdb;
	border-radius: 0 15px 15px 15px !important;
	text-align: left;
	margin-left: 0;
	margin-right: 40px;
}


#chat_userDigitando {
	min-height: 20px;
}

/*Botões de ação do chat*/
.btnChatAction {
	font-size: 13px;
	color: #fff;
	padding: 7px;
	border-radius: 8px;
	background: #5f5f5f;  /* fallback for old browsers */
	background: -webkit-linear-gradient( #888888, #5f5f5f);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(#888888, #5f5f5f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.btnChatAction:hover {
	color: #fff;
}

.btnChatAction:focus {
	color: #fff;
}

#chat_linkAvisoSonoro {
	display: inline;
	color: #fff;
	border-radius: 50%;
	width: 28px;
	padding: 7px;
	background: #5f5f5f;  /* fallback for old browsers */
	background: -webkit-linear-gradient( #888888, #5f5f5f);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(#888888, #5f5f5f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#chat_linkAvisoSonoro i.fa {
	min-width: 17px;
}

/*Quando não é conversa, é algum evento (iniciou o chat, enviou arquivo, encerrou o chat)*/
#chatTalkBox .msgLinha.evento {
	border: 1px solid #5f5f5f;
	background: white;
	border-radius: 15px !important;
	text-align: left;
	margin-bottom: 5px;
	margin-left: 0;
	margin-right: 0;
}

#chatTalkBox .msgLinha.evento div {
	display: inline;
}

#chatTalkBox .msgLinha.evento .msgUser {
	margin-right: 5px;
}

#chatTalkBox .msgUser {
	font-weight: bold;
}

#chatTalkBox .msgData {
	overflow: hidden;
	white-space: nowrap;
	float: right;
	margin-left: 15px;
}

#chatTalkBox .msgMsg {
	word-wrap: break-word;
	white-space: pre-wrap;
	width: 270px;
}

#chatTalkBox .msgMsg .imgInside {
	max-width: 100%;
}

/*Tela de avaliação do atendimento*/
#chatPollBox {
	position: absolute;
	background: white;
	width: 90%;
	text-align: center;
	border-bottom: 1px solid gray;
	padding: 6px;
}

#chatPollBox p {
	font-weight: bold;
}

/*Links de avaliação*/

.chatYesAnswer:hover {
	color: #329432;
}

.chatNoAnswer:hover {
	color: #c14946;
}

.marcado{
	border-radius: 14px;
	color: white;
	margin: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}

.chatYesAnswer.marcado {
	background: #39ab39;
	color: white;
}

.chatNoAnswer.marcado {
	background: #d9534f;
	color: white;
}

/*Mensagem de agradecimento*/
.chatPollThanks {
	display: none;
	padding: 10px 0;
}



/*Tela de chat encerrado.*/
#chatEndBox {
	display: none;
}

#chatEndBox #chatEndTitle {
	font-weight: bold;
	margin: 10px 0;
}

#chatEndBox #lineResolvido {
	margin: 10px 0 20px 0;
}

#chatEndBox #chatEndPollBox {
	background: white;
	cursor: pointer;
	margin: 10px 0 20px 0;
}

#chatEndBox #chatEndLinks {
	margin-top: 25px;
}

#chatEndBox #chatEndLinks div {
	text-align: center;
	padding: 15px 0 15px 10px;
}


.chat_endLinks {
	background-color: #999;
	border-radius: 4px;
	border: 1px solid white;
}

#chatEndBox #chatEndLinks div a {
	color: #fff;
}

/*Tela do formulário que aparece quando o chat está offline*/
#mainContBox {
	display: none;
	padding: 20px;
}


#mainContBox #chatContMsgOk {
	display: none;
	background: white;
	padding: 30px;
	border-radius: 10px;
	margin-bottom: 40px;
	border: 2px solid #bdbdbd;
}

#mainContBox #chatContMsgOk #chatContIconeFecharMsgOk {
	float: right;
	color: gray;
	cursor: pointer;
	position: relative;
	top: -20px;
	right: -15px;
}

#chat_linkEnviarCont {
	color: #fff;
	border: 2px solid transparent;
	width: 100%;
	display: block;
	text-align: center;
	margin-bottom: 15px;
}

#chatContForm .chatBtnCont {
}

#chatContForm .chatBtnCont :hover {
}

#WarningMsgBox {
	position: absolute;
	top: 40px;
	width: 100%;
	z-index: 10;
	opacity: 0.9;
}

.alert-danger {
	color: #d9534f;
	background-color: #ffdcdb;
    border-color: #ffdcdb;
}

.alert-warning {
	color: #329432;
	background-color: #e1efe1;
	border-color: #e1efe1;
}

/*Mensagem de erro quando não completa um campo obrigatório*/
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
	color: #d9534f;
}

.has-feedback input.form-control {
	padding-right: 12px;
}

.has-error .form-control {
	border-color: #d9534f;
}

.bootstrap-dialog.type-success .modal-header {
	background: #5f5f5f;  /* fallback for old browsers */
	background: -webkit-linear-gradient( #888888, #5f5f5f);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(#888888, #5f5f5f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bootstrap-dialog.type-danger .modal-header {
background: #5f5f5f;  /* fallback for old browsers */
	background: -webkit-linear-gradient( #888888, #5f5f5f);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(#888888, #5f5f5f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}