/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

.field-validation-valid {
	display: none;
}

.alert {
	margin-bottom: 5px;
}

div#accountActions {
	float: left;
}

div#ribbon ol.breadcrumb li a:hover {
	color: #FFFFFF !important;
}

.centerBox {
	margin: auto;
	float: none;
}

.modal-dialog {
	margin: 10px auto;
}

.modal-header {
	padding: 10px;
}

.modal-body {
	padding: 30px;
}

.modal-footer {
	padding: 15px;
}

.sigimModalBody {
	height: 400px;
	overflow: auto;
}

.panel {
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 2px solid transparent;
}

.panel:last-of-type {
	border-bottom: 0;
}

.smart-form .col-12 {
	width: 100%;
}

.smart-form .labelCheckBox {
	display: inline;
}

.smart-form .note-error {
	color: #A90329;
}

.smart-form .note-error:empty {
	display: none;
}

.bgIconeRelatorio48x48 {
	width: 98px;
	height: 127px;
	background-color: #EEEEEE;
}

.bgIconeRelatorio48x48 img {
	border: 1px solid #999999;
}

.bgIconeRelatorio48x48 a {
	margin-top: 5px;
}

.smart-form fieldset {
	background: none;
}

@font-face {
	font-family: 'funcionario';
	src: url('../fonts/funcionario.eot?ajz8b8');
	src: url('../fonts/funcionario.eot?ajz8b8#iefix') format('embedded-opentype'),
		url('../fonts/funcionario.ttf?ajz8b8') format('truetype'),
		url('../fonts/funcionario.woff?ajz8b8') format('woff'),
		url('../fonts/funcionario.svg?ajz8b8#funcionario') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="funcionario"],
[class*="funcionario"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'funcionario' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.funcionario:before {
	font-family: 'funcionario';
	content: "\e900";
	font-size: 55px;
}

@font-face {
	font-family: 'configuracao';
	src: url('../fonts/configuracao.eot');
	src: url('../fonts/configuracao.eot') format('embedded-opentype'),
		url('../fonts/configuracao.ttf') format('truetype'),
		url('../fonts/configuracao.woff') format('woff'),
		url('../fonts/configuracao.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-configuracao"],
[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'configuracao' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-configuracao:before {
	font-size: 57px;
	content: "\e900";
}

@font-face {
	font-family: 'user';
	src: url('../fonts/user.eot');
	src: url('../fonts/user.eot') format('embedded-opentype'),
		url('../fonts/user.ttf') format('truetype'),
		url('../fonts/user.woff') format('woff'),
		url('../fonts/user.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-user"],
[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'user' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-user:before {
	font-size: 40px;
	content: "\e900";
}

@font-face {
	font-family: 'permissaoUsuario';
	src: url('../fonts/permissaoUsuario.eot');
	src: url('../fonts/permissaoUsuario.eot') format('embedded-opentype'),
		url('../fonts/permissaoUsuario.ttf') format('truetype'),
		url('../fonts/permissaoUsuario.woff') format('woff'),
		url('../fonts/permissaoUsuario.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-permissaoUsuario"],
[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'permissaoUsuario' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-permissaoUsuario:before {
	font-size: 50px;
	content: "\e900";
}

@font-face {
	font-family: 'permissaoGrupo';
	src: url('../fonts/permissaoGrupo.eot');
	src: url('../fonts/permissaoGrupo.eot') format('embedded-opentype'),
		url('../fonts/permissaoGrupo.ttf') format('truetype'),
		url('../fonts/permissaoGrupo.woff') format('woff'),
		url('../fonts/permissaoGrupo.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-permissaoGrupo"],
[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'permissaoGrupo' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-permissaoGrupo:before {
	font-size: 55px;
	content: "\e900";
}

@font-face {
	font-family: 'importacao';
	src: url('../fonts/importacao.eot');
	src: url('../fonts/importacao.eot') format('embedded-opentype'),
		url('../fonts/importacao.ttf') format('truetype'),
		url('../fonts/importacao.woff') format('woff'),
		url('../fonts/importacao.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-importacao"],
[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'importacao' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-importacao:before {
	font-size: 50px;
	content: "\e900";
}

/*====================================================================================================================*/

.smart-form fieldset.min-padding-top {
	padding-top: 5px;
}

.smart-form fieldset legend {
	padding-top: 0;
}

.smart-form section.min-margim-bottom {
	margin-bottom: 0;
}

.smart-form .btn {
	padding: 4px 8px;
}

/* Responsivo Celular - 2 colunas */
@media (min-width: 0px) and (max-width: 560px) {

	.grid {
		display: grid;
		justify-content: center;
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 110px;
	}

}

/* Responsivo Tablets */
@media (min-width: 560px) and (max-width: 705px) {

	.grid {
		display: grid;
		justify-content: center;
		grid-template-columns: repeat(4, 1fr);
		grid-auto-rows: 115px;
	}

}

.jarviswidget div.table-container {
	margin-top: 13px;
	padding: 0 13px 13px 13px;
}

.jarviswidget div.table-container div.table-responsive {
	clear: both;
}

@media (min-width:601px) {
	.base-align {
		margin-top: 25px;
	}
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

div.table-header {
	border: 1px solid #ddd;
	border-bottom: 0;
}

div.table-footer {
	border: 1px solid #ddd;
	border-top: 0;
}

div.table-container div.empty-result {
	width: 100%;
	height: 50px;
	line-height: 50px;
	margin-bottom: 13px;
	float: left;
	border: 1px solid #ddd;
	text-align: center;
	background-color: #FEFEFE;
	color: #A90329;
}

div.table-container div.dt-toolbar-footer {
	padding: 5px 10px;
}

table.dataTable {
	margin: 0 !important;
}

table.dataTable>thead>tr>th {
	vertical-align: middle;
}

.ui-autocomplete {
	max-height: 250px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	width: initial;
	white-space: nowrap;
	font: 13px/16px 'Open Sans', Helvetica, Arial, sans-serif;
	z-index: 9999 !important;
}

.ui-autocomplete a {
	color: #404040;
}

.ui-menu .ui-menu-item a {
	line-height: 1;
}

.ui-menu .ui-menu-item a.ui-state-active,
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-widget-content {
	font-weight: normal;
	background-color: #428BCA;
	border-color: #357EBD;
	padding-right: 200px;
}

* html .ui-autocomplete {
	height: 250px;
}

.text-color-error {
	color: #FFFFFF;
}

.text-color-success {
	color: #356635;
}

.text-color-warning {
	color: #826430;
}

.text-color-info {
	color: #305d8c;
}

td[onclick] {
	color: #3276b1;
}

td[onclick]:hover {
	cursor: pointer;
	text-decoration: underline;
}

.smart-form .input input.required,
.smart-form .select select.required,
.smart-form .textarea textarea.required {
	background-color: #FFFFC0;
}

.smart-form .input input.readonly,
.smart-form .select select.readonly,
.smart-form .textarea textarea.readonly {
	background-color: #dbdbdb;

}

select[readonly] {
	background-color: #dbdbdb;
	/*Simular campo inativo - Sugestão @GabrielRodrigues*/
	pointer-events: none;
	touch-action: none;
}

div#generalLoading {
	position: fixed;
	padding: 20px;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -130px;
	background: rgba(0, 0, 0, .4);
	z-index: 100000;
	border-radius: 5px;
	display: none;
}

div#generalLoading span {
	display: block;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}

.tree .highlight {
	color: #666666;
	background: #B2D0FD !important;
}

.tree li.parent_li>span:hover+ul li span.highlight {
	color: #666666;
	background: #B2D0FD !important;
}

.error {
	color: red;
}

.smart-style-0 #header,
.smart-style-2 .page-footer,
.smart-style-2 .superbox-show {
	background-image: none;
	background-color: white;
}

/*CSS FEITO PARA IMPLEMENTAÇÃO DAS ESTRALHAS "Star Rating" */
.rating {
	position: relative;
	width: 170px;
	background: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: .3em;
	padding: 10px;
	overflow: hidden;
	border-radius: 30px;
	box-shadow: 0 0 2px #b3acac;
}

.rating__star {
	font-size: 2.5em;
	cursor: pointer;
	color: #dfc119d0;
	transition: filter linear .3s;
}

.rating__star:hover {
	filter: drop-shadow(1px 1px 4px gold);
}

.progressBar {
	height: 25px;
	display: flex;
	border: solid 1px;

}

.progressBar::before {
	content: "";
	width: calc(var(--progress) * 1%);
	background-color: hsl(calc(var(--progress) * 0.9), 80%, 50%);
	transition: all 0.s ease;

}

.progressBarVermelho {
	height: 25px;
	display: flex;
	border: solid 1px;
	background: red;
}

.progressBarVermelho::before {
	content: "";
	width: calc(var(--progress) * 1%);
	background-color: hsl(calc(var(--progress) * 0.9), 80%, 50%);
	transition: all 0.s ease;
	background: red;

}

#success_tic .page-body {
	max-width: 300px;
	background-color: #FFFFFF;
	margin: 10% auto;
}

#success_tic .page-body .head {
	text-align: center;
}

/* #success_tic .tic{
	font-size:186px;
  } */
#success_tic .close {
	opacity: 1;
	position: absolute;
	right: 0px;
	font-size: 30px;
	padding: 3px 15px;
	margin-bottom: 10px;
}

#success_tic .checkmark-circle {
	width: 130px;
	height: 130px;
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.checkmark-circle .background {
	width: 130px;
	height: 130px;
	border-radius: 50%;
	background: #1ab394;
	position: absolute;
}

#success_tic .checkmark-circle .checkmark {
	border-radius: 5px;
}

#success_tic .checkmark-circle .checkmark.draw:after {
	-webkit-animation-delay: 300ms;
	-moz-animation-delay: 300ms;
	animation-delay: 300ms;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease;
	-moz-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-animation-name: checkmark;
	-moz-animation-name: checkmark;
	animation-name: checkmark;
	-webkit-transform: scaleX(-1) rotate(135deg);
	-moz-transform: scaleX(-1) rotate(135deg);
	-ms-transform: scaleX(-1) rotate(135deg);
	-o-transform: scaleX(-1) rotate(135deg);
	transform: scaleX(-1) rotate(135deg);
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

#success_tic .checkmark-circle .checkmark:after {
	opacity: 1;
	height: 75px;
	width: 37.5px;
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
	border-right: 13px solid #fff;
	border-top: 13px solid #fff;
	border-radius: 2.5px !important;
	content: '';
	left: 18px;
	top: 67px;
	position: absolute;
}

@-webkit-keyframes checkmark {
	0% {
		height: 0;
		width: 0;
		opacity: 1;
	}

	20% {
		height: 0;
		width: 37.5px;
		opacity: 1;
	}

	40% {
		height: 75px;
		width: 37.5px;
		opacity: 1;
	}

	100% {
		height: 75px;
		width: 37.5px;
		opacity: 1;
	}
}

@-moz-keyframes checkmark {
	0% {
		height: 0;
		width: 0;
		opacity: 1;
	}

	20% {
		height: 0;
		width: 37.5px;
		opacity: 1;
	}

	40% {
		height: 75px;
		width: 37.5px;
		opacity: 1;
	}

	100% {
		height: 75px;
		width: 37.5px;
		opacity: 1;
	}
}

@keyframes checkmark {
	0% {
		height: 0;
		width: 0;
		opacity: 1;
	}

	20% {
		height: 0;
		width: 37.5px;
		opacity: 1;
	}

	40% {
		height: 75px;
		width: 37.5px;
		opacity: 1;
	}

	100% {
		height: 75px;
		width: 37.5px;
		opacity: 1;
	}
}

[data-tip] {
	position: relative;

}

[data-tip]:before {
	content: '';
	/* hides the tooltip when not hovered */
	display: none;
	content: '';
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #83a335;
	position: absolute;
	top: 30px;
	left: 35px;
	z-index: 8;
	font-size: 10;
	line-height: 0;
	width: 0;
	height: 0;
}

[data-tip]:after {
	display: none;
	content: attr(data-tip);
	position: absolute;
	top: 35px;
	left: 0px;
	padding: 5px 8px;
	background: #83a335;
	color: #302e2d;
	z-index: 9;
	font-size: 0.75em;
	height: 18px;
	line-height: 18px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	word-wrap: normal;
}

[data-tip]:hover:before,
[data-tip]:hover:after {
	display: block;
}

.btn-lg {
	padding: 10px 16px;
	margin-bottom: 4px;
}

@-webkit-keyframes glowing {
	0% {
		background-color: rgb(170, 2, 2);
		-webkit-box-shadow: 0 0 3px rgb(170, 2, 2);
	}

	50% {
		background-color: #275b89db;
		-webkit-box-shadow: 0 0 3px #275b89db;
	}

	100% {
		background-color: rgb(170, 2, 2)red;
		-webkit-box-shadow: 0 0 3px rgb(170, 2, 2);
	}
}

@-moz-keyframes glowing {
	0% {
		background-color: rgb(170, 2, 2);
		-moz-box-shadow: 0 0 3px rgb(170, 2, 2);
	}

	50% {
		background-color: #275b89db;
		-moz-box-shadow: 0 0 3px #275b89db;
	}

	100% {
		background-color: rgb(170, 2, 2);
		-moz-box-shadow: 0 0 3px rgb(170, 2, 2);
	}
}

@-o-keyframes glowing {
	0% {
		background-color: rgb(170, 2, 2);
		box-shadow: 0 0 3px rgb(170, 2, 2);
	}

	50% {
		background-color: #275b89db;
		box-shadow: 0 0 3px #275b89db;
	}

	100% {
		background-color: rgb(170, 2, 2);
		box-shadow: 0 0 3px rgb(170, 2, 2);
	}
}

@keyframes glowing {
	0% {
		background-color: rgb(170, 2, 2);
		box-shadow: 0 0 3px rgb(170, 2, 2);
	}

	50% {
		background-color: #275b89db;
		box-shadow: 0 0 3px #275b89db;
	}

	70% {
		background-color: #275b89db;
		box-shadow: 0 0 3px #275b89db;
	}

	100% {
		background-color: rgb(170, 2, 2);
		box-shadow: 0 0 3px rgb(170, 2, 2);
	}
}

nav ul .active>a {
	color: #a8cf45 !important;
	font-weight: bolder;
}

nav ul li.open>a,
nav ul li.open>a b {
	color: #a8cf45 !important;
	font-weight: bolder;
}