/* ------------- FONTES ----------------------------------------------------------------------- */
@import
	url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap')
	;

@font-face {
	font-family: 'prometo';
	src:
		url("http://arquivos.setc.se.gov.br/SE-Ouv/fonts/Prometo Regular.otf");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'prometo';
	src: url("http://arquivos.setc.se.gov.br/SE-Ouv/fonts/Prometo Bold.otf");
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'prometo-medium';
	src:
		url("http://arquivos.setc.se.gov.br/SE-Ouv/fonts/Prometo Medium.otf");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'prometo-light';
	src:
		url("http://arquivos.setc.se.gov.br/SE-Ouv/fonts/Prometo Light.otf");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gotham';
	src:
		url("http://arquivos.setc.se.gov.br/SE-Ouv/fonts/Gotham Nights Bold.otf");
	font-weight: bold;
	font-style: normal;
}

/* ------------- GERAL ----------------------------------------------------------------------- */
body {
	margin: 0;
}

/* ********************************** */
/* ************** CORES ************* */
/* ********************************** */
.cor {
	background-color: #044193;
	background: #044193;
}

.gradiente {
	background: #044193;
	background: -moz-linear-gradient(90deg, rgba(49, 121, 188, 1) 0%,
		rgba(4, 65, 147, 1) 50%, rgba(4, 12, 49, 1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(49, 121, 188, 1) 0%,
		rgba(4, 65, 147, 1) 50%, rgba(4, 12, 49, 1) 100%);
	background: linear-gradient(90deg, rgba(49, 121, 188, 1) 0%,
		rgba(4, 65, 147, 1) 50%, rgba(4, 12, 49, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3179bc",
		endColorstr="#040c31", GradientType=1);
}

.corTexto {
	color: #044193;
}

.corTextoSecundario {
	color: #333333;
}

/* ------------- FLEXBOX ----------------------------------------------------------------------- */

/* *************************** */
/* ******* ALIGN-SELF ******* */
/* *************************** */
.self-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-ms-flex-item-align: center;
	align-self: center;
}

.self-start {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-item-align: start;
	-ms-grid-row-align: start;
	align-self: start
}

/* *************************** */
/* ******* ALIGN-ITEMS ******* */
/* *************************** */
.items-start {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.items-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.items-end {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.items-around {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: space-around;
	-ms-flex-align: space-around;
	align-items: space-around;
}

.items-between {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: space-between;
	-ms-flex-align: space-between;
	align-items: space-between;
}

/* *************************** */
/* ***** JUSTIFY-CONTENT ***** */
/* *************************** */
.justify-start {
	display: -ms-flexbox;
	display: -moz-flexbox;
	display: -webkit-flex;
	display: -o-flex;
	display: flex;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.justify-center {
	display: -ms-flexbox;
	display: -moz-flexbox;
	display: -webkit-flex;
	display: -o-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.justify-end {
	display: -ms-flexbox;
	display: -moz-flexbox;
	display: -webkit-flex;
	display: -o-flex;
	display: flex;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	-o-justify-content: flex-end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.justify-between {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.justify-around {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

/* *************************** */
/* ******** FLEX-WARP ******** */
/* *************************** */
.row-nowrap {
	display: -ms-flexbox;
	display: -moz-flexbox;
	display: -webkit-flex;
	display: -o-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.row-wrap {
	display: -ms-flexbox;
	display: -moz-flexbox;
	display: -webkit-flex;
	display: -o-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.column-wrap {
	display: -ms-flexbox;
	display: -moz-flexbox;
	display: -webkit-flex;
	display: -o-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.column-nowrap {
	display: -ms-flexbox;
	display: -moz-flexbox;
	display: -webkit-flex;
	display: -o-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

/* ------------- COMPONENTES ----------------------------------------------------------------------- */

/* *************************** */
/* ********* MENU BAR ******** */
/* *************************** */
.menuBar {
	background: none !important;
	background-image: none !important;
	border: none !important;
	padding: 0 !important;
	min-width: -webkit-max-content;
	min-width: -moz-max-content;
	min-width: max-content;
}

.menuBar.ui-menu .ui-menu-list .ui-menuitem {
	display: flex;
	margin: 0;
}

/* Item */
.menuBar.ui-menu .ui-menu-list .ui-menuitem>.ui-menuitem-link {
	padding: 1em 1.2em;
	color: white;
	font-weight: 500;
}

.menuBar.ui-menu .ui-menu-list .ui-menuitem>.ui-menuitem-link:hover {
	background-image: none;
	background: none;
}

.menuBar.ui-menu .ui-menu-list .ui-menuitem>.ui-menuitem-link>.ui-icon {
	filter: brightness(100);
}

.menuBar.ui-menu .ui-menu-list .ui-menuitem>.ui-menuitem-link:hover {
	background: rgba(0, 0, 0, 0.2);
	background-image: none;
	-webkit-box-shadow: 0px -3px 0px #68a5e1 inset;
	box-shadow: 0px -3px 0px #68a5e1 inset;
	color: #68a5e1;
	transition: 0.2s;
}

.menuBar.ui-menu .ui-menu-list .ui-menuitem .ui-submenu-link .ui-state-hover
	{
	background: none;
	color: #68a5e1;
}

/* Submenu */
.ui-menuitem.ui-menu-parent>.ui-menu-list.ui-menu-child {
	padding: 0;
}

.ui-menuitem.ui-menu-parent>.ui-menu-list.ui-menu-child>.ui-menuitem {
	margin: 0;
	border-bottom: 1px solid #ebebeb !important;
}

.ui-menuitem.ui-menu-parent>.ui-menu-list.ui-menu-child>.ui-menuitem>.ui-menuitem-link
	{
	color: #333333;
	background-image: none;
	background: none;
}

.ui-menuitem.ui-menu-parent>.ui-menu-list.ui-menu-child>.ui-menuitem>.ui-menuitem-link:hover
	{
	background: red;
	background: rgba(0, 0, 0, 0.05);
	box-shadow: none !important;
	transition: 0.2s;
}

/* ************************************* */
/* ***** DATATABLE LISTA DE ANEXOS ***** */
/* ************************************* */
.anexoListTable thead th {
	border: none !important;
	background: none !important;
}

.anexoListTable tr {
	border: white;
	border-bottom: 1px solid #ddd !important;
	margin-bottom: 3px;
}

/* ***************************************** */
/* ********* DATATABLE TRANSLUCENT ********* */
/* ***************************************** */
.translucent .ui-datatable-data .ui-datatable-headerrow {
	background: none !important;
	color: #333;
}

.translucent .ui-widget-content {
	background: none !important;
	border: none !important;
}

.ui-datatable.translucent tbody td {
	border: none !important;
}

.ui-datatable.translucent thead th {
	display: none;
}

/* ***************************************** */
/* ********* DASHBOARD VENCIMENTOS ********* */
/* ***************************************** */
.seletorFiltro {
	background: white;
	border-bottom: 5px solid #165389;
	border-radius: 5px;
	border-bottom-right-radius: 0;
}

.seletorFiltro>a {
	text-decoration: none !important;
}

.seletorFiltro :hover {
	background-color: rgba(163, 235, 255, 0.18);
	background-blend-mode: multiply;
	-webkit-transition: all .75s ease;
}

.seletorFiltro>a:nth-child(n) {
	border-right: 1px solid silver;
}

.seletorFiltro>a:nth-last-child(1) {
	border: none;
}

.dashboardBox {
	width: 200px;
}

.dashboardBox {
	font-size: 2.5em;
	background: white;
}

.dashboardBox>.titulo {
	color: white;
	padding: 5px;
	text-align: center;
	width: -webkit-fill-available;
	width: -moz-available;
	width: fill-available;
}

.dashboardBox>.valor {
	color: #333333;
	margin: .5em 0;
	transition: margin-top 1s, margin-bottom 2s, height 2s, opacity .5s,
		font-size 1s;
	transition-timing-function: ease
}

.dashboardTotal>.titulo {
	background: #327bbe;
	-webkit-transition: all .75s ease;
}

.dashboardVencendo>.titulo {
	background: #df7231;
	-webkit-transition: all .75s ease;
}

.dashboardNaoVisualizadas>.titulo {
	background: #3aba3a;
}

.dashboardInativas>.titulo {
	background: #777;
}

.filtroAtivo>.valor {
	color: white !important;
}

.valor:hover {
	background: inherit !important;
}

.filtroTotal {
	background: #5193ce !important;
}

.filtroVencendo {
	background: #e6874f;
}

.filtroNaoVisualizadas {
	background: #69cb69;
}

.filtroInativas {
	background: #999;
}

.accordionActive>i.fa.fa-chevron-up:before {
	content: "\f078";
}

.hidden {
	margin: !important;
	opacity: 0;
	font-size: 0;
}

.accordionBtn {
	background: #165389;
	color: white;
	padding: .5em;
	display: flex;
	text-decoration: none;
	align-items: center;
	border-radius: 0 5px 5px 0;
}

.refreshDashboardBtn {
	height: fit-content;
	background: #e1e1e1;
	padding: 5px;
	border-radius: 15px;
	color: #777;
	margin-right: 5px;
}

.fileBtn {
	display: inline-block;
	padding: 7px 5px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-image: none !important;
	border: 1px solid transparent;
	border-radius: 2px;
	color: #333;
	background-color: #fff !important;
	border-color: #ccc;
	border-bottom: 3px solid #165389;
	text-decoration: none;
	font-variant: small-caps;
}
/* ***************************************** */
/* *********** MENU DE NAVEGAÇÃO *********** */
/* ***************************************** */
.navBar {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	background: #f5f5f5 !important;
	border: none !important;
	border-bottom: 1px solid #c4bcbc !important;
}

.navBar .ui-menuitem {
	margin: 0 !important;
}

.navBar .ui-menuitem-link {
	padding: 10px !important;
	width: auto !important;
	color: #333333 !important;
	border: 1px solid rba(63, 128, 207);
	border-image: linear-gradient(to bottom, rgba(63, 128, 207, 0) 25%,
		rgba(63, 128, 207, 1) 25%, rgba(63, 128, 207, 1) 75%,
		rgba(63, 128, 207, 0) 75%);
	border-image-slice: 9;
}

.navBar .ui-menuitem-link.ui-state-hover {
	color: white !important;
	background: #78acdc !important;
	background-image: none !important;
	-webkit-box-shadow: 0px -3px 0px #3179bc inset;
	box-shadow: 0px -3px 0px #3179bc inset;
	color: #68a5e1;
	transition: 0.2s;
}

.ui-menuitem-icon.fa-desktop {
	width: 1.2em;
}

.bottomOuvManifestacao {
	background-color: #dae3f6;
	padding: 1.5em;
	border-radius: 8px;
	border: 1px solid #1f679e;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	color: #0081c2;
	font-family: Arial, sans-serif;
	line-height: 2;
}

.linkBottomOuvManifestacao {
	color: #0081c2;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	transition: all 0.3s ease;
}

.linkBottomOuvManifestacao:hover {
	color: #0081c2;
	border-bottom-color: #0081c2;
	opacity: 0.9;
}

/* @media screen and (min-width : 1000px) { */
/*     .verticalmenu { */
/*         display: none !important; */
/*     } */
/* } */

/* @media screen and (max-width : 999px) { */
/*     .horizontalmenu { */
/*         display: none !important; */
/*     } */
/* } */