@font-face {
	font-family: "Open Sans";
	src: url("/fonts/OpenSans-Regular.ttf");
}

@font-face {
	font-family: "Open Sans Bold";
	src: url("/fonts/OpenSans-Bold.ttf");
}

* {
	font-size: 0.95rem;
	font-family: "Open Sans";
}

textarea {
	resize: none !important;
}

:root {
	--main-azul: #209CEE;
	--main-bg-cinza: rgb(248, 248, 248);
}

.modal {
	background: #06060666;
}

.rowRed {
	background: #f27f7f;
	pointer-events: none;
}

.not-active {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: black;
}

.spinner-border {
	margin-top: 20%;
}

.spinnerBlock {
	width: 100%;
	background: #fff9;
	position: fixed;
	margin: 0;
	top: 0;
	text-align: center;
	left: 0;
	height: 100%;
	z-index: 300;
}

.desabilitar {
	pointer-events: none;
	outline: none;
	background: #e9ecef !important;
	cursor: not-allowed !important;
}

/* MODIFICADORES DO BOOTSTRAP */

table.table-hover tr {
	cursor: pointer;
}

.btn-primary {
	background-color: var(--main-azul) !important;
	border-color: var(--main-azul) !important;
}

.btn-outline-primary {
	color: var(--main-azul) !important;
	border-color: var(--main-azul) !important;
}

.btn-outline-primary:hover {
	background-color: rgba(32, 156, 238, 0.1) !important;
}

p.text-primary,
h1.text-primary,
h2.text-primary,
h3.text-primary,
h4.text-primary {
	color: var(--main-azul) !important;
}

.btn-primary,
.badge-primary,
.bg-primary {
	background-color: var(--main-azul) !important;
	border-color: var(--main-azul) !important;
}

button.btn-primary>i {
	color: #FFF;
	margin-right: 5px;
}

.blue {
	color: var(--main-azul);
}

.bold {
	font-family: "Open Sans Bold";
}

input[type=checkbox] {
	cursor: pointer;
}

/* deixa fundo o input (readonly) do datepicker branco */

.datepicker {
	background-color: #FFF !important;
}

/* FIM DOS MODIFICADORES DO BOOTSTRAP */

.page-wrapper {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.page-wrapper>div.header #logo-header {
	height: 100%;
}

.page-wrapper>.header {
	z-index: 0;
	position: absolute;
	padding: 11px 20px 13px 20px;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 75px;
	background: #209CEE;
	box-shadow: 5px 6px 15px rgba(0, 0, 0, 0.12);
}

.page-wrapper>.menu {
	z-index: 1;
	position: relative;
	float: left;
	top: 75px;
	width: 14%;
	height: calc(100% - 75px);
}

.page-wrapper>div.content {
	overflow-y: auto;
	position: relative;
	padding: 15px 15px 15px 15px;
	float: right;
	top: 75px;
	width: 86%;
	height: calc(100% - 75px);
	background-color: #F8F8F8;
}

.main-menu a {
	display: block;
	padding: 10px 0px 10px 5px;
	text-decoration: none;
	color: #555;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid rgba(32, 156, 238, 0.1);
	transition: all 0.5s;
}

.main-menu a i {
	width: 26px;
	text-align: center;
	transition: all 0.5s;
}

.main-menu a:hover,
.main-menu .submenu a:hover {
	color: #209CEE;
	background-color: rgba(32, 156, 238, 0.1)
}

.main-menu a:hover i {
	color: #209CEE;
}

.main-menu a.sub-title {
	background-image: linear-gradient(#FFF, #F8F8F8);
}

.main-menu a.sub-title:hover {
	color: #555;
}

.main-menu .submenu {
	display: none;
}

.main-menu .submenu a {
	padding: 7px 0px 7px 5px;
	font-size: 0.9rem;
	background-color: #F8F8F8;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.user-menu {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.user-menu>div {
	display: inline-block;
	padding: 15px 20px 15px 15px;
	color: #FFF;
}

.user-menu>div a,
.user-menu>div i {
	color: #FFF;
	text-decoration: none;
}

.fontP {
	font-size: 12px !important;
	word-wrap: anywhere;
}

.botao-fechar {
	cursor: pointer;
	position: absolute;
	width: 30px;
	height: 30px;
	top: 8px;
	right: 8px;
}

.botao-fechar i {
	margin-left: 5px;
	margin-top: 2px;
	color: #777;
	font-size: 24px;
	transition: color 0.3s;
}

.botao-fechar i:hover {
	color: var(--main-azul);
}

@media screen and (max-width: 1490px) {
	.h1-responsivo {
		font-size: 27px !important;
	}

	.h3-responsivo {
		font-size: 20px !important;
	}

	.h4-responsivo {
		font-size: 20px !important;
	}
}

a.info {
	font-family: verdana, arial, helvetica, sans-serif;
	position: relative;
	border-bottom: 1px dashed #ccc;
	text-decoration: none;
	color: #333333;
}

/* Added to solve the z-order problem of IE */

a.info:hover {
	z-index: 2;
}

/* End */

a.info span {
	display: none;
}

a.info:hover span {
	display: block;
	position: absolute;
	z-index: 100;
	bottom: 1.5em;
	left: -4em;
	/* min-width: 25em; */
	border: 1px solid #F2AF1D;
	background-color: #FDF1D5;
	color: #000;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	padding: 3px;
	line-height: 15px;
}

a.info:hover span p {
	margin: 0 !important;
}

a.infoT {
	font-family: verdana, arial, helvetica, sans-serif;
	position: relative;
	border-bottom: 1px dashed #ccc;
	text-decoration: none;
	color: #333333;
}

/* Added to solve the z-order problem of IE */

a.infoT:hover {
	z-index: 2;
}

/* End */

a.infoT span {
	display: none;
}

a.infoT:hover span {
	display: block;
	position: absolute;
	z-index: 100;
	bottom: 2em;
	right: -2em;
	min-width: 20em;
	border: 2px solid #F2AF1D;
	background-color: #FDF1D5;
	color: #000;
	text-align: left;
	font-size: 15px;
	font-weight: normal;
	padding: 10px;
	line-height: 15px;
	border-radius: 5px;
}

.iconInfo {
	color: #ea0000;
	margin-top: -8px !important;
	margin-left: 17px !important;
	position: absolute;
}

/*tabela fixa*/

.tableFixa {
	display: block;
	height: 600px;
	overflow-y: scroll;
	width: 100%;
}

.linha-fixa {
	width: 100%;
	border-bottom: 1px solid #dee2e6;
}

.tr-fixa {
	display: flex;
}

.table td,
.table th {
	border-top: none !important;
}

.tableFixa2 tr {
	cursor: pointer;
	display: flex;
}

.td-flex-grow {
	flex-grow: 0 !important;
	min-width: 45px;
}

/* menu responsivo */

@media (max-width: 576px) {
	.main-menu>a {
		-webkit-transition: white 2s;
		/* For Safari 3.1 to 6.0 */
		transition: white 2s;
		white-space: nowrap;
		width: 50px;
		overflow: hidden;
		text-overflow: ellipsis;
		border: 1px solid #adb5bd;
	}

	nav.main-menu div.submenu a {
		-webkit-transition: white 2s;
		/* For Safari 3.1 to 6.0 */
		transition: white 2s;
		white-space: nowrap;
		width: 50px;
		overflow: hidden;
		text-overflow: ellipsis;
		border: 1px solid #adb5bd;
		background: #dfdfdf;
	}

	.page-wrapper>div.menu {
		-webkit-transition: width 2s;
		/* For Safari 3.1 to 6.0 */
		transition: width 2s;
		width: 13%;
	}

	.page-wrapper>div.content {
		-webkit-transition: width 2s;
		/* For Safari 3.1 to 6.0 */
		transition: width 2s;
		width: 86%
	}

	.user-menu>div {
		display: inline-block;
		padding: 0px 20px 8px 15px;
		color: #FFF;
	}

	.page-wrapper>div.header #logo-header {
		height: 100%;
	}

	.userResponsivo {
		text-align: right;
		font-size: 9px;
		float: right;
		width: 100%;
	}

	.userResponsivo>a {
		text-align: right;
		font-size: 9px;
		float: right;
		width: 100%;
	}
}

@media (max-width: 768px) and (min-width: 576px) {
	.main-menu>a {
		-webkit-transition: white 2s;
		/* For Safari 3.1 to 6.0 */
		transition: white 2s;
		white-space: nowrap;
		width: 50px;
		overflow: hidden;
		text-overflow: ellipsis;
		border: 1px solid #adb5bd;
	}

	nav.main-menu div.submenu a {
		-webkit-transition: white 2s;
		/* For Safari 3.1 to 6.0 */
		transition: white 2s;
		white-space: nowrap;
		width: 50px;
		overflow: hidden;
		text-overflow: ellipsis;
		border: 1px solid #adb5bd;
		background: #dfdfdf;
	}

	.page-wrapper>div.menu {
		-webkit-transition: width 2s;
		/* For Safari 3.1 to 6.0 */
		transition: width 2s;
		width: 9%;
	}

	.page-wrapper>div.content {
		-webkit-transition: width 2s;
		/* For Safari 3.1 to 6.0 */
		transition: width 2s;
		width: 90%
	}

	.top {
		margin-top: 20% !important;
		background: red;
	}

	.user-menu>div {
		display: inline-block;
		padding: 0px 20px 3px 15px;
		color: #FFF;
	}

	.page-wrapper>div.header #logo-header {
		height: 100%;
	}

	.userResponsivo {
		text-align: right;
		font-size: 13px;
		float: right;
		width: 100%;
	}

	.userResponsivo>a {
		text-align: right;
		font-size: 13px;
		float: right;
		width: 100%;
	}
}

@media (max-width: 992px) and (min-width: 768px) {
	.main-menu>a {
		-webkit-transition: white 2s;
		/* For Safari 3.1 to 6.0 */
		transition: white 2s;
		white-space: nowrap;
		width: 50px;
		overflow: hidden;
		text-overflow: ellipsis;
		border: 1px solid #adb5bd;
	}

	nav.main-menu div.submenu a {
		-webkit-transition: white 2s;
		/* For Safari 3.1 to 6.0 */
		transition: white 2s;
		white-space: nowrap;
		width: 50px;
		overflow: hidden;
		text-overflow: ellipsis;
		border: 1px solid #adb5bd;
		background: #dfdfdf;
	}

	.page-wrapper>div.menu {
		-webkit-transition: width 2s;
		/* For Safari 3.1 to 6.0 */
		transition: width 2s;
		width: 5%;
	}

	.page-wrapper>div.content {
		-webkit-transition: width 2s;
		/* For Safari 3.1 to 6.0 */
		transition: width 2s;
		width: 94%
	}
}

a.infoResponsivo {
	font-family: verdana, arial, helvetica, sans-serif;
	position: relative;
	border-bottom: 1px dashed #ccc;
	text-decoration: none;
	color: #333333;
}

/* Added to solve the z-order problem of IE */

a.infoResponsivo:hover {
	z-index: 2;
}

/* End */

a.infoResponsivo span {
	display: none;
}

a.infoResponsivo:hover span {
	display: block;
	position: fixed;
	margin-top: -23px;
	z-index: 100;
	min-width: 7em;
	border: 1px solid #F2AF1D;
	background-color: #FDF1D5;
	color: #000;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	padding: 3px;
	line-height: 15px;
}

/* menu responsivo */

.resize-none {
	resize: none;
}

/*tabela responsiva*/

table {
	width: 750px;
	border-collapse: collapse;
}

th {
	background: #209cee;
	color: white;
}

td,
th {
	padding: 10px;
	text-align: left;
}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/

@media (max-width: 480px) {
	.rodape {
		border: none;
	}

	td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 11px;
		left: 6px;
		width: 30%;
		padding-right: 10px;
		white-space: normal;
		/* Label the data */
		content: attr(data-column);
		font-size: 11px;
		color: #000;
		font-weight: bold;
	}

	.fontP {
		font-size: 11px !important;
	}

	table {
		width: 100%;
	}

	/* Force table to not be like tables anymore */
	table,
	thead,
	tbody,
	th,
	td,
	tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr {
		border: 1px solid #ccc;
	}

	td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	.table td,
	.table th {
		padding-left: 30% !important;
	}

	.icones {
		display: inline-table;
		width: 10% !important;
		margin: 10px !important;
		border: none;
	}

	.colResponsiva {
		border-bottom: 1px solid #bdb9b9 !important;
	}
}

@media only screen and (min-width:481px) and (max-width: 870px) {
	.rodape {
		border: none;
	}

	table {
		width: 100%;
	}

	/* Force table to not be like tables anymore */
	table,
	thead,
	tbody,
	th,
	td,
	tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr {
		border: 1px solid #ccc;
	}

	td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 11px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: normal;
		/* Label the data */
		content: attr(data-column);
		color: #000;
		font-weight: bold;
	}

	.table td,
	.table th {
		padding-left: 30% !important;
	}

	.icones {
		display: inline-table;
		width: 10% !important;
		margin: 10px !important;
		border: none;
	}

	.colResponsiva {
		border-bottom: 1px solid #bdb9b9 !important;
	}
}

@media (min-width: 576px) {
	.modal-xxl {
		max-width: 90% !important;
	}
}

@media (min-width: 992px) {
	.modal-xxl {
		max-width: 1000px !important;
	}
}

@media (min-width: 1200px) {
	.modal-xxl {
		max-width: 1600px !important;
	}
}

.bt-1,
.by-1 {
	border-top-width: .25rem !important
}

.bl-1,
.bx-1 {
	border-left-width: .25rem !important
}

.br-1,
.bx-1 {
	border-right-width: .25rem !important
}

.bb-1,
.by-1 {
	border-bottom-width: .25rem !important
}

.bt-2,
.by-2 {
	border-top-width: .5rem !important
}

.bl-2,
.bx-2 {
	border-left-width: .5rem !important
}

.br-2,
.bx-2 {
	border-right-width: .5rem !important
}

.bb-2,
.by-2 {
	border-bottom-width: .5rem !important
}

.bt-3,
.by-3 {
	border-top-width: 1rem !important
}

.bl-3,
.bx-3 {
	border-left-width: 1rem !important
}

.br-3,
.bx-3 {
	border-right-width: 1rem !important
}

.bb-3,
.by-3 {
	border-bottom-width: 1rem !important
}

.bt-4,
.by-4 {
	border-top-width: 1.5rem !important
}

.bl-4,
.bx-4 {
	border-left-width: 1.5rem !important
}

.br-4,
.bx-4 {
	border-right-width: 1.5rem !important
}

.bb-4,
.by-4 {
	border-bottom-width: 1.5rem !important
}

.bt-5,
.by-5 {
	border-top-width: 3rem !important
}

.bl-5,
.bx-5 {
	border-left-width: 3rem !important
}

.br-5,
.bx-5 {
	border-right-width: 3rem !important
}

.bb-5,
.by-5 {
	border-bottom-width: 3rem !important
}

#voltar-mensageria,
#inserir-mensageria,
#botoes-favorecido,
.botao-direita-superior {
	position: absolute !important;
	top: 15px;
	right: 15px;
}

.string {
	color: green;
}

.number {
	color: darkorange;
}

.boolean {
	color: blue;
}

.null {
	color: magenta;
}

.key {
	color: red;
}

#protestoJud {
	position: absolute;
	top: 15%;
	left: 37vw;
	font-family: Verdana, Geneva, Tahoma, sans-serif !important;
}

#protestoJud>h1 {
	font-weight: lighter;
}

#protestoJud>h1>b {
	font-weight: bolder !important;
}

@media (min-width: 992px) {
	#protestoJud {
		left: 30vw;
	}
}

@media (min-width: 1400px) {
	#protestoJud {
		left: 37vw;
	}
}

.acoes {
	color: #007bff !important;
}

.c-pointer {
	cursor: pointer;
}

.c-help {
	cursor: help;
}

.form-control::-webkit-input-placeholder {
	/* WebKit browsers */
	text-transform: none;
}

.form-control:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	text-transform: none;
}

.form-control::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	text-transform: none;
}

.form-control:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	text-transform: none;
}

.form-control::placeholder {
	/* Recent browsers */
	text-transform: none;
}

.bg-medium-orange {
	background-color: #FF5F15 !important;
}

.sombra-card {
	-webkit-box-shadow: -4px 8px 13px 0px rgba(0, 0, 0, 0.72);
	box-shadow: -4px 8px 13px 0px rgba(0, 0, 0, 0.72);
}