/********************* Básicos ******************************/
.container {
	padding-left: 0;
	padding-right: 0;
}

.xs-interno {
	margin-top: 0;
}

.navbar-nav .nav-link {
	cursor: pointer;
}

.to-do {
	outline: .1rem dotted rgba(128, 0, 0, .5);
	min-height: 1rem;
}

.fa-spinner::before {
	content: "\f110";
}

.fa-sigma::before {
	font-family: 'Open sans', Arial, sans-serif;
	content: "\2211";
}

.uppercase-first::first-letter {
	text-transform: uppercase;
}

.card-group .card:first-child {
	border-top-left-radius: 0;
}

.card-group .card:last-child {
	border-top-right-radius: 0;
}

.card {
	border-color: #ddd;
}

.view-header:not(.grid) {
	max-width: 1244px;
	padding-left: 15px;
	padding-right: 15px;
}

/*@media (min-width: 992px) {
	.view .view-header {
		top: 29px;
		padding-left: 0;
		padding-right: 0;
	}
}*/
.input-group {
	border-spacing: 0;
}

/*** end Base ***/

/** temporário, ajuste no bootstrap. Com novos releases de alpha, ou a
versão final do 4, revisar este trecho **/
select.form-control:not([size]):not([multiple]) {
	height: 2.4rem;
	/* no original, calc(2.5rem - 2px), o texto nos selects ficaram cortados*/
	padding: .3rem;
}

/** levar para o ui-framework */
.without-label::before {
	height: 1.45rem;
}

.wsnw {
	white-space: nowrap;
}

.text-overflow {
	text-overflow: ellipsis;
	overflow: hidden;
}

/********************** Forms e inputs ******************************/
.table thead th {
	padding-top: 0.2em;
	border-top: transparent;
	border-bottom-width: 1px;
}

.form-group {
	margin-bottom: 1em;
	min-height: 72px;
}

/** Revisar este componente, e adicionar ao ui-framework */
.group-in .aside {
	border-radius: .25rem 0 0 .25rem;
	float: left;
	padding-bottom: .5rem;
	padding-left: .15em;
	padding-right: .15em;
	position: relative;
	width: 33.333333%;
	z-index: 1;
}

.group-in .main {
	float: left;
	position: relative;
	width: 66.666666%;
	z-index: 0;
}

.group-in .aside+.main {
	border-radius: 0 .25rem .25rem 0;
	margin-left: -.25rem;
}

.group-in .main+.aside {
	border-radius: 0 .25rem .25rem 0;
	margin-left: -.25rem;
}

@media (min-width: 768px) {
	.group-in .aside {
		width: 25%;
	}

	.group-in .main {
		width: 75%;
	}
}

@media (min-width: 992px) {
	.group-in .aside {
		width: 40%;
	}

	.group-in .main {
		width: 60%;
	}
}

/********************** Icones e imagens ******************************/
.btn {
	line-height: 1.6rem;
	padding: 0.34rem 0.5em;
	font-size: 1rem;
}

.btn-header {
	display: block;
	font-size: 0;
	width: 100%;
	padding-top: 3px;
}

.btn.lg-text {
	font-size: 0.9rem;
}

.fa {
	line-height: 1.6em;
}

.btn .badge {
	background-color: #777;
	border-radius: 8px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	min-width: 10px;
	padding: 3px 5px;
	position: relative;
	text-align: center;
	top: -1px;
	vertical-align: middle;
	white-space: nowrap;
}

.btn-primary .badge {
	color: #337ab7;
	background-color: #fff;
}

.btn-success .badge {
	color: #449d44;
	background-color: #fff;
}

.btn.dropdown-toggle {
	padding: 0.44em 0;
}

.btn-group .dropdown-toggle {
	line-height: 1.55em;
}

.input-group .btn {
	font-size: 1rem;
	line-height: 1.75rem;
	padding: .25rem 1rem;
}

.input-group .fa {
	line-height: inherit;
}

label,
.as-label {
	display: block;
	font-weight: 600;
	line-height: 1rem;
	margin-bottom: .3rem;
}

.label {
	font-size: .8rem;
	line-height: .8rem;
}

/* TODO:
Labels de situação, nas listagens de os, orçamento e nf, ficam com aspecto
ruin no intervalo 544 ao 768 */
.break-line {
	word-wrap: break-word;
	white-space: normal;
}

.tag.break-line {
	line-height: 1rem;
	font-size: .8rem;
	text-align: left;
}

@media (min-width: 768px) {
	.tag.break-line {
		width: 100%;
	}
}

.tag-rounded {
	border-radius: 50%;
	height: 1.2rem;
	line-height: 1rem;
	min-width: 1.2rem;
	padding: .1rem;
}

/*** utilities ***/
/** Verificar o componente input-unit-left e right, e adicionar ao ui-framework */
.input-unity-left,
.input-unity-right {
	position: relative;
}

.input-unity-right .form-control {
	padding-right: 3rem;
}

.input-unity-left .form-control {
	padding-left: 3rem;
}

.input-unity-left .unity,
.input-unity-right .unity {
	padding: .375rem 1rem;
	position: absolute;
	right: 0;
	top: 1px;
}

.input-unity-left .unity {
	left: 0;
	right: auto;
}

@media (max-width: 767px) {
	.input-unity-left .form-control {
		padding-left: 2em;
	}

	.input-unity-right .form-control {
		padding-left: 2em;
	}

	.input-unity-left .unity,
	.input-unity-right .unity {
		padding: .375rem .5em;
	}
}

/** efeitos de transição - exibir/ocultar, adicionar/remover blocos/elementos */
.row.ng-hide-add,
.row.ng-hide-remove {
	transition: all linear .1s;
	display: block !important;
}

.row.ng-hide-add.ng-hide-add-active,
.row.ng-hide-remove {
	height: 0;
	opacity: 0;
}

.row.ng-hide-add,
.row.ng-hide-remove.ng-hide-remove-active {
	height: inherit;
	opacity: 1;
	background: white;
	transition: all linear .2s;
}

/** end */

/** element: Divider*/
.divider {
	border-top: 1px solid #eaeaea;
	clear: both;
	margin: 0;
}

.divider.dashed {
	border-style: dashed;
}

/*** element: Divider end ***/

.loader-box {
	background-color: #f0f0f0;
	clear: both;
	margin-bottom: 1rem;
	padding: 4rem;
	padding-top: 11rem;
	text-align: center;
	width: 100%;
}

.spinner-container {
	animation: rotate 2s linear infinite;
}

.spinner-container .path {
	stroke-dasharray: 1, 150;
	stroke-dashoffset: 0;
	stroke: #3498db;
	stroke-linecap: round;
	animation: dash 1.5s ease-in-out infinite;
	-webkit-animation: dash 1.5s ease-in-out infinite;
}

@keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes dash {
	0% {
		stroke-dasharray: 1, 150;
		stroke-dashoffset: 0;
	}

	50% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -35;
	}

	100% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -124;
	}
}

/*** block: Navigation ***/
/** verificar .navigation e adicionar ao ui-framework */
.navigation .navbar-brand {
	display: inline-block;
	margin-top: 0.25rem;
	padding-top: 0;
}

.navigation .user {
	float: right;
}

.navigation .show-hide-menu {
	padding: 0.25rem 0.35rem;
	float: right;
}

.navigation .show-hide-menu .fa {
	font-size: 1.54rem;
	line-height: 1;
}

.navigation .links-item {
	float: left;
}

.navigation .links-item+.links-item {
	margin-left: 1rem;
}

.navigation .links-link {
	display: block;
	padding: 0.5em 0;
}

.navigation .organization {
	height: auto;
	padding: .1rem .5rem;
}

@media (max-width: 991px) {
	.navigation .navbar {
		padding-left: 0;
		padding-right: 0;
	}

	.navigation .navbar-brand {
		margin-left: 1rem;
		/*margin-top: 0.09rem;*/
	}

	.navigation .show-hide-menu {
		margin-right: .45rem;
	}

	.navigation .links {
		border-top: 1px solid #eaeaea;
		clear: both;
		float: left;
		margin-top: 0.4rem;
		width: 100%;
	}

	.navigation .links-list {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.navigation .user {
		border-top: 1px solid #eaeaea;
		clear: both;
		float: none;
		text-align: center;
	}

	.navigation .user {
		padding-left: 1em;
		padding-right: 1em;
		padding-top: .3rem;
		text-align: left;
	}

	.navigation .item,
	.navigation .item+.item {
		margin-left: 0;
		width: 100%;
	}

	.navigation .user .nav-item {
		display: inline-block;
	}

	.navigation .user .nav-item:nth-child(2) {
		float: right;
	}
}

/*** block: Navigation end ***/

/*** view: Login ***/
.login {
	margin-top: 2.5rem;
}

.login .brand {
	margin: 1em 0 4em;
	padding: 0 15px;
	width: 100%;
}

.login .brand .image {
	display: block;
	margin: 0 auto;
}

.login-block .card {
	padding: 0 1.25rem;
}

.login-block .divider {
	margin: 0 0 3rem;
}

.login-block .stay-logged {
	margin: 0 0 3rem;
	text-align: center;
}

.login-block .call-to-action {
	display: inline-block;
	font-size: 1.1em;
	font-weight: 400;
	margin-bottom: 4em;
	text-align: center;
	width: 100%;
}

@media (max-width: 991px) {
	.login .brand {
		margin-bottom: 2rem;
	}

	.login-block .card {
		padding: 0;
	}

	.login-block .divider {
		margin-bottom: 1rem;
	}

	.login-block .call-to-action,
	.login-block .stay-logged {
		margin-bottom: 1rem;
	}
}

/*** view: Login - end ***/

/*** componentes ***/
/* TODO: esse trecho controla a adição
da borda no bloco "controles", em views como lista de
ordens de serviço, pedidos e notas fiscais.
A solução não é a melhor, embora resolva o problema.
Há um tropeço no final da animação de abertura, e a
aplicação depende de conhecer a estrutura */

.panel.controles {
	margin-bottom: 0;
}

.panel.controles .panel-body.in {
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
}

.panel-slide {
	float: left;
	padding: 1rem;
	width: 100%;
}

.panel-slide.highlight {
	background-color: #f3f3f3;
}

.panel-slide .heading {
	border-bottom: 1px solid #e5e5e5;
	color: #3498db;
	margin-bottom: 2rem;
}

.panel-slide .title {
	color: #3498db;
	font-size: 1.2em;
	font-weight: 600;
	margin-bottom: 0;
	padding: 0 0 .5em;
}

.panel-slide.composicao .input-tags .input {
	display: none;
}

.panel-slide.composicao .input-tags .tags {
	cursor: default;
}

/*** end componentes ***/

@media (min-width: 992px) {
	.list-table-item .bloco-totais {
		margin-top: 71px;
	}
}

/** TODO: investigar o uso desse seletor **/
/*.index .valor .total {
	display: inline-block;
	margin-top: 1.2em;
}*/

/** .nf **/
@keyframes collapsing-padding {
	0% {
		padding-bottom: 1rem;
		padding-top: 1rem;
	}

	50% {
		padding-bottom: 0;
		padding-top: 0;
	}
}

.panel-slide .collapsing.in {
	animation: collapsing-padding linear .35s;
}

.panel-slide.inutilizacao {
	border-bottom: none;
	box-shadow: none;
	padding: 1rem 0 0;
}

.panel-slide.inutilizacao .highlight {
	background-color: #f3f3f3;
	border: 1px solid #eaeaea;
	padding: 1rem;
}

.select-group .form-control {
	border-radius: 4px 0 0 4px;
	float: left;
	width: calc(100% - 32px);
}

.select-group .btn {
	border-radius: 0 4px 4px 0;
	height: 2.4rem;
	min-width: 32px;
}

.nf.edit .imposto-aproximado {
	float: right;
	padding-top: 1.2rem;
}

.nf.edit .imposto-aproximado .title {
	line-height: 2.4em;
	font-size: .9em;
	margin-bottom: 0;
}

.nf.edit .imposto-aproximado .aside {
	width: 20%;
}

.nf.edit .imposto-aproximado .main {
	width: 80%;
}

.nf.edit .impostos .inner-header {
	color: #3498db;
	font-size: 1.1em;
	font-weight: 400;
	float: left;
	margin-top: 1em;
	width: 100%;
}

.nf.edit .adicionar-item {
	padding: 1rem;
}

.nf.edit .adicionar-item .tabs .nav-item:nth-child(1) {
	padding-left: 0;
}

.nf.edit .adicionar-item .tabs .nav-item:nth-child(2) {
	padding-right: 0;
}

@media (min-width: 992px) {
	.nf.edit .adicionar-item {
		border: 1px solid #eaeaea;
	}
}

/**
 * .bread e .crumb, dentro do .list-table-item, é atualmente exclusivo da lista
 * de itens no resultado de busca por itens na nf. Estas classes são utilizadas
 * para melhorar a apresentação dos grupos e subgrupos - fundamentais para
 * distinguir itens com o mesmo nome
 */
.list-table-item .bread {
	line-height: 1rem;
	margin-bottom: 0;
	padding: 0;
}

.list-table-item .crumb {
	display: inline-block;
	font-size: .68rem;
	line-height: .6rem;
}

.list-table-item .crumb::after {
	font-weight: 700;
	content: '/';
	padding: 0 .2rem;
}

.list-table-item.crumb:last-child::after {
	content: '';
}

/**/
.nf.edit .importacao-exportacao {
	float: left;
	padding: 1rem;
	width: 100%;
}

.nf.edit .impostos-totais .imposto {
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
}

.nf.edit .impostos-totais .imposto .descricao {
	color: #3498db;
	font-size: 1.1em;
	margin-bottom: 1rem;
}

.nf.edit .cobrancas .cobranca {
	border-bottom: 1px solid #eaeaea;
	float: left;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	width: 100%;
}

.nf.edit .cobrancas .cobranca:last-of-type {
	border-bottom: none;
}

.nf.edit .cobrancas .cobranca .btn {
	float: right;
}

.nf.edit .cobrancas .pagamentos {
	clear: both;
	float: left;
	padding: 1rem;
	width: 100%;
}

.nf.edit .volumes .volume {
	border-bottom: 1px solid #eaeaea;
	margin-bottom: .5rem;
	padding: 0 0 2rem;
}

.nf.edit .volumes .volume {
	margin-bottom: 2rem;
}

.nf.edit .volumes .lista-volumes .volume:only-of-type,
.nf.edit .volumes .lista-volumes .volume:last-of-type {
	border-bottom: none;
}

.nf.edit .volumes .form-volume {
	border: 1px solid #eaeaea;
	clear: both;
	float: left;
	margin-bottom: 1rem;
	padding: 1rem;
	width: 100%;
}

.nf.edit .transportadora .empresa:first-of-type {
	border-top: 1px solid #eaeaea;
	margin-top: 1rem;
	padding-top: 1rem;
}

.nf.edit .transportadora .empresa {
	float: left;
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	width: 100%;
}

@media (min-width: 768px) {
	.nf.edit .cobrancas .cobranca .btn {
		margin-top: 1rem;
	}

	.nf.edit .cobrancas .pagamentos {
		float: left;
		padding: 1rem 0 0;
		width: 100%;
	}

	.nf.edit .cobrancas .cobranca .btn {
		margin-top: 0;
	}
}

@media (min-width: 992px) {
	.nf.edit .adicionar-item .tabs .nav-item:nth-child(1) {
		padding-left: 0;
	}

	.nf.edit .adicionar-item .tabs .nav-item:nth-child(2) {
		padding-left: .46875rem;
		padding-right: .46875rem;
	}

	.nf.edit .adicionar-item .tabs .nav-item:nth-child(3) {
		padding-right: 0;
	}

	.nf.edit .imposto-aproximado .title {
		line-height: 1em;
	}

	.nf.edit .volumes .volume {
		margin-bottom: 1rem;
		padding: 0 0 1rem;
	}
}

@media (min-width: 544px) {
	.box-imposto {
		min-height: 123px;
	}
}

@media (min-width: 1200px) {
	.nf.edit .imposto-aproximado .title {
		line-height: 2.4em;
	}
}

/** end .nf **/


/** multi-select **/
.filtro-situacao .tags,
.input-tags .tags {
	min-height: 2.5rem;
	box-shadow: none;
}

.filtro-situacao .tags .tag-item,
.input-tags .tags .tag-item {
	background: none;
	border: none;
	height: auto;
	line-height: inherit;
	margin-left: .5em;
	margin-top: .3em;
	padding: 0;
}

.filtro-situacao .label a,
.input-tags .label a {
	color: #fff;
}

.filtro-situacao .tags .tag-item.selected,
.input-tags .tags .tag-item.selected {
	background: none;
	border: none;
	box-shadow: 0 0 4px 0 #34495e;
}

.filtro-situacao .tags.focused,
.input-tags .tags.focused {
	box-shadow: none;
}

.totais .card-group {
	display: none;
	margin-top: 1rem;
}

.totais .card-group .card .card-title {
	color: #3498db;
	font-style: normal;
	margin-bottom: 0;
}

.totais .card-group .card:last-child .card-title {
	color: #000;
}

.totais .leaders {
	padding-left: 15px;
	padding-right: 15px;
}

@media (min-width: 992px) {
	.totais .card-group {
		display: table;
	}

	.totais .leaders {
		display: none;
	}
}

.panel.declaracao-importacao {
	padding: 1rem;
	border: 1px solid #e0e0e0;
	background-color: #fff;
}

.highlight {
	background-color: whitesmoke;
}

.view-header .nav-pills .nav-link {
	cursor: pointer;
}

/** update para o ui-framework **/

.gallery {
	position: relative;
}

.gallery-drop-area {
	background-color: #eaeaea;
	border: 2px solid #e0e0e0;
	border-radius: 2px;
	bottom: 0;
	display: none;
	height: 350px;
	left: 0;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 10;
}

.gallery-drop-area.active {
	background-color: rgba(234, 234, 234, .8);
	border: 4px dashed #e0e0e0;
	display: block;
}

.gallery-drop-info {
	color: #c0c0c0;
	font-size: 2rem;
	left: 0;
	position: absolute;
	top: 50%;
	text-align: center;
	width: 100%;
}

.galeria-imagem {
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border: none;
	min-height: 200px;
	position: relative;
	filter: brightness(50%);
	-webkit-filter: brightness(50%);
	transition: .15s;
}

.galeria-imagem-zoom .carousel-item {
	background-color: #fff;
	text-align: center;
}

.galeria-imagem-zoom .carousel-control {
	background: none;
}

.galeria-zoom-close {
	cursor: pointer;
	position: absolute;
	right: 1rem;
	top: 1rem;
	z-index: 1;
}

.galeria-controles {
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}

.galeria-imagem-progresso {
	left: 0;
	padding: 0 1rem;
	position: absolute;
	opacity: .75;
	top: 50%;
	width: 100%;
}

.galeria-imagem-progresso progress[value] {
	left: 2%;
	padding: 0;
	width: 96%;
}

.modal-os-images .modal-content {
	background-color: transparent;
	border: none;
}

.image-zoom-box {
	background-color: rgba(52, 73, 94, .8);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	z-index: 10;
	width: 100%;
}

.image-zoom {
	position: absolute;
}

.galeria-imagem-box {
	min-height: 200px;
	margin-top: 1rem;
	position: relative;
}

.galeria-controles {
	position: absolute;
}

.btn-floating {
	background-color: transparent;
	box-shadow: 1px 1px 4px -2px #000, -1px -1px 4px -2px #000;
	border: 4px solid #fff;
	border-radius: 2rem;
	color: #fff;
	display: block;
	font-size: 2rem;
	height: 4rem;
	margin-top: -2rem;
	opacity: .75;
	position: absolute;
	text-align: center;
	text-shadow: 0px 1px 3px #000;
	transition: .2s;
	top: 50%;
	width: 4rem;
}
.btn-floating:hover { opacity: 1; }
.btn-floating.right {
	margin-right: -2rem;
	right: 25%;
}

.btn-floating.left {
	left: 25%;
	margin-left: -2rem;
}

.image-zoom-close {
	margin-top: 0;
	position: absolute;
	right: 1rem;
	top: 1rem;
	z-index: 10;
}

.card .galeria-controles .btn-floating {
	top: 30%;
}

.btn-eye {
	padding-left: 155px;
	padding-right: 155px;
}

.header-sub-title {
	padding-top: 13px;
}

.div-iframe-integracao {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
}

.responsive-iframe iframe {
  flex: 1;
  width: 100%;
  height: 100%;
  border: 0;
}

@media (min-width: 992px) {
	.galeria-imagem-box .galeria-imagem {
		filter: none;
		-webkit-filter: none;
	}

	.galeria-imagem-box:hover .galeria-imagem,
	.galeria-imagem-box:active .galeria-imagem,
	.galeria-imagem-box:focus .galeria-imagem {
		filter: brightness(50%);
		-webkit-filter: brightness(50%);
	}

	.galeria-imagem-box .btn-floating {
		opacity: 0;
	}

	.galeria-imagem-box:hover .btn-floating,
	.galeria-imagem-box:focus .btn-floating,
	.galeria-imagem-box:active .btn-floating {
		opacity: .75;
	}

	.galeria-imagem-box:hover .btn-floating:hover,
	.galeria-imagem-box:focus .btn-floating:hover,
	.galeria-imagem-box:active .btn-floating:hover {
		opacity: 1;
	}

	.btn-eye {
		padding-left: 110.5px;
		padding-right: 110.5px;
	}
}

.galeria .upload-fail .galeria-imagem {
	filter: brightness(50%);
	-webkit-filter: brightness(50%);
}

.galeria .upload-fail .btn-floating {
	opacity: 1;
}

/**
## UI-Framework - bugfix, ajustes, futuras adições, etc
*/
.panel-header {
	color: #3498db;
}

.tab-controls-header {
	position: relative;
}

.tab-controls-toggle {
	color: #3498db;
	cursor: pointer;
	/*margin-top: .15rem;*/
	position: absolute;
	right: 15px;
	top: -45px;
}

.tab-controls-toggle .fa {
	color: #3498db;
	font-size: 1.45rem;
	line-height: 2rem;
	transform: rotate(-90deg);
	transition: all .2s;
}

.tab-controls-toggle.collapsed .fa {
	transform: rotate(0);
}

/*.tab-controls-body.in {
	border-bottom: 1px solid #eaeaea;
}*/
.tab-controls-body.in::after {
	border-top: 1px solid #eaeaea;
	content: " ";
	display: block;
	height: 1rem;
	width: 100%;
}

@media (max-width: 991px) {
	.tab-controls-body.in::after {
		border-top: 1px solid #eaeaea;
		content: " ";
		display: block;
		height: 0;
		width: 100%;
	}
}

.tab-controls-body.collapsing {
	border-bottom: none;
}

/* Com o bootstrap alpha.5, os <a> sem href e sem target têm a propriedade
"color: inherit", e o seletor é mais pesado do que o do .panel-title.
Com o .panel-header 'color:#3498db', o .panel-title herda a cor azul, sem
precisarmos forçar;
*/
/*.btn {
	background-color: #fff;
	border: 1px solid #dedede;
}*/
[sort-by] {
	position: relative;
}

[sort-by].asc::after {
	content: '\f0d8';
	font: normal normal normal 14px/1 FontAwesome;
	right: -1rem;
	position: absolute;
	top: .3rem;
}

[sort-by].desc::after {
	content: '\f0d7';
	font: normal normal normal 14px/1 FontAwesome;
	right: -1rem;
	position: absolute;
	top: .3rem;
}

[sort-by].active::after {
	color: #3498db;
}

.list-table-item.highlight .nav-tabs .nav-link.active {
	background-color: whitesmoke;
}

/** Porque definiu-se que 'label' é display:block, mas em checkbox
isto gera um efeito colateral, que torna o label uma linha inteira
como 'clicácel' - visto na lista de acessórios, no checklist */
.form-check-label {
	display: inline-block;
	line-height: 20px;
}

/** Correção para o posicionamento dos checkbox */
.panel-body .form-check-input:only-child {
	position: absolute;
}

/* Tema para criar margins e paddings negativos.
IMPORTANTE futuramente é preciso fazer um refactor e adiciona-los no ui-framework */

.n-m {
	margin: -1rem !important;
}

.n-m-y {
	margin-bottom: -1rem !important;
	margin-top: -1rem !important;
}

.n-m-x {
	margin-left: -1rem !important;
	margin-right: -1rem !important;
}

.n-m-t {
	margin-top: -1rem !important;
}

.n-m-r {
	margin-right: -1rem !important;
}

.n-m-b {
	margin-bottom: -1rem !important;
}

.n-m-l {
	margin-left: -1rem !important;
}

.n-m-xs {
	margin: -1rem !important;
}

.n-m-y-xs {
	margin-bottom: -1rem !important;
	margin-top: -1rem !important;
}

.n-m-x-xs {
	margin-left: -1rem !important;
	margin-right: -1rem !important;
}

.n-m-t-xs {
	margin-top: -1rem !important;
}

.n-m-r-xs {
	margin-right: -1rem !important;
}

.n-m-b-xs {
	margin-bottom: -1rem !important;
}

.n-m-l-xs {
	margin-left: -1rem !important;
}

.n-half-m {
	margin: -0.5rem !important;
}

.n-half-m-y {
	margin-bottom: -0.5rem !important;
	margin-top: -0.5rem !important;
}

.n-half-m-x {
	margin-left: -0.5rem !important;
	margin-right: -0.5rem !important;
}

.n-half-m-t {
	margin-top: -0.5rem !important;
}

.n-half-m-r {
	margin-right: -0.5rem !important;
}

.n-half-m-b {
	margin-bottom: -0.5rem !important;
}

.n-half-m-l {
	margin-left: -0.5rem !important;
}

.n-half-m-xs {
	margin: -0.5rem !important;
}

.n-half-m-y-xs {
	margin-bottom: -0.5rem !important;
	margin-top: -0.5rem !important;
}

.n-half-m-x-xs {
	margin-left: -0.5rem !important;
	margin-right: -0.5rem !important;
}

.n-half-m-t-xs {
	margin-top: -0.5rem !important;
}

.n-half-m-r-xs {
	margin-right: -0.5rem !important;
}

.n-half-m-b-xs {
	margin-bottom: -0.5rem !important;
}

.n-half-m-l-xs {
	margin-left: -0.5rem !important;
}

/* Fim do tema negativo de margins */

.view-header .view-title {
	line-height: 3.2rem;
	height: 32px;
}

.view-title small .tag {
	font-size: 59%;
	line-height: 1.3;
	vertical-align: text-bottom;
	color: inherit;
	border-color: inherit;
}

.aggregate-container {
	padding-top: 114px;
}


.signature-border {
	border: solid 1px rgba(0, 0, 0, 0.15) !important;
}

/* TODO: pensar em uma solução mais elaborada */
.scratched *:not(.icon) {
	text-decoration: line-through;
}

.scratched .dropdown-menu,
.scratched .dropdown-menu * {
	text-decoration: none;
}

















.filter-search {
	background-color: #FFF;
}

.panel.collapsible.controles {
	padding-top: 10px;
	max-width: 1244px;
}

.list-table-header {
	white-space: nowrap;
	background-color: #FFF;
	z-index: 998;
	top: 301px;
	border-bottom: 1px solid #EAEAEA;
}

.tab-controls {
	top: 100px;
	padding-top: 13px;
}

.view-body.edit-page {
	padding-top: 108px;
}





/* CÓDIGO RAFATORADO */

.fixed {
	position: fixed;
	background: #fff;
	z-index: 9;
	clear: both;
	right: 0;
	left: 0;
	padding-left: 15px;
	padding-right: 15px;
}

.z-10 {
	z-index: 10;
}

/* Quando for reposicionado os seletores e suas propriedades colocar os que vem a seguir proximo da classe .fixed pois
as classes a seguir servem para setar um posicionamento vertical aos elementos fixos para que eles não se sobreponham */
.fixed.title {
	margin-top: 52px;
}

.fixed.filter {
	margin-top: 104px;
}

.panel.collapsible.controles+.list-table.content,
.hidden-sm-down.content {
	padding-top: 105px;
}

.view .view-header+.view-body.content {
	padding-top: 110px;
}

.list-table.content,
.hidden-md-up.content {
	padding-top: 145px;
}

#busca-mobile {
	border-top: 1px solid #EAEAEA;
}


/* FIM CÓDIGO RAFATORADO */









@media screen and (min-width: 1304px) {
	.tab-controls {
		border-top: 1px solid #EAEAEA;
	}

	.tab-controls,
	.list-table-header {
		width: 1244px;
	}

	.-p-x-sm-down {
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1303px) {

	.panel.collapsible.controles,
	.view-header {
		width: 1140px;
	}

	.tab-controls {
		border-top: 1px solid #EAEAEA;
	}

	.tab-controls,
	.list-table-header {
		width: 1140px;
	}

	.-p-x-sm-down {
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

	.panel.collapsible.controles,
	.view-header {
		width: 960px;
	}

	.tab-controls {
		border-top: 1px solid #EAEAEA;
	}

	.tab-controls {
		width: 960px;
	}

	.-p-x-sm-down {
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (max-width: 991px) {

	.list-table.content,
	.hidden-md-up.content {
		padding-top: 105px;
	}

	.view-body.edit-page {
		padding-top: 140px;
	}

}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.view-menu-header {
		padding: .35rem 15px;
		background-color: #FFF;
	}

	.panel.collapsible.controles,
	.view-header {
		width: 720px;
		padding-bottom: 6px;
	}

	.tab-controls,
	.list-table-header {
		width: 720px;
	}

	.tab-controls.fixed {
		background-color: transparent;
		border-bottom: none;
	}

	.list-table.edit,
	.list-table.edit .list-table-body {
		margin-top: 0;
	}

	.view-body.edit-page {
		padding-top: 106px;
	}

	#menu {
		background-color: #FFF;
	}

	#menu:after {
		content: "";
		position: absolute;
		width: 690px;
		z-index: -1;
		transform: scale(1.04);
		box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.5);
		margin-left: 1rem;
	}

	.-p-x-sm-down {
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (min-width: 575px) and (max-width: 767px) {
	.view-menu-header {
		padding: .35rem 15px;
		background-color: #FFF;
	}

	.panel.collapsible.controles,
	.view-header {
		width: 540px;
		/*height: 63px;*/
		padding-bottom: 5px;
		border: none;
	}

	.view-header .view-title {
		font-size: 1.45rem;
		/*line-height: 2.7rem;*/
		;
		height: 24px;
	}

	.view-title small {
		font-size: .8em;
		padding-top: .10rem;
	}

	.tab-controls.fixed {
		width: 540px;
		background-color: transparent;
		border-bottom: none;
	}

	.list-table.edit,
	.list-table.edit .list-table-body {
		margin-top: 0;
	}

	#menu {
		background-color: #FFF;
	}

	#menu:after {
		content: "";
		position: absolute;
		width: 510px;
		z-index: -1;
		transform: scale(1.04);
		box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.5);
		margin-left: 1rem;
	}
}

@media screen and (max-width: 575px) {
	.view-menu-header {
		padding: .35rem 15px;
		background-color: #FFF;
	}

	.view-header {
		width: 100%;
		/*height: 85px;*/
		padding-bottom: 5px;
		border: none;
	}

	.view-header .view-title {
		font-size: 1.45rem;
		height: 22px;
		/*line-height: 2.7rem;*/
	}


	.view-title small {
		font-size: .8em;
		padding-top: .10rem;
	}

	.tab-controls,
	.list-table-header {
		width: 100%;
	}

	.tab-controls.fixed {
		background-color: transparent;
		border-bottom: none;
	}

	.list-table.edit,
	.list-table.edit .list-table-body {
		margin-top: 0;
	}

	#menu {
		background-color: #FFF;
	}

	#menu:after {
		content: "";
		position: absolute;
		width: 502px;
		z-index: -1;
		transform: scale(1.04);
		box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.5);
		margin-left: 1rem;
	}

	.p-x-sm-up {
		padding-left: 1rem;
		padding-right: 1rem;
	}

}

a.collapse .list-table-header {
	display: none !important;
}

.list-table.edit,
.list-table.edit .list-table-body {
	margin-top: 0;
}

.ng-toast {
	z-index: 10000;
}

.panel.collapsible.controles .panel-title {
	text-indent: -9999px;
}

.panel.collapsible.controles .panel-title:after {
	text-indent: 0px;
}

.panel.collapsible.controles {
	background-color: transparent;
}

.panel-body.-m-b-xs.m-b-lg.m-t.-m-t-lg {
	padding-top: 18px;
	background-color: #FFF;
	margin-top: 0 !important;
}

.loading-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.loading-spinner img {
	width: 100px;
	/* Tamanho do spinner */
}

select.form-control[ng-show="selectSituacao"] {
	height: inherit;
	max-width: 100px;
}

/* solução temporária, verificar forma de aplicar esses estilos através do ui-grid.js */
#grid1 .ui-grid-header-canvas {
	height: inherit;
}

#grid1 .ui-grid-pinned-container .ui-grid-header-canvas {
	height: 68px;
}

.tabs-container nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid rgb(204, 204, 204);
  padding: 0 10px;
  z-index: 3;
  width: 353px;
  margin-left: 15px;
  margin-right: 15px;
  width: 80%;
}

/* Item aberto */
.tabs-container nav ul li {
  margin-left: 15px;
  margin-right: 15px;
  color: #3498db;
  background-color: white;
  position: fixed;
  background: #fff;
  max-width: 540px;
  width: 100%;
  z-index: 3;
  clear: both;
  right: 0;
  left: 0;
  padding: 0.5rem 0 1rem 0;
  margin-left: auto;
  margin-right: auto;
  border-bottom: var(--border) !important;
  top: 125px;
  border: 1px solid rgb(204, 204, 204);
  border-radius: 5px;
}

.tabs-container nav ul li:hover { color: #3e4b58;}

.tabs-container nav ul li.active {
  color: #3498db;
  font-weight: bold;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  width: 95%;
  max-width: 540px;
}

.tabs-container nav ul.expanded li.active:after{
  border-top-color: transparent;
  border-bottom-color: #3498db;
  top: 1em;
}


.tabs-container {
  position: relative;
  height: 0em;
}

.tabs-container nav {
  position: absolute;
  width: 100%;
  max-width: 540px;
  margin-left: -19px;
  margin-top: -1px;
}

.tabs-container nav ul {
  display: flex;
  flex-direction: column;
  width: 95%;
  margin-left: 25px;
  margin-top: 18px;
  position: fixed;
  background-color: white;
}

.tabs-container nav ul li {
  text-align: center;
  order: 1;
}

.tabs-container nav ul li.active {
  text-align: center;
  order: 0;
  margin-top: 20px;
}

.tabs-container nav ul li.active:after {
  width: 1px;
  height: 1px;
  border: 5px solid transparent;
  border-top: 5px solid #3498db;
  content: '';
  position: absolute;
  right: 1.5em;
  top: 1.4em;
  z-index: 3;
  text-align: center;
}

.tabs-container nav ul li:not(.active) {
  position: absolute;
  top: -999em;
  border: none;
}

.tabs-container nav ul.expanded li:not(.active) {
  position: relative;
  top: auto;
  text-align: center;
}

@media all and (min-width: 42em) {

  nav {
    background: transparent;
  }

  .tabs-container nav {
    position: absolute;
    margin-left: 0px;
    margin-top: 7px;
  }

  .tabs-container nav ul li {
    margin-left: 15px;
    margin-right: 15px;
    color: #3498db;
    background-color: white;
    position: fixed;
    background: #fff;
    width: 100%;
    z-index: 1;
    clear: both;
    right: 0;
    left: 0;
    padding: 0.5rem 0 1rem 0;
    margin-left: auto;
    margin-right: auto;
    border-bottom: var(--border) !important;
    top: 0px;
  }

  /* tabs normais */
  .tabs-container nav ul li.active {
    box-shadow: inset 0 -3px 0 #3498db;
    position: relative;
    color: #3498db;
    margin-top: -7px;
  }

  .tabs-container nav ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    white-space: nowrap;
    border: none;
    padding: 0;
    top: 1.4em;
    height: 28px;
    width: 75%;
    text-align: center;
    margin-top: 110px;
    margin-left: 0px;
  }

  .tabs-container nav ul li {
    display: inline-block;
    margin: 0 1rem 0 1rem;
    padding: 0 0 .2rem 0;
    border: none;
  }

  .tabs-container nav ul li:not(.active) {
    position: relative;
    top: auto;
  }

  .tabs-container nav ul li.active {
    order: 1;
  }

  .tabs-container nav ul li.active:after {
    display: none;
  }
}

/* Dados da tab corrent */
.z-tab-content{
  margin-top: 30px;
  display: none;
  padding: 15px;
}

/* Tab corrente aberta */
.z-tab-content.current{
  margin-top: 50px;
  display: inherit;
}

* { outline: none !important; }
strong { font-weight: 600; }
.navbar{ border-radius: 0; }
.navbar-dark .navbar-nav li{ list-style-type: none; }
.navbar-dark .navbar-nav .nav-link{ color: rgba(255, 255, 255, 0.75); }
.navbar-dark .navbar-nav .nav-link:hover{ color: rgba(255, 255, 255, 1); }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle{ background-color: #2980b9; }
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active {
  color: #fff;
  background-color: #449d44;
  border-color: #419641;
}
.label-primary { background-color: #3498db; }
abbr[title], abbr[data-original-title] {
  border: none;
  cursor: default;
  text-decoration: none;
}
a:hover,
a:focus{ text-decoration: none; }
.azul-zeta{ color: #34495e; }
.bg-ff{ background-color: #ffffff; }
.bg-f1{ background-color: #f1f1f1;}
/*.info,
span.header.info{
  color: #5bc0de;
  border-color: #34495e;
}*/

/********************** Dividers e sublinhados ******************************/
.underline{
  padding-bottom: 0.5em;
  border-bottom: 1px solid #eaeaea;
}
.bg-f1 .underline{
  border-bottom: 1px solid #d8d8d8;
}
@media screen and (max-width: 34em) {
    .underline-borda{
    border-bottom-right-radius:0;
    border-right:0;
  }
}
.divider-v-solid{
  /* divider vertical*/
  border: 1px solid #eaeaea;
  min-height: 5.5em;
  width: 1px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -15px;
  margin-bottom: -15px;
}
.divider-solid{
  border-bottom: 1px solid #eaeaea;
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
}
.divider-dashed{
  border-bottom: 1px dotted #e0e0e0;
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
}

.panel-body {
  clear: both;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 18px;
}

@media screen and (max-width: 34em) {
    .divider-solid{
    border-bottom: 1px solid #eaeaea;
      overflow: hidden;
  }
  .divider-dashed{
    border-bottom: 1px dotted #e0e0e0;
    margin-left: 0px;
      margin-right: 0px;
      overflow: hidden;
  }
}
.bg-f1 .divider-solid{
  border-color: #d8d8d8;
}
.nav-tabs .nav-link {
  cursor: pointer;
}
.impostos .nav-tabs,
.impostos .nav-tabs .nav-link{
  border: none;
}
.impostos .nav-tabs .nav-link.active,
.impostos .nav-tabs .nav-link.active:focus,
.impostos .nav-tabs .nav-link.active:hover,
.impostos .nav-tabs .nav-item.open .nav-link,
.impostos .nav-tabs .nav-item.open .nav-link:focus,
.impostos .nav-tabs .nav-item.open .nav-link:hover
{
  background-color: #f1f1f1;
}
.impostos .nav-tabs .nav-link {
  background-color: transparent;
  color: #0275d8;
  outline: none;
}
.impostos .nav-tabs .nav-link:focus,
.impostos .nav-tabs .nav-link:hover {
  color: #014c8c;
}
.impostos .nav-tabs .nav-link:focus {
  outline-color: #4d90fe
}
.impostos .nav-tabs .nav-link.active {
  background-color: #f1f1f1;
  color: #55595c;
}
/** rw **/

.guest {
  background-color: #34495e;
}
.bg-f1 .divider {
  border-color: #d8d8d8;
}
/*** view: Login ***/
.login-block .call-to-action {
  color: #34495e;
}
/*** view: Login - end ***/
/*** view: Nota fiscal - Inserir ***/
.impostos .imposto-aproximado {
  background-color: #f1f1f1;
}
/*** view: Nota fiscal - Inserir end ***/
/*** block: Navigation ***/
.navigation .links,
.navigation .user {
  border-top-color: #4e6071;
}
.navigation .links-link {
  color: rgba(255, 255, 255, 0.75);
}
/*** block: Navigation end ***/
/*** block: Entries ***/
.nome-entidade,
.item-nome {
	color: #0275d8;
	font-weight: 400;
}
.item-nome { padding-left: .5rem; }
/*** block: Entries end ***/
/*** block: Form-block ***/
.form-block.highlight {
  background-color: #f1f1f1;
}
.form-block > .header {
  border-bottom-color: #d8d8d8;
  border-bottom-style: solid;
}
/*** block: Form-block end ***/
/** end rw **/

/** .nf **/
.nf.show .importacao-exportacao {
  background-color: #f1f1f1;
}
/*** box de dados para emissão, edição ou cancelamento de nf ***/
/** validação **/
.form-control-label {
	font-weight: 600;
	padding: 0;
	margin-bottom: .5rem;
}
.input-unity-left .form-control-warning,
.input-unity-right .form-control-warning,
.has-warning select.form-control-warning {
	background-image: none;
}
.text-error {
	display: block;
	font-size: .7rem;
	margin-bottom: -2em;
  padding: 0 .2rem;
}
.small-text.text-error {
  display: none;
}
.form-group.required .form-control-label::after {
  content: '*';
  vertical-align: top;
  font-size: .7rem;
}
.form-group.has-warning .form-control-label::after,
.form-group.has-warning .input-unity-left .unity,
.form-group.has-warning .input-unity-right .unity {
  color: #f0ad4e;
}

.nota-fiscal.highlight .leaders-label,
.nota-fiscal.highlight .leaders-value,
.nota-fiscal.highlight,
.pedido.highlight .leaders-label,
.pedido.highlight .leaders-value,
.pedido.highlight,
.list-table-item.highlight .leaders-label,
.list-table-item.highlight .leaders-value,
.highlight .leaders-label,
.highlight .leaders-value {
  background-color: whitesmoke;
}

.nav-tabs.inverse .nav-link.active,
.nav-tabs.inverse .nav-link.active:focus,
.nav-tabs.inverse .nav-link.active:hover,
.nav-tabs.inverse .nav-item.open .nav-link,
.nav-tabs.inverse .nav-item.open .nav-link:focus,
.nav-tabs.inverse .nav-item.open .nav-link:hover {
  background-color: #f0f0f0;
}

.tag-outline {
  border: solid 1px rgba(0, 0, 0, 0.14902);
  color: #373a3c;
}
/*** ui-grid ***/

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

.ui-grid {
  font-family: 'Open sans', Arial, sans-serif;
  font-size: 15px;
  color: #373a3c;
  border: 1px solid #eaeaea;
  box-sizing: content-box;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.ui-grid-canvas {
  padding-top: 0;
}

/*.ui-grid-render-container-right {
  box-shadow: inset -1px 0 12px -4 #d3d4d6;
}*/

.ui-grid-header-viewport {
  background-color: whitesmoke;
}

.ui-grid-top-panel {
  font-weight: 600;
  color: #4e6071;
}

.ui-grid-focuser:focus {
  border: none;
  box-shadow: none;
}

.ui-grid-header {
  border-bottom: 1px solid #eaeaea;
}

.ui-grid-header-cell {
  background-color: whitesmoke;
  border-color: #eaeaea;
  color: #222;
}

.ui-grid-cell-contents {
  color: #222;
}

.ui-grid-filter-container {
    padding: 4px 5px;
}

select.ui-grid-filter-select {
  border-radius: 0.25rem;
  font-size: 13px;
  padding: 2px;
}

select.ui-grid-filter-select:focus {
  border-color: #66afe9;
  outline: none;
}

input[type="text"].ui-grid-filter-input {
  padding-left: 5px;
  border-radius: 0.25rem;
  border: 1px solid rgba(0, 0, 0, 0.15);
  height: 26px;
  font-size: 13px;
  line-height: 1.25;
}

input[type="text"].ui-grid-filter-input:focus {
  border-color: #66afe9;
  outline: none;
}

select.ui-grid-filter-select {
  border: 1px solid #d4d4d4;
}

.ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #fdfdfd;
}
.ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #f3f3f3;
}
.ui-grid-row:last-child .ui-grid-cell {
  border-bottom-color: #eaeaea;
  border-bottom-style: solid;
}

.ui-grid-no-row-overlay {
  order: 1px solid #eaeaea;
}

.ui-grid-cell {
  border-right: 1px solid;
  border-color: #eaeaea;
}

.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
  border-bottom: solid 1px #eaeaea;
}
.ui-grid-footer-panel {
  border-bottom: 1px solid #eaeaea;
  border-top: 1px solid #eaeaea;
}

.ui-grid-menu-button {
  background: #f3f3f3;
  border: 1px solid #eaeaea;
}

.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
  border: 1px solid #eaeaea;
}

.ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) > button {
  border-bottom: 1px solid #eaeaea;
}

.ui-grid[dir=rtl] .ui-grid-cell:last-child,
.ui-grid[dir=rtl] .ui-grid-header-cell:last-child {
  border-right: 1px solid #eaeaea;
}

.ui-grid[dir=rtl] .ui-grid-menu-button {
  border: 1px solid #eaeaea;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
  /*border-right-color: #eaeaea;*/
  border-right-color: #eaeaea;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
  border-right-color: #eaeaea;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: #d4d4d4;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: #eaeaea;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
  background-color: #eaeaea;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child {
  border-left-color: #eaeaea;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child {
  border-left-color: #eaeaea;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar,
.ui-grid-pinned-container .ui-grid-cell:not(:first-child) .ui-grid-vertical-bar {
  width: 1px;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar {
  background-color: #d4d4d4;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: #eaeaea;
}
.ui-grid-pinned-container.ui-grid-pinned-container-first .ui-grid-header-cell:first-child .ui-grid-vertical-bar {
  background-color: #eaeaea;
}

.ui-grid-pinned-container-left .ui-grid-row div div.ui-grid-cell:last-of-type .ui-grid-cell-contents {
  border-right: 1px solid #D4D4D4;
}

.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child,
.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child,
.ui-grid-pinned-container-right .ui-grid-row div div.ui-grid-cell:first-of-type .ui-grid-cell-contents {
  border-left: 1px solid #D4D4D4;
}

.ui-grid-cell-focus {
  outline: 0;
  border:none;
  background-color: #4e6071;
  color: #fff;
}

.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
  background-color: #99cbed;
  border: 0;
  /*color: #fff;*/
}

.tag-grid {
  font-size: 75%;
}

.tag-contents {
  padding-top: 1px;
}

.grid-msg-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  /*background: rgba(0, 0, 0, 0.4);*/
  background: rgba(78, 96, 113, 0.5);
}

.grid-msg-overlay .msg {
  opacity: 1;
  position: absolute;
  top: 30%;
  left: 40%;
  width: 20%;
  height: 50%;
  text-align: center;
  display: table;
  color: #4e6071;
  font-size: 600%;
}

/** tags outline **/
.tag.tag-default-outline {
  border: 1px solid #818a91;
  color: #818a91;
  background-color: white;
}
.tag.tag-primary-outline {
  border: 1px solid #3498db;
  color: #3498db;
  background-color: white;
}
.tag.tag-secondary-outline {
  border: 1px solid #4e6071;
  color: #4e6071;
  background-color: white;
}
.tag.tag-info-outline {
  border: 1px solid #5bc0de;
  color: #5bc0de;
  background-color: white;
}
.tag.tag-success-outline {
  border: 1px solid #449d44;
  color: #449d44;
  background-color: white;
}
.tag.tag-warning-outline {
  border: 1px solid #f0ad4e;
  color: #f0ad4e;
  background-color: white;
}
.tag.tag-danger-outline {
  border: 1px solid #d9534f;
  color: #d9534f;
  background-color: white;
}
.tag.tag-alternate-outline {
  border: 1px solid #9365b8;
  color: #9365b8;
  background-color: white;
}
.tag.rounded {
  border-radius: 100%;
}
/** text supplements **/
.text-default {
  color: #818a91;
}

@charset "UTF-8";

@font-face {
  font-family: "zeta-webclient";
  src: url("../fonts/zeta-webclient.woff") format("woff");
  /*src:url("../fonts/zeta-webclient.eot?#iefix") format("embedded-opentype"),
    url("../fonts/zeta-webclient.woff") format("woff"),
    url("../fonts/zeta-webclient.ttf") format("truetype"),
    url("../fonts/zeta-webclient.svg#zeta-webclient") format("svg");*/
  font-weight: normal;
  font-style: normal;

}

/*[data-icon]:before {
  font-family: "zeta-webclient" !important;
  box-sizing: inherit;
  content: attr(data-icon);
  font-style: normal !important;
  font-style: inherit;
  font-weight: normal !important;
  font-variant: normal !important;
  text-rendering: auto;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
}*/

/*[class^="zf-"]:before,
[class*=" zf-"]:before {
  font-family: "zeta-webclient" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  font-size: 1.2em;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
}*/
.zf {
  display: inline-block;
  font: normal normal normal 1.2rem/1 "zeta-webclient";
  position: relative;
  text-rendering: auto;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
}
.zf-ellipsis-v:before {
  content: "\e000";
  position: relative;
  top: 0.05em;
}