body {
	margin: 0;
	font-family: Arial;
	font-size: 13px;	
}

#barra-admin {
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 52px;
	padding: 0 max(22px, calc((100% - 1100px) / 2));
	border-bottom: 1px solid #dce2ec;
	background: #fff;
	box-shadow: 0 2px 8px rgba(25, 42, 78, .06);
	box-sizing: border-box;
	font: 600 13px "Segoe UI", Tahoma, sans-serif;
}

#barra-admin nav,
#barra-admin a {
	display: flex;
	align-items: center;
}

#barra-admin a {
	gap: 8px;
	height: 24px;
	padding: 0 16px;
	border-right: 1px solid #d5dbe6;
	color: #1750fe;
	text-decoration: none;
}

#barra-admin a:first-child {
	padding-left: 0;
}

#barra-admin a:last-child,
#barra-admin .voltar-painel {
	padding-right: 0;
	border-right: 0;
}

#barra-admin a:hover,
#barra-admin a.ativo {
	color: #063fd0;
}

#barra-admin svg {
	width: 18px;
	height: 18px;
}

a:hover {
	text-decoration: none;
	cursor: pointer;	
}

#interface_publicacao {	
	width: 800px;
	left:80px;
	top: 82px;
	position: relative;
}

#barra-controle {
	left: 2px;
	width: 100%;
	height: 35px;
	background-color: #D7D7D7;
    opacity: 0.95;
    position: relative;
}

#cabecalho_barra_controle {
	z-index: 3; 
	height: 100%; 
	top: -10px; 
	left: -15px;
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	position: relative;
}

#sites-interface-publicacao {
	width: 100%;
	margin-top: 10px;
	height: 30px;
	border: 1px solid #D7D7D7;
	background-color: #EAEAEA;
	position: relative;
}

#sites-interface-publicacao > div {
	margin-top: 2px;
}

#sites-interface-publicacao button {
	height: 18px;
	width: 18px;
	top: 5px;
}


#sites-escolha {
	position: absolute;
	left: 3px;
}

#sites-escolha #sites {
	width: 215px;	
}

#sites-acoes {
	position: absolute;
	right: 3px;
}

#conteudo-interface-publicacao {
	width: 100%;
	margin-top: 10px;
	height: 500px;
	border: 1px solid #EAEAEA;
}


.ui-datepicker {
	font-family: Arial; 
	font-size: 12px;
}

/*
 * Abas de edição:
 */

#abas-interface-publicacao {
	position:relative;
	height: 100%;
	font-size: 12px;
}

#abas-interface-publicacao > div{
	position:relative; 
	width: 100%;
	height: 100%;
}

/* Seções */




/* 
 * Edições
 */
.formulario_edicao {
	width: 100%;
	height: 100%;
	background-position: right top;
	background-image: url("../imgs/pagina_orelha.jpg");
	background-repeat: no-repeat;
}

.formulario_edicao .titulo {
	padding-bottom: 10px;
	border-bottom: 1px solid #D7D7D7;
	color: #c1c1c1;
	font-weight: bolder;
}

.formulario_edicao .campo {
	margin-top: 5px;
	width: 45%;
	float: left;
	margin-right: 5%;
}

.formulario_edicao .linhaUnica {
	width: 95%;
	clear: both;
}

.formulario_edicao .campo [class ~= 'linhaUnica'] {
	width: 95%;
	clear: both;
}


.campo .label {	
	font-size: 11px;
	padding-bottom: 2px;
}

.campo .editor {
	font-size: 11px;
}

.campo .editor input, .campo .editor textarea, .campo .editor select {
	width: 100%;
}

.formulario_edicao .obrigatorio .label:after {
	content: ' *';
	color: red;
}

/*
 * Aba de modelos de includes:
 */
#pesquisa_includes, #pesquisa_agendamentos,  #pesquisa_republicacao, #republicacao_por_id{
	width: 760px;
	height: 100px;
	border-bottom: 1px dotted #D7D7D7; 
}

#pesquisa_republicacao, #republicacao_por_id{
	width: 760px;
	height: 130px;
	border-bottom: 1px dotted #D7D7D7;
	margin-bottom: 15px;
}

#pesquisa_republicacao .titulo{
	margin-bottom: 15px;
}

#lista_modelos_includes, #lista_includes, #lista_agendamentos, #result_republicacao {
	width: 760px;
	height: 430px;
	margin-top: 10px;
}

#lista_modelos_includes .titulo, #lista_includes .titulo, #lista_agendamentos .titulo, #result_republicacao .titulo {
	color: #c1c1c1;
	font-weight: bolder;
}

#lista_includes li:FIRST-CHILD, #lista_agendamentos li:FIRST-CHILD, #result_republicacao li:FIRST-CHILD {
	margin-top: 10px;
}

#lista_includes li:LAST-CHILD, #lista_agendamentos li:LAST-CHILD, #result_republicacao li:LAST-CHILD{
	border-bottom: 1px solid #D7D7D7;
}

#lista_modelos_includes li div {
    float: left;
    vertical-align: middle;
    width: 620px;
}

#lista_modelos_includes .titulo a {
	margin-left: 10px;
} 


#lista_modelos_includes li, #lista_includes li, #lista_agendamentos li {
	width: 100%;
	border-bottom: 1px dotted #EAEAEA;
	min-height: 20px;
	margin-top: 3px;
}

#lista_modelos_includes > ul {
	padding: 10px;
	height: 390px;
	border: 1px #D7D7D7;
	border-style: dotted none;
	overflow: auto;
}

#lista_modelos_includes > ul li {
	border-bottom: 1px dotted #EAEAEA;
	padding: 2px 0;
}

#lista_modelos_includes > ul li a {
	font-weight: bolder;
}


/* 
 * Pesquisas
 */
.formulario_pesquisa {
	width: 100%;
	height: 100%;
	background-position: right top;
	background-repeat: no-repeat;
}

.formulario_pesquisa .titulo {
	padding-bottom: 2px;
	border-bottom: 1px solid #D7D7D7;
	color: #c1c1c1;
	font-weight: bolder;
}

.formulario_pesquisa .campo {
	width: 32%;
	float: left;
	margin-right: 1%;
}

.formulario_pesquisa .campo .label {	
	font-size: 9px;
	padding-bottom: 1px;
}

.formulario_pesquisa .campo .editor {
	width: 95%;	
}

.formulario_pesquisa .linhaUnica {
	width: 95%;
	clear: both;
}

.formulario_pesquisa .campo [class ~= 'linhaUnica'] {
	width: 95%;
	clear: both;
}

.formulario_pesquisa .obrigatorio .label:after {
	content: ' *';
	color: red;
}

.formulario_pesquisa .btnPesquisar {
	margin-top: 13px;
}

#pesquisa_includes input[type='button'] {
	width: 80px;
}
#pesquisa_includes input[type='button']:LAST-CHILD {
	margin-left: 10px;
	width: 80px;
}

#pesquisa_republicacao input[type='button'] {
	width: 80px;
}
#pesquisa_republicacao input[type='button']:LAST-CHILD {
	margin-left: 10px;
	width: 80px;
}

#republicacao_por_id input[type='button'] {
	width: 80px;
}
#republicacao_por_id input[type='button']:LAST-CHILD {
	margin-left: 10px;
	width: 80px;
}


#lista_includes > ul li .nome {
	float: left;
}
#lista_includes > ul li .geracao {
	float: right;
	font-weight: bolder;
}

/* PAGINAÇÃO */

.anterior {
	float: left;
	font-weight: bolder;
}
.proxima {
	float: right;
	font-weight: bolder;
}


* {
margin: 0;
padding: 0;
outline: 0;
list-style: none;
text-decoration: none;
}

#result_count_republicacao, #result_count_republicacaoPorId {
	font-weight : bold;
	padding-top: 15px;	
}

/* REPUBLICAÇÃO */

#tituloTemplate{
	margin-left : 10px;
}

#result_republicacao #statusRepublicacao, #result_republicacaoPorId #statusRepublicacaoPorId{
	display:none;
	margin-top: 20px;
	width:300px;
}

#result_republicacao #statusRepublicacao #progressbar, #result_republicacaoPorId #statusRepublicacaoPorId #progressbarPorId{
	margin-top: 10px;
}