@import url("fontawesome-5.5.0/css/all.css");
@charset "UTF-8";

body {
	position: relative;
	margin: 0 auto !important;
	float: none !important;
}

* {
	box-sizing: border-box;
}

.centralized {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
}

/* BUTTONS*/
.btn-secundary {
	border: 1px solid var(--border-item-form);
	color: var(--font-primary);
	background-color: var(--bg-primary);
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
}

.btn-secundary:hover {
	background: var(--content-primary--shade--one);
}

html,body {
	height: 100%;
	display: block;
	background-color: var(--bg-secondary);
}

legend {
	width: auto;
	font-size: 8pt;
	margin-bottom: 0;
	border-bottom: none;
	font-size: 10pt;
	font-family: Arial;
	font-weight: bold;
	color: var(--font-primary);
}

label {
	margin-bottom: 0;
	display: inline;
}

td, th {
	padding: 1px;
}

#launcher {
	display: none !important;
}

/*TIMEPICKER*/
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/*RESIZABLE*/
.ui-resizable-e { right: 0; }
.ui-resizable-s { bottom: 0; }

body {
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
}

::-webkit-input-placeholder {
	color: #999;

}

:-moz-placeholder {
	color: #999;
}

:focus::-webkit-input-placeholder {
	color: #999;
}

:focus:-moz-placeholder {
	color: #999;
}

#main-container {
	width: 100%;
	height: 100%;
	padding-top: 40px;
}

#container {
	text-align: left;
	height: 100%;
	min-width: 800px;
	padding-right: 250px;
}

.no-data {
	font-family: Arial;
	font-size: 11pt;
	padding: var(--orbe-spacing-5);
	justify-content: center;
	color: var(--color-neutral-600);
}

.no-data .no-data-info {
	color: var(--color-neutral-400);
	font-size: 36px;
}

.no-data .no-data-center {
	display: flex;
	justify-content: center;
}

.no-data .no-data-title {
	font-weight: bold;
	font-size: 13pt;
	margin-top: var(--orbe-spacing-3);
	margin-bottom: var(--orbe-spacing-2);
}

#content-filter .vertical-align-inline{
	margin-right: 10px;
}
#content-filter .group-name {
	display: block;
	font-weight: bold;
	text-transform: uppercase;
}

#lista {
	height: 100%;
}

#edicao,#slot-edicao,#slot_popup,#lista_emails {
	height: 100%;
}

#content,
.content,
.mcontent {
	float: left;
	text-align: left;
}

.mcontent {
	min-height: 0
}

#topo-container {
	width: 100%;
	height: 0px;
	background: #A2BD3A;
}

#topo-content {
	width: 960px;
	height: 0px;
	margin: 0 auto;
	padding: 0;
	font-size: .9em;
}

#header-container {
	width: 100%;
	height: 0px;
	background: #FFF;
	height: 0px;
	display: none;
}

#header-content {
	width: 960px;
	height: 0px;
	margin: 0 auto;
	padding: 0;
	font-size: .9em;
}

#menu-container {
 	background: #626262;
	box-shadow: 1px 0.5px 8px #626262;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 50;
	text-align: left;
}

#menu-container ul li {
	padding: 12px;
	display: inline-block;
}

#menu-container ul li i.fa-caret-down,
#menu-container ul li i.fa-caret-right {
	width: 1.25em;
	text-align: center;
}

#menu-container span.menu-username {
	color: white;
	font-weight: bold;
}

.menu-botao {
	background-color: #777;
}

.menu-botao a{
	color: #fff !important;
}

.side {
	float: left;
}

.side2 {
	position: fixed;
	margin-left: 760px;
	text-align: left;
	vertical-align: top;
	width: 187px;
	float: left;
	padding: 0 0 20px 0;
	background: #fff;
	border: 1px solid var(--hairline-regular);
}

#top-container {
	margin: 0 auto 0;
	padding: 0;
}

#main {
	width: 100%;
	background: #fff;
	padding: 5px 0 20px 0;
}

.right-bar {
	height: 100%;
	width: 200px;
	position: fixed;
	background-color: #F8F8F8;
	top: 0;
	right: 0;
	margin: 0;
}

#error-messages {
	display: none;
	position: fixed;
	bottom: 25px;
	z-index: 100;
	left: 0;
	width: 100%;
}

.fone {
	padding: 0;
	margin: 0;
	text-align: right;
	float: right;
	height: 40px;
	padding-right: 120px
}

#inner-footer-container {
	width: 100%;
	height: 178px;
	margin: 0 auto;
	float: left;
}

.inner-footer {
	width: 980px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	color: #fff;
}

.inner-footer h1 {
	color: #fff;
	font-size: 12pt;
}

.inner-footer ul {
	padding: 0 10px;
	font-size: 9pt;
}

.inner-footer li {
	margin-bottom: 2px;
}

.inner-footer a,
.inner-footer li a {
	color: #fff;
	text-decoration: underline;
}

#footer-container {
	margin: 0px;
	clear: both;
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	height: 25px;
	display: block;
	z-index: 50;
	background-color: #3f3b3c;
}

#footer {
	text-align: center;
	font-size: 8pt;
	margin: 0;
	padding: 0;
	position: relative;
}

.bottom-menu {
	display: inline-block;
	color: #7F8790;
	margin: 0 30px 0 0;
}

#footer .bottom-menu a {
	color: #fff;
}

#window-content,
#popup_container_objetoplp,
#popup_container_fecharplp {
	text-align: left;
	margin: 0;
}

.popup-content {
	background: #fff;
	text-align: left;
	margin: 0;
}

#popup-content {
	background: #fff;
	text-align: left;
	margin: 0;
	width: 620px
}

#wrapper {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	border: 0;
	width: 980px;
}

#side-b {
	margin: 0;
	float: left;
	width: 290px;
	height: 1%;
}

#side-bottom {
	clear: both;
}

#detalhe-1024,.detalhe-1024 {
	text-align: left;
	float: left;
	background: #FFF;
}

#detalhe-content {
	margin: 0
}

#head {
	position: relative;
	margin: 0;
	height: 60px;
	width: 100%;
	margin-left: -10px;
}

#head-tab {
	height: 20px;
	float: right;
	font-weight: normal;
	font-size: 8pt;
	text-align: right;
	height: 20px;
}

#head-tab .itens {
	padding-right: 20px;
	padding-top: 3px;
	padding-bottom: 4px;
}

#head-tab a {
	color: #ddd;
	padding-left: 10px;
	text-decoration: none;
}

#head-tab span {
	color: #333;
	padding-left: 10px;
	text-decoration: none;
}

.top-area {
	float: left;
	width: 100%;
}

.commands-area {
	float: left;
	margin: 0;
	padding: 5px 5px 0 0;
	clear: left;
}

.search-area {
	float: left;
	margin: 0;
	padding: 0;
}

.content-area {
	padding: 0;
}

.command {
	padding: 5px 0;
}

#top-area {
	float: left;
	padding-right: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	width: 100%;
}

#search-area {
	float: left;
	margin: 0;
	padding: 0;
}

#commands-area {
	float: left;
	margin: 0;
	padding-right: 15px;
}

#controls {
	padding-top: 20px;
	padding-bottom: 0px;
}

#controls-popup,.controls-popup {
	padding-top: 15px;
	text-align: right;
}

#empresa {
	margin-top: 5px;
	font-weight: bold;
}

#empresa a {
	color: #222;
	text-decoration: none;
}

a,
.link,
.link-action,
.ui-widget-content a,
.ui-widget-content a.link,
#datatable table a,
.datatable table a {
	color: #7CB5D8;
	font-family: Arial;
	text-decoration: underline;
	outline: none;
}

.link-action,
.link-action:hover,
.link-action:focus,
.alert-box .link-action,
.alert-box .link-action:hover,
.alert-box .link-action:focus {
	color: var(--link-primary) !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: #666;
}

a:hover,
a:focus,
.link:hover,
.link:focus,
.ui-widget-content a:hover,
.ui-widget-content a:focus,
.ui-widget-content a.link:hover,
.ui-widget-content a.link:focus,
#datatable table a:hover,
.datatable table a:hover,
.box-content .link:hover,
.box-content .link:focus {
	color: #29ABE2;
	cursor: pointer;
}

.caption.link-action:hover {
	text-decoration: none !important;
	cursor: default !important;
}

a.formIcon:hover {
	color: #23527C;
}

.decoration-none,
.decoration-none:hover,
.decoration-none:focus {
	text-decoration: none !important;
}

a.link-action,
.link-action {
	text-decoration: none !important;
	font-style: italic;
}

a.link-action:hover,
a.link-action:focus,
.link-action:hover,
.link-action:focus {
	text-decoration: underline !important;
	cursor: pointer;
}

b, .ui-widget-content a.link {
	font-weight: bold
}

p {
	font-size: 9pt;
	font-weight: normal;
	padding: 2px 0 3px 3px;
}

ul {
	font-size: 9pt;
	font-weight: normal;
}

ul li {
	line-height: 12pt;
}

#configuracoes_magento ul li {
	line-height: 10pt;
	font-size: 11px
}

#div_side_acoes ul {
	font-size: 8pt;
	font-weight: normal;
	position:relative;
}

#div_side_acoes ul li {
	line-height: 12pt;
}


ol {
	font-size: 9pt;
	font-weight: normal;
}

ol li {
	line-height: 12pt;
	font-weight: bold;
	padding: 8px 0 0 0;
}

fieldset {
	border: 1px solid var(--hairline-regular);
	font-size: 8pt;
	padding: 0.35em 0.625em 0.75em;
}

h1 {
	color: #000;
	font-size: 16pt;
	font-weight: bold;
	margin: 7px 0 5px 0;
	padding: 0;
}

h2 {
	color: var(--font-primary);
	font-size: 13pt;
	font-weight: bold;
	margin: 5px 0 0 0;
}

h4 {
	color: var(--font-strong-title);
	font-size: 11pt;
	font-weight: bold;
	margin: 5px 0 5px 0;
}

h6 {
	color: #000;
	font-size: 11pt;
	font-weight: bold;
	margin: 5px 0 10px 0;
	border-top: 1px solid #ccc;
}

.hoverButton {
	display: none;
}

.hoverContainer:hover .hoverButton {
	display: block;
}

.titulo-destaque {
	color: #a2bd3a;
	font-size: 13pt;
	font-weight: bold;
	margin: 5px 0 0 0;
}

.inner {
	padding: 10px 18px 25px 18px;
}

.left-slot {
	padding: 25px;
	background: #D8D8CA;
	float: left;
	width: 210px;
	vertical-align: top;
}

.left-column {
	text-align: left;
	vertical-align: top;
}

.left-area {
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 0;
	height: 100%;
}

.right-column {
	text-align: left;
	vertical-align: top;
	width: 180px;
	padding-bottom: 50px;
}

.frame {
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	border: none;
	height: 100%;
}

.frame tr input {
	font-weight: normal;
}

.aviso,
.aviso-permissao {
	margin: 0;
	padding: 10px 80px 30px 80px;
	color: var(--font-primary);
	font-size: 10pt;
	min-height: 45px;
}

.aviso {
	background: var(--warning-primary--background) url(images/warning_orange.gif) 20px 25px no-repeat;
}

.aviso div.box {
	background-image: none;
	padding: 0px;
}

.aviso-permissao {
	background: rgb(230, 233, 242);
	background: rgba(230, 233, 242, .8);
	font-size: 10pt;
	margin: 0;
	min-height: 45px;
	padding: 10px 80px 30px 100px;
}

.aviso-permissao i.icon-lock {
	bottom: 25px;
	color: #000;
	font-size: 60px;
	left: 45px;
	position: absolute;
}

.linkVariaveis {
	width: 100%;
	display: block;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
}

.linkVariaveis a {
	font-size: 13px;
}

.mw-257 {
	max-width: 257px;
}

.mensagem-topo {
	position:fixed;
	bottom:25px;
	left:0;
	margin:0;
	background-color: #FFFFE0;
	border-top: 1px solid #FFA500;
	z-index:9999;
	width: 100%;
	padding: 0px 20px;
}

.erro {
	background: #FFFBE1;
	border: 1px solid #D6CE95;
	margin: 0;
	padding: 8px 60px;
	color: #4D4544;
	font-size: 10pt;
}

.sucesso {
	background: #E1F4A8 url(images/sucesso.png) no-repeat;
	border: 1px solid #B5D391;
	padding: 25px 60px;
	font-size: 14pt;
	color: #4D4544;
}

.info,#info {
	margin: 0 0 0 1px;
	padding: 0;
	font-weight: normal;
	border: 0;
	font-size: 7.5pt;
}

.biginfo {
	margin: 0 0 0 1px;
	padding: 0 0 5px 0;
	font-weight: normal;
	border: 0;
	color:var(--font-primary--shade--one);
	font-size: 8pt;
}

.login-area {
	background: #FFF;
	vertical-align: top;
	margin: 0;
	padding: 0;
	width: 234px;
	border-left: 1px solid #9F948B;
}

.login {
	padding: 17px 0 0 25px;
	clear: both;
	width: 210px;
	margin: 0
}

.contato-nao-cadastrado {
	background: #FFFBE1;
	border: 1px solid #D6CE95;
	margin: 0;
	padding: 8px 8px;
	color: #4D4544;
	font-size: 10pt;
}

.total {
	border: 1px solid #CCC;
	font-weight: bold;
}

.destaque {
	padding: 5px;
	font-size: 12pt;
	font-weight: bold;
	color: var(--font-primary);
	margin-bottom: 5px;
}

.detalhe-lateral {
	background: #DEEAC5;
	padding: 25px;
}

.aparece {
	visibility: visible;
	position: relative;
	clear: both;
}

.desaparece {
	visibility: hidden;
	position: relative;
	clear: both;
}

.pleasewait {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 9999;
}

.pleasewait [class*="container_loading_"] {
	position:fixed;
	border-radius: 3px;
	padding: 10px;
	background-color: #fff;
	line-height: 24px;
	padding-left: 38px;
}

.pleasewait [class*="container_loading_"] img {
	vertical-align: middle;
}

.pleasewait [class*="container_loading_"] span {
	margin: 0 0 0 5px;
	font-size: 12px;
	font-weight: bold;
}

.pleasewaitbottom {
	position: absolute;
	left: 50%;
	bottom: 0%;
	bottom: 50%;
	z-index: 1;
}

.relatorioTermino {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 9999;
}

.relatorioTermino {
	position:fixed;
	border-radius: 3px;
	padding: 10px;
	background-color: #fff;
	line-height: 24px;
}

.relatorioTermino img {
	vertical-align: middle;
}

.relatorioTermino span {
	margin: 0 0 0 5px;
	font-size: 12px;
	font-weight: bold;
}

.diverro {
	margin-top: 10px;
	color: red;
	width: 150px;
	font-size: 9pt;
}

.warning {
	background-color: var(--warning-primary--background) !important;
	color: var(--font-primary);
	border: 1px solid #FFA500 !important;
	background-image: none !important;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-top: 3px;
}

.warning-input {
	background-color: #FFFFE0 !important;
	border: 1px solid #FFA500 !important;
}

.tr-error {
	background-color: #FFCFCF !important;
}

.problem {
	background-color: var(--danger-primary--background);
	color: var(--font-primary);
	border: 1px solid #FF6666;
	padding: 6px;
	text-align: center;
}

.problem-description {
	background-color: #FFF;
	border: 1px solid #FF6666;
	padding: 6px;
	text-align: center;
}

.success {
	background-color: var(--ok-primary--background)  !important;
	color: var(--font-primary);
	padding: 10px;
	text-align: center;
}

.success-input {
	background-color: #E1F4A8 !important;
}

.legenda {
	display: inline;
	border: 0;
	font-size: 7pt;
}

.legenda legend {
	font-weight: bold;
	font-size: 8pt;
	color: #333;
}

.legenda ul {
	list-style-type: none;
	margin: 0 0 0 5px;
	padding: 0;
	color: #333;
}

.legenda ul li {
	display: block;
	font-size: 7pt;
}

.legenda ul li img {
	vertical-align: middle;
}

legend.destaque label {
	font-weight: bold;
	font-size: 9pt;
	cursor: pointer;
}

.paginacao {
	margin: 5px 0 20px 0;
	text-align: right;
	padding: 5px;
	font-size: 7pt;
	color: #2598d2;
}

.paginacao a {
	font-size: 7pt;
	color: var(--link-primary);
	text-decoration: none;
	font-weight: bold;
}

.paginacao a:hover,
.paginacao a:visited {
	font-size: 7pt;
	text-decoration: underline;
}

.paginacao a.link-desativado {
	color: #444;
}

.link-paginacao-numerada {
	font-size: 8pt;
	font-weight: bold;
	color: #CCCCCC;
	margin-left: 5px;
}

.link-paginacao-numerada:hover {
	color: #CCCCCC;
}

.paginate {
	margin: 5px 0 5px 0;
	text-align: right;
	padding: 5px;
	font-size: 8pt;
	font-family: arial, helvetica, sans-serif;
	color: #6d9004;
}

.paginate a {
	font-size: 8pt;
	color: #6d9004;
	text-decoration: none;
	font-weight: normal;
}

.paginate a:hover,
.paginate a:visited {
	font-size: 8pt;
	text-decoration: underline;
}

.paginate a.link-desativado {
	color: #6d9004;
}

#commands {
	float: left;
	padding: 0 5px 5px 0;
	vertical-align: middle;
}

.commands {
	float: left;
	padding: 6px 0 3px 12px;
	vertical-align: middle;
}

.commands-right {
	float: right;
	padding: 2px 0 5px 0;
	vertical-align: middle;
}

#carregando {
	width: 160px;
	padding: 3px 0 5px 3px;
	background-color: #FF0000;
	color: #FFF;
	font-size: 8pt;
	font-weight: bold;
}

/* inputs */
textarea,select,input {
	background-color: var(--content-primary);
	color: var(--font-primary);
	border: 1px solid #999;
	padding: 3px 3px;
	font-size: 10pt;
	font-family: arial, helvetica, sans-serif;
	border-radius: 0;
}

.boxy-content input,
.boxy-content textarea,
.boxy-content select {
	background-color: var(--content-primary);
	color: var(--font-strong-title);
}

.boxy-content input:focus,
.boxy-content textarea:focus,
.boxy-content select:focus {
	color: var(--font-strong-title);
}

.boxy-content td p {
	color: var(--font-strong-title);
}

input[type="checkbox"] {
	border: none;
	margin: 3px 3px 3px 4px;
}

input:focus,select:focus,textarea:focus {
	color: var(--font-primary--shade--one);
	background-color: var(--content-primary);
}

input.link:focus,
input.link-action:focus {
	background-color: inherit;
}

input.right {
	text-align: right;
}

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

input.rightBoldReadOnly {
	text-align: right;
	border: 0;
}

input.no-border,
input.no-border:focus,
select.no-border,
select.no-border:focus {
	border: 0;
	background: #fff;
}

/* combobox */
.tamanhoComboboxDeAttributeSetsmagento {
	color: #000;
	border: 1px solid #999;
	padding: 4px 4px;
	width: 100px;
	height: 25px;
	font-size: 9pt;
	font-family: arial, helvetica, sans-serif;
}

.pesquisa-big {
	padding: 3px;
	font-size: 12pt;
	font-weight: bold;
	color: #444;
}

.pesquisa {
	padding: 4px;
	height: 16px;
}

.pesquisa:focus {
	outline:0;
}

.top-search #mini-pesquisa input.pesquisa,
.top-search-popup #mini-pesquisa input.pesquisa {
	border: none;
}

.readonly,
.fields input[readOnly],
.readonlyRight,
input[readOnly],
textarea[readonly],
textarea[disabled],
select[disabled],
select[readonly],
.readonly:focus,
.fields input[readOnly]:focus,
.readonlyRight:focus,
input[readOnly]:focus,
textarea[readonly]:focus,
textarea[disabled]:focus,
select[disabled]:focus,
select[readonly]:focus,
.tree-select[readonly] {
	background-color:var(--content-secondary);
}

select[readonly] {
	pointer-events: none;
	touch-action: none;
}

.ocultar {
	display: none;
	height: 0;
}

.nomessage {
	display: none;
}

.line {
	font-size: 12pt;
	font-weight: bold;
	border-bottom: solid 1px #5bb7e7;
	height: 19px;
	padding: 2px 20px;
	margin-bottom: 5px;
}

.none {
	border: none;
	background: transparent;
	font-size: 8pt;
}

.caption {
	margin: 5px 0px 0 0;
	padding: 0px 0px 0px 0;
	font-weight: bold;
	font-size: 8pt;
	color: var(--font-primary);
	background: none;
}

/* Customizacao ui datepicker */
.linha_form .ui-datepicker-trigger {
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0px 3px;
	vertical-align: middle;
	position: absolute;
	top: 22px;
	right: 2px;
	cursor: pointer;
}

.ui-datepicker-calendar .holiday-background-color {
	background-color: #E9554E;
}

.linha_form input.hasDatepicker {
	width: 100%;
}

.linha_form #link_site {
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0px 3px;
	vertical-align: middle;
	position: absolute;
	top: 22px;
	right: 2px;
	cursor: pointer;
}

.input_icones {
	position: absolute;
	right: 5px;
	z-index: 15;
	top: 22px;
	line-height: 30px;
}

.texto_input {
	padding: 6px 5px 2px 5px;
	font-size: 11px;
	background: none;
	height: 26px;
	color: #000;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-weight: bold;
}

.HeadingSubtitulo {
	color: var(--font-primary--shade--one);
	margin: 20px 5px 26px 5px;
	display: block;
	width: 100%;
	background: none;
	padding: 5px 0 1px 0;
	clear: both;
	border-bottom: none;
	box-shadow: 0 1px 1px -1px var(--hairline-strong);
	margin-top: 20px;
}

h3.HeadingSubtitulo {
	color: #87AF96;
}

.subtitulo {
	color: var(--font-primary--shade--one);
	font-size: 10pt;
	font-weight: normal;
	margin: 10px 0 13px 0;
	display: block;
	width: 100%;
	background: none;
	padding: 5px 0 1px 0;
	clear: both;
	border-bottom: none;
	font-family: 'Arial';
	box-shadow: 0 1px 1px -1px var(--hairline-strong);
}

h3.subtitulo{
  color: #87AF96;
}

.subtitulo_padding_lateral {
	padding: 0px 10px;
	margin-top:20px;
}

.subtitulo_no_border {
	color: #444;
	font-size: 14pt;
	font-weight: 100;
	margin: 10px 0 10px 0;
	display: block;
	width: 100%;
	background: none;
	padding: 5px 0 2px 0;
	clear: both;
}

.ui-dialog .subtitulo {
	box-shadow: none;
	color: var(--font-primary);
	font-size: 11pt;
	font-weight: bold;
	margin-top: 0;
	padding-top: 0;
}

.box-content #base {
	width: 100%;
	padding: 0px 20px 40px 20px;
	background: none;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.titulo_input {
	margin: 0;
	padding: 0;
	margin-bottom: 1px;
	font-weight: bold;
	float: left;
	display: block;
	font-size: 8pt;
	color: var(--font-primary);
	background: none;
}

.titulo_radio {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 8pt;
	color: #888;
}

.titulo_modulo {
	margin: 0px 0 0 0;
	padding: 0px 0px 0px 0;
	font-weight: bold;
	float: left;
	display: block;
	font-size: 8pt;
	color: #555;
	background: none;
}

#dados_modulo_importacao_container {
	padding: 10px 0 10px 0;
}

#dados_modulo_exportacao_container {
	display: none;
}

.inf:not(.Icon) {
	margin: 1px 5px 0px 3px;
	width: 10px;
	height: 10px;
	text-align: center;
	font-weight: bold;
	display: block;
	float: left;
	font-size: 5pt;
	color: #A5A5A5;
	background: #FFF;
	cursor: pointer;
	background: url(images/icon_info.gif);
	opacity: 0.40;
}

.inf-checkbox {
	float:none;
	display:inline-block;
	line-height:15px;
}

.label-situacao-modulo .inf {
	display: inline-block;
	float: none;
}

.linha_form {
	display: block;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-bottom: 12px;
	position: relative;
	background: none;
	min-width: min-content;
}

.linha_checkbox {
	margin-bottom: 0px;
}

.linha_form checkbox {
	margin-top: 100px;
	display: block;
	float: left;
}

.linha_height {
	height: 47px;
}

.lh5 {
	height: 5px;
}

.lh10 {
	height: 10px;
}

.lh15 {
	height: 15px;
}

.lh45{
	height: 45px;
}

.lh105{
	height: 105px;
}

.linha_form_texto {
	width: 100%;
	display: block;
	float: left;
	padding: 21px 0px 0px 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
}

.linha_form_button {
	display: block;
	float: left;
	padding: 16px 0px 0px 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.whauto{
	width: auto;
}

.wh1 {
	width: 2%;
}

.wh2 {
	width: 2%;
}

.wh3 {
	width: 3%;
}

.wh4 {
	width: 4%;
}

.wh5 {
	width: 5%;
}

.wh6 {
	width: 6%;
}

.wh7 {
	width: 7%;
}

.wh8 {
	width: 8%;
}

.wh10 {
	width: 10%;
}

.wh11 {
	width: 11%;
}

.wh12 {
	width: 12%;
}

.wh13 {
	width: 13%;
}

.wh14 {
	width: 14%;
}

.wh15 {
	width: 15%;
}

.wh16 {
	width: 16%;
}

.wh17 {
	width: 17%;
}

.wh18 {
	width: 18%;
}

.wh19 {
	width: 19%;
}

.wh20 {
	width: 20%;
}

.wh21 {
	width: 21%;
}

.wh22 {
	width: 22%;
}

.wh23 {
	width: 23%;
}

.wh24 {
	width: 24%;
}

.wh25 {
	width: 25%;
}

.wh26 {
	width: 26%;
}

.wh27 {
	width: 27%;
}

.wh28 {
	width: 28%;
}

.wh29 {
	width: 29%;
}

.wh30 {
	width: 30%;
}

.wh31 {
	width: 31%;
}

.wh32 {
	width: 32%;
}

.wh33 {
	width: 33%;
}

.wh34 {
	width: 34%;
}

.wh35 {
	width: 35%;
}

.wh36 {
	width: 36%;
}

.wh37 {
	width: 37%;
}

.wh38 {
	width: 38%;
}

.wh39 {
	width: 39%;
}

.wh40 {
	width: 40%;
}

.wh41 {
	width: 41%;
}

.wh42 {
	width: 42%;
}

.wh43 {
	width: 43%;
}

.wh44 {
	width: 44%;
}

.wh45 {
	width: 45%;
}

.wh46 {
	width: 46%;
}

.wh47 {
	width: 47%;
}

.wh48 {
	width: 48%;
}

.wh49 {
	width: 49%;
}

.wh50 {
	width: 50%;
}

.wh52 {
	width: 52%;
}

.wh53 {
	width: 53%;
}

.wh55 {
	width: 55%;
}

.wh56 {
	width: 56%;
}

.wh57 {
	width: 57%;
}

.wh58 {
	width: 59%;
}

.wh60 {
	width: 60%;
}

.wh61 {
	width: 61%;
}

.wh62 {
	width: 62%;
}

.wh63 {
	width: 63%;
}

.wh64 {
	width: 64%;
}

.wh65 {
	width: 65%;
}

.wh66 {
	width: 66%;
}

.wh67 {
	width: 67%;
}

.wh68 {
	width: 68%;
}

.wh70 {
	width: 70%;
}

.wh75 {
	width: 75%;
}

.wh78 {
	width: 78%;
}

.wh79 {
	width: 79%;
}

.wh80 {
	width: 80%;
}

.wh83 {
	width: 83%;
}

.wh84 {
	width: 84%;
}

.wh85 {
	width: 85%;
}

.wh86 {
	width: 86%;
}

.wh88 {
	width: 88%;
}

.wh90 {
	width: 90%;
}

.wh92 {
	width: 92%;
}

.wh94 {
	width: 94%;
}

.wh95 {
	width: 95%;
}

.wh97 {
	width: 97%;
}

.wh98 {
	width: 98%;
}

.wh99 {
	width: 99%;
}

.wh100 {
	width: 100%;
	float: left;
}

.display_none{
	display:none;
}

.min-width250 {
	min-width: 250px;
}

.input_text:focus,.input_textarea:focus,.select:focus,submit:focus {
	border-color: var(--brand-primary);
	transition: 300ms;
	behavior: url(PIE.htc);
	/* Comportamento adicionado para renderizacao das propriedades acima no IE 7 e IE 8 */
	outline: none;
}

.chosen-container-single .chosen-single {
	color: var(--font-primary--shade--one);
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
	height: 26px;
}

.linha_form .chosen-container-active .chosen-choices {
	border: 1px solid #9CC01E;
	box-shadow: 0 0 0;
}

.linha_form .chosen-results .group-option:hover {
	background-color: none;
}

.linha_form .chosen-results li:hover {
	background-color: #9CC01E;
}

#problemaTicket_chosen ul li {
	color: var(--font-primary--shade--one);
}

.linha_form .chosen-container .chosen-results .highlighted {
	background-color: #82BA1B;
	filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#82BA1B',
		endColorstr='#82BA1B', GradientType=0);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #82BA1B),
		color-stop(90%, #82BA1B));
	background-image: -webkit-linear-gradient(top, #82BA1B 20%, #82BA1B 90%);
	background-image: -moz-linear-gradient(top, #82BA1B 20%, #82BA1B 90%);
	background-image: -o-linear-gradient(top, #82BA1B 20%, #82BA1B 90%);
	background-image: -ms-linear-gradient(top, #82BA1B 20%, #82BA1B 90%);
	background-image: linear-gradient(top, #82BA1B 20%, #82BA1B 90%);
	color: #fff;
}

.linha_form label {
	color: var(--font-primary);
}

.box-side .chosen-container {
	margin: 0 10px;
}

select {
	line-height: 22px;
	font-weight: normal;
}

.input_text {
	width: 100%;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-top: 3px;
	float: left;
	border: 1px solid var(--hairline-regular);
	color: var(--font-primary--shade--one);
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	padding: 4px;
	height: 28px;
	position: relative;
	background-color: var(--content-primary);
}

select.input_text {
	-webkit-appearance: menulist;
}

.input_field {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-top: 3px;
	border: 1px solid #C9C9C9;
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	padding: 4px;
	height: 28px;
	background: #FFF;
}

.input_textarea {
	width: 100%;
	border: 1px solid #CCC;
	display: block;
	height: 80px;
	padding: 2px;
	resize: vertical;
	overflow: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.textarea-base-conhecimento {
	height: 160px;
}

.group-item-form .icon-info-sign {
	font-size: 8pt;
	color: #7CB5D8;
	margin-left: 3px;
	line-height: 0px;
}

.group-itens-form .group-item-form:not(:last-of-type){
	margin-right: 10px;
}

.group-itens-form,
.group-itens-form .group-item-form {
	float: left;
}
.label-item-form {
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	font-size: 8pt;
	color: var(--font-primary);
	background: none;
	font-weight: bold;
}

.label-item-form-input {
	font-size: 9pt;
	color: var(--font-primary);
}

.label-item-form-contato-rapido {
	color: #666;
	font-weight: bold;
}

.integration-form #autenticacao .label-item-form,
form[name^="formDadosConfiguracaoIntegracaoLojaVirtual"] #autenticacao .label-item-form {
	margin: 8px 0 0 0;
}

.integration-form #naturezas_de_operacao .label-item-form,
form[name^="formDadosConfiguracaoIntegracaoLojaVirtual"] #naturezas_de_operacao .label-item-form {
	margin: 8px 0 0 0;
}

ul.lista-leitura .icon-trash,
ul.lista-leitura .icon-remove,
.label-item-form span,
.group-item-form-error .label-item-form,
.group-item-form-error .label-item-form-toggle,
.group-item-form-error label,
.group-item-form-error p {
  color: #DD6F77;
}

.group-item-form-warning .label-item-form {
	color: #DF913D;
}

.group-item-form-success .label-item-form {
	color: #3FAF6C;
}

.group-item-form-warning .label-item-form:after,
.group-item-form-error .label-item-form-toggle:after,
.group-item-form-success .label-item-form:after,
.group-item-form-error .label-item-form:after,
.group-item-form-error label:after,
.group-item-form-error p:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f071";
	font-size: 7pt;
	font-weight: 900;
}

.group-item-form-success .label-item-form:after {
	content: "\f058";
}

.obrigatorio-item-form {
	width: 100%;
	text-align: right;
	margin-bottom: 15px;
}

.item-form,
.group-item-form .chosen-choices {
	width: 100%;
	margin-top: 3px;
	font-family: arial, helvetica, sans-serif !important;
	font-size: 9pt !important;
	color: var(--font-primary--shade--one);
	border: 1px solid var(--border-item-form);
	height: 30px;
	padding: 0 11px;
	background-color: var(--content-primary);
	background-image: none;
	box-shadow: none;
}

.chosen-container-multi .chosen-choices li.search-choice {
	margin: 3px 5px 3px 0;
}

.group-item-form  .chosen-choices li.search-field input[type=text] {
	color: var(--font-primary--shade--one) !important;
}

.item-form:focus,
.tree-select:focus,
.group-item-form .chosen-container-active .chosen-choices{
	border: 1px solid #3FAF6C;
	background-color: var(--content-primary);
	outline: none;
}

select.item-form:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}

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

.group-item-form-error .item-form,
.group-item-form-error .item-form:focus,
.group-item-form-error input,
.group-item-form-error input:focus,
.group-item-form-error .form-control,
.group-item-form-error .form-control:focus,
.group-item-form-error textarea,
.group-item-form-error .chosen-choices,
.group-item-form-error .mce-tinymce,
.group-item-form-error .chosen-container-active .chosen-choices {
  border: 1px solid #DD6F77 !important;
  border-left: 3px solid #DD6F77 !important;
  outline: none;
}

.item-form:disabled,
.tree-select[disabled] {
	color: #989898;
	border:1px solid var(--hairline-regular--shade--one);
}

.group-item-form-warning .item-form,
.group-item-form-warning .form-control,
.group-item-form-warning .form-control:focus,
.group-item-form-warning .item-form:focus,
.group-item-form-warning .chosen-choices,
.group-item-form-warning .mce-tinymce,
.group-item-form-warning .chosen-container-active .chosen-choices{
	border: 1px solid #DF913D !important;
	border-left: 3px solid #DF913D !important;
	outline: none;
}

.group-item-form-success .item-form,
.group-item-form-success .item-form:focus,
.group-item-form-success .chosen-choices,
.group-item-form-success .mce-tinymce,
.group-item-form-success .chosen-container-active .chosen-choices {
	border: 1px solid #3FAF6C;
	border-left: 3px solid #3FAF6C;
	outline: none;
}

.group-item-form .ui-datepicker-trigger {
	top: 21px;
	right: 18px;
}

.textarea-item-form {
	height: 90px;
	padding: 11px 11px;
}

select.item-form {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image:
	linear-gradient(45deg, transparent 48%, #999999 50%),
	linear-gradient(135deg, #999999 48%, transparent 50%);
	background-position:
	calc(100% - 13px) center,
 	calc(100% - 8px) center;
	background-size: 5px 5px, 5px 5px;
	background-repeat: no-repeat;
	padding-right: 20px;
}

select.item-form * {
	background-color: var(--content-primary);
	font-size: 10pt;
	color: var(	--font-primary--shade--one);
	padding: 0 4px;
	line-height: 30px;
}

select.item-form option:disabled {
	color: #999;
}

.setaEsquerda {
	position: absolute;
	bottom: 8px;
	left: -15px;
	z-index: 3;
	cursor: pointer;
}

.setaDireita {
	position: absolute;
	bottom: 8px;
	right: -15px;
	z-index: 3;
	cursor: pointer;
}

.mes {
	padding-left: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.input_erro {
	float: left;
	width: 300px;
	position: absolute;
	z-index: 10;
	top: 44px;
	left: 0px;
}

.center-image {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.margin_left_right {
	margin: 0px 2px 10px 3px;
}

.margin-bottom-0 {
	margin-bottom: 0px;
}

.margin-bottom-0-important {
	margin-bottom: 0px !important;
}

.margin-bottom-5 {
	margin-bottom: 5px;
}

.margin-bottom-10 {
	margin-bottom: 10px;
}

.margin-bottom-20 {
	margin-bottom: 20px;
}

.margin-bottom-35 {
	margin-bottom: 35px;
}

.margin-bottom-50 {
	margin-bottom: 50px;
}

.margin-bottom-60 {
	margin-bottom: 60px;
}

.margin-bottom-70 {
	margin-bottom: 70px;
}

.margin-bottom-110 {
	margin-bottom: 110px;
}

.margin_right5 {
	margin: 0px 5px 0px 0px;
}

.margin_right10 {
	margin: 0px 10px 0px 0px;
}

.margin_right25 {
	margin: 0px 25px 0px 0px;
}

.margin_left {
	margin-left: 1%;
}

.margin_left5 {
	margin-left: 5px;
}

.margin_left10 {
	margin-left: 10px;
}

.margin_right {
	margin-right: 1%;
}

.margin-top0 {
	margin-top: 0 !important;
}

.margin-top2 {
	margin-top: 2px;
}

.margin_top5 {
	margin-top: 5px;
}

.margin_top10 {
	margin-top: 10px;
}


.margin-top20 {
	margin-top: 20px;
}

.margin-top30 {
	margin-top: 30px;
}

.margin-top32 {
	margin-top: 32px;
}

.margin_bottom10 {
	margin-bottom: 10px !important;
}

.text_center {
	text-align: center;
}

.text_left {
	text-align: left;
}

.text_right {
	text-align: right;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.padding1 {
	padding: 1%;
}

.cantos {
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
}

/* tags */
.tags_coluna {
	width: 27%;
	display: block;
	float: left;
	background: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-right: 8px;
}

.margim-top {
	margin-top: 17px;
}

.caption_visualizacao {
	margin: 5px 0 0 0;
	padding: 3px 0 0 0;
	font-weight: bold;
	font-size: 8pt;
	color: #86B410;
}

.small-caption {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 7pt;
	color: #333;
	text-align: left;
}

.fields {
	border-collapse: collapse;
	font-size: 8pt;
}

.fields td {
	padding-right: 10px;
	vertical-align: middle;
	margin: 0;
	border-bottom: 0;
}

.fields input {
	padding: 4px 4px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.field-destaque {
	background: #E5FBC6;
	border: 1px solid #B5D391;
	padding: 3px 10px 3px 3px;
	font-size: 9pt;
	font-weight: bold;
	color: #333;
}

.contasPortador select {
	width: 180px;
	margin-left: 0px;
}

/* botoes */
.ui-dialog .ui-icon-closethick {
	left:0; top:0;
}

.ui-dialog-titlebar > .ui-button {
   outline-width: 0px !important;
 }

.ui-dialog .ui-dialog-content a {
	cursor: pointer;
	text-decoration: underline;
}

.ui-dialog .ui-dialog-buttonpane .ui-button {
	min-width: 5px;
	height: 25px;
	font-size: 9pt;
}

.ui-dialog-new .ui-dialog-buttonpane {
	margin: 0;
	padding: 12px;
}

.ui-dialog-new .ui-dialog-buttonpane .ui-button {
	height: 30px;
	font-size: 8pt;
	font-weight: normal;
	background-color: #3FAF6C;
	color: #ffffff;
	border-radius: 0px;
	border: none;
	padding: 0 20px;
	text-transform: uppercase;
}
.ui-dialog-new .ui-dialog-buttonpane .ui-button:disabled {
	filter: opacity(0.5);
	cursor: default;
}

.ui-dialog-new {
	border: 0 !important;
	padding: 0 !important;
	outline: 0 !important;
}

.ui-dialog-new .ui-dialog-titlebar {
	font-size: 12pt !important;
	color: #3F3D3D;
	padding: 12px;
	min-height: 44px;
}

.ui-dialog-new .ui-dialog-content {
	background-color: #EDEEF0;
	border-top: 0.5px solid #CCC;
	border-bottom: 0.1px solid #e4e4e4;
	padding: 15px;
	min-height: 90px !important;
}

.ui-dialog-new .ui-dialog-titlebar-close {
	background-color: white;
}

.ui-dialog-new .ui-widget-header .ui-icon {
	background-image: url(ui/images/ui-icons_454545_256x240.png);
}

.ui-dialog-new .ui-dialog-titlebar-close {
	right: 2px;
	top: 12px;
}

.ui-dialog-new .ui-dialog-titlebar-close .ui-button-text {
	padding: 0;
}

.ui-dialog-new .ui-button-text {
	line-height: normal;
}

.ui-dialog-new .ui-dialog-titlebar-close:hover{
	opacity: 0.9;
}

.ui-dialog-new .ui-dialog-titlebar-border-green {
	border-bottom: 4px solid #49b776 !important;
}

.ui-dialog-new .ui-dialog-titlebar-border-blue {
	border-bottom: 4px solid #1160ff !important;
}

.ui-dialog-new .ui-dialog-titlebar-border-gray {
	border-bottom: 4px solid #ababab !important;
}

.ui-dialog-new .ui-dialog-titlebar-border-black {
	border-bottom: 4px solid #44464c !important;
}

.ui-dialog-new .ui-dialog-titlebar-border-yellow {
	border-bottom: 4px solid #D6CF09 !important;
}

.ui-dialog-new .ui-dialog-titlebar-border-red {
	border-bottom: 4px solid #e45c5c !important;
}

.ui-dialog-new .ui-dialog-titlebar-border-blue-red {
	border-bottom: 4px solid !important;
	border-image: linear-gradient(to right, #1160ff 50%, #e45c5c 50%, #e45c5c 75%) 5 !important;
}

.ui-dialog-new table tbody {
	background-color: #fff;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset.centralized-buttons {
	float: none;
	display: flex;
	flex-flow: column;
	padding-left: 60px;
	padding-right: 60px;
	row-gap: 10px;
}

.button, .button[readOnly], .ui-dialog-buttonset button.button {
	cursor: pointer;
	font-size: 9pt;
	height: 30px;
	min-width: 110px;
	margin: 0 5px 0 2px;
	border: 0;
	color:#fff;
	background-color: #575E6C;
	border-radius:4px;
	text-transform:uppercase;
	-webkit-appearance: none;
	font-family: 'Verdana', sans;
	font-weight:normal;
	padding-top:2px;
}

.button:hover,.button:focus, .button:focus[readOnly], .ui-dialog-buttonset button.button:hover {
	background-color: #777;
	color:#fff;
	border:0;
}

.button-default:not(.Button),.answers input,.ui-dialog-buttonset button.button-default:not(.Button), input.button-default, button.button-cancel:not(.Button) {
	color: #fff;
	cursor: pointer;
	font-size: 9pt;
	height: 30px !important;
	margin: 0 !important;
	margin-left: 6px !important;
	border: 0;
	background-color: #3faf6c; /*#91B423;*/
	border-radius:4px;
	-webkit-appearance: none;
	min-width:110px;
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: normal;
}

button.button-warning {
	background-color: #FF6060 !important;
	color:  #ffffff !important;
}

button.button-cancel:not(.Button) {
	font-family: Arial, Helvetica, sans-serif !important;
	margin-left: 6px !important;
	height: 30px !important;
	font-size: 8pt !important;
	background-color: transparent !important;
	color: #666666 !important;
	border-radius: 0px !important;
	border: 1px solid #CCCCCC !important;
	font-weight: bold !important;
}

button.button-cancel:not(.Button):hover {
	background-color: #E8E8E8 !important;
	color: #666666 !important;
}

.button-default:not(.Button):hover,.button-default:not(.Button):focus,.ui-dialog-buttonset button.button-default:not(.Button):hover {
		background: #49B776;
	color: #fff;
	border: 0;
}

.button-default:disabled {
	filter: opacity(0.5);
}

.button-big {
	background: url(images/btn-add.gif) no-repeat;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	font-size: 8pt;
	font-weight: bold;
	height: 30px;
	width: 170px;
	margin: 0 5px 5px 2px;
	border: 0;
	padding-left: 0px;
}

.button-big,.button-big:focus {
	background: url(images/btn-add.gif) 0 -30px no-repeat;
	cursor: pointer;
	color: #fff
}

.btn-add:hover,.btn-add:focus, .btn-add-interno:hover,.btn-add-interno:focus {
	background: #49B776;
	border:0;
	color:#fff;
	font-family: 'Verdana', sans;
}

.button-drop {
	background: url(images/btn-drop.gif) no-repeat;
	color: #444;
	cursor: pointer;
	font-weight: bold;
	font-size: 10pt;
	height: 36px;
	width: 150px;
	margin: 0 5px 0 2px;
	border: 0;
}

.button-drop:hover {
	background: url(images/btn-drop.gif) 0 -36px no-repeat;
	color: #444;
	cursor: pointer;
	font-weight: bold;
	font-size: 10pt;
	height: 36px;
	width: 150px;
	margin: 0 5px 0 2px;
}

.button-add {
	background: url(images/btnadd.gif) no-repeat;
	border: 0;
	margin: 0;
	cursor: pointer;
	height: 19px;
	width: 28px;
}

.button-add:hover,.button-add:focus {
	background: url(images/btnaddh.gif) no-repeat;
	color: #fff
}

.button-delete {
	background: url(images/delete.gif) no-repeat;
	border: 0;
	cursor: pointer;
	height: 17px;
	width: 20px;
	background-position: center;
	vertical-align: middle;
}

.button-delete:focus {
	background: url(images/delete.gif) no-repeat;
	text-decoration: none;
	border: 0;
}

.button-search {
	background: url(images/search.png) no-repeat 0 0;
	border: 0;
	cursor: pointer;
	height: 17px;
	width: 16px;
	background-position: center;
}

.button-search:hover,.button-search:focus {
	background: url(images/search.png) no-repeat 0 0px;
	cursor: pointer;
	background-position: center;
}

.button-new-filtro {
	background: url(images/plus_filtro.png) no-repeat scroll 7px 6px #A1C433;
	border: 0;
	cursor: pointer;
	width: 29px;
	border-radius: 3px 3px 3px 3px;
	padding: 6px;
}

.button-new-filtro:hover,.button-new-filtro:focus {
	background: url(images/plus_filtro.png) no-repeat scroll 7px 6px #B1CE50;
}

.button-new {
	background:url(images/plus.png) no-repeat scroll 0px 0px;
	margin-right:2px;
	border:0;
	cursor:pointer;
	height:16px;
	width:16px;
	margin-top:0;
}

#mini-pesquisa .button-new {
	cursor: pointer;
	height: 28px;
	width: 30px;
	border-right: 1px solid #62a6e1;
	border-left: 0px;
	border-top: 0px;
	border-bottom: 0px;
	margin: 0;
	float: left;
	margin: 0px 0px 0px 5px;
}

.button-new:hover,.button-new:focus{
	background:url(images/plus.png) no-repeat scroll;
	cursor:pointer;
}

.button-edit {
	background: url(images/pencil.png) no-repeat 1px 0px;
	border: 0;
	cursor: pointer;
	height: 17px;
	width: 18px;
	background-position: center;
}

.button-edit:hover,.button-edit:focus {
	background: url(images/pencil.png) no-repeat 1px 0px;
	cursor: pointer;
	background-position: center;
}

.button-navigate {
	background: url(images/navigate2.png) no-repeat;
	border: 0;
	cursor: pointer;
	height: 15px;
	width: 16px;
}

.button-navigate:hover,.button-navigate:focus {
	background: url(images/navigate2.png) 0 -15px no-repeat;
	cursor: pointer;
}

.button-navigate-ft {
	background: url(images/navigate2.png) no-repeat;
	border: 0;
	cursor: pointer;
	height: 15px;
	width: 16px;
}

.button-navigate-ft:hover,.button-navigate-ft:focus {
	background: url(images/navigate2.png) 0 -15px no-repeat;
	cursor: pointer;
}

.inf-cliente-produto {
	background: #f00;
	background: url(images/info.png) no-repeat 1px 0px;
	border: 0;
	cursor: pointer;
	height: 17px;
	width: 20px;
	background-position: center;
}

.inf-descricao-detalhada {
	background: url(images/document.gif) no-repeat 1px 3px;
	border: 0;
	cursor: pointer;
	height: 20px;
	width: 17px;
}

.button-disabled {
	background: url(images/btn_grey.png) no-repeat;
	color: #777;
	font-weight: bold;
	font-size: 8pt;
	font-weight: bold;
	height: 32px;
	width: 102px;
}

.button-up {
	background: url(images/up.gif) no-repeat;
	border: 0;
	cursor: pointer;
	height: 24px;
	width: 28px;
}

span.button a {
	height: 32px;
	font: bold 14px/32px Helvetica, Arial, sans-serif;
	text-decoration: none;
	float: left;
	display: block;
	overflow: hidden;
	margin-right: 8px;
}

span.button a span {
	display: block;
	white-space: nowrap;
	padding: 5px 25px 5px 15px;
	line-height: 23px;
	cursor: pointer;
}

span.button a.green {
	color: #FFFFFF;
	padding: 0 0 0 12px;
	background: #87C80A url(images/btn_green_left.png) left top no-repeat;
}

span.button a.green:hover {
	padding: 0 0 0 12px;
	background: #87C80A url(images/btn_green_left.png) 0 -32px no-repeat;
}

span.button a.green span {
	background: #87C80A url(images/btn_green_right.png) right top no-repeat;
}

span.button a.green:hover span {
	background: #87C80A url(images/btn_green_right.png) right -32px
		no-repeat;
}

span.button a.grey {
	color: #666;
	font: bold 14px/32px Helvetica, Arial, sans-serif;
	padding: 0 0 0 12px;
	background: #87C80A url(images/btn_grey_left.png) left top no-repeat;
}

span.button a.grey:hover {
	padding: 0 0 0 12px;
	background: #87C80A url(images/btn_grey_left.png) 0 -32px no-repeat;
}

span.button a.grey span {
	background: #87C80A url(images/btn_grey_right.png) right top no-repeat;
	padding: 5px 15px 5px 5px;
}

span.button a.grey:hover span {
	background: #87C80A url(images/btn_grey_right.png) right -32px no-repeat;
}

.button-default-disabled {
	filter: opacity(0.5);
}

.button-default-disabled:hover {
	background-color:#91B423;
	color: #FFF;
	border: 0;
}

.buttons-base-conhecimento {
  margin-top: 14px;
}

.button-mini-estoque {
  width: 6%;
  float: left;
  margin-top: 17px;
}

/* menus */
#context-menu {
	background: #fff;
	float: none;
	margin: 0;
	margin-bottom: 15px;
	padding-left: 2px;
}

#context-menu a {
	display: inline;
	color: #7ba0de;
	padding-right: 6px;
}

#selectAcoes {
	float: left;
	padding-top: 4px;
	padding-left: 6px;
}

#actions-menu {
	float: left;
	margin-left: 10px;
	padding-top: 10px;
	width: 145px;
}

#tips-menu ul {
	background: #fff;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	list-style-type: disc;
	padding: 5px 0 30px 25px;
	margin: 15px 0 0 5px;
	color: #ccc;
}

#tips-menu {
	float: left;
	margin-left: 10px;
	padding-top: 20px;
	background: url(images/tips.gif) top left no-repeat;
	width: 145px;
}

.views-menu {
	margin: 5px 0 5px 10px;
	padding: 0;
	width: 160px;
	color: #111;
	font-size: 8pt;
}

.views-menu .header {
	padding: 10px 0 5px 0;
	font-weight: bold;
	font-size: 10pt;
	color: #000;
}

.views-menu ul {
	list-style-type: none;
	padding: 0;
	margin-top: 0;
	margin-left: 5px;
}

.views-menu a {
	display: block;
	margin: 2px 10px 0 10px;
	padding-top: 2px;
	text-decoration: none;
	font-weight: normal;
	color: #333;
	line-height: 22px;
}

.views-menu a:hover {
	background: #F0F0E8;
}

.views-menu a.linkselected {
	font-weight: bold;
	border-bottom: 3px solid #A7D651;
}

#actions-menu a,.views-menu a,#medicos-menu a,#tips-menu a {
	display: block;
	margin: 0 10px;
	padding: 2px 0 0 0;
	text-decoration: none;
	font-weight: normal;
	color: #333;
	line-height: 18px;
	border-bottom: 0px solid #bbb;
}

#actions-menu a,.views-menu a,#medicos-menu a,#tips-menu a {
	border-top: 0;
}

#actions-menu ul,.views-menu ul,#medicos-menu ul,#tips-menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 5px;
}

#actions-menu a:hover,.views-menu a:hover {
	background: #fff;
}

#actions-menu a.linkselected,.views-menu a.linkselected,#medicos-menu a.linkselected,#tips-menu a.linkselected
	{
	background: url(images/arrow.gif) no-repeat;
	background-position: 0 8px;
	display: block;
	padding: 2px 5px 0 10px;
	font-weight: bold;
	text-decoration: none;
}

#tabnav,
.tabnav {
	background: transparent url(images/tab_bottom.gif) repeat-x bottom;
	padding: 0px;
}

#tabnav li,.tabnav li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	height: 22px;
}

#tabnav a:link,#tabnav a:visited,#tabnav span,.tabnav a:link,.tabnav a:visited,.tabnav span {
	font-size: 9pt;
	padding: 4px 10px 2px 10px;
	margin-right: 3px;
	text-decoration: none;
	color: #666666;
	cursor: pointer;
	line-height: 22px;
}

#tabnav a:link.active,#tabnav a:visited.active,#tabnav span.active,.tabnav a:link.active,.tabnav a:visited.active,.tabnav span.active {
	background-color: var(--bg-primary);
	color: var(--font-primary);
	border: 1px solid #999;
	border-bottom: 2px solid var(--bg-primary);
	border-top: 3px solid #3FAF6C;
}

#tabnav a:hover:not(.active),
.tabnav a:hover:not(.active) {
	background-color: var(--content-tertiary);
	color: var(--font-primary--shade--one) !important;
}

#tab-area,
.tab-area {
	margin-bottom: 10px;
	width: 100%;
}

.ui-dialog .ui-tabs .ui-tabs-nav {
	padding: 0;
}

.ui-dialog .ui-tabs .ui-widget-header {
	margin-top: 0;
}

.ui-dialog .ui-tabs li a {
	padding: 4px 10px 2px 10px !important;
}

.ui-dialog .ui-tabs ul {
	height: 30px;
}

.ui-dialog .ui-tabs .ui-tabs-nav li {
	margin-right: 6px;
}

.ui-dialog .ui-tabs li.ui-state-default:not(.ui-tabs-active) {
	background: #DBDBDB;
	height: 24px;
	margin-top: 5px;
}

.ui-dialog .ui-tabs li.ui-state-hover:not(.ui-tabs-active),
.ui-dialog .ui-tabs li.ui-state-hover:not(.ui-tabs-active) a {
	background-color: #666666 !important;
	color: #DBDBDB !important;
}

.ui-dialog .ui-tabs li.ui-state-default a {
	color: #666;
	height: 100%;
}

.ui-dialog .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	padding-bottom: 2px;
}

.ui-dialog .ui-tabs li.ui-state-active {
	background-color: #FFF;
	color: #000;
	border: 1px solid #999;
	border-bottom: 2px solid #FFF;
	border-top: 3px solid #3FAF6C;
}

.ui-dialog .ui-tabs li.ui-state-active a,
.ui-dialog .ui-tabs li.ui-state-hover a,
.ui-dialog .ui-tabs li.ui-state-hover {
	color: #000 !important;
	background-color: #FFF !important;
}

.ui-dialog .ui-tabs li.ui-state-active a,
.ui-dialog .ui-tabs li.ui-state-hover a,
.ui-dialog .ui-tabs li.ui-state-default a {
	font-weight: 400;
	font-family: 'Verdana', sans;
	border: none;
}

.nav_icms {
	padding: 0 0 0 10px;
	border-bottom: 1px solid #BBBBBB;
	height: 22px;
}

.top-jd {
	font-size: 12pt;
	font-weight: bold;
	position: absolute;
	right: 0;
	top: 0px;
}

.top-jd ul {
	list-style: none;
	display: block;
}

.top-jd ul li {
	display: block;
	padding:0!important;
}

.top-jd a {
	display: block;
	text-decoration: none;
	color: #A09F9F;
	padding: 12px;
}

.top-jd li:hover {
	background-color: #3FAF6C;
}

.top-jd li:hover a,
.top-jd li a:hover i {
	background-color: #3FAF6C;
	color: #fff;
	cursor: pointer;
}

.top-jd li a:hover {
	background-color: #3FAF6C;
	color: #fff;
}

.menu-jd {
	padding: 0;
	margin-left: 10px;
	float: left;
	width: 820px;
	height: 40px;
}

/* autocomplete */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	font: menu;
	font-size: 9pt;
	text-align: left;
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('images/indicator.gif') right center no-repeat;
}

.ac_error {
	cursor: pointer;
	border: 1px solid #FFA500;
	background: #FFFFE0 url('images/btn_falta.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

.ac_warning {
	padding-right: 2.5em !important;
	cursor: pointer;
	background: var(--warning-primary--background) url(images/ico_warn.png) no-repeat 99% 5px !important;
	text-overflow:ellipsis;
	white-space: nowrap;
}

/* Calendario Popup */
.dia {
	font-size: 8pt;
	color: #FFFFFF
}

.data {
	font-size: 8pt;
	text-decoration: none;
	color: #191970
}

a.mes {
	font-size: 8pt;
	color: #000000;
}

.Cabecalho_Calendario {
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
	font-weight: bold
}

.buttonDate {
	height: 21px;
	width: 20px;
}

.tip-message {
	margin: 3px 0 7px 0;
	padding-bottom: 7px;
	font-size: 7pt;
	color: #888;
	max-width: 250px;
}

.linha_form .tip-message {
	margin: 3px 0 7px 0;
	padding: 1px;
	font-size: 6pt;
	color: #888;
	max-width: 250px;
	position: absolute;
	top: 41px;
	left: 0px;
	width: auto;
	z-index: 2;
	color: #000000
}

.tip-message-red {
	margin: 3px 0 7px 0;
	font-size: 7pt;
	color: red;
	max-width: 250px;
}

.tip-message-green {
	margin: 3px 0 7px 0;
	font-size: 7pt;
	color: green;
	max-width: 250px;
}

.planilha-action {
	position: relative;
	float: right;
	height: 35px;
	width: 35px;
}

.inline {
	display: inline;
	clear: none;
	float: left;
}

.login input {
	padding: 4px;
}

.page {
	padding: 10px;
	border: 1px solid #ddd;
	vertical-align: top;
}

.fonteMaior {
	font-size: 11pt;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
}

.clearBoth {
	clear: both;
}

.bordaClara {
	border: 1px solid #ddd;
}

.linkPeriodo {
	cursor: pointer;
	font-size: 8pt;
	color: blue;
	padding: 2px 0 0 12px;
	text-decoration: underline;
}

.error {
	font-size: 10pt;
	color: var(--font-primary);
	background: var(--danger-primary--background) url(images/warning_red2.png) no-repeat 15px 10px;
	padding: 15px 10px 15px 80px;
	margin-top: 15px;
	min-height: 70px;
	border-radius:5px;
	margin-bottom: 20px;
}

.error-contas {
	font-size: 10pt;
	color: #222;
	background: #FFCFCF;
	padding: 10px;
	margin-top: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#datatable .error,
[id^="addDatatable"] .error {
	margin: 10px;
}

.error h3 {
	box-shadow: 0 5px 5px -6px #C20101;
}

.warn {
	font-size: 10pt;
	color: var(--orbe-feedback-fg-on-warning);
	background: var(--orbe-feedback-bg-warning);
	padding: 15px 10px 15px 80px;
	margin-top: 15px;
	text-align: left;
	min-height: 70px;
	border-radius:5px;
	margin-bottom: 20px;
}

.warn h4 {
	color: var(--orbe-feedback-fg-bold-on-warning);
}

.warn::before {
	content: "\f071" !important;
	color: var(--orbe-feedback-fg-subtle-on-warning);
	font-family: 'Font Awesome 5 Free';
	font-size: 22pt;
	left: 40px;
	position: absolute;
	font-weight: 900;
}

div[class^="useful-info"] {
	display: block;
	background-color: var(--orbe-feedback-bg-info);
	color: var(--orbe-feedback-fg-on-info);
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding: 15px 15px 15px 65px;
	position: relative;
	min-height: 65px;
	border-radius: var(--orbe-rounded);
}

div[class^="useful-info"]:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f05a";
	position: absolute;
	font-size: 25pt;
	color: var(--orbe-feedback-fg-subtle-on-info);
	left: 20px;
	top: 23px;
	line-height: normal;
	font-weight: 900;
}

.useful-info-centered:before {
	position: unset !important;
	vertical-align: middle;
	margin-right: 10px;
}

.useful-info-centered {
	padding-left: 25px !important;
}

.useful-info h3,
.useful-info ul {
	color: var(--orbe-feedback-fg-on-info) !important;
}

.useful-info-success {
	color: var(--orbe-feedback-fg-on-positive) !important;
	background-color: var(--orbe-feedback-bg-positive) !important;
}

.useful-info-success h3 {
	color: var(--orbe-feedback-fg-on-positive) !important;
}

.useful-info-success:before {
	color: var(--brand-primary) !important;
	content: "\F00C" !important;
}

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

.useful-info-warning h3 {
	color: var(--orbe-feedback-fg-bold-on-warning) !important;
}

.useful-info-warning:before {
	color: var(--orbe-feedback-fg-subtle-on-warning) !important;
	content: "\f071" !important;
}

.useful-info-danger {
	color: var(--orbe-feedback-fg-on-negative) !important;
	background-color: var(--orbe-feedback-bg-negative) !important;
}

.useful-info-danger h3 {
	color: var(--orbe-feedback-fg-on-negative) !important;
}

.useful-info-danger:before {
	color: var(--orbe-feedback-fg-subtle-on-negative) !important;
	content: "\f071" !important;
}

.useful-info-transparent {
	background-color: transparent !important;
}

.useful-info-contrast {
	background-color: transparent !important;
	border: 1px solid #41a2de;
	color: #1084cc !important;
}

div[class^="useful-info"] a {
	text-decoration: underline;
	color: #434343;
}

div[class^="useful-info"] *[class^="useful-info-inner"], div[class^="useful-info"] p {
	font-size: 10pt;
	margin: 0;
	padding-left: 0;
	color: var(--orbe-feedback-fg-on-info) !important;
}

div[class^="useful-info-danger"] p {
	color: var(--orbe-feedback-fg-on-negative) !important;
}

div[class^="useful-info-warning"] p {
	color: var(--orbe-feedback-fg-on-warning) !important;
}

div[class^="useful-info-success"] p {
	color: var(--orbe-feedback-fg-on-positive) !important;
}

div[class^="useful-info"] h3 {
	font-weight: bold;
	padding: 3px 0 3px 0;
	font-size: 11pt;
	margin: 0;
	margin-bottom: 5px;
}

div[class^="useful-info"] .useful-info-inner-middle:before {
	position: absolute;
	top: 50%;
	margin: 0;
	transform: translate(0, -50%);
}

.useful-info-hover-underline:hover {
	text-decoration: underline;
	cursor: pointer;
}

.list-info li {
	color: var(--font-primary--shade--one);
	margin: 5px 0;
	font-size: 12pt;
	list-style: square;
	line-height: 1.5;
}

#datatable .warn,
[id^="addDatatable"] .warn {
	border-radius:0px;
	margin:0;
}

.warn ul {
	padding-left: 12px
}

.warn ol li {
	font-size: 9pt;
	font-weight: normal;
	line-height: 12pt;
	color: #222;
}

.sucess {
	font-size: 10pt;
	color: #222;
	border-top: 1px solid #91bf2f;
	border-bottom: 1px solid #91bf2f;
	background: #deeac5 url(images/info_icon.png) no-repeat 15px 6px;
	padding: 20px 10px 15px 80px;
	margin-top: 15px;
}

.sucess ul {
	padding-left: 12px
}

.sucess textarea {
	padding-left: 12px
}

#mensagemGrupoTag {
	margin: 15px 10px 10px 10px;
	text-align: left;
}

span.linkselected {
	background: url(images/arrow.gif) no-repeat;
	background-position: 0 3px;
	padding-left: 10px;
	display: block;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	border: 0;
}

/* tabelas */
table {
	border-collapse: collapse;
}

th.right {
	text-align: right;
}

th.left {
	text-align: left;
}

td.right {
	text-align: right;
}

td.left {
	text-align: left;
}

td input {
	padding: 4px 4px;
	border: 1px solid var(--hairline-regular);
}

.relatorio td input:focus {
	border-color: var(--brand-primary);
	outline: none;
}

th.destaque {
	font-weight: bold;
}

.editgrid {
	margin: 0;
	padding: 0;
	border: none;
}

.editgridh {
	margin: 0;
	padding: 0;
	border: none;
}

.editgrid th {
	font-size: 8pt;
	text-align: left;
	border: none;
	color: #333;
}

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

.editgrid td {
	font-size: 8pt;
	border: 1px solid #999;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.editgrid .padding-top {
	padding-top: 5px;
}

table.grid-header {
	border: none;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	font-size: 9pt;
}

table.grid-header th {
	font-size: 8pt;
	text-align: left;
	border: none;
	background-color: var(--content-primary);
	color: var(--font-primary);
}

table.grid-header th .info {
	margin-left: -1px;
	margin-bottom: 3px;
}

table.grid-header td {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	border: 1px solid var(--hairline-regular);
}

table.grid-header th.right {
	text-align: right;
}

table.grid-header td input,.grid td input {
	padding: 4px 4px;
}

table.grid-header td input[readOnly] {
	background-color: var(--content-primary);
}

#tabOcorrencias {
	margin: 0 auto;
}

#tabOcorrencias td input {
	width: 100%;
}

.grid {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

.grid th {
	font-size: 9pt;
	color: #333;
	border: 1px solid #BBB;
}

.grid td {
	font-size: 9pt;
	border: 1px solid #BBB;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.grid td.listagem {
	position: relative;
	padding: 5px;
	font-size: 8pt;
	cursor: pointer;
}

.grid td input {
	padding: 4px 4px;
}

.grid td input[readonly]:focus {
	background-color: #fbfbfb;
	color: #666;
}

.grid8 {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

.grid8 th {
	font-size: 8pt;
	color:var(--font-primary--shade--one);
	border: 1px solid #ccc;
}

.grid8 td {
	font-size: 8pt;
	border: 1px solid #ccc;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.grid8 td.listagem {
	position: relative;
	padding: 5px;
	font-size: 8pt;
	cursor: pointer;
}

.grid8 td input {
	padding: 4px 4px;
}

.grid8 td input[readonly]:focus {
	background-color: #fbfbfb;
	color: #666;
}

table.listagem th {
	text-align: left;
}

td .quadro-data,th .quadro-data {
	width: 120px;
}

td .quadro,th .quadro {
	border-left: 1px solid #ccc;
	max-width: 6%;
	text-align: center;
	padding-left: 3px;
}

td .quadro-exame-outros,th .quadro-exame-outros {
	border-left: 1px solid #ccc;
	text-align: left;
	padding-left: 3px;
	max-width: 40%;
}

#simple-table td {
	border: none;
}

#simpletable table {
	font-size: 8pt;
	border-collapse: collapse;
	color: #000;
	width: 99%;
}

table.tableBorder {
	border-left: solid 1px #c4c4c4;
	border-bottom: solid 1px #c4c4c4;
	font-size: 9pt;
	border-collapse: collapse;
}

table.tableBorder td {
	padding-left: 5px;
	border-right: solid 1px #c4c4c4;
}

table.layout {
	font-size: 8pt;
	border-collapse: collapse;
	width: 100%;
	text-align: left;
	border: none;
}

table.layout td {
	margin: 0;
	padding: 0;
	border: none;
	text-align: left;
	vertical-align: top;
}

table.layoutExportacao {
	font-size: 8pt;
	border-collapse: collapse;
	width: 100%;
	text-align: left;
	border: none;
}

table.layoutExportacao td {
	margin: 0;
	padding: 0;
	border: none;
	text-align: left;
	vertical-align: middle;
}

table.simple {
	border: none;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	width: 100%;
}

table.simple th {
	font-size: 8pt;
	color: var(--font-primary--shade--one);
	border: 1px solid var(--hairline-regular);
	border-bottom: 0;
	padding: 1px 6px;
}

table.simple td {
	margin: 0;
	border: 1px solid var(--hairline-regular);
	padding: 1px 6px;
	font-size: 8pt;
}

table.simple td.none {
	border: 0;
}

table.simple td.simple {
	border-top: 0;
}

table.estatistica {
	border: none;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	width: 100%;
}

table.estatistica th {
	font-size: 9pt;
	color:var(--font-primary);
	border: 1px solid var(--hairline-regular);
	padding: 6px 20px;
	background: var(--bg-primary);
	font-weight: normal;
}

table.estatistica td {
	margin: 0;
	border-bottom: none;
	border: 1px solid var(--hairline-regular);
	background-color: var(--bg-primary);
	padding: 4px 10px;
	font-size: 9pt;
	font-weight: bold;
	color: var(--font-primary);
	text-align: center;
}

table.estatistica td.none {
	border: 0;
}

#table-commands {
	overflow: auto;
	background: #fff;
	padding: 3px;
}

#table-commands table {
	width: 99%;
	border-bottom: 0;
}

.resultado-pesquisa-base {
	overflow: auto;
	height: 200px;
	color: #666;
	border: 1px solid #CCC;
}

#resultadoPesquisa,#resultadoBusca {
	overflow: auto;
	background-color: #fff;
	margin-top: 11px;
	padding-bottom: 3px;
	height: 350px;
}

#resultadoPesquisa {
	height: 300px;
}

#resultadoBusca table,#resultadoPesquisa table {
	font-size: 8pt;
	border-collapse: collapse;
	background: var(--bg-primary);
	color: #000;
	width: 99%;
}

#resultadoBusca th,#resultadoPesquisa th {
	font-weight: bold;
}

#resultadoBusca tr th,
#resultadoPesquisa tr th,
#resultadoBusca tr td,
#resultadoPesquisa tr td,
#datatable_base .item-base:last-of-type .row-base,
td.listaRecibo,
.linha,
.list-permissions > div:not(:last-of-type) {
	border-bottom: 1px solid #CCC;
	color: var(--font-primary);
}

.resultado-pesquisa-base #datatable_base .item-base.read.active .CodeMirror {
	background-color: var(--content-primary);
}

.resultado-pesquisa-base #datatable_base .item-base.read.active .CodeMirror .editor-preview {
	background-color: var(--content-primary);
	color: var(--font-primary--shade--one);
}

#resultadoBusca,#resultadoPesquisa {
	font-weight: normal;
	text-decoration: none;
	color: #666;
}

#resultadoBusca,#resultadoPesquisa {
	color: #666;
}

#resultadoBusca,#resultadoPesquisa {
	color: #f00;
	background-color: var(--bg-primary);
	display: block;
}

.datatable-area,#datatable-area {
	clear: both;
	padding: 10px;
	padding-bottom: 35px;
}

#datatable-area.no-sticky {
	padding-bottom: 50px;
}

#datatable,.datatable {
	padding: 0;
	width: 100%;
}

#relatorio table,
#datatable table,
.datatable table {
	font-size: 11.5px;
	border-collapse: collapse;
	color: var(--font-primary);
	width:100%;
	min-height: 100%;
}

#datatable table a,
[id^="addDatatable"] table a {
	font-size: 8pt;
	border-collapse: collapse;
	width: 100%;
}

#relatorio tr th, #datatable tr th,.datatable tr th {
	font-weight: bold;
	border-bottom: 2px solid #888;
	color: var(--font-primary--shade--one);
	height: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 1px;
		padding-bottom: 1px;
}

#relatorio tr td,#datatable tr td,.datatable tr td {
	color: var(--font-primary--shade--one);
	border-bottom: 1px solid var(--hairline-regular);
	line-height: 15px;
	padding: 6px 10px 6px 0px;
}

#datatable .tickets-tabela tr td,
[id^="addDatatable"] .tickets-tabela tr td {
	vertical-align: top;
}

#datatable tr td.right,.datatable tr td.right {
	text-align: right;
}

#datatable tr td.destaque,.datatable tr td.destaque {
	font-weight: bold;
}

#datatable tr.div,
[id^="addDatatable"] tr.div {
	line-height: 20px;
	font-size: 8pt;
	font-weight: bold;
	border-bottom: 2px solid #BBB;
}

#datatable tr.divisao,
[id^="addDatatable"] tr.divisao {
	height: 30px;
	font-weight: bold;
	font-size: 8pt;
	color: #444;
	text-transform: uppercase;
	vertical-align: bottom;
}

#datatable .fit,
[id^="addDatatable"] .fit {
	width: 1%;
	white-space: nowrap;
}

.highlight, .hightlight-context {
	background: var(--content-primary--shade--one);
	color: #222
}

.tContatoNome {
	max-width: 350px;
	word-break: break-all;
}

#datatable_base .row-base,
#datatable_base .row-base{
  width: 100%;
  border-bottom: 1px solid #CCC;
  border-top: none;
  position: relative;
}

#datatable_base .row-base h3 {
  width: 88%;
  margin: 0px;
  padding: 5px;
  font-size: 9pt;
}

#datatable_base .row-base .base-ticket-visualizar,
#datatable_base .row-base .base-ticket-desvincular,
#datatable_base .row-base .base-ticket-vincular,
#datatable_base .row-base .base-ticket-obs,
#datatable_base .row-base .base-ticket-warning {
  position: absolute;
  top: 0%;
  opacity: 0.3;
  width: 30px;
  height: 25px;
  text-align: center;
  padding-top: 6px;
}

#datatable_base .row-base .base-ticket-obs,
#datatable_base .row-base .base-ticket-vincular,
#datatable_base .row-base .base-ticket-desvincular,
#datatable_base .row-base .base-ticket-warning {
  display: none;
}

#datatable_base .row-base .base-ticket-visualizar {
  right: 0%;
}

#datatable_base .row-base .base-ticket-obs,
#datatable_base .row-base .base-ticket-warning {
  right: 5%;
}

#datatable_base .row-base .base-ticket-obs:hover {
  color: #7CB5D8;
  opacity: 1;
}

#datatable_base .row-base .base-ticket-warning:hover {
  color: #DD6F77;
  opacity: 1;
}

#datatable_base .row-base .base-ticket-vincular,
#datatable_base .row-base .base-ticket-desvincular {
  right: 9%;
}

#datatable_base .row-base .base-ticket-vincular:hover {
  color: #7CB5D8;
  opacity: 1;
}

#datatable_base .row-base .base-ticket-desvincular {
  opacity: 0.6;
  background-image: url(../images/icon_unlink.png);
  background-repeat: no-repeat;
  background-size: 9pt;
  background-position: center;
}

#datatable_base .row-base .base-ticket-desvincular:hover {
  opacity: 1;
  background-image: url(../images/icon_unlink_red.png);
}

#datatable_base .row-base .base-ticket-desvincular img{
  height: 12px;
}

/*#datatable_base p {
  margin: 0px;
  border: 1px solid #CCCCCC;
  border-top: none;
  font-size: 9pt;
  background-color: #FFF;
  padding: 9px;
  line-height: 17px;
}*/

#divPaginacaoBase {
  font-size: 7pt;
  font-weight: bold;
  text-align: center;
  color: #666;
}

#divPaginacaoBase a {
	text-decoration: none;
}

#divPaginacaoBase a:hover {
  text-decoration: underline;
}

.tag-ticket-vinculado {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  border: none;
  color: #FFF;
  background-color: #29ABE2;
  cursor: pointer;
}

#descricao_ticket {
  white-space: pre-line;
  margin-top: 4px;
  word-wrap: break-word;
}

/* Escritorio */
#listaExtras {
	height: 275px;
	width: 600px;
	overflow: auto;
}

#listaBorderoView {
	height: 250px;
	width: 100%;
	overflow: auto;
	margin-bottom: 10px;
	border: 1px solid #eee;
}

.espacoObrigacoesCliente {
	height: 290px;
	width: 630px;
	margin-bottom: 10px;
	overflow: auto;
}

.espacoRecibo {
	height: 330px;
	width: 670px;
	margin-bottom: 10px;
	overflow: auto;
}

.totaisRecibo {
	float: right;
	padding-right: 20px;
	text-align: right;
	border: solid 1px #ccc;
}

.listaObrigacoes {
	height: 162px;
	overflow: auto;
}

/*menu de contexto*/
.menu_ui {
	display: none;
	z-index: 4;
	margin: 5px;
	position: absolute;
	text-align: left;
	font-size: 8pt;
}

.nameuisidelh {
	border-right: #7b7b7b 1px solid;
	font-size: 1pt;
	width: 5px;
	line-height: 1px;
}

.nameuisiderh {
	border-right: #7b7b7b 1px solid;
	padding: 3px 0 3px 0;
	background-color: #ffffff;
}

.nameuilinkoff {
	padding: 0 7px 0 7px;
	cursor: pointer;
	line-height: 18px;
	border-bottom: #dddddd 1px dotted;
	height: 19px;
	background-color: #ffffff;
	font-size: 8pt;
}

.nameuilinkoff a {
	color: #0c59a7;
	border: 0;
	font-style: normal;
}

.nameuilinkoff a:hover {
	color: #0c59a7;
	border: 0;
	font-style: normal;
}

.nameuilinkoff img {
	color: #0c59a7;
}

.nameuilinkover,.nameuilinkover a {
	padding: 0 7px 0 7px;
	cursor: pointer;
	line-height: 18px;
	border-bottom: #dddddd 1px dotted;
	height: 19px;
	background-color: #ffffff;
	font-size: 8pt;
}

.nameuilinkover,nameuilinkover a {
	background-color: #efeee0;
}

.nameuibgsml a:hover {
	text-decoration: none;
}

.nameuiimg {
	margin: 10px 0 0 14px;
	cursor: pointer;
	height: 90px;
}

.nameuibox1 {
	padding: 0;
	font-size: 1px;
	margin: 0 2px 0 8px;
	line-height: 1px;
	height: 1px;
	background-color: #7b7b7b;
}

.nameuibox2 {
	border-right: #7b7b7b 1px solid;
	padding: 0;
	font-size: 1px;
	margin: 0 1px 0 7px;
	border-left: #7b7b7b 1px solid;
	line-height: 1px;
	background-color: #fff;
}

/*data picker*/
table.jCalendar {
	border-collapse: separate;
	border-spacing: 2px;
}

table.jCalendar th {
	background: #736859;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #EFEFE0;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}

table.jCalendar td.other-month {
	background: #CFCFC2;
	color: #736859;
}

table.jCalendar td.today {
	background: #FFA500;
	color: #fff;
}

table.jCalendar td.selected {
	background: #778F23;
	color: #fff;
}

table.jCalendar td.selected:hover {
	background: #A7BF53;
	color: #fff;
}

table.jCalendar td:hover,table.jCalendar td.dp-hover {
	background: #A7BF53;
	color: #fff;
}

table.jCalendar td.disabled,table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

div.dp-popup {
	position: relative;
	background: #fff;
	font-size: 10px;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
	border: 1px solid #111;
}

div#dp-popup {
	position: absolute;
	z-index: 19900;
}

div.dp-popup h2 {
	font-size: 14px;
	text-align: center;
	margin: 5px 0;
	padding: 0;
	text-transform: capitalize;
}

a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}

a#dp-close:hover {
	text-decoration: underline;
}

div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}

div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}

div.dp-popup div.dp-nav-prev a {
	float: left;
}

div.dp-popup div.dp-nav-prev a,div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}

div.dp-popup div.dp-nav-prev a.disabled,div.dp-popup div.dp-nav-next a.disabled
	{
	cursor: default;
}

div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}

div.dp-popup div.dp-nav-next a {
	float: right;
}

div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}

div.dp-popup td {
	cursor: pointer;
}

div.dp-popup td.disabled {
	cursor: default;
}

/* Customizacao ui datepicker */
img.ui-datepicker-trigger {
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0px 3px;
	vertical-align: middle;
}

.ui-datepicker-month,.ui-datepicker-year {
	border: 1px solid var(--hairline-regular);
	border-radius: var(--border-radius);
	background-image: url(../../imagens/caret-down.svg);
	background-repeat: no-repeat;
	background-position: center right 8px;
	background-size: auto !important;
	min-height: 32px !important;
	height: 32px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	padding-right: 24px;
	padding-left: 16px;
}

.ui-widget-content .ui-state-default {
	border: 0px solid #000;
	color: #000;
}

.ui-widget-content .ui-state-highlight {
	background-image: none;
	background-color: #ffa500;
	color: #fff;
}

.ui-widget-content .ui-state-active {
	color: #fff;
}

.ui-widget-header .ui-icon {
	background-image: url(ui/images/ui-icons_8DC262_256x240.png) !important;
}

#ui-datepicker-div {
	border: 1px solid var(--hairline-regular);
	background-color: var(--bg-primary);
	color: var(--font-primary);
}

#ui-datepicker-div a {
	color: var(--font-primary);
}

.ui-datepicker-calendar tbody tr td a.ui-state-default {
	background-color: var(--content-tertiary);
}

.ui-datepicker-calendar tbody tr td a.ui-state-default:hover {
	background: linear-gradient(rgba(60, 60, 60, 0.12), rgba(60, 60, 60, 0.12));
}

.ui-datepicker-calendar tbody tr td a.ui-state-default.ui-priority-secondary {
	background-color: var(--content-secondary);
}

.ui-datepicker-calendar tbody tr td a.ui-state-default.ui-priority-secondary:hover {
	background: linear-gradient(rgba(100, 100, 100, 0.20), rgba(100, 100, 100, 0.20));
}

.ui-datepicker-calendar tbody tr td a.ui-state-default.ui-state-highlight {
	background-color: #ffa500;
}

.ui-datepicker-calendar tbody tr td a.ui-state-default.ui-state-active {
	background-color: #007fff;
	color: var(--font-secondary) !important;
}


input.hasDatepicker {
	width: 80px;
}

a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

input.dp-applied {
	width: 85px;
	float: left;
}

.ui-widget {
	max-width: 960px;
}

/* diversos */
table.listaRecibo {
	font-size: 8pt;
	border-collapse: collapse;
	background: #fff;
	color: #000;
	border-top: solid 1px #ccc;
	border-left: solid 2px #ccc;
	border-right: solid 1px #ccc;
}

th.listaRecibo {
	border-bottom: 1px solid #ccc;
	background: #EBEBEB
}

#grafico {
	z-index: 99999;
	height: 380px;
	width: 380px;
}

#btn-graph,#btn-graph:hover,#btn-graph:focus {
	position: relative;
	float: right;
	height: 25px;
	width: 15px;
	padding: 0;
	margin: 7px 10px 0 0;
	background: url(images/chart_icon.gif) bottom left no-repeat;
	border: none;
	cursor: pointer;
}

#btn-excel,#btn-excel:hover,#btn-excel:focus {
	position: relative;
	float: right;
	height: 25px;
	width: 15px;
	padding: 0;
	margin: 7px 10px 0 0;
	background: url(images/excel.gif) bottom left no-repeat;
	border: none;
	cursor: pointer;
}

#btn-print,#btn-print:hover,#btn-print:focus {
	position: relative;
	float: right;
	height: 25px;
	width: 15px;
	padding: 0;
	margin: 7px 10px 0 0;
	background: url(images/printer.gif) bottom left no-repeat;
	border: none;
	cursor: pointer;
}

#btn-pesq,#btn-pesq:hover,#btn-pesq:focus {
	position: relative;
	float: right;
	height: 30px;
	width: 85px;
	padding: 0;
	padding-left: 30px;
	margin: 7px 10px 0 0;
	background: url(images/ico_search.png) bottom left no-repeat;
	border: none;
	cursor: pointer;
}

#logRetorno {
	overflow: auto;
	padding: 5px;
	color: var(--font-primary--shade--one);
}

#dadosTarefa {
	overflow: auto;
	width: 490px;
	height: 390px;
	border: 0;
}

#espacoLinkPeriodo {
	padding: 3px 0 3px 8px;
}

.lateral {
	width: 135px;
	padding: 10px;
	margin-left: 10px;
}

#slot_tags {
	padding-top: 0px;
}

.tag {
	float: left;
	padding: 5px 10px;
	background: var(--tag-background-produtos);
	border: 1px solid var(--tag-border-produtos);
	margin-right: 5px;
	color: var(--tag-color-produtos);
}

.tag-left {
	height: 26px;
	width: 0px;
	float: left;
}

#tags-area {
	text-align: left;
	height: 350px;
	width: 620px;
	overflow: auto;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

#tags-area input[type="radio"] {
	margin: 3px 3px 0px 5px;
}

#tags-area label {
	margin-bottom: 0px;
}

.tag-slot {
	float: left;
	width: 140px;
	padding: 10px;
	margin: 0 10px 10px 0;
	background: var(--tag-slot-background-produtos);
	border: 1px solid var(--tag-slot-border-produtos);

}
.tag-slot h4{
	color: var(--tag-slot-color-produtos);
}

table.lista a {
	color: #615958;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}

table.lista p {
	margin: 0;
	padding: 0;
	color: #666;
}

table.lista td {
	margin: 0;
	padding: 0 5px 0 0;
}

table.lista img {
	border: 0;
}

.novidade {
	background-color: #77AF0F;
	color: #fff;
	padding: 1px 10px;
	margin-left: 5px;
}

.novidade a {
	color: #fff;
	text-decoration: none
}

.summary {
	float: right;
	margin-top: 30px;
}

.summary ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: #333;
	float: left;
	width: 170px;
}

.summary ul li {
	font-size: 7pt;
	line-height: 25px;
	clear: both;
	border-top: 1px solid #ddd;
}

.summary .icon {
	height: 30px;
	font-size: 14pt;
	font-weight: bold;
	padding: 0 30px 0 40px;
	background: url(images/summary.gif) no-repeat 0 0;
	float: left;
}

.summary .label-totais {
	font-size: 8pt;
	float: left;
}

.summary .label-spacer {
	height: 30px;
}

.summary .valor-totais {
	font-size: 11pt;
	font-weight: bold;
	float: right;
	text-align: right;
}

.item-lista {
	padding-left: 24px;
}

.boxy-wrapper {
	position: absolute;
}

.boxy-wrapper.fixed {
	position: fixed;
}

.boxy-modal-blackout {
	position: absolute;
	left: 0;
	top: 0;
	background: #666;
}

.boxy-wrapper {
	empty-cells: show;
}

.boxy-wrapper .top-left,.boxy-wrapper .top-right,.boxy-wrapper .bottom-right, .boxy-wrapper .bottom-left {
	width: 2px;
	height: 2px;
	padding: 0
}

.boxy-wrapper .top-left {
	height: 5px;
	background-color: var(--hairline-regular);
	border-radius: 3px 0 0 0;
}

.boxy-wrapper .top-right {
	height: 5px;
	background-color: var(--hairline-regular);
	border-radius: 0 3px 0 0;
}

.boxy-wrapper .bottom-right {
	height: 5px;
	background-color: var(--hairline-regular);
	border-radius: 0 0 3px 0;
}

.boxy-wrapper .bottom-left {
	height: 5px;
	background-color: var(--hairline-regular);
	border-radius: 0 0 0 3px;
}

.boxy-wrapper .top,.boxy-wrapper .bottom {
	height: 5px;
	background-color: var(--hairline-regular);
	padding: 0;
}

.boxy-wrapper .left,.boxy-wrapper .right {
	width: 5px;
	background-color: var(--hairline-regular);
	padding: 0;
}

.boxy-wrapper .title-bar {
	padding: 6px;
	position: relative;
}

.boxy-wrapper .title-bar.dragging {
	cursor: move;
}

.boxy-wrapper .title-bar h2 {
	font-size: 14pt;
	color: var(--font-primary);
	margin: 0;
	padding: 3px 0 0 14px;
	font-weight: 100;
	text-align: left;
}

.boxy-wrapper .title-bar .close {
	color: black;
	background-color: #FFF;
	position: absolute;
	top: 6px;
	right: 6px;
	font-size: 90%;
	line-height: 1;
	opacity: 1;
}

.boxy-inner {
	background-color: var(--bg-primary);
	color: var(--font-primary);
	padding: 0;
}

.boxy-content {
	padding: 5px 20px 10px 20px;
}

.boxy-wrapper .question {
	width: 350px;
	min-height: 80px;
}

.boxy-wrapper .answers {
	text-align: right;
}

.ui-dialog {
	border: none;
}

.ui-dialog .ui-dialog-titlebar {
	background-image: none;
	background-color: Transparent;
	border: none;
	font-size: 13pt;
}

.ui-dialog-buttonpane {
	background-color: Transparent;
	border: none;
}

.fixed-dialog {
  position: fixed !important;
}

.border-dialog {
  border: 1px solid rgba(0,0,0,.2) !important;
  -webkit-box-shadow: -1px 2px 4px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: -1px 2px 4px 1px rgba(0,0,0,0.2);
  box-shadow: -1px 2px 4px 1px rgba(0,0,0,0.2);
}

/* new */
.close {
	background-image: url(images/close.gif);
	background-color: var(--bg-primary) !important;
	height: 17px;
	width: 17px;
}

.close:hover {
	background-color: #fff;
}

.ac_results {
	z-index: 999999;
	position: absolute
}

#slot-pesquisa {
	background: #F6F6E8 url(images/pesquisa.gif) no-repeat top left;
	padding: 10px 10px 10px 90px;
}

.box {
	padding: 10px 18px 25px 65px;
	margin: 0;
	background: url(images/warning_orange.gif) no-repeat 8px 25px;
}

.box h3 {
	font-size: 12px;
	font-weight: bold;
}

.box p {
	margin-top: 12px;
}

.box-blue {
	background: #E0F0FF;
	border-top: 1px solid #C4E3FF;
	border-bottom: 1px solid #C4E3FF;
	padding: 10px 18px 25px 18px;
	margin: 0px 10px;
}

.box-aviso {
	background-color: var(--orbe-feedback-bg-info);
	min-height: 75px;
	display: block;
	font-size: 14px;
	padding: 15px 15px 15px 65px;
	position: relative;
	min-height: 65px;
	border-radius: var(--orbe-rounded);
}

.box-aviso::before {
	font-family: 'Font Awesome 5 Free';
	content: "\f05a";
	position: absolute;
	font-size: 25pt;
	color: var(--orbe-feedback-fg-subtle-on-info);
	left: 20px;
	top: 15px;
	line-height: normal;
	font-weight: 900;
}

.box-aviso p {
	color: var(--orbe-feedback-fg-on-info);
}

.box-aviso h3 {
	font-size: 14px;
	color: var(--orbe-feedback-fg-on-info);
}

.box-insert {
	background: #DDD;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 5px 0;
}

.sidebar {
	padding-left: 10px;
	padding-right: 10px;
}

.sidebar img {
	border: 0;
}

.sidebar ul {
	list-style-type: none;
	margin: 0 0 0 3px;
	padding: 0;
	font-size: 8pt;
}

.sidebar li {
	line-height: 22px;
}

.sidebar a {
	padding-top: 4px;
	padding-bottom: 3px;
	font-size: 8pt;
}

.ico-xls {
	display: inline;
	background: url(images/ico-xls.gif) 5px center no-repeat;
	cursor: pointer;
	padding-left: 20px;
}

.ico-print {
	display: inline;
	cursor: pointer;
	padding-left: 20px;
}

.ico-print:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f02f";
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 11pt;
	font-weight: 900;
}

.ico-pagamento {
	display: inline;
	background: url(images/ico-pagamento.svg) center no-repeat;
	background-size: 15px 15px;
	cursor: pointer;
	padding-left: 20px;
}

.ico-lancamento {
	display: inline;
	background: url(images/ico-lancamento.svg) center no-repeat;
	background-size: 15px 15px;
	cursor: pointer;
	padding-left: 20px;
}

.ico-delete {
	display: inline;
	background: url(images/ico-del.gif) 5px center no-repeat;
	cursor: pointer;
	padding-left: 20px;
}

.ico-trf {
	display: inline;
	background: url(images/ico-trf.gif) 5px center no-repeat;
	cursor: pointer;
	padding-left: 20px;
}

.ico-mail {
	display: inline;
	background: url(images/ico-mail.gif) 5px center no-repeat;
	cursor: pointer;
	padding-left: 20px;
}

.ico-person {
	display: inline;
	background: url(images/ico-person.gif) 5px center no-repeat;
	cursor: pointer;
	padding-left: 20px;
}

.ico-none {
	display: inline;
	padding-left: 20px;
}

.ico-youtube {
	display: inline;
	cursor: pointer;
	padding-left: 20px;
}

.ico-youtube:before {
	background: url(images/ico-youtube.png) center center no-repeat;
	opacity: 0.5;
	width: 16px;
	height:16px;
	margin: -3px 0 0 -25px;
	content: " ";
	vertical-align:middle;
	position: absolute;
}

.ico-youtube:hover:before {
	opacity: 1;
}

.ico-windows {
	display: inline;
	cursor: pointer;
	padding-left: 20px;
}

.ico-windows:before {
	background: url(images/ico-windows.png) center center no-repeat;
	opacity: 0.5;
	width: 16px;
	height:16px;
	margin: 0 0 0 -25px;
	content: " ";
	vertical-align:middle;
	position: absolute;
}

.ico-windows:hover:before {
	opacity: 1;
}

.ico-teamviewer {
	display: inline;
	cursor: pointer;
	padding-left: 20px;
}

.ico-teamviewer:before {
	background: url("../images/ico-teamviewer.png") center center no-repeat;
	opacity: 0.5;
	width: 16px;
	height:16px;
	margin: 0 0 0 -25px;
	content: " ";
	vertical-align:middle;
	position: absolute;
}

.ico-teamviewer:hover:before {
	opacity: 1;
}

.ico-anydesk {
	display: inline;
	cursor: pointer;
	padding-left: 20px;
}

.ico-anydesk:before {
	background: url("../images/ico-anydesk.png") center center no-repeat;
	opacity: 0.5;
	width: 16px;
	height:16px;
	margin: 0 0 0 -25px;
	content: " ";
	vertical-align:middle;
	position: absolute;
}

.ico-anydesk:hover:before {
	opacity: 1;
}

.ico-mac {
	display: inline;
	cursor: pointer;
	padding-left: 20px;
}

.ico-mac:before {
	background: url(images/ico-mac.png) center center no-repeat;
	opacity: 0.5;
	width: 16px;
	height:16px;
	margin: -3px 0 0 -25px;
	content: " ";
	vertical-align:middle;
	position: absolute;
}

.ico-mac:hover:before {
	opacity: 1;
}

.ico-linux {
	display: inline;
	cursor: pointer;
	padding-left: 20px;
}

.ico-linux:before {
	background: url(images/ico-linux.png) center center no-repeat;
	opacity: 0.5;
	width: 16px;
	height:16px;
	margin: -3px 0 0 -25px;
	content: " ";
	vertical-align:middle;
	position: absolute;
}

.ico-linux:hover:before {
	opacity: 1;
}

.ico-tag:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f02c";
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 11pt;
	font-weight: 900;
}

.ico-conf:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f013";
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 14px;
	font-weight: 900;
}

.ico-book:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f02d";
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 11pt;
	font-weight: 900
}

.ico-import:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f019";
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 11pt;
	font-weight: 900;
}

.ico-export:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f093";
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 11pt;
	font-weight: 900;
}

.ico-transf:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f074";
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 11pt;
	font-weight: 900;
}

.ico-plus-circle:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f055";
	left: 10px;
	top: 10px;
	font-size: 9pt;
	color: #98c346;
	vertical-align: middle;
	font-weight: 900;
}

.ico-minus-circle:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f056";
	left: 10px;
	top: 10px;
	font-size: 9pt;
	color: #98c346;
	vertical-align: middle;
	font-weight: 900;
}

.ico-edit:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f044";
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 11pt;
	font-weight: 900;
}

.ico-read:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f0c9";
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 11pt;
	font-weight: 900;
}

.fa-bell:before {
	font-size: 12pt !important;
}

.ico-toggle-on:before,
.ico-toggle-off:before {
	font-family: Icomoon;
	font-size: 18px;
}

.ico-disabled:before {
	cursor: default;
}

.ico-toggle-on:before {
	content: "\e900";
	color: #98c346;
}

.ico-toggle-off:before {
	content: "\e901";
	color: #6c6c6c;
}

.ico-refresh:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f2f1";
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 11pt;
	font-weight: 900;
}

.ico-money:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f3d1";
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 11pt;
	font-weight: 400;
}

.ico-share:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f14d";
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 11pt;
	font-weight: 900;
}

.ico-hdd:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f0a0";
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 11pt;
	font-weight: 900;
}

.ico-arrow-right:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f061";
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 11pt;
	font-weight: 900;
}

.ico-arrow-left:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f060";
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 11pt;
	font-weight: 900;
}

.ico-table:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f0ce";
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 11pt;
	font-weight: 900;
}

.ico-pencil:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f303";
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 11pt;
	font-weight: 900;
}

.ico-user:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f007";
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 11pt;
	font-weight: 900;
}

.ico-group:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f0c0";
	position: absolute;
	left: 10px;
	font-size: 11pt;
	font-weight: 900;
}

.ico-barcode:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f02a";
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 11pt;
	font-weight: 900;
}

.ico-seta-dupla-direita:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f101";
	font-size: 11pt;
	font-weight: 900;
}

.ico-signout:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f2f5";
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 11pt;
	font-weight: 900;
}

.ico-signin:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f2f6";
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 11pt;
	font-weight: 900;
}

.ico-briefcase:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f0b1";
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 11pt;
	font-weight: 900;
}

.ico-search:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f002";
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 11pt;
	font-weight: 900;
}

.ico-clonar {
	display: inline;
	background: url(images/ico-clonar.gif) 5px center no-repeat;
	cursor: pointer;
	padding-left: 20px;
}

.ico-modelo {
	display: inline;
	background: url(images/ico-modelo.gif) 5px center no-repeat;
	cursor: pointer;
	padding-left: 20px;
}

.ico-save:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f0c7";
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 10pt;
	font-weight: 900;
}

.ico-remove:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f00d";
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 11pt;
	font-weight: 900;
}

.ico-trash:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f2ed";
	font-size: 11pt;
	font-weight: 900;
}

.ico-wrench:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f0ad";
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 11pt;
	font-weight: 900;
}

.ico-bullhorn:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f0a1";
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 11pt;
	font-weight: 900;
}

.ico-ban-circle:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f05e";
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 11pt;
	font-weight: 900;
}

.ico-relative {
	font-style: normal;
	position: relative;
}

.ico-relative::before {
	top: initial;
	left: 5px;
	cursor: pointer;
}

.ico-warning {
	display: inline;
	background: url(images/ico_warn.png) 5px center no-repeat;
	cursor: pointer;
	padding: 2px 0 2px 22px;
}

.menu-topo {
	background: #485177;
	text-align: left;
	margin-top: 4px;
	height: 29px;
}

.menu-topo a {
	font-size: 10pt;
	font-weight: bold;
}

.title {
	color: #333;
	font-size: 12pt;
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px 0;
}

.title .badge-sugestao {
	margin-left: var(--orbe-spacing-1);
	margin-top: var(--orbe-spacing-2);
}

#panel {
	display: none;
	clear: both;
	padding: 15px;
}

#panel.relatorio {
	display: block;
	clear: both;
	padding: 0;
	background: #DEE4EA;
}

#panel ul a {
	margin: 2px 5px 0 5px;
	padding-left: 20px;
	text-decoration: underline;
	font-weight: normal;
	color: #1e89ca;
	line-height: 17px;
}

#panel ul a.selected {
	background: url(images/rmore.gif) no-repeat;
	padding-left: 20px;
}

#panel ul {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 8pt;
}

#panel ul a {
	font-size: 8pt;
}

.contasReceberPanel ul,
.no-wrap {
	white-space: nowrap;
}

#panel li {
	line-height: 20px;
	clear: both;
}

#panel .periodos {
	float: left;
}

#panel .label {
	padding-bottom: 4px;
	border-bottom: 1px solid #b1b8be;
	font-weight: bold;
	font-size: 8pt;
	color: #333;
	margin-bottom: 5px;
	margin-right: 10px;
	display: flex;
}

#panel .label a {
	font-weight: bold;
	font-size: 8pt;
	color: #333;
	text-decoration: none;
	padding-left: 0;
	margin: 0;
	margin-top: 3px;
	padding-bottom: 2px;
}

#panel .label a:hover {
	text-decoration: underline;
	cursor: pointer;
}

#panel .labelMin {
	padding-bottom: 5px;
	border-bottom: 1px solid #b1b8be;
	font-weight: bold;
	font-size: 8pt;
	color: var(--font-primary--shade--one);
	margin-bottom: 5px;
	margin-right: 10px;
}

#panel .labelMin a {
	font-weight: bold;
	font-size: 8pt;
	color: #333;
	text-decoration: none;
	padding-left: 0;
	margin: 0;
}

#panel .labelMin a:hover {
	text-decoration: underline;
}

#panel .labelExportacao {
	padding-bottom: 5px;
	border-bottom: 1px solid #b1b8be;
	font-weight: bold;
	font-size: 11pt;
	color: var(--font-primary);
	margin-bottom: 5px;
	margin-right: 10px;
}

#panel .labelExportacao a {
	font-weight: bold;
	font-size: 8pt;
	color: #333;
	text-decoration: none;
	padding-left: 0;
	margin: 0;
}

#panel .labelExportacao a:hover {
	text-decoration: underline;
}

#panel .scroll {
	height: 100px;
	overflow: auto;
	margin-right: 15px;
}

#panel .scroll-hv {
	height: 120px;
	width: 250px;
	overflow: auto;
	margin-right: 5px;
}

#panel .vseparator {
	background: url(images/vdot.gif) repeat-y;
	width: 1px;
	margin: 0 10px;
	padding: 0px 3px 0px 2px;
}

#panel .vseparator-r {
	background: url(images/vdot.gif) repeat-y right;
	width: 10px;
	margin: 0;
}

#slot-recados {
	border: solid 1px #ccc;
	position: absolute;
	background-color: LightYellow;
	padding: 10px;
	width: 300px;
}

.tachado {
	text-decoration: line-through;
}

#search-caption {
	display: none;
	float: left;
	padding: 0;
	margin-left: 15px;
	width: 710px;
	color: #333;
	font-size: 9pt;
	font-weight: bold;
	border-bottom: 1px solid #AAA;
	padding-bottom: 3px;
}

#top-head {
	float: left;
	margin: 0;
	padding: 0;
	height: 40px;
	background: #eee;
	width: 930px;
	padding: 10px 15px;
	margin-bottom: 10px;
}

#mini-pesquisa-area {
	padding: 3px 5px 5px 0px;
}

#mini-pesquisa {
	margin-bottom: 5px;
	padding: 5px 0px;
	height: 36px;
}

#mini-pesquisa input {
	float: left;
}

#aviso p {
		padding: 9px 0 3px 3px;
}

.button-go {
  background:url(images/btn-search2.png) no-repeat;
	cursor: pointer;
	height: 28px;
	width: 30px;
	border-right: 1px solid #62a6e1;
	border-left: 0px;
	border-top: 0px;
	border-bottom: 0px;
	margin: 0;
	float: left;
	margin: 0px 0px 0px 5px;
}

.button-go-radius {
	border-radius: 0px 3px 3px 0px;
	border: none;
}

.button-new-radius {
	border-radius: 0px 3px 3px 0px;
	border: none;
}

.top-search #mini-pesquisa input.button-new, .top-search-popup #mini-pesquisa input.button-new {
	background: url(images/plus_filtro.png) #65C0E5 no-repeat 7px 6px;
	margin:0;
}
.top-search #mini-pesquisa input.button-new:hover {
	background: url(images/plus_filtro.png) #3276B1 no-repeat 7px 6px;
}

.button-ok:focus {
	background: url(images/btn-search2.png) no-repeat;
	background-position:center;
	cursor: pointer;
	color: #fff
}

#titulo-search-area {
	clear: both;
}

#titulo-search-area .titulo {
	font-size: 12pt;
	padding: 20px;
	color: #111;
}

#titulo-area {
	float: left;
	padding: 10px 8px 0 12px;
}

#top-commands {
	text-align: right;
	padding: 4px 10px 5px 0;
	width: 200px
}

.sem-titulo {
	width: 100%;
	float: left;
}

.titulo-home {
	display: none;
}

.titulo,
.titulo-1024 {
	font-size: 12pt;
	padding: 12px 0 0 0;
	margin-bottom: 10px;
	text-indent: 10px;
}

.titulo-det {
	width: 100%;
	color: #3FAF6C;
	font-size: 12pt;
	font-weight: bold;
	padding: 12px 0px 5px 0px;
	text-indent: 18px;
	background: var(--bg-primary);
	margin-bottom: 10px;
}

.titulo:hover,
.input-selector label:hover {
	cursor: pointer;
}

.titulo-det:hover,.titulo-1024 {
	cursor: default;
}

.titulo-1024 {
	width: 925px;
}

.ident {
	padding-left: 25px;
	padding-top: 5px;
	float: left;
}

.obrigatorio,
label.obrigatorio-label::after {
	display: inline;
	background: url(images/green-dot.gif) no-repeat left;
	padding-left: 7px;
}

label.obrigatorio-label::after {
	content: "";
	padding: 0 10px 0 0;
}

.totais {
	clear: both;
	margin: 0;
	width: 100%;
}

.base_saldoporconta {
	height: 250px;
	overflow: auto;
}

.right_saldo {
	padding-right: 20px;
	text-align: right;
}

.font_bold {
	font-weight: bold;
	font-size: 12px;
}

.totais .label {
	clear: both;
	margin-top: 5px;
	margin-left: 5px;
	font-size: 8pt;
	float: left;
	color: #333;
	text-align: left;
}

.totais .valor {
	clear: both;
	font-size: 12pt;
	font-weight: bold;
	color: #000;
	width: 150px;
	padding: 0px 0 0 4px;
	text-align: left;
}

.actions {
	clear: both;
	margin: 0;
	float: left;
	width: 100%;
}

.actions ul {
	margin-left: 0px;
}

.actions ul li {
	position: relative;
}

.actions h3 {
	color: #343E47;
	margin-top: 0px;
}

.actions > ul > li > ul > li {
	padding-left: 35px;
}

.actions > ul > li > ul a,
.actions > ul > li > ul a:hover {
	padding: 5px;
}

.totais h3 {
	color: #343E47;
	padding: 0px;
}

.right-align {
	float: right
}

.left-align {
	float: left
}

.cmd {
	margin-top: 45px;
	margin-bottom: 10px;
}

.hseparator {
	background: url(images/hdot.gif) repeat-x;
	height: 1px;
	margin: 0;
}

.vseparator {
	background: url(images/vdot.gif) repeat-y;
	width: 1px;
	margin: 0;
}

.rclose,.rclose:hover {
	background: url(images/rclose.gif) no-repeat top right;
	padding-right: 23px;
	height: 0px;
	display: none;
}

.rmore,.rmore:hover {
	background: url(images/rmore.gif) no-repeat top left;
	padding-left: 20px;
	height: 18px;
}

.link-more {
	background: url(images/link-more.png) #65C0E5 no-repeat 5px 6px;
	width:27px;
	height:28px;
	float: left;
	cursor: pointer;
	color: #444;
	border-left: 1px solid #85e0f5;
	border-radius: 0px 3px 3px 0px;
	text-indent: -10000px;
}

.link-more:hover {
	text-decoration: underline;
	background: url(images/link-more.png) #3276B1 no-repeat 5px 6px;
	border-left: 1px solid #45a0c5;
}

.link-more-texto {
	background: url("images/rmorew_grey.png") no-repeat scroll left top transparent;
	color: #9AA8B3;
	cursor: pointer;
	float: left;
	margin: 8px 0 0 5px;
	padding-left: 20px;
}

.link-mais {
	cursor: pointer;
	color: #6D9004;
	text-decoration: underline;
}

.link-mais-produto-loja {
	cursor: pointer;
	color: #6D9004;
	text-decoration: none;
}

.seta-d {
	display: inline;
	float: left;
	height: 20px;
	width: 16px;
	background: url(images/seta_direita.gif) no-repeat;
	cursor: pointer;
	margin-top: 5px;
	margin-left: 5px;
}

.seta-e {
	display: inline;
	float: left;
	height: 20px;
	width: 20px;
	background: url(images/seta_esquerda.gif) no-repeat;
	cursor: pointer;
	margin-top: 5px;
}

.menu-relatorio ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 8pt;
}

.menu-relatorio li {
	color: var(--font-primary--shade--one);
	margin: 0;
	padding: 5px 0 5px 20px;
	border-bottom: 1px solid var(--hairline-regular);
}

.menu-relatorio li:last-child {
	border-bottom: 0;
}

.menu-relatorio li:hover {
	background-color: var(--content-primary--shade--one);
	cursor: pointer;
}

.menu-relatorio li .report-icon img {
	height: 30px;
}

.menu-relatorio li .report-icon .report-icon-hover {
	display: none;
}

.menu-relatorio li:hover .report-icon .report-icon-hover {
	display: block;
}

.menu-relatorio li:hover .report-icon .report-icon-non-hover {
	display: none;
}

.menu-relatorio li .report-icon, .menu-relatorio li .report-text {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}

.menu-relatorio li .report-text {
	margin-left: 10px;
}

.menu-relatorio .descricao-relatorio {
	font-size: 13px;
	font-weight: bold;
	color: var(--font-primary--shade--one);
	text-decoration: none;
}

.menu-relatorio .descricao-detalhada-relatorio {
	margin-top: 3px;
	font-size: 12px;
}

.menu-relatorio a:hover {
	text-decoration: underline;
}

.menu-relatorio h3:first-child {
	margin-top: 0;
}

.menu-relatorio h3 {
	font-size: 13px;
	margin: 0;
	background-color: var(--bg-old-side-bar);
	padding: 5px 5px 5px 10px;
	color: var(--font-primary);
	border: 1px solid var(--hairline-regular);
}

.shade {
	background: url(images/shade.png) no-repeat;
}

.hidden {
	display: none;
}

.glow {
	background: #9BC115;
	color: #fff;
	font-weight: bold;
	display: inline;
}

#relatorio-head,.relatorio-head {
	display: none;
}

.relatorio-footer {
	display: none;
}

.no-links a {
	color: #000;
	text-decoration: none;
	text-decoration: none;
}

.no-links a:hover {
	background-color: #DEEAC4
}

.modulo {
	padding: 10px
}

.modulo img {
	border: 0
}

.grid-header.pad td {
	padding: 5px;
}

#datatable td table.item-rel td,
[id^="addDatatable"] td table.item-rel td {
	border: 0;
	margin: 0;
	padding: 0;
	line-height: 11pt;
}

.linha-tabela:hover {
	background: #daebf3 url(images/highlight.gif) repeat-x;
	cursor: pointer;
}

textarea[readonly],textarea[readonly]:focus {
	color: var(--font-primary);
	border: 1px solid transparent;
	border: 1px solid #999;
}

.group-title {
	color: var(--font-primary);
	font-size: 11pt;
	font-weight: 100;
	margin: 10px 0 5px 0;
	display: block;
	width: 100%;
	background: none;
	padding: 0px 0 5px 0;
	clear: both;
	border-bottom: 0px solid #999;
}

.group {
	padding: 5px 10px;
	float: left;
	margin: 0 0 10px 0;
	background: var(--bg-primary);
	border: 1px solid #CCCCCC;
	width: 100%;
}

.warn-search {
	font-size: 8pt;
	color: var(--font-primary);
	background: var(--warning-primary--background) url(images/ico_warn.png) no-repeat 10px 7px;
	padding: 10px 5px 15px 35px;
	float: left;
}

.warn-obs {
	font-size: 8pt;
	color: #222;
	background: #FFFFCF url(images/ico_warn.png) no-repeat 9px 5px;
	padding: 7px 5px 7px 35px;
	float: left;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.warn-preco-abaixo {
	font-size: 8pt;
	color: #222;
	background: #FFFFCF url(images/ico_warn.png) no-repeat 10px 7px;
	padding: 10px 5px 15px 35px;
	float: left;
	width: 100%;
}

.preco-abaixo {
	background: #FFFFCF;
}

.warn-nfe {
	font-size: 10pt;
	color: #222;
	background: #FFFFE0 url(images/warning_red.gif) no-repeat;
	margin-top: 15px;
	padding: 10px 5px 15px 70px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.coluna {
	float: left;
	width: 246px;
}

.coluna.left {
	text-align: left;
	position: absolute;
	left: 10px;
	top: 6px;
}

.coluna.right {
	text-align: right;
	position: absolute;
	right: 10px;
	top: 6px;
	width: auto;
}

.coluna.center {
	text-align: center;
	display: none;
}

.coluna ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline;
}

.coluna ul li {
	float: left;
	margin-left: 5px;
	padding-right: 5px;
}

.coluna a {
	text-decoration: underline;
	font-size: 8pt;
}

input.full {
	width: 100%
}

textarea.full {
	width: 99%;
}

table.vertical th {
	padding-top: 7px;
	text-align: left;
}

.popUpMenu {
	display: none;
}

.listaMenu {
	text-align: left;
}

.celbloq {
	background-color: #cccccc;
}

.cel-tempo-proc {
	background-color: #CDE3EC;
}

.new {
	color: #666;
	size: 5px;
	font-family: verdana;
	margin: 0 0px;
	padding: 1px;
	background: #fad377;
	font-size: 8px;
	border-radius: 10px;
	position: static;
	padding-left: 7px;
	padding-right: 7px;
}

.orcar {
	color: #FFF;
	font-weight: normal;
	margin: 0 1px;
	padding: 0 2px;
	background: #3BABAF;
}

.numero-destaque {
	color: #86B410;
	font-size: 12pt;
	font-weight: bold;
	margin: 0 0 3px;
	padding: 0 0 2px;
}

/* JQUERY TIPSY */
.tipsy {
	padding: 5px;
	font-size: 12px;
	opacity: 0.8;
	filter: alpha(opacity =   80);
	background-repeat: no-repeat;
	background-image: url(images/tipsy.gif);
}

.tipsy-inner {
	padding: 5px 8px 4px 8px;
	background-color: black;
	color: white;
	max-width: 200px;
	text-align: center;
}

.tipsy-inner {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.tipsy-north {
	background-position: top center;
}

.tipsy-south {
	background-position: bottom center;
}

.tipsy-east {
	background-position: right center;
}

.tipsy-west {
	background-position: left center;
}

.release-destaque {
	font-weight: bold
}

/* menu */
#menu_novo, #menu-novo>ul {
	margin: 0;
	padding: 0;
	z-index: 100;
	color: #FFF;
	font-size: 10pt;
}

#menu_novo ul, #menu-novo ul, #menu-acoes ul{
	padding: 0;
	margin: 0;
	display: inline;
}

.menu-compacto #mobile-menu {
	display: block;
}

#menu_novo li a, #menu-novo li a {
	color: var(--font-primary--shade--one);
	text-decoration: none;
	padding: 12px 0;
}

#menu_novo li, #menu-novo li, #menu-acoes li {
	cursor: pointer;
	position: relative;
	display: inline-block;
}

#menu-novo>ul>li>a>i {
	font-weight: 900 !important;
}

#menu-novo li.home:first-of-type, #menu_novo li.home:first-of-type {
	background-color: #2FAC66;
	padding-bottom: 15px;
}

/* sub-menus*/
#menu_novo li ul, #menu-novo li ul, #menu-acoes li.menu ul {
	position: absolute;
	left: -1px;
	width: 250px;
	line-height: 20px;
	background: #FFF;
	display: none;
	border: 1px solid #626262;
	box-shadow: 0px 3px 6px #00000029;
	top: 42px;
	list-style-type: none;
	z-index: 1;
}

#menu-acoes li ul {
	left: -147px;
}

#menu_novo li:hover ul,#menu-novo li:hover ul,#menu-acoes li:hover ul  {
	display: block;
}

#menu_novo li a i.icon, #menu-novo li a i.icon {
	vertical-align: top;
	font-size: 12px;
}

#menu_novo li ul li,#menu-novo li ul li,#menu-acoes li ul li {
	padding: 0 3px;
	color: var(--font-primary);
	display: block;
	line-height: 26px;
	width: 100%;
}

#menu_novo li ul li a,#menu-novo li ul li a,#menu-acoes li ul li a {
	display: block;
	color: var(--font-primary);
	font-weight: normal;
	padding: 5px;
}

#menu_novo li ul li:hover a,#menu-novo li ul li:hover a,#menu-acoes li ul li:hover a {
	color: #fff;
}

#menu_novo li ul li:hover, #menu_novo li ul li a:hover,#menu-novo li ul li:hover,#menu-acoes li ul li a:hover {
	background-color: #EBE8E8;
	color: #3F3D3D;
	cursor: pointer;
}

/* main submenu */
#menu_novo #main,#menu-novo #main {
	left: 0px;
	top: -20px;
	padding-top: 20px;
	background-color: #7cb7e3;
	color: #fff;
	z-index: 999;
}
/* search */
.searchContainer div {
	background-color: #fff;
	display: inline;
	padding: 5px;
}

.searchContainer input[type="text"] {
	border: none;
}

.searchContainer img {
	vertical-align: middle;
}
/* corners*/
#menu_novo .corner_inset_left, #menu-novo .corner_inset_left {
	position: absolute;
	top: 0px;
	left: -12px
}

#menu_novo .corner_inset_right,#menu-novo .corner_inset_right {
	position: absolute;
	top: 0px;
	left: 150px;
}

#menu_novo .last, #menu-novo .last {
	background: transparent none repeat scroll 0% 0%;
	margin: 0px;
	padding: 0px;
	border: none;
	position: relative;
	border: none;
	height: 0px;
}

#menu_novo .corner_left, #menu-novo .corner_left {
	position: absolute;
	left: 0px;
	top: 0px;
}

#menu_novo .corner_right,#menu-novo .corner_right {
	position: absolute;
	left: 132px;
	top: 0px;
}

#menu_novo .middle,#menu-novo .middle {
	position: absolute;
	left: 18px;
	height: 20px;
	width: 115px;
	top: 0px;
}

.w70 {
	width: 690px;
}

.w60 {
	width: 600px;
}

.w54 {
	width: 540px;
}

.w50 {
	width: 500px;
}

.w40 {
	width: 400px;
}

.w35 {
	width: 350px;
}

.w36 {
	width: 360px;
}

.w33 {
	width: 330px;
}

.w30 {
	width: 300px;
}

.w28 {
	width: 280px;
}

.w26 {
	width: 265px;
}

.w25 {
	width: 260px;
}

.w23 {
	width: 230px;
}

.w21 {
	width: 210px;
}

.w20 {
	width: 200px;
}

.w18 {
	width: 180px;
}

.w16 {
	width: 160px;
}

.w15 {
	width: 140px;
}

.w12 {
	width: 120px;
}

.w11 {
	width: 110px;
}

.w10 {
	width: 100px;
}

.w9 {
	width: 90px;
}

.w8 {
	width: 80px;
}

.w7 {
	width: 70px;
}

.w6 {
	width: 60px;
}

.w5 {
	width: 50px;
}

.w4 {
	width: 40px;
}

.w3 {
	width: 30px;
}

.w2 {
	width: 20px;
}

.w1 {
	width: 15px;
}

.p2 {
	padding: 4px 4px;
	overflow: hidden;
	margin: 0;
	font-size: 9pt;
}

.center {
	text-align: center;
}

#footer>div a img {
	border: 0;
}

.aviso-migracao {
	background-color: #DAFFFF;
	border-bottom: 1px solid #92CDCD;
	padding: 8px 0 5px 0;
	float: left;
	width: 100%;
	margin-bottom: 0px;
	border-top: 0;
}

.msg-sistema {
	background-color: #FAFAD2;
	border-bottom: 1px solid #AAA;
	padding: 6px;
	margin-top: 40px;
	margin-bottom: 0px;
	border-top: 0;
}

.importProd th {
	vertical-align: middle;
	min-width: 80px;
	text-align: center;
	font-size: 9px;
}

.importProd td {
	vertical-align: top;
	min-width: 30px;
	font-size: 10px;
}

/*** Layout ***/
.box-content,
#container .box-content {
	width: 100%;
	min-height: 100%;
	height: auto;
	background: var(--bg-primary-tela-preferencias);
}

.box-container {
	background: var(--bg-primary-tela-preferencias);
}

.box-content.box-content-preferencias {
	padding: 0 15px;
}

.sticked {
	border-bottom: 2px solid #ccc;
}
.box-content-center {
	padding: 45px 20px 40px 220px;
}

.box-content-center h2 {
	border-bottom: 2px solid #ccc;
	padding: 25px 10px 5px 10px;
	position: fixed;
	top: 30px;
	left: 200px;
	right: 250px;
	margin: 0;
	background-color: #fff;
	z-index: 10;
	color: #394354;
}

.box-side-left {
	position: fixed;
	top: 50px;
	padding: 0;
	border-right: 1px solid var(--hairline-regular);
	height: 100%;
	width: 199px;
}

.box-side-left h2 {
	border-bottom: 2px solid #ccc;
	padding: 5px 10px;
	margin: 0;
	color: #394354;
}

.box-side-left ul {
	margin: 10px;
}

.box-side-left ul li a {
	text-decoration: none;
}

.box-side-left ul li a:hover {
	text-decoration: underline;
}

.box-content #detalhe {
	background-color: Transparent;
	text-align: left;
	background: none;
	padding: 0px 0 40px 0;
}

.box-content #ordemServicoForm {
	margin-top: 10px;
}

.box-content .warn-nfe {
	background: url("images/warning_red2.png") no-repeat scroll 10px 10px
		#ffffe0;
}

.box-content .error {
	background-image: url("images/warning_red2.png");
	background-position: 10px 10px;
}

.box-content .button-navigate,
.container-integrations .button-navigate,
.container-anuncios .button-navigate {
	background: url(images/navigate4.png) center 0 no-repeat;
	border: 0;
	cursor: pointer;
	height: 15px;
	width: 16px;
	width: 20px;
	height: 20px;
	border-radius: 2px;
	padding-bottom: 8px;
}

.box-inner {
	margin: 45px 5px 30px 5px;
	overflow: auto;
}

#user_box {
	padding: 0;
	min-height: 440px;
	display: table;
	border-spacing: 5px;
}

#user_box table tr td {
	height: 440px;
	vertical-align: top;
	overflow: scroll;
}

#formRemessa tr {
	color: var(--font-primary--shade--one);
}

#formRetorno tr {
	color: var(--font-primary--shade--one);
}

#formRetorno tr[style*="background-color:#FFFFE0"], #formRetorno tr[style*="background-color:#FF9999"] {
    color: #000 !important;
}

.user_load {
	width: 205px;
	background-color: #e7ecf4;
	padding: 10px;
	margin: 0 5px 5px 0;
	position: relative;
	display: table-cell;
}

.user_load .user_title {
	padding: 5px;
	color: #546170;
	font-size: 11pt;
	font-weight: bold;
	position:relative;
}

.user_load .estimativa_tarefa {
	position: absolute;
	right: 23px;
	color: #7F868E;
	line-height: 12px;
	font-size: 10pt;
	font-weight: normal;
}

.user_load .user_title .estimativa_tarefa {
	right:5px;
}

.user_load .estimativa_tarefa img {
	padding: 0 5px 0 0;
	vertical-align: middle;
}

.user_load .user_tarefa {
	background-color: #fff;
	border: 1px solid #d9e0eb;
	margin: 2px 2px 0px 2px;
	padding: 5px 35px 5px 5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	position: relative;
}

.user_load .button-navigate {
	position: absolute;
	right: 1px;
	top: 1px;
}

.search-bar {
	width: 100%;
	padding: 10px 15px 0px 15px;
	position: sticky;
	position: -webkit-sticky;
	z-index: 1;
	background: var(--bg-primary-tela-preferencias);
	top: 0;
}

.margin-search-bar {
	margin-left: 250px !important;
}

.no-title{
	top:20px;
}
.search-bar .titulo {
	color: var(--font-primary);
	border-bottom: 1px solid var(--hairline-regular);
	padding: 0px 0px 30px 0px !important;
	text-indent: 0px !important;
	font-size: 13pt !important;
	height: 32px;
}

.search-bar .relatorio label {
	color: var(--font-primary);
}

.search-actions {
	display: -webkit-inline-box;
	display: inline-flex;
	position: relative;
}

.search-action {
	height: 30px;
	width: 40px;
	position: relative;
}

.search-filter-action {
	width: 100px;
	padding: 7px;
	margin-left: 10px;
}

.box-content .button-navigate:hover,
.button-navigate:focus {
	background-color: #aaa;
	background-position: center -20px;
}

.box-content input[type='checkbox'] {
	border: none;
}

.box-content-1024 .titulo,
.box-content-1024 .titulo-1024 {
	width: auto;
}

.box-content .titulo,
.box-content .titulo-1024,
.box-content .titulo-det {
	font-size: 11pt;
	font-family: 'Verdana', sans;
	color: var(--font-primary);
}

.top-search-scroll {
	position: fixed;
	top: 39px;
	background: var(--bg-primary);
	width: calc(100% - 250px);
	border-bottom: 2px solid #CCC;
	padding: 0px 10px;
	margin: 0;
	left: 3px;
	-webkit-transition: top 0.2s ease;
	transition: top 0.2s ease;
	z-index: 1;
}

.top-search #mini-pesquisa-area {
	margin-top: 10px;
	width: 100%;
}

.top-search #mini-pesquisa-area .caption {
	color: #fff;
}

.top-search #pesquisa-mini {
	width: 350px;
	padding-left: 20px;
}
.top-search #mini-pesquisa input:not([type="checkbox"]):not([type="radio"]).InputText-input  {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.top-search #mini-pesquisa input.pesquisa {
	height: 30px;
	width: 420px;
	padding: 0px 26px 0px 10px;
	border: 1px solid var(--hairline-regular);
	border-right: 0px;
}
.top-search #mini-pesquisa input.pesquisa:focus {
	border-color: var(--brand-primary);
}

.top-search #pesquisa-anexo input.pesquisa,
.top-search-popup #pesquisa-anexo input.pesquisa {
	display: block;
	margin: 0 0 0 7px;
	float: none;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	width: 350px;
	height: 30px;
}

.top-search #pesquisa-anexo input.pesquisa:focus {
	border-top: 1px solid #9CC01E;
	border-left: 1px solid #9CC01E;
	border-bottom: 1px solid #9CC01E;
}

.top-search #mini-pesquisa input.button-go,
.top-search-popup #mini-pesquisa input.button-go {
	background: url(images/search2.png) #65C0E5 no-repeat 7px 6px;
	margin:0;
}

.top-search #mini-pesquisa input.button-go:hover {
	background: url(images/search2.png) #3276B1 no-repeat 7px 6px;
}

.top-search #mini-pesquisa input.button-go:focus {
	background: url(images/search2.png) #3276B1 no-repeat 7px 6px;
}

.top-search #panel-area,.top-search #panel.relatorio,.top-search .panel-area,.top-search #add-lcto {
	background-color: var(--bg-painel-relatorios);
}

.top-search #panel .label {
	font-size: 11pt;
	color: var(--font-primary);
	border-bottom: 1px solid var(--hairline-regular);
}

.top-search #panel .item-sit,.top-search #panel .item-tag,.top-search #panel .item,.top-search #panel .item-cat,.top-search #panel .item-tipo {
	color: var(--font-primary);
	text-decoration: none;
}

.top-search #lista_tags {
	min-width: 130px;
}

.top-search #panel,.box-content #panel {
	overflow: auto;
}

.box-content #panel ul a, #tempos_filtros ul a, #tarefas_filtros ul a{
	color: #5D6168;
	text-decoration: none;
}

.top-search #panel ul a.selected,.box-content #panel ul a.selected, #tempos_filtros ul li .ico-more, #tarefas_filtros ul li .ico-more
	{
	background-image: url("images/rmorew_darkgrey.png");
	color: #6D9004;
}

.top-search .label {
	font-weight: inherit;
	line-height: 1.2;
	display: inline;
	padding: 0;
}

#search-input {
	position: relative;
}

.clear-input {
	color: #666666;
	font-size: 11pt;
	cursor: pointer;
}

#box-clear-icon {
	width: 14px;
	height: 14px;
	position: absolute;
	float: right;
	top: 7px;
	right: 6px;
}

.top-search label{
	margin-bottom: 0;
}

.box-content #datatable-area {
	transition: padding 0.2s linear;
	min-height: 100% !important;
}

#datatable-area, #datatable {
	min-height: 100% !important;
}

#datatable-area input[type="checkbox"], .top-search input[type="checkbox"]{
	margin: 3px 3px 3px 4px;
}

.box-content #datatable-area.pesquisa-aberta {
	padding: 320px 0 25px 0;
}

.box-content #datatable-area.painel-aberto {
	padding: 0px 0 25px 0;
}

.box-content #datatable-area.somente-titulo {
	padding-top: 73px;
}

.box-content #detalhe #datatable-area.somente-titulo {
	padding: 0;
}

.box-content #base #datatable-area {
	padding: 0;
}

.box-content  #datatable th,
.datatable th,
#listaEtiquetas th,
.painel-parametros .datatable th {
	font-size: 10pt;
	color: var(--font-primary--shade--one);
	border-bottom: 2px solid var(--hairline-regular);
}

.box-content #datatable-area .box h2 {
	color: #546170;
	border: 0px solid #000;
	padding: 15px 0 0 10px;
	border-bottom: 1px solid #dbdbdb;
	margin: 0px;
	border-collapse: collapse;
}

.box-content #datatable-area .box p {
	padding: 0 10px;
	color: var(--font-primary);
}

.box-content #datatable h3,
.box-content [id^="addDatatable"] h3 {
	padding-left: 5px;
}

.box-content #datatable tr:nth-child(even).highlight,
.box-content [id^="addDatatable"] tr:nth-child(even).highlight {
	background: var(--content-primary--shade--one);
	color: #222;
}

#datatable td,
[id^="addDatatable"] td,
.painel-parametros .datatable td {
	color: var(--font-primary);
}

#datatable td:first-child, #datatable th:first-child,.datatable td:first-child, .datatable th:first-child,
[id^="addDatatable"] td:first-child, [id^="addDatatable"] th:first-child,.datatable td:first-child, .datatable th:first-child
{
	padding-left: 10px;
}

.box-content .paginacao {
	text-align: center;
	color: #ccc;
}

.box-content .paginacao a.link-desativado {
	color: #ccc;
}

.box-content .rotinas_atualizacao {
	padding: 10px;
}

.box-logo {
	overflow: hidden;
	background-color: #fff;
	text-align: left;
	vertical-align: top;
	height: 109px;
	padding: 0px;
	margin: 5px 0px 5px 10px;
	z-index: 100;
	position: fixed;
	top: 125px;
	right: 0;
	width: 197px;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
}

.box-logo .logo {
	margin: 0px;
	height: 89px;
	padding: 10px 0;
	display: inline-block;
	width: 187px;
}

.box-logo .logo img {
	display: block;
	vertical-align: top;
	margin: 16px auto 0 auto;
}

div.box-side-empresa {
	top: 0;
	padding: 245px 0 0 0;
	margin: 0;
}

.box-side {
	overflow: auto;
	background-color: var(--bg-old-side-bar);
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	padding: 105px 10px 30px 15px;
	width: 250px;
	z-index: 2;
}

.box-side .sidebar {
	padding: 0;
	margin-bottom: 30px;
}

.box-side h2 {
	padding: 0px 0 0 10px;
	color: #546170;
}

.box-side h3 {
	color: var(--font-title-side-bar);
	padding: 15px 0 8px 10px;
	margin-right: 15px;
	font-size: 12pt;
	font-weight: normal;
	box-shadow: 0 5px 5px -6px var(--box-shadow-ticket);
	border-bottom: 1px solid var(--hairline-regular);
}

.box-side h4 {
	color: #767777;
	padding: 0px 10px 0 10px;
}

.box-side select {
	margin: 0 10px 0 10px;
}

.box-side ul {
	margin: 0px;
	padding: 0px;
}

.box-side ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.box-side ul li a {
	display: block;
	min-height: 12px;
	line-height: 12px;
	color: var(--font-primary);
	text-decoration: none;
	margin: 0px;
	padding: 9px 10px 9px 35px;
	border-collapse: collapse;
}

.box-side ul li a:hover,
.box-side ul li a:focus {
	background-color: #EFEFEF;
	color: #3F4E5E;
	display: block;
	text-decoration: none;
}

.box-side .contratacao {
	color: #6C9004;
	display: block;
	text-decoration: underline;
	cursor: pointer;
}

.box-side .ico-correios {
	background-image: url("images/impressaoEtiquetasCorreios_grey.png");
}

.listaMenu .ico-melhorenvio,
.box-side .ico-melhorenvio {
	background-image: url("images/impressaoEtiquetasMelhorEnvio_grey.svg");
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: 10px center;
}

.box-side .ico-correios:hover {
	background-image: url("images/impressaoEtiquetasCorreios_grey_02.png");
}

.box-side .ico-clonar {
	background-image: url("images/ico-clonar.gif");
}

.box-side .ico-modelo {
	background-image: url("images/ico-modelo.gif");
}

.box-side .ico-pagamento {
	background-image: url("images/ico-pagamento.svg");
}

.box-side .ico-pagamento:hover {
	background-image: url("images/ico-pagamento-hover.svg");
}

.box-side .ico-lancamento {
	background-image: url("images/ico-lancamento.svg");
}

.box-side .ico-lancamento:hover {
	background-image: url("images/ico-lancamento-hover.svg");
}

.box-side .ico-xls {
	background-image: url("images/ico-xls_grey.png");
}

.box-side .ico-xls:hover {
	background-image: url("images/ico-xls_grey_02.png");
}

.box-side .ico-delete {
	background-image: url("images/ico-del_grey.png");
}

.box-side .ico-delete:hover {
	background-image: url("images/ico-del_grey_02.png");
}

.box-side .ico-person {
	background-image: url("images/ico-person_grey.png");
}

.box-side .ico-person:hover {
	background-image: url("images/ico-person_grey_02.png");
}

.box-side .ico-mail {
	background-image: url("images/ico-mail_grey.png");
}

.box-side .ico-mail:hover {
	background-image: url("images/ico-mail_grey_02.png");
}

.box-side .ico-trf {
	background-image: url("images/ico-trf_grey.png");
}

.box-side .ico-trf:hover {
	background-image: url("images/ico-trf_grey_02.png");
}

.box-side .ico-reajuste {
	background: url("../images/fa-hand-holding-brl.svg") no-repeat;
	background-size: 20px;
}

.box-side .ico-reajuste:hover {
	background: url("../images/fa-hand-holding-brl-hover.svg") no-repeat;
	background-position: 10px center;
	background-size: 20px;
	background-color: #EFEFEF;
}

.box-side .ico-coleta {
	background: url("../images/icone-coleta-transportadora.svg") no-repeat;
	background-size: 20px;
}

.box-side .ico-coleta:hover {
	background: url("../images/icone-coleta-transportadora-hover.svg") no-repeat;
	background-position: 10px center;
	background-size: 20px;
	background-color: #EFEFEF;
}

.box-side [class*="ico-"] {
	background-position: 10px center;
	cursor: pointer;
}

.box-side .totais .label {
	padding: 0 5px 1px 5px;
	color: #7F8790;
	font-weight: 100;
	line-height: inherit;
}

.box-side .totais .valor {
	padding: 2px 10px 0 10px;
	color: var(--font-primary);
}

.box-side .datatable tr th,.box-side .datatable tr td {
	padding: 0 5px 0 5px;
}

.box-side .warning {
	margin: 5px;
	width: 95%;
	word-wrap: break-word;
}

.box-side .warning a,.box-side .error a {
	color: #6C9004;
}

.box-side .error {
	background-color: #ffcfcf;
	background-image: none;
	padding: 10px;
	margin: 10px;
	color: #44464C;
	font-size: 8pt;
}

.box-side #informacoes-conta table {
	margin: 0 10px;
	color: #192B3F;
}

.box-content .warn-search {
	float: none;
}

.box-content #formDadosCC {
	padding: 10px 10px 25px;
}

.box-content .paginacao a {
	color: #68737D;
}

.box-content .paginate a {
	color: #6d9004;
}

.btn-add, .btn-add-interno {
	color: #fff;
	cursor: pointer;
	font-size: 8pt;
	height: 39px;
	width: 179px;
	margin: 0 9px 0 9px;
	border: 0;
	padding: 0px;
	outline: none;
	outline-width: 0px;
	font-family: 'Verdana', sans;
	background-color: #3faf6c;
	border-radius:4px;
	text-transform:uppercase;
	-webkit-appearance: none;
}

.btn-add-novo {
	padding: 0 20px 0 20px;
	height: 40px;
	font-size: 9pt;
	font-weight: normal;
	background-color: #3FAF6C;
	color: #ffffff;
	border-radius: 0px;
	border: none;
}

.btn-add-novo:hover,
.btn-add-novo:focus {
	background-color: #49B776;
	color: #ffffff;
	cursor: pointer;
}

.upgrade {
	cursor: pointer;
	font-weight: bold;
	font-size: 8pt;
	height: auto;
	width: 179px;
	margin: 0 9px 0 9px;
	border: 0;
	padding: 0px;
	outline: none;
	outline-width: 0px;

	background-color:#91B423;
	border-radius:0px;
	box-shadow:0px 3px 0px #5A733A;
	-webkit-appearance: none;
	display:block;
	width:100%;
}
.box-side ul li.upgrade a{
	color:#FFF;
}

.box-side ul li.upgrade a:hover{
	color:#000;
}


button::-moz-focus-inner,input[type="button"]::-moz-focus-inner {
	border: none;
}

.box-side input.btn-add:focus {
	outline: none;
	outline-width: 0px;
}

.box-content .link {
	color: #7CB5D8;
	font-size: 8pt;
	font-weight: normal;
}

.link,
.link:hover {
	font-weight: normal;
	border: 0;
	cursor: pointer;
	background: transparent;
	text-decoration: underline;
}

/*** HOME ***/

.quick-access {
	padding: 25px;
	position: relative;
	background: #EAE8E8;
	min-height: 100%;
	max-width: 200px;
	float: left;
}

.quick-access h2,
.menu-dados-empresa h2 {
	color: #3FAF6C;
	font-weight: bold;
	border-bottom: 1px solid #C6C6C6;
	padding-bottom: 8px;
}

.quick-access h3,
.menu-dados-empresa h3 {
	color: #666666;
	font-weight: bold;
	font-size: 11pt;
	height: 20px;
	margin-bottom: 0px;
}

.quick-access ul,
.menu-dados-empresa ul {
	padding: 0;
	margin-top: 0;
}

.quick-access li,
.menu-dados-empresa li {
	color: #7C7C7C;
	line-height: 22px;
	list-style: none;
}

.quick-access li a,
.menu-dados-empresa li a {
	color: #7C7C7C;
	text-decoration: none;
}

ul.lista-leitura .icon-ok,
.quick-access li a:hover {
	color: #3FAF6C
}

.quick-access-logo {
	position: absolute;
	margin-top: 10%;
	left: 30%;
}

.menu-dados-empresa{
  padding: 25px;
  position: relative;
  background: #EAE8E8;
  min-height: 100%;
}

.home-footer {
	width: 370px;
	height: 130px;
	padding-top: 10px;
	position: fixed;
	bottom: 0px;
	right: 0;
}

.home-footer div {
	position: relative;
	left: 15%;
}

.home-footer img {
	margin-right: 20px;
	height: 100px;
}

.home-footer .button-central-ajuda {
  float: left;
  left: 0%;
  margin-top: 40px;
}

.home-footer-help {
	padding: 10px;
	border: 1px solid #7C7C7C;
	font-weight: bold;
	font-size: 11pt;
	color: #7C7C7C;
}

.home-footer-help:hover {
	color: #7C7C7C;
	cursor: pointer;
}

.home-footer-help:visited {
	color: #7C7C7C;
}

#cards {
	padding: 28px 0px 30px 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.card {
	position: relative;
	margin-right: 25px;
	max-width: 380px;
}

.card h2 {
	color: #A09F9F;
	border-bottom: 1px solid #C6C6C6;
	padding-bottom: 5px;
}

.card ul {
	padding: 0px;
}

.noticias-armazenamento-card-group {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  margin-left: 24px;
}

@-webkit-keyframes spin {
  to {
	-webkit-transform: rotate(0.5turn);
			transform: rotate(0.5turn);
  }
}

@keyframes spin {
  to {
	-webkit-transform: rotate(0.5turn);
			transform: rotate(0.5turn);
  }
}

.graph-pie {
  float: left;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #CCCCCC;
}

@-webkit-keyframes bg-ok {
  50% {
	background: #3FAF6C;
  }
}
@keyframes bg-ok {
  50% {
	background: #3FAF6C;
  }
}

.graph-pie-ok {
  background-image: -webkit-linear-gradient(left, transparent 50%, #3FAF6C 0);
  background-image: linear-gradient(to right, transparent 50%, #3FAF6C 0);
}

.graph-pie-ok::before {
  -webkit-animation: spin 50s linear infinite, bg-ok 100s step-end infinite;
		  animation: spin 50s linear infinite, bg-ok 100s step-end infinite;
}

@-webkit-keyframes bg-alert {
  50% {
	background: #FAC63B;
  }
}
@keyframes bg-alert {
  50% {
	background: #FAC63B;
  }
}

.graph-pie-alert {
  background-image: -webkit-linear-gradient(left, transparent 50%, #FAC63B 0);
  background-image: linear-gradient(to right, transparent 50%, #FAC63B 0);
}

.graph-pie-alert::before {
  -webkit-animation: spin 50s linear infinite, bg-alert 100s step-end infinite;
		  animation: spin 50s linear infinite, bg-alert 100s step-end infinite;
}

@-webkit-keyframes bg-danger {
  50% {
	background: #E84459;
  }
}
@keyframes bg-danger {
  50% {
	background: #E84459;
  }
}

.graph-pie-danger {
  background-image: -webkit-linear-gradient(left, transparent 50%, #E84459 0);
  background-image: linear-gradient(to right, transparent 50%, #E84459 0);
}

.graph-pie-danger::before {
  -webkit-animation: spin 50s linear infinite, bg-danger 100s step-end infinite;
		  animation: spin 50s linear infinite, bg-danger 100s step-end infinite;
}

.graph-pie label.graph-pie-usado,
.graph-pie label.graph-pie-disponivel {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  -webkit-transform: rotate(90deg) translate(-50%, -50%);
		  transform: rotate(90deg) translate(-50%, -50%);
  -webkit-transform-origin: 0 0;
		  transform-origin: 0 0;
}

.graph-pie::before {
  content: '';
  display: block;
  margin-left: 50%;
  height: 100%;
  border-radius: 0 100% 100% 0/50%;
  background-color: inherit;
  -webkit-transform-origin: left;
		  transform-origin: left;
  -webkit-animation-play-state: paused;
		  animation-play-state: paused;
  -webkit-animation-delay: inherit;
		  animation-delay: inherit;
}

.vertical-line {
	border-left: 1px solid #C6C6C6;
	height: 62%;
	position: absolute;
	top: 46px;
	left: 37px;
}

.first-access {
	position: relative;
}


.first-access a{
	font-family: Arial;
	font-size: 9pt;
	color: #7CB5D8;
	cursor: pointer;
	font-size: 9pt;
}

.first-access p{
	padding: 0px 0px 0px 0px;
}

.first-access .row {
	background: white;
	border: 1px solid #C6C6C6;
	margin: 15px 0px 20px 0px;
}

.first-access .row:hover {
	background-color:#f2f2f2;
	transition: 0.5s;
}

.first-access .icon {
	color: #C6C6C6;
}

.first-access-icon {
	margin-right: 5px;
}

.first-access .link-configurar, .texto-configurar{
	min-height: 32px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.first-access .tip .icon-remove {
	position: absolute;
	top: -10px;
	right: -10px;
}

.tip-1 > *:not(i) {
	color: #DF913D;

}

.tip-2 > * {
	color: #589C80;
}

.tip-3 > * {
	color: #5A4194;
}

.tip-4 > * {
	color: #5A4194;
}

.tip-5 > * {
	color: #4EC2D8;
}

.tip-6 > * {
	color: #5A4194;
}

.tip-6 p{
	color: #5A4194;
	text-decoration: none;
}

.blog-posts {
	border: 1px solid #C6C6C6;
	margin-top: 15px;
	padding: 10px;
}

.blog-posts ul {
	margin-top: 12px;
	margin-bottom: 12px;
}

.blog-posts li {
	list-style: none;
}

.blog-posts span {
	color: #54B585;
	font-weight: bold;
}

.blog-posts p {
	margin: 0px 0px 20px 0px;
	color: #7C7C7C;
	font-size: 9pt;
}

.blog-posts a:visited {
	color: #6D9004;
}

.blog-posts *:last-child > p:last-child {
	margin: 0px;
}

.home-banners li:first-of-type {
	margin-top: 15px;
}

.home-banners li {
	list-style: none;
	margin: 0 0 2px 0;
}

.home-banners li a {
	cursor: pointer;
}

.home-banners img {
	vertical-align: baseline;
}

.home-banners img:hover{
	opacity: 0.5;
	transition: 0.2s;
}

.home-avisos li {
	margin-top: 7px;
}

.home-stats {
	border: 1px solid #C6C6C6;
	margin-top: 15px;
	padding: 10px;
	overflow: auto;
}

section .home-stat {
	padding: 5px;
	margin-right: 2px;
	width: 110px;
	float: left;
	text-align: center;
}

.home-stat span {
	color: #3FAF6C;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	line-height: 49px;
	display: block;
}

.home-stat h3 {
	color: #7C7C7C;
	border-top: 1px solid #C6C6C6;
	padding-top: 10px;
	font-size: 1.17em;
	font-weight: bold;
}

.home-espaco {
	border: 1px solid #C6C6C6;
	margin-top: 15px;
	padding: 16px;
}

.home-espaco h3 {
  font-size: 22pt;
  margin: 0 0 0 76px;
  font-weight: bold;
}

.home-espaco h3 span {
  font-size: 16pt;
}

.home-espaco p {
  font-size: 9pt;
  color: #CCCCCC;
  margin: 0 0 0 76px;
}


.home-espaco .links-espaco {
  margin-top: 15px;
  text-align: right;
}

.home-espaco .links-espaco a {
  font-size: 9pt;
  font-weight: bold;
}

.home-espaco .links-espaco span {
  font-size: 9pt;
  color: #000;
  margin: 0 13px;
}

/*** Suporte Responsavel ***/
.box-side p.titulo-responsavel {
	margin: 0 10px 0 10px;
	margin-top: 10px;
}

.box-side #nivel-responsavel {
	margin: 4px 10px 0 15px;
}

.box-side #nivel-responsavel span{
  padding-left: 5px;
}

form#formResponsavel {
	padding: 0px;
	margin-left: -6px;
}

#followups tr.ticketFollowUpInterno td {
	color: gray;
	cursor: pointer;
}

.containerFollowups{
  margin-bottom:250px;
}

.input_textarea_followup{
  width:100%;
  min-width: 450px;
}

.planoEmpresaTicket{
  font-size: 9pt;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 5px;
}

.responsavelSuporte:disabled{
  color: #CCCCCC;
  border-color: var(--hairline-regular);
}

.botoes-envio-ticket{
  display:inline-flex;
  padding-top:15px;
  float:right;
}

.avatarEmpresaSuporte{
  display:flex;
  justify-content:center;
  align-items:center;
  padding-top:5px;
  padding-bottom:5px;
}

.botoes-acesso-remoto{
  padding-left: 0 !important;
  width: 150px;
}

.botoes-acesso-remoto:hover{
  background-color: #E6E6E6 !important;
}
/*** Administração de Empresas ***/
#linkperiod a {
	color: #666;
	font-weight: normal;
	line-height: 20px;
	margin-bottom: 20px;
	padding-left: 20px;
	text-decoration: none;
}

#linkperiod a.linkselected {
	background-image: url("images/rmorew_darkgrey.png");
	background-repeat: no-repeat;
	color: #6D9004;
}

/*** página acesso negado ***/
.acessoNegado {
	background-image: url("images/warning_orange.gif");
	background-repeat: no-repeat;
	padding: 0px 0px 0px 50px;
	width: 400px;
	height: 200px;
	margin: 80px auto 0 auto;
}

.acessoNegado p {
	font-size: 18px;
	padding-top: 10px;
	color: var(--font-primary);
}

.preferencias h3:not(.Heading) {
	margin-bottom: 5px;
	font-size: 1.17em;
	font-weight: bold;
}

.preferencias .resultados h2 {
	color: #666666;
	font-size: 14pt;
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid var(--hairline-regular);
}

.preferencias .resultados a:hover,
.preferencias .resultados a:focus {
	text-decoration: none;
}

.preferencias .resultados a.resultado {
	display: inline-block;
	margin-bottom: 4px;
	width: 100%;
	text-decoration: none;
}

.preferencias .resultados .resultado-caminho {
	display: block;
	color: #999999;
	font-size: 8pt;
	margin-bottom: 2px;
	margin-left: 10px;
}

.preferencias .resultados .resultado-descricao {
	display: block;
	font-weight: bold;
	font-size: 11pt;
	color: #3FAF6C;
}

.preferencias .resultados .resultado-descricao:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f054";
	margin-right: 5px;
	font-size: 11pt;
	font-weight: 900;
}

.preferencias .resultados .resultado-parametro:before {
	margin-left: 10px;
	color: #999;
}

ul.preferencias {
	padding: 0px;
	margin: 0px 0 0 15px;
}

ul.preferencias li {
	list-style-image: url("images/arrow_grey.png");
	margin-bottom: 5px;
}

ul.preferencias a {
	font-size: 8pt;
	line-height: 18px;
	color: #7F8590;
	text-decoration: none;
}

ul.preferencias a:hover {
	cursor: pointer;
	color: #6D9004;
	text-decoration: underline;
}

/* .box-preferencias {
	background: #FFF;
	width: 100%;
	height:auto;
} */

/*** Footer ***/
#footer a {
	color:#fff;
	text-decoration: none;
	font-family: 'Verdana', sans;
}

/*** File Uploader ***/
.qq-upload-button {
	background-color: #3FAF6C;
	color: #fff;
	cursor: pointer;
	font-weight: normal;
	height: 39px;
	width: 179px;
	padding: 0;
	display: inline-block;
	font-size: 8pt;
	margin: 0 9px;
	line-height: 39px;
	text-align: center;
	border-radius:4px;
	font-family: 'Verdana', sans;
	text-transform: uppercase;
	border-radius: 0px;
	border: 1px solid var(--brand-primary);
}

.qq-upload-button:hover {
	background-color: #49B776;
}

.sidebar ul.qq-upload-list {
	margin: 10px;
	width: 167px;
}

.qq-upload-file {
	word-break: break-all;
}

.qq-upload-drop-area{
	width: 100% !important;
	min-height: 32px !important;
	height: 32px !important;
	border-radius: var(--border-radius);
	background-color: var(--brand-primary--shade--one) !important;
}

.ui-dialog .qq-upload-drop-area span {
	padding: 1px 4px;
}

.qq-upload-drop-area span{
	color: #fff;
	font-size: 12px !important;
	line-height: 15px;
	margin-top: -15px !important;
}

.qq-upload-button-dashed {
	margin: 0;
	pointer-events: none;
	cursor: initial;
}

.qq-upload-drop-area-active-dashed {
	border-color: #3FAF6C !important;
	z-index: 2;
}

.qq-upload-drop-area-dashed,
.qq-upload-button-dashed {
	background-color: var(--bg-primary);
	border: 4px dashed #CCCCCC;

}

.qq-upload-button-dashed,
.qq-upload-drop-area-dashed,
.qq-upload-drop-area-active-dashed {
	position: absolute;
	display: flex !important;
	display: -webkit-flex !important;
	align-items: center;
	justify-content: center;
	color: #666666;
	font-size: 11pt;
	height: 80px;
	width: 100%;
}

/*** Imagens produtos ***/
.thumb_produto {
	width: 72px;
	height: 72px;
	display: inline-block;
	overflow: hidden;
	margin: 8px;
	text-align: center;
	background-color: #ccc;
	position: relative;
	cursor: pointer;
}

.thumb_produto:hover .thumb_controls {
	display: block;
}

.thumb_controls {
	display: none;
	position: absolute;
	top: 10px;
	right: 5px;
}

.thumb_controls a {
	cursor: pointer;
	padding: 3px 5px;
	background-image: linear-gradient(to bottom, #fff, #ccc);
	border-radius: 3px;
	border: 1px solid #999;
}

.thumb_controls a:hover {
	background-image: linear-gradient(to bottom, #ccc, #fff);
}

#modalWait {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	opacity: 0.3;
	z-index: 1001;
	display:block;
}

#detalhe-dashboard #div_dashboard_agenda, #detalhe-dashboard #div_dashboard_saldos, #card-informacoes-conta {
	border-radius: 5px;
	border: 5px solid #e5e5e5;
	background-color: #fff;
	background-repeat: repeat-x;
	padding: 10px;
	overflow: hidden;
	margin-bottom: 10px;
}

#detalhe-dashboard #div_dashboard_projetos {
	border-radius: 5px;
	border: 5px solid #e5e5e5;
	background-color: #fff;
	background-repeat: repeat-x;
	padding: 0px;
	overflow: hidden;
	margin-bottom: 10px;
}

#detalhe-dashboard #div_dashboard_agenda h3, #detalhe-dashboard #div_dashboard_saldos h3, #card-informacoes-conta h3 {
	background-image: url("images/gradient_85_01.png");
	margin: -10px -10px 0 -10px;
	padding: 10px 20px;
	color: #fff;
	border-radius: 3px 3px 0 0;
}

#detalhe-dashboard #div_dashboard_projetos h3 {
	background-image: url("images/gradient_85_01.png");
	margin: 0 0 5px 0;
	padding: 10px;
	color:#fff;
	border-radius: 3px 3px 0 0;
}

.card_projeto {
	cursor:pointer;
	padding: 5px 5px 5px 35px;
	position:relative;
}

.card_projeto .proximas_entregas {
	position: absolute;
	left: 10px;
	top:7px;
}

#detalhe-dashboard #div_dashboard_projetos .more {
	padding: 10px 10px 10px 10px;
	display:block;
}

#detalhe-dashboard #div_dashboard_projetos .more:hover {
	background-color: #82BA1B;
}

.footer-message {
	position: fixed !important;
	bottom: 0;
	left: 0;
	margin: 0;
	width: 100%;
	z-index: 999999;
	min-height: 80px !important;
}

.radioFilter {
	display:none;
}

.radioFilter+label{
	padding: 0 0 0 20px;
	position:relative;
	color: #5D6168;
	text-decoration: none;
	cursor: pointer;
}

.radioFilter:checked+label {
	background-image: url("images/rmorew_darkgrey.png");
	background-repeat: no-repeat;
	color: #6D9004;
}

.cupom {
	display:none;
}

ul.lista-leitura {
	padding: 0;
	list-style-type: none;
	height: 101px;
	overflow-y: scroll;
}

li.lista-leitura i {
	font-size: 17px;
	vertical-align: middle;
}

li.lista-leitura {
	list-style-type: none;
	border-bottom: 1px solid var(--hairline-regular);
	line-height: 18pt;
	padding-left: 5px;
	color: var(--font-primary);
}

.lista-leitura .success-input {
	color: black;
}

#formNfce {
	min-height: 300px;
	display:block;
}

#formNfce #listaProdutos {
	width: 49%;
	float:left;
	display:block;
	height:100%;
	border-radius: 3px;
	background-color: var(--bg-old-container);
	position:relative;
}

#formNfce #listaProdutos #listagemContainer {
	overflow: auto;
}

#formNfce #listaProdutos #listagemProdutos {
	width: 100%;
}

#container_edit_item_nfce .qtde, #container_edit_item_nfce .plus, #container_edit_item_nfce .minus {
	border:none;
	-webkit-appearance: none;

}

#container_edit_item_nfce .qtde {
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	height:18px;
	-webkit-appearance: none;
	border-radius: 0;
	height: 20px;
	padding: 3px;
	margin:0;
}

#container_edit_item_nfce .plus, #container_edit_item_nfce .minus {
	background-color:#91B423;
	color:#fff;
	font-weigth:bold;
	width:20px;
	height:24px;
	display:inline-block;
	height:28px;
	margin:0;
	padding:0;
}

#container_edit_item_nfce .plus {
	border-radius: 3px 0 0 3px;
}

#container_edit_item_nfce .minus {
	border-radius: 0 3px 3px 0;
}

#formNfce #listaProdutos .footer {
	background-color: #3C434B;
	position:absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 75px;
	display:block;
	border-radius: 0 0 3px 3px;
	color: #fff;
	font-size: 18px;
	padding:5px 10px;
	text-align:right;
}

#formNfce #listaProdutos .footer span {
	display:block;
	text-align:left;
}

#formNfce #listaProdutos .footer input {
	border: none;
	background-color:Transparent;
	width:150px;
	text-align:right;
	color:#fff;
	font-weigth:bold;
	font-size:20px;
	padding:0;
	margin:0;
	position:absolute;
	right:10px;
}

#formNfce #listaProdutos #totalPago, #formNfce #listaProdutos #troco {
	display:block;
}

#formNfce #buscaProdutos {
	width:50%;
	margin: 0 0 0 50%;
	display:block;
	height:100%;
	border-radius: 3px;
	background-color: var(--bg-old-container);
	position:relative;
}

#formNfce #buscaProdutos #leitorContainer input[type="text"], #formNfce #buscaProdutos #produtosContainer input[type="text"]{
	border:none;
	border-radius:3px;
	margin:20px;
	width:90%;
}

#formNfce #buscaProdutos #leitorContainer #msgLeitor {
	margin: 20px;
	background-color: #fff;
	width:90%;
	border-radius:3px;
	text-align: center;
	padding:5px;
	line-height:30px;
}

#formNfce #buscaProdutos #leitorContainer #msgLeitor img {
	vertical-align:middle;
	margin: 0 5px;
}

#formNfce #buscaProdutos .linhaVenda, #formNfce #listaProdutos .linhaVenda {
	cursor:pointer;
	font-size: 14pt;
	border-bottom: 1px solid #ddd;
}

#formNfce #buscaProdutos .linhaVenda:hover {
	background-color: #ccc;
}

#formNfce #buscaProdutos .linhaVenda td, #formNfce #listaProdutos .linhaVenda td {
	padding:5px;
}

#formNfce #buscaProdutos .searchProdutos {
	background-color: #3C434B;
	color: #fff;
	padding: 5px 10px;
	border-radius: 3px 3px 0 0;
	border-bottom: 1px solid #242831;
}

#formNfce #buscaProdutos .searchProdutos input[type='text'] {
	border-radius: 3px 0 0 3px;
	border: none;
	font-size: 21px;
	width:90%;
	display:inline-block;
	margin: 0;
	padding: 3px 0 3px 3px;
	height: 23px;
}

#formNfce #buscaProdutos .searchProdutos .button-go {
	display:inline-block;
	border-radius: 0 3px 3px 0;
	background:url("images/search2.png") no-repeat scroll 7px 6px #A1C433;
	float:none;
	margin:0;
	padding: 0;
	vertical-align:top;
	height:29px;
	-webkit-appearance: none;
}

#formNfce #buscaProdutos .footer {
	background-color: #3C434B;
	position:absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 75px;
	display:block;
	border-radius: 0 0 3px 3px;
	color: #fff;
	font-size: 18px;
}

#formNfce #buscaProdutos .footer .card-button {
	border-right:1px solid #888;
	padding:0;
	height:100%;
	display:block;
	display:inline-block;
	width:16.45%;
	font-size:60%;
	color:#fff;
	vertical-align:top;
	text-align:center;
	cursor:pointer;
	line-height:90px;
	position: relative;
}

#formNfce #buscaProdutos .footer .card-button:first-child {
	border-radius: 0 0 0 3px;
}

#formNfce #buscaProdutos .footer .card-button:last-child {
	border-right:none;
	border-radius: 0 0 3px 0;
}

#formNfce #buscaProdutos .footer [class*="ico-"]:before {
	font-size:300%;
	text-align:center;
	width:100%;
	line-height:30px;
	display:block;
	right:0;
	left:0;
	margin: 0;
	position:relative;
	height:10%;
}

#formNfce #buscaProdutos .footer .card-button:hover {
	background-color: #A1C433;
}

#formNfce #pagamentoContainer, #formNfce #clienteContainer {
	padding: 5px 10px;
}

.ui-autocomplete-loading { background-color:#F00; background: white url('../images/load_mini.gif') right center no-repeat; }

.input_label {
	display:block;
	float: left;
	width:100%;
	margin-top:3px;
	height:18px;
}

.button-edit2 {
	background: url(images/pencil2.png) no-repeat 1px 0px;
	border: 0;
	cursor: pointer;
	height: 17px;
	width: 18px;
	background-position: center;
}

.button-edit2:hover,.button-edit:focus {
	background: url(images/pencil2.png) no-repeat 1px 0px;
	cursor: pointer;
	background-position: center;
}

.filtroTipoLoja {
	margin: 10px 0 0 0;
}

.slots-origem {
	display: none;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 150px;
}

.group-slot-origem {
	padding-left: 20px !important;
	min-width: 180px;
}

#edit_nfce input[type='text'].input_text {
	-webkit-appearance: none;
	border-radius: 0;
}

.cabecalho_servicos_correios th{
	width: 150px;
}

#tabelaServicosLogisticaUtilizadosWish th,
#tabelaServicosLogisticaUtilizados th {
	color: var(--font-primary--shade--one);
}

#tabelaServicosLogisticaUtilizadosWish td,
#tabelaServicosLogisticaUtilizados td,
.servicos_contratados_lista,
.servicos_contratados_lista td,
.servicos_contratados_lista tr {
	border: 1px solid var(--hairline-strong);
	height: 25px;
	color: var(--font-primary--shade--one);
}
#tabelaServicosLogisticaUtilizadosWish td,
#tabelaServicosLogisticaUtilizados td {
	padding-left: 5px;
}
#tabelaServicosLogisticaUtilizadosWish .tagsinput,
#tabelaServicosLogisticaUtilizados .tagsinput {
	border: none;
	padding-top: 10px;
}

#tabelaServicosLogisticaUtilizadosWish .input-table,
#tabelaServicosLogisticaUtilizados .input-table {
	box-sizing: border-box;
	margin: 0;
	padding: 0 5px;
	border: none;
	height: 100%;
	background-color: transparent;
}

#tabelaAliasesPagamentoUtilizados td {
	height: 25px;
	padding-left: 5px;
}
#tabelaAliasesPagamentoUtilizados .tagsinput {
	border: none;
	padding-top: 10px;
}

.servicos_contratados_lista td{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 9pt;
}

.servicos_contratados_lista td a{
	padding-left: 50px;
	text-decoration: none;
}

.padding_2 {
	padding: 2px;
}

.padding_25 {
	padding: 25px;
}

.aviso-etiquetas-correios {
	top: 400px !important;
	text-align: justify;
}

.aviso-etiquetas-correios .ui-dialog-content {
	margin-left: 10px;
}

.display-none {
	display: none;
}

.display-block {
	display: block;
}

.display-flex {
	display: flex;
}

.display-inline {
	display: inline;
}

.msgImportProduct {
	font-size: 11pt;
	color: #222;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	background: #fdfcfc url(images/load.gif) no-repeat 20px 20px;
	padding: 15px 10px 15px 70px;
	margin-top: 15px;
	text-align: center;
	height: auto;
	border-radius: 7px;
}

.msgImportProduct b {
	font-size: 11pt;
}

.msgImportProduct ul {
	padding-left: 12px
}

.msgImportProduct textarea {
	padding-left: 12px
}

.nocloseDialog .ui-dialog-titlebar-close {
	display:none;
}

#printNfce {
	text-align: left;
	overflow:visible;
}

.button-print {
	background: rgba(255,255,255,0.5) url("../images/printer2.gif") center center no-repeat;
	border-radius: 5px;
	text-indent: -10000px;
	border: none;
	width: 30px;
	height:30px;
	cursor: pointer;
}

#uploadAnexo {
	margin: 10px 0 0 0;
	text-align: left;
}

div.tagsinput {
	border:1px solid var(--hairline-regular);
	background: none;
	padding:5px;
	overflow-y: auto;
	height: auto !important;

}
div.tagsinput span.tag, .not_valid{
	position: relative;
	margin: 3px 0 3px 5px;
	padding: 3px 20px 3px 5px;
	border: 1px solid var(--hairline-regular);
	border-radius: var(--border-radius--small);
	background: var(--content-primary--shade--one);
	background-clip: padding-box;
	box-shadow: var(--box-shadow--small);
	color: var(--font-primary);
	line-height: 13px;
	cursor: default;
}
div.tagsinput span.tag a {
	position:absolute;
	padding: 0px;
	top:4px;
	right:3px;
	display:block;
	width:12px;
	height:12px;
	background:url(images/chosen-sprite.png) -42px 1px no-repeat;
	font-size:1px;
}
div.tagsinput span.tag a:hover{
	background-position:-42px -10px;
}
div.tagsinput input {
	width:80px;
	margin:0px;
	font-family: helvetica;
	font-size: 13px;
	border:1px solid transparent;
	padding:5px;
	background: transparent;
	color: var(--font-primary--shade--one) !important;
	outline:0px;
	margin-right:5px;
	margin-bottom:5px;
}
div.tagsinput div {
	display:block;
	float: left;
}
#alias_tag{
	width: 100px !important;
}
.tags_clear {
	clear: both;
	width: 100%;
	height: 0px;
}
.not_valid {
	background: #FBD8DB !important;
	color: #90111A !important;
	margin-left: 5px !important;
	margin-top: 2px !important;
	border: none !important;
}
.linhaServico td{
	height: 30px;
}
.linhaServico .tagsinput{
	border: none;
}

#lista-arquivos {
	clear:both;
}
.separador-dimensoes,
.ed-separador-dimensoes {
	position: absolute;
	top: 23px;
}
.separador-dimensoes {
	left: 127px;
}
.ed-separador-dimensoes {
	left: 105px;
}
.load_mini{
	width: auto;
	height: 20px;
	display: block;
	text-indent: 20px;
	line-height: 20px;
	background-color:#F00; background: white url('../images/load_mini.gif') left center no-repeat;
}
#btn_verificar_disponibilidade{
	position: absolute;
	top: 25px;
}
.uf_empresa{
	border: none;
	height: 100%;
	margin: 0px;
	padding: 6px;
}

#formEmpresa .qq-upload-list{
	width: 100%;
	padding: 0;
	margin: 15px 0px 0px 15px;
}

#formEmpresa #file-uploader input[type="file"] {
	height: 100%;
	width: 100%;
}

#liEnviarContingencia {
	width: 250px;
	display:inline-block;
	padding: 5px 10px;
	position:absolute;
}

#liEnviarContingencia label {
	display:inline-block;
	line-height:20px;
}

#msg_layout {
	bottom: 30px;
	left: 0;
	right: 0;
}

.ico-tracking {
	background: url("../images/impressaoEtiquetasCorreios.png") center center no-repeat;
}

.ajuda-corpo {
	margin: 10px 0;
	border-radius: 3px;
	background-color: #E7EEFE;
	padding: 10px 10px 10px 35px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;
	position:relative;
}

.ajuda-corpo:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f02d";
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 11pt;
	color: #A7C3FF;
	font-weight: 900;
}

.ajuda-corpo a {
	color: #79993b;
	font-weight: bold;
	text-decoration: none;
	cursor:pointer;
}

#detalhamentoEspaco table {
	width: 100%;
	margin: 20px 0 5px 0;
}

#detalhamentoEspaco table tr th {
	border-bottom: 2px solid #dbdbdb;
}

#detalhamentoEspaco table tr td {
	border-bottom: 1px solid #ddd;
}

#detalhamentoEspaco table tr th, #detalhamentoEspaco table tr td {
	padding: 5px;
	font-size: 14px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

fieldset.multiloja-fieldset {
	border-color: #98C346;
	border-image: none;
	border-style: solid;
	border-width: 1px;
	padding-left: 10px;
	margin-left: 5px;
}

.multiloja-fieldset legend {
	font-weight: bold;
	color: #98C346;
	cursor: default;
	text-transform:capitalize;
	font-size: 8pt;
	margin-bottom: 0px;
	border-bottom: 0px;
	width: auto;

}

.nomargin{
	margin: 0px !important;
}

.marcador_espacamento{
	font-size: 14px;
	margin: 0 2px 0 2px;
}
.ui-progressbar {
	height: 20px;
	background-color: #CCCCCC;
	border:none;
	border-radius:3px;
	overflow:hidden;
	width:100%;
	max-width:none;
	margin: 5px 0 5px 0;
}

.ui-progressbar-value {
	height: 20px;
	border-radius:0;
	background-color: #3F576F;
	background-image: none;
	border:none;
}

.progress_bar_title {
	position:absolute;
	top:4px;
	left:5px;
	color:#fff;
	font-weight:bold;
	text-shadow:1px 1px 1px #000;
}

.progress_bar_value_label {
	position: absolute;
	top: 4px;
	right: 5px;
	color:#fff;
	font-weight:bold;
	text-shadow:1px 1px 1px #000;
}

td.tdDadosVinculoLoja{
	position: relative;
	text-align: left;
	padding-left: 6%;
}

.titulo_input_popup {
	margin: 0px 0 0 0;
	padding: 0px 0px 0px 0;
	float: left;
	display: block;
	font-size: 9pt;
	color: #373436;
	font-style: normal;
	font-family: arial, helvetica, sans-serif;
	background: none;
}

#framePrint, #frameDownload, #framePrintEtiqueta, .element-for-print {
	display: none;
}

#datatableProdutoLoja,.datatableProdutoLoja {
	padding: 0;
	width: 100%;
}

#datatableProdutoLoja table,.datatableProdutoLoja table {
	font-size: 8pt;
	border-collapse: collapse;
	color: #000;
	width: 100%;
}

#datatableProdutoLoja tr th,.datatableProdutoLoja tr th {
	font-weight: bold;
	border-bottom: 0px solid #888;
	color: #394354;
	height: 20px;
	padding-top: 10px;
	padding-right: 10px;
}

#datatableProdutoLoja tr td,
.datatableProdutoLoja tr td {
	border-bottom: 0px solid #ddd;
	line-height: 15px;
	padding: 5px 2px 2px 0px;
}

#datatableProdutoLoja tr td.right,
.datatableProdutoLoja tr td.right {
	text-align: right;
}

#datatableProdutoLoja table a,
.datatableProdutoLoja table a {
	font-weight: normal;
	text-decoration: none;
	color: #6D9004;
}

#datatableProdutoLoja table a:hover,
.datatableProdutoLoja table a:hover {
	color: #6D9004;
	text-decoration: underline;
}

#datatableProdutoLoja tr.div {
	line-height: 20px;
	font-size: 8pt;
	font-weight: bold;
	border-bottom: 0px solid #BBB;
}

.ico-certificate {
	display: inline;
	cursor: pointer;
	padding-left: 20px;
}

.ico-certificate:before {
	background: url(images/ico-certificate.png) center center no-repeat;
	opacity: 0.5;
	width: 16px;
	height:16px;
	margin: 0 0 0 -25px;
	content: " ";
	vertical-align:middle;
	position: absolute;
}

.ico-certificate:hover:before {
	opacity: 1;
}

#lista-modulos table td label {
	color: var(--font-primary--shade--one);
}

ul.lista-modulos,
ul.lista-modulos > li > ul {
	list-style: none;
	font-size: 8pt;
}

ul.lista-modulos {
	padding-left: 0;
}

ul.lista-modulos > li > ul {
	padding-left: 20px;
}

ul.lista-modulos li {
	margin-top: 2px;
}

ul.lista-modulos > li.caption {
	font-size: 15px;
	margin-top: 15px;
}

[data-list=funcionalidades] .chosen-container,
[data-list=funcionalidades] .search-field > .default {
	width: 100% !important;
}

.box-funcionalidades {
	border: 1px solid var(--hairline-regular);
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.campos-funcionalidades {
	padding-left: 15px;
}

.bling-form #userForm .chosen-choices {
	height: 32px !important;
}

.bling-form #userForm .chosen-choices .chosen-search-input {
	color: var(--font-primary);
}

.chosen-container .chosen-drop {
	background-color: var(--bg-primary);
}

.chosen-container-single .chosen-search input[type=text] {
	background: url(images/chosen-sprite.png) no-repeat 100% -20px;
	background-color: var(--content-primary);
}

.chosen-container .chosen-results li.no-results {
	background-color: var(--bg-primary);
}

.pos-tab-permissoes {
	position: absolute;
	left: 300px;
}

#correiosPlpForm #listaEtiquetas tr,
#listaObjetos tr {
	height: auto;
}

#listaEtiquetas .tline img {
	width: 18px;
	margin-right: 5px;
	vertical-align: middle;
}

#listaEtiquetas span.icon-envelope:before {
	font-size: 18px;
	vertical-align: bottom;
}

#listaEtiquetas span.icon-warning-sign:before {
	font-size: 16px;
}

#listaEtiquetas span.icon-warning-sign:hover {
	cursor: pointer;
}

div.tags-list{
	overflow: auto;
	max-width: 300px;
	max-height: 200px;
}

/* SELECT */
.selectSelect {
	background-color: #ffffff;
	color: #000000;
	float: left;
	font-family: arial,helvetica,sans-serif;
	position: relative;
	width: 100%;
	cursor:pointer;
	display: block;
}

.selectSelect span.arrow {
	background-color: none;
	box-sizing: border-box;
	color: #C0C0C0;
	position:absolute;
	width:10px;
	height:10px;
	display:block;
	right:4px;
	top:11px;
}

.seta-baixo:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	width: 0;
	height: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 7px solid #000;
}

.seta-direita:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 5px solid green;
}

.abaSelect {
	width: 100%;
	box-sizing: border-box;
	background-color: #FFF;
	border:1px solid #C0C0C0;
	position:absolute;
	display: none;
	top: 30px;
	left: 0;
	z-index: 9999999;
}

.linhaSelect {
	border-bottom: 1px solid #FFF;
	font-family: Arial, sans-serif;
	font-size: 12px;
	cursor: pointer;
	display: block;
	padding:5px;
	background-color: #FFF;
	color: #000;
}
.abaSelect .linhaSelect:hover{
	background-color: #eee;
}

.selectBox .linhaSelect:hover {
	border-bottom:1px solid #C0C0C0;
}
.padding-left-10 {
	margin-left: 10px;
}

.padding-left-20 {
	margin-left: 20px;
}

.padding-right-20 {
	padding-right: 20px;
}

.padding-15 {
	padding: 15px;
}

.cursor-move{
	cursor:move;
}

#etiquetaForm h4{
	margin-bottom: 10px;
	box-shadow: 0 5px 5px -6px #ddd;
	-webkit-box-shadow: 0 5px 5px -6px #ddd;
	-moz-box-shadow: 0 5px 5px -6px #ddd;
}

#fieldsBox {
	background-color: var(--content-primary);
	float: left;
	margin: 0 20px 0 0;
	padding: 5px;
	position: absolute;
	height: 100%;
	overflow-y: auto;
}

#sandbox_etiqueta {
	border-bottom: 1px solid rgba(0, 0, 0, .15);
	border-right: 1px solid rgba(0, 0, 0, .15);
	overflow: auto;
	padding: 20px;
	width: 100%;
	height: 100%;
}

#sandbox_etiqueta {
	background-size: 20px 20px;
	background-image:
	-webkit-repeating-linear-gradient(left, transparent 1px, transparent 39px, rgba(0, 0, 0, .3) 40px, rgba(0, 0, 0, .3) 40px),
	-webkit-repeating-linear-gradient(top, transparent 1px, transparent 39px, rgba(0, 0, 0, .3) 40px, rgba(0, 0, 0, .3) 40px);
	background-image:
	-moz-repeating-linear-gradient(left, transparent 1px, transparent 39px, rgba(0, 0, 0, .3) 40px, rgba(0, 0, 0, .3) 40px),
	-moz-repeating-linear-gradient(top, transparent 1px, transparent 39px, rgba(0, 0, 0, .3) 40px, rgba(0, 0, 0, .3) 40px);
	background-image:
	-ms-repeating-linear-gradient(left, transparent 1px, transparent 39px, rgba(0, 0, 0, .3) 40px, rgba(0, 0, 0, .3) 40px),
	-ms-repeating-linear-gradient(top, transparent 1px, transparent 39px, rgba(0, 0, 0, .3) 40px, rgba(0, 0, 0, .3) 40px);
	background-image:
	-o-repeating-linear-gradient(left, transparent 1px, transparent 39px, rgba(0, 0, 0, .3) 40px, rgba(0, 0, 0, .3) 40px),
	-o-repeating-linear-gradient(top, transparent 1px, transparent 39px, rgba(0, 0, 0, .3) 40px, rgba(0, 0, 0, .3) 40px);
	background-image:
	repeating-linear-gradient(to right, transparent 1px, transparent 39px, rgba(0, 0, 0, .3) 40px, rgba(0, 0, 0, .3) 40px),
	repeating-linear-gradient(to bottom, transparent 1px, transparent 39px, rgba(0, 0, 0, .3) 40px, rgba(0, 0, 0, .3) 40px);
}

#div_config_etiqueta > div {
	height: 500px;
}

#dragDrop li {
	 list-style-type: none;
}

#fieldsBox li {
	 text-align: center;
}

#droppableBox li {
	margin: 0;
	text-align: center;
}

#droppableBox {
	background-color: rgb(238, 238, 238);
	background-color: rgba(238, 238, 238, 0.6);
}

#droppableBox {
	margin: 0 auto;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	outline: 1px solid #bbb;
}

.draggable {
	background-color: var(--content-primary);
	cursor: grab;
	cursor: -webkit-grab;
	list-style: none;
	min-height: 22px;
	margin-bottom: 5px;
	padding: 3px;
	outline: 1px solid #c0c0c0;
	color: var(--font-primary);
}

#dragDrop {
	margin-top: 20px;
}

.droppableDel {
	border: solid 1px #f53f3f !important;
	outline: none !important;
	box-shadow: 0px 0px 5px 0px rgba(245, 63, 63, 1);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(245, 63, 63, 1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(245, 63, 63, 1);
}

#etiquetaForm .ui-icon {
	background-image: url("ui/images/ui-icons_666666_256x240.png");
}

#draggable_div_helper li{
	width: 100%;
	z-index: 999;
	text-align: center;
}

#boxEstiloFonteEtiqueta {
	padding-top: 16px;
}

#boxEstiloFonteEtiqueta button {
	width: 28px;
	height: 28px;
	margin-left: 5px;
}

#customtext {
	max-width: 100%;
}

#sandbox_etiqueta .editing {
	outline: 1px solid #9cc01e;
}

.border-box {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#pagePreview {
	box-shadow: 5px 5px 2px -4px rgba(0, 0, 0, 0.75);
}

@media screen and (max-width: 1150px) {
	#boxEstiloFonteEtiqueta {
		padding-top: 16px;
	}

	#boxEstiloFonteEtiqueta button {
		width: 24px;
		height: 24px;
	}

	#interval_tmp_calendar {
		display: none;
	}
}

@media screen and (min-width: 1150px) {
	#interval_tmp_calendar {
		text-align: center;
		font: normal 12px Arial;
		letter-spacing: 0px;
		color: var(--brand-primary--shade--one);
		opacity: 1;
		margin-left: 5px;
	}
}

#atencao {
	z-index: 101;
	position: fixed;
	top: 36px;
	left: 32%;
	padding:10px;
	width: 450px;
	background-color: #fffea1;
	background-image: url(images/ico_warn.png);
	background-repeat: no-repeat;
	background-position: 12px 14px;
	border: 1px solid #fc0;
	-webkit-box-shadow: 0 0 5px black;
	-moz-box-shadow: 0 0 5px black;
	box-shadow: 0 0 1px white;
}

#atencao span {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	text-align: center;
	padding: 5px 5px 5px 30px;
	display: block;
}

#atencao .fechar {
	cursor: pointer;
	color:#fff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	height: 16px;
	float: right;
	padding: 4px 10px;
	padding-left: 11px;
	z-index: 102;
	background:  #98C346;
	border-radius: 5px;
}

@media screen
	and (max-width: 1370px) {
	#atencao {
		left: inherit;
		right: 16%;
	}
}

@media screen
	and (max-width: 1290px) {
	#atencao {
		left: inherit;
		right: 20%;
	}
}

@media screen
	and (max-width: 800px) {
	#atencao {
		width: 95%;
		margin: 50px 0 0 0px;
		position: fixed;
		right: 0;
	}
}
@media screen
	and (max-device-width: 800px) {
	#atencao {
		width: 95%;
		margin: 50px 0 0 0px;
		position: fixed;
		right: 0;
	}
}

/* MODAL */
.modal-modal {
	width: 400px; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3); right: 10px; top: 10px; position: fixed; display: none; z-index: 99999;
}
.header-modal {
	height: 30px; position: relative; background-color: #98C346;
}
.modal-modal a {
	text-decoration: none;
	color: #fff;
	font: arial;
	font-size: 13px;
}

.modal-modal .base-titulo {
	top: 5px; left: 10px; position: absolute; color: #fff; font-size: 16px;
}

.modal-modal .base-fechar {
	top: 3px; right: 8px; position: absolute; font-weight: bold; font: verdana;
}

.modal-modal .base-minimizar {
	top: 5px; right: 25px; position: absolute;
}

.modal-modal .base-expandir {
	top: 5px; right: 48px; position: absolute;
}

.modal-btn-manual {
	width: 30px;
	height: 30px;
	background-color: #98C346;
	position: fixed;
	top: 0;
	right: 0px;
	z-index: 9999;
	font-size: 18px;
	border-radius: 0px 0px 0px 45px;
	padding-left: 4px;
	padding-top: 2px;
	font-weight: bold;
	box-sizing: border-box;
}
.modal-btn-manual a {
	color: #fff;
	text-decoration: none;
	padding: 20px 10px 10px 10px;
	background-color: none;
}

.box_aliases{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 280px;
	display: inline-block;
}

#container-funcionalidades > div {
	clear: both;
	display: none;
}

#formEdicaoLoteObjetosPlp legend {
	font-size: 10pt;
	font-weight: bold;
	color: #555;
}

#etiquetaForm #fieldsBox > li{
	text-align: left;
	color: var(--font-primary);
	font-weight: bold;
	padding-top: 5px;
}

#etiquetaForm #fieldsBox > li > ul {
	padding: 2px 0 0 0;
}

#boxServicosLogisticaUtilizados .button-delete {
	margin-left: 5px;
}

.icone {
	width: 18px;
	height: 18px;
	float: left;
	margin-right: 10px;
}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.fixed-table-foooter {
	border: 1px solid var(--hairline-regular--shade--one);
	margin-top: 7px;
	overflow: hidden;
}

.fixed-table-foooter tr:first-child {
	border-bottom: 1px solid var(--hairline-regular--shade--one);
}

#main-container .relatorios .box-content{
	background: var(--bg-primary);
}

.relatorios .search-bar{
	background: var(--bg-primary);
}

.relatorio-dados-container {
	float:left;
	border-bottom: 1px solid var(--hairline-strong) !important;
}

.relatorio-dados-container .fixed-table-container {
	position: relative;
	border-bottom: 1px solid var(--hairline-strong);
	padding-top:30px;
	border: 1px solid var(--hairline-regular--shade--one);
	overflow: hidden;
}

.relatorio-dados-container .fixed-table-container thead tr {
	position:absolute;
	top: 0;
}

.relatorio-dados-container .table-error div {
	text-align: center;
	background-color: var(--content-secondary);
	border: 1px solid var(--hairline-regular--shade--one);
}

.relatorio-dados-container .table-error div span {
	position: relative;
	top: 45%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 11pt;
	color: var(--font-primary);
}

.fixed-table-container table th {
	cursor: pointer;
	padding: 0;
	height:0;
}

.fixed-table-container table tfoot {
	display: none;
}

.fixed-table-header {
	border-bottom: 1px solid var(--hairline-regular--shade--one);
	height: 30px;
	position: absolute;
	background-color: var(--content-secondary);
}

.table-header {
	border: 1px solid var(--hairline-regular--shade--one);
	height:30px;
	background-color: var(--content-secondary);
	font-weight: bold;
	color: var(--font-primary);
	font-size: 8pt;
	padding-left: 10px;
}

.fixed-table-container-inner {
	overflow: auto;
	border-top: 0;
}

.fixed-table-foooter table th {
	height: 25px;
	border: 0;
}

#relatorioDados th div {
	text-align: left;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 6px 8px 5px 2px;
	color: var(--font-primary);
}

#relatorioDados th div span {
	font-weight: normal;
	font-style: italic;
}

#relatorioDados th div i {
	padding-left: 5px;
	font-size: 13px;
	right: 5%;
}

#relatorioDados th div:hover {
	background-color: var(--bg-tertiary);
	border-bottom: 1px solid var(--brand-primary);
}

#relatorioDados tbody {
	transform: translate3d(0, 0, 0);
}

#relatorioDados th {
	border: 0;
}

#relatorioDados td {
	max-width: 300px;
	min-width: 40px;
	height: 28px;
	word-wrap: break-word;
}

.border-top {
	border-top: 1px solid var(--hairline-regular--shade--three);
}

.border-bottom {
	border-bottom: 1px solid var(--hairline-regular--shade--three);
}

.border-bottom-dark-grey {
	border-bottom: 1px solid #2a2a2a;
}

.border-right {
	border-right: 1px solid var(--hairline-regular);
}

#relatorioTotalizador th {
	padding-top: 0;
	font-weight: bold;
	font-size: 12px;
}

#relatorioTotalizador th:first-child {
	padding-left: 10px;
}

.relatorio-campos-container {
	min-width: 170px;
	float: left;
	width: 13%;
	margin-right: 1%;
}

.relatorio-campos-container .datatable {
	overflow: auto;
	border-bottom: 1px solid var(--hairline-regular--shade--one);
	border-left: 1px solid var(--hairline-regular--shade--one);
	border-right: 1px solid var(--hairline-regular--shade--one);
	height: 300px;
}

.table-header-item {
	height: 100%;
	float:left;
}

.relatorio-campos-container #botaoColunas {
	cursor: pointer;
}

.relatorio-campos-container #botaoColunas:hover {
	background-color: var(--bg-tertiary);
}

.relatorio-campos-container .icon-filter {
	font-size: 12px;
}

h4.section {
	color: #555;
	box-shadow: 0 5px 5px -6px #ddd;
	-webkit-box-shadow: 0 5px 5px -6px #ddd;
	-moz-box-shadow: 0 5px 5px -6px #ddd;
}

#popup_busca_pontos_retirada h4,
#formRequisitosCotacao h4 {
	box-shadow: none;
	color: var(--font-primary);
	font-family: Gilroy;
}

#lista_pontos_retirada tr th {
	color: var(--font-primary);
}

#relatorioCampos td {
	border-bottom: 0;
}

#relatorioCampos tr {
	background-color: var(--bg-primary);
}

#relatorioCampos tr:hover {
	background-color: var(--content-primary--shade--one) !important;
}

#div-periodo td {
	color: var(--font-primary--shade--one);
}

#chart_fluxo_caixa, #chart_balancete,
.info-entrada, .info-saida {
	fill: var(--font-primary--shade--one);
}

.info-entrada h2.section-title, .info-saida h2.section-title,
#chart_entradas_title > a ,#chart_saidas_title > a,
#period-title, #container_dre h2.section-title, #datatable h2.section-title {
	color: var(--font-primary--shade--one) !important;
}

tr.subtotal {
	background-color: var(--bg-subtotal-relatorio);
}

#relatorio-customizado-config #controls {
	padding: 0;
}

.tabela-listagem tr.categoria {
	background-color: var(--content-primary--shade--one);
	font-weight: bold;
	font-size: 13px !important;
}

.tabela-listagem .item td {
	cursor: pointer;
	height: 47px;
}

.tabela-listagem .p30 {
	padding-left: 30px !important;
}

.tabela-listagem .descricao {
	font-size: 10pt;
	font-weight: bold;
}

.tabela-listagem tr.item:hover {
	background-color: var(--content-primary--shade--one);
	color: #222;
}

#popup-colunas {
	text-align: left;
}

#popup-colunas .categoria td {
	border-bottom: 1px solid var(--hairline-regular--shade--one);
	border-top: 1px solid var(--hairline-regular--shade--one);
}

#popup-colunas .categoria:first-child td {
	border-top: 0;
}

#popup-colunas .colunas-container {
	border: 1px solid var(--hairline-regular--shade--one);
}

#popup-colunas table {
	width: 100%;
	border-right: 1px solid var(--hairline-regular--shade--one);
}

#popup-colunas table tr td:first-child {
	padding: 6px 10px 6px 10px;
}

#relatorio-customizado-config #dinamic-filter {
	background-color: var(--content-secondary);
	padding: 10px 10px 10px 10px;
	margin-bottom: 7px;
	border: 1px solid var(--hairline-regular--shade--one);
}

#saveStatus .warning {
	padding: 5px;
	line-height: 12pt;
}

#saveStatus .success {
	padding: 5px;
	line-height: 12pt;
	margin: 5px;
}

#popup-config-column .ui-datepicker-trigger {
	margin-top: 5px;
}

#popup-config-column .hasDatepicker {
	width: 100%;
}

#popup-config-column #listFiltros th,
.preferencias .servicos-notas-servico #tabela_tributos th {
	color: var(--font-primary);
}

.preferencias .servicos-notas-servico #tabela_tributos tr td {
	border: #999999 1px solid;
}

.preferencias #certificado-digital-configuracoes #certificados-gerenciador-windows .table-cell {
	border: none;
	font-size: 9pt;
	color: #999999;
}

.preferencias #certificado-digital-configuracoes #certificados-gerenciador-windows .table-row:hover {
	background-color: #E8E8E8;
	cursor: pointer;
}

.preferencias #certificado-digital-configuracoes #descricao-status-certificado p {
	font-weight: bold;
	font-size: 15pt;
	margin: 0;
	padding-left: 0;
}

.preferencias #csd-config #description-status-csd h3 {
	font-weight: bold;
	font-size: 15pt;
	margin: 0;
	padding-left: 0;
	color: rgb(63, 175, 108);
}

.preferencias #csd-config #description-status-csd p {
	font-weight: bold;
	font-size: 10pt;
	margin: 0;
	padding-left: 0;
	color: rgb(63, 175, 108)
}

.preferencias #certificado-digital-configuracoes #descricao-status-certificado ul,
.preferencias #csd-config #description-status-csd ul {
	padding-left: 15px;
	color: #666666;
}

.preferencias #certificado-digital-configuracoes #aviso-pin {
	display: block;
	font-size: 9pt;
	color: #999999;
	margin-top: 4px;
}

.preferencias #certificado-digital-configuracoes #aviso-pin:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f071";
	font-size: 10pt;
	color: #DF913D;
	margin-right: 4px;
	font-weight: 900;
}

.subtitulo-popup {
	color: #999;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	margin-bottom: 10px;
	display: block;
	width: 100%;
	background: none;
	clear: both;
	border-bottom: none;
	font-family: 'Arial';
	box-shadow: 0 1px 1px -1px #999;
}

.ico-pencil-list:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f303";
	font-size: 15px;
	font-weight: 900;
}

.edit-container {
	cursor: pointer;
	color: #888;
}

.edit-container:hover {
	color: #000;
}

.edit-container i {
	visibility: hidden;
}

.default-placeholder::-webkit-input-placeholder {
	font-style: italic;
}

.default-placeholder::-moz-placeholder {
	font-style: italic;
}

#dinamic-filter .input_text {
	margin:0;
}

#dinamic-filter #filters {
	overflow: auto;
	margin-left: 10px;
}

#dinamic-filter #filters div:not(.Tag) {
	padding: 8px;
	padding-right: 20px;
	border: 1px solid #aaa;
	margin-right: 5px;
	margin-top: 15px;
	background-color: #fff;
}

#dinamic-filter #filters div a:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f00d";
	font-size: 10pt;
	position: absolute;
	margin-left: 5px;
	width: 12px;
	height: 12px;
	font-weight: 900;
}

#dinamic-filter #filters div a {
	color: #8F8F8F;
	cursor: pointer;
}

#dinamic-filter #filters div a:hover {
	color: #000;
}

#dinamic-filter .ui-datepicker-trigger {
	margin-top: 5px;
	position: relative;
	top: 0;
	right: 0;
}

#dinamic-filter .coluna-container,
#dinamic-filter .valor-container,
#dinamic-filter .valor2-container,
#dinamic-filter .valor-opcao-container {
	margin-right: 5px;
}

#dinamic-filter #reload_dados:not(.Button) {
	height: 27px;
	margin-top: 12px;
}

#hide-dinamic-filter {
	background-color:#DFE4EC;
	float: right;
	text-align: center;
	padding: 4px;
	border-top: 1px solid rgba(135, 135, 135, 0.22);
	margin-top: 7px;
}

.input-group {
	margin: 0;
	position: relative;
	background-color: transparent;
	float: left;
	width: 100%;
}
.conta-caracteres-display {
	bottom: 4px;
	right: 4px;
	z-index: 2;
	color: #FFF;
	margin: 0;
	height: 20px;
	min-height: 20px;
	padding: 3.5px;
	position: absolute;
	box-sizing: border-box;
	border-radius: 3px;
}

.display-default {
	background-color: #777777;
}

.display-primary {
	background-color: #337AB7;
}

.display-success {
	background-color: #5CB85C;
}

.display-info {
	background-color: #5BC0DE;
}

.display-warning {
	background-color: #F0AD4E;
}

.display-danger {
	background-color: #D9534F;
}

.code {
	border: 1px solid var(--hairline-regular--shade--one);
	background-color: var(--bg-primary);
	padding: 5px;
	font-family:monospace;
}

.icon-button {
	width: 28px;
	height: 28px;
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color: #ededed;
	border: 1px solid #dcdcdc;
	display: inline-block;
	cursor:pointer;
	text-decoration: none;
	text-shadow: 0px 1px 0px #ffffff;
}

.icon-button:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background: -moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background: -webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background: -o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color: #dfdfdf;
}

.icon-button:active {
	position: relative;
	top: 1px;
}

.btn-box-side {
	display: none;
	position: fixed;
	top: 0px;
	right: 0px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
	background: rgb(69,72,77); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	z-index: 50;
	padding-top: 6px;
	border-style: solid;
	border-width: 3px 0px 0px 1px;
	border-color: #42454A;
	border-radius: 0px 0px 0px 0px;
	font-size: 18px;
	height: 27px;
	text-align: center;
	width: 30px;
}

.btn-box-side a {
	cursor: hand;
	text-decoration: none;
	color: #FFF;
}

.btn-box-menu {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
	background: rgb(69,72,77); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	z-index: 10000;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #42454A;
	border-radius: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 27px;
	text-align: center;
	font-family: Arial,sans-serif;
	height: 36px;
	width: 30px;
}

.btn-box-menu a {
	cursor: hand;
	text-decoration: none;
	color: #FFF;
}
.faixa-verde-top {
	display: none;
	width: 100%;
	height: 36px;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 8;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
	background: rgb(69,72,77); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 99;
	position: fixed;
	display: none;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

/*MENU DE CONTEXTO*/
#listaMenu {
	position: absolute;
	z-index: 5000;
	left: 50%;
	top: 10%;
	margin-left: -95px;
}
.listaMenu {
	text-align: left;
	padding: 4px !important;
	border: 0px !important;
	-webkit-box-shadow: 3px 5px 14px 0px rgba(26, 42, 95, 0.43);
	-moz-box-shadow: 3px 5px 14px 0px rgba(26, 42, 95, 0.43);
	box-shadow: 3px 5px 14px 0px rgba(26, 42, 95, 0.43);
	border: 1px solid #ddd !important;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	width: 180px !important;
}
.listaMenu li{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,e5e5e5+100 */
	border: 1px solid #FFF !important;
	margin-top: 1px !important;
	margin-bottom: 1px !important;
	padding: 2px !important;
	color: #7F8790 !important;
	cursor: pointer !important;
	font-size: 12px;
}
.listaMenu li:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+0,d1d1d1+100 */
	background-color: #DEE4EA !important;
	border: 1px solid #DDD !important;
	padding: 2px !important;
	color: #7F8790;
}
.listaMenu li img{
	margin-right: 3px !important;
}
.listaMenu li span{
	margin-right: 3px !important;
}
.listaMenu .separador{
	padding: 0px !important;
	background: #FFF !important;
	margin-top: 0px !important;
	margin-bottom: 4px !important;
	height: 3px;
	border-bottom: 1px solid #DDD !important;
	border-top: 0px !important;
	border-left: 0px !important;
	border-right: 0px !important;
}
.listaMenu .separador:hover{
	padding: 0px !important;
	background: #FFF !important;
	margin-top: 0px !important;
	margin-bottom: 4px !important;
	height: 3px;
	border-bottom: 1px solid #DDD !important;
	border-top: 0px !important;
	border-left: 0px !important;
	border-right: 0px !important;
}

.listaMenu li span {
	font-size: 14pt;
	padding-right: 3px;
}

/* CSS Projetos - Bling*/

#financeiro h2 {
	color: #44464c;
}

#financeiro h3 {
	background-color: #ddd;
	margin: 20px 0 0 0;
	padding: 10px 10px;
}

#financeiro h3 a {
	float: right;
	font-size: 8pt;
	font-weight: normal;
	background-image: url("images/minus.png");
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	background-position: center center;
	overflow: hidden;
	text-indent: -1000px;
	outline: none;
}

#financeiro h3 a.hide {
	background-image: url("images/plus02.png");
}

#financeiro h5 {
	padding: 0 10px;
	color: #44464c;
	border: 0px solid #000;
	font-size: 11pt;
}

#financeiro th {
	font-size: 10pt;
	color: #44464C;
	border-bottom: 2px solid #e5e5e5;
	padding: 5px 5px;
	background-color: #fff;
}

#financeiro table tr td:first-child, #financeiro table tr th:first-child, #anexo_popup .datatable td:first-child {
	padding-left: 10px;
}

#financeiro table tr td {
	color: #44464C;
}

#financeiro table tr td:last-child {
	padding-right: 10px;
}

#financeiro table tr:last-child {
	background-color: #fff;
	border-top: 2px solid #e5e5e5;
}

#financeiro .total {
	font-size: 14pt;
	border: 0px solid #000;
}

/********************************************** PROJETO - INICIO ***************************************************/
#projetoForm, #financeiro, #div_activeMensagens {
	padding: 0 10px 10px 10px;
}

#view_proj_desc {
	margin: 0 0 0 200px;
}

#projeto_andamento {
	width: 160px;
	margin: 10px 0 0 0;
	float: left;
}
/*************************************** PROJETO - TAREFAS - INICIO *********************************************/
.sortable_fases {
	margin: 0;
	padding: 0px;
}

.sortable_fases li.lista_fase {
	margin: 0px 5px 5px 0px;
	padding: 0px;
	list-style-type: none;
}

.sortable_fases li.lista_fase:last-child {
	margin: 0px 0px 5px 0px;
}

.cancel-add-tarefa {
	background:url(images/cancel.png) center center no-repeat;
	cursor:pointer;
	border:0;
	display: inline-block;
	height: 26px;
	width: 26px;
	margin-top: 2px;
	margin-right: 4px;
}

.ok-add-tarefa {
	background:url(images/checked03.png) center center no-repeat;
	cursor:pointer;
	border:0;
	display: inline-block;
	height: 26px;
	width: 26px;
	margin-top: 2px;
	margin-right: 8px;
}

.edit_projeto_tarefa .view_tarefa {
	display: none;
}

.edit_tarefa {
	display: none;
	text-align: left;
}

.edit_tarefa input[type=text]{
	border: 1px solid #999;
}

.projeto_tarefa .bt_edit_tarefa {
	position: absolute;
	right: 5px;
	display: none;
}

.projeto_tarefa_add {
	text-align: center;
	height: 24px;
	line-height: 24px;
	visibility: hidden;
}

.projeto_tarefa input[type="checkbox"] {
	position: relative;
	top: 2px;
	margin: 0px;
	padding: 0px;
}

.projeto_tarefa input {
	padding: 5px;
	margin: 0px 0 0px 0;
	line-height: 24px;
}

.projeto_tarefa .caption {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	height: 24px;
	line-height: 24px;
}

.projeto_tarefa .date-pick {
	text-align: center;
}

.projeto_tarefa {
	margin: 2px 3px 2px 0;
	padding: 0px 35px 0px 0px;
	list-style-type: none;
	position: relative;
	display: block;
	background-color: #fff;
	overflow: hidden;
	border: 1px solid #ccc;
}

.texto_view_tarefa {
	padding: 5px;
	display: block;
	width: 100%;
}

.projeto_tarefa_add, .edit_projeto_tarefa {
	line-height: 24px;
	margin: 2px 0 2px 0;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	position: relative;
	display: block;
	background-color: #fff;
}

.tarefa_concluida {
	border-left: 5px solid #228B22;
}

.tarefa_atraso {
	border-left: 5px solid #B22222;
}

.tarefa_parada {
	border-left: 5px solid #483D8B;
}

.tarefa_andamento {
	border-left: 5px solid #00BFFF;
}

.tarefa_pausada {
	border-left: 5px solid #6495ED;
}

.fase-concluida {
	background-image:url(images/checked02.png);
	background-repeat:no-repeat;
}

.projeto_tarefa_add {
	cursor: pointer;
}

#tarefa_ativa_area {
	min-height: 50px;
	display: block;
}

.fase-header {
	background-color: #eee;
	padding: 10px;
	display: block;
}

.lista_fase_quadro {
	float: left;
	list-style: none;
}

.lista_fase_lista {
	list-style: none;
	margin-top: 10px;
}

.fase-header div {
	display: inline-block;
}

.fase-header h4 {
	display: inline-block;
	width: 80%;
	color: #546170;
}

.timer_start_button {
	background-image: url(images/play_01.png);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center;
	border: none;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.timer_pause_button {
	background-image: url(images/pause_01.png);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center;
	border: none;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.tarefa_ativa_card {
	margin: 10px;
	border:1px solid #999;
	background-color: #fff;
	display: block;
	padding: 5px 30px 5px 5px;
	min-height:24px;
	position:relative;
}

.grabber {
	background: Transparent url(images/move_01.png) 50% 50% no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
}

#div_activeCronograma {
	overflow: hidden;
}

.tarefa_lista, .sortable_fases li:hover{
	cursor: pointer;
}

.tarefa_lista, .sortable_fases li.ui-sortable-helper{
	cursor: move;
}

.tarefa_lista, .tarefa_lista_add {
	margin: 0px;
	padding: 0px;
	min-height: 10px;
	overflow: auto;
}

.tarefa_lista_add {
	margin-top: 10px;
	overflow: visible;
}

#tarefa_membros {
	width: 360px;
}

.estimativa-fase {
	font-size: 10pt;
	color: #7F868E;
}

.membros-tarefa {
	display: block;
	text-align: right;
		width: 100%;
	position: relative;
	right: -26px;
	bottom: -6px;
}

.membro_initials {
	height: 25px;
	width: 25px;
	overflow: hidden;
	background-color: #ddd;
	border: 1px solid #ccc;
	color: #7F868E;
	line-height: 25px;
	text-align: center;
	font-weight: bold;
	margin: 0 0 0 1px;
}
/*************************************** PROJETO - TAREFAS - FIM *********************************************/

/*************************************** PROJETO - TIMELOG - INICIO *********************************************/
#div_activeTimesheet {
	padding: 0 0 10px 0;
}

#div_activeTimesheet h4 {
	padding: 0 10px 0 0;
}

#div_activeTimesheet h3 {
	padding: 0 0 0 10px;
}

#tempos_filtros {
	padding: 0 10px 10px 10px;
}

#div_activeTimesheet .datatable tr th:first-child, #div_activeTimesheet td:first-child {
	padding-left: 10px;
}

#view_descricao_comp {
	background-color: #f8f8f8;
	border: 1px solid #dbdbdb;
	height: 50px;
	line-height: 50px;
	padding: 0 10px;
	margin: 20px 0 0 0;
}

#view_descricao_comp div {
	display: inline;
}

#view_p_nome {
	font-weight: bold;
	font-size: 9pt;
	color: #44464C;
}

#progTarefasText {
	color: #25353D;
}

#div_outras table.fields {
	background-color: transparent;
}

.equipe-membro-card {
	width: 96px;
	height: 60px;
	border: 1px solid #dbdbdb;
	background-color: #f8f8f8;
	display: inline-block;
	text-align: center;
	margin: 10px 10px 0 0;
	padding: 5px;
	overflow: hidden;
	vertical-align: middle;
}

.equipe-membro-card:last-child {
	margin: 10px 0 0 0;
}

.equipe-membro-card p {
	color: #44464c;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	display: table-cell;
	height: 60px;
	width: 100px;
}

#panel, #tempos_filtros, #tarefas_filtros {
	background-color: var(--bg-painel-relatorios);
}

.ico-more {
	background: url("images/rmore.gif") no-repeat scroll 0 0 transparent;
	padding-left: 20px;
}

.seta-e {
	background-image: url("images/seta-esquerda_azul.png");
}

.seta-d {
	background-image: url("images/seta-direita_azul.png");
}

.aviso-espaco {
	margin-top: 0px;
}

#card-informacoes-conta ul {
	margin: 10px 0 0 0;
	padding: 0px;
}

#card-informacoes-conta ul li {
	margin: 0px 20px 0 0;
	padding: 3px 0;
	list-style-type: none;
}

#card-informacoes-conta ul li a {
	font-size: 10pt;
}

@media ( min-width : 1007px) {
	#menu-container {
		display: block !important;
	}

	.box-side {
		right: 0px !important;
	}

	/*MENU DE CONTEXTO*/
	#listaMenu {
		position: absolute;
		z-index: 5000;
		left: 50%;
		top: 10%;
		margin-left: -95px;
	}
	.listaMenu {
		text-align: left;
		padding: 5px !important;
		border: 0px !important;
		webkit-box-shadow: 3px 5px 14px 0px rgba(26, 42, 95, 0.43);
		moz-box-shadow: 3px 5px 14px 0px rgba(26, 42, 95, 0.43);
		box-shadow: 3px 5px 14px 0px rgba(26, 42, 95, 0.43);
		border: 1px solid #ddd !important;
		webkit-border-radius: 0px;
		moz-border-radius: 0px;
		border-radius: 0px;
		width: 180px !important;
	}
	.listaMenu li{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,e5e5e5+100 */
		border: 1px solid #FFF !important;
		margin-top: 1px !important;
		margin-bottom: 1px !important;
		padding: 5px !important;
		color: #7F8790 !important;
		cursor: pointer !important;
		font-size: 13px;
		letter-spacing:-0.8px;
	}
	.listaMenu li:hover{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+0,d1d1d1+100 */
		background-color: #DEE4EA !important;
		border: 1px solid #DDD !important;
		padding: 5px !important;
		color: #7F8790;
	}
	.listaMenu li img{
		margin-right: 3px !important;
	}
	.listaMenu li span{
		margin-right: 3px !important;
	}
	.listaMenu .separador{
		padding: 0px !important;
		background: #FFF !important;
		margin-top: 0px !important;
		margin-bottom: 3px !important;
		height: 1px;
		border-bottom: 1px solid #DDD !important;
		border-top: 0px !important;
		border-left: 0px !important;
		border-right: 0px !important;
	}
	.listaMenu .separador:hover{
		padding: 0px !important;
		background: #FFF !important;
		margin-top: 0px !important;
		margin-bottom: 3px !important;
		height: 1px;
		border-bottom: 1px solid #DDD !important;
		border-top: 0px !important;
		border-left: 0px !important;
		border-right: 0px !important;
	}
}

#divResponderContainer #divResponder {
	right: 215px;
	position: fixed;
	bottom:25px;
	background-color: var(--bg-container-ticket);
	right: 250px;
	left:250px;
	padding:20px;
	padding-top: 5px;
	box-sizing: border-box;
	-webkit-box-shadow: 0px -12px 6px -6px #DBDBDB;
	-moz-box-shadow: 0px -12px 6px -6px #DBDBDB;
	box-shadow: 0px -12px 6px -6px #DBDBDB;
}

#minimize-icon {
	cursor: pointer;
	font-size: 10pt;
}

#verDisponibilidadeLog {
	width: 18px;
	font-size: 16px;
	display: block;
	margin-top: 20px;
	cursor: pointer;
	}

.prerequisito {
	padding: 10px 10px 10px 50px;
	background-image:url("images/dyes.png");
	background-repeat:no-repeat;
	background-position: 10px center;
	}

a .prerequisito:hover {
	background-color: #eee;
	border-radius:3px;
	}

.requisitoatendido {
	background-image:url("images/yes.png");
	}

.requisitoatendido p {
	text-decoration:line-through;
	opacity:0.5;
	}

.content-box-sizing {
	box-sizing: content-box;
	}

.situacaoNfe{
	font-size: 12px;
	color: #333;
	}

.box-retorno-integracao {
	margin-right: 18px;
	margin-left: 18px;
	text-align: left;
	font-size: 8pt;
	border: 1px solid #CCC !important;
	}

.lista_progresso{
	padding: 0;
	margin:10px;
	}
.lista_progresso li{
	padding: 5px 10px;
	margin:0;
	list-style-type:none;
	font-size: 16px;
	}
.lista_progresso img{
	vertical-align:middle;
	}
.lista_progresso li span{
	width: 30px;
	height: 24px;
	display:inline-block;
	text-align:center;
	}

#tabelalancamentos td[data-label] {
	padding-left: 2px;
	}

.icon-sort-up:before {
	vertical-align: middle;
	}

.icon-sort-down:before {
	vertical-align: baseline;
	}

.dialog-text-justify {
	text-align: justify;
	text-indent: 10px;
	margin: 0;
	}

.table-fixed {
	table-layout: fixed;
	}

.table-fixed td {
	word-wrap: break-word;
	}


#relatorioTotalizador tr div {
	padding: 6px 10px 6px 0px;
	padding-left: 10px;
	}

.table-reg-alter tr:nth-child(even) td {
	background-color: transparent;
}

.table-reg-alter td div:nth-child(1) span {
	margin-right: 20px;
	font-size: 12px;
	}

.table-reg-alter .prettyprint {
	font-size: 14px;
	line-height: 20px;
	white-space: pre-wrap;
	}

table.tabela-numerada {
	counter-reset: rowNumber -1;
	margin-left:20px;
	width: calc(100% - 20px) !important;
}

table.tabela-numerada tr,
table.tabela-numerada tr td:first-child {
	position: relative;
}

table.tabela-numerada tr {
	counter-increment: rowNumber;
}

table.tabela-numerada tr td:first-child::before {
	content: counter(rowNumber);
	position: absolute;
	width: 15px;
	left: -20px;
	top: 25%;
	color: #666;
	text-align: center;
}

.wrapper-select-filtro-ini, .wrapper-select-filtro-fim {
	overflow:hidden;
	display:inline-block;
	border:1px solid #999;
}

.wrapper-select-filtro-ini {
	width:114px;
	border-right:none;
	background-color: #E9E9E9;
	position:relative;
}

.wrapper-select-filtro-fim {
	width:148px;
	border-left:none;
	background-color:#fff;
}

.wrapper-select-filtro-ini select, .wrapper-select-filtro-fim select, .wrapper-select-filtro-fim input {
	border:none;
	padding-right:40px;
	outline:0;
}

.wrapper-select-filtro-ini select:-moz-focusring, .wrapper-select-filtro-fim select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}

.wrapper-select-filtro-ini select {
	width:140px;
	background-color:transparent;
	background-image: url(../images/ardw.png);
	background-repeat:no-repeat;
	background-position: calc(100% - 33px);
}

.wrapper-select-filtro-fim select {
	width:162px;
	background-color:transparent;
	background-image: url(../images/ardw.png);
	background-repeat:no-repeat;
	background-position: calc(100% - 22px);
}

.tag-filtro {
	background-color: #999;
	display: inline-block;
	padding: 5px;
	border-radius: 0px;
	margin: 2px;
	color: #fff;
	font-weight: bold;
}

#bell_content {
	position: relative;
	cursor: pointer;
}

#bell_content.mobile:hover i {
	color: #9e9e9e;
}

#bell_content i {
	color: #9e9e9e;
	cursor: pointer;
	font-style: normal;
	display: block;
}

#bell_content span {
	background-color: #ff1d25;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	color: #fff;
	font-size: 10px;
	padding: 0 3px 0 3px;
	position: absolute;
	left: 20px;
	top: 4px;
}

#bell_content.mobile {
	position: inherit;
	top: 0;
	right: 50px;
}

#bell_content.mobile-main {
	display: none;
	position: fixed !important;
	top: 1px;
	right: 10px !important;
	z-index: 4;
}

#notificationMenu.mobile {
	left: 50%;
	top: 40px;
	z-index: 1002;
	margin-left: -145.5px;
}

#notificationMenu,
.notification-box hr,
.notification-history {
	position: absolute;
}

#notificationMenu {
	background-color: #fff;
	border: 1px solid #ddd !important;
	box-shadow: 2px 2px 5px 0px rgba(26, 42, 95, 0.1);
	-webkit-box-shadow: 2px 2px 5px 0px rgba(26, 42, 95, 0.1);
	-moz-box-shadow: 2px 2px 5px 0px rgba(26, 42, 95, 0.1);
	color: #666;
	max-height: 500px;
	left: -87.5px;
	padding: 0 !important;
	text-align: left;
	top: 55px;
	width: 285px;
}

#notificationMenu ul {
	padding-left: 0;
	margin: 0;
	overflow: auto;
}

#notificationMenu li {
	float: left;
	line-height: 25px !important;
	text-align: left;
	width: 100%;
	word-break: break-all;
}

.notification-box-content,
.notification-title-box-content {
	font-size: 13px;
	line-height: 20px;
	position: relative;
	padding: 0 10px 0 10px;
}

.notification-box-content {
	padding: 5px 10px 5px 10px;
}

#notificationMenu li[data-group] > ul li.notification-item.component {
	padding: 0px !important;
	margin: 0px !important;
}

.notification-item a {
	display: initial !important;
	color: #0073B7 !important;
	padding: 0 !important;
}

.notification-item a:hover {
	text-decoration: underline !important;
}

.notification-title {
	line-height: 25px;
	padding: 5px 10px 5px 10px;
}

.notification-title .ico-none {
	display: inline;
}

.notification-history-title span {
	font-size: 16px !important;
	font-weight: bold;
}

.notification-box {
	  width: 100%;
	float: left;
}

.notification-box > div > span {
	font-size: 15px;
	font-weight: bold;
}

.notification-box hr {
	background-color: #ddd;
	bottom: 0;
	border: 0;
	left: -10px;
	height: 1px;
	width: 285px;
}

.notification-history-title,
.notification-box-content,
#notificationMenu .ico-conf::before {
	cursor: pointer;
}

.notification-list-long-box,
.notification-list-short-box {
	display: block;
	position: relative;
}

.notification-list-long-box > ul,
.notification-list-short-box > ul {
	width: 100%;
	overflow-y: auto;
}

.notification-list-long-box {
	min-height: 239px;
}

.notification-list-long-box > ul {
	max-height: 268px;
}

.notification-list-short-box {
	height: 160px;
}

.notification-list-short-box > ul {
	max-height: 120px;
	border-radius: 0px 0px var(--border-radius) var(--border-radius);
}

.sr-bling,
.nuvem {
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
}

.sr-bling {
	background-image: url("images/sr_bling.png");
	left: 84.5px;
	top: 15%;
	height: 155px;
	width: 115px;
}

.nuvem {
	background-image: url("images/nuvem.png");
	bottom: 0;
	height: 75px;
	width: 285px;
}

.no-notification {
	font-size: 13px;
	font-weight: bold;
	position: absolute;
	text-align: center;
	top: 20px;
	width: 100%;
}

#n_list_unread .notification-box-content,
#notification-history-title,
.notification-title-box-content {
	border-bottom: 1px solid #ddd;
}

#notification-history-title {
	border-top: 1px solid #ddd;
}

#notificationMenu .fa-cog::before,
#notification-history-title .fa-caret-right::before,
#notification-history-title .fa-caret-down::before {
	line-height: 25px;
	float: right;
	font-style: normal;
	left: 0;
	position: relative;
	top: 0;
}

#notificationMenu .fa-cog {
	display: inline;
	color: #666;
	float: right;
	padding: 0;
}

#notificationMenu li[data-group] > ul li {
	line-height: 15px !important;
	padding: 5px 10px 15px 20px !important;
	position: relative;
	font-size: 11px;
	word-break: break-word;
}

#notificationMenu li[data-group] > ul li hr {
	left: 19px;
	width: 245px;
}

#notificationMenu li[data-group] ul li:last-child hr {
	display: none;
}

#notificationMenu span[data-group-sum] {
	float: right;
	padding-right: 5px;
}

#notificationMenu span .fa-caret-right,
#notificationMenu span .fa-caret-down {
	margin-left: 5px;
	font-style: normal;
}

#notificationMenu li:hover {
	background-color: #fff;
}

#accountMenu .icon-user {
	width: 1.5625em;
	font-size: 10pt;
}

.notification-history {
	bottom: 0;
	padding-bottom: 0;
}

.notification-date {
	color: #999;
	font-size: 12px;
}

li[data-group] > ul {
	width: 100%;
	padding-top: 5px;
}

.arrow-up-behind,
.arrow-up-front {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	left: 138.5px;
	height: 0;
	position: absolute;
	width: 0;
}

.arrow-up-behind {
	border-bottom: 10px solid #ddd;
	top: -10px;
}

.arrow-up-front {
	border-bottom: 10px solid #fff;
	top: -8px;
}

.table-even-odd th {
	padding-bottom: 10px;
}

.table-even-odd tbody td {
	border: none !important;
}

.table-even-odd tbody tr {
	height: 50px;
}

.table-even-odd tbody tr:nth-child(even) {
	background: #fff;
}

.table-even-odd tbody tr:nth-child(odd) {
	background: #e8e8e8;
}

.__bling-dark table.central-notificacoes,
.__bling-dark table.central-notificacoes th {
	background-color: var(--content-primary) !important;
	color: var(--font-primary) !important;
}

.__bling-dark table.central-notificacoes tr:nth-child(odd) td {
	background-color: var(--content-primary) !important;
	color: var(--font-primary) !important;
}

.__bling-dark table.central-notificacoes tr:nth-child(even) td {
	background-color: var(--content-secondary) !important;
	color: var(--font-primary) !important;
}

.__bling-dark #container.container-central-notificacao .box-content {
	background-color: var(--content-secondary) !important;
	color: var(--font-primary) !important;
}

.__bling-dark #container.container-central-notificacao .side.box-side {
	background-color: var(--content-primary) !important;
	color: var(--font-primary) !important;
}

.__bling-dark #container.container-central-notificacao .box-content .titulo-det {
	background-color: var(--bg-secondary);
	color: var(--font-primary);
}

.__bling-dark #container.container-central-notificacao #saveStatus {
	color: var(--font-primary--shade--three);
}

.__bling-dark #container.container-central-notificacao .chosen-container-multi .chosen-choices,
.__bling-dark #container.container-central-notificacao .chosen-container-multi .chosen-choices li.search-field input[type="text"],
.__bling-dark #container.container-central-notificacao .chosen-container-multi .chosen-choices li.search-field input[type="text"] .chosen-search-input.default,
.__bling-dark #container.container-central-notificacao .chosen-container-multi .chosen-drop,
.__bling-dark #container.container-central-notificacao .chosen-container-multi .chosen-drop .chosen-results,
.__bling-dark #container.container-central-notificacao .chosen-container-multi .chosen-drop .chosen-results .no-results {
	background-color: var(--content-primary);
	color: var(--font-primary) !important;
}
table.central-notificacoes th:first-child {
	width: 350px;
}

.central-edita-dest {
	cursor: pointer;
	max-width: 300px;
	height: 18px;
	padding: 0 5px 0 5px;
	position: relative;
}

.central-edita-dest > span:nth-child(1) {
	float: left;
	max-width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.central-edita-dest > span:nth-child(2) {
	padding-left: 2px;
}

.central-edita-dest .ico-edit::before {
	position: relative;
	left: 0;
	top: 0;
}

.central-edita-dest .ico-edit {
	float: right;
	font-style: normal;
}

#n_list_history .notification-group-title {
	color: #658c88;
}

#n_list_history hr,
#n_list_unread hr {
	margin-bottom: 5.5px;
}

#left-bar {
	max-width: 220px;
	padding: 0;
	margin-top: 10px;
}

#left-bar .selected {
	background-color: var(--brand-primary);
}

#container-right {
	padding: 0;
}

#left-bar .selected a {
	font-weight: bold;
	color: var(--font-secondary);
}

#left-bar h3.selected{
	color: var(--font-secondary) !important;
}

#left-bar h3 {
	color: var(--font-primary);
	font-size: 11pt;
	box-shadow: none;
	margin-top: 0;
	margin-bottom: 0;
	border-bottom: 1px solid var(--hairline-regular);
	padding-bottom: 7px;
}

#left-bar ul, #left-bar ol {
	padding-left: 0;
	margin-bottom: 20px;
}

#left-bar li {
	list-style: none;
	font-weight: normal;
	padding: 0;
	color: #7C7C7C;
	cursor: pointer;
}

#left-bar li.selected:hover {
	background-color: #3faf6ce0;
}

.integration-form > #left-bar h3:hover,
#left-bar li:hover {
	background-color: var(--content-primary--shade--one);
}

#left-bar li div a {
	padding: 5px 0 5px 0;
}

.numbered-list li {
	list-style-type: decimal;
}

#left-bar li a {
	text-decoration: none;
	color: var(--font-primary);
	font-size: 14px;
	display: block;
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid var(--hairline-regular);
}

#left-bar-relative {
	position: relative;
	float: left;
}

#left-bar .current {
	font-weight: bold;
}

.datatable-box table {
	border: 1px solid #EEE;
}

.datatable-box table td {
	vertical-align: middle;
}

.datatable-box table tr:hover {
	background-color: var(--content-primary--shade--one);
	cursor: pointer;
}

#dados-cartao-container input {
	height: 31px;
	font-size: 13px;
}

.background-container {
	background-color: var(--bg-old-container);
	float: left;
	height: auto !important;
	min-height: 100%;
	width: 100%;
}

.background-container .content {
	background-color:#EEE !important;
}

.checkbox label {
	display: block;
	float: left;
	white-space: nowrap;
}

.checkbox label span, .checkbox label input {
	vertical-align: middle;
}

.checkbox label span {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.error2 {
	background-color: #ED1B24;
	padding: 10px 10px;
	color: #FFF;
	font-family: helvetica;
	font-size: 9pt;
	font-weight: bold;
}

.error2 i {
	color: #F1B837;
	margin-right: 10px;
}

.error2 a {
	color: #FFC88E;
}

div[class^=box-section] {
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
}

.box-section-first {
	margin-top: 10px;
}

div[class^=box-section] .subtitulo {
	margin: 0 0 8px 0;
}

div[class^=box-section] .form-item {
	float: left;
	margin-right: 10px;
}

div[class^=box-section] .form-item:first-child {
	margin-left: 0;
}

.page-center {
	width: 500px;
	height: 250px;
	max-width:100%;
	max-height:100%;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

#datatable table th span.inf,
[id^="addDatatable"] table th span.inf {
	float: right;
	display: inline-block;
	margin: 2px 0 0 2px;
}

.sortable-product-images div.thumb_produto .abs-img-title {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 72px;
	height: 72px;
	opacity: 0;
}

.sortable-product-images div.thumb_produto{
	border-style: solid;
	border-color: #F4F4F4;
	border-radius: 6px;
}

.sortable-product-images div.thumb_produto:first-child{
	border-color: #3FAF6C;
}

.sortable-product-images div.thumb_produto:first-child .abs-img-title{
	display: block;
}

.sortable-product-images div.sort-img-placeholder,
img.img-border-placeholder{
	background-color: #e6e6e6;
	border: 6px dashed #cdcdcd;
	border-radius: 6px;
	opacity: 0.6;
	filter: alpha(opacity=60); /* For IE8 and earlier */
	width: 72px;
	height: 72px;
}

img.img-border-placeholder:hover {
	border-color: #3FAF6C;
}

/* Loading do dialog da busca na base de conhecimento */
@-webkit-keyframes loading {
  to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes loading {
	to { -moz-transform: rotate(360deg); }
}
@-ms-keyframes loading {
	to { -ms-transform: rotate(360deg); }
}
@keyframes loading {
	to { transform: rotate(360deg); }
}

.loading {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: transparent;

	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;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -20px;
	z-index: 101;
}

.loading-small {
	border-width: 3px;
	width: 25px;
	height: 25px;
}

.loading-modal {
	border-width: 3px;
	top: calc(50% + 7px);
	left: 30px;
	width: 24px;
	height: 24px;
}

#loading_modal {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 100;
	display: block;
}

.comment-bubble {
  position: absolute;
  right: 11%;
  top: 11px;
  height: 180px;
  width: 300px;
  z-index: 200;
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  padding: 8px;
  margin-bottom: 2px;
  background-color: #FFF;
  cursor: default;
}

.comment-bubble:before, .comment-bubble:after {
  content: '';
  display: block;
  position: absolute;
  height: 0;
  border-style: solid;
  border-width: 13px 13px 0 13px;
  border-color: #ddd transparent transparent transparent;
  top: 0px;
  right: -13px;
  z-index: 2;
}
.comment-bubble:after {
  border-width: 13px 13px 0 13px;
  border-color: #FFF transparent transparent transparent;
  top: 0px;
  right: -11px;
  z-index: 3;
}

.comment-bubble textarea {
  height: 142px;
  resize: none;
}

.comment-bubble input {
  color: #fff;
  cursor: pointer;
  font-size: 8pt;
  height: 20px;
  width: 85px;
  border: 0;
  background-color: #3faf6c;
  border-radius: 4px;
  text-transform: uppercase;
  -webkit-appearance: none;
  font-family: 'Verdana', sans;
  font-weight: normal;
  padding-top: 2px ;
  float: right;
  margin-top: 3px;
}

.comment-bubble textarea:focus {
  border: 1px solid #3FAF6C;
  background-color: transparent;
  outline: none;
}

.button-search-base {
  margin-top: 16px;
  border: 1px solid #999999;
  background: transparent;
}

.hopscotch-info {
  color: #7CB5D8;
  display:block;
  float:left;
  font-size:30px;
  font-weight:700;
  line-height:31px;
  padding:0 10px 0 0;
  text-align:center;
  width:30px;
  height:30px
}

.button-mini-estoque {
  display: none;
}

.pesquisar-estoque {
  width: 100%;
}

.rcpt-body {
	width: 100%;
	clear:both;
	margin-bottom:5px;
	padding: 5px 0;
}

.page-break {
	page-break-after: always;
	clear: both;
	display: block;
	margin: 0;
}

.radiobox-group{
	cursor: pointer;
}

.date-time-pick {
	width: 115px !important;
}

.page-block {
	background-color: var(--bg-primary);
	margin-top: 10px;
	border: 1px solid var(--hairline-regular);
	border-top: 0;
}

.page-block:first-child {
	margin-top: 0;
}

.page-block .block-inner {
	padding: 0px 35px 35px 35px;
}

.page-block .titulo {
	color: rgba(69,72,77,1);;
	font-size: 15px;
	font-weight: normal;
	padding: 10px 0 8px;
	margin: 0 0 8px;
	width: 100%;
	font-family: 'Verdana', sans;
	box-shadow: 0 1px 1px -1px #afafaf;
	cursor: auto;
}

.block-inner .box-section h2.section-title {
	color: var(--font-primary--shade--two);
	padding: 20px 0 15px 0;
	margin: 0px;
}

.box-section .dashed-box {
	border-style: dashed;
	border-width: 2px;
	border-color: #CCC;
	padding: 15px;
}

.box-section .section-content {
	float: left;
	border: 1px solid var(--hairline-regular);
	padding: 20px;
}

.section-content table {
	border: 1px solid var(--hairline-regular);
}

.section-content #datatable table, .section-content .datatable table {
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #ddd;
	font-size: 10pt;
}

.section-content #datatable tr th, .section-content .datatable tr th {
	height: 40px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	font-size: 11pt;
}

.section-content #datatable tr, .section-content .datatable tr {
	height: 43px;
}

.section-content table td {
	padding: 15px;
	vertical-align: middle;
}

.hover-content {
	background-color: #dee4ea;
	cursor: pointer;
}

.section-content .dashed-table {
	border-style: dashed;
	border-width: 2px;
	border-color: #CCC;
}

.page-block .subtitulo {
	margin-bottom: 4px;
}

.table tr th, .table tr td {
	padding: 8px;
}

.table tr th {
	color: var(--font-primary);
	font-size: 10pt;
	border-bottom: 2px solid #ddd;
}

.table tr td {
	font-size: 9pt;
}

.slot_deposito {
	min-width: 75px;
	width:50%;
}

#content.row {
	margin-right: 0px;
	margin-left: 0px;
}

#ordenacaoPeriodo {
	padding: 3px 3px 1px 3px;
	margin-bottom: 1px;
}

h3{
	font-size: 12px;
	font-weight: bold;
	color: var(--font-primary);
}

pre{
  padding:0;
  margin:0;
  line-height: 1.1;
}

.divCarne img{
  vertical-align: baseline;
}

.modal-objeto-logistica{
	border:1px solid #CCC;
	font-size: 8pt;
	padding-left: 8px;
}

.modal-objeto-logistica legend {
	display: flex;
	width: auto;
	border-bottom: 0px;
	margin-bottom: 0px;
}

.modal-objeto-logistica legend label {
	display: inline-flex;
	white-space: nowrap;
	width: 100%;
	padding-right: 14px;
}

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

.vertical-align {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

.vertical-align.align-input-icons {
	position: relative;
}

#formCancelamento label{
	display: initial;
}

.button-default-novo {
	width: 200px;
	height: 30px;
	font-size: 8pt;
	background-color: #37A661;
	color: #FFF;
	border-radius: 0px;
	border: none;
	text-transform: uppercase;
}

.button-default-novo span {
	margin-right: 12px;
	font-size: 12pt;
}

.button-default-novo:hover,
.button-default-novo:focus {
	background-color: #49B776;
	color: #FFF;
	cursor: pointer;
}

.button-default-novo:disabled {
	filter: opacity(0.5);
	cursor: default;
}

.btn-secundary-novo {
	width: 200px;
	height: 30px;
	font-size: 8pt;
	background-color: var(--bg-primary);
	color: var(--font-primary);
	border-radius: 0px;
	border: 1px solid var(--hairline-regular);
	font-weight: bold;
	text-transform: uppercase;
	font-family: Arial !important;
}

.btn-secundary-novo:disabled {
	filter: opacity(0.5);
	cursor: not-allowed;
}

.btn-secundary-novo:hover:not(:disabled),
.btn-secundary-novo:focus,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:focus:active,
.btn-primary:active:hover,
.btn-primary.selected,
.open > .dropdown-toggle.btn-primary,
.open > .dropdown-toggle.btn-primary:hover,
.open > .dropdown-toggle.btn-primary:focus {
	background-color: var(--content-primary--shade--one);
	border: 1px solid var(--hairline-regular);
	color: var(--font-primary);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-primary {
	border: 1px solid var(--hairline-regular);
	background-color: var(--bg-primary);
	color: var(--font-primary);
}

.btn,
.btn-lg,
.btn-sm,
.btn-xs,
.btn-group-lg > .btn,
.btn-group-sm > .btn,
.btn-group-xs > .btn,
.btn-group-vertical>.btn:first-child:not(:last-child),
.btn-group-vertical>.btn:last-child:not(:first-child),
.dropdown-menu {
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-group-md > .btn {
	font-size: 8pt;
	min-height: 50px;
	min-width: 125px;
	font-weight: bold;
	margin-right: 6px;
	margin-bottom: 6px;
	white-space: normal;
}

.btn-group-md > .btn:last-child {
	margin-right: 0;
}

.btn-wh-150 {
	width: 150px;
}

.btn-wh-100 {
	width: 100px;
}

.btn-wh-80 {
	width: 80px;
}

.btn-wh-60 {
	width: 60px;
}

.buttons-user-type {
	margin-bottom: 15px;
}

.buttons-user-type input,
.buttons-user-type .card-div {
	height: 80px;
	background-color: var(--bg-primary);
	color: var(--font-primary);
}

.buttons-user-type .card-div:hover {
	background-color: var(--content-primary--shade--one);
}

.buttons-user-type label {
	display: flex;
	align-items: center;
	justify-content: center;
}

.buttons-user-type h2 {
	color: var(--font-primary);
	font-size: 15px;
	margin-bottom: 15px
}

.tabela-listagem tr th{
  background-color: var(--content-primary--shade--one);
  color: var(--font-primary);
  font-size: 9pt;
  height: 28px;
  padding-top: 5px;
  padding-bottom: 0px;
  height: 35px;
  border-bottom: 2px solid var(--content-primary--shade--one);
}

.star-avaliacao {
	color: #CCCCCC;
	font-size: 11pt;
	margin-right: 5px;
}

.anexarLista li:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f0c6";
	margin-right: 5px;
	font-size: 11pt;
	font-weight: 900;
}

.breadcrumb {
	border-bottom: 1px solid var(--hairline-regular);
	margin: 10px 0;
	color: var(--font-primary--shade--two);
	font-size: 11pt;
	background: none;
	padding-left: 0px;
}

.breadcrumb ul.bling-breadcrumb a {
	cursor: pointer;
	color: var(--font-primary--shade--two);
	text-decoration: none;
}

.breadcrumb ul.bling-breadcrumb a:hover {
	text-decoration: underline;
}

.breadcrumb-title {
	font-size: 15pt;
	color: var(--font-primary);
	font-weight: bold;
}

.breadcrumb .icon-angle-right {
	font-size: 12pt;
	margin-left: 5px;
	margin-right: 5px;
}

.box-central-ajuda {
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
	background-color: var(--bg-old-side-bar--shade--one);
}

.box-central-ajuda h3 {
	font-size: 25pt;
	margin-bottom: 0;
	margin-top: 0px;
}

.box-central-ajuda i {
	color: #999999;
	font-size: 10pt;
	vertical-align: 1px;
}

.box-central-ajuda #collapse-link span {
	font-size: 12pt;
	font-weight: bold;
	color: #DD6F77;
	margin-right: 10px;
	display: inline-block;
}

.box-central-ajuda #collapse-link span:hover {
	text-decoration: underline;
	cursor: pointer;
}

.box-central-ajuda #collapse-link {
	display: inline-block;
	cursor: pointer;
}

.box-central-ajuda .toggle-painel {
	display: inline-block;
	cursor: pointer;
	margin-bottom: 30px;
}

.box-central-ajuda .box-title {
	font-family: Arial;
	font-size: 11pt;
	font-weight: bold;
	color: var(--font-primary--shade--one);
	border-bottom: 1px solid var(--hairline-regular);
	display: block;
	padding-bottom: 4px;
	margin-left: 15px;
	margin-top: 43px;
	width: 92%;
}

.box-central-ajuda .box-link,
.box-content .link-azul {
	font-family: Arial;
	font-style: italic;
	font-size: 10pt;
	color: #7CB5D8;
	cursor: pointer;
}

.box-central-ajuda .descricao {
	display: flex;
	align-items: center;
}

.horizontal-align {
	display: flex;
	justify-content: center;
}

.box-central-ajuda ul li a {
	font-family: Arial;
	font-style: italic;
	font-size: 10pt;
	line-height: 22px;
	color: var(--font-primary--shade--one);
	cursor: pointer;
}

.ajuda-videos {
	cursor: pointer;
	display: inline;
}

.ajuda-videos img {
	height: 50px;
}

.ajuda-videos:hover {
	opacity: 0.8;
}

.videos-descricao {
	font-family: Arial;
	font-size: 1.2em;
	line-height: 18px;
	color: var(--font-primary--shade--one);
	display: block;
	margin-top: 10px;
}

.alert-box {
	position: relative;
	color: #FFFFFF;
	display: block;
	margin-top: 15px;
	padding: 15px;
	padding-left: 65px !important;
	min-height: 65px;
	width: 100%;
	border-radius: var(--orbe-rounded);
}

.alert-box p,
.alert-box span,
.alert-box .alert-box-title {
	color: var(--font-primary);
	font-size: 10pt;
	margin: auto;
}

.alert-box p, .alert-box span {
	text-align: left;
}

.alert-box .alert-box-title {
	font-weight: bold;
	margin-bottom: 5px;
	padding: 2px 0 3px 3px !important;
	font-size: 11pt;
}

.alert-box a {
	color: #7CB5D8;
}

.alert-box a:hover,
.alert-box a:focus {
	color: #7CB5D8;
	cursor: pointer;
	text-decoration: underline;
}

#mensagens-painel{
  max-height: 200px;
  overflow: auto;
  margin-bottom: 15px;
}

div[class*="alert-box-"]:before {
	font-family: 'Font Awesome 5 Free';
	font-size: 22pt;
	left: 20px;
	position: absolute;
	font-weight: 900;
}

.alert-box-ok {
	background: var(--orbe-feedback-bg-positive);
}

.alert-box-ok:before {
	color: var(--orbe-feedback-fg-subtle-on-positive);
	content: "\F00C";
}

.alert-box-tip {
	background: var(--ok-primary--background);
}

.alert-box-tip:before {
	color: var(--brand-primary);
	content: "\f0eb";
}

.alert-box-info,
.alert-mini-box-info {
	background-color: var(--orbe-feedback-bg-info);
}

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

.alert-box-info:before,
.alert-mini-box-info:before {
	color: var(--orbe-feedback-fg-subtle-on-info) !important;
	content: "\F05A";
}

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

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

.alert-box-warning:before {
	color: var(--orbe-feedback-fg-subtle-on-warning) !important;
	content: "\F071";
}

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

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

.alert-box-error:before {
	color: var(--orbe-feedback-fg-subtle-on-negative) !important;
	content: "\f071";
}

.alert-box-question:before {
	background-color: transparent !important;
	color: #DF913D;
	content: "\f059";
}

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

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

.alert-box-form-error:before {
	color: var(--orbe-feedback-fg-subtle-on-negative);
	content: "\F071";
}

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

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

.dadosUsuarioTickets div{
  height: 25px;
  padding-left: 10px;
  display:flex;
  align-items: center;
	color: var(--font-primary);
}

.dadosUsuarioTickets i{
  padding-left: 50px;
}

.tituloDadoTicket{
  	background-color: var(--bg-old-side-bar);
  font-size: 10pt !important;
  color: #999999;
}

#tabelaInformacoesCliente {
	border-color: var(--hairline-regular--shade--one) !important;
}

.dadosUsuarioTickets:not(.tituloDadoTicket):not(.linhaTabelaInformacoesCliente){
  font-size: 10pt;
}

.tituloDadoTicket span{
  font-size: 8pt;
}

.linhaTabelaInformacoesCliente{
  padding:0;
  background-color: var(--content-secondary);
  color: var(--font-primary);
  border-top: 1px solid var(--hairline-regular--shade--one);
  border-bottom: 1px solid var(--hairline-regular--shade--one);
  height: 15px;
}

#datatablePergunta {
	color: var(--font-primary);
}

.descricaoTicket{
  border: 1px solid var(--hairline-regular);
}

.descricaoTicket h3{
  font-size:12pt;
}

.descricaoTicket h2{
  font-size:18pt;
}

.descricaoTicket p{
  font-size: 10pt;
  color: var(--font-primary--shade--one);
}

.acoes-ticket{
  padding-top: 10px;
}

.followInterno{
  color: var(--font-primary);
  display: flex;
  flex-flow: column;
}

.acoes-ticket #botoes-acao-ticket{
  display:inline-flex;
  padding-left: 0px;
}

.acoes-ticket #checkbox-ouvidoria{
  display: flex;
  justify-content: flex-end;
}

.form-rating-ticket #rating-text-text{
  float: left;
}

.form-rating-ticket {
	border:1px solid #FE425A;
	border-radius:4px;
	margin-top:8px;
}

.form-rating-avalicao {
	font-weight:bold;
	font-size:9pt;
	color:#FE425A;
	margin-left:5px;
}

.linhaFollowup{
  display: flex;
  line-height: 1.5;
  border-bottom:1px solid #CCC;
}

.anexosFollowup{
  margin-top: 5px;
}

.anexosFollowup i {
	margin-right: 5px;
}

.anexosFollowup .icon-paper-clip {
	text-decoration: none;
}

.followup-content {
	flex-flow: column;
	align-items: normal;
	font-size:9pt;
}

#left-arrow-paginacao,
#right-arrow-paginacao {
	font-size: 13pt;
	color: #666666;
	margin: 0 4px 0 4px;
	display: inline-table;
	vertical-align: middle;
}

#left-arrow-paginacao:hover,
#right-arrow-paginacao:hover,
.cursor-pointer {
	cursor: pointer;
}

#primeira-pagina,
#ultima-pagina {
	font-size: 8pt;
	font-weight: bold;
	color: #666666;
	margin: 0 4px 0 4px;
	display: inline-table;
	vertical-align: middle;
}

#primeira-pagina:hover,
#ultima-pagina:hover {
	text-decoration: underline;
	cursor: pointer;
}

#pagina-anterior,
#proxima-pagina {
	height: 22px;
	width: 70px;
	font-size: 8pt;
	font-weight: bold;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 4px;
	margin: 0 4px 0 4px;
	display: inline-table;
	vertical-align: middle;
}

#pagina-anterior:hover,
#proxima-pagina:hover {
	cursor: pointer;
	background-color: #E8E8E8;
}

#paginas {
	display: inline-table;
	vertical-align: middle;
}

#paginas .pagina, #paginas .points {
	display: inline-table;
	vertical-align: middle;
	font-size: 10pt;
	font-weight: bold;
	color: #CCCCCC;
	margin: 0 3px 0 3px;
}

#paginas .points {
	margin: 0 2px 0 2px;
}

#paginas .pagina:hover {
	cursor: pointer;
	text-decoration: underline;
}

.pagina-atual {
	color: #666666 !important;
}

.input-checkbox,
.input-radio {
	display: inline-flex;
	min-height: 16px;
	margin-right: 6px;
	position: relative;
}

.input-toggle {
	display: inline-block;
	height: 20px;
	width: 32px;
	vertical-align: middle;
}

.divisaoTabelaInformacaoCliente{
	display:flex;
	flex-direction:column;
	padding:0;
}

.dadoTicket{
	display: flex;
	align-items: center;
	padding-left:10px;
	height:38px;
	color: var(--font-primary);
}

.divisaoTabelaInformacaoCliente span{
	padding-left: 10px;
}

.input-checkbox input[type="checkbox"],
.input-toggle input[type="checkbox"],
.input-radio input[type="radio"],
.input-selector input[type="checkbox"],
.input-selector input[type="radio"] {
	opacity: 0;
	position: absolute;
	z-index: -1;
	margin: 0;
}

.input-checkbox label {
	background-color: #FFF;
	border: 1px solid #999;
	border-radius: 4px;
	width: 16px;
	min-width: 16px;
	height: 16px;
	min-height: 16px;
	margin: 0;
	display: inline-block;
}

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

.input-checkbox input[type="checkbox"]:disabled + label {
	background-color: var(--color-neutral-100) !important;
}

.input-checkbox.input-checkbox-error ~ .label-item-form-input{
	color: #DD6F77;
}
.input-checkbox.input-checkbox-error input[type="checkbox"]:not(:checked) ~ label{
	color: #DD6F77;
	border-color: #DD6F77;
}

.input-checkbox.agenda-cor input[type="checkbox"]:checked + label {
	background-color: #DAA520;
	border: 1px solid #DAA520;
}

.input-checkbox.agenda-cor-contas-receber input[type="checkbox"]:checked + label {
	background-color: #66CC66;
	border: 1px solid #66CC66;
}

.input-checkbox.agenda-cor-contas-pagar input[type="checkbox"]:checked + label {
	background-color: #CC3333;
	border: 1px solid #CC3333;
}

.input-checkbox.agenda-cor-orcamento input[type="checkbox"]:checked + label {
	background-color: #669900;
	border: 1px solid #669900;
}

.input-checkbox.agenda-cor-ordem-servico input[type="checkbox"]:checked + label {
	background-color: #336600;
	border: 1px solid #336600;
}

.input-checkbox.agenda-cor-pedido-venda input[type="checkbox"]:checked + label {
	background-color: #663300;
	border: 1px solid #663300;
}

.input-checkbox.agenda-cor-pedido-compra input[type="checkbox"]:checked + label {
	background-color: #666600;
	border: 1px solid #666600;
}

.input-checkbox input[type="checkbox"]:checked + label:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f00c";
	font-size: 12px;
	line-height: 14px;
	position: absolute;
	color: #FFF;
	font-weight: 900;
	width: 14px;
	text-align: center;
}

.slot-relatorio {
	display: flex;
	flex-flow: column;
}

.slot-relatorio .input-checkbox input[type="checkbox"]:checked + label:after {
	position: relative;
	left: 1px;
}

.input-radio input[type="radio"] + label:before {
	background-color: #FFF;
	border: 3px solid #FFF;
	box-shadow: 0 0 0px 2px #CCC;
	content: "";
	border-radius: 50%;
	width: 12px;
	min-width: 12px;
	height: 12px;
	min-height: 12px;
	margin: 2px 6px -2px 0px;
	display: inline-block;
}

.input-radio input[type="radio"]:checked + label:before {
	background-color: #B1C979;
	box-shadow: 0 0 0px 2px #B1C979;
}

.input-radio input[type="radio"]:disabled + label:before {
	background-color: transparent;
	box-shadow: 0 0 0px 2px #CCC;
}

.input-radio input[type="radio"]:disabled:checked + label:before {
	background-color: #CCC;
}

.input-toggle label {
	border: 2px solid #969696;
	background-color: #969696;
	border-radius: 10px;
	width: 32px;
	height: 20px;
	margin: 0;
	display: inline-block;
}

.input-toggle input[type="checkbox"]:checked + label {
	border: 2px solid #37A661;
	background-color: #37A661;
}

.item-form-toggle {
	display: inline-block;
}

.label-item-form-toggle {
	font-family: Arial;
	display: block;
	font-size: 8pt;
	color: var(--font-primary);
	font-weight: bold;
	margin-bottom: 8px;
}

.input-toggle div {
	border: 2px solid #969696;
	background-color: #FFF;
	height: 20px;
	width: 20px;
	border-radius: 10px;
	margin-left: -2px;
	margin-top: -2px;
}

.input-toggle div,
.input-toggle input[type="checkbox"]:checked + label,
.input-toggle label,
.input-checkbox label,
.input-checkbox input[type="checkbox"]:checked + label:after,
.input-checkbox input[type="checkbox"]:checked + label,
.input-radio input[type="radio"] + label:before,
div.toogle-checkbox span,
div.toogle-checkbox span:before {
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

.input-toggle input[type="checkbox"]:checked + label > div {
	border: 2px solid #37A661;
	margin-left: 10px;
	height: 20px;
	width: 20px;
}

.myAccountBtn{
	color: white;
	background-color: #3FAF6C;
	border: 5px solid transparent;
	cursor: pointer;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
}

.titleEmpresa{
	cursor: pointer;
}

.titleEmpresa .icon{
	color: #B3B1B2;
}

.accountMenuMobile{
	display: block;
	position: fixed !important;
	top: 14px;
	right: 46px !important;
	z-index: 4;
	cursor: pointer;
}

.accountMenuMobile .icon{
	color: #A09F9F;
}

#accountMenu{
	cursor: pointer;
}

.tableIcon{
	float: right;
	cursor: pointer;
	color: #666666;
	margin-right: 5px;
	font-size: 12pt;
	text-decoration: none !important;
	line-height: unset !important;
}

.icon-info-sign{
	color: #7CB5D8;
}

.icon-ok {
	color: #3EB57A;
}

.tableIcon .icon-trash{
	margin-left: 5px;
	color: #DD6F77;
}

.tableIcon .icon-download {
	color: #3fb57a;
}

.tableIcon .icon-file-text{
	color: #99BF46;
}

.icon-time{
	font-size: 11pt;
	color: #999999;
	text-decoration: none !important;
}

.icon-warning-sign{
	color: #E3A541;
}

.icon-circle:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f111";
	font-size: 10pt;
	font-style: normal;
	font-weight: 900;
}

.icon-circle-gray{
	color: #ABABAB;
}

.icon-circle-green {
	color: #49B776;
}

.icon-circle-yellow{
	color: #D6CF09;
}

.icon-circle-blue{
	color: #1160ff;
}

.icon-circle-orange{
	color: #ff7b23;
}

.icon-circle-pink{
	color: #fc64e8;
}

.icon-circle-purple{
	color: #953EF8;
}

.icon-circle-light-green{
	color: #8df498;
}

.icon-circle-red{
	color: red;
}

.icon-circle-marine{
	color: #241299;
}

.icon-circle-brown{
	color: #66430b;
}

.icon-circle-blue-red{
   display: inline-block !important;
   padding: 0 !important;
   color: #fff !important;
   vertical-align: middle !important;
   border-radius:50px !important;
   height: 12px !important;
   width: 12px !important;
   background-image: linear-gradient(to bottom, blue 50%, red 50%) !important;
}

.formIcon {
	cursor: pointer;
	font-size: 12pt;
	text-decoration: none !important;
	color: #666;
}

.box-content #base.preferencias {
	padding: 0 0 25px 0;
}

.box-preferencias, .box-pesquisa-topico {
	background-color: var(--bg-secundary-tela-preferencias);
}

.box-preferencias h3, .box-pesquisa-topico h3 {
	color: var(--font-primary--shade--one);
	font-size: 16pt;
	margin: 0;
}

.box-preferencias label, .box-pesquisa-topico label {
	font-size: 12pt;
	color: #999999;
	margin-bottom: 0px;
	font-size: 10pt;
}

.box-pesquisa-topico .input-pesquisa {
	width: 100%;
	height: 30px;
	padding: 0px 10px;
	border: 1px solid var(--border-item-form);
	border-right: 0px;
	border-radius: var(--border-radius) 0 0 var(--border-radius);
}

.md-flex,.lg-flex {
	display: flex;
}
.box-preferencias .row,
.preferencias .certificado-digital-configuracoes #status-certificado div:first-of-type {
	display: flex;
}

.navigation-path {
	padding: 15px;
	padding-bottom: 0;
}

.navigation-path .seta-voltar,
.palavra-busca .seta-voltar-busca {
	display: inline-block;
	margin-right: 12px;
}

.navigation-path .seta-voltar i,
.palavra-busca .seta-voltar-busca i,
.preferencias .painel-navegacao-sub-menu .seta-navegacao-sub-menu i {
	font-size: 13pt;
	color: var(--font-primary);
}

.navigation-path .seta-voltar i:hover,
.palavra-busca .seta-voltar-busca i:hover,
.preferencias .painel-navegacao-sub-menu .seta-navegacao-sub-menu i:hover {
	color: #3FAF6C;
	cursor: pointer;
}

.preferencias .painel-navegacao-sub-menu .seta-navegacao-sub-menu {
	display: inline-flex;
	align-items: center;
}

.preferencias .mce-tinymce {
	display: inline-block;
}

.mce-label.mce-charactercount {
	margin: 2px 0 2px 2px;
	padding: 8px;
	font-size: 12px;
}

.navigation-path .paths {
	display: inline;
	margin-top: 4px;
}

.navigation-path .paths a,
.navigation-path .paths span {
	color: var(--font-primary--shade--two);
	font-size: 10pt;
	text-decoration: none;
}

.navigation-path .paths a:focus,
.navigation-path .paths a:hover {
	cursor: pointer;
	text-decoration: underline;
}

.navigation-path .paths a:hover:last-of-type {
	cursor: default;
	text-decoration: none;
}

.menu-preferencias {
	border: 1px solid var(--hairline-regular);
	border-top: none;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 15px
}

.menu-preferencias .menu-item {
	border-top: 1px solid var(--hairline-regular);
	padding: 15px;
}

.menu-preferencias .menu-item:hover,
.menu-preferencias-secundario .menu-secundario-item a:hover {
	background-color: var(--content-primary--shade--one) !important;
	cursor: pointer;
}

.menu-preferencias .menu-item span {
	font-size: 12pt;
	font-weight: bold;
	color: var(--font-primary);
	margin-left: 45px;
}

.menu-preferencias .menu-item img {
	display: block;
	position: absolute;
	top: 9px;
	left: 16px;
	width: 30px;
	height: 30px;
}

.menu-preferencias .menu-item {
	background-repeat: no-repeat;
	background-position-x: 15px;
	background-position-y: 50%;
	cursor: pointer;
	display: flex !important;
}

.menu-preferencias-secundario {
	padding: 0 0 15px 20px;
}

.menu-preferencias-secundario .menu-preferencias-secundario-titulo h3,
.menu-preferencias-secundario .configuracoes-adicionais-titulo h3,
.menu-preferencias-secundario .configuracoes-extras-titulo h3 {
	margin: 0;
	color: var(--font-primary--shade--two);
	padding-bottom: 10px;
}

.menu-preferencias-secundario .menu-secundario-item {
	border-top: 1px solid var(--hairline-regular);
	margin: 0;
}

.preferencias .itens-menu-secundario .link-externo > div:last-of-type,
.preferencias .itens-menu-secundario .sub-menu > div:last-of-type {
	border-bottom: 1px solid var(--hairline-regular);
}

.preferencias .itens-menu-secundario .link-interno > div:last-of-type {
	margin-bottom: 10px;
}

.menu-preferencias-secundario .menu-secundario-item span {
	margin-left: 5px;
	font-size: 10pt;
	color: var(--font-primary);
	display: inline;
}

.menu-preferencias-secundario .menu-secundario-item a {
	padding: 10px 0 10px 15px;
	text-decoration: none;
	display: block;
}

.preferencias .menu-secundario-item div.seta {
	font-weight: bold;
	font-size: 10pt;
}

.preferencias .menu-secundario-item.sub-menu-item div.seta {
	color: #3FAF6C;
}

.preferencias .borda-parametro-busca {
	outline: 2px solid #3FAF6C;
	border: 12px solid transparent;
}

.menu-secundario-item div.external-link {
	font-size: 10pt;
	margin-left: 10px;
	color: #7CB5D8;
}

.menu-secundario-item.selected {
	border-left: 4px solid #3FAF6C;
}

.menu-secundario-item.selected a {
	display: block;
	padding-left: 11px;
}

.preferencias .row .painel-parametros {
	border-left: 1px solid var(--hairline-regular);
	display: none;
	padding-left: 20px;
}

.preferencias .painel-parametros .row,
.box-preferencias p {
	margin: 0;
}

.preferencias .painel-parametros .row h2 {
	color: var(--font-primary--shade--two);
	padding-bottom: 15px;
}

.preferencias .painel-parametros .row h4 {
	border-bottom: 1px solid var(--hairline-regular);
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.preferencias .painel-parametros p.descricao {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: var(--font-primary);
}

.preferencias .painel-parametros .linha_form {
	margin-bottom: 25px;
}

.preferencias .resultados-pesquisa span {
	display: inline-block;
	color: #999999;
	font-size: 10pt;
	margin: 0;
	margin-top: 2px;
	font-weight: normal;
}

.preferencias .painel-parametros .painel-salvamento {
	border-top: 1px solid var(--hairline-regular);
	background-color: var(--bg-primary);
	margin-left: -20px;
	padding-bottom: 25px;
	position: fixed;
	bottom: 0px;
	width: calc(100% - 33.34%);
}

.preferencias .painel-parametros .painel-salvamento [class*="col-"] {
	padding: 15px;
}

.preferencias .painel-parametros .painel-navegacao-sub-menu {
	position: fixed;
	margin-left: -20px;
	bottom: 86px;
	width: calc((100% - 33.34%) - 6px);
	background-color: var(--bg-primary);
	-webkit-box-shadow: var(--box-shadow);
	-moz-box-shadow: var(--box-shadow);
	box-shadow: var(--box-shadow);
}

.preferencias .painel-parametros .painel-navegacao-sub-menu .navegacao:hover {
	cursor: pointer;
}

.preferencias .painel-navegacao-sub-menu .col-navegacao {
	padding: 15px 30px;
	display:flex;
}

.preferencias .painel-navegacao-sub-menu .cols-navegacao {
	padding:0;
	display: flex;
}

.preferencias .painel-navegacao-sub-menu .div-descricao-sub-item {
	margin: 0 10px;
	display: inline;
}

@media (min-width: 1920px) {
	.preferencias .painel-parametros .painel-navegacao-sub-menu,
	.preferencias .painel-parametros .painel-salvamento {
		width: calc(1920px - 646px);
	}
}

.justify-content-start {
	justify-content: flex-start;
}

.justify-content-end {
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}

.justify-content-between {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.preferencias .painel-navegacao-sub-menu span {
	color: var(--font-primary--shade--two);
	font-size: 10pt;
}

.preferencias .info-lateral h3 {
	color: var(--font-primary);
	font-size: 14pt;
}

.preferencias .info-lateral a {
	font-size: 10pt;
}

.busca-nao-encontrada h3 {
	font-family: "Gilroy-Bold";
	font-weight: normal;
	font-size: 16px;
	color: #37A661;
	margin: 27px 0 9px 0;
}

.busca-nao-encontrada img {
	width: 58.36px;
	height: 60.18px;
}

.busca-nao-encontrada span:not(.fas, button span),
.busca-nao-encontrada p {
	display: block;
	font-family: Arial;
	font-size: 12px;
	color: var(--font-primary);
	width: 100%;
	margin-top: 2px;
}

.busca-nao-encontrada b.palavra-busca-nao-encontrada {
	color: #3FAF6C;
}

.preferencias .btn-certificado {
	text-transform: none;
	color: var(--brand-primary);
	height: 45px;
	width: 100%;
	font-size: 14pt;
	font-weight: normal;
}

.preferencias .btn-certificado:focus {
	background-color: transparent;
}

.preferencias .notas-fiscais-nfce-configuracoes .tabela-listagem tbody tr:hover,
.preferencias .notas-fiscais-nfe-configuracoes .tabela-listagem tbody tr:hover,
.preferencias .servicos-notas-servico .tabela-listagem tbody tr:hover,
.preferencias .vendas-frente-caixa .tabela-listagem tbody tr:hover {
	background-color: var(--content-primary--shade--one);
	cursor: pointer;
}

.mensagem-orientacao {
	background-color: var(--info-primary--background);
	background-image: url(../images/nuvem-mensagem-orientacao.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 225px;
	min-height: 85px;
	padding: 15px 45px 60px 30px !important;
	color: var(--font-primary);
}

.__bling-dark .mensagem-orientacao {
	background-blend-mode: soft-light;
}

.mensagem-orientacao h2 {
	font-family: Arial !important;
	font-size: 19pt !important;
	font-weight: bold !important;
	color: var(--font-primary) !important;
	margin-bottom: 5px !important;
}

.mensagem-orientacao p {
	font-family: Arial !important;
	font-size: 9pt !important;
	font-weight: normal !important;
	color: var(--font-primary) !important;
	margin: 2px !important;
}

.mensagem-orientacao ul {
	color: var(--font-primary);
}

div.table {
	border-collapse: collapse;
	display: table;
	width: 100%;
	margin: 0;
}

div.table-row {
	display: table-row;
}

div.table-cell,
div.table-head {
	display: table-cell;
	vertical-align: middle;
	padding: 5px;
}

div.table-cell {
	border: 1px solid #999;
	position: relative;
}

div.table-heading {
	display: table-header-group;
	font-weight: bold;
}

div.table-foot {
	display: table-footer-group;
	font-weight: bold;
}

div.table-body {
	display: table-row-group;
}

div.table.table-list {
	color: #3F3D3D;
	font-size: 10pt;
}

div.table .table-body .table-row {
	border-bottom: 1px solid var(--hairline-regular--shade--three);
	color: var(--font-primary);
	height: 32px;
}

div.table.table-list .table-cell {
	border: none;
}

.table-fixed-heading {
	background-color: var(--content-primary--shade--one);
	height: 25px;
}

.fixed-header {
	position: relative;
	width: 100%;
	border: 1px solid var(--hairline-regular);
}

.fixed-header .table-heading {
	position: absolute;
	top: 0;
}

.fixed-header .table-heading div {
	color: var(--font-primary);
	font-size: 9pt;
}

#lista_volumes div.table-cell,
#lista_volumes div.table-head {
	padding: 0;
}

.btn-delete-box {
	width: 21px;
}

#add_novo_volume,
#dispo_servico_log {
	margin-top: 2px;
}

[name="volume_info"] {
	position: absolute;
	right: 5px;
	top: 9px;
}

[name="volume_info"] .icon-ok,
[name="volume_info"] .icon-warning-sign,
[name="volume_info"] .icon-remove,
[name="volume_info"] .icon-info-sign {
	font-size: 14px;
}

[name="volume_info"] .icon-ok {
	color: green;
}

[name="volume_info"] .icon-remove {
	color: red;
}

[name="volume_info"] .icon-warning-sign {
	color: #e3a541;
}

th .obrigatorio-campo-tabela {
	color: #E9554E;
}

.bubble-info {
	width: 95%;
	margin: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	padding: 10px;
	background-color: #FFEEAA;
	border: 1px solid #E4D184;
	color: #666666;
	position: relative;
}

.bubble-info h5 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 2px;
}

.bubble-info p {
	font-size: 9pt;
	margin-top: 0;
	padding: 0;
	line-height: 16px;
}

.bubble-info a,
.hopscotch-content a {
	cursor: pointer;
	color: #7CB5D8;
}

.bubble-info:before,
.bubble-info:after {
	top: -12px;
	border: solid 13px transparent;
	border-top: 0;
	border-bottom-color: #FFEEAA;
	display: block;
	height: 0;
	left: 16%;
	overflow: hidden;
	position: absolute;
	width: 0;
	z-index: 0;
	content: '\0020';
}

.bubble-info:before {
	top: -14px;
	border-bottom-color: #E4D184;
	z-index: 0;
}

.bubble-info-no-arrow:before,
.bubble-info-no-arrow:after {
	content: none;
}

.container-app-url,
.container-apikey {
	position: relative;
}

.integration-form .icon-copy,
.containerConfiguracoesLoja .icon-copy,
.container-app-url .icon-copy,
.container-apikey .icon-copy {
	position: absolute;
	right: 5px;
	top: 55%;
	font-size: 14px;
	cursor: pointer;
	color: var(--font-primary);
}

.container-app-url input,
.container-apikey input {
	padding-right: 25px;
	background-color: var(--content-primary) !important;
	border: 1px solid var(--hairline-regular);
}

.ft13 {
	font-size: 13px;
}

.ft14 {
	font-size: 14px;
}

.label .label-icon, .caption .label-icon {
	position: relative;
	top: -10px;
	right: 5px;
}

#tabelaComposicao tr th{
	padding-right: 40px;
}

.painel-fatura-step{
  font-size:100px;
  color:#CCCCCC;
  display: block !important;
  cursor:pointer;
}

#mensagem-info .icon-copy{
	color: gray;
	margin-left: 6px;
	font-size: 12pt;
	cursor: pointer;
}

.loading-passos-fatura{
  position: static !important;
  left: 0% !important;
  top:0% !important;
  margin:0 0 0 20px !important;
}

.check-fatura{
  height: 200px;
  width: 145px;
  border: 1px solid var(--hairline-regular);
  padding:25px 0px 0px 5px;
}

.aviso-fatura{
  margin-top: 10px;
  padding-top: 0;
  padding-bottom: 5px;
}

.aviso-fatura span{
  color:black;
  font-size:9pt;
}

.aviso-fatura i:not(.icon-ok){
  color:#DD6F77;
  font-size: 20pt;
}

.aviso-fatura .icon-ok{
	color: #B1C979;
}

#linkFatura{
	margin-left: 52px;
	border: 1px solid #CCCCCC;
	padding: 4px;
}

.configurar-passo{
  color: #7CB5D8 !important;
  padding-right: 25px;
  vertical-align: middle;
  text-decoration: none !important;
  display: none;

}
.check-fatura label{
  font-size: 10pt;
  color: var(--font-primary);
}

.check-fatura img{
  padding-bottom: 20px;
}

#painel_loading .loading{
  width: 25px;
  height: 25px;
  top: 0;
  left: 0;
  z-index: auto;
  margin:auto;
  position: static;
}

.btn-faturar{
	height: 25px;
	width: 70px;
	opacity: 0;
	padding: 0;
	margin: 0;
}

.paleta-cor-fatura,
.paleta-fundo-fatura{
  height: 55px;
  width: 55px;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 10px;
  border:1px solid #CCCCCC;
  cursor: pointer;
}

.paleta-cor-fatura:hover,
.paleta-fundo-fatura:hover{
  border: 2px solid #4C4C4C;
}

#opcoes-cabecalho input[type='radio'],
#opcoes-fundo input[type='radio'] {
  opacity: 0;
  display: none;
}

#opcoes-cabecalho input[type="radio"]:checked+label,
#opcoes-fundo input[type="radio"]:checked+label{
  border: 3px solid #3F3D3D;
}

.paleta-fundo-fatura input[type="radio"]{
  opacity: 0;
}

.fatura-online{
	min-height: 100%;
	background-color: #E8F7F9;
}

.fatura-online [class*='col-']{
	padding: 0px;
}

.fatura-online [class*='row']{
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 3px;
}

.fatura-online p{
	padding-left: 0px;
}

.fatura-online .shadow{
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)
}

.fatura-online .container{
	margin-bottom: 10px;
	width: 700px;
}

.fatura-online .fatura-titulo{
	font-family: Arial;
	font-size: 17pt;
	font-weight: bold;
	color: #1D70B7;
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom: 4px;
	float: left;
}

.fatura-numero {
	text-align: center;
	margin-bottom: 0;
	font-size: 17px;
	font-family: Arial;
	font-weight: bold;
	color: #1D70B7;
}

.fatura-online .fatura-subtitulo{
	font-family: Arial;
	font-size: 12pt;
	color: #3F3D3D;
	margin-left: 10px;
}

.fatura-online .subtitulo-servicos{
	margin-bottom: 5px;
	margin-left: 10px;
}

.fatura-online .container-cliente{
	min-height: 130px;
}

.fatura-online .dados-cliente{
	font-family: Arial;
	font-size: 11pt;
	color: #3F3D3D;
	margin-left: 10px;
}

.fatura-online img{
	max-height: 55px;
	max-width: 190px;
	margin-right: 40px;
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.fatura-online .header-empresa{
	font-family: Arial;
	font-size: 11pt;
	color: #3F3D3D;
	margin-top: 15px;

}

.fatura-online .cobranca-conteudo{
	font-family: Arial;
	font-weight: bold;
	font-size: 10pt;
	margin-left: 10px;
}

.fatura-online .cobranca-linha{
	border-bottom: 1px solid #E8E8E8;
	margin-bottom: 20px;
	margin-right: 28px;
	margin-left: 10px;
	margin-top: 10px;
}

.fatura-online .button-impressao{
	border-radius: 0px;
	float: right;
	margin-bottom: 5px !important;
	padding: 0 25px 0 25px;
	text-transform: uppercase;
}

.fatura-online .titulo-servico{
	font-family: Arial;
	font-weight: bold;
	font-size: 9pt;
	color: #3F3D3D;
	border: none;
	margin-left: 10px;
}

.fatura-online .descricao-servico{
	font-family: Arial;
	font-size: 9pt;
	color: #3F3D3D;
	margin-top: 7px;
	text-align: left;
}

.fatura-online .total-item{
	font-family: Arial;
	font-size: 12pt;
	float: right;
	margin-right: 28px;
	color: #3F3D3D;
	border: none;
}

.fatura-online .totalizador-descricao{
	font-family: Arial;
	font-size: 12pt;
	color: #ABABAB;
	margin-top: 13px;
	margin-bottom: 13px;
}

.fatura-online .totalizador-valor{
	margin-right: 28px;
}

.fatura-online .totalizador-descricao{
	float: right;
	margin-right: 28px;
}

.fatura-online .useful-info-inner{
	font-family: Arial;
	font-size: 9pt;
}

.fatura-online .linha-servico{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 30px;
	margin-left: 10px;
	border-bottom: 2px dotted #E8E8E8;
}

.fatura-online .linha{
	border-bottom: 1px solid #666666;
	margin-left: 10px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.fatura-online .linha-totais{
	border-bottom: 1px solid #E8E8E8;
	margin-left: 10px;
	margin-right: 30px;
	margin-bottom: 10px;
}


.fatura-online .total-geral{
	font-family: Arial;
	font-weight: bold;
	font-size: 17pt;
	color: #3F3D3D;
	margin-bottom: 10px;
	border-bottom: none;
}

.fatura-online .item-borda-bottom{
	border-bottom: 1px solid gray;
	margin-bottom: 20px;
}

.fatura-online .item-borda-direita{
	border-right: 1px solid #CCCCCC;
}

.fatura-online .form-item{
	margin-right: 0px !important;
	padding-left: 12px;
}

.fatura-online .cobranca-coluna{
	padding-bottom: 0px !important;
	padding-top: 2px !important;
}

.fatura-online .nfse-conteudo{
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	color: #666666;
	margin-left: 10px;
}

.fatura-online .nfe-conteudo{
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	color: #666666;
}

.fatura-online .nfe-coluna{
	margin-left: 10px;
}

.fatura-online .container-propaganda{
	background-color: white;
	margin-bottom: 50px;
	padding-bottom: 10px;
}

.container-propaganda a{
	color: #7CB5D8;
	text-decoration: none;
}

.container-propaganda p{
	color: #C8C8C8;
}

.venda-total, .input-total {
	font-weight: bold;
	font-size: 12pt !important;
}

.container-icon{
	margin-top: 15px;
}

.container-icon-copy {
	position: relative;
}

.container-icon-copy .icon-copy {
	position: absolute;
	right: 5px;
	top: 50%;
	font-size: 14px;
	cursor: pointer;
}

.container-icon-copy input {
	padding-right: 25px;
	color: #7CB5D8;
	cursor:pointer;
}

.welcome-custom-fields .text_center p {
	color: var(--font-primary);
}

.welcome-faturai{
	background-color: #009D80;
}

#welcomeModal .modal-header{
	border-bottom: 0px !important;
}

#welcomeModal .modal-content{
	border-radius: 0px;
	box-shadow: none;
}

.welcome-faturai .button-especial{
	color: #FFFFFF;
	font-family: "Gotham-Bold";
	font-size: 12pt;
	height: 50px;
	background-color: #F4354D;
	border-radius: 0px;
	outline: 2px solid #F4354D;
}

.welcome-faturai .button-especial:hover{
	color: #009D80;
	background-color: #FFFFFF;
	transition: all .2s ease;
	border: 2px solid #009D80;
	outline: 0px;
}

.welcome-ola{
	font-family: 'Gotham-Book';
	font-size: 16pt;
	color: white;
}

.welcome-bem-vindo{
	font-family: 'Gotham-Bold';
	font-size: 23pt;
	color: white;
}

.welcome-descricao{
	font-family: 'Gotham-Book';
	font-size: 12pt;
	color: #FFEEAA;
}

.popover {
	color: var(--font-primary);
	border-color: var(--hairline-regular);
	box-shadow: var(--box-shadow);
	border-radius: var(--border-radius);
}

.popover,
.popover-title {
	background-color: var(--bg-primary);
}

.popover .popover-title {
	border-bottom-color: var(--hairline-regular--shade--three);
	color: var(--font-primary);
}

.popover.right .arrow {
	border-right-color: var(--hairline-regular);
}

.popover.left .arrow {
	border-left-color: var(--hairline-regular);
}

.popover.top .arrow {
	border-top-color: var(--hairline-regular);
}

.popover.bottom .arrow {
	border-bottom-color: var(--hairline-regular);
}

.popover.right .arrow:after{
	border-right-color: var(--bg-primary);
}

.popover.left .arrow:after{
	border-left-color: var(--bg-primary);
}

.popover.top .arrow:after{
	border-top-color: var(--bg-primary);
}

.popover.bottom .arrow:after{
	border-bottom-color: var(--bg-primary);
}

.popover-erro{
	background-color: #fff;
	color: #3F3D3D;
	font-size: 9pt;
	font-family: 'Arial';
	max-width: 450px;
	max-height: 450px;
	border: 1px solid #DD6F77;
	text-align: center;
}

.popover-erro .popover-title{
	border-bottom: none;
	background-color: #fff;
	color: #3F3D3D;
	padding-top: 15px;
	font-size: 10pt;
	font-family: 'Arial';;
}

.popover-erro .arrow{
	border-bottom-color: #DD6F77 !important;
}

.popover-erro.right>.arrow:after{
	border-right-color: #fff;
}

.popover-erro.left>.arrow:after{
	border-left-color: #fff;
}

.popover-erro.top>.arrow:after{
	border-top-color: #fff;
}

.popover-erro.bottom>.arrow:after{
	border-bottom-color: #fff;
}

.popover-erro a{
	text-decoration: none;
	color: #7CB5D8;
}

.popover-erro p{
	margin: auto;
	color: #3F3D3D;
}

.popover-ajuda{
	background-color: #3F3D3D;
	color: white;
	font-size: 9pt;
	font-family: 'Arial';
	max-width: 450px;
	max-height: 450px;
}

.popover-ajuda .popover-title{
	border-bottom: none;
	background-color: #3F3D3D;
	color: white;
	padding-top: 15px;
	font-size: 10pt;
	font-family: 'Arial';;
}

.popover-ajuda.right>.arrow:after{
	border-right-color: #3F3D3D;
}

.popover-ajuda.left>.arrow:after{
	border-left-color: #3F3D3D;
}

.popover-ajuda.top>.arrow:after{
	border-top-color: #3F3D3D;
}

.popover-ajuda.bottom>.arrow:after{
	border-bottom-color: #3F3D3D;
}

.popover-ajuda a{
	text-decoration: none;
	color: #7CB5D8;
}

.popover-ajuda p{
	margin: auto;
	color: white;
}

.popover-info-integrations .popover-title {
	background-color: transparent;
	border-bottom: none;
	margin-right: -17px;
}

.icones-marcadores{
  font-size: 13pt;
  padding-left: 2px;
  vertical-align: inherit !important;
}

.account_content.mobile:not(.accountMenuMobile) {
	position: inherit;
	top: 0px;
	right: 80px;
	padding: 12px;
}

.account_content.mobile i{
	font-size: 10pt;
	color: #9e9e9e;
}

.account_content a:not(.myAccountBtn){
	text-decoration: none;
	position: relative;
	cursor: pointer;
	color: #9E9E9E;
	font-size: 10pt;
}

.popover-conta a{
	padding: 0px;
	display: inline;
	color: white;
}

.popover-conta{
	border-radius: 0px;
}

.popover-conta h3,
.popover-conta p {
	color: black;
}

.popover-conta h3 {
	font-size: 15px;
	font-weight: bold;
}

.popover-conta p {
	font-size: 12px;
	padding-top: 0px !important;
}
.popover-conta {
	min-width: 200px;
}

.popover-conta .popover-title {
	background-color: white;
}

.alert-box a.link-ocultar {
	font-size: 8pt;
	color: #3FAF6C;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	text-transform: uppercase;
	margin: 23px auto auto 50px;
	display: inline-block;
}

#msgValCert {
	height:35px;
	width:270px;
	display:inline-block;
	margin-left:270px;
}

#msgValCert.success {
	background-color: Transparent !important;
	text-transform:uppercase;
}

#msgValCert.alert-box-warning {
	background-color: #fff6e9;
	text-transform:uppercase;
	text-align:center;
	padding:10px;
}

#msgValCert.alert-box-warning:before {
	content:'';
}

#ulAcompanhamento {
	padding:0;
}

#ulAcompanhamento li {
	margin-bottom:21px;
}

#ulAcompanhamento li img {
	float:right;
}

ul.opcaoNota {
	padding:0 0 0 15px;
}
ul.opcaoNota li {
	margin: 30px 0 0 0;
	display:inline-block;
	width:49%;
	vertical-align:top;
}
ul.opcaoNota input {
	margin:5px 0 0 0 !important;
}

.cards {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.container_imagens{
	max-width: 870px;
	border:1px solid #E0DEE0;
}

.indiceImagemExterna:hover{
	cursor: pointer;
}

#criar_usuario_externo {
	min-height: 80px !important;
}

#criar_usuario_externo h2 {
	font-size: 11pt;
}

#criar_usuario_externo div h2 {
	margin-top: 12px;
}

.list-perfis,
.list-permissions {
	width: 100%;
	height: 60px;
	border: 1px solid #CCC;
	position: relative;
}

.list-perfis {
	display: inline-flex;
	overflow-x: auto;
}

.list-perfis > div {
	width: 123.19px;
	height: 46px;
	margin-top: 7px;
	padding-top: 4px;
	padding-left: 15px;
	display: inline-table;
}

.list-perfis > div:not(:last-of-type) {
	border-right: 1px solid #CCC;
}

.list-permissions {
	height: auto;
	min-height: 62px;
	max-height: 180px;
	overflow: auto;
	padding: 0 13px;
}

.list-permissions h3,
.list-permissions p {
	color: #666666;
	margin: 7px 0px;
	padding: 0px;
}

.list-permissions .itens-permissions {
	display: inline-flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
	line-height: 22px
}

.list-permissions .itens-permissions div {
	margin-right: 15px;
}

.list-permissions .itens-permissions div p {
	margin: 0px;
	color: #999999;
}

.list-permissions .itens-permissions div p i {
	line-height: 16px;
	color: #999999;
	margin-left: 3px;
}

.list-permissions .itens-permissions .tooltip-permissions {
	color: #FFF;
}

.gerar-api-cadastro {
	height: 70px;
	padding: 15px 0px;
	position: relative;
	display: none;
}

.gerar-api-cadastro button {
	margin-top: 15px;
}

.gerar-api-cadastro #loading {
	top: 64%;
}

.gerar-api-cadastro div {
	position: relative;
}

.gerar-api-cadastro #apikey {
	border: 1px solid #CCC;
	height: 28px;
	width: 100%;
	padding: 7px 24px 7px 8px;
	margin: 0px;
	background-color: #EDEEF0;
}

.gerar-api-cadastro div i {
	position: absolute;
	top: 25px;
	right: 9px;
	cursor: pointer;
}

.permission-info {
	color: #7cb5d8;
	font-size: 11px;
	margin-left: 10px;
}

#tabnav .tab-permission-disabled,
.tabnav .tab-permission-disabled {
	background-color: #EEEEEE !important;
	color: #DBDBDB !important;
	cursor: not-allowed !important;
}

.container-api .alert-box {
	margin: 0px 0px 15px 0px;
}

.info-user-profile,
.info-user-profile:hover,
.info-user-profile:focus {
	color: #7cb5d8;
	text-decoration: none;
}

.input-selector input[type="checkbox"]:checked + label,
.input-selector input[type="radio"]:checked + label {
	background-color: #BDE2EC;
}

.input-selector input[type="checkbox"]:checked ~ .triangle,
.input-selector input[type="radio"]:checked ~ .triangle {
	border-color: #008F4F transparent transparent;
}

.input-selector {
	min-height: 50px;
	min-width: 115px;
	position: relative;
}

.input-selector:before {
	position: absolute;
	font-family: 'Font Awesome 5 Free';
	content: "\f00c";
	color: #FFFFFF;
	top: 2px;
	left: 4px;
	z-index: 1;
	font-weight: 900;
}

.input-selector label {
	background-color: #E8E8E8;
	display: flex;
	min-height: 50px;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #3F3D3D;
	font-size: 10pt;
	padding: 10px 42px;
	-webkit-transition: .15s;
	-moz-transition: .15s;
	-o-transition: .15s;
	transition: .15s;
}

.btn-side-empresa {
  display: block !important;
  position: fixed !important;
  height: 100% !important;
}

.input-selector .triangle {
	position: absolute;
	top: 0;
	left: 0;
	width: 0px;
	height: 0px;
	border-style: solid;
	line-height: 0px;
	border-color: #CDCDCD transparent transparent;
	border-width: 28px 28px 0px 0px;
	-webkit-transition: .15s;
	-moz-transition: .15s;
	-o-transition: .15s;
	transition: .15s;
}

.lista-atalhos {
	margin: 0;
	font-size: 11pt;
	color: var(--font-primary--shade--one);
	overflow-x: hidden;
	list-style: none;
	padding: 0;
}

.lista-atalhos li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 4px;
}

.lista-atalhos li:nth-child(odd) {
	background-color: var(--bg-tertiary);
}

.flex-row-box {
	display: flex;
	flex-direction: row;
}

.flex-column-box {
	display: flex;
	flex-direction: column;
}

.wrap-flex-box {
	flex-wrap: wrap;
}

.flex-auto {
	flex: auto;
}

.flex-item {
	margin-bottom: 5px;
}

.ui-dialog ul.ui-autocomplete {
	max-height: 174px;
	overflow-y: auto;
	overflow-x: hidden;
}

.icon-info-novo {
	padding: 0 1px;
	vertical-align: bottom !important;
	display:inline-block !important;
}

div.toogle-checkbox label {
	position: relative;
	display: inline-block;
	width: 32px;
	height: 20px;
 }

.icon-info-beta-tag::before {
	content: "";
	background-image: url("../../styles/images/icon-info-beta.svg");
	background-size: cover;
	background-repeat: no-repeat;
	width: 39px;
	height: 13px;
	display: block;
	margin-left: 5px;
}

.icon-info-novo::before {
	content:" ";
	margin-left: 5px;
	width: 40px;
	height: 11px;
	display: block;
	float: left;
	cursor: pointer;
	background: url(images/icon-info-novo.svg);
	background-size: 40px 11px;
	background-repeat: no-repeat;
}

.icon-info-novo-title::before {
	float:none;
}

#formControleCaixa #msg .alert-box p {
	display: block;
	overflow: auto;
	max-height: 90px;
}

ul.wc-webhook-status,
ul.nus-webhook-status {
	list-style: none;
	float: left;
	margin-left: -30px;
	border-right: 1px solid #ddd;
	padding: 0px 10px 0px 40px;
}
ul.wc-webhook-status li input,
ul.wc-webhook-status li label,
ul.wc-webhook-status li select,
ul.nus-webhook-status li input,
ul.nus-webhook-status li label,
ul.nus-webhook-status li select {
	cursor: pointer;
}

div.toogle-checkbox {
	display: inline-block;
	width: 105px;
}


div.toogle-checkbox input {
	display:none;
}

div.toogle-checkbox span {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #969696;
	border-radius: 34px;
}

div.toogle-checkbox span:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 6%;
	top: 10%;
	background-color: white;
	border-radius: 50%;
}

#temaEscuro {
	border-top: solid 1px var(--hairline-regular--shade--three);
	padding: 10px 0px 0px 13px !important;
}

div.toogle-checkbox input:checked + span {
	background-color: #37A661;
}

div.toogle-checkbox input:disabled + span {
	background-color: #CCCCCC;
}

div.toogle-checkbox input:focus + span {
	box-shadow: 0 0 1px #B1C979;
}

div.toogle-checkbox input:checked + span:before {
	-webkit-transform: translateX(74%);
	-ms-transform: translateX(74%);
	transform: translateX(74%);
}

div.toogle-checkbox input:checked + span:after {
	content: "Ativado";
}

div.toogle-checkbox input + span:after {
	content: "Desativado";
}

div.toogle-checkbox.MX input:checked + span:after {
	content: "Activado";
}

div.toogle-checkbox.MX input + span:after {
	content: "Desactivado";
}

div.toogle-checkbox input + span[data-label]:after {
	content: attr(data-label) !important;
	width: 180px;
}

div.toogle-checkbox span:after {
	font-size: 9pt;
	display: inline-block;
	top: 5px;
	position: absolute;
	padding-left: 40px;
	color: var(--font-primary--shade--two);
}

.menu-compra-certificado li {
	cursor: pointer;
	color: var(--font-primary);
}

.menu-compra-certificado li.active {
	color: var(--font-strong-title);
}

#informacoes-agendamento .icon-arrow-right, .icon-arrow-down {
	color: #CCCCCC;
	font-size: 25pt;
}

#informacoes-emissao .icon-arrow-right, .icon-arrow-down {
	color: #CCCCCC;
	font-size: 25pt;
}

.border {
	border: 1px solid var(--hairline-regular);
	height: 100px;
	padding: 20px
}

.forma-pagamento-certificado .item-active {
	background-color: #3FAF6C;
  color: #FFF;
}

.box-info-certisign {
	border: 1px solid;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 10pt;
}


.feedback {
	right: 10px;
	top: 25px !important;
}

.has-error {
	border-color: #a94442;
}

.form-dados-certificado {
	box-shadow: 0px 0px 2px 0px black
}

.btn-ocultar {
	border-radius: 4px;
	color: #424040;
	background-color: #EDEDED;
}

.btn-ocultar:hover{
	color: #424040;
}

.btn-finalizar-pedido, .btn-configurar-certificado {
	height: 50px!important;
	width: 165px;
}

.titulo-compra-certificado {
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

#add-compra p{
	padding: 0px 0px 0px 3px;

}

#add-compra {
	background-color: var(--bg-old-container);
	height: 100%;
}

.stepwizard-step p {
	margin-top: 10px;
}

.stepwizard-row {
	display: table-row;
}

.stepwizard {
	display: table;
	width: 100%;
	position: relative;
	margin-top: 35px;
}

.stepwizard-step button {
	cursor: default !important;
}

.stepwizard-step button[disabled] {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
	top: 22px;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 100%;
	height: 1px;
	background-color: #ccc;
	z-order: 0;
}

.stepwizard-button-primary{
  color: #FFF;
  background-color: #428BCA;
  border-color: #357EBD;
}

.stepwizard-step {
	display: table-cell;
	text-align: center;
	position: relative;
}

.btn-voltar-compra-certificado{
  margin-top:15px;
  font-size:18pt;
}

.btn-voltar-compra-certificado a{
  color: gray;
}


.btn-circle {
  width: 45px;
  height: 45px;
  text-align: center;
  padding: 6px 0;
  font-size: 20px;
  line-height: 1.428571429;
  border-radius: 22px;
}

#add-compra .form-control {
	border-radius: 0px;
}

.status {
	font-size: 0px;
}

.status .table-row {
	font-family: Arial;
	font-size: 12pt;
	color: #666;
	border-bottom: 1px dotted #ccc;
	height: 50px;
	display: inline-block;
	vertical-align: middle;
	line-height: 50px;
}

.status .table-value {
	text-align: right;
}

.status .table-icon i {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-style: normal;
	padding: 20px 20px 14px 30px;
	font-size: 20px;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1 solid transparent;
}

.ui-corner-right,
.ui-corner-br,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl,
.ui-corner-top,
.ui-corner-tr,
.ui-corner-all,
.ui-corner-tl {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.ui-autocomplete-custom-item {
	font-family: Arial;
	font-size: 9px;
	color: var(--font-primary--shade--two);
}

.ui-state-focus .ui-autocomplete-custom-item {
	color: #fff;
}

.ui-autocomplete li.ui-autocomplete-custom:not(:last-of-type) {
	border-bottom: 1px solid #dadada;
}

.ui-autocomplete-custom a div {
	font-family: Arial, sans-serif;
	font-size: 12px;
}

.ui-autocomplete-custom a,
ul.ui-autocomplete .ui-corner-all:hover:not(.ui-state-focus) {
	color: var(--font-primary);
}

ul.ui-autocomplete {
	background-color: var(--bg-primary);
	border: 1px solid #999999;
}

ul.ui-autocomplete#ui-id-1 {
	overflow-y: auto;
	max-height: 250px;
}

ul.ui-autocomplete .ui-menu-item a {
	padding: 5px;
	text-decoration: none;
}

ul.ui-autocomplete .ui-menu-item a:hover,
ul.ui-autocomplete .ui-menu-item a:focus {
	color: #FFF;
}

.container-status-message {
	border: 1px solid var(--hairline-regular);
	padding: 15px;
	min-width: 150px;
	min-height: 150px;
}

.container-status-message .status-message {
	display: inline-block;
	text-align: center;
	padding: 5px;
	float: inherit;
}

.container-status-message .status-message i {
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-size: 36pt;
}

.container-status-message .status-message i.ok-status:before {
	content: "\f058";
	font-weight: 400;
	color: #3FAF6C;
}

.container-status-message .status-message i.ok-status-cinza:before {
	content: "\f058";
	font-weight: 400;
	color: #CCCCCC;
}

.container-status-message .status-message i.warning-status:before {
	content: "\f071";
	font-weight: 900;
	color: #DF913D;
}

.container-status-message .status-message i.error-status:before {
	content: "\f057";
	font-weight: 400;
	color: #E9554E;
}

.container-status-message .status-message h2 {
	padding: 5px !important;
	font-size: 11pt;
}

.container-status-message .status-message-title {
	color: var(--font-primary);
	margin: 2px;
	font-size: 11pt;
}

.container-status-message .status-message p {
	color: var(--font-primary);
	margin: 2px;
	font-size: 10pt;
}

span.grippy {
	content: '....';
	width: 15px;
	height: 25px;
	display: inline-block;
	overflow: hidden;
	line-height: 5px;
	padding: 3px 4px;
	cursor: move;
	vertical-align: middle;
	margin-top: -.7em;
	margin-right: .3em;
	font-size: 12px;
	font-family: sans-serif;
	letter-spacing: 2px;
	color: #cccccc;
	text-shadow: 1px 0 1px black;
}
span.grippy::after {
	content: '.. .. .. ..';
}


#addImg .qq-uploader,
#addImg .qq-upload-drop-area-dashed,
#addImg .qq-upload-button-dashed,
#addImgVar .qq-uploader,
#addImgVar .qq-upload-drop-area-dashed,
#addImgVar .qq-upload-button-dashed {
	height: 100%;
}

#gridItensVariacao .table-foot {
	font-weight: normal;
}

#gridItensVariacao .table-row,
div.tabela-fornecedores .table-body .table-row {
	height: 28px;
	color: #000;
}

#gridItensVariacao .table-body .table-cell,
#gridItensVariacao .table-cell-center,
.tabela-fornecedores .table-body .table-cell,
#variacaoTmp .table-cell input {
	padding: 4px;
	font-size: 12px;
}

#variacaoTmp .table-cell {
	padding: 0 !important;
}

#variacaoTmp .tableIcon {
	margin-right: 8px;
}

.tab-area-vertical {
	border-right: none;
	float: left;
	padding: 0;
	z-index: 2;
	width: 158px;
	position: absolute;
	border-right: 1px solid #CCC;
	padding-right: 1px;
	height: 460px;
}

.tab-area-vertical a,
.tab-area-vertical a:focus {
	text-decoration: none !important;
	color: #333;
}

.tab-area-vertical a:hover {
	color: #3f3d3d;
}

.tab-area-vertical ul,
.list-actions {
	list-style: none;
	padding: 0;
	margin: 0;
}

.tab-area-vertical li {
	border-bottom: 2px solid #FFFFFF;
	cursor: pointer;
	list-style: none;
	padding: 15px;
	width: calc(100% + 1px);
	position: relative;
	background: #CCC;
}

.tab-area-vertical li::first-letter {
	text-transform: capitalize;
}

.tab-area-vertical li:hover {
	background: #E8E8E8;
}

.tab-area-vertical li:last-of-type {
	border: 0;
	border-bottom: 1px solid #CCC;
}

.tab-area-vertical .selecionado {
	background: #ECEEEF;
	cursor: default;
}

.tab-area-vertical li.selecionado:hover {
	background: #ECEEEF;
}

.ticket-type {
	background-color: #d6d6d6;
	margin: 0 0 5px 0;
	cursor: pointer;
	height: 85px;
}

.flex-center {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-webkit-align-items: center;
	align-items: center;
}

.ticket-border {
	height: 85px;
	width: 15px;
	margin-right: 10px;
}

.opaque {
	opacity: 0.7;
}

#formTicket #uploadAnexo {
	color: #29ABE2;
}

.ticket-final-message:first-of-type {
	margin-top: 15px;
}

.ticket-final-message {
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
}

.dialog-step {
	border-radius: 50%;
	background-color: #CCC;
	height: 10px;
	width: 10px;
	display: inline-block;
	margin-right: 10px;
}

.dialog-step-active {
	background-color: #3FAF6C;
}

.link:before,
.plus-sign:before,
.info-sign:before,
.cog-sign:before,
.video-sign:before {
	font-family: 'Font Awesome 5 Free';
	display: inline-block;
	margin-right: 5px;
	text-decoration: none;
	font-style: initial;
	font-weight: 900;
}

.plus-sign:before {
	content: "\f067";
}

.info-sign:before {
	content: "\f05a";
}

.cog-sign:before {
	content: "\f013";
}

.video-sign:before {
	content: "\f03d";
}

.ui-datepicker-calendar a:hover {
	color: initial;
}

.resize-none {
	resize: none;
}

.div-img-parceiro {
	width: 165px;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	border:1px solid #CCCCCC;
	margin-right:10px;
}

.upload-parceiro #file-uploader {
	margin-top: 15px;
}
.containerDadosSiteParceiro {
	display: flex;
}

.img-parceiro {
	max-width: 100px;
	max-height: 80px;
}

.filtro-situacoes ul {
	max-height: 215px;
	overflow: auto;
}

table#gritens input[name="itens[produto][]"],
table#gritensPecas input[name="pecas[produto][]"] {
	text-overflow: ellipsis;
	display: inline-block;
}

.alert-filtro-suporte:before {
	font-size: 18pt !important;
	margin-top: 4px;
}

.small-icon:before {
	font-size: 15pt !important;
	left: 2px !important;
}

.alert-box.small-icon:before {
	font-size: 15pt !important;
	left: 20px !important;
}

.alert-box.small-icon {
	padding-left: 50px !important;
	min-height: 50px !important;
}

.alert-box-transparent.small-icon:before {
	font-size: 15pt !important;
	left: 2px !important;
}

.alert-box-transparent.small-icon {
	padding-left: 32px !important;
	min-height: 50px !important;
}

.small-icon {
	padding-left: 32px !important;
	min-height: 50px !important;
}

#tabela_estoque_reservado .table-body .table-cell {
	padding: 2px;
}

#inf_reservado {
	margin-left: 2px;
}

.menu-modulos-sistema {
	background: var(--bg-primary-tela-preferencias);
	border: 1px solid var(--hairline-regular);
	border-right: none;
	padding: 0;
	z-index: 2;
}

.menu-modulos-sistema ul {
	list-style: none;
	color: var(--font-primary);
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.menu-modulos-sistema li {
	border-bottom: 1px solid var(--hairline-regular);
	cursor: pointer;
	list-style: none;
	padding: 15px 15px;
	width: calc(100% + 1px);
}

.menu-modulos-sistema li::first-letter {
	text-transform: capitalize;
}

.menu-modulos-sistema li:hover {
	background-color: var(--content-primary--shade--one);
}

.menu-modulos-sistema li:last-of-type {
	border: 0;
}

.menu-modulos-sistema .modulo-selecionado {
	background: var(--brand-primary) !important;
	color: var(--font-secondary);
	cursor: default;
}

.menu-modulos-sistema li.modulo-selecionado:hover {
	background-color: var(--content-primary--shade--one);
}

.list-module-content {
	border: 1px solid var(--hairline-regular);
	padding: 15px;
	min-height: 300px;
}

.container-configurator {
	padding: 15px 15px 40px 15px;
}

.custom-field-container {
	min-height: 46px;
}

.custom-field-container .toogle-checkbox {
	width: 100% !important;
	margin-top: 4px;
}

.custom-field-container textarea {
	height: 80px;
	padding-top: 8px;
}

.custom-field-required::after {
	content: '*';
	color: #DD6F77;
	font-weight: bold;
	padding-left: 4px;
}

.group-item-form-error .custom-field-required::after {
	content: "* \F071";
}

.custom-field-container .ui-datepicker-trigger {
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0px 3px;
	vertical-align: middle;
	position: absolute;
	top: 22px;
	right: 18px;
	cursor: pointer;
}

.custom-field-container input.hasDatepicker {
	width: 100%;
}

.custom-field-container > div {
	width: 100%;
	white-space: nowrap;
}

.custom-field-label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	padding-right: 14px;
}

.custom-field-label i {
	margin-left: 3px;
}

.required {
	color: #DD6F77;
}

.importation-custom-fields .importation-form {
	padding-bottom: 40px;
}

.importation-custom-fields .importation-form .row {
	margin-top: 15px;
}

.importation-custom-fields .importation-form .breadcrumb {
	margin: 10px 0 0 0;
}

.importation-custom-fields .importation-form label {
	width: 100%;
}

.importation-custom-fields .importation-form label span {
	color: #666;
}

.importation-custom-fields .importation-form .qq-upload-button {
	margin: 3px 0;
}

.status-imported-fields {
	color: var(--font-primary);
}

.importation-custom-fields .imported-records-list,
.importation-custom-fields .loading-records,
.importation-custom-fields .imported-records-list .status-imported-fields,
.importation-custom-fields .imported-records-list > .row:first-of-type {
	display: none;
}

.importation-custom-fields .imported-records-list #datatable.importer-data-table {
	min-height: 370px;
	height: calc(100vh - 392px);
	background-color: var(--bg-primary);
}

.importation-custom-fields .imported-records-list #datatable tr td:nth-of-type(2),
.importation-custom-fields .imported-records-list #datatable tr th:nth-of-type(2) {
	padding-left: 10px;
}

.importation-custom-fields .imported-records-list .row {
	padding: 0 15px;
}

.importation-custom-fields .imported-records-list .status-imported-fields > div {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 4px;
}

.importation-custom-fields .imported-records-list .status-imported-fields span {
	height: 18px;
	line-height: 18px;
	margin-left: 3px;
}

.importation-custom-fields .imported-records-list td {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 300px;
}

.importation-custom-fields .legend-square {
	height: 18px;
	width: 26px;
	display: inline-block;
	border: 1px solid #CCC;
}

.importation-custom-fields .importation-warning,
.importation-custom-fields .importation-error,
.importation-custom-fields .importation-success {
	text-align: center;
}

.importation-custom-fields .importation-warning {
	background-color: #F9DA93 !important;
}

.importation-custom-fields .importation-error {
	background-color: #F67078 !important;
}

.importation-custom-fields .importation-success {
	background-color: #9FE2B7 !important;
}

.importation-custom-fields .loading-records {
	height: calc(100% - 155px);
	display: none;
	align-items: center;
	justify-content: center;
}

.importation-custom-fields .loading-records.container-status-message {
	border: none;
}

.importation-custom-fields .loading-records h2 {
	color: #999999;
}

.importation-custom-fields .loading-records p {
	text-align: center;
}

.importation-custom-fields .loading-records button {
	margin-top: 15px;
}

.importation-custom-fields .loading-records .loader-records > div {
	position: relative;
	height: 60px;
}

.importation-custom-fields .loading-records .loaded-records {
	display: none;
}

.importation-custom-fields .loading-classifiers {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
}

.importation-legend {
	display: flex;
	align-items: center;
	margin-bottom: 3px;
}

.importation-legend span {
	margin-left: 3px;
}

#container_downgrade_espaco_data .subtitulo{
	color:#000000;
	box-shadow: none;
	font-weight: bold;
}

.somasGestaoEspaco {
	width: 100%;
	display: block;
	float: left;
	padding-top: 10px;
	font-size: 10pt;
	color:#3A3838;
	font-weight: bold;
}

.containerEspacosAdicionais {
	display: flex;
	padding: 5px 0px 5px 0px;
	border-top: 2px solid #D8D8D8;
	border-bottom: 2px solid #D8D8D8;
	margin: 10px 0px 10px 0px;
}

.lista-espacos {
	display: block;
	max-height: 150px;
	overflow: auto;
}

#containerGestaoEspaco .linha_form {
	margin-bottom: 3px;
}

.lista-espacos thead td {
	height: 30px;
	background-color: var(--content-primary--shade--two);
	color: var(--font-primary);
	border-bottom: 1px solid #D8D8D8;
}

.lista-espacos td {
	padding-left: 10px;
	font-weight: bold;
	width: 12%;
	height: 50px;
	border-bottom: 1px solid #D8D8D8;
}
.lista-espacos td:nth-child(2) {
	width: 40%;
}

.empresaEspacoAtivo {
	font-size: 15pt !important;
	color: #3FAF6C;
}

.empresaEspacoInativo {
	font-size: 15pt !important;
	color: #CCCCCC;
}

.infoEmpresaEspaco {
	font-weight: bold;
	margin-right: 30px;
}

.table-horario-pontos-retirada tr,
.table-horario-pontos-retirada th {
	color: white !important;
	border-bottom: 0px !important;
	background-color: #3F3D3D;
}

#resultado_cotacao tr td,
#resultado_busca_pontos_retirada tr td {
	vertical-align: middle;
}

#resultado_cotacao tr:hover,
#resultado_busca_pontos_retirada tr:hover,
#resultado_cotacao_melhor_envio tr:hover {
	background-color: var(--content-primary--shade--one);
}

#dados_endereco_destinatario span {
	line-height: 20px;
}

.table, .table-responsive {
	margin-bottom: 0px;
}

.central-edita-dest-input a.search-choice-close {
	width: 12px !important;
}

.context-menu-default {
	padding: 3px 0 3px 0 !important;
	box-shadow: none;
	border: 0 !important;
	outline: 1px solid #c0c0c0;
	outline-offset: -1px;
}

.context-menu-default li {
	letter-spacing: -0.2px;
	font-size: 14px;
	padding: 8px 2px 8px 32px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	color: #666 !important;
	border: 0 !important;
	font-family: inherit;
	font-weight: normal;
}

.context-menu-default li span:before {
	margin-right: 5px;
	font-size: 18px;
}

.context-menu-default li:before {
	position: absolute;
	left: 0;
	width: 2em;
	text-align: center;
	font-family: 'Font Awesome 5 Free';
	font-size: 16px;
	font-weight: 900;
}

.context-menu-default li span {
	vertical-align: middle;
}

.context-menu-default li span[class^="fa"] {
	position: absolute;
	left: 9px;
}

.context-menu-default li:hover:not(.context-menu-separator) {
	padding: 8px 2px 8px 32px !important;
	background-color: #3faf6c !important;
	color: #eee !important;
	font-weight: bold;
	cursor: pointer !important;
}

.context-menu-default li.background-red-on-hover:hover {
	background-color: #ff6060 !important;
}

.context-menu-default .context-menu-separator {
	padding: 0 !important;
	margin: 0 !important;
	border-bottom: 1px solid #e6e6e6 !important;
	border-left: 20px inset transparent !important;
	border-right: 20px inset transparent !important;
}

.spin-sync {
	-webkit-animation: fa-spin 1.5s infinite linear;
	animation: fa-spin 1.5s infinite linear;
}

#dataForm th[data-nome-loja]:after {
	content: " (" attr(data-nome-loja) ")";
}

#dataForm th[data-nome-loja-copia]:after {
	content: " (" attr(data-nome-loja-copia) ")";
}

#reajuste_precos {
	padding: 0;
	background-color: var(--brand-primary--background);
	position: fixed;
	bottom: 0px;
	display: none;
	width: 100%;
	margin-bottom: 0;
	z-index: 3;
	border-top: 2px solid var(--brand-primary);
	border-radius: 0.8rem 0.8rem 0 0;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.30);
}

#reajuste_precos.reajuste-show {
	display: block;
	bottom: -111px;
}

#reajuste_precos.reajuste-expanded {
	display: block;
	bottom: 0px !important;
}

#reajuste_precos .close-reajuste:hover {
	cursor: pointer;
}

#reajuste_precos .close-reajuste {
	position: absolute;
	top: 7px;
	right: 10px;
	color: var(--font-primary);
	font-size: 12pt;
	font-weight: bold;
}

#tabela_formacao_precos .edt-valor, #tabela_formacao_precos_lojas .edt-valor {
	height: 30px !important;
	margin-left: 0 !important;
	border:1px solid #CCC !important;
}

#toggle_reajuste {
	background-color: var(--brand-primary--background);
	height: 110px;
	padding: 10px 15px;
	margin-right: 0;
	padding-right: 0;
	margin-left: 0px;
}

#toggle_reajuste > div {
	display: inline-block;
}

#toggle_reajuste > div,
#toggle_reajuste fieldset {
	height: 100%;
}

#label_filtrados,
#label_selecionados {
	font-size: 12px;
}

#reajuste_precos.reajuste-expanded a:after {
	font-family: 'Font Awesome 5 Free';
}

#reajuste_precos a {
	display: block;
	height: 30px;
	padding: 6px 15px;
	color: var(--font-primary);
	font-family: var(--font-family-primary);
    font-size: 16px;
    font-weight: bold;
}

#reajuste_precos a:before {
	content: "Reajuste de preços " attr(data-progress) " ";
}

#reajuste_precos.MX a:before {
	content: "Ajuste de precios " attr(data-progress) " ";
}

#reajuste_precos.MX .conversao-unidade button[data-type="real"]:before {
	content: '';
	margin-right: 4px;
}

#reajuste_precos a:after {
	font-family: 'Font Awesome 5 Free';
}

#reajuste_precos .toggle-reajuste i {
	position: absolute;
	right: 10px;
	top: 7px;
}

#toggle_reajuste .fieldset-4 button {
	width: 100%;
	font-size: 11px;
}

#toggle_reajuste div[class^="fieldset"] {
	padding: 0 15px;
	float: left;
}

#toggle_reajuste .fieldset-1 {
	width: 36.3%;
	min-width: 230px;
	padding-left: 0!important;
}

#toggle_reajuste .fieldset-1 #div_readjust_action {
	padding: 0 8px 0 0;
}

#toggle_reajuste .fieldset-1 #div_readjust_action label,
#div_readjust_canal_venda > div > label,
#div_readjust_value > div > label {
	font-size: 12px;
}

#toggle_reajuste .fieldset-1 #div_readjust_value {
	padding: 0 8px;
}

#toggle_reajuste .fieldset-1 .input-radio {
	margin: 0;
}

#toggle_reajuste .fieldset-1 .icon-info-novo:before {
	height: 16px;
	background-position: 0 2px;
	background-repeat: no-repeat;
}

#toggle_reajuste .fieldset-1.half-size {
	width: 34.2%;
}

#toggle_reajuste .fieldset-2 {
	width: 36.3%;
	min-width: 132px;
}


#toggle_reajuste .fieldset-2.half-size {
	width: 23.6%;
}

#toggle_reajuste .fieldset-3 {
	width: 19%;
	min-width: 164px;
}

#toggle_reajuste .fieldset-2 legend,
#toggle_reajuste .fieldset-3 legend {
	font-size: 12px;
}

#toggle_reajuste .fieldset-4 {
	width: 22.3%;
	float: right !important;
	padding-left: 0;
}

#toggle_reajuste .fieldset-4 .button-default-novo {
	height: 35px;
}

#toggle_reajuste .fieldset-4 button:nth-child(1) {
	margin-bottom: 12px;
}

#toggle_reajuste .fieldset-2 .input-radio #label_filtrados:after,
#toggle_reajuste .fieldset-2 .input-radio #label_selecionados:after {
	content: " (" attr(data-qty) ")";
}

#toggle_reajuste .input-radio {
	margin: 5px 0;
	padding: 2px 0px;
}

#reajuste_precos #progress_bar {
	position: absolute;
	top: 30px;
	left: 0;
	height: 3px;
	width: 0%;
	background-color: #666;
}

#datatable td[reajuste-novo-preco] {
	color: #069CF9;
	font-weight: bold;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}

#dataForm td.highlight-td {
	background-color: #F9F4DE;
}

#hopscotch_overlay {
	background: none rgb(51, 51, 51);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .8;
	z-index: 100;
}

.table-sticky-cells {
	overflow: auto;
	position: relative;
	z-index: 1;
}

.table-sticky-cells table {
	border-collapse: separate !important;
}

.table-sticky-cells th,
.table-sticky-cells td {
	background: var(--bg-primary);
}

.table-sticky-cells thead th {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

.table-sticky-cells [class*='fixed-column-'] {
	position: -webkit-sticky;
	position: sticky;
	z-index: 3;
}

.table-sticky-cells thead [class*='fixed-column-'] {
	z-index: 4;
}

@media screen and (max-width: 767px) {
	.table-sticky-cells [class*='fixed-column-']:not(.fixed-column-xs) {
		left: unset !important;
		z-index: 2;
	}

	.table-sticky-cells thead [class*='fixed-column-']:not(.fixed-column-xs) {
		z-index: 3;
	}

	.table-sticky-cells .border-fixed-column-xs.border-fixed-column-active {
		border-right: 1px solid #ddd;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.table-sticky-cells [class*='fixed-column-']:not(.fixed-column-xs):not(.fixed-column-sm) {
		left: unset !important;
		z-index: 2;
	}

	.table-sticky-cells thead [class*='fixed-column-']:not(.fixed-column-xs):not(.fixed-column-sm) {
		z-index: 3;
	}

	.table-sticky-cells .border-fixed-column-sm.border-fixed-column-active {
		border-right: 1px solid #ddd;
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.table-sticky-cells [class*='fixed-column-']:not(.fixed-column-xs):not(.fixed-column-sm):not(.fixed-column-md) {
		left: unset !important;
		z-index: 2;
	}

	.table-sticky-cells thead [class*='fixed-column-']:not(.fixed-column-xs):not(.fixed-column-sm):not(.fixed-column-md) {
		z-index: 3;
	}

	.table-sticky-cells .border-fixed-column-md.border-fixed-column-active {
		border-right: 1px solid #ddd;
	}
}

@media screen and (min-width: 1200px) {
	.table-sticky-cells .border-fixed-column-lg.border-fixed-column-active {
		border-right: 1px solid #ddd;
	}
}

#upload-hover {
	width: 100%;
	max-width: 200px;
	min-height: 100px;
}
.containerDadosSiteParceiro #upload-hover {
   	max-width: 100px;
		max-height: 80px;
		min-height: 50px;
}
#upload-hover #recebeUpload {
	position: relative;
}
.containerDadosSiteParceiro #upload-hover #recebeUpload img {
	max-width: 100px;
	max-height: 80px;
}
#upload-hover #recebeUpload img {
	width: 100%;
	max-width: 200px;
	max-height: 200px;
}
#upload-hover .qq-upload-button i {
	font-size: 20px;
}
#upload-hover .qq-upload-button span.centerContent {
	display: block;
	position: absolute;
	top: 50%;
	width: 100%;
	line-height: 15px;
	margin-top: -15px !important;
	text-transform: none;
}

#upload-hover:hover .qq-upload-button {
	display: block;
}

#upload-hover:hover .qq-upload-drop-area {
	display: none !important;
}

#upload-hover .qq-upload-button, #upload-hover .qq-upload-drop-area {
	display: none;
	position: absolute !important;
	top: 0;
	width: 100% !important;
	height: 100% !important;
	background-color: rgba(0,0,0,0.8) !important;
	line-height: 61px;
	padding: 0;
	text-align: center;
	cursor: pointer;
	color: #fff;
	font-weight: bold;
	margin: 0;
}

.clr {
	clear: both;
	float: none !important;
}

.fixed-head-table {
	background-color: #E8E8E8;
}
.fixed-head-table tbody {
	display: block;
	width: 100%;
	overflow-y: scroll;
	background-color: var(--bg-old-container) !important;
}
.fixed-head-table thead,
.fixed-head-table tbody tr,
.fixed-head-table tfoot {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.fixed-head-table thead,
.fixed-head-table tfoot {
	width: calc(100% - 15px);
}

.hopscotch-info .icon-info-sign:before {
	font-size: 26px;
}

[class^="icon-"],
[class*=" icon-"] {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	display: inline;
	width: auto;
	height: auto;
	line-height: normal;
	vertical-align: baseline;
	background-image: none;
	background-position: 0% 0%;
	background-repeat: repeat;
	margin-top: 0;
}

li [class^="icon-"],
li [class*=" icon-"],
.nav li [class^="icon-"],
.nav li [class*=" icon-"] {
	display: inline-block;
	width: 1.25em;
	text-align: center;
}

.icon-file:before,
.icon-file-text:before,
.icon-time:before,
.icon-download:before,
.icon-picture:before,
.icon-ok-sign:before,
.icon-save:before,
.icon-envelope:before,
.icon-trash:before,
.icon-copy:before {
	font-weight: 400;
}

.icon-search:before         {content: "\f002";}
.icon-envelope:before       {content: "\f0e0";}
.icon-user:before           {content: "\f007";}
.icon-ok:before             {content: "\f00c";}
.icon-remove:before         {content: "\f00d";}
.icon-trash:before          {content: "\f2ed";}
.icon-home:before           {content: "\f015";}
.icon-file:before           {content: "\f15b";}
.icon-file-text:before      {content: "\f15c";}
.icon-time:before           {content: "\f017";}
.icon-download:before       {content: "\f358";}
.icon-refresh:before        {content: "\f021";}
.icon-tag:before            {content: "\f02b";}
.icon-book:before           {content: "\f02d";}
.icon-bold:before           {content: "\f032";}
.icon-italic:before         {content: "\f033";}
.icon-facetime-video:before {content: "\f03d";}
.icon-picture:before        {content: "\f03e";}
.icon-pencil:before         {content: "\f303";}
.icon-chevron-right:before  {content: "\f054";}
.icon-chevron-left:before   {content: "\f053";}
.icon-ok-sign:before        {content: "\f058";}
.icon-question-sign:before  {content: "\f059";}
.icon-info-sign:before      {content: "\f05a";}
.icon-ban-circle:before     {content: "\f05e";}
.icon-file-export:before    {content: "\f56e";}
.icon-arrow-left:before     {content: "\f060";}
.icon-arrow-right:before    {content: "\f061";}
.icon-arrow-down:before     {content: "\f063";}
.icon-plus:before           {content: "\f067";}
.icon-warning-sign:before   {content: "\f071";}
.icon-plane:before          {content: "\f072";}
.icon-comment:before        {content: "\f075";}
.icon-chevron-up:before     {content: "\f077";}
.icon-chevron-down:before   {content: "\f078";}
.icon-retweet:before        {content: "\f079";}
.icon-cogs:before           {content: "\f085";}
.icon-comments:before       {content: "\f086";}
.icon-external-link:before  {content: "\f35d";}
.icon-phone:before          {content: "\f095";}
.icon-tasks:before          {content: "\f0ae";}
.icon-filter:before         {content: "\f0b0";}
.icon-group:before          {content: "\f0c0";}
.icon-link:before           {content: "\f0c1";}
.icon-copy:before           {content: "\f0c5";}
.icon-paper-clip:before     {content: "\f0c6";}
.icon-save:before           {content: "\f0c7";}
.icon-truck:before          {content: "\f0d1";}
.icon-caret-left:before     {content: "\f0d9";}
.icon-sort-down:before      {content: "\f0dd";}
.icon-sort-up:before        {content: "\f0de";}
.icon-paste:before          {content: "\f0ea";}
.icon-food:before           {content: "\f2e7";}
.icon-angle-right:before    {content: "\f105";}
.icon-desktop:before        {content: "\f108";}
.icon-circle:before         {content: "\f111";}
.icon-times-circle:before   {content: "\f057";}
.icon-picture:before        {content: "\f03e";}
.icon-trash:before          {content: "\f2ed";}
.icon-ok:before             {content: "\f00c";}
.icon-angle-right:before    {content: "\f105";}
.icon-external-link:before  {content: "\f35d";}

.conversao-unidade {
	position: relative;
	display: inline-block;
}

.conversao-unidade button {
	position: absolute;
	right: 3px;
	bottom: 3px;
	width: 24px;
	height: 24px;
	background-color: #E8E8E8;
	border: 1px solid #999;
	padding: 0;
	color: #3F3D3D;
}

.conversao-unidade button:after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 9pt;
}

.conversao-unidade button[data-type="real"]:after {
	content: '\f155';
}

.conversao-unidade button[data-type="mm"]:after {
	content: 'mm';
	font-size: 9pt;
	font-weight: bold;
	margin-right: 1px;
}

.conversao-unidade button[data-type="cm"]:after {
	content: 'cm';
	font-size: 9pt;
	font-weight: bold;
	margin-right: 1px;
}

.conversao-unidade button[data-type="m"]:after {
	content: 'm';
	font-size: 9pt;
	font-weight: bold;
	margin-right: 1px;
}

.conversao-unidade button[data-type="kg"]:after {
	content: 'kg';
	font-size: 9pt;
	font-weight: bold;
	margin-right: 1px;
}

.conversao-unidade button[data-type="real"]:before {
	content: 'R';
	font-size: 9pt;
	font-weight: bold;
	margin-right: 1px;
}

.conversao-unidade button[data-type="percent"]:after {
	content: '\f541';
}

.list-icon-banco {
	display: inline-block;
	width: 35px;
	text-align: center;
}

.list-icon-banco img {
	width: 23px;
}

.list-icon-error i {
	color: #ff4e4e;
	font-size: 16px;
}

.list-icon-warning i {
	color: #DF913D;
	font-size: 16px;
}

.list-icon-success i {
	color: #3FAF6C;
	font-size: 16px;
}

.list-nrobanco {
	vertical-align: text-bottom;
}

.tree-select {
	width: 100%;
	margin-top: 4px;
	font-family: arial, helvetica, sans-serif !important;
	font-size: 9pt !important;
	color: var(--font-primary--shade--one);
	border: var(--bling-form-item-border, 1px solid #999999);
	height: 32px;
	padding: 7px 11px;
	background-color: var(--content-primary);
	background-image: linear-gradient(45deg, transparent 48%, #999999 50%), linear-gradient(135deg, #999999 48%, transparent 50%);
	background-position: calc(100% - 13px) calc(1em + 1px), calc(100% - 8px) calc(1em + 1px);
	background-size: 5px 5px, 5px 5px;
	background-repeat: no-repeat;
	float: left;
}

.tree-select > div {
	height: 100%;
	display: flex;
	align-items: center;
}

#modulo-bc-filter > div > span{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tree-select .tree-select-selection {
	width: 100%;
	position: relative;
}

.tree-select .tree-select-selection span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
	position: absolute;
	width: 100%;
}

.tree-select-container {
	position: absolute;
	background: var(--bg-primary);
	padding: 3px 0 3px 0;
	border: 1px solid #cccccc;
	z-index: 1000;
	border-radius: 5px;
	box-shadow: 0px 3px 6px #00000029;
}

.fixed-treeselect {
	position: fixed;
}

.tree-select-container ul,
.tree-list ul {
	float: none !important;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.tree-select-container > ul {
	max-height: 300px;
	overflow: auto;
	position: relative;
	margin-top: 5px;
}

.tree-select-container li {
	display: block;
	line-height: normal !important;
	padding: 3px 5px 3px 8px;
}

.tree-select-container li:hover, .tree-select-container .selected {
	background-color: #3faf6c;
	color: #fafafa;
}

.tree-select-container li:hover .input-checkbox label {
	border: 1px solid #FFF;
}

.tree-select-container li > label,
.tree-list li > label {
	font-size: 13px;
	font-family: arial, helvetica, sans-serif;
	position: relative;
	display: inline-block;
	color: var(--font-primary--shade--one);
	min-height: 20px;
	line-height: 20px;
}

.tree-select-container li .tree-arrow,
.tree-list li .tree-arrow {
	position: absolute;
	font-size: 14px;
	width: 19px;
	height: 19px;
	color: #848484;
	padding-left: 2px;
}

.tree-select-container li:hover .tree-arrow {
	color: #FFF;
}

.tree-select-container li .input-checkbox,
.tree-list li .input-checkbox {
	margin-left: 16px !important;
}

.tree-list .match-result,
.tree-select-container .match-result {
	color: green;
}

.tree-select-container .input-checkbox input[type="checkbox"]:checked + label,
.tree-select-container .checkbox-partial-check input[type="checkbox"] + label,
.tree-list .input-checkbox input[type="checkbox"]:checked + label,
.tree-list .checkbox-partial-check input[type="checkbox"] + label {
	background-color: #3FAF6C;
	border: 1px solid #3FAF6C;
}

.tree-select-container #tree_seach_container {
	padding: 0 5px 0 5px;
}

.tree-list > ul {
	overflow: auto;
	position: relative;
}

.tree-list li {
	display: block;
	line-height: normal !important;
	padding: 8px 3px 8px 8px;
	border-bottom: 1px solid #ddd;
}

.tree-list li:hover {
	background-color: var(--content-primary--shade--one);
}

.tree-list .tree-node-options {
	margin-left: 10px;
	display: none;
}

.tree-list li.hightlight-context .tree-node-options,
.tree-list li:hover .tree-node-options {
	display: inline-block;
}

.tree-list .tree-node-options i {
	font-size: 15px;
	color: #666;
	margin-right: 10px;
}

.tree-list .tree-node-options i:hover {
	color: #3faf6c;
}

.table-warning {
	text-align: center;
	background-color: #e6e6e6;
	height: 300px;
}

.table-warning span {
	position: relative;
	top: 45%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 11pt;
	color: #333;
}

.anexarIcone {
	border: none;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	background-color: #7CB2D5;
	color: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10pt;
}

.anexarIcone:hover {
	background-color:#5DA5D4;
}

.div-respostas-rapidas div {
	display: flex;
}

.div-respostas-rapidas a {
	text-decoration: none;
	color: var(--font-primary--shade--one);
	font-weight: bold;
	max-width: 215px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#icone-mais-respostas {
	display:flex;
	align-items:center;
	font-size:11pt;
	margin-left:10px;
	color:#0073B7;
	cursor:pointer;
}

.respostas-operacionais {
	flex-flow:row wrap;
	margin-top:5px;
}

.div-respostas-rapidas .respostas-frequentes div:hover,
.div-respostas-rapidas .respostas-operacionais div:hover {
	background-color: #E8E8E8;
}

.div-respostas-rapidas .respostas-frequentes div,
.div-respostas-rapidas .respostas-operacionais div {
	display: flex;
	flex-shrink: 0;
	margin-left: 15px;
	margin-bottom: 5px;
	height: 25px;
	width: 215px;
	align-items: center;
	justify-content: center;
	font-size: 10pt;
	border: 1px solid #E8E8E8;
	border-radius: 50px;
	cursor: pointer;
}
.input-icones-table {
	position: absolute;
	right: 1px;
	top: 2.5px;
	padding: 4px 3px 1px 5px;
	z-index: 15;
	display: block;
}
br.clear {
	clear: both;
}
.data-multi-fields {
	padding-top:5px;
}
.icons-multi-field {
	float: left;
	padding-left: 10px;
	font-size: 15px;
	line-height: 25px;
	height: 28px;
	color: #DD6F77;
	padding-right: 10px;
	outline: 1px solid #C9C9C9;
	margin-bottom: 1px;
	margin-left: 1px;
	overflow: hidden;
}
.data-item-multi-field {
	width: 85%;
	float: left;
	font-size: 9pt;
	padding: 0 27px 0 11px !important;
	height: 28px;
	line-height: 28px;
	position: relative;
	outline: 1px solid #C9C9C9;
	margin-bottom: 1px;
	margin-top: 0;
	overflow: hidden;
}
.data-item-multi-field .form-icon {
	cursor: pointer;
	font-size: 12pt;
	text-decoration: none !important;
	color: #666666;
	right: 6px;
	position: absolute;
	top: 6px;
}
.data-item-multi-field a{
	padding-right: 22px;
}
.contato-rapido-icones {
	position: absolute !important;
	right: 6px;
	top: 8.5px;
	z-index: 15;
}

.message-area {
	z-index: 1;
}

.message-area .alert-box-warning {
	margin: 0;
	min-height: 48px !important;
}
.message-area .alert-box-info {
		margin: 0;
	overflow: hidden;
	color: #4D4544;
}
.message-area .alert-box-info span {
	word-break: break-word;
	height: 43px;
	display: block;
	overflow: hidden;
}
.contato-rapido {
	position: relative;
	width: 85%;
	clear: both
}
.contato-rapido .message-area .alert-box-info span {
	height: auto;
}
.contato-rapido .ui-autocomplete-loading {
	background: none;
}

.periodoContrato {
	display: flex;
	margin-top: 10px;
}

.periodoContrato div {
	width: 40%;
}

.contato-rapido-icones .loading {
	width: 15px;
	height: 15px;
	top: 19px;
	left: 2px;
	display: none;
}

.available-payment-integrations .integration {
	width: 221px;
	padding-bottom: 20px;
	border: 1px solid var(--hairline-regular);
	margin-right: 20px;
}

.available-payment-integrations .integration img {
	width: 100%;
	border-bottom: 1px solid #dedede;
}

.available-payment-integrations .integration p {
	font-weight: bolder;
	color: var(--font-primary);
	margin: 0;
	padding: 20px 8px 15px 8px;
}

.list-markers-info i {
	font-size: 11pt;
	margin-left: 5px;
}

.ui-dialog.slideIn {
	bottom: 0px;
	top: 0px !important;
	right: 0%;
	left: auto !important;
	width: 30%;
	min-width: 450px;
	position: fixed !important;
	transform: translate(100%, 0);
	transition: transform 0.8s cubic-bezier(0.28, 0.61, 0, 1);
	border-radius: var(--orbe-rounded-none);
}

.box-shadow-left {
	box-shadow: 0px 3px 6px #00000029;
}

.ui-dialog.slideIn.open {
	transform: translate(0, 0);
	transition: transform 0.8s cubic-bezier(0.28, 0.61, 0, 1);
}

.ui-dialog.slideIn .ui-dialog-titlebar {
	background-color: var(--bg-tertiary);
	padding: 20px 28px;
}

.ui-dialog.slideIn .ui-dialog-titlebar-close span {
	display: inline-block;
	margin: 0;
	color: #258ACC;
}

.ui-dialog.slideIn .ui-icon-closethick {
	margin-right: 5px !important;
}

.ui-dialog.slideIn .ui-button-icon-only .ui-button-text {
	text-indent: 0;
	font-weight: normal;
	font-size: 15px;
}

.ui-dialog.slideIn .ui-dialog-title {
	font-size: 20px;
	color: #696969;
}

.ui-dialog.slideIn h3.title-form {
	margin: 0;
	padding: 15px 0px;
	cursor: pointer;
}

.ui-dialog.slideIn .ui-dialog-titlebar-close {
	right: 28px;
	top: 16px;
	width: auto;
	padding: 0;
	background-color: transparent;
}

.ui-dialog-newest.slideIn .ui-dialog-titlebar-close {
	width: 16px;
	right: 16px;
}

.ui-dialog.slideIn .ui-dialog-content {
	background-color: var(--bg-primary);
	border: none;
	padding: 28px;
	height: calc(100% - 164px) !important;
	overflow: auto;
	overflow-x: hidden;
}

.ui-dialog.slideIn .ui-widget-content {
	color: var(--font-primary--shade--one);
}

.ui-dialog.slideIn .ui-dialog-content .group-item-form.group-hidden{
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.ui-dialog.slideIn .ui-dialog-content .situacao .group-item-form{
	padding-left: 2px;
}

.ui-dialog.slideIn .ui-dialog-content .group-item-form .linha_form.linha-ultimos{
	margin-bottom: 0px;
}

.ui-dialog.slideIn .margin_right{
	margin-right: 3%;
}

.ui-dialog.slideIn .field-group{
	border-bottom: solid 1px #cccccc;
	overflow: hidden;
	transition: height 0.5s cubic-bezier(0.46, 0.79, 0, 1), overflow 0.5s;
}

.ui-dialog.slideIn .field-group.overflow-visible.contato{
	overflow: visible;
}

.ui-dialog.slideIn .field-group.overflow-visible.contato .chosen-drop{
	margin-bottom: 50px;
}

.ui-dialog.slideIn .field-group .fas.fa-angle-down{
	float: right;
	font-size: 15px;
	position: relative;
	right: 10px;
	color: #999999;
	transform: rotate(0deg);
	transition: transform 0.3s;
}

.ui-dialog.slideIn .field-group.opened .fas.fa-angle-down{
	transform: rotate(180deg);
	transition: transform 0.3s;
}

.ui-dialog.slideIn .ui-dialog-buttonpane{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 100%;
	padding: 20px 28px;
	background-color: var(--bg-tertiary);
}

.ui-dialog:not(.ui-dialog-newest).slideIn .ui-dialog-buttonpane .ui-button{
	margin-left: 0 !important;
}

form#contato-rapido,#contato-rapido-container {
	overflow: auto;
}

.config-status-row {
	padding: 5px 0px 0px 0px;
}

.btn-notificacao-ouvidoria {
	display: flex;
	background-color: #747474;
	color: white;
	font-size: 11pt;
	height: 40px;
	align-items: center;
	cursor: pointer;
}

.btn-notificacao-ouvidoria:hover {
	opacity: 0.7;
}

.btn-notificacao-ouvidoria img {
	height: 30px;
	width: 29px;
	margin-left: 10px;
}

.btn-notificacao-ouvidoria div {
	margin-left: 10px;
}

.btn-notificacao-ouvidoria span {
	display: block;
}

.config-status-row .config-status-remove {
	padding: 8px 0px 0px 0px;
}

.text-danger, .text-error {
	color: #DD6F77;
}

.text-success {
	color: #3FAF6C;
}

.text-warning {
	color: #DF913D;
}

.table-unidade-negocio .table-cell {
	border: none;
}

.table-unidade-negocio .table-body .table-row {
	border-bottom: 1px solid #DBDBDB;
}

.table-unidade-negocio .table-body .table-row:hover {
	background-color: var(--content-primary--shade--two);
	cursor: pointer;
}

.table-unidade-negocio .table-head,
.table-unidade-negocio .table-cell,
.padding-5 {
	padding: 5px;
}

.unidade-tipo-icon {
	display: inline-block;
	margin-right: 8px;
	padding: 2.5px 0;
	width: 21px;
	color: #fff;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
}

.unidade-tipo-icon.picking {
	background: #6d9004;
}

.unidade-tipo-icon.fulfillment {
	background: #43a7fa;
}

.saldo-ficha-financeira {
	margin-top: 40px !important;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.saldo-ficha-financeira div:nth-child(1) p {
	font-size: 11pt;
	line-height: 17pt;
	color: var(--font-primary);
	margin: 5px 0;
}

.saldo-ficha-financeira div:nth-child(2) p {
	color: #E84459;
	font-weight: bold;
	font-size: 14pt;
	margin: 5px 0;
}

.saldo-ficha-financeira div:nth-child(1) p:after {
	content: " (" attr(attr-descricao) ")";
}

.invisivel {
	visibility: hidden;
	display: none;
	height: 0;
	clear: both;
}

.visivel {
	visibility: visible;
	display: block;
	height: auto;
}

.contato-rapido .formIcon {
	cursor: pointer;
	font-size: 12pt;
	text-decoration: none !important;
	color: var(--brand-primary) !important;
}

.absolute {
	position: absolute;
}

.relative {
	position: relative;
}

.field-table-error {
	border: 1px solid #DD6F77;
	border-left: 3px solid #DD6F77;
	outline: none;
}

.color-error {
	color: #DD6F77;
}

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

.exclamation-items i {
	font-size: 60pt !important;
	color: #CCC;
	margin-bottom: 15px;
	width: 100%;
}

.exclamation-items h3 {
	font-size: 13pt;
	color: var(--font-primary);
	margin: 7px 0;
}

.exclamation-items span,
.exclamation-items p {
	font-size: 10pt;
	color: var(--font-primary);
	margin: 0;
}

.parameter-integration label {
	font-weight: bold;
	font-size: 9pt;
	color: var(--font-primary);
}

.button-test-integration {
	height: 42px;
	margin-top: 22px;
}

.integration-form .button-test-integration {
	padding: 0;
	margin-top: 24px;
}

.icon-info-integration {
	margin-top: 36px;
	padding-left: 0;
}

.integration-form div > .icon-info-sign,
.containerConfiguracoesLoja .icon-info-integration span {
	color: #3FAF6C;
	font-size: 14px;
	margin-left: 0;
}

.icon-integration-button {
	margin-top: 2px;
	font-size: 14px !important;
	color:#3FAF6C !important;
}

.content-center-carousel {
	display: flex;
	flex-flow: column;
	min-height: 210px;
	margin-bottom: 25px;
}

.content-center-carousel span{
	width: 100%;
	font-size: 9.5pt;
}

.popover-info-integrations > .arrow {
	border-right-color: #3FAF6C !important;
}

.popover-info-integrations .popover-content {
	padding: 9px 0;
}


.popover-info-integrations .carousel-indicators {
	bottom: -10px;
	padding-bottom: 5px;
}

.popover-info-integrations .carousel-indicators li {
	border: 1px solid #3FAF6C;
	width: 10px;
	height: 10px;
	margin-left: 2px;
}

.popover-info-integrations .carousel-indicators .active {
	width: 10px;
	height: 10px;
	background-color: #3FAF6C;
	margin-bottom: 1px;
}

.popover-info-integrations {
	background-color: var(--bg-primary);
	color: var(--font-primary);
	border:1px solid #3FAF6C;
	padding: 2px 20px;
	max-width: 300px;
}

.popover-info-integrations img {
	max-width: 260px;
	max-height: 170px;
	padding: 1px;
	border: 1px solid #CCC;
	margin-top: 15px;
}

.popover-info-integrations a.carousel-control {
	width: 9%;
}

.popover-info-integrations .item {
	margin-bottom: 10px;
	margin-top: 10px;
}

.field-name-info {
	color: #68BF87 !important;
	font-size: 19px !important;
	margin-bottom: 15px !important;
}

.titulo-configuracao {
	height: 55px !important;
	background-color: #666 !important;
	color: #FFF;
	font-weight: bold;
	font-size: 13pt;
	display: flex;
}

.configuracoes-integracoes div {
	display: flex;
	align-items: center;
	/*height: 100%;*/
}

.integration-form .page-block button.btn-wh-100,
.containerConfiguracoesLoja button.btn-wh-100 {
	width: 100px;
	margin-bottom:5px;
	margin-left: 15px;
}

.integration-form .button-test-integration button,
.containerConfiguracoesLoja .button-test-integration input {
	min-width: 100px;
	width: auto !important;
	padding: 0px 10px;
}

.containerConfiguracoesLoja #callbacks .item-form-toggle {
	margin-top: 10px;
	margin-bottom: 5px;
}

.containerConfiguracoesLoja #callbacks #callbackEstoque, .containerConfiguracoesLoja #callbacks #callbackSituacaoVenda, .containerConfiguracoesLoja #callbacks #callbackSituacaoNotaFiscal {
	display: none;
}

#formDadosConfiguracaoIntegracaoLojaVirtual .group-item-form {
	/*min-height: 378px;*/
	min-height: 220px;
}

.recursoIntegracao span{
	font-size: 12pt;
	font-weight: bold;
	line-height: 17px !important;
}

.recursoIntegracao span{
	margin-left: 8px;
}

.configuracoes-integracoes .border-left {
	border-right: 1px solid #dcdcdc;
}
.configuracoes-integracoes .painel-helper {
	list-style: none;
	width: 56px;
	padding-right: 7px;
	text-align: center;
	margin-right: 8px;
	margin-top: 8px;
	float: left;
}

.configuracoes-integracoes .row {
	height: 100px;
	margin: 0 15px;
	background-color: #E7E7E7;
	border-bottom: 1px solid var(--hairline-regular);
}

.configuracoes-integracoes img {
	margin-bottom: 5px;
	height: 30px;
	width: 30px;
}
.configuracoes-integracoes span.label-recursos {
	margin-top: 6px;
	line-height: 12px;
	display: block;
}
.configuracoes-integracoes span.label-seta {
	float: left;
	margin-right: 10px;
	font-family: Arial;
	margin-top: 0px;
}
#containerFuncionalidades .parametros-integracao {
	display: block;
	height: auto;
}

#containerFuncionalidades .parametros-integracao div {
	flex-flow: row;
	background-color: #FFF;
	margin:0;
	min-height: 30px;
}

.parametros-integracao {
	border: 1px solid var(--hairline-regular);
}

.parametros-integracao .row:last-child {
	border-bottom:0;
}

.parametros-integracao .text-errors {
	padding-left: 12px;
	position: absolute;
	top: 15px;
}

.parametros-integracao textarea {
	height: 70px;
	resize: none;
}

.parametros-integracao .has-textarea {
	height: 90px !important;
}

.row .parametros-integracao {
	display: block;
	height: auto;
	background-color: #FFF;
	color: var(--font-primary);
}

.row .parametros-integracao .row {
	background-color: var(--bg-primary);
	height: 45px;
}

.row-list {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin: -1px -20px -1px -20px;
}

.section-content-list {
	padding: 0 20px 0 20px !important;
	color: var(--font-primary);
}

.setaIntegracao {
	font-size: 11pt;
	color: #999;
	text-align: right;
	position: relative;
	float: right;
	cursor: pointer;
	justify-content: flex-end;
	padding-right: 20px;
	padding-top: 35px;
	/*width: 150px;*/
}

.setaIntegracao i {
	margin-top: 6px;
	margin-bottom: 10px;
}

.page-block #message-tests {
	margin-bottom: 20px;
	padding: 0;
}
.table-list tbody,
.table-list tr{
	width: 100%;
}

.table-list > tbody > tr {
	cursor: pointer;
	border-bottom: 1px solid var(--hairline-regular);
}

.table-list > tbody > tr:hover {
	background-color: var(--content-primary--shade--one);
}

.table-list img {
	height: 30px;
}

.integration-item {
	margin: 5px 10px;
	display: flex;
	align-items: center;
	border: 1px solid var(--hairline-regular);
	height: 40px;
	font-size: 7pt;
	cursor: pointer;
	flex-basis: calc(16.67% - 21px);
}

.__bling-dark .integration-item {
	background: white;
	border-radius: 5px;

}

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

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

}

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

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

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

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

.integration-item img {
	object-fit: contain;
	max-height: 35px;
	width:150px;
}

.integracao-area {
  border: 1px solid var(--hairline-regular);
  margin: 0px 5px 0 0px;
  padding: 20px 0px 20px 0px;
}

.integration-item:hover i {
	color: #3FA36C;
	transition: 0.2s;
}

.integration-item:hover {
	border:1px solid #3FA36C;
	transition: 0.2s;
}

.integration-item i {
	font-size: 18pt;
	color: #CCC;
	width: 40px;
}

.__bling-dark .integration-item i {
	color: #3b3b3b;
}

.logo-area {
	width: 160px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.containerConfiguracoesLoja span {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.integration-form .icon-copy,
.containerConfiguracoesLoja .icon-copy {
	position:absolute;
	bottom:7px;
	right:25px;
	cursor:pointer;
	font-size:14pt;
}

.disabled {
	opacity: 0.4;
}

.manual-lojas > div {
	border: 1px solid var(--hairline-regular);
	background-color: var(--bg-tertiary);
}

.manual-lojas img {
	width: 40px;
	height: 40px;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
	margin-right: 30px;
}

.manual-lojas h3,
.manual-lojas p {
	font-family: 'Arial';
}
.manual-lojas h3 {
	font-weight: bold;
	font-size: 13pt;
	color: var(--font-primary--shade--two);
	margin-bottom: -5px;
}

.manual-lojas p {
	font-size: 10pt;
	color: var(--font-primary);
}

.manual-lojas a {
	color: var(--link-primary);
}

.container-integrations {
	font-size: 11pt;
	color: var(--font-primary);
}

.container-integrations td {
	overflow-wrap: break-word;
}

.container-integrations > tbody td:first-child {
	width: 40px;
}

.container-integrations > tbody td > img {
	margin-right: 10px;
	width: 30px;
	height: 30px;
}

.container-integrations > tbody td > .ico-logistica {
	float: none;
	width: 30px;
	height: 30px;
}

.container-integration-group {
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
}

.integration-group {
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 10px;
}

.integration-group > .title {
	display: flex;
	flex-basis: 100%;
	margin-top: 5px;
}

.integration-group > .title > h2 {
	color: var(--font-primary--shade--two);
	padding: 0px 0 8px 0;
	margin: 5px;
}

span[data-toggle='popover'] {
	cursor: pointer;
}

.container-integrations {
	table-layout: fixed;
}

.container-integrations thead {
	display: table-caption;
	background-color: var(--content-primary--shade--one);
	font-weight: bold;
	font-size: 12pt;
}

.container-integrations thead tr {
	display: table-row-group
}

.integration-form {
	margin-left: 0;
}

.integration-form > #left-bar {
	margin-top: 0;
	max-width: inherit;
}

.integration-form > #left-bar h3 {
	padding: 10px 5px;
	cursor: pointer;
}
.integration-form > #left-bar h3:first-child {
	border-top: 1px solid var(--hairline-regular);
}

.integration-form > #left-bar h3.selected:hover {
	background-color: #3faf6c;
}

.integration-form > #left-bar ul {
	margin-bottom: 0;
}

.integration-form .page-block {
	margin-bottom: 80px;
	min-height: 500px;
}

.integration-form .page-block > .group-item-form {
	margin: 10px 0 15px;
	min-height: 220px;
}

.integration-form .page-block > .group-item-form .label-item-form,
.integration-form .page-block > .group-item-form .label-item-form-contato-rapido,
.integration-form .page-block > .group-item-form .label-item-form-toggle {
	margin-top: 8px;
}

.integration-form .page-block > .group-item-form .label-item-form + .label-item-form-input {
	float: left;
	padding: 0;
	margin: 8px 0 0 0;
	width: 100%;
}

.integration-form .page-block > .group-item-form .label-item-form-contato-rapido {
	display: block;
}

.integration-form .page-block > .group-item-form .tinymce > .label-item-form {
	float: none;
	margin-bottom: 3px;
}

.integration-form .page-block > #containerActions {
	margin-bottom: 15px;
}

.integration-form .page-block > .group-item-form > h2 {
	margin: 1em 0;
	color: var(--font-primary--shade--two);
	font-style: 13pt;
}

.integration-form .page-block .manual-lojas > div {
	border: 1px solid var(--hairline-regular);
	background-color: var(--bg-tertiary);
}

.integration-form .page-block .manual-lojas a {
	color: var(--link-primary);
}

.integration-form .page-block > #section_servicos_entrega .row input.ui-autocomplete-input {
	margin-top: 3px;
	padding: 0px 11px;
	border: 1px solid #999;
	height: 30px;
	background: #fff;
	color: #3f3d3d;
	font-size: 9pt;
}

.integration-form .page-block > #section_servicos_entrega .row input.ui-autocomplete-input + .contato-rapido-icones {
	top: 30% !important;
}

.integration-form .page-block > #section_servicos_entrega div > button.btn-secundary-novo {
	float: none;
	width: 115px;
}

.integration-form .page-block > #section_servicos_entrega .group-form div.tagsinput {
	border: none;
	background: transparent;
}

.integration-form .page-block > #section_servicos_entrega .group-form div.tagsinput > div[id$=addTag] {
	padding: 6px 0 0;
}

.integration-form .page-block > #section_servicos_entrega .group-form div.tagsinput > div[id$=addTag] input {
	padding: 0 5px;
	width: 112px !important;
}

.integration-form .page-block > .group-item-form .row .radio-block {
	float: left;
	display: block;
	margin-top: 3px;
	width: 100%;
}

#listaIEs tbody {
	background-color: transparent;
}

#listaIEs thead {
	background: #E8E8E8;
  color: #999999;
}

#listaIEs {
	margin-bottom: 5px;
}

#listaIEs #linhaInclusaoIE:hover {
	background-color: transparent;
}

#listaIEs tbody td {
	padding:8px 8px 2px 8px
}

.fixed_headers {
  table-layout: fixed;
  border-collapse: collapse;
}
.fixed_headers th,
.fixed_headers td {
  padding: 5px;
  text-align: left;
}
.fixed_headers thead tr {
  display: block;
  position: relative;
}
.fixed_headers tbody {
  display: block;
  overflow: auto;
  width: 100%;
}
.old_ie_wrapper {
  overflow-x: hidden;
  overflow-y: auto;
}
.old_ie_wrapper tbody {
  height: auto;
}
.alert-mini-box {
	position: relative;
	color: transparent;
	display: block;
	padding: 10px 30px;
	width: 100%;
}
.alert-mini-box:before {
	font-family: 'Font Awesome 5 Free';
	font-size: 15pt;
	left: 0px;
	position: absolute;
	font-weight: 900;
}
.alert-mini-box p,
.alert-mini-box span,
.alert-mini-box {
	color: #666666;
	font-size: 8pt;
	margin: auto;
}
#boxFormaPagamentoUtilizadas .tagsinput input {
	width: 112px !important;
}

#filtro_categoria {
	width: 96%;
}

.origem-link {
	padding: 6px;
	font-size: 11pt;
	display: block;
	margin-bottom: 0;
}

.input-destaque {
	background: #E5FBC6 !important;
}

#periodicidade-multi-select{
	margin:0 auto;
	width: fit-content !important;
}

.multi-option li{
	font-family: "Arial";
	float: left;
	padding:10px;
	background: #e8e8e8;
	border: 1px solid #e8e8e8;
	cursor: pointer;
}

.multi-option li{
	background: #fff;
	border: 1px solid #dedada;
	border-left: 1px solid #f7f6f6;
	border-right: 1px solid #f7f6f6;
 	color:#666;

 	margin-right: -1px;
}

.multi-option li:hover{
	background: #e8e8e8;
	border: 1px solid #e8e8e8;
	cursor: pointer;
}

.multi-option li.selected{
	background: #3faf6c;
	border:1px solid #3faf6c;
	border-left: 1px solid #49B776;
	border-right: 1px solid #49B776;
	color:#fff;
}

.multi-option li.selected:hover{
	background: #49B776;
	border:1px solid #49B776;
	border-left: 1px solid #3faf6c;
	border-right: 1px solid #3faf6c;
	color:#fff;
}

 .form-label-info{
	line-height: 28px;
	font-size: 14px;
	width: 100%;
	color:#666666;
	margin-top: 0;
	height: 23px;
 }

 .inline-label-info{
	padding: 7px;
	color: #666;
	font-size: 12px;
	padding-right: 3px;
 }

 .inline-label-value{
 	font-weight: bold;
 	font-size: 15px;
 }

#upgrade-storage .text{
	color: #666;
}

#upgrade-storage .title{
	font-weight: bold;
	font-size: 28px;
}

.ok-full-message {
	background-color: var(--bg-secondary);
	height: 100%;
	top: 44px;
	padding-top: 65px;
	min-height: 711px;
	width: 100%;
	font-family: Arial;
	position: absolute;
	z-index: 3;
}

.ok-full-message .message-container {
	color: var(--font-primary--shade--one);
	text-align: center;
	top: 50%;
	position: relative;
	margin-top: -279px;
}

.ok-full-message .message-container h3 {
	font-size: 27pt !important;
	text-align: center !important;
	font-weight: bold;
	color: var(--font-primary--shade--one) !important;
	margin: 8px 0 0 0;
}

.ok-full-message #storage-icon {
	top: 16px;
	position: relative;
	width:50px;
	cursor: pointer;
}

.ok-full-message #storage{
	cursor: pointer;
}

.ok-full-message .image-alert {
	width: 436px;
	margin-top: 49px;
	margin: 0 auto;
}

.ok-full-message #image-upgrade{
	width:269px;
	margin: 0 auto;
	margin-top: -40px;
}

.new-search-action {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #37A661;
	border-color: #37A661;
	color: #FFF;
	width: 40px;
	height: 30px;
}

.new-search-action:hover {
	background-color: #B1B1B1;
}

.new-search-action span {
	margin-left: 5px;
}

.search > #search-input {
	width: 35%;
}

.feedback-thumbs {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 25px;
	margin: 7px 0;
	cursor: pointer;
	border-radius: 3px;
}

.feedback-thumbs i {
	font-size: 12pt;
	color: #999;
}

.feedback-thumbs:last-child {
	margin-left: 15px;
}

.feedback-thumbs:hover {
	background-color: #BFDBCB;
}

.container-feedback {
	position: absolute;
	bottom: 44px;
	right: 16px;
	z-index: 10;
	left: 12px;
	border: 1px solid #F8F2F2;
	border-radius: 10px 10px 0 0;
	padding: 2px;
	background: #F8F2F2;
	color: #fff;
	text-align: center;
}

.container-feedback .option {
	padding: 6px;
	margin-left: 7px;
	color: #4599CA;
	cursor: pointer;
}

.container-feedback .option:hover,.container-feedback .option.selected {
	cursor: pointer !important;
	color: #4599CA;
	border: 1px solid #4599CA;
	padding: 5px;
}

.container-feedback label {
	font-weight: normal;
}

.container-feedback span {
	font-size: 10px;
	color: #707070;
	font-weight: bold;
}

.container-feedback #textarea-feedback {
	resize: none;
	overflow: hidden;
	height: 30px;
	padding: 6px;
	line-height: 12px;
}

.container-feedback #enviar-feedback {
	width: 89px;
	text-align: center;
}

.container-feedback #enviar-feedback span{
	color: #fff;
	margin-right: 0px;
}

.feedback-thumb-selected {
	background-color: #3FAF6C;
}

.feedback-thumb-selected i,
.feedback-thumb-selected span {
	color: #FFF;
}

.feedback-thumb-selected:hover {
	background-color: #3FAF6C;
}

.feedback-thumb-selected:hover i {
	color:#FFF;
}

#menu-mobile {
	background: #3F3D3D;
	box-shadow: 1px 0.5px 8px #888888;
	border-bottom: 3.5px solid #3FAF6C;
	position: fixed;
	top: 0;
	height: 40px;
	left: 0;
	right: 0;
	z-index: 100;
}

#menu-mobile i {
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
	cursor: pointer;
}


#comentarios-form #comentario {
	overflow: hidden;
	height: auto;
	width:100%;
	resize: none;
	padding-right: 41px;
	margin-bottom: 10px;
	float:none !important;
}

#comentarios-form #enviar-comentario {
	width: 40px;
	text-align: center;
	position: absolute;
	right: 2px;
	bottom: 14px;
}

#comentarios-form {
	position: relative;
	min-height: 200px;
}

#comentarios-form #comentarios .fa-trash {
	top: 6px;
	position: absolute;
	right: 9px;
	color: #666;
	font-size: 12px;
	cursor: pointer;
	display: none;
}

#comentarios-form #comentarios span {
	color: #666;
}

#comentarios-form #comentarios p {
	margin: 3px 0px 2px 7px;
}

#comentarios-form #comentarios div.item {
	position: relative;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

#comentarios-form #comentarios div.item:last-child {
	border-bottom: none;
}

#comentarios-form #comentarios div.item:hover .fa-trash {
	display: block;
}

#comentarios-form #baseComentarios,#comentarios-form #comentarios {
	position: relative;
}

#datatable td img {
	height: 14px;
	width: 14px;
	margin-right: 2px;
}

#lista_horarios table thead tr th.hora{
	width: 70px;
}

#lista_horarios table thead tr th.dias{
	width: 24px;
	padding-left: 5px;
}

.titulo-sidebar {
	border-bottom: 1px solid white;
	color: var(--font-primary) !important;
	font-size: 13pt !important;
	margin-bottom: 15px;
}
.sidebar-aviso-customizado {
	border-bottom: 1px solid #e1ce81;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
}
.texto-sidebar-customizado {
	margin-left: 15px;
	margin-right: 15px;
}
.imagem-aviso-sidebar {
	max-width: 70px;
	max-height: 70px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.toggle-advanced-opt p {
	margin-bottom: 0px;
}

.color-options {
	color: #3FAF6C;
}

#gridValoresAtributos .table-foot {
	font-weight: normal;
}

#gridValoresAtributos .table-row {
	height: 28px;
	color: #000;
}

#gridValoresAtributos .table-body .table-cell,
#gridValoresAtributos .table-cell-center,
#valorAtributoTmp .table-cell input {
	padding: 4px;
	font-size: 12px;
}

#valorAtributoTmp .table-cell {
	padding: 0 !important;
}

#valorAtributoTmp .tableIcon {
	margin-right: 8px;
}

#datatable table .marcadores a {
	text-decoration: none;
}

.box-question {
	float: right;
	border: 1px solid #CCC;
	padding: 16px 25px 18px 16px;
	border-radius: 5px;
}

.box-question .box-icon {
	float: left;
	margin-right: 13px;
	font-size: 20px;
	color: #C89015;
}

.box-question .box-text {
	float: right;
}

.box-question .box-text .box-title {
	font: 12px Arial;
	margin-bottom: 6px;
}

.box-question .box-text .box-message {
	font: 12px/14px Arial;
}

.table-fixed-header th {
	position: sticky;
	top: 0;
	background: #fff;
	z-index: 1;
}

.table-fixed-header sup {
	z-index: 0;
}

#boxPedidos tr:nth-child(odd) {
	background: var(--bg-primary);
}
#boxPedidos tr:nth-child(even) {
	background: var(--bg-primary);;
}

#tableItensPedido {
	color: #676868;
}

#tableItensPedido th {
	background-color: var(--content-primary);
	height: 25px;
	color: #999;
	font-size: 9pt;
}

#tableItensPedido td {
	color: var(--font-primary);
	background-color: var(--bg-primary);
}

td[id^="foto_zoom"].no-image:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f030";
	font-size: 20pt;
	color: #d6d4d4;

}

td[id^="foto_zoom"].no-image {
	border: 1px solid var(--hairline-regular);
	border-radius: 0;
	margin-left: 15px;
	min-height: 50px;
	margin: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	cursor: default;
}

td[id^="foto_zoom"],
#gritens tbody tr td[id^="operacoes"] i:hover {
	cursor: pointer;
}

div#cadastro div.row {
	margin-bottom: 5px;
}

div#cadastro .button-test-integration {
	margin-top: 15px;
}

.table-column-info {
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.editor-preview ol li {
	font-weight: initial;
}

#info_status div[class^="useful-info"],
#integration_status div[class^="useful-info"] {
	min-height: 55px;
}

#info_status div[class^="useful-info"]:before,
#integration_status div[class^="useful-info"]:before {
	top: 14px;
}

#info_status h3,
#integration_status h3 {
	margin-top: 5px;
	font-size: 12pt;
	display: inline-block;
	color: var(--font-primary);
}

#info_status .useful-info-success h3 {
	color: #3faf6c;
}

.scan-code, .scan-tracking-code {
	position: absolute;
	right: 3px;
	top: 18px;
	width: 24px;
	height: 24px;
	background-color: #E8E8E8;
	border: 1px solid #999;
	padding: 0;
	color: #3F3D3D;
}

.scan-code:after,
.scan-tracking-code:after,
.scan-barcode:after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 9pt;
	content: '\f02a';
}

.badge, .word-break {
	word-break: break-all;
}

.alert-box-search {
	border: 1px solid #B8B8B9;
	border-radius: 3px;
}

.suporte-videos-container {
	height: 115px;
	background-size: 187px 116px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.suporte-videos-container:hover {
	opacity: 0.7;
}

.suporte-videos-container img:not(.play-video-icon) {
	height: 100%;
	width: 100%;
	filter: brightness(70%);
}

.suporte-videos-container .play-video-icon {
	position: absolute;
	height: 50px;
}

.alert-box-search:before {
	content: url(images/noun_talk.svg);
}

/* ERRO 500 */
#card-error-500 {
	max-width: 1000px;
	max-height: 446px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: var(--bg-primary);
	float: left;
	display: flex;
	min-width: 384px;
	font-family: "Gilroy-Regular";
	color: var(--font-primary);
}

#card-error-500 #left-container {
	display: table;
	float:left;
	height: 100%;
	width: 30%;
}

#card-error-500 .t-cell {
	display: table-cell;
	vertical-align: middle;
}

#card-error-500 #right-container {
	height: 100%;
	width: 70%;
	vertical-align:middle;
	display: table;
	float: left;
	/* text-align: center; */
}

#card-error-500 #right-container .t-cell > div {
	max-width: 628px;
	height: 236px;
}

#card-error-500 .title-500 {
	font-size: 30px;
	font-family: "Gilroy-Bold";
}

#card-error-500 .text {
	font-size: 20px;
}

#card-error-500 button {
	font-weight: bold;
	color: #55be71;
	border-radius: 6px;
	font-size: 10pt;
}

#card-error-500 #logo-small {
	float: right;
}

#card-error-500 .btn-tentar-container {
	position: relative;
	bottom: -62px;
}
/* fim ERRO 500 */

/* Font Gilroy */
@font-face {
	font-family: 'Gilroy-Bold';
	src: url('font/gilroy/Gilroy-Bold.ttf');
}

@font-face {
	font-family: 'Gilroy-Regular';
	src: url('font/gilroy/Gilroy-Regular.ttf');
}
/* Fim Font Gilroy */

.alert-box-search:before {
	content: url(images/noun_talk.svg);
}

#contato-rapido-container {
	min-width: 350px;
}

/* Início Card espaço - dashboard */
.espaco-card {
	font-family: Arial, Helvetica, sans-serif;;
}

.card-espaco-content {
	font-size: 14px;
	color: #767676;
}

.card-espaco-header {
	width: 100%;
	height: 39px;
	background-color: #F8F7F8;
	margin-bottom: -4px;
	position: relative
}

.card-espaco-header .header-text-container {
	position: absolute;
	bottom: 0;
	left: 10px;
	color: #707070;
	font-weight: bold;
}

.card-espaco-header .header-text-container .percent-number-container {
	max-width: 55px;
}

.card-espaco-header .header-warning {
	max-width: 315px;
	padding-left: 5px
}

.espaco-card a.link-mudar-plano {
	font-weight: bold;
	font-size: 11px;
}

.espaco-card .card-espaco-body-content {
	position: relative;
	height: 100%;
	width: 100%;
	text-align: center;
}

.espaco-card #bar-espaco {
	width: 100%;
	height: 6px;
}

.espaco-card #bar-espaco .bar-filled,
.espaco-card #bar-espaco .bar-remaining,
.card-espaco-header .header-text-container .percent-number-container,
.card-espaco-header .header-warning {
	display: inline-block;
	height: 100%;
}

.espaco-card #bar-espaco .bar-remaining {
	background-color: #CBCBCB;
}

.espaco-card .font-small {
	font-size: 10px;
}

.espaco-card .font-medium {
	font-size: 14px;
}


.espaco-card .font-large {
	font-size: 22px;
}

/* Fim Card espaço - dashboard*/

.boxing-block {
	background-color: var(--bg-primary);
	margin-top: 10px;
	border: 1px solid var(--hairline-regular);
}

.boxing-block:first-child {
	margin-top: 0;
}

.boxing-block .block-inner {
	padding: 0px 35px 35px 35px;
}

.boxing-block .titulo {
	color: rgba(69,72,77,1);;
	font-size: 15px;
	font-weight: normal;
	padding: 10px 0 8px;
	margin: 0 0 8px;
	width: 100%;
	font-family: 'Verdana', sans;
	box-shadow: 0 1px 1px -1px #afafaf;
	cursor: auto;
}

#sacola_vendas {
	position: relative;
	color: #49B776;
}

#sacola_vendas[data-qty="0"] {
	color: var(--font-primary--shade--two);
}

#sacola_vendas:after {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border-radius: 9px;
	background-color: #C91818;
	color: #FFF;
	font-size: 8pt;
	font-weight: bold;
	position: absolute;
	top: -9px;
	right: -9px;
	content: attr(data-qty);
}

#sacola_vendas[data-qty="0"]:after {
	display: none;
}

#gerar_venda {
	margin: 0;
	width: 100%;
}

.toast .toast-message button {
	border: 1px solid #FFF;
}
/* Abas listagem de produtos */

#navbarList > ul > li.navbar-action-container-item {
	position:relative;
	float: right;
	margin-top: -10px;
	display: none;
}

.webinar-content {
	display: flex;
	font-family: 'Gilroy-Regular';
	margin-top: 10px;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.webinar-content a {
	text-decoration: none;
	font-family: 'Gilroy-Regular';
}

div.webinar-content + span + a {
	display: block;
	text-align: center;
	font-size: 14px;
	margin-top: 10px;
	text-decoration: none;
}

div.webinar-content + span.webinar-message {
	margin-top: 32px;
}

.webinar-title {
	font-size: 24px;
	color: var(--font-primary);
	text-align: center;
	margin-top: 20px;
	font-family: 'Gilroy-Regular';
}

.webinar-message:not(a) {
	display: block;
}

 .webinar-message {
	color: var(--font-primary);
	font-size: 15px;
	text-align: center;
	display: block;
	font-family: 'Gilroy-Regular';
}

.webinar-item {
	border: 1px solid var(--hairline-regular);
	border-radius: 5px;
	margin-right: 32px;
	width: 175px;
	height: 145px;
	text-align: center;
	flex-shrink: 1;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.webinar-item img {
	margin-bottom: 10px;
}

.webinar-item h2 {
	font-size: 15px;
	color: var(--font-primary);
}

.webinar-item p {
	font-size: 12px;
	color: var(--font-primary);
	margin: 5px 0;
}

.webinar-item-live img {
	width: 40px;
	margin-bottom: 5px;
}

.webinar-item-live p {
	color: var(--font-primary);
	font-size: 13px;
	font-weight: normal;
	margin-top: 5px;
}

.badge.context-actions {
	margin-top: 5px;
	display: inline-flex;
	align-items: center;
	height: 30px;
	border-radius: 10px;
	border-color: #E5E5E5;
}

.badge.context-actions:hover:not(.disabled) {
	background-color: #E5E5E5;
	border-color: #CCCCCC;
	cursor: pointer;
}

.badge.context-actions.title-badge {
	display: inline-block;
}

.badge.context-actions i {
	margin-left: 5px;
}

.badge.context-actions.disabled {
	opacity: 0.6;
}

.badge.context-actions.disabled:hover * {
	cursor: default;
}

.listas-precos table td {
	height: 28px;
	padding-left: 5px;
}

.listas-precos table {
	margin-left: 8px;
}

.listas-precos button {
	margin-left: 8px;
}

.preco-venda-atributo-produto {
	position: relative;
}

.preco-venda-atributo-produto #add_listaVar {
	position: absolute;
	left: 72px;
	width: 150px;
}

#tabela_formacao_precos_lojas .table-cell {
	height: 32px;
}

.font-text-info-duplicata {
	font: normal normal normal 12px/18px Arial;
	color: #000;
	font-size: 14px;
}

.button-create-bank-account {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	font-weight: bold;
	box-shadow: 0px 1px 3px #00000029;
	opacity: 1;
	outline: none;
	color: #727273;
	border: 1px solid #ECEDEF;
	border-radius: 4px;
	width: 19%;
	height: 40px;
	margin-top: 5px;
	margin-right: 5%;
}
.button-create-bank-account:hover {
	background-color: #01D67C;
	color: white;
}

.font-title-conta-contabil {
	text-align: left;
	font: normal normal normal 24px/34px Gilroy-Bold;
	letter-spacing: 0px;
	color: var(--font-primary);
	opacity: 1;
}

.font-subtitle-conta-contabil {
	font: normal normal normal 16px/24px Gilroy-Bold;
	left: 32px;
	height: 16px;
	letter-spacing: 0px;
	color: var(--font-primary);
	opacity: 1;
	margin-top: 0px;
}

.font-text-conta-contabil {
	letter-spacing: 0px;
	text-align: left;
	font: normal normal normal 12px/18px Arial;
	letter-spacing: 0px;
	color: var(--font-primary);
	opacity: 1;
}

.button-configurar-conta-contabil {
	border: 1px solid var(--unnamed-color-cccccc);
	background: var(--content-primary) 0% 0% no-repeat padding-box;
	border: 1px solid var(--hairline-regular);
	border-radius: 8px;
	opacity: 1;
	width: 101px;
	height: 32px;
	font: normal normal normal 12px/13px Gilroy-Bold;
	color: var(--font-primary);
	margin-left: 5px;
}

.box-moip-configuration {
	width: 190px;
	height: 150px;
	margin-bottom: 40px;
}

.box-configurar-nova-conta-contabil {
	margin-top: 50px;
	margin-bottom: 20px;
}

.borda-redonda {
	border-radius: 5px;
}

.text-nova-conta-contabil-select {
	text-align: left;
	font: normal normal bold 12px/18px Arial;
	letter-spacing: 0px;
	color: #01CC77;
	opacity: 1;
}

#mensagem_erro_nfe h4 {
	color: #666;
}

#gridImagensExternasVar.sortable-list td:first-child,
#gridImagensExternas.sortable-list td:first-child,
#gridItensVariacao.sortable-list td:first-child {
	background-color: var(--bg-primary) !important;
	background: var(--bg-primary) !important;
}

.ui-dialog-newest {
	border: none;
	background-color: var(--bg-primary) !important;
	background-image: unset !important;
	padding: 0;
	outline: none;
	border-radius: var(--orbe-rounded-lg);
}

.ui-dialog-newest .ui-dialog-content {
	padding: 15px;
	min-height: 90px !important;
	color: var(--font-primary);
}

.ui-dialog-newest .ui-dialog-buttonpane button:not(.Button) {
	outline: none;
	display: inline-block;
	vertical-align: top;
}

.ui-dialog-newest button:disabled {
	background-color: #77E2B6 !important;
	border-color: #77E2B6 !important;
}

.ui-dialog-newest .ui-dialog-buttonpane button:not(.ui-button-icon-only):not(.Button) {
	font: normal normal normal 12px/13px Gilroy-Bold !important;
	border: none;
	background: #2fac66;
	color: #FFFFFF;
	border-radius: 8px !important;
	min-width: 80px !important;
	min-height: 32px !important;
	opacity: 1 !important;
	margin-left: 15px !important;
	float: right;
}

.ui-dialog-newest .ui-dialog-buttonpane button:not(.Button):hover {
	background-color: #49B476 !important;
	border-color: #49B476 !important;
}

.ui-dialog-newest .ui-dialog-buttonpane .button-cancel:not(.Button):hover {
	background-color: var(--brand-primary--background) !important;
	color: #2fac66 !important;
}

.ui-dialog-newest .ui-dialog-buttonpane .button-cancel:not(.Button) {
	border: 1px solid #2fac66 !important;
	background: var(--bg-primary) !important;
	color: #2fac66 !important;
	text-transform: lowercase !important;
}

.ui-dialog-newest .ui-dialog-buttonpane .button-cancel:first-letter {
	text-transform: capitalize;
}

.ui-dialog-newest button:disabled,
.ui-dialog-newest button:disabled:hover {
	background-color: #77E2B6 !important;
	border-color: #77E2B6 !important;
	cursor: default;
}

.ui-dialog-newest .ui-button-icon-only {
	background-image: url(../images/fechar-dialog-icone-gray.svg) !important;
	border: none;
	height: 16px;
	width: 16px !important;
	background-color: var(--bg-primary) !important;
	font-size: 13px !important;
	background-repeat: no-repeat;
	margin-top: 0;
	top: 16px;
	right: 16px;
	position: absolute;
}

.ui-dialog-newest .ui-button-icon-only > span {
	visibility: hidden;
}

.ui-dialog-newest .ui-dialog-title {
	font-size: 20px;
	line-height: 36px;
	font-family: var(--font-family-primary);
	color: var(--font-primary);
}

.ui-dialog-newest .ui-dialog-content {
	background: var(--bg-primary);
	border: none !important;
	height: auto;
	overflow-x: hidden;
}

.ui-dialog-newest .ui-dialog-buttonset {
	vertical-align: top !important;
	padding-bottom: 10px;
}

.ui-dialog-newest .ui-dialog-buttonpane .ui-button-text {
	text-transform: initial !important;
	display: inline;
}

.ui-dialog-newest p {
	font: normal normal normal 13px/19px Arial !important;
}

.ui-dialog-newest > div, .ui-dialog-newest > form {
	box-shadow: none !important;
}

.ui-dialog:not(.ui-dialog-newest),
.ui-dialog:not(.ui-dialog-newest) .ui-widget-content,
.ui-dialog:not(.ui-dialog-newest) .ui-dialog-titlebar {
	background-color: var(--bg-primary) !important;
	color: var(--font-primary);
}

.ui-dialog:not(.ui-dialog-newest) .ui-widget-content h3,
.ui-dialog:not(.ui-dialog-newest) .ui-widget-header span {
	background-color: var(--bg-primary) !important;
	color: var(--font-primary);
}

.ui-dialog:not(.ui-dialog-newest) .ui-widget-content textarea,
.ui-dialog:not(.ui-dialog-newest) .ui-widget-content input:not(.button-default),
.ui-dialog:not(.ui-dialog-newest) .ui-widget-content select {
	color: var(--font-primary--shade--one);
	background-color: var(--content-primary) !important;
	border-color: var(--hairline-regular);
}

.ui-dialog:not(.ui-dialog-newest) .ui-widget-content p,
.ui-dialog:not(.ui-dialog-newest) .ui-widget-content label {
	color: var(--font-primary);
}

#popup_tipo_cobranca .content {
	width: 100%;
	text-align: center;
	display: block;
}

#popup_tipo_cobranca .content {
	text-align: center;
	font-weight: bold;
	letter-spacing: 0px;
	color: var(--font-primary);
	opacity: 1;
}

#popup_tipo_cobranca .content .transactions-type {
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding: 41px;
}

#popup_tipo_cobranca .content .transaction,
#popup_tipo_cobranca .content .transaction:focus {
	position: relative;
	width: 162px;
	height: 236px;
	background: var(--bg-primary) 0% 0% no-repeat padding-box;
	border: 1px solid var(--hairline-strong);
	border-radius: 5px;
	opacity: 1;
	margin-right: 8px;
	padding: 0;
	color: var(--font-primary);
	outline: none;
}

#popup_tipo_cobranca .content .transaction:hover {
	cursor: pointer;
	border: 2px solid var(--brand-primary);
}

#popup_tipo_cobranca .content .transaction:disabled {
	border: 1px solid var(--font-primary);
	opacity: 0.3;
}

#popup_tipo_cobranca .content .transaction img {
	padding-top: 35%;
	width: 110px;
	height: 110px;
}

#popup_tipo_cobranca .content .transaction p {
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
	letter-spacing: 0px;
	color: var(--font-primary);
	opacity: 1;
	padding-top: 40%;
	padding-left: 0;
}

.action-links p,
.action-links a {
	text-decoration: none;
	font: 12px/14px Arial;
	font-weight: bold;
	letter-spacing: 0px;
	color: #05AAE9;
	opacity: 1;
}

.modal-google-title {
	top: 148px;
	left: 472px;
	width: 336px;
	height: 22px;
	text-align: center;
	margin-left: 21%;
	font: normal normal normal 24px/34px Gilroy-Bold;
	letter-spacing: 0px;
	color: #37A661;
	opacity: 1;
}

.modal-google-text {
	top: 202px;
	left: 434px;
	width: 412px;
	height: 14px;
	margin-left: 11%;
	text-align: center;
	font: normal normal normal 16px/16px Gilroy-Regular;
	letter-spacing: 0px;
	color: #666666;
	opacity: 1;
}

.modal-google-big-title {
	top: 225px;
	left: 462px;
	width: 354px;
	height: 23px;
	margin-left: 16%;
	text-align: center;
	font: normal normal normal 24px/34px Gilroy-Bold;
	letter-spacing: 0px;
	color: #37A661;
	opacity: 1;
}

.modal-google-small-title {
	top: 279px;
	left: 496px;
	width: 280px;
	height: 16px;
	margin-left: 105px;
	text-align: center;
	font: normal normal normal 16px/21px Gilroy-Bold;
	letter-spacing: 0px;
	color: #666666;
	opacity: 1;
}

.modal-google-icons {
	top: 290px;
	left: 450px;
	width: 34px;
	height: 33px;
	margin-left: 106px;
	margin-bottom: 20px;
	opacity: 1;
}

.modal-google-font {
	left: 496px;
	width: 302px;
	height: 35px;
	text-align: left;
	font: normal normal normal 12px/18px Arial;
	letter-spacing: 0px;
	color: #666666;
	opacity: 1;
}

.botao-atrito {
	display: inline-block;
	margin-left: 22px;
}

#btnAtritoCliente {
	text-transform: none;
}

.ui-widget-header {
	color: var(--font-primary);
	background: var(--bg-primary);
}

/* TODO: remover novo-produto */
#form_edicao_item_variacao {
	padding: 0;
	overflow: hidden;
}

/* TODO: remover novo-produto */
#form_edicao_item_variacao .obrigatorio-item-form,
#formProduto .obrigatorio-item-form {
	width: auto !important;
}

/* TODO: remover novo-produto */
#form_edicao_item_variacao div[data-id="produto_atributos"] {
	margin-bottom: 0;
	padding: 0 15px 15px 25px;
	margin-left: 158px;
	overflow-y: auto;
	max-height: 460px;
}

/* TODO: remover novo-produto */
#form_edicao_item_variacao {
	height: 460px !important;
}

.dados-armazenamento .ui-widget-content {
	background-color: transparent !important;
}

.dados-armazenamento .ui-progressbar-value {
	background-color: #3F576F;
}

.col-estoque-markers {
	min-width: 100px;
	text-align: right;
}

.num-ticket-sidebar span {
	color: var(--font-primary--shade--one);
}

.container-loading-ia {
	display: flex;
	max-width: 454px;
	flex-direction: column;
	border-radius: 16px !important;
	border: 1px solid var(--orbe-color-violet-500);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: linear-gradient(263.71deg, #CEC1FF -41.76%, #FFFFFF 30.2%);
	gap: var(--orbe-spacing-6);
	padding: var(--orbe-spacing-6) !important;
}

.container-loading-ia-secondary {
	display: flex;
	width: 454px;
	flex-direction: column;
	border-radius: 16px !important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	gap: var(--orbe-spacing-6);
	padding: var(--orbe-spacing-6) !important;
	border: 1px solid var(--orbe-color-teal-500);
	background: linear-gradient(256deg, #9EF7E6 -37.82%, #FFF 28.63%);
	box-shadow: 0px 4px 8px -1px rgba(73, 87, 105, 0.16), 0px 2px 4px -2px rgba(73, 87, 105, 0.16);
}

.container-loading-ia h4, .container-loading-ia-secondary h4 {
	color: var(--orbe-color-neutral-800) !important;
	font-weight: bold;
	font-size: 20px;
	font-family: Gilroy-Bold;
	margin: 0;
	padding: 0;
}

.container-loading-ia .subtitle-loading-ia, .container-loading-ia-secondary .subtitle-loading-ia {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: var(--orbe-canvas-fg-bold);
	font-weight: 400;
	padding: 0;
	margin: 0;
}

.container-loading-ia .footer-loading-ia, .container-loading-ia-secondary .footer-loading-ia {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: var(--orbe-canvas-fg-bold);
	font-weight: 400;
	padding: 0;
	margin: 0;
}

.loading-ia {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: conic-gradient(from 180deg at 50% 50%, rgba(229, 229, 229, 0) 0deg, rgba(192, 130, 255, 0.5) 180deg, #7967FF 360deg);

	position: relative;
	animation: loading-ia 1.2s infinite linear;
}

.loading-ia-secondary {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: conic-gradient(from 180deg at 50% 50%, rgba(229, 229, 229, 0) 0deg, rgba(18, 184, 162, 0.5) 180deg, #12B8A2 360deg);

	position: relative;
	animation: loading-ia 1.2s infinite linear;
}

.loading-ia::after {
	content: '';
	display: block;
	position: absolute;
	background: white;
	border-radius: 50%;
	height: 80%;
	width: 80%;
	z-index: 100;
	left: 50%;
	right: 50%;
	top: 50%;
	bottom: 50%;
	transform: translate(-50%, -50%);
}

.loading-ia-secondary::after {
	content: '';
	display: block;
	position: absolute;
	background: white;
	border-radius: 50%;
	height: 80%;
	width: 80%;
	z-index: 100;
	left: 50%;
	right: 50%;
	top: 50%;
	bottom: 50%;
	transform: translate(-50%, -50%);
}

.ia-autocompleted-border {
	border-color: var(--orbe-color-teal-400) !important;
}

@-webkit-keyframes loading-ia {
    to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes loading-ia {
    to { -moz-transform: rotate(360deg); }
}
@-ms-keyframes loading-ia {
    to { -ms-transform: rotate(360deg); }
}
@keyframes loading-ia {
    to { transform: rotate(360deg); }
}


#formRemessa .span.fa-check{
	color: var(--orbe-form-input-fg-on--checked);
}

#listaContasRemessa td {
	color: var(--font-primary);
}

#painelPeriodoCancelamentoContasVencidas table {
	color: var(--font-primary);
}

#painelPeriodoCancelamentoContasVencidas tr th {
	color: var(--font-primary--shade--one);
}

#listaServicos pre {
	background-color: transparent;
	color: var(--font-primary--shade--one);
}

#formDadosEtiqueta p {
	color: var(--font-primary--shade--one);
}

#relatorio-customizado-config .label-item-form {
	color: var(--font-primary);
}

#relatorio-customizado-config #dinamic-filter {
	background-color: var(--bg-old-container);
}

.container-more-results {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 16px;
}

.container-more-results a {
	color: var(--brand-primary);
	text-decoration: none;
	font-weight: bold;
}

.container-more-results--hidden {
	display: none;
}

#suporteBox .sidebar,
#suporteBox .linha_form,
#suporteBox h3 {
	margin: 0px;
}

.dialog-onboarding-validation .ui-dialog-titlebar {
	padding: 30px 0 0;
}
#modalOnboardingValidation #waitOnboardingValidation {
	margin-top: -35px !important;
}
#modalOnboardingValidation #waitOnboardingValidation .loading-small {
	border-width: 5px;
    width: 35px;
    height: 35px;
}
#modalOnboardingValidation h4 {
	color: var(--font-primary);
    font-family: var(--font-family-primary);
}

#table_variaveis_meli_fulfillment {
	width: 100%;
    max-width: 100%;
    margin-bottom: 0px;
	border-collapse: collapse;
    overflow: hidden;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#table_variaveis_meli_fulfillment thead tr th {
	color: #394354;
    font-size: 10pt;
	padding: 8px 26px;
    line-height: 1.42857143;
	vertical-align: bottom;
    border: 1px solid #ddd;
	border-left: 0;
	border-right: 0;
	background-color: #efefef;
	font-weight: 600;
}
#table_variaveis_meli_fulfillment thead tr th:first-child {
	border-left: 1px solid #ddd;
}
#table_variaveis_meli_fulfillment thead tr th:last-child {
	border-right: 1px solid #ddd;
}
#table_variaveis_meli_fulfillment tbody tr td {
	font-size: 9pt;
	padding: 8px 26px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #ddd;
    border-right: 0;
	border-left: 0;
}
#table_variaveis_meli_fulfillment tbody tr td:first-child {
    border-left: 1px solid #ddd;
}
#table_variaveis_meli_fulfillment tbody tr td:last-child {
    border-right: 1px solid #ddd;
}

.button-manually-sync-messages-ml {
	font: normal normal normal 12px/13px Gilroy-Bold !important;
	margin: 10px 0 15px;
}

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

#popup-exportar-relatorio #xls-cell-limit-info span {
	font: normal normal normal 13px/19px Arial !important;
}

#box_psq_customizada_obj .bling-item-form {
	font-size: 12.5px;
	color: var(--orbe-form-input-fg);
	background-color: var(--orbe-form-input-bg);
}

#formObjetoPlp #contato {
	margin-top: 0;
}

#formObjetoPlp input:read-only,
#correiosPlpForm input:read-only {
	background-color: var(--orbe-form-input-bg--disabled);
    color: var(--orbe-form-input-fg--disabled);
    border-color: var(--orbe-form-input-border--disabled);
}

#formObjetoPlp #contato ~ .contato-rapido-icones {
	top: 7px !important;
}

#slideIn-linkedItems table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 8px;
	overflow: hidden;
}

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

#slideIn-linkedItems th {
	background-color: var(--content-primary--shade--two);
	border-top: 1px solid var(--content-primary--shade--two);
	border-bottom: 1px solid var(--content-primary--shade--two);

}

#slideIn-linkedItems td {
	border-bottom: 1px solid var(--content-primary--shade--two);
}

#slideIn-linkedItems tr td:first-child,
#slideIn-linkedItems tr th:first-child {
	border-left: 1px solid var(--content-primary--shade--two);
}

#slideIn-linkedItems tr td:last-child,
#slideIn-linkedItems tr th:last-child {
	border-right: 1px solid var(--content-primary--shade--two);
}

#slideIn-linkedItems tr:first-child th:first-child {
	border-top-left-radius: 8px;
}
#slideIn-linkedItems tr:first-child th:last-child {
	border-top-right-radius: 12px;
}
#slideIn-linkedItems tr:last-child td:first-child {
	border-bottom-left-radius: 12px;
}
#slideIn-linkedItems tr:last-child td:last-child {
	border-bottom-right-radius: 12px;
}

#tooltipEcommerce .fa-info-circle {
	font-size: 8pt;
}

#tooltipEcommerce {
	display: contents;
}

.step-circle {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #CCD5E0;
    margin-right: 10px;
    display: inline-block;
}

.step-circle.active {
    background-color: #9060F0;
}