/* Gerais - Início */
	html {
		overflow: hidden;
	}

	html.telaLogin {
		background-color: #323b44;
		background-image: var(--background-login);
		background-blend-mode: luminosity;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 150%;
	}

	html.telaLogin body {
		background: transparent;
	}

	a {
		color: var(--cor-principal);
	}

	a:hover, a:focus, a:active {
		color: var(--cor-secundaria);
	}

	span.link {
		cursor: pointer;
	}

	.contextoOpcoes {
		position: absolute;
		will-change: transform;
		top: 0px;
		left: 0px;
		z-index: 1001;
	}

	.scrollAbove40VH {
		max-height: 40vh !important;
		overflow-y: auto;
	}

	.scrollAbove50VH {
		max-height: 50vh !important;
		overflow-y: auto;
	}

	.scrollAbove60VH {
		max-height: 60vh !important;
		overflow-y: auto;
	}

	.scrollAbove70VH {
		max-height: 70vh !important;
		overflow-y: auto;
	}

	.scrollAbove80VH {
		max-height: 80vh !important;
		overflow-y: auto;
	}

	.scrollAbove90VH {
		max-height: 90vh !important;
		overflow-y: auto;
	}

	.overflowHidden {
		overflow: hidden !important;
	}

	.verticalAlignMiddle {
		vertical-align: middle;
	}

	.verticalAlignSuper {
		vertical-align: super;
	}

	.dropdown-menu-lg {
		max-height: 500px;
		overflow-y: auto;
	}

	[href] {
		cursor: pointer;
	}

	hr {
		margin-top: 25px;
		margin-bottom: 25px;
		border: 0;
		background: -webkit-gradient(linear, 0 0, 100% 0, from(#36404a), to(#36404a), color-stop(50%, #adb2b6));
		height: 2px;
		width: 80%;
		opacity: 0.9;
	}

	.naoQuebraLinha, td:not(.child) {
		white-space:nowrap;
	}

	.naoSeleciona {
		-webkit-touch-callout: none; /* iOS Safari */
		-webkit-user-select: none; /* Safari */
		-khtml-user-select: none; /* Konqueror HTML */
		-moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */
		user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
	}

	.pointerEventsNone {
		pointer-events: none;
	}

	.pointerEventsAll {
		pointer-events: all;
	}

	.tooltip-inner {
		padding: .25rem .5rem !important;
		border-radius: .25rem !important;
	}

	.disabled {
		pointer-events:none;
		color: #6c757d;
	}

	.badge {
		padding: 3px 4px;
	}

	.informacaoDinamicaConteudoExtra {
		margin-right: -12px;
	}

	.informacaoDinamicaConteudoExtra .col-md-* {
		padding: 0;
	}

	.page-title-box {
		display: flex;
		padding: 20px 20px 11px 20px;
	}

	.page-title {
		margin-bottom: 10px;
		flex-grow: 1;
	}

	.paginaCabecalhoTabs {
		flex-grow: 1;
		margin-right: 0;
		margin-top: -9px;
		border: 2px solid #ffffff77;
		border-radius: 30px;
		overflow-x: auto;
		overflow-y: hidden;
	}

	.paginaCabecalhoTabs .nav {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	.paginaCabecalhoTabs li .nav-link {
		border-radius: 0;
		font-weight: 600;
		user-select: none;
		white-space: nowrap;
		transition: color 300ms;
	}

	.paginaCabecalhoTabs li .nav-link:hover {
		color: #fff;
	}

	.paginaCabecalhoTabs li .nav-link.active {
		background-image: linear-gradient(45deg, var(--cor-principal) 60%, var(--cor-principal-variacao));
	}

	.page-title-box .paginaCaminho {
		flex-grow: 1;
	}

	.content-page {
		position: absolute;
		background-color: #323b44;
		box-sizing: border-box;
		left: 70px;
		top: 70px;
		margin-left: 0 !important;
		width: calc(100% - 70px);
		height: calc(100% - 70px);
		overflow-y: auto;
		z-index: 0;
		transition-property: all;
		transition-timing-function: ease;
	}

	.modoNavegacao .content-page {
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	.content-page > .content {
		margin-top: 0;
	}

	.escalaReduzida {
		transform: scale(0.12);
		opacity: 0;
	}

	.container-fluid > .tab-content {
		padding-top: 0;
	}

	.topbar .app-search {
		padding-top: 0;
	}

	.topbar .app-search .form-control {
		border-width: 0;
		font-size: 20px;
		font-weight: 700;
		height: 34px;
		color: var(--cor-texto) !important;
		padding: 34px 0;
		padding-left: 20px;
		padding-right: 40px;
		border-radius: 0;
		background: transparent;
		-webkit-box-shadow: none;
		box-shadow: none;
		width: 250px;
	}

	.topbar .app-search .form-control::placeholder {
		color: var(--cor-texto-desabilitado) !important;
	}

	.topbar .app-search .form-control:focus {
		color: var(--cor-texto-destacado) !important;
	}

	.modoNavegacao .topbar .app-search .form-control:focus {
		color: #333 !important;
	}

	.modoNavegacao .topbar .app-search .form-control::placeholder {
		color: #33333355 !important;
	}

	.topbar .opcaoAtalhosDeTeclado {
		line-height: 73px;
	}

	.topbar .topbar-left, .left.side-menu {
		left: 0;
		transition: all 150ms;
	}

	.left.side-menu #sidebar-menu ul > li {
		white-space: nowrap;
	}

	.topbar .usuarioImagem {
		border: 2px solid var(--cor-texto);
	}

	.topbar .notification-list:hover > a,
	.topbar .notification-list:hover .noti-icon {
		color: var(--cor-texto-destacado);
	}

	.topbar .notification-list:hover .usuarioImagem {
		border-color: var(--cor-texto-destacado);
	}

	#sidebar-menu {
		position: fixed;
		width: auto;
		max-height: calc(100% - 70px);
		background: #fff;
	}

	#wrapper.enlarged #sidebar-menu {
		width: 70px;
	}

	#sidebar-menu > ul > li > a.areaAberta {
		border-left: 3px solid var(--cor-secundaria);
	}

	#sidebar-menu > ul > li > a.active {
		border-left: 3px solid var(--cor-principal);
	}

	#sidebar-menu > ul > li > a {
		width: 240px;
		transition: all 150ms;
	}

	#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a {
		width: 70px !important;
		padding: 12px 20px;
		min-height: 48px;
	}

	#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > a {
		color: var(--cor-secundaria);
		border-color: var(--cor-secundaria);
		width: 250px !important;
		border-radius: 0 30px 30px 0;
	}

	#sidebar-menu > ul > li > a:hover {
		color: var(--cor-secundaria);
	}

	.breadcrumb-item+.breadcrumb-item::before {
		font-family: FontAwesome;
		content: "\f105";
	}

	.popover {
		max-width: 330px;
	}

	.popover .popover-header {
		padding: 0;
	}

	.popover.confirmation .popover-header {
		padding: 10px;
	}

	.popover .popover-header span {
		color: #333;
		font-size: 14px;
		font-weight: 400;
	}

	.popover .popover-header span.link:first-of-type {
		border-radius: 0 5px 0 0;
	}

	.popover .popover-header span.link:hover {
		background: #eeeeee !important;
	}

	.footer {
		position: fixed !important;
		left: 0 !important;
		background: none;
		padding-bottom: 20px;
		opacity: 0.5;
		pointer-events: none;
		z-index: 2;
	}
/* Gerais - Fim */

/* Gráficos - Início */
	.graficoContainer {
		position: relative;
		width: 100%;
		min-height: 220px;
		min-width: 300px;
	}

	.graficoContainer,
	.graficoContainer canvas {
		background-color: #36404a;
	}

	.popover .graficoContainer,
	.popover .graficoContainer canvas  {
		background-color: #fff;
	}

	.janela .graficoContainer {
		min-height: 300px;
		min-width: 400px;
		padding: 10px 15px;
		border-radius: 0 0 5px 5px;
	}

	.barraDeOpcoes {
		position: relative;
		z-index: 1;
		margin-bottom: -50px;
	}

	.barraDeOpcoes span {
		width: fit-content !important;
		flex: unset !important;
	}
/* Gráficos - Fim */

/* Botões - Início */
	.btn-primary,
	.btn-primary:disabled {
		background-color: var(--cor-principal);
		border: 1px solid var(--cor-principal);
	}

	.btn-custom.btn-primary {
		border-bottom: 2px solid var(--cor-principal-variacao) !important;
	}

	.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary, .btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
		background-color: var(--cor-principal-variacao);
		border-color: var(--cor-principal-variacao);
	}

	.btn-primary.focus, .btn-primary:focus, .btn-outline-primary.focus, .btn-outline-primary:focus, .btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show > .btn-primary.dropdown-toggle, .btn-primary:not([disabled]):not(.disabled).active:focus, .btn-primary:not([disabled]):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
		-webkit-box-shadow: 0 0 0 2px var(--cor-principal-desabilitada);
		box-shadow: 0 0 0 2px var(--cor-principal-desabilitada);
	}
/* Botões - Fim */

/* Tabs e Accordions - Início */
	.tabs-bordered li a.active {
		border-bottom-color: var(--cor-principal) !important;
	}

	.tabs-bordered li a, .tabs-bordered li a:hover, .tabs-bordered li a:focus {
		padding: 5px 2px !important;
	}
/* Tabs e Accordions - Fim */

/* Tabelas DataTable - Início */
	table.datatable {
		width: 100% !important;
	}

	table.datatable th {
		white-space: nowrap;
	}

	table.datatable th.column {
		width: 8px !important;
	}

	.dataTables_wrapper.container-fluid {
		padding: 0 !important;
	}

	.dataTables_wrapper .row:nth-child(2) > .visualizacaoTabela {
		overflow-x: auto;
		overflow-y: hidden;
	}

	.dataTables_wrapper .visualizacaoGrid {
		padding-left: 0 !important;
		padding-top: 5px;
		padding-bottom: 8px;
	}

	.dataTables_wrapper .visualizacaoGrid .row {
		margin-left: 0;
		margin-right: 0;
	}

	.dataTables_wrapper .visualizacaoGrid .card-title {
		font-size: 35px;
		font-weight: 100;
		margin-bottom: .35rem;
	}

	.dataTables_wrapper .visualizacaoGrid .row > div {
		margin-bottom: 20px;
	}

	.dataTables_wrapper .visualizacaoGrid .row:last-child > div {
		margin-bottom: 0;
	}

	.dataTables_wrapper .visualizacaoGrid .row > div:first-child {
		padding-left: 0;
	}

	.dataTables_wrapper .visualizacaoGrid .row > div:last-child {
		padding-right: 0;
	}

	.dataTables_wrapper .visualizacaoGrid .card ul {
		max-height: 180px;
		overflow-y: auto;
	}

	div.dataTables_wrapper .select2-selection__rendered {
		color: #6c757d !important;
		transition: all 300ms;
	}

	div.dataTables_wrapper .select2-selection {
		min-width: 70px !important;
	}

	div.dataTables_wrapper > .row .btn:hover,
	div.dataTables_wrapper > .row .select2-container:hover .select2-selection,
	div.dataTables_wrapper > .row .input-group:hover input,
	div.dataTables_wrapper > .row .input-group:hover select,
	div.dataTables_wrapper > .row .input-group:hover .pesquisaCampoUnicoCampoNome,
	div.dataTables_wrapper > .row .input-group:hover .pesquisaCampoUnicoOperadorNome,
	div.dataTables_wrapper > .row .input-group:hover .select2-selection,
	div.dataTables_wrapper > .row .input-group:hover .select2-selection__rendered,
	div.dataTables_wrapper > .row input:not(:empty) {
		color: #fff !important;
		background: #526170;
		border-color: #4c5a67;
	}

	div.dataTables_wrapper > .row .select2-container:hover .select2-selection__rendered {
		color: #fff !important;
	}

	:not(.tab-pane) > div.dataTables_wrapper > .row > div {
		padding-right: 0 !important;
	}

	div.dataTables_wrapper div.dataTables_info {
		position: relative;
		border: 1px solid #4c5a67;
		padding: 4px 12px !important;
		width: fit-content !important;
		margin: 7px 0 !important;
		border-radius: 5px;
		color: #6c757d;
		z-index: 1;
		transition: 300ms all;
	}

	div.dataTables_wrapper div.tabelaDetalhesConteudo:hover {
		background: #526170;
	}

	div.dataTables_wrapper div.tabelaDetalhesConteudo:hover div {
		color: #fff;
	}

	div.dataTables_wrapper div.dataTables_info:empty {
		display: none !important;
	}

	div.dataTables_wrapper .tabelaDetalhesConteudo {
		width: fit-content;
		background: #434f5c;
		height: 32px;
		border-radius: 5px;
	}

	div.dataTables_wrapper .tabelaDetalhesPercentual {
		position: relative;
		height: 28px;
		width: 0;
		background: #333d46;
		top: -37px;
		left: 3px;
		border-radius: 5px;
		z-index: 0;
		transition: 300ms all;
	}

	.dataTables_info .select-info {
		margin-left: 10px;
		padding-left: 10px;
		border-left: 1px solid #6c757d;
	}

	div.dataTables_wrapper div.dataTables_paginate ul.pagination {
		float: right !important;
		margin: 7px 0 !important;
		width: fit-content !important;
	}

	div.dataTables_wrapper div.dataTables_length {
		display: inline;
	}

	div.dataTables_wrapper div.dt-buttons {
		float: inherit;
	}

	div.dataTables_wrapper div.dt-buttons .btn {
		border: 1px solid #4c5a67;
    	background-color: #434f5c;
		color: #6c757d;
		padding: 0.200rem .55rem;
	}

	div.dataTables_wrapper div.dt-buttons .btn-secondary:not(:disabled):not(.disabled).active,
	div.dataTables_wrapper div.dt-buttons .btn-secondary:not(:disabled):not(.disabled):active {
		color: #fff;
		background-color: #434f5c;
	}

	div.dataTables_wrapper div.dataTables_length select {
		width: 97px !important;
		color: #6c757d;
		transition: 300ms all;
	}

	div.dataTables_wrapper div.dataTables_filter [type="search"] {
		color: #fff !important;
		width: 110px;
		margin-left: 0;
	}

	div.dataTables_wrapper div.dataTables_filter .campoUnicoAppend,
	div.dataTables_wrapper div.dataTables_filter .campoUnicoOperadorAppend {
		display: none;
	}

	div.dataTables_wrapper div.dataTables_filter .pesquisaCampoUnicoCampoNome,
	div.dataTables_wrapper div.dataTables_filter .pesquisaCampoUnicoOperadorNome {
		height: calc(1.8125rem + 2px);
		padding: .21rem .3rem .21rem 0.5rem;
		font-size: .875rem;
		line-height: 1.7;
		border: 1px solid #4c5a67;
		border-top-left-radius: .25rem;
		border-bottom-left-radius: .25rem;
		border-right: 0;
		background-color: #434f5c;
		transition: 300ms all;
	}

	div.dataTables_wrapper div.dataTables_filter .pesquisaCampoUnicoOperadorNome {
		border-left: 0;
		padding-left: 0;
		padding-right: 0;
		border-radius: 0;
	}

	div.dataTables_wrapper div.dataTables_filter .form-control {
		color: #6c757d;
		transition: 300ms all;
	}

	div.dataTables_wrapper div.dataTables_filter .form-control:focus-within {
		color: #fff;
	}

	table.dataTable tbody > tr.selected,
	table.dataTable tbody > tr.selected a,
	table.dataTable tbody > tr > .selected {
		background-image: linear-gradient(45deg, var(--cor-principal) 60%, var(--cor-principal-variacao));
		color: #fff;
	}

	div.dataTables_wrapper div.dataTables_paginate .page-link {
		color: #6c757d;
		background: #434f5c;
		font-size: 14px;
		padding: 7px 12px;
		border: 1px solid #4c5a67;
		border-left-width: 0;
		border-right-width: 0;
		transition: 300ms all;
	}

	div.dataTables_wrapper div.dataTables_paginate li:first-child .page-link {
		padding: 7px 10px;
		border-left-width: 1px;
	}

	div.dataTables_wrapper div.dataTables_paginate li:last-child .page-link {
		padding: 7px 10px;
		border-right-width: 1px;
	}

	div.dataTables_wrapper div.dataTables_paginate .page-item.active .page-link {
		background: var(--cor-principal-variacao);
		border-color: var(--cor-principal-variacao);
		color: #98a6ad;
	}

	.dataTables_paginate:hover .page-item .page-link {
		color: #fff;
		background-color: #526170;
	}

	.dataTables_paginate:hover .page-item.active .page-link {
		background-color: var(--cor-principal) !important;
		color: #fff !important;
	}

	.dataTables_paginate .page-item:not(.active) .page-link:hover {
		background-color: #485561 !important;
		z-index: unset !important;
	}

	.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .page-item.active .page-link {
		background-color: var(--cor-principal-variacao);
	}

	.page-link:focus {
		/* box-shadow: 0 0 8px 1px var(--cor-principal-variacao)a1 !important; */
		box-shadow: unset !important;
	}

	table.dataTable > tbody > tr > td:first-child:not(.child) {
		border-right: 0;
		padding-right: 0;
	}

	table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
		top: 12px;
		left: 4px;
		padding: 5px;
		display: block;
		position: absolute;
		color: #98a6ad !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: unset !important;
		box-sizing: content-box;
		text-align: center;
		font-family: 'Font Awesome 5 Free' !important;
		font-weight: 900;
		line-height: 14px;
		content: '\f054' !important;
		background-color: unset !important;
		-webkit-box-shadow: unset !important;
		box-shadow: unset !important;
		background-color: unset !important;
		transition: 300ms all;
	}

	table.dataTable.dtr-inline.collapsed > tbody > tr.selected > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.selected > th:first-child:before {
		color: white !important;
	}

	table.dataTable tbody > tr {
		transition: 200ms color;
	}

	table.dataTable tbody > tr:hover,
	table.dataTable.dtr-inline.collapsed > tbody > tr:hover > td:first-child:before,
	table.dataTable.dtr-inline.collapsed > tbody > tr:hover > th:first-child:before {
		color: #ffffff !important;
	}

	table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
		transform: rotate(90deg);
		background-color: unset !important;
	}

	table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
		background-color: unset !important;
	}

	table.dataTable > tbody > tr.child ul li {
		border-bottom: 0 !important;
	}

	table.dataTable tr td:visible:last-child {
		border-right: 0 !important;
	}

	@media screen and (max-width: 767px) {
		div.dt-buttons {
			float: none;
			width: unset !important;
			text-align: center;
			margin-bottom: 0 !important;
		}
	}
/* Tabelas DataTable - Fim */

/* Barras de rolagem - Início */
	::-webkit-scrollbar {
		height: 7px;
		width: 7px;
	}

	body::-webkit-scrollbar {
		width: 7px;
	}

	#janelasMinimizadas::-webkit-scrollbar,
	#sidebar-menu::-webkit-scrollbar,
	.paginaCabecalhoTabs::-webkit-scrollbar {
		width: 0;
		height: 0;
	}

	/* ::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	} */

	::-webkit-scrollbar-thumb {
		background-color: #434f5c;
		outline: none;
	}
/* Barras de rolagem - Fim */

/* Seleção - Início */
::-moz-selection { /* Code for Firefox */
	color: #fff;
	background: var(--cor-secundaria);
	border-radius: 5px;
  }

  ::selection {
	color: #fff;
	background: var(--cor-secundaria);
	border-radius: 5px;
  }
/* Seleção - Fim */

/* Janelas - Início */
	.custombox-content {
		pointer-events: none !important;
		z-index: 999;
	}

	.custombox-content.ativo {
		z-index: 1000;
	}

	.janela {
		border: 3px solid #94999e;
		border-radius: 15px;
		height: auto;
		pointer-events: initial !important;
		background: #36404a;
		box-shadow: #323b44 -1px -1px 5px;
		overflow: hidden !important;
	}

	.janela.ativa {
		border-color: #fff;
	}

	.janelaTranslucida {
		opacity: 0.6;
	}

	.janela:not(.janelaMinimizada) {
		transition: all 150ms ease-in-out;
		transition-property: opacity, flex-basis, width, height, border-color;
	}

	.custombox-content:focus-within {
		z-index: 1000;
	}

	.janela > div {
		margin: 0 !important;
		padding: 0 !important;
	}

	.janela .janelaBarraSuperior {
		width: 100%;
		min-height: 22px !important;
		padding: 1px 6px;
	}

	.janela .janelaBarraSuperior .link {
		padding: 0 2px;
	}

	.janela .janelaBarraSuperior .link:not(.janelaMaximizar):not(.janelaNormalizar):not(.janelaFechar) {
		margin-left: -4px;
	}

	.janela .janelaBarraSuperior i {
		color: #98a6ad;
		transition: color 300ms;
	}

	.janela .janelaBarraSuperior span:hover > i {
		color: #fff;
	}

	.janela .janelaTitulo {
		font-size: 14px !important;
		color: #98a6ad  !important;
		transition: color 300ms;
	}

	.janela .janelaBarraSuperior:hover .janelaTitulo {
		color: #fff !important;
	}

	.janelaCheia .row:nth-child(1) {
		position: relative;
		z-index: 1;
	}

	.janelaCheia .row:nth-child(2) {
		margin-top: -25px;
	}

	.janelaCheia .janelaBarraSuperior i,
	.janelaCheia .janelaTitulo {
		color: #333 !important;
	}

	.janelaCheia .janelaBarraSuperior span:hover > i,
	.janelaCheia .janelaBarraSuperior:hover .janelaTitulo {
		color: #000 !important;
	}

	.janela .card-box {
		margin: 0 !important;
		border: 0 !important;
		max-height: 85vh;
	}

	.janela .container-fluid {
		padding: 0;
	}

	#janelasMinimizadas {
		position: fixed !important;
		background: none;
		padding-left: 20px;
		padding-bottom: 18px;
		pointer-events: none;
		bottom: 0;
		right: 0;
		left: 240px;
		text-align: center;
		overflow-x: scroll;
		overflow-y: hidden;
		height: 65px;
		z-index: 1000;
		width: calc(100% - 70px);
	}

	#wrapper.enlarged #janelasMinimizadas {
		left: 70px;
	}

	#janelasMinimizadasConteudo {
		width: max-content;
	}

	.janelaMiniatura {
		position: relative;
		opacity: 0;
		width: fit-content;
		height: 45px;
		overflow: hidden;
		color: #98a6ad;
		background: #323b44;
		border: 3px solid #94999e;
		border-radius: 40px;
		text-align: center;
		padding-top: 6px;
		padding-left: 10px;
		padding-right: 12px;
		font-size: 18px;
		font-weight: bold;
		cursor: pointer;
		margin-right: 18px;
		pointer-events: all;
		transition: all 150ms;
	}

	.janelaMiniatura:hover {
		color: #fff;
		border: 3px solid #fff;
	}
/* Janelas - Fim */

/* Formulários - Início */
	input[type="number"] {
		-webkit-appearance: textfield;
		-moz-appearance: textfield;
		appearance: textfield;
		padding-left: 30px;
		padding-right: 30px;
	}

	input[type=number]::-webkit-inner-spin-button,
	input[type=number]::-webkit-outer-spin-button {
		-webkit-appearance: none;
	}

	.btn.reduzirNumero,
	.btn.aumentarNumero {
		position: absolute;
		top: 3px;
	}

	.btn.reduzirNumero {
		left: 14px;
	}

	.btn.aumentarNumero {
		right: 14px;
	}

	.select2-container--open .select2-dropdown {
		min-width: min-content !important;
		overflow: hidden;
	}

	.select2-results, .select2-results__options {
		min-width: fit-content;
	}

	.select2-results__option {
		white-space: nowrap;
		min-width: 118px;
	}

	.select2-container .select2-selection,
	.select2-container--default.select2-container--focus .select2-selection {
		border-width: 3px;
		border-color: #4c5a67;
	}

	.select2-selection--multiple .select2-search__field {
		color: #fff;
	}

	.select2-container .select2-selection--single .select2-selection__arrow {
		height: 30px;
		width: 30px;
	}

	.select2-container .select2-selection--single .select2-selection__arrow b {
		border-width: 6px 3px 0 3px;
	}

	.select2-container--open .select2-selection--single .select2-selection__arrow b {
		border-width: 0 3px 6px 3px !important;
	}

	.form-control-sm ~ .select2-container .select2-selection--single {
		border-width: 1px;
	}

	.form-control-sm ~ span.select2 .select2-selection {
		height: 31px;
		min-width: 120px;
		font-size: .875rem;
		text-align: center;
	}

	.form-control-sm ~ span.select2 .select2-selection__rendered {
		line-height: 28px;
		padding-right: 24px;
	}

	.form-control-sm ~ span.select2 .select2-selection__arrow {
		right: 0px;
		opacity: 0.6;
	}

	.custom-control-label {
		font-size: 16px !important;
		margin-left: 5px;
	}

	.custom-control-label::before, .custom-control-label::after {
		left: -27px !important;
		width: 18px;
		height: 18px;
		outline: none;
	}

	.custom-control-label::before {
		background-color: #434f5c;
		border: 2px solid #4c5a67;
	}

	.custom-radio .custom-control-input:checked ~ .custom-control-label::before, .custom-control-input:checked ~ .custom-control-label::before, .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
		background-color: var(--cor-principal) !important;
		border-color: var(--cor-principal-variacao);
	}

	.checkbox-primary input[type="checkbox"]:checked + label::before {
		background-color: #fd7e14;
		border-color: #fd7e14;
	}

	.form-group:not(.padrao) label:not(.btn):not(.custom-control-label) {
		padding: 0 5px;
		position: absolute;
		top: 7px;
		left: 1.3em;
		font-size: 17px;
		color: #6c757d;
		background: #434f5c;
		transition: all 100ms;
	}

	.form-group:not(.padrao) .input-group label:not(.btn) {
		left: 8px;
	}

	.form-group:not(.padrao) .input-group .input-group-prepend + .form-control + label:not(.btn) {
		left: 3.6em;
		z-index: 3;
	}

	.form-group:not(.padrao) .form-control[value]:not([value=""]) ~ label:not(.btn),
	.form-group:not(.padrao) .form-control:not(:empty) ~ label:not(.btn) {
		padding: 0 5px;
		position: absolute;
		top: -13px;
		font-size: 14px;
		font-weight: bold;
		color: #98a6ad;
		border-radius: 5px;
		background: -webkit-linear-gradient(top, #36404a, #36404a 60%, #434f5c 40%, #434f5c);
	}

	.btn-group ~ label:not(.btn) {
		padding: 0 5px;
		position: absolute;
		top: -13px !important;
		font-size: 14px !important;
		font-weight: bold;
		color: #98a6ad !important;
		border-radius: 5px !important;
		background: -webkit-linear-gradient(top, #36404a, #36404a 60%, #434f5c 40%, #434f5c) !important;
		z-index: 1;
	}

	.form-group:not(.padrao) .form-control:focus ~ label:not(.btn) {
		padding: 0 5px;
		position: absolute;
		top: -13px;
		font-size: 14px;
		font-weight: bold;
		color: #98a6ad;
		border-radius: 5px;
		background: -webkit-linear-gradient(top, #36404a, #36404a 60%, #4c5a67 40%, #4c5a67) !important;
		/* z-index: 3; */
	}

	.form-group:not(.padrao) .input-group .form-control[value] ~ label:not(.btn.labelMinimizado), .form-group:not(.padrao) .form-control:not(:empty) ~ label:not(.btn.labelMinimizado) {
		left: 3.5em;
	}

	.form-group:not(.padrao) .input-group .form-control:focus ~ label:not(.btn.labelMinimizado) {
		left: 3.5em;
	}

	.janela .form-group:not(.padrao) .form-control {
		border-width: 3px;
	}

	.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
		border-top-right-radius: .25rem;
		border-bottom-right-radius: .25rem;
	}

	.input-group.comSelect2 .select2-container {
		position: relative;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		width: 1% !important;
		margin-bottom: 0;
	}

	.input-group.comSelect2 .select2-selection {
		border-right: 0;
		border-top-left-radius: .25rem;
		border-bottom-left-radius: .25rem;
	}

	.input-group .form-control, .input-group .select2-selection {
		border-radius: 0;
	}

	.input-group :first-child .form-control, .input-group > :first-child .select2-selection {
		border-top-left-radius: .25rem;
		border-bottom-left-radius: .25rem;
	}

	.input-group :last-child .form-control, .input-group > :last-child .select2-selection {
		border-top-right-radius: .25rem;
		border-bottom-right-radius: .25rem;
		border-left: 0;
	}

	.parsley-errors-list.filled {
		width: 100%;
		text-align: right;
	}

	.parsley-errors-list > li {
		font-size: 12px;
		list-style: none;
		color: var(--cor-principal);
	}

	.parsley-error {
		border-color: var(--cor-principal) !important;
	}

	.daterangepicker {
		border: 0;
		padding: 1px 1px 1px 0px;
	}

	.daterangepicker .ranges {
		max-height: 300px;
		overflow-x: hidden;
		overflow-y: auto;
		margin-top: 0 !important;
		padding-top: 8px;
	}

	.daterangepicker .ranges li {
		background-color: #fff;
		border-radius: 0;
	}

	.daterangepicker .ranges li[data-range-key="Custom Range"] {
		content: 'Personalizado';
	}

	.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
		background-color: var(--cor-secundaria);
		border: 0;
		color: #fff;
	}

	.daterangepicker td.active, .daterangepicker td.active:hover {
		background-color: var(--cor-secundaria);
		border-color: transparent;
	}
/* Formulários - Fim */

/* Tela de erro - Início */
.ex-page-content .svg-box {
    float: unset;
}

.message-box {
    top: 100px;
	position: absolute;
	width: 100%;
	margin: 0;
}

.message-box h1 {
	color: #ffffff;
	font-size: 50px;
	text-shadow: none;
	text-align: center;
}

.message-box h4 {
	color: #ffffff;
}

.action-link-wrap {
	text-align: center;
}

#telaDeErroGeral {
	margin-top: 3%;
}

@media screen and (max-width: 360px) {
	.message-box h1 {
		font-size: 26px;
	}
}

@media screen and (max-height: 768px) {
	#telaDeErroGeral {
		margin-top: 5%;
	}
}
/* Tela de erro - Fim */

/* Exibição em árvore - Início */
.jstree-children .jstree-children {
	padding-left: 20px;
}

.jstree-default .jstree-clicked,
.jstree-default .jstree-wholerow-clicked,
.jstree-default .jstree-hovered,
.jstree-default .jstree-wholerow-hovered {
    background: unset;
	color: white;
	border-radius: 5px;
}

.jstree-anchor {
	padding-left: 0;
}

.jstree-default .jstree-anchor > .jstree-undetermined {
    background-position: -164px -4px;
}

.jstree-default-large .jstree-anchor > .jstree-undetermined {
    background-position: -160px 0px;
}

.jstree-default .jstree-search {
    color: white;
    text-shadow: 0px 0px 10px white;
	font-weight: inherit;
}

.arvoreDeAcessos .switchery {
	display: none;
	font-style: normal;
	width: 80px;
	margin-right: 5px;
	margin-bottom: 4.2px;
	text-shadow: unset;
}

.jstree-clicked .switchery {
	display: inline-block;
}

.arvoreDeAcessos .switcherySelecionado::before {
	content: 'Permitir';
    position: absolute;
    bottom: -5px;
    left: 5px;
	color: white;
	text-shadow: unset;
}

.arvoreDeAcessos .switchery:not(.switcherySelecionado)::after {
	content: 'Negar';
    position: absolute;
    bottom: -5px;
    right: 10px;
	color: #333;
	text-shadow: unset;
}
/* Exibição em árvore - Fim */

/* Inpeção de login - Início */
	.buscarLogin + span.select2 {
		border: 0;
		background-color: #323b44;
		margin-bottom: 20px !important;
	}
/* Inpeção de login - Fim */

/* Animações - Início */
	@-webkit-keyframes rotating /* Safari and Chrome */ {
		from {
			-webkit-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		to {
			-webkit-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}

	@keyframes rotating {
		from {
			-ms-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		to {
			-ms-transform: rotate(360deg);
			-moz-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}

	.rotacao1s {
		-webkit-animation: rotating 1s linear infinite;
		-moz-animation: rotating 1s linear infinite;
		-ms-animation: rotating 1s linear infinite;
		-o-animation: rotating 1s linear infinite;
		animation: rotating 1s linear infinite;
	}

	.rotacao2s {
		-webkit-animation: rotating 2s linear infinite;
		-moz-animation: rotating 2s linear infinite;
		-ms-animation: rotating 2s linear infinite;
		-o-animation: rotating 2s linear infinite;
		animation: rotating 2s linear infinite;
	}
/* Animações - Fim */

/* Definições mobile = Início */
@media (max-height: 580px) {
	#sidebar-menu {
		overflow-y: scroll;
		overflow-x: hidden;
	}
}

@media (max-width: 767px) {
	.container-fluid {
		padding-right: 0;
		padding-left: 0;
	}

	.card-box {
		padding: 10px;
	}


	.content-page {
		left: 0;
		width: 100%;
		filter: blur(3px);
	}

	#wrapper.enlarged .content-page {
		filter: unset;
	}

	.modoNavegacao #sidebar-menu {
		border-radius: 0 35px 0 0 !important;
	}

	.navbar-custom {
		margin-left: 0px !important;
	}

	.topbar .topbar-left {
		margin-left: -75px;
		display: none;
	}

	.topbar .notificacoesDropdown {
		position: fixed !important;
		transform: none !important;
		top: 75px !important;
		left: 5vw !important;
		max-width: 90vw !important;
		width: 90vw !important;
	}

	.page-title-box {
		display: inherit;
	}

	.page-title-box .page-title {
		float: none;
		text-align: center;
		margin-bottom: 20px;
	}

	.paginaCabecalhoTabs {
		width: 90%;
		margin-left: 5%;
		margin-right: 0;
		margin-top: -9px;
		float: left;
		border: 2px solid;
		border-radius: 30px;
	}

	.page-title-box .paginaCaminho {
		padding-left: 10px;
	}

	.page-title-box .breadcrumb {
		float: left !important;
		font-size: 15px;
		margin-top: 10px;
	}

	.custombox-content {
		display: unset;
	}

	.janela {
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0 !important;
		width: 100%;
		border-width: 0;
		border-bottom-width: 1px;
		border-radius: 0 0 5px 5px;
	}

	.janela .janelaBarraSuperior {
		border-radius: 0 !important;
		padding: 0 10px;
	}

	.janela .janelaBarraSuperior .link {
		font-size: 20px;
	}

	.janela .janelaTitulo {
		font-size: 16px !important;
		padding-top: 3px;
	}

	.dropdown-item {
		padding: .45rem 1.5rem;
	}

	.dropdown-header {
		padding: .5rem 1.5rem 0 1.5rem;
	}
}
/* Definições mobile - Fim */