html, body {
	background: var(--bg-secondary) !important;
}

::-webkit-input-placeholder {
	color: var(--font-primary--shade--two) !important;
}

:-moz-placeholder {
	color: var(--font-primary--shade--two) !important;
}

:focus::-webkit-input-placeholder {
	color: var(--font-primary--shade--two) !important;
}

:focus:-moz-placeholder {
	color: var(--font-primary--shade--two) !important;
}

#main-container {
	background-color: var(--bg-secondary);
}

.breadcrumb.on-edit {
	background-color: transparent;
	position: relative;
	top: 0;
}

.breadcrumb.on-edit li.open {
	margin-left: 0px;
}

.breadcrumb.on-edit ~ .bling-form {
	margin-top: 0;
}

.bling-form {
	margin: 10px;
	background-color: var(--bg-primary);
	color: var(--font-primary);
	box-shadow: var(--box-shadow);
	font-family: var(--font-family-secondary);
	font-size: var(--font-size-small);
	height: auto !important;
	min-height: calc(100vh - 105px);
}

.bling-form div.fixed-bar.fixed > div > div {
	align-self: center;
}

#Hello-bar-preview .Hello-bar {
    min-height: var(--orbe-spacing-16);
    height: auto;
    display: grid;
    align-items: center;
}

.fixed-actions {
	height: 100%;
	display: flex;
	align-items: center;
}

.fixed-actions i {
	cursor: pointer;
	font-size: var(--font-size-medium);
	margin-left: 16px;
	border: 1px solid var(--hairline-regular);
	min-width: 40px;
	height: 34px;;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--border-radius);
	box-shadow: var(--box-shadow);
}

.fixed-actions i:hover {
	background-color: var(--content-tertiary);
}

.fixed-actions i:first-child {
	margin-left: 0;
}

.fixed-bar-bottom {
	position: fixed;
	width: 100vw !important;
	background: var(--bg-primary);
	bottom: 0px;
	height: 80px;
	box-shadow: 0px 0px 6px #00000029;
	left: 0;
	z-index: 100;
}

.dados-progress-bar {
	font-size: 16px;
	min-width: 32px;
	font-weight: bold;
}

.progress-bar-mini {
	height: 8px;
	border-radius: 20px;
	margin: 0px 5px 0px 10px;
	display: inline-block;
	width: 70%;
}

@media (min-width: 480px) {
	.bling-form div.fixed-bar.fixed {
		position: fixed;
		width: 100vw;
		background: var(--bg-primary);
		top: 0px;
		height: 48px;
		box-shadow: var(--box-shadow);
		left: 0;
		z-index: 100;
	}

	.bling-form div.fixed-bar.fixed > div {
		margin: 8px 24px 8px 16px;
	}
}

@media (min-height: 650px) and (max-width: 480px) {
	:root {
		--fixed-bar-height: 100px;
	}

	.bling-form div.fixed-bar,
	.bling-form div.fixed-bar.fixed {
		position: fixed;
		width: 100vw;
		background-color: var(--bg-primary);
		left: 0;
		z-index: 100;
		top: unset;
		bottom: 0px;
		height: auto;
    	box-shadow: var(--box-shadow);
	}

	.bling-form div.fixed-bar > div {
		margin: 16px;
	}

	.bling-form div.fixed-bar.fixed {
		box-shadow: var(--box-shadow);
	}

	.container-relatorios {
		padding-bottom: 128px;
	}
}

@media (max-width: 768px) {
	div#edicao.bling-form {
		padding-left: 0px;
	}

	.inner-auto#container-form-propostas  {
		padding-bottom: 190px !important;
	}

	.breadcrumb.on-edit {
		margin: 8px 0 8px 0;
	}
}

.bling-form input:not([type="checkbox"]):not([type="radio"]),
.bling-form .fake-input,
.bling-form select,
.bling-form textarea,
.bling-form .chosen-choices,
#search-left-area .chosen-choices,
#modal-filter .chosen-choices,
#modal-filter select,
.bling-item-form {
	border: 1px solid var(--hairline-regular);
	border-radius: var(--border-radius) !important;
	min-height: 32px !important;
	height: 32px;
	width: 100%;
	margin-top: 4px;
	background-color: var(--content-primary);
	background-image: none;
	color: var(--font-primary--shade--one);
	outline: 0;
	flex-shrink: 0;
	letter-spacing: 0px;
	padding-left: 16px !important;
	padding-right: 16px !important;
	font-family: var(--font-family-secondary);
	font-size: var(--font-size-small);
}

.input-copy.bling-item-form {
	padding-right: 28px !important;
}

.bling-form textarea {
	padding: 8px;
	height: 100px;
}

.bling-form input:not([type="checkbox"]):not([type="radio"]):not([readonly]):not([disabled]):focus,
.bling-form select:focus,
.bling-form textarea:focus,
.bling-item-form:focus {
	border-color: var(--brand-primary);
	color: var(--font-primary--shade--one);
	background-color: var(--content-primary);
	box-shadow: var(--box-shadow);
}

.bling-form input:not([type="checkbox"]):disabled,
.bling-form input:not([type="checkbox"]):disabled:focus,
.bling-form textarea:disabled,
.bling-form textarea:disabled:focus,
.bling-form select[disabled],
.bling-form select[disabled]:focus,
.bling-item-form[disabled],
.bling-item-form[disabled]:focus,
.bling-item-form:not([type="checkbox"]):not(select):disabled,
.bling-item-form:not([type="checkbox"]):not(select):disabled:focus {
	color: var(--font-primary--shade--one);
	background-color: var(--content-secondary);
	border: 1px solid var(--hairline-regular--shade--one);
	pointer-events: none;
	touch-action: none;
}

.bling-form input:not([type="checkbox"]):read-only,
.bling-form input:not([type="checkbox"]):read-only:focus,
.bling-form textarea:read-only,
.bling-form textarea:read-only:focus,
.bling-form select[read-only],
.bling-form select[read-only]:focus,
.bling-item-form[read-only],
.bling-item-form[read-only]:focus,
.bling-item-form:not([type="checkbox"]):not(select):read-only:not(.InputDropdown-select),
.bling-item-form:not([type="checkbox"]):not(select):read-only:focus {
	background-color: var(--content-secondary);
	color: var(--font-primary--shade--one);
	border: 1px solid var(--hairline-regular--shade--one);
}

.bling-form input:not([type="checkbox"]):-moz-read-only,
.bling-form textarea:-moz-read-only {
	background-color: var(--content-secondary);
	color: var(--font-primary--shade--one);
}

.bling-form input.item-form-warning,
.bling-form select.item-form-warning,
.bling-form text-area.item-form-warning,
td.form-warning,
div.form-warning input,
div.form-warning .fake-input,
td.form-warning,
div.form-warning select,
div.form-warning textarea {
	box-shadow: var(--box-shadow);
	border: 1px solid var(--warning-primary) !important;
}

.bling-form input.item-form-error,
.bling-form select.item-form-error,
.bling-form text-area.item-form-error,
div.form-error input,
div.form-error select,
div.form-error textarea {
	box-shadow: var(--box-shadow);
	border: 1px solid var(--danger-primary) !important;
}

.bling-form select,
.bling-form .tree-select,
select.bling-item-form,
.bling-item-form.tree-select {
	background-image: url(../../imagens/caret-down.svg);
	background-repeat: no-repeat;
	background-position: center right 8px;
	background-size: auto !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	padding-right: 24px !important;
}

select.bling-item-form::-ms-expand {
	display: none;
}

.bling-form select::-ms-expand {
	display: none;
}

.bling-form .tree-select {
	border-radius: var(--border-radius);
	background-color: var(--content-primary);
	color: var(--font-primary--shade--one);
	border: 1px solid var(--hairline-regular);
}

.bling-form .tree-select div:first-child {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bling-item-form.tree-select span {
	max-height: 32px;
}

.tree-select-container {
	padding: 0 0 10px 0 !important;
	border-radius: var(--border-radius) !important;
	background-color: var(--bg-primary) !important;
	border: 1px solid var(--hairline-regular) !important;
}

.tree-select-container > ul {
	margin-top: 10px !important;
}

.tree-select-container li:hover, .tree-select-container li {
	color: var(--font-primary) !important;
}

.tree-select-container li:hover {
	background-color: var(--content-primary--shade--one) !important;
}

.tree-select-container li.selected {
	background-color: var(--brand-primary) !important;
	color: var(--font-secondary) !important;
}

.tree-select-container li > label {
	font-size: var(--font-size-small) !important;
}

.tree-select-container li.selected > label{
	color: var(--font-secondary) !important;
}

.bling-form label,
.bling-form .input-info-text,
.bling-label {
	text-align: left;
	font-size: var(--font-size-small);
	letter-spacing: 0px;
	color: var(--font-primary);
}

#pagamento_integracao_confirmacao .group-item-form {
	transform: translateY(0px) !important;
}

#pagamento_integracao_confirmacao img.ui-datepicker-trigger {
	top: var(--orbe-spacing-3) !important;
}

#pagamento_integracao_confirmacao label{
	color: var(--font-primary--shade--one);
	font: normal normal normal 14px/24px var(--font-family-secondary);
}

#pagamento_integracao_confirmacao textarea {
	height: 50px;
	resize: none;
}

.bling-form .input-info-text {
	margin: 0;
}

.container-custom-fields label {
	font-weight: bold;
}

label.required:after {
	color: var(--danger-primary);
	content: " *";
}

div.disabled > label {
	color: var(--font-primary--shade--three);
}

div.form-warning > label:after,
label.form-warning:after {
	color: var(--warning-primary) !important;
}

div.form-error > label,
div.form-error > label:after,
div.form-error > .input-info-text,
label.form-error,
.form-error.input-info-text,
label.form-error:after {
	color: var(--danger-primary) !important;
}

div.form-warning > label:after,
div.form-error > label:after,
label.form-warning:after,
label.form-error:after {
	font-family: 'Font Awesome 5 Free';
	content: "\F071" !important;
	font-weight: 900;
	margin-left: 8px;
}

.bling-form div.toogle-checkbox input + span {
	display: block;
	margin-left: 0;
	margin-right: 0;
	background-color: var(--content-tertiary);
}

.bling-form div.toogle-checkbox input:checked + span {
	background-color: var(--brand-primary);
}

.bling-form .label-item-form-toggle {
	margin-right: 4px;
	margin-bottom: 0;
	height: 23px;
	padding: 4.5px 0;
	float: left;
}

.bling-form .item-form-toggle .toogle-checkbox{
	height: 23px;
	width: 100px;
}

.bling-form .item-form-toggle div.toogle-checkbox span:after {
	top: 3px;
}

.item-form-toggle.fix-toggle-block > .toogle-checkbox {
	display: block;
}

.item-form-toggle.fix-toggle-block > .label-item-form-toggle {
	float: none;
}

.item-form-toggle.fix-toggle-block > .toogle-checkbox > label > span {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
}

.bling-form.ui-dialog-content {
	margin: 0;
}

.input-checkbox input[type="checkbox"] + label {
	border: 2px solid var(--hairline-regular);
	background-color: var(--content-primary) !important;
	border-radius: 2px;
	transition: none !important;
}

.input-checkbox input[type="checkbox"]:checked + label {
	background-color: var(--brand-primary) !important;
	border: 1px solid var(--brand-primary);
}

input:read-only + .ui-datepicker-trigger {
	pointer-events: none;
	touch-action: none;
}

.input-checkbox input[type="checkbox"][readonly] + label {
	background-color: var(--content-secondary);
	border: 1px solid var(--hairline-regular);
	pointer-events: none;
	touch-action: none;
}

.input-checkbox input[type="checkbox"][readonly] + label::after {
	color: var(--font-primary);
}

.bling-form .label-big {
	font: normal normal normal 16px/18px Arial !important;
}

.bling-form .group-item-form-warning .label-big {
	font-weight: bold !important;
}

.bling-form .input-big {
	font-size: 20px !important;
	height: 40px !important;
}

@media (max-width: 768px) {
	.bling-form {
		margin: 0;
	}
}

.bling-form h1 {
	color: var(--font-primary);
	font-family: var(--font-family-primary);
	font-weight: bold;
	font-size: var(--font-size-big);
	margin: 0;
	letter-spacing: 0.5px;
	letter-spacing: var(--letter-spacing);
}

.bling-form .fixed h1 {
	margin-left: 16px;
}

.bling-form h3,
h3.bling-sub-title,
.interval-label select {
	color: var(--font-primary);
	font-family: var(--font-family-primary);
	font-weight: bold;
	font-size: var(--font-size-medium);
	box-shadow: none;
	margin-top: 16px;
	margin-bottom: 0px;
	letter-spacing: 0.5px;
	letter-spacing: var(--letter-spacing);
}

.bling-form h4.bling-sub-title {
	color: var(--font-primary);
	font-family: var(--font-family-primary);
	font-weight: bold;
	font-size: var(--font-size-small);
	box-shadow: none;
	margin-top: 16px;
	margin-bottom: 0px;
	letter-spacing: var(--letter-spacing);
}

.bling-form .required-fields-text {
	font-family: var(--font-family-secondary);
	color: var(--font-primary);
	font-size: var(--font-size-small);
}

.bling-form .required-fields-text > span {
	color: var(--danger-primary);
}

.bling-form .required-fields-text-multispan > span:nth-child(1) {
	color: var(--danger-primary);
}

.bling-form button,
.tinymce button,
.bling-button {
	font-family: var(--font-family-primary);
	font-weight: bold;
	background-color: var(--bg-primary);
	border: 1px solid;
	border-radius: var(--border-radius);
	border-color: var(--brand-primary);
	opacity: 1;
	font-size: var(--font-size-small);
	color: var(--brand-primary);
	letter-spacing: 0px;
	opacity: 1;
	height: 32px;
	outline: none;
	padding: 0px 15px 0px 15px;
	width: 100%;
}

.bling-form button.fas,
.bling-button.fas {
	font-family: 'Font Awesome 5 Free';
}

.bling-form button.fas span:not(.fas),
.bling-button.fas span:not(.fas) {
	font-family: var(--font-family-primary);
	margin-left: 8px;
}

.bling-button-file {
	font-family: var(--font-family-primary);
	font-weight: bold;
	color: var(--font-secondary);
	border: 1px solid;
	border-radius: var(--border-radius);
	border-color: var(--brand-primary);
	opacity: 1;
	font-size: var(--font-size-small);
	background-color: var(--brand-primary);
	letter-spacing: 0px;
	opacity: 1;
	height: 32px;
	text-transform: capitalize;
	outline: none;
	padding: 0px 15px 0px 15px;
	width: 100%;
	text-transform: capitalize;
	text-align: center;
	line-height: 32px;
}

.bling-form button:hover,
.bling-button:hover {
	background-color: var(--brand-primary--background);
}

button.call-to-action,
input[type=button].call-to-action {
	border: 1px solid var(--brand-primary);
	background-color: var(--brand-primary);
	color: var(--font-secondary);
}

button.call-to-action:hover {
	background-color: var(--brand-primary--shade--one);
	border-color: var(--brand-primary--shade--one);
}

button.call-to-action:disabled {
	background-color: var(--brand-primary--shade--two);
	border-color: var(--brand-primary--shade--two);
	color: var(--font-secondary);
}

.bling-button:disabled {
	background-color: var(--bg-primary);
	border-color: var(--brand-primary--shade--two);
	color: var(--brand-primary--shade--two);
}

a.call-to-action {
	font: normal normal normal 12px/13px Gilroy-Bold;
	letter-spacing: 0px;
	color: #37A661;
	opacity: 1;
	height: 32px;
	text-transform: capitalize;
	outline: none;
	padding: 0px 15px 0px 15px;
	width: 100%;
	text-decoration: none;
}

.bling-form button.secondary-action,
.bling-button.secondary-action {
	border-color: var(--hairline-regular);
	color: var(--font-primary);
	line-height: 30px;
}

.bling-form button.secondary-action:hover,
.bling-button.secondary-action:hover {
	background-color: var(--content-primary--shade--one);
}

.bling-form button.secondary-action:not(.fas),
.bling-button.secondary-action:not(.fas) {
	font-weight: normal;
}

.bling-form button.secondary-action.button-small,
.bling-button.secondary-action.button-small {
	width: 36px;
	padding: 0;
	font-size: 15px;
}

.bling-form button.secondary-action.fas::before,
.bling-button.secondary-action.fas::before {
	color: var(--brand-primary);
}

.bling-form button.secondary-action span:not(.fas),
.bling-button.secondary-action span:not(.fas) {
	font-weight: normal;
	line-height: 30px;
}

.bling-form button .fas {
	font-size: 14px;
	margin-right: 12px;
}

.bling-form button .fa-trash-alt {
	color: var(--danger-primary);
}

.bling-form button.fas.fa-trash-alt::before,
.bling-button.fas.fa-trash-alt::before {
	color: var(--danger-primary);
}

.bling-form .fa-info-circle {
	color: var(--info-primary);
	font-size: 14px;
	margin-left: 4px;
	cursor: pointer;
}

.info-conta-receber.fa-info-circle {
	color: var(--info-primary);
	font-size: 16px;
	margin-left: 10px;
	cursor: pointer;
}

.bling-form img.ui-datepicker-trigger {
	position: absolute;
	top: var(--orbe-spacing-3);
	right: var(--orbe-spacing-0);
	content: url(../../images/calendar.svg);
	cursor: pointer;
	margin-right: var(--orbe-spacing-2);
}

tr.style-date-pick > td > img.ui-datepicker-trigger {
	top: var(--orbe-spacing-2) !important;
}

.bling-form input.timepicker ~ img.ui-datepicker-trigger {
	content: url(../../images/clock.svg);
}

.slideIn .bling-form img.ui-datepicker-trigger {
	top: var(--orbe-spacing-7);
}

.slideIn .bling-form.bling-form-agrupado img.ui-datepicker-trigger {
    right: var(--orbe-spacing-5);
	top: var(--orbe-spacing-7);
}

.bling-form .align-input-icons.nota-fiscal-ajuste img.ui-datepicker-trigger {
	top: 10px;
}

.bling-form .hasDatepicker {
	padding-right: 24px;
}

.ui-datepicker {
	border: var(--orbe-border) solid var(--orbe-surface-border) !important;
	background-color: var(--orbe-surface-bg) !important;
	width: 270px !important;
	border-radius: var(--orbe-rounded) !important;
	padding: var(--orbe-spacing-2) !important;
	min-height: auto;
}

.ui-datepicker .ui-widget-content {
	color: var(--orbe-surface-fg) !important;
}

.ui-datepicker td {
	text-align: center !important;
	min-width: 30px !important;
	height: 30px !important;
	line-height: 30px !important;
	font-size: var(--font-size-small);
}

.ui-datepicker th {
	font-family: var(--font-family-primary);
	font-size: var(--font-size-small);
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: var(--orbe-spacing-0);
	bottom: var(--orbe-spacing-0);
	margin: auto;
}

.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
	background-color: var(--orbe-surface-bg--hover);
}

.ui-datepicker .ui-widget-header a .ui-icon-circle-triangle-w {
	background-image: url(../../images/seta-esquerda.svg) !important;
	background-size: contain;
	background-position: center;
}

.ui-datepicker .ui-widget-header a .ui-icon-circle-triangle-e {
	background-image: url(../../images/seta-direita.svg) !important;
	background-size: contain;
	background-position: center;
}

.ui-datepicker .ui-state-active {
	color: var(--orbe-surface-fg) !important;
}

.ui-datepicker .ui-widget-header {
	color: var(--orbe-surface-fg) !important;
	background: transparent !important;
	border: none;
}

.ui-datepicker .ui-state-default {
	border: none !important;
	border-radius: var(--orbe-rounded) !important;
	color: var(--orbe-surface-fg) !important;
	background-color: transparent !important;
	text-align: center;
	font-weight: normal;
}

.ui-datepicker .ui-state-default:hover {
	color: var(--orbe-surface-fg);
	background-color: var(--orbe-surface-bg--hover) !important;
}

.ui-datepicker .ui-state-highlight {
	background-color: var(--orbe-action-bg-primary-minimal) !important;
}

.ui-datepicker .ui-state-highlight:hover {
	background-color: var(--orbe-action-bg-primary-minimal) !important;
}

.ui-datepicker .ui-state-active {
	background-color: var(--orbe-surface-bg--selected) !important;
	color: var(--orbe-surface-fg-on--selected) !important;
}

.ui-datepicker .ui-state-active:hover {
	background-color: var(--orbe-surface-bg--selected) !important;
	color: var(--orbe-surface-fg-on--selected) !important;
}

.ui-timepicker-div .ui-state-default {
	background-color: var(--brand-primary);
}

.ui-timepicker-div .ui-state-default:hover {
	background-color: var(--brand-primary) !important;
}

.ui-timepicker-div .ui-slider-horizontal {
	border: 1px solid var(--content-tertiary);
    background: var(--content-tertiary);
    border-radius: 5px;
	height: 0.6em;
}

.ui-timepicker-div .ui-slider-horizontal .ui-slider-handle {
	top: -0.4em;
}

button.button-default-dialog {
	font-family: Arial, Helvetica, sans-serif !important;
	margin-left: 6px !important;
	margin-right: 6px !important;
	height: 30px !important;
	font-size: 9pt !important;
	background-color: #37A661 !important;
	color: var(--font-secondary) !important;
	border: 0;
	border-radius: var(--border-radius) !important;
	font-weight: bold !important;
	padding: 3px !important;
	text-transform: capitalize !important;
}

button.button-default-dialog:hover {
	background-color: var(--brand-primary) !important;
}

button.button-cancel-dialog {
	font-family: Arial, Helvetica, sans-serif !important;
	margin-left: 6px !important;
	margin-right: 6px !important;
	height: 30px !important;
	font-size: 9pt !important;
	background-color: transparent !important;
	color:  #37A661 !important;
	border: 1px solid #37A661 !important;
	border-radius: var(--border-radius) !important;
	font-weight: bold !important;
	padding: 3px !important;
	text-transform: capitalize !important;
}

button.button-cancel-dialog:hover {
	background-color: var(--content-primary--shade--one) !important;
}

.bling-button-new {
	border: 1px solid #37A661;
	background: #37A661 0% 0% no-repeat padding-box;
	color: #FFFFFF;
	border-radius: var(--border-radius);
	opacity: 1;
	height: 32px;
	outline: none;
	font-size: 15pt !important;
	width: 150px;
	margin: auto;
}

.bling-button-new:hover {
	background-color: #49B476;
}

.bling-button-new span {
	font: normal normal normal 12px/13px Gilroy-Bold !important;
	color: #FFFFFF !important;
	letter-spacing: 0px;
	opacity: 1;
	position: relative;
	top: -3px;
	left: 3px;
}

table.itens-list,
.table.itens-list {
	counter-reset: rowNumber -1;
	--margin-with-number: 35px;
	width: calc(100% - 35px) !important;
	width: calc(100% - var(--margin-with-number)) !important;
	font-size: var(--font-size-small);
	font-family: var(--font-family-secondary);
	border-collapse: collapse;
	margin-left: 35px;
	margin-left: var(--margin-with-number);
	border-collapse: separate;
	border-spacing: 0px 4px;
}

#valoresFechamento tbody select option {
	color: var(--font-primary--shade--one);
	background-color: var(--content-primary);
}

table.itens-list th,
.table.itens-list .table-head,
.table.itens-list .table-heading {
	text-align: left;
	font-size: var(--font-size-small);
	font-weight: normal;
	color: var(--font-primary);
}

table.itens-list tr,
.table.itens-list .table-row {
	counter-increment: rowNumber;
	max-height: 32px;
}

table.itens-list td,
.table.itens-list .table-cell {
	background-color: var(--content-primary) !important;
	border: 1px solid var(--hairline-regular);
	height: 32px;
	position: relative;
	border-left: 0;
}

.table.itens-list tfoot td {
	border: 0;
}

table.itens-list td {
	padding: 0 8px !important;
}

.table.itens-list.table-cell {
	padding: 0 8px !important;
}

#box_volumes .table .table-cell input[type="text"]{
	width: 100% !important;
	margin-left: 0 !important;
}

table.itens-list td input:not([type="checkbox"]),
.table.itens-list .table-cell input:not([type="checkbox"]),
table.itens-list td select,
.table.itens-list .table-cell select {
	padding: 0 8px !important;
	margin: 0 0 0 -8px !important;
	width: calc(100% + 16px) !important;
	border: 0 !important;
	border-radius: 0 !important;
	height: 100%;
	width: 100%;
	box-shadow: none;
}

table.itens-list td p {
	padding: 0;
}

table.itens-list td .input-checkbox,
table.itens-list th .input-checkbox {
	margin: 0 !important;
}

table.itens-list td:first-of-type,
table.itens-list td:first-of-type input,
table.itens-list td:first-of-type select,
.bling-form table.itens-list td:first-of-type input,
.table.itens-list .table-cell:first-of-type,
.table.itens-list .table-cell:first-of-type input {
	border: 1px solid var(--hairline-regular);
	border-radius: 10px 0 0 10px !important;
}

table.sortable-list.itens-list td:first-of-type,
table.sortable-list.itens-list td:first-of-type input,
.table.sortable-list.itens-list .table-cell:first-of-type,
.table.sortable-list.itens-list .table-cell:first-of-type input {
	border: none;
}

table.sortable-list.itens-list td:nth-child(2),
table.sortable-list.itens-list td:nth-child(2) input,
.table.sortable-list.itens-list .table-cell:nth-child(2),
.table.sortable-list.itens-list .table-cell:nth-child(2) input  {
	border: 1px solid var(--hairline-regular);
	border-radius: 10px 0 0 10px !important;
}

table.itens-list td:last-of-type,
table.itens-list td:last-of-type input,
.table.itens-list .table-cell:last-of-type,
.table.itens-list .table-cell:last-of-type input {
	border-radius: 0 10px 10px 0 !important;
}

table.itens-list tr td:first-of-type::before,
.table.itens-list .table-cell:first-of-type::before {
	content: counter(rowNumber);
	width: 32px;
	left: calc(35px * -1.1);
	left: calc(var(--margin-with-number) * -1.1);
	color: var(--font-secondary);
	text-align: center;
	background-color: var(--content-tertiary);
	border: 1px solid var(--hairline-regular--shade--one);
	border-radius: var(--border-radius);
	height: 32px;
	padding-top: 8px;
	top: calc(50% - 16px);
	position: absolute;
	font-family: var(--font-family-primary);
	font-weight: bold;
}

table.itens-list th.size-small {
	width: 60px;
}

table.itens-list th.size-medium {
	width: 120px;
}

table.itens-list th.size-large {
	min-width: 300px;
}

.bling-form table.itens-list td:not(:first-child):not(:last-child) input[readonly]:not([type="checkbox"]):not([type="radio"]):not([id="urlImagemExtVar"]){
	border-radius: 0px !important;
}

.bling-form table.remove-border td {
	border: none;
	height: 16px;
}

.bling-form table.remove-counters {
	width: 100% !important;
	margin-left: 0px;
	border-spacing: 0px;
}

.bling-form table.remove-counters tr td:first-child::before,
.table-list.remove-counters div::before {
	content:none !important;
}

.table-list.remove-counters .table-row,
.table-list.remove-counters .table-cell {
	max-height: unset;
	border-radius: 0 !important;
	height: auto;
}

.table-list.remove-counters:not(#tabela_formacao_precos) .table-cell input:not([type="checkbox"]){
	margin: 0 !important;
	width: 100% !important;
}

.bling-form td input ~ span {
	top: 0px;
}

.bling-form table td .fas:not(.InputSearch-icon),
.table .fas:not(.InputSearch-icon) {
	font-size: var(--font-size-medium);
	position: inherit;
	right: 0;
	margin-left: 0px;
	padding: 4px;
	display: inline-block;
}

.bling-form table td .fa-trash-alt,
.bling-form .table .fa-trash-alt {
	color: var(--danger-primary);
}

.bling-form table td .fa-trash-alt:hover,
.bling-form .table .fa-trash-alt:hover {
	cursor: pointer;
}

.bling-form table td .fa-download {
	color: var(--brand-primary);
}

.bling-form table td .fa-pencil-alt {
	color: var(--font-primary);
}

.bling-form table td span:last-of-type[class*="fas"]:after,
.bling-form table td i:last-of-type[class*="fas"]:after {
	content: "";
}

@media (max-width: 768px) {
	div.bling-form table {
		margin-left: 0px;
		width: 100% !important;
	}

	div.bling-form table tr td:first-child::before,
	div.bling-form table tr td:first-child::after {
		content: '' !important;
		width: 0px;
		left: 0px;
		top: 0;
		display: none;
	}

	.bling-form .fixed h1 {
		margin: 0;
	}
}

.bling-form .add-table-item a,
.action-link,
a.action-link,
.ui-widget-content a.action-link,
a.action-link:focus {
	font-size: var(--font-size-small) !important;
	font-family: var(--font-family-primary) !important;
	font-weight: bold;
	font-style: normal !important;
	text-decoration: none !important;
	cursor: pointer;
	color: var(--brand-primary) !important;
}

button.action-link {
	background: transparent;
	border: 0;
	outline: none;
}

.action-link:hover,
.action-link:hover,
a.action-link:hover {
	color: var(--brand-primary) !important;
	text-decoration: underline !important;
}

.bling-form .tabela-itens {
	width: 100%;
	font-size: var(--font-size-small);
	font-family: var(--font-family-secondary);
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid var(--hairline-regular);
}

.bling-form .tabela-itens .box-sem-itens {
	padding: 5% 50px 7% 65px;
	min-height: 75px;
	text-align: center;
}

.bling-form .tabela-itens .box-sem-itens > img {
	height: 70px;
}

.bling-form .tabela-itens .box-sem-itens h3 {
	font-family: var(--font-family-primary);
	font-weight: bold;
	margin-bottom: 5px;
	color: var(--brand-primary);
}

.bling-form .tabela-itens .box-sem-itens > p {
	margin-top: 0px;
	font-size: var(--font-size-small);
	font-family: var(--font-family-secondary);
	color: var(--font-primary);
}

.bling-form .tabela-itens th {
	background-color: var(--content-primary--shade--one);
	color: var(--font-primary);
	height: 25px;
	font-family: var(--font-family-secondary);
	font-weight: bold;
}

.bling-form .tabela-itens th .vertical-align-inline {
	height: 22px;
}

.bling-form .tabela-itens td .vertical-align-inline {
	height: 25px;
}

.bling-form .tabela-itens tr td {
	height: 42px;
}

.bling-form .tabela-itens tr:not(:last-child) td {
	border-bottom: 1px solid  var(--hairline-regular--shade--three)
}

.bling-form .tabela-itens td a, .bling-form .tabela-itens td .action-link {
	word-break: break-all;
}

.bling-form .message-area .alert-box-info span {
	height: auto;
}

.bling-form div.alert-box,
.bling-form div.alert-box ul,
.bling-form div.alert-box p {
	font-family: var(--font-family-secondary);
	color: var(--font-primary--shade--one);
	font-size: 14px;
}

.bling-form div.alert-box h4 {
	font-family: var(--font-family-primary);
	font-weight: bold;
	font-size: var(--font-size-medium);
	color: var(--font-primary);
	letter-spacing: 0.5px;
	letter-spacing: var(--letter-spacing);
}

div.alert-box.alert-box-transparent {
	background-color: transparent !important;
}

div.alert-box.alert-box-transparent p {
	color: var(--font-primary) !important;
}

.alert-box-info {
	background-color: var(--orbe-feedback-bg-info) !important;
	color: var(--orbe-feedback-fg-on-info) !important;
}

.alert-box.alert-box-info p,
.alert-box.alert-box-info ul,
.alert-box.alert-box-info li,
.alert-box.alert-box-info h4,
.alert-box.alert-box-info h3 {
	color: var(--orbe-feedback-fg-on-info) !important;
}

.alert-box.alert-box-error {
	background-color: var(--orbe-feedback-bg-negative) !important;
	color: var(--orbe-feedback-fg-on-negative) !important;
}

.alert-box.alert-box-error p,
.alert-box.alert-box-error ul,
.alert-box.alert-box-error li,
.alert-box.alert-box-error h4,
.alert-box.alert-box-error h3 {
	color: var(--orbe-feedback-fg-on-negative) !important;
}

.alert-box.alert-box-warning {
	background-color: var(--orbe-feedback-bg-warning) !important;
	color: var(--orbe-feedback-fg-on-warning) !important;
}

.alert-box.alert-box-warning p,
.alert-box.alert-box-warning li,
.alert-box.alert-box-warning ul,
.alert-box.alert-box-warning h3 {
	color: var(--orbe-feedback-fg-on-warning) !important;
}

.alert-box.alert-box-ok {
	background-color: var(--orbe-feedback-bg-positive) !important;
	color: var(--orbe-feedback-fg-on-positive) !important;
}

.alert-box.alert-box-ok p,
.alert-box.alert-box-ok ul,
.alert-box.alert-box-ok li,
.alert-box.alert-box-ok h4,
.alert-box.alert-box-ok h3 {
	color: var(--orbe-feedback-fg-on-positive) !important;
}

.bling-form .alert-box.alert-box-warning h4 {
	color: var(--orbe-feedback-fg-bold-on-warning);
}

.alert-box h4:before {
	color: var(--font-primary);
}

.alert-box-info:before, .alert-mini-box-info:before {
	color: var(--info-primary);
}

.mini-alert-box {
	min-height: 51px;
}

.mini-alert-box,
.mini-alert-box ul,
.mini-alert-box p {
	font-family: var(--font-family-secondary);
	color: var(--font-primary--shade--one);
	font-size: var(--font-size-small);
}

.mini-alert-box::before {
	font-size: 21px !important;
}

.contato-rapido-icones {
	top: 10px !important;
	right: 8px !important;
}

.contato-rapido-icones i,
.contact-data .icon-pencil {
	color: var(--brand-primary);
	padding: 0 2px;
	cursor: pointer;
	text-decoration: none;
}

.contact-data .icon-pencil {
	float: right;
	font-size: 12pt;
	margin-right: 4px;
}

.contact-data .contact-name {
	padding-left: 4px;
	width: 99%;
}

.contact-data .contact-icons {
	text-align: center;
}

#formBuscaContatos #tabela_busca_contatos .table-body .table-row:hover {
	background-color: var(--content-tertiary);
	cursor: pointer;
}

.bling-form input ~ span {
	position: relative;
	color: var(--brand-primary);
	font-size: var(--font-size-medium);
	cursor: pointer;
	display:flex;
	top: -24px;
	right: 8px;
	justify-content: flex-end;
	margin-left: auto;
}

.vertical-align {
	display: flex;
	align-items: center;
}

.align-input-icons {
	position: relative;
	display: flex;
	flex-flow: column;
	max-height: 40px;
}

.bling-container-tabs {
	margin-bottom: 8px !important;
}

.bling-tabs {
	border-bottom: 1px solid var(--hairline-regular);
	padding-top: 4px;
	padding: 0;
	margin-bottom: 0;
	display: flex;
	flex-wrap: wrap;
	grid-column-gap: 8px;
	grid-row-gap: 8px;
}

.bling-container-tabs li,
.bling-tabs li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

.bling-tabs a,
.bling-tabs a:link,
.bling-tabs a:visited,
.bling-tabs select {
	font-size: 13px;
	padding: 0 10px 2px 10px;
	margin-right: 0px;
	text-decoration: none !important;
	color: var(--font-primary);
	cursor: pointer;
	display: inline-block;
	box-sizing: content-box;
	line-height: 15px;
	height: 15px;
	font-family: var(--font-family-primary);
	font-weight: normal;
}

.bling-tabs a.active,
.bling-tabs a:link.active,
.bling-tabs a:visited.active,
.bling-tabs select.active {
	color: var(--font-primary);
	font-family: var(--font-family-primary);
	font-weight: bold;
	border-bottom: 4px solid;
	border-color: var(--brand-primary);
}

.bling-tabs a span {
	font-size: var(--font-size-small);
	margin-left: 4px;
	padding: 2px 4px;
	border-radius: var(--border-radius--small);
	background-color: var(--brand-primary--background);
	color: var(--brand-primary);
	font-weight: bold;
}

.bling-tabs select {
	margin: 0px;
	width: auto;
	background-color: var(--bg-primary) !important;
	min-height: 18px !important;
	height: 18px;
	background-position: bottom 6px right 15px;
	line-height: 18px;
	border: none;
	border-radius: 0 !important;
	padding: 0 30px 0 15px !important;
	box-sizing: content-box;
	cursor: pointer;
}

.bling-tabs select:focus {
	box-shadow: none;
}

ul.bling-tabs.bling-tabs__vertical {
	position: absolute;
	border-bottom: 0;
	border-right: 1px solid var(--hairline-regular);
	flex-direction: column;
}

ul.bling-tabs.bling-tabs__vertical li {
	display: block;
	border-bottom: 2px solid var(--bg-primary);
}

ul.bling-tabs.bling-tabs__vertical li a:hover {
	border-bottom: none;
}

ul.bling-tabs.bling-tabs__vertical li a:link,
ul.bling-tabs.bling-tabs__vertical li a:visited {
	padding: 16px;
	text-decoration: none;
	display: block;
	margin-right: -1px;
}

.bling-tabs.bling-tabs__vertical a:link.active {
	border-bottom: 0;
	border-right: 4px solid var(--brand-primary);
}

@media only screen and (max-width: 960px) {
	/* TODO: remover novo-produto */
	#form_edicao_item_variacao div[data-id="produto_atributos"] {
		overflow-y: visible !important;
		margin-left: 0 !important;
	}

	ul.bling-tabs.bling-tabs__vertical {
		position: relative;
	}
}

.bling-accordion {
	color: var(--brand-primary);
	font-family: var(--font-family-primary);
	font-weight: bold;
	font-size: var(--font-size-small);
}

.bling-accordion .accordion-title {
	margin-left: 8px;
	cursor: pointer;
	float: left;
	margin-top: 14px;
}

.bling-accordion h3,
.bling-accordion h5 {
	float: left;
}

.bling-accordion .accordion-title span {
	margin-right: 4px;
	margin-left: 4px;
	font-size: 20px;
}

/* ABAS BOOTSTRAP */
.nav-tabs {
	border-bottom: 1px solid var(--hairline-regular);
	margin: 15px 0px 0;
}
.nav-tabs>li>a,
.nav-tabs>li>select {
	color: var(--font-primary);
	margin-right: 0px;
	font-size: 13px;
	font-family: var(--font-family-primary);
	text-decoration: none !important;
	padding: 0px 15px;
	border: 0;
	border-bottom: 4px solid transparent;
}

.nav-tabs>li>select {
	margin: 0px;
	width: auto;
	background-color: var(--bg-primary) !important;
	min-height: 18px !important;
	height: 18px;
	background-position: bottom 6px right 15px;
	line-height: 18px;
	border-radius: 0 !important;
	padding: 0 30px 0 15px !important;
	box-sizing: content-box;
	cursor: pointer;
}

.nav-tabs>li>select:focus {
	box-shadow: none;
}

.nav-tabs>li>select option {
	color: var(--font-primary);
}

.nav-tabs>li>a:hover:not(.active),
.nav>li>a:focus,
.bling-tabs a:hover:not(.active),
.nav-tabs>li>select:hover:not(.active) {
	color: var(--font-primary);
	background-color: transparent;
	border-bottom: 4px solid var(--hairline-regular);
	font-weight: bold;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>select,
.nav-tabs>li.active>select:focus,
.nav-tabs>li.active>select:hover {
	font-family: var(--font-family-primary);
	font-weight: bold;
	color: var(--brand-primary);
	border: 0;;
	background-color: transparent;
	border-bottom: 4px solid var(--brand-primary);
}

.tab-content>.active {
	display: inherit;
}

table.itens-list.not-header {
	counter-reset: rowNumber;
}

.bling-form input.double-input {
	float: left;
	width: 48%;
}

.bling-form input.double-input:first-child {
	margin-left: 0;
}

.bling-form .container_imagens {
	width: 86px;
	border-color: var(--hairline-regular--shade--two);
	border-radius: var(--border-radius);
}

.bling-form table.itens-list tr > td > input.edt-valor {
	padding-left: 8px !important;
	padding-right: 8px !important;
}

.bling-form #addImg,
.bling-form #addImgInc,
.bling-form #addImgVar {
	width: 100%;
	height: auto;
	font-family: var(--font-family-primary);
	color: var(--font-primary);
}

.bling-form .container_imagens #addImg,
.bling-form .container_imagens #addImgInc {
	width: auto;
}

.bling-form #addImg .qq-upload-drop-area-dashed,
.bling-form #addImg .qq-upload-button-dashed,
.bling-form #addImgInc .qq-upload-drop-area-dashed,
.bling-form #addImgInc .qq-upload-button-dashed,
.bling-form #addImgVar .qq-upload-drop-area-dashed,
.bling-form #addImgVar .qq-upload-button-dashed
{
	border: 2px dashed var(--brand-primary);
	height: 176px;
	border-radius: var(--border-radius);
	background-color: var(--bg-primary);
}

.bling-form .qq-upload-drop-area-dashed .qq-upload-drop-img {
	width: 64px;
}

.bling-form .qq-upload-button-dashed .qq-upload-button-content {
	display: grid;
	justify-items: center;
	font-weight:bold;
}

.bling-form .qq-upload-button-dashed .qq-upload-button-content button {
	max-width: 200px;
	margin-top: 16px;
}

.bling-form .container_imagens #addImg .qq-upload-drop-area-dashed,
.bling-form .container_imagens #addImg .qq-upload-button-dashed,
.bling-form .container_imagens #addImgInc .qq-upload-drop-area-dashed,
.bling-form .container_imagens #addImgInc .qq-upload-button-dashed {
	height: auto;
}

.bling-form .thumb_produto {
	background: transparent;
}

.bling-form .legend {
	list-style: none;
	padding: 0px;
	color: var(--font-primary);
}

.bling-form .legend li {
	padding-left: 4px;
	margin-bottom: 4px;
}

.bling-form .legend li span {
	width:15px;
	border: 1px solid;
	display: inline-block;
}

.bling-form .produto-variacao {
	display: none;
}

.bling-form .produto-variacao {
	display: none;
}

.internal-link, .internal-link:hover {
	font-family: var(--font-family-secondary);
	text-decoration: none !important;
	font-weight: bold;
	font-size: var(--font-size-small);
	color: var(--brand-primary);
}

.external-link,
.ui-widget-content a.external-link,
.external-link:hover {
	font-family: var(--font-family-secondary);
	text-decoration: none !important;
	font-weight: bold;
	font-size: var(--font-size-small);
	color: var(--link-primary);
}

.external-link:hover {
	text-decoration: underline !important;
}

.external-link:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f35d";
	margin-right: 4px;
}

.external-link.link-no-icon:before {
	content: '';
	margin-right: 0;
}

.chosen-container-single,
.chosen-container-multi {
	width: 100% !important;
}

.chosen-container-single .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single {
	margin-top: 4px;
	height: 32px;
	line-height: 32px;
	background-color: var(--content-primary);
	box-shadow: transparent !important;
	border: 1px solid var(--hairline-regular);
}

.chosen-container-single .chosen-single div b {
	background-position-y: 4px;
}

.bling-form .chosen-container-active .chosen-choices,
#modal-filter .chosen-container-active .chosen-choices,
#search-left-area .chosen-container-active .chosen-choices {
	border: 1px solid var(--brand-primary);
	box-shadow: 0 0 0;
}

.bling-form .chosen-results .group-option:hover,
#search-left-area .chosen-results .group-option:hover {
	background-color: none;
}

.chosen-container-multi .chosen-choices {
	background-color: var(--content-primary) !important;
	background-image: none;
	border: 1px solid var(--hairline-regular);
	border-radius: var(--border-radius) !important;
}

.bling-form .chosen-container-multi .chosen-choices li.search-field input[type="text"],
#search-left-area .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
	font-family: var(--font-family-secondary);
	font-size: var(--font-size-small);
	color: var(--font-primary--shade--two) !important;
	padding: 0 !important;
	margin: 0 !important;
	min-height: 30px !important;
}

.bling-form .chosen-container-multi.chosen-container-active .chosen-choices li.search-field input[type="text"],
#search-left-area .chosen-container-multi.chosen-container-active .chosen-choices li.search-field input[type="text"] {
	color: var(--font-primary--shade--one) !important;
}

.bling-form .chosen-container-multi.chosen-container-active .chosen-choices li.search-field input[type="text"]:focus,
#search-left-area .chosen-container-multi.chosen-container-active .chosen-choices li.search-field input[type="text"]:focus {
	box-shadow: none;
}

.bling-form .chosen-container-multi .chosen-choices li.search-choice,
#search-left-area .chosen-container-multi .chosen-choices li.search-choice {
	margin: 3px 5px 3px 0;
	height: 24px;
	line-height: 16px;
	font-size: var(--font-size-small);
	border-radius: 4px;
	background: none;
	background-color: var(--content-primary--shade--one);
	color: var(--font-primary);
	border-color: var(--content-primary--shade--one);
}

.bling-form .chosen-container-multi .chosen-choices li.search-choice .search-choice-close,
#search-left-area .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	top: 5px;
}

.bling-form .chosen-container .chosen-results li,
#search-left-area .chosen-container .chosen-results li {
	padding: 5px 12px;
	height: 32px;
	line-height: 22px;
	color: var(--font-primary);
}

.bling-form .chosen-container .chosen-results li.no-results,
#search-left-area .chosen-container .chosen-results li.no-results {
	background-color: transparent;
}

.bling-form .chosen-container-multi .chosen-drop .result-selected,
#search-left-area .chosen-container-multi .chosen-drop .result-selected {
	color: var(--font-primary--shade--two);
}

.bling-form .chosen-results li:hover,
#search-left-area .chosen-results li:hover {
	background-color: var(--content-primary--shade--one);
}

.bling-form .chosen-results li.group-result:hover,
#search-left-area .chosen-results li.group-result:hover {
	background-color: var(--bg-primary);
}

.bling-form .chosen-container .chosen-results .highlighted,
#modal-filter .chosen-container .chosen-results .highlighted,
#search-left-area .chosen-container .chosen-results .highlighted {
	background: none;
	background-color: var(--content-primary--shade--one);
	color: var(--font-primary);
}

.bling-form .chosen-container.chosen-with-drop .chosen-drop,
#modal-filter .chosen-container.chosen-with-drop .chosen-drop,
#search-left-area .chosen-container.chosen-with-drop .chosen-drop {
	padding: 10px 0;
	background-color: var(--bg-primary);
	border-radius: var(--border-radius);
	border: none;
	box-shadow: var(--box-shadow);
}

label + a.action-link.link-right,
label + a.external-link.link-right,
label + .fa-info-circle + a.action-link.link-right,
label + .fa-info-circle + a.external-link.link-right {
	float: right;
}

.bling-form .conta-caracteres-display {
	bottom: 6px;
}

.input-radio input[type="radio"] + label:before {
	background-color: var(--content-primary) !important;
	box-shadow: 0 0 0px 2px var(--hairline-regular) !important;
	border: solid 3px var(--content-primary) !important;
}

.input-radio input[type="radio"]:checked + label:before {
	background-color: var(--brand-primary) !important;
	box-shadow: 0 0 0px 2px var(--brand-primary) !important;
}

.bling-form td .input-radio input[type="radio"] + label:before {
	margin: 2px 0px -2px 0px !important;
	margin-right: 0px !important;
}

#mensagem .container-fluid {
	padding: 0;
}

.vertical-align-inline.checkbox-middle {
	padding-top: 16px;
}

/* GRID  */
.mdc-layout-grid__inner {
	padding-bottom: 0 !important;
}
.mdc-layout-grid > .mdc-layout-grid__inner {
	padding-bottom: 100px !important;
	padding-bottom: var(--fixed-bar-height, 0px) !important;
}

@media screen and (max-width: 850px) {
	#edicao {
		padding-left: 0px !important;
	}

	.fixed-bar-auto-height {
		height: auto !important;
	}
}

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

.align-buttons button {
	display: inline-block;
	width: 25%;
	margin-left: 8px;
}

.align-buttons button.display-none {
	display: none;
}

.mce-btn button {
	width: auto;
}

.mce-btn button + button {
	border: 0;
}

.mce-btn:hover, .mce-btn:active {
	border-color: transparent !important;
}

@media screen and (max-width:767px) {
	.vertical-align-inline {
		display: inline-flex !important;
	}
}

@media (max-width: 839px) {
	.mdc-layout-grid__cell--span-8-tablet .checkbox-middle,
	.mdc-layout-grid__cell--span-4-phone .checkbox-middle {
		padding-top: 0;
	}
}

input.hasDatepicker::-webkit-calendar-picker-indicator {
	display: none;
}

.search-lupe {
	right: 3px;
	position: absolute;
	top: 12px;
	margin-right: 4px;
}

/* Módulo Vendas */
.bling-form table td input:not([type="checkbox"]).editgrid.preco-abaixo {
	background-color: #FFFFCF;
}

.ocorrencias-popup.ui-dialog-newest .ui-dialog-content {
	overflow-x: auto;
}

/* Fim Vendas */

.loading-xs {
	border-top: 2px solid var(--hairline-regular);
	border-right: 2px solid var(--hairline-regular);
	border-bottom: 2px solid var(--hairline-strong);
	border-left: 2px solid var(--hairline-strong);
	border-radius: 50%;
	width: 10px;
	height: 10px;
	-webkit-animation: loading 1.2s infinite linear;
    -moz-animation: loading 1.2s infinite linear;
    -ms-animation: loading 1.2s infinite linear;
	animation: loading 1.2s infinite linear;
	display: inline-block;
}

.slideIn.ui-dialog .ui-dialog-content {
	padding: 8px 28px !important;
	background-color: var(--bg-primary) !important;
	color: var(--font-primary) !important;
}

.slideIn.ui-dialog .ui-dialog-content .bling-form {
	margin: 0;
}

.slideIn.ui-dialog .ui-dialog-content .bling-form .mdc-layout-grid {
	padding: 0;
}

.slideIn.ui-dialog .ui-dialog-titlebar {
	background-color: var(--bg-primary) !important;
	background-image: none !important;
	text-align: left !important;
	padding: 8px 28px !important;
	color: var(--font-primary) !important;
	z-index: 1;
}

.slideIn.ui-dialog .ui-dialog-title {
	color: var(--font-primary) !important;
}

.slideIn.ui-dialog .loading-dialog-title {
	top: 56%;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	right: 0;
	left: 0;
	text-align: center;
}

.slideIn.ui-dialog .field-group {
	border-bottom: solid 1px var(--hairline-regular) !important;
}

.slideIn.ui-dialog .ui-dialog-buttonpane{
	position: absolute !important;
	bottom: 0px !important;
	right: 0px !important;
	width: 100% !important;
	padding: 20px 28px !important;
	background-color: var(--bg-primary) !important;
	box-shadow: var(--box-shadow) !important;

	opacity: 1 !important;
}

.slideIn.ui-dialog .ui-dialog-titlebar-close span {
	display: inline-block !important;
	margin: 0 !important;
	color: var(--font-primary) !important;
}

.slideIn.ui-dialog .ui-dialog-content::-webkit-scrollbar {
	width: 8px;
}

.slideIn.ui-dialog .ui-dialog-content::-webkit-scrollbar-track {
	background-color: var(--font-primary--shade--three);
}

.slideIn.ui-dialog .ui-dialog-content::-webkit-scrollbar-thumb {
	background: var(--font-primary--shade--two);
	border-radius: var(--border-radius);
}

.slideIn.ui-dialog .ui-dialog-content::-webkit-scrollbar-thumb:hover {
	background-color: var(--font-primary);
}

.ui-dialog-new .ui-dialog-buttonpane .ui-button {
	font-family: var(--font-family-primary) !important;
	font-weight: bold !important;
	border-radius: var(--border-radius) !important;
	opacity: 1 !important;
	font-size: var(--font-size-small) !important;
	letter-spacing: 0px !important;
	opacity: 1 !important;
	height: 32px !important;
	text-transform: capitalize !important;
	outline: none !important;
	text-transform: capitalize !important;
}

.ui-widget-content a.tableIcon, .ui-widget-content a.tableIcon:hover,
.ui-widget-content a.tableIcon:focus, .ui-widget-content a.formIcon,
.ui-widget-content a.formIcon:hover, .ui-widget-content a.formIcon:focus{
	color: var(--brand-primary) !important;
}

.bling-form fieldset {
	padding: 4px !important;
	margin-bottom: 8px;
}

#formRequisitosCotacao .toogle-checkbox {
	display:block;
}

#toggle-cotacao .toogle-checkbox {
	margin-top : 15px;
}

.div-btnGroup {
	background-color: var(--content-primary--shade--two);
	padding: 5px !important;
	border-radius: var(--border-radius);
}

.page-title {
	font: normal normal normal 24px/34px Gilroy-Bold;
	letter-spacing: 0px;
	text-align: left;
	color: #666666;
	opacity: 1;
	margin-top: 50px;
	margin-left: 50px;
}

.div-btnGroup button {
	font-family: arial;
	font-size: 10px;
	border:none;
	background: none;
}

.div-btnGroup .div-btnGroup-checked {
	background-color: var(--bg-primary);
	border: 1px solid;
	border-radius: var(--border-radius);
	border-color: var(--brand-primary);
	transition-property:  border, background-color;
  	transition-duration: 0.1s;
	transition-delay: 0.1s;
}

.div-btnGroup button:focus {
	outline:none;
}

.stage-zero {
	text-align: center;
	border: 5px dashed #FFFFFF;
	border-radius: var(--border-radius);
	margin: 2%;
	justify-content: center;
    display: flex;
    align-items: center;
	min-height: 400px;
	position: absolute;
	height: calc(90vh - 160px);
	right: 20px;
	left: 20px;
	min-width: 350px;
}

.stage-zero > :first-child {
	position: absolute;
	display: grid;
	height: 320px;
}

.stage-zero h4 {
	text-align: center;
	font: normal normal normal 15px/21px Gilroy-Bold;
	letter-spacing: 0px;
	color: #37A661;
	opacity: 1;
}

.stage-zero span {
	font-size: var(--font-size-small);
	color: #666666;
	line-height: 1.7;
}

.stage-zero label {
	text-align: left;
	font: normal normal normal 12px/13px Gilroy-Bold;
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 1;
	margin: 3%;
}

.stage-zero a {
	text-align: left;
	font: normal normal bold 12px/14px Arial;
	letter-spacing: 0px;
	color: var(--link-primary);
	opacity: 1;
}

.barraProgresso {
	counter-reset: etapa;
	padding: 0;
	display: flex;
	justify-content: space-between;
	padding-top: 10px;
	margin-bottom: 0;
}

.barraProgresso.barraProgresso-vertical {
	flex-direction: column;
}

.barraProgresso li {
	list-style-type: none;
	float: left;
	flex: 1;
	position: relative;
	text-align: center;
	color: var(--font-primary--shade--three);
	font-family: var(--font-family-primary);
	font-size: var(--font-size-medium);
	font-weight: bold;
	line-height: 30px;
}

.barraProgresso.barraProgresso-vertical li {
	text-align: left;
	line-height: 26px;
	max-height: 26px;
	padding-top: 22px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: content-box;
}

.barraProgresso li:before {
	content: counter(etapa);
	counter-increment: etapa;
	width: 26px;
	height: 26px;
	line-height: 26px;
	border: 1px solid var(--hairline-regular);
	display: block;
	text-align: center;
	border-radius: 50%;
	margin: 0 auto 10px auto;
	background-color: var(--bg-primary);
}

.barraProgresso.barraProgresso-vertical li:before {
	float: left;
	margin-right: 10px;
	margin-bottom: 0;
}

.barraProgresso li:after {
	content: '';
	position: absolute;
	width: calc(100% - 26px);
	height: 1px;
	background-color: var(--hairline-regular);
	color: var(--font-primary--shade--three);
	top: 13px;
	left: calc(-50% + 13px);
}

.barraProgresso.barraProgresso-vertical li:after {
	height: 22px;
	width: 1px;
	left: 13px;
	top: 0;
}

.barraProgresso.barraProgresso-vertical li:first-child {
	padding-top: 0;
}

.barraProgresso li:first-child:after {
	content: none;
}

.barraProgresso li.active {
	color: var(--brand-primary);
}

.barraProgresso li.active:before {
	color: var(--font-secondary);
	background-color: var(--brand-primary);
	border: 1px solid var(--brand-primary);
}

.barraProgresso li.active + li.active:after {
	background-color: var(--brand-primary);
}

.container-card {
	font: normal normal normal 16px Gilroy-Bold;
	display: flex;
	flex-direction: column;
	margin: 0px 24px 24px 0px;
}

.container-card .card-div {
	margin: 0px;
}

.card-board .card-div {
	float: left;
}

.card-div,
.card-div-wide {
	border-radius: var(--border-radius);
	padding: 10px;
	background-color: var(--bg-primary);
	text-decoration: none;
	align-items: center;
	position: relative;
	opacity: 1;
}

.card-div {
	margin: 0px 24px 24px 0px;
	min-height: 56px;
	border: 1px solid var(--hairline-regular--shade--three);
	box-shadow: var(--box-shadow--small);
	cursor: pointer;
	text-align: center;
	display: grid;
}

.card-div-wide {
	margin: 0;
	border: 1px solid var(--hairline-regular);
	width: 290px;
	height: 80px;
	text-align: left;
	display: flex;
}

.container-info-key {
	margin-top: 8px;
}

.container-info-key #info_key {
	color: #7B7B7B;
	font-size: 12px;
}

.card-div:focus {
	color: #7B7B7B
}

.card-div:not(.nohover):not([disabled]):hover {
	background-color: var(--content-primary--shade--one);
	border-color: var(--hairline-regular--shade--two);
}

.card-div[disabled] {
	opacity: 0.7;
}

.card-div[disabled],
.card-div[disabled] > * {
  cursor: not-allowed;
}

.card-div:not([disabled]) > * {
  cursor: pointer;
}

.card-div input {
	display: none;
}

.card-div label,
.card-div-wide label {
	color: var(--font-primary);
	font-weight: bold !important;
	font-family: var(--font-family-primary) !important;
	white-space: normal;
	letter-spacing: 0px;
	font-size: var(--font-size-small);
	opacity: 1;
}

.card-div .circle {
    display: inline-block;
}

.card-div-wide div {
	display: inline;
	margin-left: 25px;
}

.bling-card {
	background-color: var(--content-primary);
	box-shadow: var(--box-shadow);
	border-radius: var(--border-radius);
}

.card-div .option-check {
	position: absolute;
	background-color: var(--brand-primary);
	box-shadow: var(--box-shadow);
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	line-height: 24px !important;
	border-radius: 50%;
	text-align: center;
	color: var(--font-secondary);
	right: -12px;
	top: -12px;
	font-size: var(--font-size-medium);
}

#userForm .card-div {
	border: 1px solid var(--hairline-regular);
	box-shadow: var(--box-shadow);
}

.modal-bottom-label {
	margin-left: 10px;
}

.modal-bottom-label p {
	font: normal normal normal 15px/21px Arial;
	color: #666666;
}

.modal-2fa-pix-key {
	box-shadow: unset;
}

.ui-dialog .modal-2fa-pix-key.ui-dialog-content {
	padding: 15px;
}

.modal-2fa-pix-key label {
	font: normal normal normal 13px/19px Arial;
	color: #666666;
	margin-left: 0px !important;
}

.modal-2fa-pix-key .green-box {
	padding: 20px;
}

.modal-2fa-pix-key .bling-form {
	min-height: unset;
}

.modal-2fa-pix-key .modal-error-2fa {
	display: none;
	padding: 0 !important;
}

.selected-card {
	border: 1px solid #37A661;
	cursor: default;
}

.selected-card:hover {
	border: 1px solid var(--brand-primary);
	background-color: var(--bg-primary);
}

.selected-card > * {
	cursor: default;
}


.modal-auth-popup {
	box-shadow: unset;
}

.ui-dialog .modal-auth-popup.ui-dialog-content {
	padding: 15px;
}

.modal-auth-popup label {
	font: normal normal normal 13px/19px Arial;
	color: var(--font-primary);
	margin-left: 0px !important;
}

.modal-auth-popup .green-box {
	padding: 20px;
}

.modal-auth-popup .bling-form {
	min-height: unset;
	margin: unset;
	margin-top: 10px;
}

.modal-auth-popup .modal-error-auth-code {
	display: none;
	padding: 0 !important;
}

.modal-validation-code-popup .resend-link {
	margin-top: 10px;
}

.modal-validation-code-popup .hyperlink-button {
	text-decoration: none !important;
	color: #37A661;
}

.modal-validation-code-popup .hyperlink-button:hover {
	text-decoration: underline !important;
	color: #01D67C !important;
}

.card-div .selected-icon {
	color: #37A661;
	font-size: 20pt;
	border: none;
	background: none;
	outline: none;
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.card-div .selected-icon:before {
	content: "\f058";
}

.steps-config h2 {
	letter-spacing: 0px;
	color: var(--font-primary);
	opacity: 1;
	margin: 0 0 24px 0;
	max-height: 24px;
	font: normal normal normal 24px/24px Gilroy-Bold;
}

.steps-config h3 {
	text-align: left;
	font-family: Gilroy-Bold, sans-serif, arial, sans-serif;
	letter-spacing: 0px;
	color: #34DB80;
	opacity: 1;
}

.steps-config h4 {
	font: normal normal normal 16px/16px Gilroy-Bold;
	letter-spacing: 0px;
	max-height: 16px;
	color: var(--font-primary);
	opacity: 1;
	margin: 0 0 10px 0;
}

.steps-config h6 {
	font: normal normal normal 12px/20px Gilroy-Medium;
	letter-spacing: 0px;
	color: #7B7B7B;
	opacity: 1;
	border: none;
}

.steps-config p {
	font-family: Gilroy, sans-serif, arial, sans-serif;
	letter-spacing: 0px;
	color: var(--font-primary);
	opacity: 1;
	padding: 0px 0px 8px 0px;
	font-size: 14px;
}

.steps-config > div[id^=form],
.steps-config-controls > div[id^=form] {
	padding: 0 16px;
	width: 100%;
}

.steps-config hr {
	width: 100%;
	border: 1px solid #C9C9C9;
	opacity: 1;
	margin: 0 0 24px 0;
}

.steps-config button,
.steps-config-controls button {
	width: auto;
}

.steps-config .green-box h4 {
	color: #37A661;
}

.steps-config-controls {
	left: 0;
	right: 0;
}

.steps-config-controls .controls-config {
	height: 80px;
	padding: 24px;
	width: 100%;
}

#pix_pagamento .row:first-child,
#pix_transferencia .row:first-child,
#pix_recebimento .row:first-child {
	margin-bottom: 8px;
}

#pix_recebimento .row:first-child {
	min-height: 40px;
}

.payment-info-icon-popover,
.payment-info-icon-popover:hover {
	cursor: default;
	margin-right: 5px;
	font-size: 12pt;
	text-decoration: none;
	line-height: unset;
}

.popover-payment div {
	text-align: left;
	max-width: 200px;
	font: normal normal normal 12px/18px Arial;
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 1;
}

.popover-payment .popover-title {
	font: normal normal 900 16px/24px Gilroy-Bold, Arial;
	padding: 0 0 0 14px !important;
}

div.fundo-logo-pix,
div.saldo-pagamento-pix {
	background-image: url("../../images/conta-digital/pix_logo.png");
	background-repeat: no-repeat;
}

div.saldo-pagamento-pix {
	background-position: bottom center;
	min-height: 350px;
	text-align: right;
	float: right;
}

div.saldo-pagamento-pix .row {
	margin-right: 0 !important;
}

div.saldo-pagamento-pix h4 {
	font: normal normal normal 16px/16px Gilroy-Bold;
	letter-spacing: 0px;
	color: #7B7B7B;
	margin: 0 0 5px 0 !important;
	white-space: nowrap;
}

div.saldo-pagamento-pix .saldo-bling-conta-pix {
	font: normal normal normal 24px/30px Gilroy-Bold;
	letter-spacing: 0px;
	color: #37A661;
}

.controls-config {
	background: var(--bg-primary) 0% 0% no-repeat padding-box;
	box-shadow: var(--box-shadow);
	opacity: 1;
	height: 75px;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
}

.green-box {
	background-color: var(--brand-primary--background);
	opacity: 1;
	padding: 40px;
}

.complete-step {
	padding-top: 60px;
	display: grid;
	grid-gap: 20px;
	text-align: center;
	letter-spacing: 0px;
	opacity: 1;
}

.complete-step h2 {
	font: normal normal bold 22px/20px Arial;
	color: #37A661;
	margin: 0;
}

.complete-step h4 {
	font: normal normal normal 14px/24px Arial;
	color: var(--font-primary);
	margin-bottom: 0;
}

.hightlighted-text {
	color: #3FAC6D;
}

.input-symbol-currency,
.input-symbol-currency-big {
	position: relative !important;
	display: inline-block;
	color: #666666;
	width: 100%;
}

.input-symbol-currency input {
	padding-left: 30px !important;
}

.bling-form .input-symbol-currency-big input:not([type="checkbox"]):not([type="radio"]) {
	padding-left: 40px !important;
}

.input-symbol-currency:before,
.input-symbol-currency-big:before {
	position: absolute;
	content: "R$";
	left: 10px;
	color: #666666;
}

.input-symbol-currency:before {
	top: 50%;
	font: normal normal normal 12px/18px Arial;
}

.input-symbol-currency-big:before {
	top: 35%;
	font: normal normal normal 20px/18px Arial;
}

.cursor-pointer {
	cursor: pointer;
}

.hyperlink-button {
	text-decoration: none;
	color: #37A661;
	opacity: 1;
	font: normal normal bold 13px/18px Arial;
	margin-right: 3px;
	margin-left: 3px;
	letter-spacing: 0px;
	text-align: left;
}

.hyperlink-button:hover {
	text-decoration: underline;
	color: #01D67C;
}

div[id^=div_step_] > div:first-child > p {
	font: normal normal normal 13px/13px Arial;
	margin-top: 0px;
}

.info-portabilidade {
	padding: 60px 15% 0 15%;
	height: 200px;
}

.card-info-portabilidade {
	height: 100%;
}

.card-info-portabilidade > div {
	height: 100%;
	position: relative;
}

.card-info-portabilidade > div > div {
	margin-top: 15px;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.card-info-portabilidade .card-account-details {
	height: 50px;
	position: relative;
}
.card-info-portabilidade .card-account-details .account-data {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	min-height: unset !important;
}

.icone-info-portabilidade {
	height: 100%;
	position: relative;
}

.icone-info-portabilidade > div {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.info-situacao-portabilidade {
	margin-top: 32px;
}

.info-situacao-portabilidade {
	margin-top: 32px;
}

.info-situacao-portabilidade span,
.info-situacao-portabilidade p {
	display: inline;
}

.info-situacao-portabilidade p {
	text-align: left;
	font: normal normal normal 13px/22px Gilroy-Bold;
	letter-spacing: 0px;
	color: #666666;
}

.portabilidade-step .complete-step {
	display: grid;
	max-width: 400px;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.portabilidade-step .complete-step h4 {
	text-align: center;
	font: normal normal normal 14px/24px Arial;
	letter-spacing: 0px;
	color: #3FAF6C;
	padding-top: 5px;
}

.portabilidade-step .complete-step > div > p {
	text-align: center;
	font: normal normal normal 15px/21px Gilroy-Bold;
	letter-spacing: 0px;
	color: #37A661;
}

.mce-btn.mce-active button,
.mce-btn.mce-active:hover button,
.mce-btn.mce-active i,
.mce-btn.mce-active:hover i {
	color: #595959 !important;
}

@media screen and (max-width: 900px) {
	.steps-config {
		left: 0;
		right: 0;
	}
	.mostrar {
		display: none;
	}
	.saldo-pagamento-pix {
		display: none;
	}
}

@media screen and (min-width: 900px) {
	.steps-config {
		left: 32px;
		right: 32px;
	}
	.mostrar {
		display: block;
	}
}

@media screen and (max-width: 721px) {
	#itens_header th:nth-child(9){
		display: none;
	}
	#linhaInclusaoItem td:nth-child(9) {
		display: none;
	}
	#itens_header th:first-child {
		min-width: 70px !important;
	}
}

@media screen and (min-width: 722px) {
	#itens_header th:nth-child(9) {
		width: 10%;
	}
	#linhaInclusaoItem td:nth-child(9) {
		width: 10%;
	}
	#itens_header th:first-child {
		min-width: 300px !important;
	}
}

conpass .preview {
	background-color: #31d67c !important;
}

conpass h4 {
	visibility: hidden;
}

conpass h4:after {
	content: "Fluxos de Ajuda do Bling";
	visibility: visible;
	display: block;
	font-size: 18px !important;
	font-family: var(--font-family-primary);
	font-weight: bold;
}

conpass .helpItem, conpass ::placeholder {
	font-family: var(--font-family-primary);
	font-size: 14px !important;
}

conpass .helpItem:hover {
	background-color: #eefbf7;
}

conpass .preview p {
	font-size: 14px !important;
}

.ui-dialog.slideIn .ui-dialog-titlebar {
	background-color: var(--bg-primary) !important;
	background-image: none !important;
	text-align: left !important;
	padding: 10px 0px 0px 28px !important;
	color: var(--font-primary) !important;
	z-index: 1;
}

.ui-dialog.slideIn .ui-dialog-title {
	color: var(--font-primary) !important;
}

.ui-dialog.slideIn .loading-dialog-title {
	top: 56%;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	right: 0;
	left: 0;
	text-align: center;
}

.ui-dialog.slideIn .field-group {
	border-bottom: solid 1px var(--hairline-regular) !important;
}

.ui-dialog.slideIn .ui-dialog-buttonpane{
	position: absolute !important;
	bottom: 0px !important;
	right: 0px !important;
	width: 100% !important;
	padding: 20px 28px !important;
	background-color: var(--bg-primary) !important;
	box-shadow: var(--box-shadow) !important;

	opacity: 1 !important;
}

.ui-dialog-new .ui-dialog-buttonpane .ui-button {
	font-family: var(--font-family-primary) !important;
	font-weight: bold !important;
	border-radius: var(--border-radius) !important;
	opacity: 1 !important;
	font-size: var(--font-size-small) !important;
	letter-spacing: 0px !important;
	opacity: 1 !important;
	height: 32px !important;
	text-transform: capitalize !important;
	outline: none !important;
	text-transform: capitalize !important;
}

.ui-dialog.slideIn .ui-dialog-titlebar-close span {
	display: inline-block !important;
	margin: 0 !important;
	color: var(--font-primary) !important;
}

span.ml-news-category-attention{
	font-size: 9pt !important;
	background-color: #E6554E !important;
}

span.ml-news-category-shipping{
	font-size: 9pt !important;
	background-color:  #E3A541!important;
}

span.ml-news-category-events{
	font-size: 9pt !important;
	background-color: #05AAE9 !important;
}

span.ml-news-category-billing{
	font-size: 9pt !important;
	background-color: #5A4191 !important;
}

span.ml-news-category-countries{
	font-size: 9pt !important;
	background-color: #95C046 !important;
}

span.ml-news-category-publications{
	font-size: 9pt !important;
	background-color: #30578F !important;
}

span.ml-news-default{
	font-size: 9pt !important;
	background-color: #E4E9F0 !important;
	color: #1F2A3B !important ;
}

.ml-compatibilities-filters-highlight {
	border-color: var(--brand-primary) !important;
	color: var(--font-primary--shade--one) !important;
	background-color: var(--content-primary) !important;
	box-shadow: var(--box-shadow) !important;
}

.icon-new-novo-tag:before {
	content: "";
	background-image: url("../../images/new_novo_tag.png");
	background-size: cover;
	background-repeat: no-repeat;
	width: 38px;
	height: 10px;
	display: block;
	margin-left: 5px;
}

.group-item-form .chosen-container-active .chosen-choices {
	border: 1px solid var(--brand-primary) !important;
	background-color: var(--content-primary) !important;
	outline: none;
}


/* TODO: remover novo-produto */
#form_edicao_item_variacao .produto-variacao {
	display: inline-block;
}

/* TODO: remover novo-produto */
#form_edicao_item_variacao .mdc-layout-grid__cell--span-12 {
	grid-column-end: span 8;
}

/* TODO: 	remover novo-produto */
#form_edicao_item_variacao .mdc-layout-grid__inner {
	grid-template-columns: repeat(8, minmax(0, 1fr));
}

/* TODO: 	remover novo-produto */
#modal_nova_versao {
	padding-top: 0px;
}

#modal_nova_versao > h2 {
	color: var(--brand-primary);
	font-family: var(--font-family-primary);
	font-size: 24px
}

#modal_nova_versao > h3 {
	color: var(--font-primary);
	font-family: var(--font-family-primary);
	font-size: 15px;
	margin: 8px 0px;
}

#carousel-divulgacao-interface-produtos {
	margin-top: 8px;
}

#carousel-divulgacao-interface-produtos .carousel-inner {
	display: flex;
	justify-content: center;
}

#carousel-divulgacao-interface-produtos .image-wrapper {
	display: flex;
	justify-content: center;
}

#carousel-divulgacao-interface-produtos .item > p {
	height: 60px;
}

#carousel-divulgacao-interface-produtos img {
	min-height: 195px;
	max-height: 270px;
	max-width: 300px;
	border: 1px solid var(--color-neutral-300);
	border-radius: var(--border-radius);
}

#carousel-divulgacao-interface-produtos .carousel-indicators {
	position: static;
	left: auto;
	width: 100%;
	margin-left: 0px;
}

#carousel-divulgacao-interface-produtos .carousel-indicators li {
	background-color: var(--color-neutral-300);
}

#carousel-divulgacao-interface-produtos .carousel-indicators li.active {
	background-color: var(--brand-primary);
}

#carousel-divulgacao-interface-produtos .carousel-control-prev,
#carousel-divulgacao-interface-produtos .carousel-control-next {
	display: flex;
	position: absolute;
	align-items: center;
	top: 0;
	bottom: 0;
	height: calc(100% - 100px);
	width: 21%;
	cursor: default;
}

#carousel-divulgacao-interface-produtos .carousel-control-prev > span,
#carousel-divulgacao-interface-produtos .carousel-control-next > span {
	color: var(--orbe-color-neutral-500);
	opacity: 0.5;
	font-size: 20px;
}

#carousel-divulgacao-interface-produtos .carousel-control-prev > span::before,
#carousel-divulgacao-interface-produtos .carousel-control-next > span::before {
	cursor: pointer;
}

#carousel-divulgacao-interface-produtos .carousel-control-prev {
	left: 0 !important;
	justify-content: end;
}

#carousel-divulgacao-interface-produtos .carousel-control-next {
	right: 0 !important;
}

.alert-box-warning .bling-sub-title {
	margin-top: 0px;

}

.warning-list {
	margin-top: 15px;
	display: flex;
	flex-direction: row;
}

.warning-list .fa-exclamation-triangle{
	color: #DF913D;
	margin-right: 8px;
	font-size: 12pt;
}

#dialogSendData .row{
	padding-left: 10px;
}

#importationProcess {
	text-align: center;
}

#dialogSendData {
	display: flex;
	flex-direction: column;
}
.popover[class*='tour-'] h3.popover-title  {
	color: #FFF;
}

.normal a {
	text-decoration: none;
	font-size: 12px;
	color: #37A661;
}

.button-test-integration input {
	min-width: 0px !important;
	padding-right: 8px;
	background-color: transparent;
	margin-top: 15px;
	border-color: var(--hairline-regular) ;
	color: var(--font-primary);
	line-height: 30px;
}
#containerActions .col-xs-12 .call-to-action{
	margin-left: 0px;
}

#feedback-message {
	padding-left:0px;
}
.icon-chevron-styles {
	color: var(--font-primary);
	vertical-align: middle !important;
	font-size: 16px;
}

.periodoMes {
	margin-top: 10px;
}

.popover[class*='tour-'] h3.popover-title  {
	color: #FFF;
}

#tab-destinatarios .tr-detail {
	margin-left: 0px;
	width: 100% !important;
}

.fixed-head-table {
	background-color: var(--content-primary--shade--one) !important;
}

.alertbox-close-button::before{
	font-family: 'Font Awesome 5 Free' !important;
	position: absolute !important;
	right: 15px;
	top: 15px;
	font-size: 16pt;
    font-weight: 900;
	color: var(--font-primary) !important;
	content: "\F00D" !important;
	background-color: transparent;
}

.ui-dialog.ui-widget.ui-widget-content{
	border:1px solid var(--bg-primary) !important;
}

.ui-dialog-newest > #estoqueForm.bling-form,
.ui-dialog-newest > #formEstoquePopup.bling-form,
.ui-dialog-newest > #formTransferenciaDepositos.bling-form {
	box-shadow: none;
}

.ui-dialog-newest.ui-buttons-centered > .ui-dialog-buttonpane {
	display: flex;
	justify-content: center;
	padding: 0px;
}

#estoqueForm .mdc-layout-grid__inner,
#formEstoquePopup .mdc-layout-grid__inner,
#formTransferenciaDepositos .mdc-layout-grid__inner {
	grid-column-gap: 8px;
}

#modal-gtm-sellerbot {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: relative;
	width: 100%;
	min-height: 230px !important;
	padding-top: 0px;
	overflow: visible;
}

#title-img {
	display: flex;
	align-self: center;
	text-align: center;
	position: absolute;
	height: 32px;
	top: -32px;
}

#modal-gtm-sellerbot h1 {
	color: var(--brand-primary);
	font-family: var(--font-family-primary);
	font-size: 20px;
}

#modal-gtm-sellerbot p {
	margin: 0px !important;
}

#modal-gtm-sellerbot + .ui-dialog-buttonpane {
	display: flex;
	align-items: center;
	justify-content: center;
}

#opt-impressao-dialog-os {
	max-width: 100%;
	margin: 0px;
	overflow: hidden;
}

#hidden-tab {
	position: fixed;
	right: 0px;
	z-index: 49;
	background-color: var(--brand-primary);
	border-radius: 16px 0px 0px 16px;
	display: flex;
	flex-direction: row;
	transition: right 300ms;
	height: var(--hidden-tab-body-height);
	top: calc(var(--hidden-tab-top) - (var(--hidden-tab-body-height)/2));
}

#hidden-tab.collapsed {
	transition: right 300ms;
	right: calc(var(--hidden-tab-body-width)*-1);
}

#hidden-tab-title {
	min-width: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	cursor: pointer;
}

#hidden-tab-title h3 {
	writing-mode: vertical-rl;
	text-orientation: mixed;
	transform: scale(-1, -1);
	color: var(--font-secondary);
	font-size: var(--font-size-medium);
	margin: 10px 12px;
}

#hidden-tab-title .arrow {
	text-align: center;
	width: 100%;
	margin: 0px auto;
	color: var(--font-secondary);
	font-size: var(--font-size-small);
	transform: rotate(180deg);
	transition: transform 300ms;
}

#hidden-tab.collapsed #hidden-tab-title .arrow {
	transition: transform 300ms;
	transform: rotate(0deg);
}

#hidden-tab-title #title-icon em {
	color: var(--font-secondary);
	font-size: var(--font-size-medium);
	transform: rotate(-90deg);
}

#hidden-tab-body {
	display: flex;
	padding: 0px 18px;
	margin: 16px 0px;
	flex-direction: column;
	border-left: solid 2px var(--content-primary);
}

#trocaResponsavel {
	padding: 0px !important;;
}

#trocaResponsavel .underlined {
	color: var(--font-primary);
	border-bottom: var(--hairline-regular) 1px solid;
}

#trocaResponsavel h3 {
	border-bottom: none;
	padding-left: 0px;
}

#trocaResponsavel .bling-button.responsavel {
	display: flex;
	padding: 0px;
	width: 30px;
	height: 30px;
	justify-content: center;
	align-items: center;
}

#trocaResponsavel .troca-rapida-container {
	flex-direction: row;
	display: flex;
}

#trocaResponsavel .name-group-container {
	font-size: var(--font-size-small);
	color: var(--font-primary);
	display: flex;
	cursor: pointer;
	width: min-content;
	flex-direction: column;
	justify-content: center;
}

#trocaResponsavel .grupo {
	opacity: 0.6;
}

#trocaResponsavel .nome {
	width: max-content;
	max-width: 100px;
}

#trocaResponsavel .bling-button.responsavel h2 {
	padding-left: 0px;
}

#trocaResponsavel .bling-button.responsavel.selected {
	background-color: var(--brand-primary);
	border-color: var(--brand-primary);
}

#trocaResponsavel .bling-button.responsavel.selected h2 {
	color: var(--font-secondary);
}

#trocaResponsavel .troca-rapida {
	margin-left: 10px;
	width: max-content;
	transition: opacity 200ms ease-in;
	opacity: 0;
}

#trocaResponsavel .name-group-container:hover .troca-rapida,
#trocaResponsavel .name-group-container:hover + .name-group-container .troca-rapida {
	transition: opacity 200ms ease-in;
	cursor: pointer;
	opacity: 1;
}

#trocaResponsavel .filtro {
	background-color: var(--content-tertiary);
	min-height: 130px;
	width: 220px;
	border-radius: var(--border-radius);
	margin-top: 20px !important;
	padding: 0px !important;
	display: flex;
	flex-direction: column;
}

#trocaResponsavel .filter-box {
	display: flex;
	align-items: flex-start;
	padding-top: 5px;
	line-height: 22px;
	justify-content: center;
	padding: 10px 10px 0px 10px;
}

#trocaResponsavel .filter-box:last-child {
	padding: 10px;
}

#trocaResponsavel .filter-box :first-child() {
	padding-right: 10px;
}

#trocaResponsavel #nivelFilter {
	color: var(--brand-primary);
	height: min-content !important;
	padding: 0px 10px !important;
	width: 100% !important;
	border: none !important;
	background-color: transparent !important;
	box-shadow: none !important;
	min-height: unset !important;
}

#trocaResponsavel .bling-button.current {
	background-color: var(--brand-primary--background);
	border-color: var(--brand-primary);
	color: var(--brand-primary);
}

#trocaResponsavel .current,
#trocaResponsavel .current h2 {
	color: var(--brand-primary);
}

#trocaResponsavel #alteraResponsavel {
	height: fit-content;
	min-height: 32px;
}

.filtro #filter-box-actions {
	margin-top: 0px !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.filtro span.fa-filter {
    float: left;
    color: var(--font-primary--shade--two);
    margin-top: 6px;
    margin-right: 5px;
    font-size: var(--font-size-small);
}

#nivelResponsavelL1, #nivelResponsavelL2, #nivelResponsavelL3, #nivelResponsavelL4 {
	padding: 0px 0px 0px 10px;
}

#troca-responsavel-mensagem .text {
	text-align: center;
	color: var(--brand-primary);
	font-size: var(--font-size-small);
	margin: 0px;
}

#troca-responsavel-mensagem .title {
	text-align: center;
	padding: 0px;
	color: var(--brand-primary);
	font-size: var(--font-size-medium);
}

#troca-responsavel-mensagem {
	transition: opacity 300ms ease-in;
	height: fit-content;
	opacity: 1;
}

#troca-responsavel-mensagem.invisible {
	transition: opacity 300ms ease-in;
	height: 0px;
	opacity: 0;
}

#filtro-categorizacao label,
#filtro-setor-responsavel label {
	color: var(--font-primary--shade--one);
}

#formEnvioDocumento .icon-button {
	margin-top: 4px;
	border-radius: 0 8px 8px 0;
	padding: 0;
	text-shadow: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	border-color: var(--hairline-regular);
	border-width: 1px 1px 1px 0;
	background: var(--bg-primary);
}
#formEnvioDocumento .icon-button:hover {
	background: var(--content-primary--shade--one);
}

#formEnvioDocumento .no-gutter {
	grid-column-gap: 0px;
}

#formEnvioDocumento .send-button {
	display: block;
	width: fit-content;
	min-width: 80px;
	float: right;
}

#formEnvioDocumento .input-link {
	border-radius: 8px 0 0 8px !important;
	margin-top: 4px;
}

.container-meses {
	display: flex;
	justify-content: space-between;
}

.container-meses input {
	display: block;
	flex-shrink: unset !important;
	width: 100%;
}

.container-meses div.chevron {
	padding: 8px;
	cursor: pointer;
	font-size: var(--font-size-medium);
	color: var(--brand-primary);
}

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
	overflow: hidden scroll;
	max-height: 300px;
}

@media (hover: hover) {
	.container-meses div.chevron:hover {
		background: var(--brand-primary--background);
	}
}

@media (hover: none) {
	.container-meses div.chevron:active {
		background: var(--brand-primary--background);
	}
}

.container-relatorios {
	background-color: var(--bg-primary-tela-preferencias);
	min-height: calc(100% - 48px);
}

/* necessário para manter exibição da sidebox nos relatórios */
@media(min-width: 992px) {
	.container-relatorios {
		width: calc(100% - 270px);
		margin-bottom: 48px;
		padding-bottom: 48px;
		border-radius: 5px;
	}
}

#filtros-relatorios {
	background-color: var(--bg-painel-relatorios);
	padding: 24px !important;
	border-radius: 5px;
}

#anexo_popup .bling-form {
	box-shadow: none;
	min-height: initial;
}

#anexo_popup #listaArquivosTable .table-cell {
	border: none;
}

.bling-form .input-quantity {
	display: flex;
	position: relative;
	float: left;
	width: 100%;
}

.bling-form .input-quantity > button {
	position: absolute;
}

.bling-form .input-quantity button[class^="button-"].button-minus {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	top: 0;
	left: 0;
}

.bling-form .input-quantity button[class^="button-"].button-plus {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	top: 0;
	right: 0;
}

.bling-form .input-quantity button[class^="button-"],
.bling-form .input-quantity button[class^="button-"]:focus {
	background-color: var(--bg-primary);
	border: 1px solid #37A661;
	width: 34px;
	z-index: 1;
	padding: 0 !important;
	color: #37A661 !important;
	font-weight: bold;
	margin-top: 4px;
}

.bling-form .input-quantity button[class^="button-"]:hover {
	background-color: var(--brand-primary--background);
}

.bling-form .input-quantity input[type="text"] {
	width: calc(100% - 66px) !important;
	border-radius: 0 !important;
	top: 0;
	left: 33px;
	position: absolute;
}

.steps-progress-bar {
	align-items: center;
	display: inline-flex;
}

.steps-progress-bar .step {
	color: var(--font-primary--shade--one);
	font-family: Arial;
	font-size: 16px;
	line-height: 18px;
	padding-right: 8px;
}

.steps-progress-bar .step .current-step {
	font-size: 13px;
}

.steps-progress-bar .progress-bar-container {
	background-color: var(--content-tertiary);
	border-radius: 8px;
	height: 8px;
	overflow: hidden;
	width: 127px;
}

.steps-progress-bar .progress-bar-container .progress-bar-success {
	background-color: var(--brand-primary);
}

.steps-progress-bar .progress-bar-container .progress-bar-warning {
	background-color: var(--warning-primary);
}

.steps-progress-bar .progress-bar-container .progress-bar-danger {
	background-color: var(--danger-primary);
}

.loading-lookup {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border-top: 4px solid #CCC;
	border-right: 4px solid #CCC;
	border-bottom: 4px solid #777;
	border-left: 4px solid #777;
	-webkit-animation: loading 1.2s infinite linear;
	-moz-animation: loading 1.2s infinite linear;
	-ms-animation: loading 1.2s infinite linear;
	animation: loading 1.2s infinite linear;
	position: absolute;
}

.ui-dialog-content h4 {
	font-size: 15pt;
	font-weight: bold;
	color: var(--gray-font-color);
}
.action-link-nf-cr {
	margin-left: var(--orbe-spacing-16);
}

#accordion-melhor-envio > .accordion-title {
	float: right;
	margin-top: 0px;
}
.scroll-bar-overflow::-webkit-scrollbar {
	width: 8px;
}

.scroll-bar-overflow::-webkit-scrollbar-track {
	background-color: var(--font-primary--shade--three);
}

.scroll-bar-overflow::-webkit-scrollbar-thumb {
	background: var(--font-primary--shade--two);
	border-radius: var(--border-radius);
}

.scroll-bar-overflow::-webkit-scrollbar-thumb:hover {
	background-color: var(--font-primary);
}

.invisible-scroll-bar::-webkit-scrollbar {
	width: 0px;
}

#asyncActionsMenuLink {
	display: block;
	text-align: center;
	text-decoration: none;
	padding-top: 7px;
	margin-top: 8px;
}

#asyncActionsMenuLink:hover {
	color: var(--brand-primary);
}

#callouttip_notafiscal_bling_conta .CalloutTip {
	background-image: none;
}

#callouttip_notafiscal_bling_conta .CalloutTip-title {
	font-size: var(--font-size-medium);
	color: var(--orbe-feedback-fg-on-info);
}

.slideIn-accordion__product-list-container {
	max-height: 378px;
	overflow-y: auto;
}
.slideIn-accordion__product-list-container::-webkit-scrollbar {
	width: 8px;
}
.slideIn-accordion__product-list-container::-webkit-scrollbar-track {
	background-color: var(--font-primary--shade--three);
}
.slideIn-accordion__product-list-container::-webkit-scrollbar-thumb {
	background: var(--font-primary--shade--two);
	border-radius: var(--border-radius);
}
.slideIn-accordion__product-list-container::-webkit-scrollbar-thumb:hover {
	background-color: var(--font-primary);
}

.sugest-integration {
	border-radius: 0px;
	background: var(--color-green-50);
	padding: var(--spacing-2, 8px);
	color: var(--color-green-500);
	margin: 5px 10px;
	display: flex;
	align-items: center;
	height: 40px;
	font-size: 7pt;
	cursor: pointer;
	flex-basis: calc(16.67% - 21px);
}

.sugest-integration:hover {
	color: var(--orbe-surface-fg-primary);
	transition: 0.2s;
}

.sugestion-text {
	text-align: center;
	font: var(--orbe-font-h6);
	line-height: 20px;
	width: 100%;
	display: block;
}

.sugest-integration > .logo-area {
	display: block;
	width: 100%;
}

.__bling-dark .sugest-integration {
	border-radius: 5px;
}

@media screen and (max-width: 1794px) {
	.sugest-integration {
		flex-basis: calc(20% - 21px);
	}
}

@media screen and (max-width: 1534px) {
	.sugest-integration {
		flex-basis: calc(25% - 21px);
	}

}

@media screen and (max-width: 1280px) {
	.sugest-integration {
		flex-basis: calc(33.3% - 21px);
	}
}

@media screen and (max-width: 866px) {
	.sugest-integration {
		flex-basis: calc(50% - 21px);
	}
}

@media screen and (max-width: 652px) {
	.sugest-integration {
		flex-basis: 100%;
	}
}

.dialog-title-no-clip > .ui-dialog-title {
	line-height: unset !important;
	white-space: wrap !important;
}

.section-heading-label {
	color: var(--color-neutral-400, #97A4B8);
	font-family: Gilroy-Bold;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

#div-periodo {
	display: flex;
	gap: 16px;
}

#div-periodo .form-group {
	flex-grow: 1;
	min-width: 0;
}
#div-periodo .form-group input {
	width: 100%;
}

.disabled-message {
	color: var(--orbe-color-green-300);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 20px;
	text-align: center;
}