/* here you can put your own css to customize and override the theme */

.modal-full.modal-dialog {
	width: 99%; /*deixa uma margem pequena nos lados*/
}

div.dataTables_paginate {
	position: relative;
	top: 12px;
}

.valor_positivo {
	color: green !important;
}

.valor_negativo {
	color: red !important;
}

/* Deixa o datepicker sempre a frente do modal, evitando que ele fique
 * sobreposto*/
.daterangepicker {
	z-index: 10055 !important
}

/* PRINT PREVIEW */
#imprime_recibo pre {
	border: 0px;
}

#print-modal {
	z-index: 20000 !important;
	-moz-box-sizing: initial !important;
}

/* TESTAR EM OUTRAS RESOLUÇÕES */
.print-modal_recibo {
	margin-left: -200px !important;
	width: 275px !important;
}

#print-modal-controls {
	border-radius: 8px !important;
}

#print-modal-controls a.close {
    background: url("../img/print-preview/icon-close.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0) !important;
}

/* FIM - PRINT PREVIEW */

/*DASHBOARD*/
.dashboard-stat.light_green {
  background-color: #67be66;
}

.dashboard-stat.light_green .more {
  background-color: #238333;
}

.dashboard-stat .more_bigger {
  clear: both;
  display: block;
  padding: 5px 10px 5px 10px;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 14px;
  color: #fff;
  opacity: 0.80;
  filter: alpha(opacity=70);
}

.dashboard-stat .more_bigger:hover {
  text-decoration: none;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.blue .more_bigger {
  background-color: #208dbe;
}

.dashboard-stat.grey {
  background-color: #b7b7b7;
  color: #FFF;
}

.dashboard-stat.grey .more {
  background-color: #8c8c8c;
  color: #FFF;
}
/*FIM - DASHBOARD*/

table.dataTable tr.selected {
	background-color: #FFFE80 !important;
}

/* POPOVER */

[data-popover-style=warning] + .popover .popover-title {
	background: #FBEED5;
	color: #C09853;
	font-weight: bold;
}

[data-popover-style=warning] + .popover .popover-content {
	background: #FCF8E3;
	/*color: #C09853;	*/
}

[data-popover-style=success] + .popover .popover-title {
	background: #D6E9C6;
	color: #468847;
	font-weight: bold;
}

[data-popover-style=success] + .popover .popover-content {
	background: #DFF0D8;
	/*color: #468847;*/
}

/* FIM - POPOVER */

.loading_cadastro {
	background: url('../plugins/select2/select2-spinner.gif') no-repeat 100% center !important;
	padding-right: 25px !important;
}

/* TOPO */

.header .suporte a {
	padding-top: 7px !important;
	padding-bottom: 6px !important;
	color: #DDD !important;
}

.header .notificacoes_tickets a {
	padding-top: 7px !important;
	padding-bottom: 6px !important;
	color: #DDD !important;
}

.header .notificacoes_tickets .badge {
    top: 0px !important;
    right: 5px !important;
    font-weight: bold !important;
    position: absolute !important;
    background-color: #DA2420 !important;
}

/* NOTIFICAÇÕES { */
.header .notificacoes {
    padding-left: 0px !important;
    padding-right: 7px !important;
    cursor: pointer;
}

.header .notificacoes .dropdown-toggle {
    padding: 8px 5px 5px 6px !important;
}

.header .notificacoes .badge {
    top: 0px !important;
    right: -1px !important;
    font-weight: bold !important;
    position: absolute !important;
    background-color: #DA2420 !important;
}

.header .notificacoes .dropdown-menu::before {
    color: #eaedf2 !important;
}

.notificacoes .dropdown-menu {
    right: 6px !important;
    min-width: 160px;
    max-width: 500px;
    width: 500px;
    z-index: 9995;
    box-shadow: 4px 4px rgba(102,102,102,.1);
}

@media (max-width: 700px) {
    .header .notificacoes .dropdown-menu {
        width: 400px;
	}
}

@media (max-width: 450px) {
    .header .notificacoes .dropdown-menu {
        width: 290px;
	}
}

.notificacoes .dropdown-menu .notificacoes-lista {
    position: relative;
    overflow: hidden;
    width: auto;
}

.notificacoes .dropdown-menu .notificacoes-scroll {
    overflow-y: scroll !important;
    height: 250px !important;
}

.notificacoes .dropdown-menu .notificacoes-lista .notificacao {
    border-bottom: 1px solid #d8d8d8;
}

.notificacoes .dropdown-menu .notificacoes-lista .notificacao .notificacao-link {
    display: block;
    clear: both;
    font-weight: 300;
    line-height: 21px;
    white-space: normal;
    font-size: 13px;
    padding: 13px 13px 13px;
    text-shadow: none;
    cursor: pointer;
}

.notificacoes .dropdown-menu .notificacoes-lista .notificacao .data {
    float: right;
    max-width: 75px;
    font-size: 11px;
    font-weight: 400;
    opacity: .7;
    filter: alpha(opacity=70);
    text-align: right;
    padding: 1px 5px;
    background: #d4d4d4;
    padding: 1px 3px 0px 4px;
    border-radius: 3px !important;
    margin-right: -5px !important;
}

.notificacoes .dropdown-menu .notificacoes-lista .notificacao .notificacao-icon {
    padding: 5px !important;
    margin-right: 7px !important;
    text-align: center !important;
    margin-left: -5px !important;
}

.notificacoes .dropdown-menu .notificacoes-lista .notificacao .notificacao-icon i {
     font-size: 13px !important;
}
/* } NOTIFICAÇÕES */

/* { NOTIFICAÇÕES TICKETS */
#dropdown-notificacoes-tickets .notificacoes-lista .notificacao .data {
    max-width: 150px;
}

.destacar_hoje tr.hoje {
	background-color: #EEFFEE;
}
.destacar_hoje td.hoje {
	font-weight: bold !important;
}

/* MOSTRAR/ESCONDER COLUNAS */

.showHideColumn {
	margin-top: 10px;
}

.checkboxColumns label {
	display: block;
	margin-bottom: 0px;
}

.checkboxColumns label input {
	margin-right: 3px;
}

div.dataTables_length label {
	float: none;
	display: block;
}

/* FIM - MOSTRAR/ESCONDER COLUNAS */

.dataTables_wrapper .btn-group a {
	margin-right: 1px !important;
	margin-left: 1px !important;
}

.form-group.label-pad {
	padding-top:27px;
}

.modal-optimal1024.modal-dialog {
	width: 99%;
	max-width: 1024px;
}

@media (min-width: 992px) {
	.width-10pc {
		width: 10%;
	}

	.width-11pc {
		width: 11%;
	}

	.width-14pc {
		width: 14%;
	}

	.width-15pc {
		width: 15%;
	}
}

/* COLUNA MENU DROPDOWN EM TABELAS */

table tr td.menu {
    padding: 0px;
}

table tr td.menu,
table tr th.menu {
    width: 35px;
}

table tr td.menu button {
    border: 0px;
}

table tr td.menu .dropdown-menu {
    background: #FFF;
    border-color: black;
}

table tr td.menu .dropdown-menu li > a {
    padding-left: 8px;
}

table tr td.menu .dropdown-menu li > a i {
    margin-right: 5px;
}

table tr td.menu .dropdown {
    position: absolute;
    right: 21px;
}

table tr td.menu .dropdown .btn {
    background: transparent;
}

table tr td.menu .dropdown-menu {
    /*left: -150px;
    right: 0px;*/
    left: auto !important;
}

.color_red {
    color: red;
}

.color_green {
    color: green;
}

.color_blue {
    color: blue;
}

.color_yellow {
    color: #eca22e;
}

.portlet > .portlet-body.light-grey, .portlet.light-grey {
    background-color: #CCC !important;
}

.portlet.light-grey .disabled,
.portlet.light-grey .select2-chosen {
    color: #CCC;
}

.hide-invisible {
    visibility: hidden !important;
    display: none !important;
}

.invisible {
	visibility: hidden !important;
}

ul.dropdown-menu {
	text-align: left !important;
}

.inline-block {
	display: inline-block;
}


/* ESPAÇAMENTO EM ITENS DE MENU DROPDOWN COM TEXTOS EXTENSOS */
.dropdown-menu li > a {
	padding: 9px 16px;
	line-height: 20px;
	font-size: 16px;
}

.line-through {
    text-decoration: line-through;
}

/* Efeito Pulsate usando CSS3 Transition */
/* important é necessário para funcionar em botões */
.can-pulsate {
	outline: none !important;
	outline-offset: 0px !important;
	transition: outline-offset .4s ease-out !important;
}

.pulsating {
	outline: #FF0 solid 5px !important;
	outline: rgba(255, 255, 0, 0.6) solid 5px !important;
	outline-offset: 25px !important;
}

.recarrega_captcha{
	vertical-align: top;
}

div.loading-captcha {
	width: 180px;
	height: 50px;
	display: inline-block;
	text-align: center;
}

div.loading-export {
	padding: 20px 0px;
}
div.loading-export i.fa-spinner {
	font-size: 72px;
}

span.export-wait {
	font-weight: 500;
}

div.loading-captcha i.fa-spinner {
	font-size: 32px;
	line-height: 50px;
}
.tooltip {
	white-space: normal;
}

.tooltip.tooltip-wide .tooltip-inner {
	min-width: 300px !important;
	max-width: 80%;
}

.popover {
	max-width: 100% !important;
}

/* { MODAIS DE ERROS */

.modal-error .modal-header {
	background-color: #D84A38;
	color: #FFF;
}

.modal-info .modal-header {
	background-color: #387bd8;
	color: #FFF;
}

.modal-warning .modal-header {
	background-color: #ffb848;
	color: #FFF;
}

.modal-error .modal-body,
.modal-info .modal-body,
.modal-warning .modal-body {
	font-size: 14px;
}

/* } MODAIS DE ERROS */

.nowrap {
    white-space: nowrap;
}

.notTribute {
    color: red;
    text-decoration: line-through;
}

.margin-bottom-0 {
    margin-bottom: 0;
}

.file-preview .close {
	display: none;
}

/* Checkbox do Uniform desabilitado tem CSS sobrescrito pelo Bootstrap, usado !important para corrigir */
div.checker input[disabled] {
	opacity: 0 !important;
}


.note-validator{
	padding: 7px !important;
}

.note-validator > li{
	list-style-type: none;
}

.icon-error {
	line-height: 1;
    color: #FFAF12;
}

.add_produto_info{
    padding: 0px;
	border: none;
	height: 20px;
}

/*Alterado has-error para ficar cor amarela*/
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #D58512;
}
.has-error .input-group-addon {
  color: #D58512;
  background-color: #F5FAC2;
  border-color: #D58512;
}
.has-error .form-control-feedback {
  color: #D58512;
}

.has-error .input-icon > i {
  color: #D58512;
}

.has-error .help-inline,
.has-error .help-block,
.has-error .control-label {
  color: #D58512;
}

.has-error .form-control {
  border-color: #D58512;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
  border-color: #D58512;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #F5FAC2;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #F5FAC2;
}

/* Adicionado para mudar fundo e borda dos campos incorretos*/
.has-error .select2-container a,
.has-error .select2-container .select2-arrow,
.has-error .select2-container-active,
.has-error input,
.has-error textarea,
.has-error select{
	border-color: #D58512 !important;
	background-color: #F5FAC2 !important;
}

/*Alterado has-warning para ficar cor azul*/
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #46A0D2;
}
.has-warning .input-group-addon {
  color: #46A0D2;
  background-color: #f2dede;
  border-color: #46A0D2;
}
.has-warning .form-control-feedback {
  color: #46A0D2;
}

.has-warningv .input-icon > i {
  color: #46A0D2;
}

.has-warning .help-inline,
.has-warning .help-block,
.has-warning .control-label {
  color: #46A0D2;
}

.has-warning .form-control {
  border-color: #46A0D2;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
  border-color: #46A0D2;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #b5dffe;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #b5dffe;
}

.has-warning .select2-container a,
.has-warning .select2-container .select2-arrow,
.has-warning .select2-container-active,
.has-warning input,
.has-warning textarea,
.has-warning select{
	border-color: #46A0D2 !important;
	background-color: #e6f5ff !important;
}




/***** NATAL *****/
/*.header.navbar .navbar-brand {
	padding-top: 5px;
	padding-bottom: 5px;
}*/
/***** END NATAL *****/

/*Altera a cor de um icone para preto, se estiver em um <a>*/
a.icon-black {
	color: black;
}

/* { Estilização comum dos modais de visualização */
.ver-container .fato-title,
.ver-container .pre_fato-title,
.ver-container .orcamento-title,
.ver-container .ordem_producao-title,
.ver-container .ordem_servico-title,
.ver-container .cad-title {
    font-size: 16px;
    font-weight: 500;
}

.ver-container .col-divisor {
    border-left: 2px solid #DDD;
    font-size: 14px;
    font-weight: 300;
}
/* } Estilização comum dos modais de visualização */
table.table > tbody > tr > td.action {
    padding: 0px;
}

table td.action {
    width: 5%;
    min-width: 70px;
}

table td.action a {
    margin: 5px;
}

table td.action a i {
    font-size: 18px;
}

table td.action a.editar {
    padding-top: 5px;
    padding-bottom: 5px;
}

table td.action a.editar i {
    font-size: 16px;
}

.table-align-middle tbody > tr > td {
    vertical-align: middle;
}

.col-select2-group .input-group {
    display: block;
    width: 100%;
}

.col-select2-group .select2-container {
    width: 91%;
	width: calc(100% - 40px);
}

/** Não deixar ícones da barra de menu criarem duas linhas em resoluções baixas **/
.header.navbar .navbar-nav {
    clear: none !important;
}
/****/

/*****************************************/
/**           LOADING INICIAL           **/
/*****************************************/

#overlay-loading {
	position: fixed;
	text-align: center;
	z-index: 999999;
    background-color: rgba(0,0,0,0.3);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

#overlay-loading h4 {
    margin: 150px auto;
    color: #444;
    display: inline-block;
    background-color: #eee;
    padding: 40px 100px;
    box-shadow: 0 0 40px #333;
    margin: 150px auto;
}

@media (min-width: 480px) {
	#overlay-loading h4 {
		font-size: 28px;
	}
}

/* Alteração no z-index para a tour aparecer certa quando tem dropdowns*/
.dropdown-menu {
    z-index: 1101 !important;
}

.nav-tabs .disabled {
    color: grey;
    cursor: not-allowed;
}

/* Adição do botão de "Assine Já" na barra superior */
.header .nav {
    margin-top: 4px !important;
}

.assinatura .assine-ja {
    border: 1px solid white;
    border-radius: 15px !important;
    display: none;
    font-size: 14px;
    padding: 0px 30px 4px 30px;
    font-weight: bold;
}

.assinatura .assine-ja.sem-desconto {
    padding: 4px 20px 4px 20px !important;
    margin-top: 2px !important;
}

.assinatura .aviso-fatura {
    border: 1px solid white;
    border-radius: 15px !important;
    padding: 5px 15px;
    margin-top: 2px;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 4px;
}

.assinatura .aviso-fatura-top {
    font-weight: bold;
    color: white;
    text-align: center;
    font-size: 14px;
    padding: 7px 0px 7px 0px;
}

.assinatura .aviso-fatura-info {
    background: #428bca;
}

.assinatura .aviso-fatura-danger {
    background: #d42618;
}

.assinatura .fechar-aviso-fatura-top > i {
    margin-top: 10px;
    margin-right: 10px;
    color: #FFF;
}

/* Cores do botão e aviso de assinatura com desconto */
/* desc-45 - 45% de desconto */
.assinatura .desc-45 {
    background: #3064cf;
    color: #FFF;
}
.assinatura .btn.desc-45:hover {
    background: #2752a9;
}

/* desc-30 - 30% de desconto */
.assinatura .desc-30 {
    background: #23a1c3;
    color: #FFF;
}
.assinatura .btn.desc-30:hover {
    background: #1985a2;
}

/* desc-15 - 15% de desconto */
.assinatura .desc-15 {
    background: #18bd82;
    color: #FFF;
}
.assinatura .btn.desc-15:hover {
    background: #079462;
}

.toast .toast-title {
    text-align: center;
}

.toast .toast-title, .toast strong {
    font-size: 14px;
}

#importacao .portlet .portlet-title .tools a {
    color: #fff;
}
#importacao .fileinput .form-control {
    float: none;
}
[data-toggle="collapse"] {
    cursor: pointer;
}

/*
 * Blankslates styles
 */
.blankslates {
    text-align: center;
    border: #ababab 2px solid;
    border-radius: 10px !important;
    background: #f2f2f2;
}

.blankslates .imagem .fa {
	color: #219965;
	margin-bottom: 10px;
	text-shadow: 1px 1px 0px #166442;
}

.blankslates-btns button {
	margin-top: -10px;
	margin-bottom: 10px;
}

h2.blankslates-title {
    margin-top: -10px;
	margin-bottom: 20px;
}

.blankslates-close {
    margin-top: 5px;
    z-index: 100;
}

.blankslates-info {
    margin-top: 20px;
    border-top: lightgray 1px solid;
}

.blankslates-help {
    margin-bottom: 10px;
}

.blankslates-link-suporte {
    font-weight: 400;
}

@media (max-width: 992px) {
    .blankslates-help {
        margin-top: 0px;
        margin-bottom: 25px;
	}
}

/*
 * Toastr solicitar ligação vendedor styles
 */
#toast-container.toast-bottom-right .toast {
    opacity: 1;
    width: 450px;
    background: #666;
    padding: 20px 20px 25px 15px;
}

#toast-container.toast-bottom-right .toast .toast-title {
    font-size: 17px;
}

/*
 * Hovers nos gráficos da Visão Geral e dos Relatórios
 */
.hover-info-exemplo {
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    color: #000;
    z-index: 10;
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: absolute;
    display: inline-block;
    padding-top: 45px !important;
    transition: opacity .65s ease-out;
}

.hover-info-exemplo .btn {
    margin-left: 3px;
}

.hover-dados-exemplo:hover .plot, /* Visão Geral */
.hover-dados-exemplo:hover .plot_options,
.hover-dados-exemplo:hover .tabelaResumo,
.hover-dados-exemplo:hover .saldo-faturamento,
.hover-dados-exemplo:hover canvas, /* Relatórios */
.hover-dados-exemplo:hover .jqplot-axis,
.hover-dados-exemplo:hover .jqplot-point-label,
.hover-dados-exemplo:hover .exemplo-hover {
    filter: blur(2px);
}

.hover-dados-exemplo:hover .hover-info-exemplo {
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.5);
}

[name="google_conversion_frame"] {
	display: none;
}

/* { Abas */
*:not(.tabs-below) > .nav-tabs li > a {
	border: 1px solid #ddd !important;
	margin: 0 .2em;
	border-radius: .28571429rem .28571429rem 0 0 !important;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7e7e7+0,e7e7e7+95,e0e0e0+100 */
	background: #e7e7e7; /* Old browsers */
	background: -moz-linear-gradient(top, #e7e7e7 0%, #e7e7e7 95%, #e0e0e0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e7e7e7 0%,#e7e7e7 95%,#e0e0e0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e7e7e7 0%,#e7e7e7 95%,#e0e0e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
}

*:not(.tabs-below) > .nav-tabs li:not(.active) > a:not(.disabled):hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,f7f7f7+95,ececec+100 */
	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(top, #f7f7f7 0%, #f7f7f7 95%, #ececec 100%); /* FF3.6-15 */
	background: linear-gradient(to bottom, #f7f7f7 0%,#f7f7f7 95%,#ececec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background: -webkit-linear-gradient(top, #f7f7f7 0%,#f7f7f7 95%,#ececec 100%); /* Chrome10-25,Safari5.1-6 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
}

*:not(.tabs-below) > .nav-tabs li.active > a {
	background: #ffffff;
	border-bottom-color: transparent !important;
}
/* } Abas */

@media (max-width: 768px) {
    #octadesk-octachat-appchat {
        visibility: hidden !important;
        display: none !important;
    }
}

.edit-desconto {
    padding-left: 7px;
    padding-right: 7px;
}

button.troco-como-credito {
    padding-left: 7px;
    padding-right: 7px;
}

li.estoque-negativo {
    background: #fce2e2;
}

li.cliente-inativo {
    background: #fce2e2;
}

span.label-padrao {
    background-color: transparent !important;
    color: gray;
    background-image: none !important;
}

#historico_modal #filtro_mps span.label {
    font-size: 20px;
}

/* { Select2 para filtro de movimentações */
.dropdown-filtro_mps .select2-result-label {
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
}

.dropdown-filtro_mps .select2-result-label span.label {
    display: block; font-weight: bold; height: 100%; font-size: 12px; padding-top: 7px; padding-bottom: 7px; text-align: left;
}

.container-filtro_mps .select2-chosen span.label {
    font-weight: bold !important;
}
/* } Select2 para filtro de movimentações */

/* { Banner CTA Ganhe Desconto */
.page-sidebar .cta {
    text-align: center;
    margin-top: 20px;
}

.page-sidebar .cta img {
    cursor: pointer;
}

body .page-sidebar .cta .ganhe-desconto.banner-retraido {
    width: 100%;
}

body:not(.page-sidebar-closed) .page-sidebar .cta .ganhe-desconto.banner-expandido {
    display: inline;
}

body:not(.page-sidebar-closed) .page-sidebar .cta .ganhe-desconto.banner-retraido {
    display: none;
}

body.page-sidebar-closed .page-sidebar .cta {
    margin-top: -25px;
}

body.page-sidebar-closed .page-sidebar .cta .ganhe-desconto.banner-expandido {
    display: none;
}

body.page-sidebar-closed .page-sidebar .cta .ganhe-desconto.banner-retraido {
    display: inline;
}
/* } Banner CTA Ganhe Desconto */

/* { Modal CTA Ganhe Desconto */
#modalGanheDesconto {
    z-index: 50000 !important;
}

#modalGanheDesconto .modal-header {
    background-color: white;
}

#modalGanheDesconto .modal-header {
    text-align: right;
}

#modalGanheDesconto .modal-header .close {
    border-bottom: 0;
    width: 50px;
    height: 50px;
    background-color: red;
    background-image: none !important;
    color: gray;
}

#modalGanheDesconto .modal-header .fechar {
    background-color: transparent;
    color: gray;
    padding: 0;
    z-index: 1000 !important;
}

#modalGanheDesconto .modal-header .fechar i {
    font-size: 25px !important;
}

#modalGanheDesconto .modal-header {
    border-bottom: 0;
}

#modalGanheDesconto .modal-body {
    background: #434343 url('../img/cta/popup_background.png') no-repeat center 50%;
    padding: 0;
}

#modalGanheDesconto .modal-body .col-texto {
    margin-top: 7%;
    padding-left: 20px;
    text-align: center
}

#modalGanheDesconto .modal-body .col-texto .ganhe-desconto {
    width: 55%;
    border-radius: 5px !important;
    font-weight: bold;
    background-color: #4FBA77;
}

#modalGanheDesconto .modal-body .col-texto img {
    width: 60%;
}

#modalGanheDesconto .modal-body .col-blu {
    margin-top: -20px;
}

#modalGanheDesconto .modal-body .col-blu img {
    width: 100%;
}

@media (max-width: 499px) {
    #modalGanheDesconto .modal-body .col-texto {
        width: 100%;
        margin-bottom: 30px;
    }

    #modalGanheDesconto .modal-body .col-blu {
        display: none;
    }
}

@media (min-width: 500px) and (max-width: 770px) {
    #modalGanheDesconto .modal-body .col-texto,
    #modalGanheDesconto .modal-body .col-blu {
        width: 50%;
    }

    #modalGanheDesconto .modal-body .col-texto {
        margin-top: 5%;
    }

    #modalGanheDesconto .modal-body .col-texto img {
        width: 65%;
    }
}

/* } Modal CTA Ganhe Desconto */

/* { Botão topo de Ganhe Desconto */

.header.navbar .navbar-nav > li.indique_ganhe {
    margin-top: 2px !important;
    margin-right: 100px;
}

.header.navbar .navbar-nav > li.indique_ganhe .ganhe-desconto {
    border: 1px solid #E02222;
    border-radius: 15px !important;
    font-size: 14px;
    padding: 4px 20px 4px 20px;
    font-weight: bold;
    color: #FAFAFA;
    background-color: transparent;
    white-space: nowrap;
}

.header.navbar .navbar-nav > li.indique_ganhe .ganhe-desconto i {
    color: #E02222;
}

@media (max-width: 610px) {
    .header.navbar .navbar-brand {
        width: 35px;
    }

    .header.navbar .navbar-brand .logo {
        display: none;
    }

    .header.navbar .navbar-nav > li.indique_ganhe {
        margin-right: 10px;
    }

    .header.navbar .navbar-nav > li.indique_ganhe .ganhe-desconto {
        padding: 4px 8px 4px 8px;
    }

    .assinatura .assine-ja.sem-desconto {
        padding: 4px 8px 4px 8px !important;
    }

    .header.navbar .navbar-nav > li.indique_ganhe .ganhe-desconto span.texto-1,
    .header.navbar .navbar-nav > li.indique_ganhe .ganhe-desconto span.texto-2,
    .header.navbar .navbar-nav > li.indique_ganhe .ganhe-desconto span.texto-3 {
        display: none;
    }

    .header.navbar .navbar-nav > li.assinatura .assine-ja.sem-desconto i.fa {
        display: inline;
    }

    .header.navbar .navbar-nav > li.assinatura .assine-ja.sem-desconto span.texto-1,
    .header.navbar .navbar-nav > li.assinatura .assine-ja.sem-desconto span.texto-2,
    .header.navbar .navbar-nav > li.assinatura .assine-ja.sem-desconto span.texto-3 {
        display: none;
    }

    .header.navbar .navbar-nav > li.suporte span.texto {
        display: none;
    }
}

@media (min-width: 611px) {
    .header.navbar .navbar-nav > li.assinatura .assine-ja.sem-desconto i.fa {
        display: none;
    }
}

@media (max-width: 800px) {
    .header.navbar .navbar-brand {
        width: 35px;
    }

    .header.navbar .navbar-brand .logo {
        display: none;
    }

    .header.navbar .navbar-nav > li.indique_ganhe {
        margin-right: 20px;
    }

    .header.navbar .navbar-nav > li.indique_ganhe .ganhe-desconto span.texto-1,
    .header.navbar .navbar-nav > li.indique_ganhe .ganhe-desconto span.texto-3 {
        display: none;
    }

    .header.navbar .navbar-nav > li.assinatura .assine-ja.sem-desconto span.texto-1,
    .header.navbar .navbar-nav > li.assinatura .assine-ja.sem-desconto span.texto-3 {
        display: none;
    }

    .header.navbar .navbar-nav > li.indique_ganhe .ganhe-desconto span.texto-2,
    .header.navbar .navbar-nav > li.assinatura .assine-ja.sem-desconto span.texto-2 {
        text-transform: capitalize;
    }
}

@media (min-width: 801px) {
    .header.navbar .navbar-brand .logo-small {
        display: none;
    }
}

@media (min-width: 801px) and (max-width: 900px) {
    .header.navbar .navbar-nav > li.indique_ganhe {
        margin-right: 20px;
    }

    .header.navbar .navbar-nav > li.indique_ganhe .ganhe-desconto span.texto-1,
    .header.navbar .navbar-nav > li.indique_ganhe .ganhe-desconto span.texto-3 {
        display: none;
    }

    .header.navbar .navbar-nav > li.assinatura .assine-ja.sem-desconto span.texto-1,
    .header.navbar .navbar-nav > li.assinatura .assine-ja.sem-desconto span.texto-3 {
        display: none;
    }

    .header.navbar .navbar-nav > li.indique_ganhe .ganhe-desconto span.texto-2,
    .header.navbar .navbar-nav > li.assinatura .assine-ja.sem-desconto span.texto-2 {
        text-transform: capitalize;
    }
}

@media (min-width: 901px) and (max-width: 1045px) {
    .header.navbar .navbar-nav > li.indique_ganhe {
        margin-right: 20px;
    }

    .header.navbar .navbar-nav > li.indique_ganhe .ganhe-desconto span.texto-2 {
        display: none;
    }

    .header.navbar .navbar-nav > li.assinatura .assine-ja.sem-desconto span.texto-2 {
        text-transform: capitalize;
    }

    .header.navbar .navbar-nav > li.assinatura .assine-ja.sem-desconto span.texto-1 {
        display: none;
    }
}
/* } Botão topo de Ganhe Desconto */

.dataTables_length button.close {
    font-size: 10px;
    margin-top: 2px;
    margin-right: 2px;
    width: 15px;
    height: 15px;
    background-size: 100% auto;
}

/* { Huggy */
iframe.powerzap_open_button_iframe[src="about:blank"],
iframe.powerzap_chat_canvas_iframe[src="about:blank"] {
  display:block;
}
/* } Huggy */

.row-adicionar-produto .portlet {
    background-color: #999;
    margin-bottom: 10px;
}

.row-adicionar-produto .portlet > .portlet-title > .caption {
    font-size: 12px;
    cursor: pointer;
    margin-bottom: 0;
    line-height: 25px;
    color: white;
}

.row-adicionar-produto .portlet.solid > .portlet-title {
    margin-bottom: 0;
}

.row-adicionar-produto .portlet.solid > .portlet-title > .tools > a.remove-pergunta {
    background-image: url(../img/portlet-remove-icon-white.png);
}

.row-adicionar-produto .portlet > .portlet-title > .tools > a.remove-pergunta {
    margin-bottom: 2px;
    background-repeat: no-repeat;
    width: 11px;
}

#historico_modal .filtro_mps {
    width: 210px;
    margin-right: 10px;
}

#historico_modal .filtro_produto_servico {
    width: 180px;
}

#modalTrocaPlanoLista .radio {
    margin-top: 0;
    margin-bottom: 0;
}

#modalTrocaPlanoLista ul {
    margin-bottom: 0;
}

#modalTrocaPlanoLista .modal-footer {
    margin-top: 0;
}

#modalCobrancaUsuariosLista .modal-footer {
    margin-top: 0;
}

#modalPagamentoCartaoTef .modal-header {
    background-color: #4d90fe;
    color: white;
}

#modalPagamentoCartaoTef .fa-check,
#verPagamentoCartao .pagamento-status .fa-check {
    color: green;
}

#modalPagamentoCartaoTef .fa-times,
#verPagamentoCartao .pagamento-status .fa-times {
    color: red;
}

#modalPagamentoCartaoTef .retorno-mensagem-cartao {
    margin-top: 20px;
    margin-bottom: 0;
}

#modalPagamentoCartaoTef select.forma_pagamento {
    background-color: white;
}

#verPagamentoCartao .pagamentoCartao {
    cursor: pointer;
}

.col-tef .fa {
    cursor: pointer;
}

.col-tef .fa-pencil {
    color: #4d90fe;
}

.col-tef .fa-times {
    color: #d84a38;
}

.col-tef .fa-bell {
    color: #5cb85c;
    font-size: 14px;
}

#form_pdv .num_parcelas .listaParcelas .col-pagamento_cartao_tef select {
    padding-left: 5px;
}

.dadosPagamentoCartaoTef {
    margin-top: 15px;
}

.dadosPagamentoCartaoTefWrp {
    margin-top: 15px;
}

.col-venda_externa_tef label {
    font-size: 13px;
    margin-top: 3px;
    padding-left: 0px;
}

.col-venda_externa_tef label .checker {
    margin-left: 0px;
}


#produto_fotos .file-drop-zone-title p.principal {
    font-size: 24px;
    color: #555;
}

#produto_fotos .file-drop-zone-title span.instrucoes {
    margin-top: 0;
    font-size: 12px;
    color: #555;
}

.page-sidebar-menu .menu-awise, .page-sidebar-menu .menu-awise-active {
    margin-top: -5px;
    margin-left: 0;
    margin-right: 6px;
}

.page-sidebar-menu .menu-awise {
    display: inline-block;    
}

.page-sidebar-menu .menu-awise-active {
    display: none;
}

.page-sidebar-menu .active .menu-awise {
    display: none;    
}

.page-sidebar-menu .active .menu-awise-active {
    display: inline-block;
}

.hidden-area-transferencia {
  position: absolute;
  top: -9999px;
  left: -9999px;
  opacity: 0;
}

.copy_qrcode_text_pix {
    font-size: 10px;
    border: 1px solid gray;
    padding: 5px 10px 5px 10px;
    border-radius: 10px !important;
    cursor: pointer;
}

.produto_nome_dropdown_foto .select2-results .sem_padding-left {
    padding-left: 0;    
}

.produto_nome_dropdown_foto .select2-results .sem_padding-right {
    padding-right: 0;
}

.produto_nome_dropdown_foto .select2-result {
    height: 60px;
}