.drop-area{
	position:relative;
	border:2px dashed #ccc;
	border-radius:6px;
	cursor:pointer;
	background:#fafafa;

	width:100%;
	height:100%;          /* mantém altura do grid */
	min-height:120px;

	overflow:hidden;
}

.drop-area:hover{ border-color:#007bff; }
.drop-area.dragover{ border-color:#28a745; background:#eaffea; }

.preview-img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);

	width: 100%;
    height: 100%;

	object-fit:contain;

	opacity:1 !important;        /* <<< garante visibilidade */
	filter:none !important;      /* remove qualquer fade/blur */
	mix-blend-mode:normal;       /* evita efeito de mistura */
}

.drop-area{
	display:flex;
	align-items:center;
	justify-content:center;
}

.overlay{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(255,255,255,0.6);
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-align:center;
	font-size:13px;
	padding:10px;
}

.text-dimensao{ color:red; font-weight:bold; }

.add_bloco_texto i {
	margin-right: 5px;
}

/* ================= VARIÁVEIS (PADRÃO SUAVE) ================= */

:root {
	--bg: #ffffff;
	--bg-soft: #f8f9fa;
	--border: #dfdfdf;

	--text: #495057;
	--text-soft: #6b7280;

	--primary: #6366f1;

	--danger: #ef4444;
	--success: #22c55e;
	--warning: #f59e0b;
	--info: #3b82f6;

	--shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

/* ================= CARD ================= */

.coluna_html_base {
	position: relative;

	background: var(--bg-soft);
	border: 1px solid rgba(0, 0, 0, .08);
	border-radius: 12px;

	padding: 12px 14px;

	color: var(--text);

	box-shadow: 
	var(--shadow),
	inset 0 1px 0 rgba(255, 255, 255, .6);

	transition: all 0.2s ease;
}

/* hover leve */
.coluna_html_base:hover {
	transform: none;
	margin-top: -1px;
	box-shadow: 0 6px 14px rgba(0,0,0,0.06);
}

/* foco */
.coluna_html_base:focus-within {
	border-color: var(--primary);
	box-shadow: 0 0 0 3px rgba(99,102,241,0.12);
}

.chosen-container {
	position: static !important;
}

.chosen-container .chosen-drop {
	position: absolute !important;
	z-index: 999999 !important;
}

/* ================= FORM ================= */

.form-group {
	position: relative;
}

/* label */
.form-group label {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: uppercase;

	color: var(--text-soft);
	margin-bottom: 4px;
}

/* ================= INPUT ================= */

.form-control,
.custom-select {
	width: 100%;
	height: 38px;

	padding: 8px 12px;

	font-size: 14px;
	color: var(--text);

	background: var(--bg-soft);

	border: 1px solid var(--border);
	border-radius: 8px;

	transition: all 0.2s ease;
}

/* foco */
.form-control:focus,
.custom-select:focus {
	background: #fff;
	border-color: var(--primary);
	box-shadow: 0 0 0 3px rgba(99,102,241,0.12);
}

/* ================= CHOSEN ================= */

.chosen-container-single .chosen-single {
	height: 38px;
	display: flex;
	align-items: center;

	background: var(--bg-soft);
	border: 1px solid var(--border);
	border-radius: 8px;

	padding: 0 12px;

	transition: all 0.2s ease;
}

.chosen-container-single .chosen-single:hover {
	border-color: #d1d5db;
}

.coluna_html_base:focus-within .chosen-single {
	background: #fff;
	border-color: var(--primary);
	box-shadow: 0 0 0 3px rgba(99,102,241,0.12);
}

/* dropdown */
.chosen-container .chosen-drop {
	border-radius: 10px;
	border: 1px solid var(--border);
	background: #fff;
	box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

/* opções */
.chosen-container .chosen-results li {
	padding: 8px 10px;
	border-radius: 6px;
}

.chosen-container .chosen-results li.highlighted {
	background: #eef2ff;
	color: var(--primary);
}

/* ================= FEEDBACK ================= */

.invalid-feedback {
	float: left;
	width: 100%;
	margin-top: 4px;
	font-size: 12px;
	color: var(--danger);
}

/* ================= ALERTS MODERNOS ================= */

.alert {
	border-radius: 10px;
	padding: 10px 12px;

	font-size: 13px;
	font-weight: 500;

	border: 1px solid transparent;

	display: flex;
	align-items: center;
	gap: 8px;

	box-shadow: 0 2px 6px rgba(0,0,0,0.05);

	transition: all 0.2s ease;
}



/* ================= AUXILIAR ================= */

.nome_coluna_input_banco {
	font-size: 11px;
	color: #10b981;
	margin-top: 4px;
}

.option_plus_new.manutencao .li_buton{
	margin-bottom: 5px !important;
	margin-top: 0px !important;
}

.option_plus .dropdown-menu-listagem-geral {
	position: absolute !important;
	top: 0px;
	left: -550px !important;
	width: 550px !important;
}

.botao_mais_painel_ul  li{
	width: calc(100% / 2);
	float: left;
	align-items: center;
	justify-content: space-between;
	display: flex;
	margin: 0px;
}

.logs-container { display:flex; height:calc(100vh - 50px); }
.logs-left,.logs-right { height:calc(100vh - 50px);; overflow-y:auto; }
.logs-left { background:#f6f6f6; padding:10px; border-right:1px solid #ddd; }
.tree-root { margin-bottom:15px; }
.tree-list { list-style:none; padding-left:10px; }
.tree-node { margin:8px 0; }

.tree-card-listagem {
	display: flex;
	align-items: center;
	gap: 10px;

	width: 100%;
	height: 100%;

	padding: 10px 10px;

	border-radius: 5px;
	border: 1px solid rgba(0,0,0,0.06);

	background: #ffffff;

	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	color: #111;

	cursor: pointer;

	/* quebra de texto */
	word-break: break-word;
	white-space: normal;

	/* sombra moderna */
	box-shadow: 0 4px 12px rgba(0,0,0,0.05);

	/* animação suave */
	transition: all 0.2s ease;
}

/* hover */
.tree-card-listagem:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(0,0,0,0.08);
	border-color: rgba(0,0,0,0.08);
}

/* clique */
.tree-card-listagem:active {
	transform: scale(0.98);
	box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

/* foco (acessibilidade) */
.tree-card-listagem:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(99,102,241,0.2);
}

.tree-card {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 10px 12px !important;
	display: flex !important;
	gap: 8px;
	cursor: pointer;
	align-items: center;
	text-transform: uppercase;
	font-size: 12px;
	color: #000;
	width: 100%;
}

.botao_mais_painel_ul ul{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}

.tree-card-not-color {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 10px 12px !important;
	display: flex !important;
	gap: 8px;
	cursor: pointer;
	align-items: center;
	text-transform: uppercase;
	font-size: 12px;
	color: #000;
	width: 100%;
	flex-wrap: wrap;
}
.tree-card small { margin-left:auto; font-size:11px; color:#777; }
.tree-card.folder::before { content:"📁"; font-size:18px; color:#7c3aed; }
.tree-card.file::before { content:"📄"; font-size:18px; color:#7c3aed; }
.tree-card:hover { background:#f0f0ff; }
#log-dados { background:#111; color:#0f0; min-height:100%; font-family:monospace; display:flex; align-items:center; justify-content:center; font-size:20px; }

.tooltip-inner{
	max-width:420px;
	white-space:normal;
	text-align:left;
}

.note-editor.note-frame {
	float: left;
	width: 100%;
}
.anyshop_salva_data_inputs_atributos_botao {
	cursor: pointer;
	height: 34px;
	margin-top: 0;
	width: 34px;
	font-size: 16px;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	right: 0;
}

.div_tabela_scroll {
	max-height: 700px;
	overflow-y: auto;
	width: 100%;
}
.bloco_produto {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.campo_produto {
	flex: 1 1 18%;
	border: 1px solid #ccc;
	background-color: #FFF;
}
.campo_titulo {
	font-weight: bold;
	display: block;
	font-size: 12px;
	margin-bottom: 2px;
	text-transform: uppercase;
}
.campo_produto input[type="text"],
.campo_produto .form-control {
	width: 100%;
	padding: 3px 5px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.tabela_galeria {
	width: 100%;
	border-collapse: collapse;
}
.tabela_galeria td {
	padding: 5px;
	text-align: center;
	border: 1px solid #ccc;
}
.tabela_galeria img {
	max-width: 60px;
	max-height: 60px;
}
.altera_0 {
	background: #DFDFDF;
}

.input_green {
	color: #000 important;
	border: solid 2px green !important;
	background: #FFF !important;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3) !important;
	border-radius: 0px !important;
	position: relative !important;
}

.input_red {
	color: #000 important;
	border: solid 2px red !important;
	background: #FFF !important;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3) !important;
	border-radius: 0px !important;
	position: relative !important;
}

.procura_markup_ativos {
	background: #DFDFDF !important;
}

table th {
	text-transform: uppercase;
}

.div_flex_igual {
	display: flex;
	justify-content: space-between; /* Distribui os itens com espaço entre eles */
	gap: 10px; /* Espaçamento entre os itens */
	background: #FFF;
}

.div_flex_igual_item {
	flex: 1; /* Faz com que cada item ocupe o mesmo espaço */
	text-align: center;
	background: #FFF;
}

.topo-sidebar-novo-ids-externos {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: stretch;
}

.load_busca_grupo {
	position: relative;
}

.instrucoes_importantes {
	background-color: rgb(242, 222, 222);
}

.load_busca {
	position: absolute;
	top: 0;
	width: 100%;
	background: #FFF;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	overflow-y: auto;
	max-height: 500px; /* Máximo quando houver conteúdo */
	display: none; /* Oculto inicialmente */
}

.load_busca a{
	display: flex;
	justify-content: space-between;
	justify-items: left;
	align-items: center;
	color: #000;
	border: solid 1px #DFDFDF;
	font-size: 12px;
	font-weight: bold;
}

.load_busca a .div_1{
	display: flex;
	align-items: center;
}

.load_busca a .div_2 small{
	display: grid;
	align-items: center;
	color: red;
}

.load_busca span {
	width: 30px;
	height: 30px;
	overflow: hidden;
	position: relative;
	border: solid 1px #DFDFDF;
	background: #FFF;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.load_busca figure {
}

.load_busca svg {
	fill: #333;
	color: #333;
	width: 50px;
	height: 50px;
}
html .load_busca span.fa {
	font-size: 16px;
}

#listagem-pipeline-novo {
	opacity: 0;
	transition: opacity 0.3s ease;
}


code,
pre {
	overflow: auto;
	max-height: 500px;
	text-align: left !important;
	padding: 10px;
}

.table-container-scroll table th {
	font-size: 12px !important;
}

.titulo_do_produto_imagem_titulo{

	display: flex;
	align-items: center;
	flex-direction: column;
	width: 100%;

}

.img_div_icon_base_url {
	font-size: 12px !important;
	border-radius: 100px !important;
	color: #FFF !important;
	height: 20px !important;
	float: left !important;
	width: 20px !important;
	display: flex !important;
	align-items: center !important;
	text-align: center !important;
	justify-content: center !important;
	height: 20px !important;
	border: none;
	background: #FFF !important;
	color: #000 !important;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3) !important;
	border-radius: 5px !important;
	position: relative !important;
}

html .img_div_icon_base_url img {
	position: absolute !important;
	margin: auto !important;
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	max-width: 70% !important;
	max-height: 70% !important;
}

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

textarea {
	height: 200px !important;
}

.switchery {
	margin-right: 5px !important;
	margin-bottom: 0px !important;
}

._switchery,
.checked_switchery {
	margin-bottom: 0px !important;
}


.toggle-spam {
	font-weight: 600;
	color: #212529;
	white-space: nowrap;
	border: 1px solid #e9ecef;
	float: left;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	font-size: 12px;
	text-align: left;
	cursor: pointer;
	position: relative;
	background-color: rgb(221, 255, 221);
	border-radius: 5px;
}

.toggle-spam i {
	color: #6D29A4 !important;
	border: solid 1px #6D29A4 !important;
	font-size: 12px;
	margin-left: 0;
	width: 25px;
	height: 25px;
	align-items: center;
	text-align: center;
	justify-content: center;
	background: #FFF;
	border-radius: 100px;
	display: flex;
	border: solid 1px #46008C;
}



.user-atrazo-danger .validaFinanceiro .box_shadow,
.user-atrazo-danger .panel-group{
	font-size: 14px;
	float: left;
}

.box-to-animate form{
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
}

.content_news_cadastros {
	margin-right: auto !important;
	margin-left: auto !important;
	padding: 15px 20px 500px 20px;
	display: flex;
	flex-direction: column;
}

.content_news_cadastros .info-box-content {
	padding: 0px 10px;
	margin-left: 0px;
}

.content_news_cadastros .info-box-icon {
	float: left;
	height: 100px;
	text-align: center;
	font-size: 35px;
	line-height: 122px;
	background: rgba(0, 0, 0, 0.2);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	width: initial;
}

.content_news_cadastros .progress-description, 
.content_news_cadastros .info-box-text {
	display: block;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.content__calc {
	flex-grow: 1;
	float: left;
	cursor: pointer;
}

.content__calc:not(:last-child) {
	margin-right: 10px;
}

.content__calc_pai {
	width: 100%;
	display: flex;
	flex-grow: 1;
	float: left;
}

.podcast {
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	background: #46008C;
	align-items: center;
	margin-bottom: 15px;
	cursor: pointer;
	padding: 30px 0px;
	height: 125px;
	overflow: hidden;
}

.tree_arvore li {
	margin: 0px 0;
	list-style-type: none;
	position: relative;
}
.tree_arvore li::before, .tree_arvore li::after {
	content: '';
	left: -20px;
	position: absolute;
	right: auto;
}
.tree_arvore li::before {
	border-left: 1px solid #ccc;
	bottom: 50px;
	height: 100%;
	top: -10px;
	width: 1px;
}
.tree_arvore li::after {
	border-top: 1px solid #ccc;
	height: 20px;
	top: 25px;
	width: 20px;
}
.tree_arvore li .a_link {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ccc;
	display: flex;
	text-decoration: none;
	background: #fff !important;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	border-radius: 5px;
	touch-action: manipulation;
	transition: box-shadow .2s ease-out 0s,border .2s ease-out,border-radius .2s ease-out,background-color .1s ease-out,color .1s ease-out,transform .1s ease-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	background-color: #FFF;
	color: #000;
	align-items: center;
	justify-items: center;
	justify-content: space-between;
}

.label_titulo_3 {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ccc;
	display: flex;
	text-decoration: none;
	background: #fff !important;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	border-radius: 5px;
	touch-action: manipulation;
	transition: box-shadow .2s ease-out 0s,border .2s ease-out,border-radius .2s ease-out,background-color .1s ease-out,color .1s ease-out,transform .1s ease-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	color: #000;
	align-items: center;
	font-size: 12px;
	justify-items: center;
	text-align: center;
}
.label_titulo_3 input{
	margin: 0px 0px 0px 5px;
}

.tree_arvore li .a_link_2 {
	display: grid;
	align-items: center;
	justify-items: left;
	justify-content: space-between;
}

.tree_arvore{
	float: left;
	width: 100%;
	flex-wrap: wrap;
	align-content: stretch;
	position: relative;
	display: flex !important;
	align-items: stretch !important;
}

.tree_arvore li.parent_li > .a_link {
	cursor: pointer;
	position: relative;
}

.tree_arvore > ul > li::before, .tree_arvore > ul > li::after {
	border: 0;
}

.tree_arvore li.parent_li > .a_link:hover, .tree_arvore li.parent_li > .a_link:hover + ul li .a_link {
	background: #eee;
	border: 1px solid #94a0b4;
	color: #000;
}

.ul_principal {
	background: #fff !important;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	border-radius: 5px;
	touch-action: manipulation;
	transition: box-shadow .2s ease-out 0s,border .2s ease-out,border-radius .2s ease-out,background-color .1s ease-out,color .1s ease-out,transform .1s ease-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	background-color: #FFF;
	float: left !important;
	height: 100%;
	display: flex !important;
	align-items: baseline !important;
}

.ul_principal ul,
.ul_principal li,
.ul_principal .a_link{
	float: left;
	width: 100%;
	text-align: left;
	position: relative;
}

.tree_arvore .not_border::before {
	display: none;
}
.tree_arvore .not_border::after {
	display: none;
}

.tree_arvore li:last-child::before {
	height: 35px;
}
.tree_arvore li:last-child::after {
	height: 20px;
}

.qtde_de_produtos {
	color: red;
	display: flex;
	align-items: center;
}

.titulo_arvore {
	display: flex;
	align-items: center;
	flex-direction: column;
	text-align: left;
	justify-content: left;
	justify-items: left;
	width: 100%;
}

.titulo_arvore_2 {
	color: red;
	font-size: 12px;
}

.filtros_ativados .filtros_ativados_sm{
	color: #000;
	margin:0px 10px 10px 0px;
	float: left;
	align-items: center;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	border-radius: 5px;
	cursor: pointer;
	display: flex;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.428571429;
	padding: 5px 10px;
	position: relative;
	text-decoration: none;
	touch-action: manipulation;
	transition: box-shadow .2s ease-out 0s,border .2s ease-out,border-radius .2s ease-out,background-color .1s ease-out,color .1s ease-out,transform .1s ease-out;
}

.filtros_ativados .filtros_ativados_sm i{
	font-size: 10px;
	border-radius: 100px;
	color: #FFF;
	height: 15px;
	float: left;
	width: 15px;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	background: green;
	margin: 0px 5px 0px 0px;
}


.disabled-button {
	opacity: 0.5; 
	cursor: not-allowed; 
}

.disabled-button::before,
.disabled-button::after {
	content: 'X';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 8px;
	font-size: 2em;
	color: red;
}

.carrega_loader_global,
.carrega_loader_global .alert{
	justify-content: center;
	justify-items: center;
}

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

.icones_svg_grupo:hover {
	background: #EFEFEF;
}

.icones_svg_grupo_radio {
	position: absolute;
	opacity: 0;
	display: none;
}

.icones_svg_grupo {
	text-align: center;
	border: solid 1px #DFDFDF;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #FFF;
}

.icones_svg_grupo .icones_svg_grupo_titulo{
	color: red;
	align-items: center;
	justify-content: center;
}

.icones_svg_grupo .icones_svg_grupo_checked{
	align-items: center;
	justify-content: center;
}

.icones_svg_grupo .icones_svg_grupo_icone {
	height: 50px;
	align-items: center;
	justify-content: center;
	border: solid 1px #DFDFDF;
	border-radius: 100px;
	background: #CCC;
}

.icones_svg_grupo .icones_svg_grupo_icone svg {
	width: 30px;
	height: 30px;
	fill: #000;
	color: #000;	
}

html .card-body-config{
	display: flex !important;
	align-items: stretch !important;
}

html .card-body-config .card-body-div{
	display: flex !important;
	align-items: stretch !important;
	flex-wrap: wrap !important;
}

html .card-body-config .btn-app,
html .btn-app-geral{
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 14px !important;
	font-weight: bold !important;
	padding: 20px 15px !important;
	width: 100% !important;
	color: #46008C !important;
	fill: #46008C !important;
	text-transform: uppercase !important;
	border-radius: 3px !important;
	position: relative !important;
	background: #FFF !important;
	height: 100% !important;
	float: left !important;
}

html .card-body-config .btn-app small,
html .btn-app-geral small{
	font-size: 11px !important;
}

html .card-body-config .btn-app:hover,
html .card-body-config .btn-app-geral:hover{
	color: #FFF !important;
	background: #46008C !important;
	border: solid 1px #46008C !important;
}

html .card-body-config .btn-app:hover svg,
html .card-body-config .btn-app-geral:hover svg{
	fill: #FFF !important;
}

html .card-body-config .btn-app svg,
html .card-body-config .btn-app-geral svg{
	fill: #46008C !important;
	width: 50px;
	height: 50px;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
	display: inline-block !important;
	position: absolute !important;
	top: 50% !important;
	right: 0 !important;
	transform: translateY(-50%) !important;
}

.bootstrap-select.form-control.input-group-btn {
	z-index: auto !important;
	background: #FFF !important;
	border: 1px solid #DFDFDF!important;
}

.bootstrap-select .btn-default{
	color: #000!important;
	cursor: pointer !important;
	background: #FFF !important;
	text-transform: uppercase !important;
	border-radius: 0 !important;
	font-size: 12px !important;
	position: relative !important;
	display: block !important;
	padding: 10px 15px !important;
	margin-bottom: 0px !important;
	border: none !important;
	border-left: 1px solid #DFDFDF !important;
}

.dropdown-menu {
	padding: 0px 0 !important;
}

html .botoes_configuracoes_modulos{
	margin-bottom: 15px !important;
}

html .html_entity_decode,
html .content-header,
html .get_html_alert_global_,
html .card-body-config .panel-primary,
html .panel_primary_col_12_botoes_configuracoes,
html .botoes_configuracoes_modulos{
	display: none;
	position: relative;
}

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

.same-height {
	display: flex;
}

.botao_link {
	font-size: 14px;
	border: solid 1px #DFDFDF;
	color: #000;
	text-align: center;
	background: #F8F8F8;
	border-radius: 5px;
	text-transform: uppercase;
	justify-content: center;
	font-weight: bold;
}

.label {
	font-size: 12px;
}

tr:last-child .tamanho_arquivos span:last-child {
	border-bottom: none;
}

.bloco_padrao_com_sobra {
	text-indent: 0 !important;
	background: #FFF;
	color: #000;
	align-items: center;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	border-radius: 5px;
	cursor: pointer;
	padding: 5px 10px;
	touch-action: manipulation;
	transition: box-shadow .2s ease-out 0s,border .2s ease-out,border-radius .2s ease-out,background-color .1s ease-out,color .1s ease-out,transform .1s ease-out;
}


.titulo_do_produto_imagem {
	background-color: #DFDFDF;
	border: 1px solid #ccc;
	border-radius: 5px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	width: 120px;
	height: 70px;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.titulo_do_produto_imagem a {
	position: absolute !important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.titulo_do_produto_imagem a img{
	max-width: 90%;
	max-height: 90%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.options_ordenacao {
	justify-content: end;
}

.options_ordenacao span{
	font-size: 20px;
	color: #666;
	cursor: pointer;
}

.imagem_list_produto .tamanho_arquivos{
	width: 100%;
	font-size: 12px;
	text-align: left;
}


.tamanho_arquivos{
	width: 100%;
	font-size: 12px;
	text-align: left;
}

.checkbox_label {
	border: solid 1px #DFDFFD; 
	margin-bottom: 0px; 
	padding: 10px; 
	cursor: pointer; 
	float: left; 
	display: inline-grid; 
	align-items: center;
}

.checkbox_label small{
	color: red;
}

.listagem_padrao_row{
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
	box-shadow: 0 3px 1px rgb(0 0 0 / 5%);
}

.filtros_final label.checked{
	font-size: 12px !important;
	border-radius: 2px !important;
	display: flex;
	align-items: center;
	float: left;
	background: #EFEFEF;
	border: solid 1px #DFDFDF;
	color: #000;
}

.filtros_final input[type=checkbox], 
.filtros_final input[type=radio]{
	margin: 0px 5px 0px 0px !important;
}

.filtros_final label.checked span{
	margin-right: 5px;
}

.filtros_final .form-group.form-group-padrao label.checked {
	background: #fff;
	border: none;
}

.filtros_final hr{
	margin-top: 10px;
	margin-bottom: 10px;
}

.filtros_final .panel-group{
	margin-bottom: 0px;

}

.filtros_final .panel-default {
	border-color: #ddd;
	margin-top: 0;
	margin-bottom: 5px;
}

.filtros_final .panel-default>.panel-heading {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
	padding: 10px 15px;
}

.filtros_final .panel-title {
	margin-top: 0;
	margin-bottom: 0;
	color: inherit;
	font-size: 13px;
	color: #000;
	font-weight: bold;
	cursor: pointer;
	position: relative;
}

.filtros_final .panel-title i {
	position: absolute;
	right: 0;
}


.filtros_final .blocos {
	float: left;
/*width: 100%;*/
border: solid 1px #DFDFDF;
margin-bottom: 10px;
padding: 10px 10px;
}

.filtros_final .blocos h3 {
	margin-bottom: 5px;
	margin-top: 0;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

.filtros_final .panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #ddd;
}

.filtros_final .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
	border-top: 1px solid #ddd;
}

.filtros_final .busca_status {
	float: left;
	width: 100%;
	margin-top: 10px;
}

.filtros_final .busca_botoes {
	float: left;
	width: 100%;
	margin-top: 5px;
}

.filtros_final .row-flex {
	display: flex;
	padding: 10px;
	align-items: stretch;
	flex-direction: row;
	flex-wrap: wrap;
}

.filtros_final .row-flex div[class*="col-sm-"] {
	padding: 0;
}

.filtros_final .row-flex .col {
	flex-grow: 0;
}

.filtros_final .blocos {
	margin-right: 10px;
}

.filtros_final .pr-0 {
	padding-right: 0px !important;
}

.filtros_final .pr-1 {
	padding-right: 10px !important;
}

.filtros_final .pr-2 {
	padding-right: 20px !important;
}

.filtros_final .pr-3 {
	padding-right: 30px !important;
}

.filtros_final .pl-0 {
	padding-left: 0px !important;
}

.filtros_final .pl-1 {
	padding-left: 10px !important;
}
.filtros_final .pl-2 {
	padding-left: 20px !important;
}

.filtros_final .pl-3 {
	padding-left: 30px !important;
}

.filtros_final .mr-0 {
	padding-right: 0px !important;
}

.filtros_final .mr-1 {
	padding-right: 10px !important;
}

.filtros_final .mr-2 {
	padding-right: 20px !important;
}

.filtros_final .mr-3 {
	padding-right: 30px !important;
}

.filtros_final .ml-0 {
	padding-left: 0px !important;
}

.filtros_final .ml-1 {
	padding-left: 10px !important;
}
.filtros_final .ml-2 {
	padding-left: 20px !important;
}

.filtros_final .ml-3 {
	padding-left: 30px !important;
}

.filtros_final .filtro_status{
	color: #FFF !important;
}

.filtros_final .filtro_ativo{
	background: green !important;
	border: solid 1px green !important;
	color: #FFF !important;
}

.ALERTA_LISTAGEM_PADRAO span,
.alerta_listagem_padrao span{
	color: #FFF !important;
}

#listagem td div {
	word-wrap: break-word;
	white-space: pre-line;
}

html .painel .sidebars {
	z-index: 1111;
}

.modal {
	text-align: center;
	padding: 0!important;
}

.modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.master_admin,
.master_admin a{
	background: #dfdf !important;
}

.tag_transmissoes {
	background-color: #FFF;
	border: solid 1px #DFDFDF;
}

.imagem_list_produto a {
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100px;
	position: relative;
}

.imagem_list_produto a img{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

.user-danger-admin {
	position: fixed;
	z-index: 9999999999999999;
	background: red;
	color: #FFF;
	right: 0;
	bottom: 0;
	padding: 10px;
}

.carrega_graficos_painel_ajax {
	float: left !important;
	width: 100% !important;
}

.content_news_cadastros .carrega_graficos_painel_ajax {
	float: left !important;
	width: 100% !important;
	padding: 0px;
}

html .botao_logs_status {
	font-size: 10px !important;
	margin-bottom: 10px !important;
	margin-right: 10px !important;
}

.tag_forma_envio {
	background: #EFEFEF;
	border: solid 1px #DFDFDF;
}

.tag_forma_envio img{
	width: 20px;
}

.aletin_manutencao .bs-callout {
	margin: 20px0;
	padding: 15px 30px 15px 15px;
	border-left: 5px solid #eee;
}

.aletin_manutencao .bs-callout-warning {
	background-color: #fefbed !important;
	border-color: #f1e7bc !important;
}

.aletin_manutencao .bs-callout h4 {
	margin: 0;
}

.aletin_manutencao .bs-callout p {
	margin-top: 10px;
}

html .box-body.box-body-card{
	padding: 20px 20px  20px! 20px important;
}


html .card-body-config .btn-app[data-view="view_manutencao_loja_messenger"] svg path:first-child {
	fill: #46008C !important;
}

html .card-body-config .btn-app[data-view="view_manutencao_loja_messenger"]:hover svg path:first-child {
	fill: #fff !important;
}

html .card-body-config .btn-app[data-view="view_manutencao_loja_messenger"]:hover svg path {
	fill: #46008C !important;
}

html .card-body-config .btn-app svg,
html .card-body-config .btn-app .fa,
html .card-body-config .btn-app-geral svg,
html .card-body-config .btn-app-geral .fa{
	font-size: 45px !important;
	margin-bottom: 15px !important;
}

.selos_geral_menu{
	position: absolute;
	right: 5px;
	top: 0px;
	bottom: 0px;
	margin: auto;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	line-height: 1;
}

.pull-right-container-selo-new {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25em;
	background-color: #f39c12 !important;
	color: #FFF !important;
	display: flex !important;
	align-items: center !important;
	text-align: center !important;
	justify-content: center !important;
}

.pull-right-container-selo-premium {
	background-color: #FFF !important;
	color: #000 !important;
	width: 20px !important;
	height: 20px !important;
	border-radius: 100px !important;
	display: flex !important;
	align-items: center !important;
	text-align: center !important;
	justify-content: center !important;
	margin-left: 5px !important;
}

.tag_venda i{
	font-size: 15px;
	margin-right: 5px;
}

div.dataTables_filter label {
	width: 100% !important;
	margin-left: 0 !important;
	position: relative;
	height: 100%;
	margin-bottom: 0;
}

div.dataTables_filter input {
	margin-left: 0 !important;
	width: 100% !important;
	margin-bottom: 10px !important;
}

html .span_alerta {
	font-size: 18px;
	font-weight: bold;
	background: red;
	color: #FFF;
	margin-top: 10px;
	width: 100%;
	float: left;
	padding: 5px 0px;

}

html body .label_input_produtos {
	border: solid 1px #DFDFFD;
	margin-bottom: 0px;
	padding: 10px;
	cursor: pointer;
	float: left;
	display: flex;
	align-items: center;
	text-align: left;
	flex-wrap: wrap;
	letter-spacing: 1px;
}

html body .label_input_produtos hr {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	border: 0 !important;
	border-top: 1px solid #eee !important;
	float: left !important;
	width: 100% !important;
}

html body .box-body-geral,
html body .box-body-global {
	border: solid 1px #DFDFDF !important;
	background: #F5F5F5 !important;
	padding-top: 10px !important;
	margin-bottom: 20px !important;
	float: left !important;
	width: 100% !important;
}

html body .remover_imagem_html {
	display: flex !important;	
	align-items: center !important;	
	background: red !important;	
	padding: 10px !important;	
	margin-top: 10px !important;	
	float: left !important;	
	color: #FFF !important;		
	padding-bottom: 10px !important;	
}

html body .remover_imagem_html input {
	width: 13px;
	height: 13px;
	vertical-align: middle;
	position: relative;
	margin-right: 10px;
	margin-top: 0;
}

html body li.plupload_delete a,
html body li.plupload_done a {
	background-repeat: no-repeat !important;
}

html body .plupload_button.plupload_add {
	background: #cecece;
	border-color: #cecece;
}

html body .plupload_button.plupload_start:hover {
	background-color: rgb(0, 166, 90);
}

.panel-body {
	position: relative;
}

.panel.panel-primary {
	float: left;
	width: 100%
}

/* containers */

.tags_vendas,
.tags_produtos {
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	width:100%;
}

/* padrão das tags */

.tag_,
.tag_venda{
	display:inline-flex;
	align-items:center;
	gap:6px;

	padding:6px 12px;

	font-size:12px;
	font-weight:600;

	border-radius:30px;

	color:#fff;

	letter-spacing:.2px;

	transition:all .2s ease;

	box-shadow:0 1px 2px rgba(0,0,0,.12);

	cursor:pointer;
}

.tag_ i,
.tag_venda i{
	font-size:12px;
	opacity:.9;
}

/* hover moderno */

.tag_:hover,
.tag_venda:hover{
	transform:translateY(-1px);
	box-shadow:0 4px 10px rgba(0,0,0,.15);
	filter:brightness(1.05);
}

/* ===================== */
/* CORES MODERNAS */
/* ===================== */

.tag_caixa{
	background:linear-gradient(135deg,#7950f2,#5f3dc4);
}

.tag_orcamento{
	background:linear-gradient(135deg,#ff922b,#f76707);
}

.tag_comentarios_media{
	background:linear-gradient(135deg,#5c7cfa,#364fc7);
}

.tag_quantidade_perguntas{
	background:linear-gradient(135deg,#fcc419,#f59f00);
}

.tag_solicitacao_produtos{
	background:linear-gradient(135deg,#22b8cf,#0b7285);
}

.tag_cupom{
	background:linear-gradient(135deg,#495057,#343a40);
}

.tag_afiliado{
	background:linear-gradient(135deg,#ffd43b,#fab005);
	color:#000;
}

/* ideias */

.canal_ideias_desenvolvimento{
	background:linear-gradient(135deg,#ffa94d,#fd7e14);
}

.canal_ideias_desenvolvida{
	background:linear-gradient(135deg,#51cf66,#2f9e44);
}

.canal_ideias_cadastrada{
	background:linear-gradient(135deg,#cc5de8,#ae3ec9);
}

/* feed */

.elegivel_feed{
	background:linear-gradient(135deg,#69db7c,#37b24d);
}

.ilegivel_feed{
	background:linear-gradient(135deg,#ff6b6b,#e03131);
}

/* produto */

.tag_situacao_produto.novo{
	background:linear-gradient(135deg,#cc5de8,#9c36b5);
}

.tag_situacao_produto.unidade_medida{
	background:linear-gradient(135deg,#495057,#212529);
}

.tag_situacao_produto.usado{
	background:linear-gradient(135deg,#ff8787,#fa5252);
}

/* vendas */

.tag_data_venda{
	background:linear-gradient(135deg,#f06595,#c2255c);
}

.tag_sob_consulta{
	background:linear-gradient(135deg,#f06595,#c2255c);
}

.tag_sob_agendamento{
	background:linear-gradient(135deg,#748ffc,#4263eb);
}

/* produtos */

.tag_variacao{
	background:linear-gradient(135deg,#38d9a9,#099268);
}

.tag_kit{
	background:linear-gradient(135deg,#4dabf7,#1c7ed6);
}

.tag_simples{
	background:linear-gradient(135deg,#ffa94d,#e67700);
}

/* tipos */

.tag_tipo_produto_1{
	background:linear-gradient(135deg,#51cf66,#2b8a3e);
}

.tag_tipo_produto_2{
	background:linear-gradient(135deg,#f783ac,#d6336c);
}

.tag_tipo_produto_3{
	background:linear-gradient(135deg,#868e96,#495057);
}

.tag_tipo_produto_5{
	background:linear-gradient(135deg,#63e6be,#12b886);
}

.classe_get_versoes {
	height: inherit !important;
	align-items: center !important;
	white-space: inherit !important;
}


.icones_svg_grupo i {
	font-size: 25px;
}

.no-bottom {
	margin-bottom: 0 !important;
}

.g-recaptcha {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: center;	
}

.box-footer {
	width: 100% !important;
	display: inline-block !important;
}

.bg_cor_global {
	position: relative; 
	display: flex; 
	align-items: center
}

.bg_cor {
	background: #4d4d4d;
	width: 20px;
	height: 20px;
	margin-right: 10px;	
	border:solid 1px #DFDFDF;
}

.titulo_global_painel h2,
.titulo_global_painel h2 .btn{
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

.titulo_global_painel h1{
	text-transform: uppercase;
	font-size: 15px;
	display: flex;
	align-items: center;
	margin-bottom: 0;
	margin-top: 0;
}

.titulo_global_painel h1 i{
	margin-right: 5px;
	font-size: 13px;
	width: 25px;
	height: 25px;
	align-items: center;
	text-align: center;
	justify-content: center;
	background: #FFF;
	border-radius: 100px;
	display: flex;
}

.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png-) 50% 50% repeat-x !important;
	color: #222222;
	font-weight: bold;
}

.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png-) 50% 50% repeat-x !important;
	font-weight: normal;
	color: #212121;
}

.box-body {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	padding: 20px;
}
.div_quebra_linha {
	word-wrap: break-word !important
}

html .lista_transmissao .dropdown-menu{
	padding: 0px 0;
	margin: 0px 0 0;
	top: 30px;
	right: 0;
	left: inherit;
}

html .validaDimensaoGeralBanner{
	margin-top: 30px;
}

html .categorizacao_label input[type="checkbox"]{
	margin-right: 7px
}

html .categorizacao_label{
	font-weight: 500 !important;
	font-size: 13px !important;
	color: #777 !important;
	text-transform: uppercase !important;
	text-align: left !important;
	border: solid 1px #DFDFDF;
	padding: 10px 10px;
	margin-bottom: 0px !important;
	display: flex;
	align-items: center;
}

.content_financeiro .card-box
{
	min-height: 440px;
	margin-right: 0px; 
	float: none; 
	animation-duration: 0.3s;
	animation-delay: 0s;
	border: solid 1px #FFF; 
	padding: 10px; 
	background: #FFF;
	height: 440px;
}


div[class^="user-atrazo"] {
	padding: 20px 25px 20px 25px;
	color: #484848 !important;
	background-color: #484848c7 !important;
	display: flex;
	align-items: center;
}

div[class^="user-atrazo"] h4 {
	font-size: 18px;
	width: 100%;
	float: left;
	margin-top: 10px;
	color: #000;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	margin-bottom: 15px;
	text-align: center;
	justify-content: center;	
}

div[class^="user-atrazo"] h4 svg {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	fill: #000;
}

.panel-instrucoes img {
	max-width: 100% !important
}

.panel-instrucoes .panel-heading {
	cursor: pointer !important;
	background: red !important; 
	border-color: red !important; 
	color: #FFF !important;
}

.mapeamento_libs {
	background: green;
	margin-top: 15px;
	float: left;
	width: 100%;
	padding: 15px 15px;
	color: #FFF;
	text-transform: uppercase;	
}

.btn-remover-filtros {
	border-radius: 0px !important;
	margin-bottom: 0px !important;
	margin-right: 0px !important;
	position: absolute;
	right: 55px;
	top: 5px;
}

.tag-filters {
	list-style: none;
	float: left;
	width: 100%;
	margin-bottom: 0;
	margin: 0;
	padding: 0;
}

.tag-filters .tag-filter-item-remover a {
	background-color: red;
	color: #FFF;
	display: flex;
	align-items: center;
	border: 1px solid red;
}

.tag-filters .tag-filter-item {
	position: relative;
	float: left;
	background-color: #EFEFEF;
	margin-right: 10px;
	margin-bottom: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	display: flex;
	align-items: center;
	border: 1px solid #DFDFDF;
}

.tag-filters .tag-filter-content-after {
	z-index: 1;
	width: 24px;
	height: 24px;
	background-color: #eeeeee;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.tag-filters .tag-filter-content {
	font-size: 12px;
	color: #000;
	padding: 5px 10px;
	text-transform: uppercase;
	font-weight: 500;
}

.tag-filters .tag-filter-close {
	position: relative;
	z-index: 2;
	font-size: 14px;
	float: right;
	line-height: 32px;
	color: #a9a9b1;
	cursor: pointer;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
}

.tag-filter-close a {
	padding: 10px;
	color: #FFF;
}

.content__calc .info-box {
	width: 100%;
	margin-bottom: 10px;
	float: left;
	background: #FFF;
	color: #000;
	text-indent: 0 !important;
	align-items: center;
	cursor: pointer;
	display: flex;
	font-size: 12px;
	font-weight: 500;
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, .1);
}


.copy-btn {

}

.box-body.classe_scroll {
	padding: 0px !important;
	height: 600px !important;
	overflow-y: scroll !important;
}

.modal-body {
	position: relative;
	padding: 15px 20px;
	display: inline-block;
	width: 100%;
}

.buton_gateways_manutencao {
	float: left;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;	
}

.buton_gateways_manutencao li,
.buton_gateways_manutencao li a {
	float: left;
}

.buton_gateways_manutencao li a {
	line-height: 1.42857143 !important;
	clear: both !important;
	font-weight: 400 !important;
	color: #212529 !important;
	white-space: nowrap !important;
	background-color: transparent !important;
	border: 1px solid #e9ecef !important;
	float: left !important;
	height: 40px !important;
	display: flex !important;
	align-items: center !important;
	margin: 0 !important;
	text-transform: uppercase !important;
	font-size: 13px !important;
	text-align: left !important;
	padding: 5px 10px;
	cursor: pointer;
}

.buton_gateways_manutencao li a:hover {
	background: #e9ecef !important;
}

.buton_gateways_manutencao li a img {
	width: 35px;
	margin-right: 8px;
}

*:focus {
	outline: none !important;
	border-color: inherit !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

html .manutencao .img_div_icon {
	width: 25px !important;
	height: 25px !important;
}

html .img_div_icon {
	margin-right: 5px !important;
	font-size: 15px !important;
	margin-left: 0 !important;
	align-items: center !important;
	text-align: center !important;
	justify-content: center !important;
	color: #46008C !important;
	background: #FFF !important;
	border-radius: 100px !important;
	display: flex !important;
	border: solid 1px #46008C !important;
	position: relative !important;
	overflow: hidden !important;
	width: 25px !important;
	height: 25px !important;
}

html .img_div_icon svg,
html .img_div_icon img {
	position: absolute !important;
	margin:auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	max-width: 70%;
	max-height: 70%;
}


html .botao_mais_painel{
	display: flex;
	width: 48px;
	margin-right: 0px;
	margin-left: 0px;
	float: right;
	justify-content: center;
	align-items: center;
}

.sidebar-menu > li > a > .fa, .treeview-menu a > .fa {
	margin-right: 5px !important;
	margin-bottom: 0px;
	font-size: 15px;
}

.table.table-striped.table-bordered tbody tr td.sorting_1{
	font-size: 13px !important;
}

#listagem-pipeline svg  {
	width: 15px;
	height: 15px;
	margin-right: 2px;
	margin-top: 2px
}

.bs-callout-warning {
	background-color: #fefbed !important;
	border-color: #f1e7bc !important;
}

.bs-callout {
	margin: 20px 0;
	padding: 15px 30px 15px 15px;
	border-left: 5px solid #eee;
}

.bs-callout h4 {
	margin: 0;
}

.bs-callout p {
	margin-top: 10px;
}

code {
	padding: 2px 4px;
	font-size: 90%;
	color: #c7254e;
	white-space: nowrap;
	background-color: #f9f2f4;
	border-radius: 4px;
}

.dropdown.tasks-menu ol{
	padding: 0px;
	line-height: normal;
	list-style: none;
	background: #DFDFDF;
}

.dropdown.tasks-menu ol li a{
	background: #EFEFEF !important;
	border-bottom: 1px #FFF solid !important;
	font-size: 12px !important;
	text-transform: uppercase !important;
	padding: 10px !important;
}

.dropdown.tasks-menu ol li a i,
.dropdown.tasks-menu ol li a svg{
	margin-right: 10px 
}

a.btn_what_link{
	position: relative;
	background-color: #2b9a1f;
	box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
	color: #fff !important;
	display: inline-block;
	padding: 5px;
	width: 38px;
	height: 32px;
	text-align: center;
	float: right;

}
a.btn_what_link:hover{
	background-color: #1ebea5;
	color: #fff !important;
}

a.btn_what_link i {
	font-size: 20px;
}


.seller[data-v-e5c5a73c] {
	border: solid 1px #DFDFDF;
	padding: 10px;
	font-size: 12px;
	color: #666;
	margin-bottom: 10px;
	background: #FFF;
	margin-top: 10px;
	float: left;
	width: 100%;
	display: block;
}

.seller__name[data-v-e5c5a73c] {
	text-decoration: underline;
	color: #333;
}

.label_url {
	float: left;
	text-align: left;
	width: 100%;
	padding: 10px;
	font-size: 15px;
	margin-bottom: 10px;
	line-height: 23px;
}

.seo_pagina{
	margin-top: 20px;
	width: 100% !important;
	padding: 20px !important;
	font-size: 17px !important;
	color: #FFF !important;
}

.seo_pagina:hover {
	background-color: #46008C !important;
	border-color: #46008C !important;
}

.label_url a{
	cursor: pointer !important;
	font-size: 14px !important;
	border-bottom: 0px #DFDFDF solid !important;
	padding: 5px 10px !important;
	float: left !important;
	width: 100% !important;
	color: #000 !important;
}

.label_url a:hover {
	background: transparent !important;
}

#dlg-result .modal-dialog,
#modalLoginCadastraForm .modal-dialog
{
	width: 90% !important
}

#dlg-result .content-wrapper{
	margin: 0 !important;
	min-height: inherit !important;
	background: #FFF !important;
	float: left !important;
	width: 100% !important;
	border: solid 1px #DFDFDF !important;
	border-radius: 5px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

.btn-group-lg > .btn, .btn-lg {
	padding: 15px 10px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
}

#dlg-result .btn-group-lg > .btn, #dlg-result .btn-lg {
	padding: 15px 10px !important;
	width: 100% !important;
	font-size: 15px !important;
	font-weight: 600 !important;
}

#dlg-result .content-wrapper .content-header,
#dlg-result .content-wrapper .tabs_person,
#dlg-result .content-wrapper .tabe_facylit{
	display: none !important;
}

#dlg-result .content {
	padding: 0px 0px !important;
}

#dlg-result .modal-header .close {
	margin-top: 0px !important;
	background: red !important;
	color: #FFF !important;
	padding: 6px 15px !important;
	position: absolute !important;
	right: 1px !important;
	top: 0 !important;
	z-index: 3333 !important;
	opacity: 1 !important;
}

#dlg-result .modal-header {
	min-height: inherit !important;
	padding: 0 !important;
	border: none !important;
}

.modal-dialog {

	width: 600px;
	margin: 30px auto;
	z-index: 999999999999 !important;

}

.header-titulo-checklist {
	padding: 10px 15px;

	float: left;

	width: 100%;

	background:
	#DFDFDF;

	color:
	#000;

	text-transform: uppercase;

	display: flex;

	align-content: center;

	align-items: center;
	justify-content: space-between;
}

.header-titulo-checklist i{
	font-size: 25px;
}


.header-titulo-checklist h4 {
	display: inline-block;
	color:
	#000;
	font-size: 15px;
	margin: 0;
	font-weight: bold;
}

.close-header-titulo-checklist {
	margin: 0;
	cursor: pointer;
	color:
	#000;
	display: inline-block;
}

.step_by_step_text {
	display: block;
	position: relative;
	padding: 3px 10px 6px 25px;
}

.step_by_step_content a {
	cursor: pointer;
}

.step_by_step_text {
	display: block;
	position: relative;
	padding: 3px 10px 6px 25px;
}

/* CSS REQUIRED */
.state-icon {
	left: -5px;
}
.list-group-item-primary {
	color: rgb(255, 255, 255);
	background-color: rgb(66, 139, 202);
}

/* DEMO ONLY - REMOVES UNWANTED MARGIN */
.list-group {
	margin-bottom: 0px;
}

.state-icon.glyphicon.glyphicon-check {
	color: #44d666;
	display: none;
}

.state-icon.glyphicon.glyphicon-unchecked {
	color: red;
	display: none;
}

.list-group-item.active{

	z-index: 1;
	color: #000;
	background-color:
	#fff;

	border: 1px solid
	#ddd;

}

.list-group-item.active:focus, 
.list-group-item.active:hover {

	z-index: 1;
	color: #000;
	background-color: #EDEDED;
	border-color: #EDEDED;

}

.list-group-item:hover {

	z-index: 1;
	color: #000;
	background-color: #EDEDED;
	border-color: #EDEDED;

}
.page-header {
	margin: 10px 0 20px 0;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	color: #555;
	cursor: default;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
	text-transform: uppercase;
	font-weight: bold;
}

.nav-tabs>li>a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
	text-transform: uppercase;
	font-weight: bold;
}

.table tr td .progress {
	margin-top: 0;
	height: 5px;
}

.content_alerta {
	position: fixed;
	bottom: 0;
	left: 0;
	margin: 0 !important;
	background-color: red !important;
	z-index: 111111;
	width: 100%;
	padding: 0px !important;
	font-size: 13px;
	color: #FFF;
}

.content_alerta .box-body-alerta {
	padding: 20px !important;
	background: #FFF !important;
	display: block;
	color: #000;
}

.content_alerta .box-header.with-border- {
	padding: 10px 20px 10px 20px !important; 
	margin-bottom: 1px solid #FFF !important; 
	margin-top: 1px solid #FFF !important;
}

.swal2-container{
	z-index: 9999999999999999 !important; 
}
.control-sidebar-dark .form-filtro button{
	width: 100% !important;
	padding: 10px !important;
}

.control-sidebar-dark .form-group label{
	padding-bottom: 0 !important;
	margin-bottom: 1px !important;
	font-weight: 500 !important;
	font-size: 1em !important;
	color: #777 !important;
	text-transform: uppercase !important; 
}

.control-sidebar-dark .form-group:hover {
	background-color: transparent !important;
}   

.control-sidebar-dark .box-header{
	border-bottom: 3px solid #1CD5AF !important;
}

.control-sidebar-dark .box.box-primary {
	border: none !important;
}

html,body, select {
	font-size: 14px !important
}

.visualizar-button {
	background: #46008C !important;
	border: solid #46008C 1px !important;
}

.status-perfect {
	height: 100%;
	width: 100%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: white;
	border-radius: 4px;
	font-size: 18px;
}

form.form-signin .input-group-btn:last-child>.btn{
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.ajax-loader{
	margin-left: 12px;
}

.btn-app .descricao{
	display: block;
	text-align: center;
}

.categorizacao h4{
	padding-left: 10px;
}

.form-control[disabled], 
.form-control[readonly], 
fieldset[disabled] .form-control{
	background-color:#fff;
}

#form-remove{
	display: inline-block;
}
.c_red{
	color: red;
}
.c_pointer{
	cursor: pointer;
}

.btn-black{
	background-color: #000;
	border-color: #222;
	color: #fff;
}

.btn-purple{
	background-color: #7F017F;
	border-color: #7F017F;
	color: #fff;
}

.btn-pink{
	background-color: #FEBFCA;
	border-color: #FEBFCA;
	color: #FFF;
}

.btn-cyan{
	background-color: #00FEFE;
	border-color: #00FEFE;
	color: #000;
}

.btn-gray{
	background-color: #7F7F7F;
	border-color: #7F7F7F;
	color: #FFF;
}

.btn-salmon{
	background-color: #F97F70;
	border-color: #F97F70;
	color: #FFF;
}

.btn-magenta{
	background-color: #FE00FE;
	border-color: #FE00FE;
	color: #FFF;
}

.bg-magenta{
	background-color: #FE00FE;
	color: #FFF;
}

.bg-purple{
	background-color: #7F017F;
	color: #FFF;
}

.clear{
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.note-editor .btn-default {
	display: inline-block !important;
	width: auto !important;
	text-align: center !important;
	color: #222 !important;
	padding: 3px 10px!important;
	text-transform: uppercase !important;
	background-color: #ffffff !important;
	position: relative !important;
	max-width: inherit !important;
}
.note-editor .btn-default i{
	font-size: 12px !important;
	position: relative !important;
	margin-top: 0 !important;
	margin-left: 0 !important;
}
.note-editor .note-editable{
	background-color: #fff;
}

table.dataTable{
	width: 100% !important;
}

.ColVis_collection{
	width: 270px !important; 
}

.galeria_imagem .input-group{
	display: block;
}
.galeria_imagem .input-group-btn .btn{
	width: 50%;
/* width: 100%; */
}
.galeria_imagem .sortable{
	padding:0;
	margin: 0; 
}
.galeria_imagem .sortable li{
	display: block;
	position: relative;
	border: 1px solid #f4f4f4 !important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	background-color: white;
	padding: 5px !important;
	float: left;
	margin-bottom: 15px;
	list-style: none;
}
.galeria_imagem .sortable li span.btn{
	position: absolute;
	background-color: #F4F4F4;
	color: #2b2b2b;
	font-size: 10px;
	opacity: 0;
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	-ms-transition: all 100ms ease-in;
	-o-transition: all 100ms ease-in;
	transition: all 100ms ease-in;
	left: 50%;
	top: 50%;
	margin: -52px 0 0 -18px;
	z-index: 1;
}
.galeria_imagem .sortable li:hover span.btn{
	opacity: 1;
}

.galeria_imagem .fancybox_img_galeria_produto{
	background: #FFF;
	float: left;
	width: 100%;
	position: relative;
	height: 150px;
	overflow: hidden;
}

.galeria_imagem .fancybox_img_galeria_produto{
	background: #FFF;
	float: left;
	width: 100%;
	position: relative;
	height: 150px;
	overflow: hidden;
}

.galeria_imagem .fancybox_img_galeria_produto img {
	border: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

.galeria_imagem .sortable li label.align_middle{
	width: 100%;
	background: #999;
	border: 1px solid #999;
	padding: 5px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.galeria_imagem .input-group-btn:last-child>.btn, 
.galeria_imagem .input-group-btn:last-child>.btn-group,
.galeria_imagem .input-group-btn>.btn+.btn{
	margin: 0;
	border-radius: 0;
}

.btn-file,
.btn-textura {
	position: relative;
	overflow: hidden;
	border-color: #d2d6de;
	background-color: #fff;
	color:#555;
}
.btn-file input[type=file],
.btn-textura input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	height: 32px;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	background: red;
	cursor: inherit;
	display: block;
}
.btn-file  input[readonly],
.btn-textura  input[readonly] {
	background-color: white !important;
	cursor: text !important;
}

.border_efe{
	border: 1px solid #efefef;
}

.user-panel>.info {
	padding: 15px 5px 15px 15px;
}

.user-panel>.info>p {
	margin-bottom: 0px;
}

.cursor_pointer{
	cursor: pointer;
}

.carousel-inner>.item>a>img, 
.carousel-inner>.item>img, 
.img-responsive, 
.thumbnail a>img, 
.thumbnail>img{
	display: inline-block;
}

.align_middle{
	display: inline-block;
	padding-left: 15px;
	text-indent: -15px;
}
.align_middle input{
	width: 13px;
	height: 13px;
	vertical-align: middle;
	position: relative;
	margin-right: 10px
}

.bootstrap-duallistbox-container span.info-container {
	display: none;
}

div.ColVis{
	float: left;
	margin-right: 10px;
	position: relative;
	z-index: 1;
}
div.ColVis button{
	box-shadow: none;
	background: #fff;
	border-color: #D2D6DE;
}

div#listagem_filter{
	position: relative;
}

div.dataTables_length{
	float: left;
	position: relative;
	z-index: 1;
}

#mensagem .alert-info p{
	position: relative;
	padding-left: 20px;
}
#mensagem .alert-info p i{
	left: -7px;
}

.loader_textura{
	position: relative;
	padding-left: 20px;
}
.loader_textura i{
	left: -6px;
}

.preview_textura img{
	border: 1px solid #efefef;
}

.icon_textura{
	width: 40px;
	height: 40px;
	display: inline-block;
	background-position: center !important;
	background-size: 40px 40px !important;
	border: 1px solid #efefef;
}

.icon_textura_select{
	width: 20px;
	height: 20px;
	display: inline-block;
	background-position: center !important;
	background-size: 20px 20px !important;
}

.form-control[readonly]{
	background-color:#ffffff;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4, 
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p {
	margin: 0px;
}


.bs-glyphicons {
	padding-left: 0;
	padding-bottom: 1px;
	margin-bottom: 20px;
	list-style: none;
	overflow: hidden;
	width: 100%;
}

.bs-glyphicons h1{
	font-size: 15px;
	padding: 10px;
	background: #3C8DBC;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
}

.bs-glyphicons label {
	float: left;
	height: 90px;
	padding: 10px;
	font-size: 12px;
	line-height: 1.4;
	text-align: center;
	border: 1px solid #ddd;
	background:#FFF;
	cursor:pointer;
	margin-bottom: 0px;
	width: calc(100% / 8);
}

.bs-glyphicons label:hover span {
	color:#000 !important;
}

.bs-glyphicons label:hover {
	border: 1px solid #3C8DBC;
}

.bs-glyphicons label li .glyphicon {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 24px;
}
.bs-glyphicons label li .icone {
	position: relative;
	top: 1px;
	display: inline-block;
}

.t_permissao tbody tr:hover td {
	background:#222d32;
	color:#fff;

} 
.t_permissao tbody tr td:hover {
	background:#3A4950;
	color:#fff;

}          
.t_permissao tbody tr td input {
	cursor:pointer;
}    

.m_todos td,
.m_todos:hover td{
	background:#3c8dbc !important; 
	color:#fff;
}   

.m_todos td:hover{
	background:#2F7298 !important; 
}

.ui-datepicker,
.ui-datepicker table{
	font-size:0.9em !important;
}
.ui-datepicker th {
	padding: .7em .2em !important;
}

.bkalert{
	background-color: #fff4e1 !important;
}

.box-body .zebra{
	display: block;
	float: left;
	width: 100%;
	padding:15px 0 0 0;
}
.box-body .zebra:nth-child(odd){
	background: #f3f3f3;

}
.box-body .zebra:nth-child(even){
	background: #f9f9f9;
}  
.box-body .zebra:hover{
	background: #ccc;
} 

@media (max-width: 1000px){
	.galeria_imagem .sortable li{
		width: 25%;
	}
}
@media (max-width: 767px){
	.galeria_imagem .sortable li{
		width: 33.33%;
	}

	.preview_textura img{
		max-width: 100%;
	}

	.overflow_x{
		overflow-x: scroll;
	}
	.overflow_x td{
		min-width: 120px !important;
	}
}
@media (max-width: 550px){
	.galeria_imagem .sortable li{
		width: 50%;
	}
}
@media (max-width: 400px){
	.galeria_imagem .sortable li{
		width: 100%;
	}
}

table.dataTable thead tr th{
	text-transform: uppercase !important;
}

.bg-primary:hover{
	color:#FFF;
}


table.dataTable tbody tr td,
table.dataTable thead tr th,
table.dataTable tr th,
table.dataTable tr td{
	vertical-align: middle !important
}



.table-bordered {
	border: 1px solid #dddddd;
	border-collapse: separate;
	border-left: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-top-right-radius:10px; 
	border-top-left-radius:10px; 
}

.table {
	width: 100%;
	margin-bottom: 20px;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
	display: table;
	border-radius: 0 !important;

}

.panel-graficos .table {
	margin-bottom: 0px;
}

.widget.widget-table .table {
	margin-bottom: 0;
	border: none;
}

.widget.widget-table .widget-content {
	padding: 0;
}

.widget .widget-header + .widget-content {
	border-top: none;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin-bottom: 30px;
}

.widget .widget-content {
	padding: 20px 15px 15px;
	background: #FFF;
	border: 1px solid #D5D5D5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.widget-header i {
	margin-left: 10px;
}

.widget .widget-header {
	position: relative;
	background: #46008C;
	border-bottom: 1px solid #bababa;
	border: 1px solid #46008C;
	-webkit-background-clip: padding-box;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #FFF
}

thead {
	display: table-header-group;
	vertical-align: middle;
	border-color: inherit;
}

.widget .widget-header h3 {
	position: relative;
	left: 10px;
	display: inline-block;
	margin-right: 3em;
	font-size: 14px;
	font-weight: 600;
	color: #FFF;
	line-height: 18px;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 0px;
}

.widget .widget-header [class^="icon-"], .widget .widget-header [class*=" icon-"] {
	display: inline-block;
	margin-left: 13px;
	margin-right: -2px;
	font-size: 16px;
	color: #555;
	vertical-align: middle;
}

th,
td
{
	vertical-align: middle;
	font-size: 13px !important;
	position: relative;
}

#listagem_info {
	width: 50% !important;
	float: left !important;
}

#listagem_paginate {
	width: 50% !important;
	float: right  !important;
}

/*FILTROS*/

.filtro-listagem {
	min-height: auto;
}

.filtro-listagem .btn{
	float: right;
}


.form-group:hover{
	background-color:#1CD5AF !important;
}

.form-group:hover label,
.form-group:hover small,
.form-group:hover h4,
.form-group:hover p,
.form-group:hover a,
.form-group:hover b{
	color:#000;
}

.box-body .panel-body {
	float: left;
	width: 100%;
}

.well {
	border-radius:  0px 0px 5px 5px !important;
}

.box-tools {
	position: absolute !important;
	top: 6px !important;
	right: 10px !important;	
}

.btn-sm {
	padding: 3px 8px  !important;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

.box-grupo .box-body,
.box-grupo .box-footer {
	border-bottom: solid 1px #DFDFDF;
	border-left: solid 1px #DFDFDF;
	border-right: solid 1px #DFDFDF;
	background: #FFF;
}

.box-grupo .box-body {
	height: 240px;
}

.box-grupo .box-footer {
	height: 210px;
	overflow-y: scroll;
}

.box-grupo .box-header.with-border {
	background: #1CD5AF;
	color: #FFF;
	border-radius: 10px 10px 0px 0;
}

.box-grupo .box-header.with-border .box-title{
	font-size: 16px;
}

.box-grupo .box-tools.pull-right .btn {
	color: #FFF
}

.box-grupo .box.box-default {
	border-top-color: 0px solid #FFFF !important ;
	background: transparent !important;
	border-top: 0px solid #FFFF !important ;
	border-top-color: none !important;
}


.form-group #lista .grupo{
	list-style: none;
}

.carrega {
	width: 100%;
	float: left;
}

div.panel {
	margin-top:10px;
	border-radius: 10px 10px 0px 0;
	width: 100%;
	float: left;
}

/*div.panel .panel-heading {
width: 100%;
float: left;
}*/

.widget-header.grupo{
	color: #FFFFFF;
	border-color: #1CD5AF;
	background: #1CD5AF;
	border-radius: 10px 10px 0px 0;
	position: relative;
	width: 100%;
	cursor: pointer;
	padding-left: 10px;
	margin-bottom: 0px
}

.widget-header.grupo h3{
	left: 0px;
}


#lista .widget .widget-header{
	border: 0px solid #FFF !important;
}

#lista .widget .widget-content{
	border-bottom: 1px solid #DFDFDF !important;
	border-left: 1px solid #DFDFDF !important;
	border-right: 1px solid #DFDFDF !important;
	border-radius: 0px 0px 0px 0px !important;
	height: 300px !important;
	background: #DFDFDF !important;
	margin-bottom: 0px !important;
}


#lista .widget-content .table > thead > tr > th{
	background-color: #DFDFDF;
	border-bottom: 1px solid #FFF;
}

#lista .widget-content .table > tbody > tr > td{
	background-color: #EFEFEF;
	border-bottom: 1px solid #FFF;
}


#lista .widget-content .table > thead > tr > th:hover,
#lista .widget-content .table > tbody > tr > td:hover{
	background-color: #DFF0D8;
}

#lista .widget-content .table > thead > tr > th label,
#lista .widget-content .table > tbody > tr > td label {
	width: 100%;
	cursor: pointer;
	position: relative;
}

#lista .widget-content .table > tbody > tr > td label {
	padding-left: 15px;
}

#lista .widget-content .table > thead > tr > th label a{
	color: #000;
	font-size: 13px
}

#lista .widget-content .table > tbody > tr > td label a{
	color: #000;
	font-size: 12px
}
.small-box-footer {
	cursor: pointer;
}

.info-box-icon.boxxx {
	height: 90px !important;
}

.info-box-icon.boxxx i{
	margin-top: 20px;
}

.info-box-icon.boxx {
	height: 158px !important;
	margin-right: 21px !important;;
}

.info-box-icon.boxx i{
	margin-top: 40px;
}

.highcharts-container {
	width: 100% !important
}

.box-filter {
	padding: 0px !important
}

.colorpicker-element .input-group-addon i {
	border: solid 1px #000;
}

/*  bhoechie tab */
div.bhoechie-tab-container{
	z-index: 10;
	background-color: transparent;
	padding: 0 !important;
	border-radius: 4px;
	-moz-border-radius: 4px;
	border:1px solid #ddd;
	margin-top: 20px;
	margin-left: 50px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	-moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	background-clip: padding-box;
	opacity: 0.97;
	filter: alpha(opacity=97);
}
div.bhoechie-tab-menu{
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group{
	margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
	margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
	color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
	border-top-right-radius: 0;
	-moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
	border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
	background-color: #1CD5AF;
	color: #ffffff;
	border: #1CD5AF;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
	content: '';
	position: absolute;
	left: 100%;
	top: 50%;
	margin-top: -13px;
	border-left: 0;
	border-bottom: 13px solid transparent;
	border-top: 13px solid transparent;
	border-left: 10px solid #1CD5AF;
}

div.bhoechie-tab{
	padding-right: 0px;
}

div.bhoechie-tab-content{
	background-color: #ffffff;
	border: 1px solid #ddd;
	padding-top: 15px;
	display: table;
	width: 100%;
	padding-bottom: 15px;
}

div.bhoechie-tab-content p{
	padding: 0px 15px 0px 15px;
	font-size: 13px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
	display: none;
}

.btn-default{
	display: inline-block;
	width: 100%;
	text-align: center;
	color: #ffffff;
	padding: 15px 10px 15px 40px;
	text-transform: uppercase;
	background-color: #50AD45;
	position: relative;
}
.btn-default i{
	font-size: 23px;
	position: absolute;
	margin-top: 11px;
	margin-left: -43px;
}
.btn-default:hover{
	background-color: #3C8334;
	color: #ffffff;
}

.bhoechie-tab-content h1{
	padding: 0px 15px 0px 15px;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 20px;
}

.bhoechie-tab-content ul{
	margin-bottom: 20px;
	padding-right: 0px;
}

.bhoechie-tab-content label.checkbox, 
.bhoechie-tab-content label.radio, .pointer {
	cursor: pointer;
}

.bhoechie-tab-content .radio input[type="radio"], 
.bhoechie-tab-content .radio-inline input[type="radio"] {
	margin-left: 0px;
}

.bhoechie-tab-content label {
	margin-bottom: 0px;
}

.bhoechie-tab-content .checkbox + .checkbox, 
.bhoechie-tab-content .radio + .radio {
	margin-top: 0px;
}

.bhoechie-tab-content .panel-pricing {
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	padding-right: 0px;
	padding-left: 0px;
}
.bhoechie-tab-content .panel-pricing:hover {
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}
.bhoechie-tab-content .panel-pricing .panel-heading .fa {
	margin-top: 10px;
	font-size: 58px;
}
.bhoechie-tab-content .panel-pricing .list-group-item {
	color: #777777;
	border-bottom: 1px solid rgba(250, 250, 250, 0.5);
}
.bhoechie-tab-content .panel-pricing .list-group-item:last-child {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.bhoechie-tab-content .panel-pricing .list-group-item:first-child {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}
.bhoechie-tab-content .panel-pricing .panel-body p{
	background-color: #f0f0f0;
	font-size: 35px;
	color: #777777;
	padding: 20px;
	margin: 0px;
}
.bhoechie-tab-content .panel-pricing .panel-body small{
	font-size: 65%;
}

.bhoechie-tab-menu button{
	margin-top: 20px;
	width: 100%

}

/*########################*/

.form-atividades {
	width: 100%;
	cursor: pointer;
	display: inline-flex;
}

.planos .box-body .table-responsive .table tbody small{
	font-size: 15px;
}

.planos .box-body .table-responsive .table tbody strong{
	font-size: 35px;
}

.planos .box-body .table-responsive .table thead .fa {
	margin-top: 10px;
	font-size: 45px;
	text-align: center;
	margin-bottom: 5px;
}

.template .box-body .table-responsive .table thead,
.planos .box-body .table-responsive .table thead {
	background: #1CD5AF;
	color: #FFF
}

.template .box-body .table-responsive .table thead h3,
.planos .box-body .table-responsive .table thead h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 15px;
	text-align: center;
	text-transform: uppercase;
}

.template .box-body .table-responsive .table tbody figure{
	height: 270px;
	width: 100%;
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
}

.template .box-body .table-responsive .table tbody figure a{
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
}

.template .box-body .table-responsive .table tbody figure a img{
	max-width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top:0;
	margin:auto;
}

.template .box-body .table-responsive .table tbody p {
	font-size: 12px;
	height: 100px;
	padding: 0px 0px 0px 0px;
}

.template .box-body .table-responsive .table tbody .demo {
	width: 100%;
	font-size: 14px;
	position: relative;
	color: #FFF;
	display: block;
}

.template .box-body .table-responsive .table tbody .label,
.planos .box-body .table-responsive .table tbody .label {
	width: 100%;
	font-size: 14px;
	position: relative;
	background-color: #00a65a;
	border-color: #008d4c;
	color: #FFF;
	display: block;
	height: 55px;
	padding-top: 10px;
}

.template .box-body .table-responsive .table tbody .label:hover,
.planos .box-body .table-responsive .table tbody .label:hover {
	background-color: #1CD5AF;
	border-color: #1CD5AF;
}

.template .box-body .table-responsive .table thead .ribbon,
.planos .box-body .table-responsive .table thead .ribbon {
	position: absolute;
	right: -5px; top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 75px; height: 75px;
	text-align: right;
}
.template .box-body .table-responsive .table thead .ribbon span,
.planos .box-body .table-responsive .table thead .ribbon span {
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	width: 100px;
	display: block;
	background: #00a65a;
	background: linear-gradient(#00a65a 0%, #008d4c 100%);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 19px; right: -21px;
}
.template .box-body .table-responsive .table thead .ribbon span::before,
.planos .box-body .table-responsive .table thead .ribbon span::before {
	content: "";
	position: absolute; left: 0px; top: 100%;
	z-index: -1;
	border-left: 3px solid #00a65a;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #00a65a;
}

.template .box-body .table-responsive .table,
.planos .box-body .table-responsive .table {
	position: relative;
}

.template .box-body .table-responsive,
.planos .box-body .table-responsive {
	overflow: hidden;
}

.template .box-body .table-responsive .table thead .ribbon span::after,
.planos .box-body .table-responsive .table thead .ribbon span::after {
	content: "";
	position: absolute; right: 0px; top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-right: 3px solid #8F0808;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #8F0808;
}


.template .box-body .table-responsive .table tbody .lavel,
.planos .box-body .table-responsive .table tbody .lavel {
	margin-bottom: 0px;
	width: 100%;
	height: 40px;
}

#gravar {
	width: 100%;
	float: left;
	margin-top: 10px;
}

.mensagem_retorno {
	width: 100%;
	float: left;
	margin-top: 10px;
	display: none;
}

.novidades {
	background: #fcf8e3;
	padding: 10px;
}

.novidades h1{
	font-size: 16px;
	color: #000;
	margin-top: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

/*#################*/
.emitir_pagamento_boleto input{
	background: #DFDFDF !important
}
.paymentBox .btn_emitir_pagamento{
	text-transform: uppercase;
	padding: 15px;
}


/*LOADER FULL SCREEN*/
#background-loader-full-screen{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.8;
	background-color: #333333;
	z-index: 999;
	display: none;
}

#loader-full-screen{
	width: 150px;
	height: 150px;
	top: 50%;
	margin-top: -75px;
	left: 50%;
	margin-left: -75px;
	position: fixed;
	background: transparent;
	z-index: 1000;
	display: none;
}

#loader-full-screen i{
	color: #FFFFFF;
	font-size: 64px;
	position: relative;
	left: 50%;
	margin-left: -41px;
}

#loader-full-screen .wait{
	text-align: center;
	color: #FFFFFF;
	font-size: 24px;
	margin-top: 20px;
}
/*LOADER FULL SCREEN END*/

/*MARKETPLACES*/

.ml-buttons{
	margin-left: -12px;
}

.ml-buttons img{
	position: relative;
	top: -1px;
	left: -2px;
}

/*RETIRAR ESTE TRECHO NO FUTURO*/
.mktp-origin{
	padding: 0 !important;
	margin: 0 !important;
	display: block !important;
}

.mktp-origin li{
	list-style-type: none;
	margin-bottom: 5px;
}

.mktp-origin li img{
	width: 30px;
}

/*RETIRAR ESTE TRECHO END*/

.origin{
	padding: 0 !important;
	margin: 0 !important;
	display: block !important;
}

.origin li{
	list-style-type: none;
	margin-right: 5px;
	display: inline-block;
}

.origin li img{
	width: 30px;
}

.default-background .form-group:hover {
	background-color: #EFEFEF;
}

.mktp-batch-actions {
	position: relative;
	top: 0;
	right: 0;
	background-color: #f4f4f4;
	height: auto;
	z-index: 1;
	border-radius: 4px;
	border: 1px solid #d2d6de;
	margin-bottom: 10px;
}

.mktp-batch-actions h3 {
	padding: 10px 20px;
	margin: 0;
	font-size: 18px;
}

.mktp-batch-actions label{
	display: block;
	padding: 0px 20px;
}

.mktp-batch-actions label span{
	position: relative;
	top: -2px;
	left: 4px;
}

.mktp-batch-actions hr{
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	border: 0;
	width: 100%;
	height: 1px;
	background-color: #d2d6de;
}

.mktp-batch-actions .btn-lg {
	padding: 5px 8px;
	font-size: 13px;
	position: relative;
	left: calc(100% - 60px);
	top: -4px;
}

.mktp-batch-actions .fa-times{
	position: absolute;
	top: 13px;
	right: 24px;
	color: #97a0b3;
	font-size: 12px;
	cursor: pointer;
}

/*ADEQUAÇÕES MERCADO LIVRE*/

.dropdown-menu > li.status-n a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}

.dropdown-menu > li.status-n a:hover, .dropdown-menu > li.status-n a:active{
	background-color: #FFFFFF;
} 

.dropdown-menu > li.status-n a {
	color: #777;
}

.dropdown-menu > li.status-n i{
	float: left;
	position: relative;
	top: 4px;
}

.dropdown-menu > li.status-n a b{
	float: left;
}

.dropdown-menu > li.status-n a > .glyphicon, .dropdown-menu > li.status-n a > .fa, .dropdown-menu > li.status-n a >.ion {
	margin-right: 2px;
}

.dropdown-menu > li.status-n:last-of-type{
	margin-bottom: 30px;
}

/*PRODUTO EDICAO RÁPIDA*/
#edicao-rapida-container{
	width: 763px;
	max-height: 400px !important;
}

.titulo-edicao-rapida{
	margin-left: 0px;
}

.fancybox-inner{
	overflow-x: hidden !important;
}

.box-footer-edicao-rapida{
	float: right;
	margin-right: 20px;
}

.warning-edicao-rapida{
	text-align: center;
}
/*PRODUTO EDICAO RÁPIDA*/

/*ERPS*/

.alternativa-buttons{
	margin-left: -1px;
}

.alternativa-buttons img{
	position: relative;
	top: -1px;
	left: -2px;
}

.default-background .form-group:hover {
	background-color: #EFEFEF;
}

.erp-batch-actions {
	position: relative;
	top: 0;
	right: 0;
	background-color: #f4f4f4;
	width: 100%;
	height: auto;
	z-index: 1;
	border-radius: 4px;
	border: 1px solid #d2d6de;
	margin-bottom: 10px;
}

.erp-batch-actions h3{
	padding: 10px 20px;
	margin: 0;
	font-size: 18px;
}

.erp-batch-actions label{
	display: block;
	padding: 0px 20px;
}

.erp-batch-actions label span {
	position: relative;
	top: -2px;
	left: 4px;
}

.erp-batch-actions hr{
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	border: 0;
	width: 100%;
	height: 1px;
	background-color: #d2d6de;
}

.erp-batch-actions .btn-lg {
	padding: 5px 8px;
	font-size: 13px;
	position: relative;
	left: calc(100% - 60px);
	top: -4px;
}

.erp-batch-actions .fa-times{
	position: absolute;
	top: 13px;
	right: 24px;
	color: #97a0b3;
	font-size: 12px;
	cursor: pointer;
}

.sidebar-menu .pai > li > a {
	padding: 5px 5px 5px 15px !important;
}

.sidebar-menu .filho > li > a {
	padding: 5px 5px 5px 25px !important;
}

.form-group:hover {
	background-color: transparent !important;
} 

.tabs_person .dropdown-menu {
	left: inherit!important;
	right: 0 !important;
	margin: 0;
	padding: 0;
}

.main-header-ontop{
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1111 !important;
	background: #fff;
	box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.1);
}

.panel-title {
	text-transform: uppercase;
}
.control-sidebar-bg button{
	width: 100% !important
}

li.plupload_droptext {
	background: #FFF;
	text-align: center;
	vertical-align: middle;
	border: 0;
	line-height: 165px;
	font-size: 20px;
	text-transform: uppercase;
}
.alert a {
	color: #000;
}

.total_status_pagamentos {
	align-items: flex-start !important;
	display: block !important;
}

.total_status_pagamentos del{
	text-decoration: none !important;
	float: left !important;
}

.total_status_pagamentos strong.total{
	font-size: 22px !important
}

.totais_geral {
	display: flex;
}

.tag-discount {
	cursor: pointer;
}

/* ========================= */
/* TAG BASE */
/* ========================= */
.tag_mensalidade {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 16px 6px 8px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	color: #ffffff;
	line-height: 1;
	margin-right: 6px;
	margin-bottom: 6px;
	box-shadow: 0 2px 6px rgba(0,0,0,.18);
}

/* ========================= */
/* ÍCONE COM CONTRASTE */
/* ========================= */
.tag_mensalidade-icon {
	width: 22px;
	height: 22px;
	min-width: 22px;
	border-radius: 50%;
	background: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: bold;
	width: auto !important;
	color: #666 !important;
}

/* ========================= */
/* TIPOS DE FATURA */
/* ========================= */

.tipo-mensalidade {
	background: #1e88e5;
}
.tipo-mensalidade .tag-icon {
	color: #1e88e5;
}

.tipo-adesao {
	background: #6f42c1;
}
.tipo-adesao .tag-icon {
	color: #6f42c1;
}

.tipo-permuta {
	background: #00acc1;
}
.tipo-permuta .tag-icon {
	color: #00acc1;
}

.tipo-isencao {
	background: #9e9e9e;
}
.tipo-isencao .tag-icon {
	color: #9e9e9e;
}

/* ========================= */
/* STATUS */
/* ========================= */

.status-pending {
	background: #f9a825;
}
.status-pending .tag-icon {
	color: #f9a825;
}

.status-paid {
	background: #2e7d32;
}
.status-paid .tag-icon {
	color: #2e7d32;
}

.status-completed {
	background: #388e3c;
}
.status-completed .tag-icon {
	color: #388e3c;
}

.status-reserved {
	background: #1565c0;
}
.status-reserved .tag-icon {
	color: #1565c0;
}

.status-cancelled {
	background: #d32f2f;
}
.status-cancelled .tag-icon {
	color: #d32f2f;
}