.login-page .logo{
	background: url("../../imagens/logo.png") no-repeat scroll center center transparent;
    display: block;
    height: 88px;
    margin: 0 0 12px;
    text-indent: -9999px;
    width: 100%;
}

.atendimento {
    background-color: #FFFFFF;
    border-bottom: 1px solid #DDDDDD;
    float: left;
    width: 100%;
}
.atendimento .title_atendimento {
    margin: 5px;
}
.atendimento .dsc_atendimento {
    margin: 5px;
}

#anexos ul {
/*     float: left; */
/*     width: 96%; */
}
#anexos ul li {
    float: left;
    list-style: none outside none;
	margin: 15px 5px;
}

#anexos ul li img {
	border-radius:4px;
	margin-bottom: 5px;
}

#anexos ul li .excluir {
	text-align:center;
	width: 128px;
}

label.required-info:before {
        color:#0088CC;
        content:'* ';
        font-weight: bold;
}

.graphBarMini {
  border: 1px solid #ccc;
  float: left;
/*   height: 6px; */
  margin: 5px 5px 0 0;
  width: 100px;
}
.graphBarMini div {  
  background-color: #08c;
  height: 6px;
  width: 0;
}


.rodape {
	background-color: #B6D1F2;
	font-weight: bold;
}

.rodape td {
	color:#428BCA;
}

.box .box-filtros {
	background-color:#fff;
	padding:20px 10px;
}

#filtro_relatorio .box {
	margin-bottom:0!important;
}

.tab-error {
	color:#B94A48!important;
	font-weight:bold;
	background-image: linear-gradient(to bottom, #e09b9a, #fff);
	border-bottom:1px solid #fff!important;
}

.error {
	color: #B94A48;
}

.noty-mg {margin-bottom: 0px;}

#status_destaque {
	padding:10px;
	margin-bottom:2px;
	color: #FFFFFF;
	border-radius: 4px;
}

div.btn-warning, div.btn-warning:hover {
	background-color:#FF863D
}

div.btn-primary, div.btn-primary:hover {
	background-color:#0090FF
}

div.btn-info, div.btn-info:hover {
	background-color:#5AB4DA
}

div.btn-inverse, div.btn-inverse:hover {
	background-color:#595959
}

div.btn-danger, div.btn-danger:hover {
	background-color:#FB3838
}

div.btn-success, div.btn-success:hover {
	background-color:#15B74E
}

div.btn-pink, div.btn-pink:hover {
	background-color:#EA4C89
}

div.btn-gray, div.btn-gray:hover {
	background-color:#AAAAAA
}

/* Esta regra foi incluída para os inputs de contas a pagar e a receber nos casos de parcelamento ou movimentacao fixa, pois estes devem ficar lado a lado */
.input-style {
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	vertical-align: middle;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow
		ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.saldo_negativo{
	color: red !important;
}
  
.saldo_positivo{
	color:green !important;
}

.table-flag-red {
	border-left: 4px solid #FA5A35!important;
}

.table-flag-green {
	border-left: 4px solid #8DCA35!important;
}

.invoice-amount > p > span {
	width:100px;
}

.messages > li > .img-right {
	float: right;
}
.messages .stripped-right > div {
	background-color: #EEF1F4;
	margin-left:0;
	margin-right:80px;
}

.messages .stripped-right > div:before {
	border-left: 10px solid #F7F8F9;
	border-right:0 none;
	right:-10px;
	left:auto;
	border-left-color: #EEF1F4;
}

.messages .stripped-right span {
	float:none!important;
}

div.jp-audio,
div.jp-video {
  /* Edit the font-size to counteract inherited font sizing.
   * Eg. 1.25em = 1 / 0.8em
   */
  font-size:1.25em;
}

.emoji {
    content: "";
    cursor: pointer;
    display: inline-block;
    padding: 2px;
}

.faketextbox {
 	height: 90px;
    display:block;
	background-color: #FFF;
    padding: 5px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
    font-size: 13px;
    overflow-y: auto;
    white-space: pre-wrap;
	height: 30px;
}

.fakeagentetextbox {
	/*width: 90%;*/
  	min-height: 33px;
	max-height: 63px;
	display:block;
	background-color: #FFF;
	padding: 5px;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
	font-size: 13px;
	overflow-y: auto;
	white-space: pre-wrap;
}

form[id^='form_chat_'] {
	display: flex;
	justify-content: center;
	align-items: center;

}

form[id^='form_chat_'] .input {
	flex: 1;
	width: fit-content;
	word-break: break-word;
	margin: 0;
}

form[id^='form_chat_'] .buttons {
	position: relative;
}

.emojicontainer{
	margin-left: 58%;
    
}
#emojiTab.nav{ margin-bottom: 3px; }
#emojiTab ul.dropdown-menu{
	min-width:194px;
    padding: 6px;
}

.progress-bar-magenta {
	background-color: #a200ff !important;
}

.progress-striped .progress-bar-magenta {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255,
		255, 0.15) ), color-stop(0.25, transparent),
		color-stop(0.5, transparent),
		color-stop(0.5, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, transparent), to(transparent) );
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent )
}

.progress-bar-yellow {
	background-color: #ebe810 !important;
}

.progress-striped .progress-bar-yellow {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255,
		255, 0.15) ), color-stop(0.25, transparent),
		color-stop(0.5, transparent),
		color-stop(0.5, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, transparent), to(transparent) );
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent )
}

.progress-bar-light-green {
	background-color: #78cd51 !important;
}

.progress-striped .progress-bar-light-green {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255,
		255, 0.15) ), color-stop(0.25, transparent),
		color-stop(0.5, transparent),
		color-stop(0.5, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, transparent), to(transparent) );
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent )
}

.progress-bar-orange {
	background-color: #f8a31f !important;
}

.progress-striped .progress-bar-orange {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255,
		255, 0.15) ), color-stop(0.25, transparent),
		color-stop(0.5, transparent),
		color-stop(0.5, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, transparent), to(transparent) );
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent )
}

.progress-bar-black {
	background-color: #000 !important;
}

.progress-striped .progress-bar-black {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255,
		255, 0.15) ), color-stop(0.25, transparent),
		color-stop(0.5, transparent),
		color-stop(0.5, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, transparent), to(transparent) );
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent )
}

.progress-bar-pink {
	background-color: #f359a8 !important;
}

.progress-striped .progress-bar-pink {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255,
		255, 0.15) ), color-stop(0.25, transparent),
		color-stop(0.5, transparent),
		color-stop(0.5, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, transparent), to(transparent) );
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent )
}

.progress-bar-gray {
	background-color: #aaa !important;
}

.progress-striped .progress-bar-gray {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255,
		255, 0.15) ), color-stop(0.25, transparent),
		color-stop(0.5, transparent),
		color-stop(0.5, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, transparent), to(transparent) );
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent )
}

.progress-bar-green {
	background-color: #393 !important;
}

.progress-striped .progress-bar-green {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255,
		255, 0.15) ), color-stop(0.25, transparent),
		color-stop(0.5, transparent),
		color-stop(0.5, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, transparent), to(transparent) );
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent )
}

.progress-bar-blue {
	background-color: #368ee0 !important;
}

.progress-striped .progress-bar-blue {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255,
		255, 0.15) ), color-stop(0.25, transparent),
		color-stop(0.5, transparent),
		color-stop(0.5, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, transparent), to(transparent) );
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent )
}

.progress-bar-whastapp {
	background-color: #1a9f10 !important;
}

.progress-striped .progress-bar-whastapp {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255,
		255, 0.15) ), color-stop(0.25, transparent),
		color-stop(0.5, transparent),
		color-stop(0.5, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, transparent), to(transparent) );
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent )
}

.progress-bar-chat {
	background-color: #ffa500 !important;
}

.progress-striped .progress-bar-chat {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255,
		255, 0.15) ), color-stop(0.25, transparent),
		color-stop(0.5, transparent),
		color-stop(0.5, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, transparent), to(transparent) );
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent )
}

.progress-bar-twitter {
	background-color: #55acee !important;
}

.progress-striped .progress-bar-twitter {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255,
		255, 0.15) ), color-stop(0.25, transparent),
		color-stop(0.5, transparent),
		color-stop(0.5, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, transparent), to(transparent) );
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent )
}

.progress-bar-icq {
	background-color: #7ebd00 !important;
}

.progress-striped .progress-bar-icq {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255,
		255, 0.15) ), color-stop(0.25, transparent),
		color-stop(0.5, transparent),
		color-stop(0.5, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, transparent), to(transparent) );
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent )
}

.progress-bar-facebook {
	background-color: #007bff !important;
}

.progress-striped .progress-bar-facebook {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255,
		255, 0.15) ), color-stop(0.25, transparent),
		color-stop(0.5, transparent),
		color-stop(0.5, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, transparent), to(transparent) );
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent )
}

.progress-bar-email {
	background-color: #a70424 !important;
}

.progress-striped .progress-bar-email {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255,
		255, 0.15) ), color-stop(0.25, transparent),
		color-stop(0.5, transparent),
		color-stop(0.5, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, transparent), to(transparent) );
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent )
}

.progress-bar-mercado-livre {
	background-color: #2a368d !important;
}

.progress-striped .progress-mercado-livre {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255,
		255, 0.15) ), color-stop(0.25, transparent),
		color-stop(0.5, transparent),
		color-stop(0.5, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, rgba(255, 255, 255, 0.15) ),
		color-stop(0.75, transparent), to(transparent) );
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent )
}

.list-inline > li > a > [class*="fa-"] {
    font-size: 40px;
    display: inline-block;
    width: 43px;
    text-align: center;
}
.list-inline > li > a > .badge {
    position: relative;
    top: -20px;
    left: -11px;
    border-width: 2px;
    padding-right: 5px;
    padding-left: 5px;
    margin-right: -10px;
    border-radius: 100%;
}

#msg_unificar {
	position: fixed;
  	right: 2.5%;
	width: 40%; 
 }

@media (max-width: 767px) {
	#msg_unificar{
    	bottom: 0;
	    opacity: 0.5;
	    position: fixed;
	    right: 6.5%;
	    width: 53%;
 	}
 	#msg_unificar h2{
		font-size: 1.5em;
 	}
}


/** EFEITO PARA PISCAR TEXTO UTILIZADO NO MONITORAMENTO **/
.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

.oculto{ display: none; }

#versaoSistema {
	position:relative; 
	border-radius: 3px;
	color:#fff; 
	height:38px; 
	line-height:38px; 
	padding-left:10px; 
	margin:0!important;
}

#versaoSistema #look {
	margin:-3px 0 0 10px;
}

#versaoSistema #disable {
	margin:0 0 0 10px;
/* 	color:#fff; */
	cursor:pointer;
}

#versaoSistema #disable:hover {
/* 	color:#fff; */
	text-decoration: underline;
}

#Abas {
	z-index:initial!important;
}

@font-face {
    font-family: 'FontAwesomeChatBot';
    src: url('../../fontawesome/FontAwesome.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    font-weight: 100;
    src: url('../../fonts/poppins/Poppins-ExtraLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 200;
    src: url('../../fonts/poppins/Poppins-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 300;
    src: url('../../fonts/poppins/Poppins-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 400;
    src: url('../../fonts/poppins/Poppins-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 700;
    src: url('../../fonts/poppins/Poppins-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 900;
    src: url('../../fonts/poppins/Poppins-ExtraBold.ttf') format('truetype');
}

.msgResp{
	background-color: #ddd !important;
	padding: 5px;
	margin-bottom: 5px;
	border-radius: 10px;
	display:block;
	font-size:12px;
}

.msgResp .green-audio-player {
	width: 300px;
	background-color: #ececec;
}

.anuncio {
	background-color: #337ab7 !important;
	border: 1px solid #337ab7 !important;
	padding: 15px;
	margin-top: 10px;
	margin-bottom: 5px;
	border-radius: unset;
	display:block;
	font-size:12px;
	color: #fff;
	position:relative;
	text-align: left;
	width: 380px;
}

.anuncio h4 {
	display:block;
}

.anuncio .link {
	background-color:#fff;
	padding: 8px;
	border-radius:5px;
}

.anuncio a {
	font-size: 14px;
}


.anuncio a i {
	font-size: 12px;
}

.anuncio a:hover {
	text-decoration: underline;
}

.anuncio .tipo-anuncio {
	position:absolute;
	top:1px;
	right: 3px;
}

.scroll-active {
	overflow: auto;
}

/* Let's get this party started */
::-webkit-scrollbar {
	width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: rgba(140,140,140,0.6);
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
}
::-webkit-scrollbar-thumb:window-inactive {
	background: transparent;
	/*background: rgba(140,140,140,0.7);*/
}

.tt-hint[disabled], .tt-hint[readonly] {
	cursor:default;
}

.btn-suporte {
	background: url("../../imagens/help-sac.gif") no-repeat scroll center center rgba(224, 212, 237, 0.8);
	width: 43px;
	height: 43px;
	overflow: hidden;
	text-indent: 90px;
	/*bottom: 50%;*/
	/*right: 0;*/
	bottom:60px;
	right: 30px;
	padding: 24px;
	padding-right: 24px;
	line-height: 0;
	font-size: 12px;
	position: fixed;
	border-radius:50px!important;
	z-index: 999999999;
	transition: padding-right 1s, text-indent 1s;
	box-shadow: rgba(0, 0, 0, 0.6) 2px 1px 5px;
}

.btn-suporte span {
	line-height: 0;
	padding:0;
	position: relative;
	top:-3px;
	margin-top: -5px;
	color:#763B8A;
	font-weight: bold;
}

.btn-suporte span i {
	text-indent: 0;
}

.btn-suporte:hover {
	background: url("../../imagens/help-sac.gif") no-repeat scroll 5px center rgba(224, 212, 237, 1);
	text-indent: 25px;
	padding: 24px;
	padding-right: 80px;
}

#mdNotificacaoAsc .alert {
	background-color: #61447E;
	border-radius: 8px;
	color:#fff;
	margin-top: 5px;
}

#mdNotificacaoAsc .alert.tip-notificacao-2 {
	background-color: #961a1a;
	text-align: left;
}

#mdNotificacaoAsc .alert a {
	color:#fff;
	text-decoration: underline;
}

#corpoNotificacao {
	text-align: center;
}

#tabContentEmoji ul {
	list-style-type: none;
	padding-left:10px;
}

#tabContentEmoji ul li {
	float:left;
	padding:5px;
}

#tabContentEmoji ul li span {
	cursor:pointer;
}

.messages .joypixels, .faketextbox .joypixels {
	margin-top: 10px;
}

.div-copiloto {
    background-color: #ecd5f8!important;
}

.div-copiloto:before {
	border-left-color: #ecd5f8!important;
	border-right-color: #ecd5f8!important;
}
.nfm_reply {
	background-color: #f5f2f2 !important;
	border: 1px solid #eef1f4 !important;
	padding: 5px;
	margin-bottom: 5px;
	border-radius: 10px;
	display: block;
	font-size: 12px;
}