@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: #333; 
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #111; 
}
[data-cst]{
	/* display: none; */
}
.nf-buscar-produto-conteudo{
	position: relative;
}
.nf-buscar-produto-resultado{
	left:0px;
	top:37px;
	background: #333;
	border:1px solid #000;	
	font-size: 12px;
	position: absolute;
	width: 100%;
	z-index: 999;
	color:#999;
	max-height: 200px;
	overflow-x: hidden;
	display: none;	
}
.nf-buscar-produto-resultado .nf-buscar-produto-resultado-titulo{
	color:#fff;
}
.nf-buscar-produto-resultado ul li{
	padding: 5px 9px;
	border-bottom: 1px solid #000;
}
.nf-buscar-produto-resultado ul li:hover{
	background: #000;
	cursor: pointer;
}

.input-sugestoes{
	position: relative;
}
.input-sugestoes-lista{
	background: #fff;
	border:1px solid #ddd;	
	font-size: 12px;
	position: absolute;
	width: 100%;
	z-index: 999;
	display: none;
}
.input-sugestoes-lista p{
	font-size: 11px;
	font-weight: 700;
	padding: 4px;
}
.input-sugestoes-lista ul li{
	padding: 2px 9px;
	border-bottom: 1px solid #ddd;
}
.input-sugestoes-lista ul li:hover{
	background: #f3f3f3;
	cursor: pointer;
}
.pedido-frente-caixa-produto-buscar-area{
    position: relative;
}
.pedido-frente-caixa-produto-buscar-area .pedido-frente-caixa-produto-buscar-resultado{
    display: none;
    position: absolute;
    left:0;
    top:0;
    background:#fff;
    border:1px solid #ddd;
    width: calc(100% - 30px);
    left:15px;
    z-index: 9;
    margin-top: 45px;
}
.pedido-frente-caixa-produto-buscar-resultado ul li{
    padding:10px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}
.pedido-frente-caixa-produto-buscar-resultado ul li:hover{
    background: #f3f3f3;
}
.pedido-frente-caixa-produto-buscar-resultado .selected{
	background: #f3f3f3;
}
.valor-escondido{
	color: transparent !important;
	background: rgba(0,0,0,0.05);
}
.valor-escondido i{
	color: transparent !important;
}
.tabela-editar-form{
	display: none;
	background:#f3f3f3;
}
.bloco-paragrafo-linha{
	width: 100%;
	padding-left: 20px;
	/*border-left: 3px solid #ddd;*/
	line-height: 1.8;
	word-wrap: break-word;
}
.ocultar{
	display: none;
}
.mostrar{
	display: block;
}
.alertaTopo{
	width: 100%;
	padding:15px;
	text-align: center;
}
.alertaTopo.alertaTopoVermelho{
	background:red;
	color:white;	
}
.alertaTopo.alertaTopoLaranja{
	background:orange;
	color:black;	
}
.alerta-black-friday{
	background:#1e1e1e !important;
	color: white;
	text-align: unset !important;
}
.chosen-container .chosen-drop{
	top: unset !important;
}
@keyframes blink {
    0% { text-shadow: 0 0 5px #FFF, 0 0 10px #FFF, 0 0 15px #FFF, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 55px #fff, 0 0 75px #fff, 0px 0px 20px rgba(255,255,255,0); }
    50% { text-shadow: none; }
    100% { text-shadow: 0 0 5px #FFF, 0 0 10px #FFF, 0 0 15px #FFF, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 55px #fff, 0 0 75px #fff, 0px 0px 20px rgba(255,255,255,0); }
}

@-webkit-keyframes blink {
    0% { text-shadow: 0 0 5px #FFF, 0 0 10px #FFF, 0 0 15px #FFF, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 55px #fff, 0 0 75px #fff, 0px 0px 20px rgba(255,255,255,0); }
    50% { text-shadow: 0 0 0; }
    100% { text-shadow: 0 0 5px #FFF, 0 0 10px #FFF, 0 0 15px #FFF, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 55px #fff, 0 0 75px #fff, 0px 0px 20px rgba(255,255,255,0); }
}
.alerta-black-friday-piscar {
    -webkit-animation: blink 1.0s linear infinite;
    -moz-animation: blink 1.0s linear infinite;
    -ms-animation: blink 1.0s linear infinite;
    -o-animation: blink 1.0s linear infinite;
    animation: blink 1.0s linear infinite;
}

#fundo-login{
	background:#1c2b36;
}

#pagina-login-conteudo{
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.pagina-login-area{
	background-color: #FFFFFF;
    border-radius: 5px;
    display: inline-block;
    padding: 0px;
    position: relative;
}

.pagina-login-form{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    text-align: center;
    padding: 40px 0;
}
.pagina-login-inputs{
	width:100%;
	text-align: left;
	padding:0px 40px;
}

#painel-geral{
	border-top:2px solid #80c8ff;
	overflow: hidden;
}
#menu-esquerdo{
	z-index: 1;
	border-top:2px solid #80c8ff;
	left:0px;
	top:0px;
	position: fixed;
	height: 100vh;
	width:240px;
	background:#1c2b36;
	overflow-x: hidden;
	display: flex;
	flex-direction: column;
}
#menu-esquerdo.menu-esquerdo-desktop{
	width:240px;
}
#menu-esquerdo.menu-esquerdo-tablet{
	width:60px;
	overflow-x: visible;
}
.menu-esquerdo-logotipo{
	height: 60px;
	background-color: rgba(0,0,0,0.1);
	padding:17px 0px;
	flex-shrink: 0;
}

/* Container da lista do menu com scroll */
#menu-esquerdo .menu-lista-container {
	flex: 1;
	overflow-y: auto;
	overflow-x: hidden;
}
#menu-esquerdo ul li{
	position: relative;
}
#menu-esquerdo ul li a{
	text-decoration: none;
    color: #8699ad;
    display: block;
    padding: 10px 15px;
    font-size: 14px;
    position: relative;
}
#menu-esquerdo ul li a:hover{
	color: #b4c9de !important;	
}
#menu-esquerdo ul li.ativo > a{
    color: #192730!important;
    background-color: #b4c9de;
	font-weight: 600;
}
#menu-esquerdo > ul > li > a > i{
	vertical-align: middle;
    font-size: 14.7px;
    width: 20px;
    display: inline-block;
}
#menu-esquerdo ul li a span{
	vertical-align: middle;
    margin-left: 7px;
}
#menu-esquerdo ul li .submenu{
	background:#1c2b36;
}
#menu-esquerdo ul li.ativo .submenu{
	background:#20303c !important;
}
#menu-esquerdo ul li .submenu li a{
    padding: 7px 15px 7px 47px;
    color: #8699ad;
    display: block;
}
#menu-esquerdo ul li .submenu li a i{
	margin-right: 5px;
}

#menu-esquerdo > ul > li.ativo > .submenu{
	display: block;
}

#conteudo-geral{
	margin-left: 240px;
}
#conteudo-geral.modo-desktop{
	margin-left:240px;
}
#conteudo-geral.modo-tablet{
	margin-left:60px;
}
#conteudo-geral .conteudo-pagina{
	padding:0px 10px 190px 10px;
}
.conteudo-navegacao-topo{
	min-height: 60px;
	background:#ececf1;
}
.conteudo-navegacao-topo-opcoes-esquerda li{
	height: 60px;
	float:left;
}
#navegacao-topo-recolher-menu-mobile{
	display: none;
}
.conteudo-navegacao-topo .conteudo-navegacao-topo-mobile-bars,
.conteudo-navegacao-topo .conteudo-navegacao-topo-link-site{
	cursor: pointer;
	width:50px;
	height:60px;
	font-size:18px;
	padding:0px 7px;
	background:transparent;
	border:0px;
	color:#525f80;;
}
.conteudo-navegacao-topo .conteudo-navegacao-topo-link-site{
	padding-left:14px;
	padding-right:14px;
	border-left:1px solid #ddd;
	width:unset !important;
	line-height: 60px;
	font-size:14px !important;
}
.menu-esquerdo-tablet{
	width:60px;
}
#menu-esquerdo ul li .submenu,
.menu-esquerdo-tablet ul > li > a > span,
.menu-esquerdo-tablet .submenu,
.menu-esquerdo-tablet .selo-menu{
	display: none;
}
.menu-esquerdo-tablet .selo-menu{
	visibility: hidden;
}
.menu-esquerdo-tablet ul > li > a{
	text-align: center;
}
.menu-esquerdo-desktop ul > li > a > span,
.menu-esquerdo-desktop .selo-menu{
	display: unset;
}
#menu-esquerdo .selo-menu{
	margin-top:4px;
	display: inline-block;
    padding: .25em .8em !important;
    font-size:75% !important;
    line-height: 1;
}

/* Rodapé do menu lateral */
.menu-rodape {
    flex-shrink: 0;
    padding: 15px;
    background: rgba(0, 0, 0, 0.2);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.menu-rodape-btn {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 8px;
    text-decoration: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.menu-rodape-btn:last-child {
    margin-bottom: 0;
}

.menu-rodape-btn i {
    width: 20px;
    margin-right: 10px;
    font-size: 16px;
}

.menu-rodape-btn span {
    flex: 1;
}

/* Botão primário (Suporte) */
.menu-rodape-btn-primario {
    background-color: transparent;
    color: #b4c9de;
    border-color: #b4c9de;
}

.menu-rodape-btn-primario:hover {
    background-color: #626ed4;
    color: #ffffff;
    border-color: #626ed4;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(98, 110, 212, 0.3);
}

/* Botão secundário (Serviços) */
.menu-rodape-btn-secundario {
    background-color: rgba(255, 255, 255, 0.05);
    color: #8699ad;
    border-color: rgba(255, 255, 255, 0.1);
}

.menu-rodape-btn-secundario:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: #b4c9de;
    border-color: rgba(255, 255, 255, 0.2);
    text-decoration: none;
    transform: translateY(-1px);
}

.menu-esquerdo-tablet ul li .submenu a{
	padding-left: 10px !important;
	text-align:left !important;
}
.menu-esquerdo-tablet ul li .submenu{
	min-width: 180px;
}
.menu-esquerdo-tablet ul li:hover .submenu{
	top:0;
	left:60px;
	display: block !important;
	position: absolute;
	z-index: 99999;
}

/* Botões do rodapé no modo tablet */
.menu-esquerdo-tablet .menu-rodape {
	padding: 10px 5px;
	flex-shrink: 0;
}

.menu-esquerdo-tablet .menu-rodape-btn {
	padding: 8px;
	margin-bottom: 5px;
	justify-content: center;
}

.menu-esquerdo-tablet .menu-rodape-btn span {
	display: none;
}

.menu-esquerdo-tablet .menu-rodape-btn i {
	margin-right: 0;
	font-size: 18px;
}

/* Container da lista no modo tablet */
.menu-esquerdo-tablet .menu-lista-container {
	flex: 1;
	overflow-y: auto;
	overflow-x: hidden;
}
.conteudo-fluido{
	width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.conteudo-pagina-titulo .pagina-titulo{
	font-size: 18px;
    margin: 0;
    line-height: 30px;
    font-weight: 700;
}
.conteudo-pagina-titulo .conteudo-pagina-caminho{
    padding: 2px 0;
    background-color: transparent;
    margin-bottom: 0;
}
.cartao-destaque{
    position: relative;
    display: -ms-flexbox;
	display: flex; 
    -ms-flex-direction: column;
	flex-direction: column; 
    word-wrap: break-word;
    border-radius: .25rem;
    margin-bottom: 15px;
    background: #626ed4;
    color:#fff;
}
.cartao-destaque-rodape{
	background:rgba(0,0,0,0.08);
	padding:10px;
}
.cartao-destaque-padrao{
	background: #f3f3f3;
	border:1px solid #ddd;
	color:#5b626b;
}
.cartao-destaque-btn{
	position: absolute;
	right:0;
	top:0;
}
.cartao-destaque-btn:hover{
	text-decoration: underline;
}
.cartao-destaque-padrao-light .cartao-destaque-padrao-texto{
	color:#626ed4;
}
.cartao-destaque-padrao-light .cartao-destaque-padrao-progresso span{
	background:#626ed4;
}
.cartao-destaque-padrao-vermelho .cartao-destaque-padrao-texto{
	color:#ea2e4d;
}
.cartao-destaque-padrao-vermelho .cartao-destaque-padrao-progresso span{
	background:#ea2e4d;
}
.cartao-destaque-padrao i:not(.fa-inverse){
	color:#5b626b !important;	
}
.cartao-destaque-padrao-progresso{
	background: #ddd;
}
.cartao-destaque-padrao .cartao-destaque-padrao-progresso span{
	display: block;
	height:3px;
}
.cartao-destaque-padrao .fa-inverse{
	color:#fff !important;
}
.cartao-destaque-descricao{
	padding-top: 10px;
	color:rgba(255,255,255,0.8) !important;
}
.cartao-destaque-conteudo{
	position: relative;
	padding: 1.25rem;
}
.cartao-destaque-conteudo .cartao-destaque-conteudo-btn-acao{
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	display: block;
	position: absolute;
	right:0px;
	top:0px;
	padding:7px 14px;
	color:#fff;
	cursor: pointer;
	background: rgba(0,0,0,0.2);
	/*text-transform: uppercase;*/
	font-weight: 600;
}
.cartao-destaque-conteudo .cartao-destaque-conteudo-btn-acao:hover{
	text-shadow: rgba(255,255,255,0.6) 0px 0px 3px;
}
.cartao-destaque-link{
	color:rgba(255,255,255,0.6);
	display: block;
}
a.cartao-destaque-link:hover{
	transition: 0.2s;
	padding-left:7px;
	text-decoration: none;
	color:rgba(255,255,255,0.9);
}
.conteudo-navegacao-topo-perfil{
	float:right;
	padding:0px 15px;
	height:60px;
	padding-top: 10px;
}
.conteudo-navegacao-topo-perfil img{
	border:2px solid #ccc;
	width:40px;
	height:40px;
	border-radius: 50%;
	margin-right:10px;
	float:left;
}
.conteudo-navegacao-topo-perfil-conteudo{
	height: 40px;
	float:left;
	line-height: 1.8;
}
.conteudo-navegacao-topo-perfil .conteudo-navegacao-topo-perfil-nome{
	font-weight: 700;
	font-size:13px;
	line-height: 13px;
	padding-top:7px;
	display: block;
}
.conteudo-navegacao-topo-perfil-desc{
	font-size:11px;
}
.conteudo-area-branca{
	border: none;
	-webkit-box-shadow: 0 0 13px 0 rgba(236,236,241,.50);
	box-shadow: 0 0 13px 0 rgba(236,236,241,.50); 
	margin-bottom: 30px;
	padding: 1.25rem;
	background:#fff;
	border-radius: .25rem;
}
.conteudo-area-branca .conteudo-area-branca-titulo{
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 2rem;
}
.conteudo-area-branca.cliente-perfil-topo{
	min-height:350px;
}
.conteudo-area-branca-navegacao-menu{
	border:1px solid #ccc;
	border-top-width: 3px;
}
.conteudo-gerenciar-arte-area-conversa{
	padding:20px 10px;
	background:#f3f3f3;
	border:1px solid #ddd;
	width: 100%;
	max-height: 600px; 
	overflow-x: hidden; 
	width: auto; 
	height: 100%;
}
.conteudo-gerenciar-arte-conversa{
	max-width: 90%;
	padding:7px 20px;
	border:1px solid transparent;
	border-radius: 13px;
	margin-bottom: 15px;
	box-shadow: rgba(0,0,0,0.1) 0px 1px 2px;
}
.conteudo-gerenciar-arte-conversa.esquerda{
	float:left;
	background: #fff;
	border-color: #ddd;
	border-bottom-left-radius: 0px !important;
}
.conteudo-gerenciar-arte-conversa.direita{
	float:right;
	background: #ddd;
	border-color: #ccc;
	border-bottom-right-radius: 0px !important;
}
.conteudo-gerenciar-arte-conversa-hora{
	font-size:10px;
}
.botao-tipo-preco{
	border-radius: 4px;
	display: inline-block;
	margin-left: 15px;
	margin-bottom: 15px;
    vertical-align: middle;
    cursor: pointer;
    padding:10px;
    border:1px solid #ddd;
    display: inline-block;
}
.botao-tipo-preco:first-child{
	margin-left: 0px !important; 
}
.botao-tipo-preco input{
	margin-top: 0px !important;
}
.botao-tipo-preco:hover,
.botao-tipo-preco.ativo{
	border-color: #626ed4 !important;
	color:#626ed4 !important;
}
.nestable-tree {
  float: none;
  width: auto;
  max-width: none;
}
.dd-handle.novo{
	border-color: #9bbb9b !important;
    background: #ecfff0 !important;
}
.dd-handle.novo:hover{
	color: #579057 !important;
    background: #d7f5dd !important;	
}
#todas-categorias ul{
	margin-left: 25px;
}
#todas-categorias > li{
	padding:3px 0px;
}
#todas-categorias > li > label{
	font-weight: 700;
}

.dd-item{
  position:relative;
}
.dd-item .dd-handle,
.dd-dragel .dd-handle {
  background: #f3f3f3;
  border: 1px solid #ccc;
  color: #333;
  padding: 7px 20px;
  margin-bottom: 5px;
  font-size:16px !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 0;
}

.dd-item .dd-handle:hover,
.dd-dragel .dd-handle:hover {
  color: #fff;
  background: #333;
  border-color: #111;
}

.dd-item .dd-handle .btn.add,
.dd-item .dd-handle .btn.remove,
.dd-item .dd-handle .btn.edit,
.dd-dragel .dd-handle .btn.add,
.dd-dragel .dd-handle .btn.remove,
.dd-dragel .dd-handle .btn.edit {
  padding: 6px;
  font-size: 12px;
  line-height: 20px;
}

.dd-item .dd-handle .btn:active,
.dd-dragel .dd-handle .btn:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dd-item .dd-handle .tree-handle,
.dd-dragel .dd-handle .tree-handle {
  padding: 6px 8px;
  line-height: 22px;
  background-color: #daf1f8;
  border-right: 1px solid #c5e9f3;
}
.dd-remove{
  width:36px;
  height:36px;
  position: absolute;
  top:0px;
  right:0px;
  font-size:19px;
  line-height: 31px;
  text-align: center;
  color:#d9534f;
  background:rgba(0,0,0,0.2);
}
.dd-remove:hover{
  background:#d9534f;
  color:#fff;
  cursor: pointer;
}
.dd-edit{
  width:36px;
  height:36px;
  position: absolute;
  top:0px;
  right:36px;
  font-size:19px;
  line-height: 31px;
  text-align: center;
  color:#000;
  background:rgba(0,0,0,0.1);
}
.dd-edit:hover{
  background:#000;
  color:#fff;
  cursor: pointer;
}
.paragrafo-linha{
	line-height: 1.8;
	word-wrap: break-word;
}
.paragrafo-linha i{
	margin-right: 5px;
}
.tabela{
	color: #212529;
}
.all-notification{
	width:340px;
	max-width: 100%;
	position: fixed;
	right:0px;
	top:0px;
	z-index: 10000;
}
.notification{
	position: relative;
	left:100%;
	opacity: 0;
	padding:20px;
	margin: 20px 20px 0px 0px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	line-height: 21px;
}
.daterangepicker.dropdown-menu.ltr.opensleft,
.daterangepicker.dropdown-menu.ltr.single.opensright.show-calendar,
.daterangepicker.dropdown-menu.ltr.single.opensright{
	display: none;
	border:1px solid #ddd;
	box-shadow: rgba(0,0,0,0.1) 0px 0px 10px;
}
.orcamento-quantidade{
	min-height: 62px;
	margin-right:5px;
	margin-bottom:5px;
	display: block;
	float:left;
	background:#f3f3f3;
	padding:10px 20px;
	text-align: center;
	line-height: 1.4;
	position: relative;
	cursor: pointer;
}
.orcamento-quantidade:hover,
.orcamento-quantidade.ativo{
	background:#333;
	color:#fff;
}
.orcamento-quantidade input[type=radio]{
	position: absolute;
	left:5px;
	top:5px;
}
.conteudo-area-novo-pedido{
	min-height: 500px
}
#motivoCancelado .modal-conteudo,
.modal-limitada .modal-conteudo{
	max-height: 400px;
	overflow-x: hidden;
}
.modal-janela-extra-larga{
	max-width: 1140px !important;
}
.conteudo-preferencias-area{
	border:2px solid #ddd;
	padding:15px;
	border-radius: 5px;
	background:#f9f9f9;
}
.conteudo-preferencias-area:hover{
	border-color:#ccc !important;
}

/* ## Botão de liga/desliga ## */
.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #fff; border-radius: 50px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: 400;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "Sim";
    padding-left: 9px;
    background-color: #00AD57; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "Não";
    padding-right: 9px;
    background-color: #3D3D3D; color: #FFFFFF;
    text-align: right;
}
.onoffswitch-switch {
	box-shadow: rgba(0,0,0,0.3) 0px 0px 6px;
    display: block; width: 22px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 56px;
    border: 2px solid #fff; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
/* ## Fim Botão de liga/desliga ## */

.CodeMirror-gutter.CodeMirror-linenumbers{
	width: 29px !important;
}
.CodeMirror-sizer{
	margin-left: 30px !important;
}

.limparServidor ul{
  padding-left: 17px;
  list-style-type: none;
}
.limparServidor ul li > ul{
  display: none;
}
.limparServidor ul li span{
  display: block;
  padding:3px 0px;
  border-bottom:1px solid #ddd;
}
.limparServidor ul li span:hover{
  background:#f3f3f3;
  cursor: pointer;
}
.limparServidor ul li span > i{
  margin-left: 5px;
}
.preferencias-area-instalacao{
	background:#fff;
	border:1px solid #ebebeb;
	box-shadow: rgba(0,0,0,0.1) 0px 0px 7px;
	position: relative;
}
.preferencias-area-instalacao:hover{
	border-color: #ddd;
	box-shadow: rgba(0,0,0,0.2) 0px 0px 7px;
}
.preferencias-area-instalacao .btn{
	position: absolute;
	right:10px;
	top:18px;
}
.preferencias-area-instalacao.ativo{
	border-color: #02a499 !important;
}
.preferencias-area-instalacao.ativo:hover{
	border-color: #ea2e4d !important;
}
.preferencias-area-instalacao.ativo:hover .desinstalar{
	border:1px solid transparent;
	display: block;
}
.preferencias-area-instalacao.ativo .desinstalar:hover{
	border-color: #ea2e4d;
	background:#ea2e4d;
	color:#fff;
}
.preferencias-area-instalacao .desinstalar,
.preferencias-area-instalacao.ativo:hover .instalado{
	display: none;
}
.preferencias-area-instalacao.ativo .desinstalar{
	color:#ea2e4d;
}
.preferencias-area-instalacao.ativo .desinstalar,
.preferencias-area-instalacao.ativo .instalado{
	top:14px !important;
	font-weight: 600;
}
.preferencias-area-instalacao.ativo:hover .preferencias-area-instalacao-info{
	display: block;
	border-left:1px solid #ea2e4d;;
	border-right:1px solid #ea2e4d;;
	border-bottom:1px solid #ea2e4d;;
}
.preferencias-area-instalacao-info{
	position: absolute;
	left:-1px;
	top:100%;
	display: none;
	font-size: 13px;
	width: calc(100% + 2px);
	padding:0px 10px 10px 10px;
	background:#fff;
	z-index: 1;
}
.financeiro-lancamentos-conteudo{
	box-shadow: none !important;
	background:transparent !important;
}
ul.financeiro-lancamentos-lista li{
	display: block;
	background:#fff;
	border-bottom:1px solid #ebebeb;
	cursor: pointer;
	font-size: 13px;
}
ul.financeiro-lancamentos-lista li .financeiro-lancamento-conteudo-area{
	padding:9px 0px;
	height:100%;
}
ul.financeiro-lancamentos-lista li:hover{
	background:#f9f9f9;
}
ul.financeiro-lancamentos-lista li:hover .financeiro-lancamentos-lista-nome{
	color:#626ed4 !important;
}
ul.financeiro-lancamentos-lista li:last-child{
	border-bottom: 2px solid #ebebeb;
}
.financeiro-lancamentos-lista-darbaixa{
	display: block;
	cursor: pointer;
	text-align: center;
	font-size:17px;
}
.financeiro-lancamentos-lista-darbaixa .fa:hover{
	text-shadow: rgba(0,0,0,0.1) 0px 0px 6px;
	transform: scale(1.3);
}
.financeiro-lancamentos-lista-darbaixa.pg{
	color:green;
}
.financeiro-lancamentos-lista-darbaixa.np{
	color:#666;
}
.financeiro-lancamentos-lista-obs{
	color:#888 !important;
	font-size: 11px;
}
.financeiro-lancamentos-tipo-icone{
	padding-top: 2px;
	font-size:15px !important;
}
.financeiro-lancamentos-data{
	padding:15px;
	font-size:16px;
}
.financeiro-lancamentos-filtro{
	padding:15px;
	background:#ebebeb;
}
.financeiro-lancamentos-atrasados-alerta{
	display: block;
	text-align: center;
	font-size: 15px;
	background:#fff8d5;
	padding:10px;
}
.financeiro-lancamentos-atrasados-alerta:hover{
	text-decoration: underline;
}
.grupo-lancamentos{
	padding:10px 15px;
	background:#f9f9f9 !important;
}
.btn-grupo-lancamentos{
	cursor: pointer;
	display: block;
	font-weight: 700;
	color:#626ed4;
}
.btn-grupo-lancamentos:hover{
	text-decoration: underline;
}
.lista-grupo-lancamentos{
	margin-top: 10px;
	display: none;
}
.lancamento-atrasado{
	background:#fffae1 !important;	
}
.modal-lancamento-botao-borda .btn{
	border:1px solid transparent;
	color:#626ed4;
}
.modal-lancamento-botao-borda .btn:hover{
	border-color: #626ed4 !important;
}
.modal-lancamento-botao-borda .btn.ativo{
	background-color: #626ed4 !important;	
	color:#fff;
}
.modal-lancamento-botao-borda input[type=checkbox]:not(#excluirTodos){
	display: none;
}
.modal-cabecalho-btn-acao{
	border-radius: 50%;
	display: block;
	width:50px;
	height:50px;
	color:#fff;
	border:2px solid #fff;
	font-size:22px;
	line-height: 45px;
	text-align: center;
	float: right;
	margin-top: 12px;
	margin-right: 20px;
}
.modal-cabecalho-btn-acao:hover{
	background:#fff !important;
}
.fundo-vermelho .modal-cabecalho-btn-acao:hover{
	color:#ea2e4d !important;
}
.fundo-verde .modal-cabecalho-btn-acao:hover{
	color:#02a499 !important;
}
#modalOpcoesParcelado,
#modalOpcoesRepetir,
#modalObs{
	display: none;
}
.modal-financeiro-pg-np{
	cursor: pointer;
}
.modal-financeiro-pg-np input[type=checkbox],
.modal-cabecalho-btn-acao input[type=checkbox],
.financeiro-darbaixa-conteudo input[type=checkbox]{
	display: none;
}
.modal-cabecalho-btn-acao{
	cursor: pointer;
}
.preferencias-campos-briefing li{
	position: relative;
	padding:7px 15px;
	background:#f3f3f3;
	border:1px solid #ddd;
	margin-bottom: 7px;
}
.preferencias-campos-briefing li:hover{
	background: #ebebeb;
}
.preferencias-campos-briefing li .preferencias-campos-briefing-remover{
	cursor: pointer;
	width:35px;
	height:33px;
	background:#ddd;
	display: block;
	position: absolute;
	right:0;
	top:0;
	text-align: center;
	font-size:14px;
	padding-top: 6px;
}
.preferencias-campos-briefing li .preferencias-campos-briefing-remover:hover{
	background:#333;
	color:#fff !important;
}

.chosen-hide-results .active-result:not(.highlighted){
	display: none !important;
}
.contrato-detalhes-plano{
	padding:0px 20px;
}
.contrato-detalhes-plano .linha{
	padding-top:8px;
	padding-bottom:8px;
	border-bottom:1px solid #ebebeb;
}
.contrato-detalhes-plano ul{
	list-style: none;
	padding-left: 0px;
}
.contrato-detalhes-plano ul li{
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #ebebeb;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.contrato-detalhes-plano ul li span{
	width: 50%;
	text-align: left;
}
.contrato-detalhes-plano ul li span:first-child{
	font-weight: 600;
}
.contratar-planos-area{
	margin: 0 auto;
}
.contratar-periodicidade-nav ul{
	display: inline-flex;
}
.contratar-periodicidade-nav li{
	min-width: 130px;
}
.contratar-planos-grade{
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	margin-left: -7px;
	margin-right: -7px;
}
.contratar-planos-item{
	width: 20%;
	padding-left: 7px;
	padding-right: 7px;
	display: flex;
}
.contratar-plano{
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}
.contratar-plano:hover{
	border-color: #000 !important;
	box-shadow: rgba(0,0,0,0.25) 0px 0px 10px;
}
.contratar-plano .painel-conteudo{
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	min-height: 0;
}
.contratar-plano .contratar-btn-link{
	margin-top: auto;
}
.contratar-plano-popular{
	border-color: #02a499 !important;
	box-shadow: rgba(2,164,153,0.25) 0px 0px 10px;
}
.contratar-preco small{
	display: block;
	font-size: 11px;
	color: #666;
	margin-bottom: 5px;
}
.contratar-preco-valor{
	color: #333;
}
.contratar-inclusos{
	padding-left: 0;
}
.contratar-inclusos li{
	padding: 8px 0;
	border-bottom: 1px solid #ebebeb;
}
.contratar-inclusos li:last-child{
	border-bottom: 0;
}
.contratar-inclusos li i{
	width: 16px;
}
@media screen and (max-width:1200px){
	.contratar-planos-grade{
		flex-wrap: wrap;
	}
	.contratar-planos-item{
		width: 33.3333%;
		margin-bottom: 14px;
	}
}
@media screen and (max-width:960px){
	.contratar-planos-item{
		width: 50%;
	}
}
@media screen and (max-width:600px){
	.contratar-planos-item{
		width: 100%;
	}
}
.esconderRelatorio.relatorioBorrado{
	filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-webkit-filter: blur(10px);
}
.variacao-opcao-geral{
	padding-top:7px;
	padding-bottom:7px;
	border-bottom:1px solid #ddd;
}
.variacao-opcao-geral:hover{
	background:#f3f3f3;
}
.destacar-foto-modal-variacao{
	border:2px solid #ddd;
	position: relative;
}
.destacar-foto-modal-variacao:hover{
	border-color: #ccc;
	cursor: pointer;
}
.destacar-foto-modal-variacao input{
	display: none;
	position: absolute;
	left:0;
	top:0;
}
.destacar-foto-modal-variacao.ativo{
	border-color:#626ed4 !important;
}
.elemento-ordernar-estilo{
	background:#f3f3f3;
	border:1px solid #ebebeb;
	padding: 5px;
	position: relative;
}
.elemento-ordernar-estilo .ajaxDeletar{
	position: absolute;
	left:-10px;
	bottom:-10px;
	width:25px;
	height:25px;
	background: #ebebeb;
	text-align: center;
	line-height: 25px;
	border-radius: 50%;
	box-shadow: rgba(0,0,0,0.4) 0px 0px 6px;
}
.elemento-ordernar-estilo .ajaxDeletar{
	cursor: pointer;
}
.elemento-ordernar-estilo .ajaxDeletar:hover{
	transform: scale(1.2);
}

#modalPrimeirosPassos .modal-janela{
	min-width: 80%;
}
.progresso-passos{
	margin:auto;
	width: 80%;
	height:35px;
	margin-top: 10px;
	margin-bottom: 30px;
}
.progresso-passos ul{
	display: flex;
	flex: 1;
	flex-wrap: nowrap;
}
.progresso-passos ul li{
	width: 100%;
	text-align: center;
	position: relative;
	padding-top:8px;
}
.progresso-passos-pequeno{
	width: 50% !important;
}
.progresso-passos-pequeno ul li:after{
	width: 10px !important;
	height: 10px !important;
    top: 11px !important;
	border:1px solid #ccc !important;
	margin-left:-10px !important;
}
.progresso-passos ul li:before{
	height: 1px !important;
}
.progresso-passos ul li:after{
	content:"";
	width:30px;
	height:30px;
	border:2px solid #ccc;
	background:#f2f2f2;
	position: absolute;
	left:50%;
	margin-left:-17px;
	top:0;
	border-radius: 50%;
	z-index: 2;
}
.progresso-passos ul li:before{
	content:"";
	width:100%;
	height:3px;
	background:#ccc;
	position: absolute;
	left:50%;
	top:17px;
	z-index: 1;
}
.progresso-passos ul li:last-child:before{
	width: 0px !important;
}
.progresso-passos ul li i{
	font-size:17px;
	position: relative;
	z-index: 3;
}
.progresso-passos ul li span{
	display: block;
	padding-top: 23px;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 12px;
}
.progresso-passos ul li.ativo i{
	color:#fff !important;
}
.progresso-passos ul li.ativo:after{
	background-color:#5b626b !important;
	border-color:#5b626b !important;
}
.progresso-passos ul li.ativo:before{
	background-color:#5b626b;
}
.progresso-passos ul li.atual:after{
	border-color:#5b626b !important;
}
.progressos-passos-geral{
	display: none;
}
.progressos-passos-geral.ativo{
	display: block;
}
.destaque-icone-vermelho{
	color:rgb(234,46,77);
	animation: pulsar 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	box-shadow: 0 0 0 0 rgba(234,46,77, 0.7);
}
@keyframes pulsar {to {box-shadow: 0 0 0 30px rgba(234, 46, 77, 0);}}

.dropdown {
	position: relative;
	display: inline-block;
}
.dropdown-content {
	right: 0;
	display: none;
	position: absolute;
	background-color: #fff;
	min-width: 180px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
	z-index: 9;
}
.dropdown-content.esquerda{
	right: auto;
	left:0;
}
.dropdown-content a {
	color: black;
	padding: 6px 16px;
	text-decoration: none;
	display: block;
	text-wrap:nowrap;
}
.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;}

.ui-tooltip, .arrow:after {
	background: #333 !important;
	border: 2px solid white;
}
.ui-tooltip {
	text-align: center;
	padding: 10px !important;
	color: #fff !important;
	border-radius: 5px !important;
	font-size:13px !important;
	box-shadow: none !important;
	line-height: 1.5;
}
.arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}
.arrow.top {
	top: -16px;
	bottom: auto;
}
.arrow.left {
	left: 20%;
}
.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.arrow.top:after {
	bottom: -20px;
	top: auto;
}
.cliente-movimentacoes-valor small,
.areaScriptPersonalizado{
	display: none;
}

.usuarios-privilegios-linha{
	padding-top:15px;
	padding-bottom:5px;
	border-bottom:1px solid #ddd;
}
.usuarios-privilegios-linha:hover{
	background:#f3f3f3;
}
.usuarios-privilegios-area .usuarios-privilegios-opcoes{
	display: inline-block;
	min-width: 100px;
	margin-bottom: 10px;
	margin-right: 15px;
}
.usuarios-privilegios-area .usuarios-privilegios-opcoes-lista label{
	width: 100%;
}
.usuarios-privilegios-area label input{
	margin-top: 0px;
	margin-right: 2px;
}

/* 
1200px – Desktops, notebooks com monitores widescreen
***********************************************************/
@media screen and (min-width:1200px){
	.texto-direita-gr{
		text-align: right;
	}
}
/* 
960px – Tablets no formato paisagem e alguns monitores mais antigos
***********************************************************/
@media screen and (max-width:960px){
	.tabela-responsiva{
		width:100%;
		overflow-y: hidden;
		/*border:1px solid #ccc;*/
		padding:15px 0px;
		/*box-shadow: rgba(0,0,0,0.1) 0px 0px 10px inset;*/
	}
}
/* 
768px – Tablets no formato retrato, como o iPad
***********************************************************/
@media screen and (max-width:768px){
	#menu-esquerdo{
		width:60px !important;
		overflow-x: visible;
		display: flex;
		flex-direction: column;
	}
	#menu-esquerdo ul > li > a > span{
		display: none;	
	}
	#menu-esquerdo ul li .submenu a{
		padding-left: 10px !important;
		text-align:left !important;
	}
	#menu-esquerdo ul li .submenu{
		min-width: 180px;
	}
	#menu-esquerdo ul li:hover .submenu{
		top:0;
		left:60px;
		display: block !important;
		position: absolute;
		z-index: 99999;
	}
	#menu-esquerdo .selo-menu{
		visibility: hidden;
	}
	#menu-esquerdo ul > li > a{
		text-align: center;
	}
	
	/* Flexbox para tablet */
	#menu-esquerdo .menu-esquerdo-logotipo{
		flex-shrink: 0;
	}
	
	#menu-esquerdo .menu-lista-container{
		flex: 1;
		overflow-y: auto;
		overflow-x: hidden;
	}
	
	#menu-esquerdo .menu-rodape{
		flex-shrink: 0;
	}

	#conteudo-geral{
		margin-left:60px;
	}
	.conteudo-navegacao-topo-link-site span{
		display: none;
	}
	
	/* Botões do rodapé no modo tablet para telas médias */
	.menu-rodape {
		padding: 10px 5px;
	}

	.menu-rodape-btn {
		padding: 8px;
		margin-bottom: 5px;
		justify-content: center;
	}

	.menu-rodape-btn span {
		display: none;
	}

	.menu-rodape-btn i {
		margin-right: 0;
		font-size: 18px;
	}
}
/* 
480px – Smartphones no formato paisagem com tela pequena
***********************************************************/
@media screen and (max-width:480px){
	button.btn,
	span.btn,
	a.btn{
		margin-bottom: 5px;
	}
	.navegacao-menu li label i{
		font-size: 20px;
	}
	.navegacao-menu li label span{
		display: none;
	}
	.texto-esquerda-pq{
		text-align: left;
	}
	#menu-esquerdo{
		left:-60px;
	}
	#conteudo-geral{
		margin-left:0px;
	}
	.conteudo-navegacao-topo-link-site,
	.oculto-mobile{
		display: none;
	}
	#navegacao-topo-recolher-menu-mobile{
		display: block;
	}
	#navegacao-topo-recolher-menu-desktop,
	.topo-logado-sobrenome{
		display: none;
	}
	#conteudo-geral .conteudo-pagina{
		padding-left: 0px;
		padding-right: 0px;
	}
	/* Ocultar botões do rodapé no mobile */
	.menu-rodape {
		display: none;
	}
	.contratar-periodicidade-nav ul{
		display: block;
	}
	.contratar-periodicidade-nav li{
		display: block;
		width: 100%;
		margin-bottom: 5px;
	}
}
/*
415px – Smartphones no formato retrato com tela grande
***********************************************************/
@media screen and (max-width:415px){

}

/* Minha Conta
***********************************************************/
.mc-status-header{
	padding: 20px 25px;
}
.mc-status-row{
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	align-items: center;
}
.mc-status-item{
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.mc-status-label{
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #888;
	font-weight: 600;
}
.mc-status-value{
	font-size: 14px;
	font-weight: 600;
	color: #333;
}
.mc-status-badge{
	font-size: 13px !important;
	padding: 5px 14px !important;
}
.mc-plano-nome{
	font-size: 22px;
	font-weight: 700;
	color: #333;
	margin-bottom: 15px;
}
.mc-plano-inclusos{
	list-style: none;
	padding-left: 0;
	margin: 0;
}
.mc-plano-inclusos li{
	padding: 7px 0;
	border-bottom: 1px solid #f0f0f0;
	font-size: 13px;
	color: #444;
}
.mc-plano-inclusos li:last-child{
	border-bottom: none;
}
.mc-plano-inclusos li .fa-check{
	margin-right: 6px;
}
.btn-xs{
	padding: 3px 8px !important;
	font-size: 12px !important;
}
@media screen and (max-width:768px){
	.mc-status-row{
		gap: 16px;
	}
	.mc-status-item{
		min-width: calc(50% - 16px);
	}
}