:root {
	--blue: #1e88e5;
	--indigo: #7460ee;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #fc4b6c;
	--red-dark: #e34461;
	--red-light: #fccad3;
	--orange: #fd7e14;
	--yellow: #ffb22b;
	--yellow-light: #ffe0ab;
	--green: #20c997;
	--green-dark: #1cb084;
	--green-light: #cdfff0;
	--cyan: #4fc3f7;
	--white: #fff;
	--gray: #8898aa;
	--gray-dark: #263238;
	--gray-mid: #ddd;
	--gray-light: #eee;

	--primary: #1e88e5;
	--primary-dark: #176ab3;
	--primary-light: #badfff;
	--secondary: #8898aa;
	--light: #f6f9fc;
	--dark: #263238;
	--breakpoint-md: 768px;
	--breakpoint-xl: 1200px;
	--breakpoint-xlg: 1600px;
}

@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/material-icons.woff2) format('woff2');
}

.material-icons {
	user-select: none;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

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

* {margin: 0; padding: 0;}
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

div, ul {scrollbar-width: thin;}
::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-track {background: var(--gray-light);}
::-webkit-scrollbar-thumb {background: #aaa;}

body {background: var(--gray-light); color: var(--dark); height: 100%;}
body, input, select, textarea {font-size: 12px; font-family: 'Roboto', sans-serif;}
textarea {min-height: 120px;}

img {border: 0; vertical-align: middle;}

a {color: var(--dark); text-decoration: none;}
:focus, :active {outline: 0;}

/* CLEAR FIX*/
.clearfix:after {content: ".";	display: block;	height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

.left {float: left;} .right {float: right;} .clear {clear: both; line-height: 0;}

.hide {display: none;}
.show {display: block;}

ul, li {list-style: none;}

.mt10 {margin-top: 10px !important;}
.mr10 {margin-right: 10px !important;}
.mb10 {margin-bottom: 10px !important;}
.ml10 {margin-left: 10px !important;}

.mt20 {margin-top: 20px !important;}
.mr20 {margin-right: 20px !important;}
.mb20 {margin-bottom: 20px !important;}
.ml20 {margin-left: 20px !important;}

.tac {text-align: center !important;}
.tar {text-align: right !important;}
.tal {text-align: left !important;}

.ui-tabs .ui-tabs-panel {padding: 0;}
.ui-widget-header {background: var(--primary);}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {background: none; color: var(--white);}
.ui-tabs .ui-tabs-nav {background: none; border: 0; border-bottom: 1px var(--gray-mid) solid;}
.ui-tabs .ui-tabs-nav li {font-size: 11px; background: var(--gray-light); border: 1px var(--gray) solid; border-bottom: 0;}
.ui-tabs .ui-tabs-nav li a {color: var(--primary); display: flex; justify-content: center; align-items: center;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {background: var(--white);}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {color: var(--primary-dark);}
.ui-tabs {padding: 0; border: 0;}
.ui-dialog-titlebar-close .ui-button-text {padding: 0; line-height: 17px; font-size: 17px;}
.ui-dialog-titlebar-close:hover {background: var(--white); border: 1px var(--white) solid;}
.ui-dialog-titlebar-close:hover .ui-button-text {color: var(--primary);}

#wrapper {height: calc(100vh - 120px); display: flex;}

.top {margin: 0 auto; overflow: hidden; padding: 0; background: var(--white); box-shadow: 3px 3px 10px #ccc; position: relative; z-index: 9;}
.top .indent {margin: 0 auto; display: flex; justify-content: space-between;}
.top .indent .logo {align-self: center; padding: 10px;}
.top .indent .logo img { max-height: 45px; }
.top .indent .w_user {display: flex; flex-direction: row;}
.top .indent .w_user .user {color: var(--dark); line-height: 14px; text-align: right; display: flex; align-items: flex-end; justify-content: center; flex-direction: column;}
.top .indent .w_user a.exit {margin: 0 0 0 15px; padding: 0 20px; border: 0; height: 100%; background: var(--red); font-weight: bold; color: var(--white); display: flex; align-items: center; justify-content: center;}
.top .indent .w_user a.exit:hover {background: var(--red-dark);}

.menu {width: 250px; height: 100%; background: var(--dark); box-shadow: 3px 3px 10px #ccc; position: relative; z-index: 9;}
.menu .indent {margin: 0 auto;}
.menu ul {display: flex; flex-direction: column; height: 100%; position: relative;}
.menu ul li {width: 100%; display: flex; flex-direction: column;}
.menu ul li a {display: flex; color: var(--white);}
.menu > ul {overflow: auto; height: 100%; padding: 10px;}
.menu > ul > li {padding: 0 0 10px;}
.menu > ul > li > a {border-bottom: 1px var(--primary-light) solid; padding: 0 0 5px; margin: 0 0 5px; font-weight: bold; font-size: 14px; line-height: 1; align-items: center; color: var(--primary-light);}
.menu > ul > li > a .icon {font-size: 24px; margin: 0 5px 0 0; color: var(--primary-light);}
.menu ul li li {}
.menu ul li li a {line-height: 30px; padding: 0 0 0 10px; margin: 0 0 3px; font-size: 14px;}
.menu ul li li a:hover {color: var(--primary-light);}

.wrap {padding: 20px; overflow: auto; width: calc(100% - 250px);}
.wrap._c_index._a_pre-login {width: 100%;}

.footer {background: #ddd; height: 45px; position: relative; border-top: 1px solid var(--gray); clear: both; padding: 0 20px; box-shadow: 3px 3px 10px #ccc;}
.footer .indent {margin: 0 auto;}
.footer .indent img {margin: 10px 0 0;}

body > .loading {position: fixed; background: rgba(0,0,0,0.5); width: 100%; height: 100%; z-index: 999; display: none;}
body > .loading .box {position: absolute; top: 50%; left: 50%; margin: -18px 0 0 -58px; width: 95px; height: 16px; line-height: 16px; padding: 10px; background: var(--white);}
body > .loading .box img {}

.msg {border: 1px solid; min-height: 20px; padding: 10px 10px 10px 30px; font-size: 12px; font-weight: bold; margin: 0 0 10px;}
.msg.error {border-color: var(--red); background: url(../images/i_msg-error.gif) 10px 10px no-repeat var(--red-light); color: var(--red);}
.msg.success {border-color: var(--green); background: url(../images/i_msg-success.gif) 10px 10px no-repeat var(--green-light); color: var(--green);}
.msg.note,
.msg.notice {border-color: var(--yellow); background: url(../images/i_msg-note.gif) 10px 10px no-repeat var(--yellow-light); color: var(--yellow);}

#wrap_login {width: 300px; margin: 0 auto; clear: both; padding: 50px 0 50px; position: relative;}
#wrap_login .login {width: 100%; overflow: visible; padding: 0 0 20px;}
#wrap_login .login h2 {margin: 0 0 10px; padding: 10px; background: var(--primary); color: var(--white); font-size: 16px; text-align: center; border-radius: 3px;}
#wrap_login .login .r {position: relative;}
#wrap_login .login .r label:first-child {min-width: 100px;}
#wrap_login .login label.error {left: 100px; top: 35px;}
#wrap_login .login .formulario {padding: 20px;}

#tabs {background: none; border: 0; padding: 0;}
#tabs .sidebar {position: relative; z-index: 9; margin-bottom: -1px; display: flex;}
#tabs .sidebar h1 {width: 100%;}
#tabs .sidebar ul {padding: 0; border: 0; background: none;}
#tabs .sidebar ul li {float: left; margin: 0; padding: 0; border: 1px var(--gray) solid; border-left: 0; width: auto; clear: none; text-align: center;}
#tabs .sidebar ul li:first-child {border-radius: 3px 0 0 0; border-left: 1px var(--gray) solid;}
#tabs .sidebar ul li:last-child {border-radius: 0 3px 0 0;}
#tabs .sidebar ul li.ui-state-active {border-bottom: 1px transparent solid;}
#tabs .sidebar ul li a {display: flex; width: 100%; white-space: normal;}
#tabs .sidebar ul li span.alert,
#tabs .sidebar ul li span.save {font-size: 14px; margin: 0 0 0 5px; line-height: 8px; height: 100%; color: var(--yellow);}
#tabs .sidebar ul li span.save {color: var(--red-dark);}

#tabs .sidebar + .content .formulario {border-radius: 0 0 3px 0;}

#tabs h1 {}
#tabs h1 img {margin: 4px 10px 0 0; float: left;}

#tabs .content {padding: 20px; display: flex; background: var(--white); border: 1px var(--gray) solid; margin: 0 0 20px; flex-direction: column;}

.header {overflow: hidden; min-height: 50px; border-bottom: 5px solid var(--gray); margin: 0 0 10px; padding: 0 0 10px; display: flex; justify-content: space-between; align-items: center;}
.header p {color: var(--primary); font-size: 20px; font-weight: bold;}

.botoes {height: auto; margin: 0; overflow: hidden; float: right;}
.ui-dialog .ui-dialog-buttonpane button,
a.btn,
.btn {margin: 0 0 0 7px; float: right; background: var(--primary); border: none; padding: 8px 10px; cursor: pointer; color: var(--white); border-radius: 3px;}
.btn.auto {width: auto;}
.ui-dialog .ui-dialog-buttonpane button:hover,
.btn:hover {background: var(--primary-dark);}
.btn.salvar {background: var(--green);}
.btn.salvar:hover {background: var(--green-dark);}
.btn.excluir {background: var(--red);}
.btn.excluir:hover {background: var(--red-dark);}
.btn.voltar {background: var(--white); color: var(--dark); border: 1px var(--gray) solid;}
.btn.voltar:hover {background: var(--gray-light);}
.btn.last {margin-right: 0;}
span.btn {background: none !important; border: 0; color: var(--dark); cursor: auto;}
.ui-dialog .ui-dialog-buttonpane .ui-button-text-only .ui-button-text {padding: 0;}

.erro {overflow: hidden; padding: 7px 20px 7px 35px; border: 1px var(--red) solid; background: url(../images/i_msg-error.gif) no-repeat 12px 7px var(--red-light); color: var(--red); opacity: 0;}

.indent {}
.indent .formulario {background: var(--white); overflow: hidden; line-height: 20px; margin: 0 0 20px; position: relative; border-radius: 3px;}
.indent .formulario:last-child {margin: 0;}
.indent .formulario .botoes {min-height: 30px; line-height: 30px;}
.indent .formulario .botoes .btn {line-height: normal; margin: 0 0 0 10px; width: auto;}
.indent .formulario fieldset {border: 0;}
.indent .formulario label {padding: 0 10px; height: 38px; font-weight: bold; display: flex; align-items: center;}
.indent .formulario input,
.indent .formulario select,
.indent .formulario textarea {background: var(--white); line-height: 30px; padding: 3px 5px; border: 1px var(--gray) solid; margin: 0 0 25px; text-align: left; align-self: flex-start; min-width: 0; border-radius: 3px; flex-grow: 1;}
.indent .formulario input[type="checkbox"],
.indent .formulario input[type="radio"] {flex-grow: 0;}
.indent .formulario .cke_area {background: var(--white); text-align: left; align-self: flex-start; min-width: 0; border-radius: 3px; display: flex; flex-grow: 1;}
.indent .formulario .cke_area .ck-label {display: none;}
.indent .formulario [readonly] {background: var(--gray-light);}
.indent .formulario textarea {line-height: 20px;}
.indent .formulario .ck.ck-editor {flex-grow: 1; margin: 0 0 20px;}
.indent .formulario .ck.ck-content {min-height: 240px;}
.indent .formulario input.error,
.indent .formulario select.error,
.indent .formulario textarea.error {margin: 0 0 25px; border: 1px var(--dark) solid;}
.indent .formulario select:not([multiple]) {height: 38px; padding: 0 5px;}
.indent .formulario select[multiple] {height: 200px;}
.indent .formulario select option {padding: 2px 0 2px 5px;}
.indent .formulario input[type="checkbox"],
.indent .formulario input[type="radio"] {width: auto; border: 0; height: auto; align-self: center;}
.indent .formulario label.error {color: var(--red-dark); text-align: left; position: absolute; padding: 0;}
.indent .formulario ul.tagit {width: 100%; margin: 0 0 25px; line-height: 20px; cursor: text; border-color: var(--gray); min-height: 32px; padding: 1px 3px;}
.indent .formulario ul.tagit li.tagit-choice {line-height: 17px;}
.indent .formulario ul.tagit .tagit-new {padding: 0; margin: 0 0 0 5px;}
.indent .formulario ul.tagit .tagit-new input {height: 28px;}

.indent .formulario table input,
.indent .formulario table select,
.indent .formulario table textarea {margin: 0; width: 100%;}

.indent .formulario .select_all {padding: 5px 10px; border: 1px var(--gray) solid; float: left; display: block; text-decoration: none; margin: 0 0 10px;}
.indent .formulario .select_all:hover {background: var(--gray);}
.indent .formulario textarea {height: 150px; resize: vertical;}
.indent .formulario .ui-datepicker-trigger {float: left; margin: 10px 10px 0 0;}

.indent .formulario .r {display: flex; float: left; clear: both; width: 100%; overflow: hidden;}
.indent .formulario .r.posr {position: relative;}
.indent .formulario .r:last-child {}
.indent .formulario .r:last-child input,
.indent .formulario .r:last-child select {margin-bottom: 0;}
.indent .formulario .r:last-child input.error,
.indent .formulario .r:last-child select.error {margin-bottom: 25px;}
.indent .formulario .r label {flex-grow: 0; text-align: right;}
.indent .formulario .r label b.req {color: var(--red-dark); font-weight: bold; margin: 0 0 0 3px;}
.indent .formulario .r label:first-child {flex-grow: 0; min-width: 200px; padding: 0 10px 0 0; text-align: left;}
.indent .formulario .r label.error {width: auto; white-space: normal; line-height: normal; height: auto; font-size: 12px;}
.indent .formulario .r select[multiple] + label.error {top: auto !important; bottom: 8px;}
.indent .formulario .r .ui-datepicker-trigger {align-self: flex-start; margin: 8px; position: relative; z-index: 2;}
.indent .formulario .r .custom-combobox {width: 100%;}
.indent .formulario .r .custom-combobox input {width: calc(100% - 35px);}
.indent .formulario .r .custom-combobox a {width: 25px; height: 32px; vertical-align: top; float: right;}
.indent .formulario .r hr {width: 100%; margin: 10px 0 20px;}

.indent .formulario .r .w50 {width: 50px; flex-shrink: 0; flex-grow: 0;}
.indent .formulario .r .w100 {width: 100px; flex-shrink: 0; flex-grow: 0;}
.indent .formulario .r .w150 {width: 150px; flex-shrink: 0; flex-grow: 0;}
.indent .formulario .r .w200 {width: 200px; flex-shrink: 0; flex-grow: 0;}
.indent .formulario .r .w250 {width: 250px; flex-shrink: 0; flex-grow: 0;}
.indent .formulario .r .w300 {width: 300px; flex-shrink: 0; flex-grow: 0;}
.indent .formulario .r .w350 {width: 350px; flex-shrink: 0; flex-grow: 0;}
.indent .formulario .r .w400 {width: 400px; flex-shrink: 0; flex-grow: 0;}

.indent .formulario .r .btn {text-align: center;}

.indent .formulario .r input[type="checkbox"],
.indent .formulario .r input[type="radio"] {margin: 0;}

.indent .formulario .preview {width: 100%; clear: both;}

.indent .formulario .decimal,
.indent .formulario .decimal3,
.indent .formulario .decimal4,
.indent .formulario .decimal-us,
.indent .formulario .int,
.indent .formulario .codigo {width: 20%; float: none; display: block;}
.indent .formulario .codigo { float: left; margin: 0 10px 0 0 ;}
.indent .formulario .cambio input {float: left;}
.indent .formulario .cambio span {margin: 0 0 0 10px; line-height: 20px; font-size: 11px;}
.indent .formulario .btn {margin: 0; float: left; background: var(--primary); border: none; padding: 8px 10px; cursor: pointer; color: var(--white); height: auto; line-height: normal;}
.indent .formulario .btn:hover {background: var(--primary-dark);}
.indent .formulario .btn.auto {width: auto;}

[readonly="readonly"],
[disabled="disabled"],
.indent .formulario [readonly="readonly"],
.indent .formulario [disabled="disabled"] {background: var(--gray); color: var(--white);}

.indent .formulario hr.separator {border: 0; background: none; height: 1px; border-top: 1px var(--gray) solid; margin: 10px 0;}

.indent .formulario .checkall {display: block; padding: 5px 10px; margin: 0 0 10px; border: 1px var(--gray) solid; float: left; text-decoration: none;}
.indent .formulario .checkall:hover {background: var(--gray-light);}
.indent .formulario .tree {padding: 10px; border: 1px var(--gray) solid; clear: both; overflow: hidden;}
.indent .formulario .tree > li { margin: 0 0 15px; }
.indent .formulario .tree li {float: left; display: block; clear: both; white-space: nowrap;  }
.indent .formulario .tree li.hidden {display: none;}
.indent .formulario .tree li input {float: left; display: block; margin: 3px 5px 3px 0; height: auto; clear: none;}
.indent .formulario .tree li label {float: none; display: block; clear: none; width: auto; line-height: 18px; margin: 0; height: auto; padding: 0;}
.indent .formulario .tree li a.menuTree {display: inline-block; padding: 0 0 0 12px;}
.indent .formulario .tree li ul {margin: 0 0 0 20px;}
.indent .formulario .tree .menuTree {background: url(../images/cat+.png) no-repeat left center; padding-left: 12px;}
.indent .formulario .tree .expanded {background: url(../images/cat-.png) no-repeat left center; padding-left: 12px;}
.indent .formulario .tree .collapsed {display: none;}

.indent .formulario.hasUploader {}
.indent .formulario.hasUploader > label.error {position: relative; top: 0 !important; left: 0 !important; height: auto; clear: both;}

.dialog {padding: 5px; width: 100% !important; display: none;}
.dialog .indent {}
.dialog .indent .r {}
.dialog .indent .r label {font-size: 12px;}
.dialog .indent .formulario {padding: 0; border: 0; background: none;}
.dialog .indent .formulario textarea {height: 100px;}

.dialog .indent .tabela_interno label.error {clear: left; position: relative; line-height: normal; font-size: 10px;}

.dialog .erro {margin: 0 0 10px;}
.dialog .formulario {padding: 0 0 20px;}
.dialog .formulario .r {overflow: visible;}
.dialog .formulario label {padding: 0 10px 0 0;}

.categoria .checkall,
.representantes_banners .checkall {display: block; padding: 5px 10px; margin: 0 0 10px; border: 1px var(--gray) solid; float: left; text-decoration: none;}
.categoria .checkall:hover,
.representantes_banners .checkall:hover {background: var(--gray-light);}

.categorias {display: flex; justify-content: space-between;}
.categorias #tree-categorias {clear: both;}
.categorias #tree-categorias li {white-space: nowrap; position: relative;}
.categorias #tree-categorias li.ui-sortable-placeholder {background: #fff; visibility: visible !important;}
.categorias #tree-categorias li.ui-sortable-placeholder:before {content: ''; display: block; width: 20px; height: 20px; border-left: 1px #aaa dashed; border-bottom: 1px #aaa dashed; position: absolute; top: 0; left: -20px; z-index: 999;}
.categorias #tree-categorias li div {display: flex; align-items: center; padding: 3px 0;}
.categorias #tree-categorias li span {cursor: move; font-size: 14px;}
.categorias #tree-categorias li input {margin: 0 5px;}
.categorias #tree-categorias li a {flex-grow: 1; background: #fafafa; padding: 5px 7px; border: 1px #ccc solid;}
.categorias #tree-categorias li a:hover {background: #ddd;}
.categorias #tree-categorias li.hidden {display: none;}
.categorias #tree-categorias li label {clear: none; width: auto; line-height: 18px; margin: 0; height: auto;}
.categorias #tree-categorias li a.menuTree {display: inline-block; padding: 0 0 0 12px;}
.categorias #tree-categorias li ul {margin: 0 0 0 20px;}
.categorias #tree-categorias .menuTree {background: url(../images/cat+.png) no-repeat left top; padding-left: 12px;}
.categorias #tree-categorias .expanded {background: url(../images/cat-.png) no-repeat left top; padding-left: 12px;}
.categorias #tree-categorias .collapsed {display: none;}

.categorias .sidebar_categorias {overflow-y: auto; overflow-x: hidden; width: 320px; height: calc(100vh - 160px);}
.categorias .sidebar_categorias .botoes {margin: 0 0 10px;}
.categorias .content_categorias {overflow: auto; width: calc(100% - 320px); padding: 0 0 0 20px;}

.grid {margin: 0 0 20px;}
.grid .nav {display: none; height: 35px; line-height: 30px; overflow: hidden; clear: both; margin: 0 0 10px;}
.grid .nav #page {width: 30px; text-align: center;}
.grid .nav .left {display: flex; align-items: center; height: 100%;}
.grid .nav .left a {display: flex; justify-content: center;}
.grid .nav .left input,
.grid .nav .left select {border: 1px var(--gray) solid; margin: 0 5px; height: 80%; padding: 0 5px;}
.grid .nav .left .pages {margin: 0 3px;}
.grid .nav .left .records {margin: 0 0 0 3px;}
.grid .left .arrows {cursor: pointer; color: var(--gray);}
.grid .left .arrows_disabled {cursor: default; color: var(--gray-mid);}
.grid .nav .botoes {height: 40px;}
.grid .tabela {margin: 0; display: none; background: var(--white); clear: both;}
.grid .tabela a {color: var(--primary-dark); text-decoration: none; font-weight: bold;}
.grid .tabela a:hover {text-decoration: underline;}
.grid .tabela .acoes {background: none; overflow: hidden; clear: both; border-top: 1px solid var(--gray);}
.grid .tabela .acoes div {padding: 10px; font-size: 12px; color: var(--primary);}
.grid .tabela .acoes .left {line-height: 30px; display: flex;}
.grid .tabela .acoes a,
.grid .tabela .acoes span {color: var(--primary); margin: 0 5px;}
.grid .tabela .acoes select {margin: 0 0 0 5px;}
.grid .tabela .acoes .botoes select {padding: 6px 10px; min-width: 150px;}
.grid .tabela table {border-top: 1px solid var(--gray); border-bottom: 1px solid var(--gray);}
.grid .tabela table tr td {padding: 12px 5px; border-bottom: 1px solid var(--gray-mid);}
.grid .tabela table tr:last-child td {border-bottom: 0;}
.grid .tabela table .th {background: var(--primary); color: var(--white); font-weight: 700; cursor: pointer;}
.grid .tabela table .th td {padding: 12px 10px;}
.grid .tabela table .th td.sorting_asc {background: url(../images/bg-th-hover-up.png) right 7px center no-repeat var(--primary-dark);}
.grid .tabela table .th td.sorting_desc {background: url(../images/bg-th-hover-down.png) right 7px center  no-repeat var(--primary-dark);}
.grid .tabela table .th td.noorder {cursor: auto;}
.grid .tabela table .th-sub {background: var(--primary-light); cursor: default;}
.grid .tabela table .th-sub td {padding: 3px 5px; border-bottom: 0;}
.grid .tabela table .th-sub input,
.grid .tabela table .th-sub select {width: 100%; height: 100%; border: 1px var(--gray) solid; padding: 5px; display: block;}
.grid .tabela table #rows tr.highlighted {background: var(--white)fe5; font-weight: bold;}
.grid .tabela table #rows tr:nth-child(even) {background: var(--gray-light); cursor: pointer;}
.grid .tabela table #rows tr:hover {background: var(--primary-light); cursor: pointer;}
.grid .tabela table #rows tr td:first-child {cursor: default;}
.grid .tabela .nohover:hover {cursor: auto;}
.grid .dataTables_wrapper table tr td:first-child {text-align: center;}
.grid .tabela td.ord {background: url(../images/move.png) center center no-repeat; cursor: move;}
.grid .dataTables_length,
.grid .dataTables_filter,
.grid .dataTables_processing {display: none;}
.grid .dataTables_processing {line-height: 25px; position: absolute; background: url(../images/loading.gif) 10px center no-repeat var(--white); padding: 20px 20px 20px 50px; top: 20%; left: 50%; margin: 0 0 0 -40px; border: 1px var(--gray) solid;}

.indent .bloco {width: 50%; float: left; overflow: hidden; border: 1px var(--gray) solid; border-radius: 3px; margin-bottom: 1%;}
.indent .bloco + .bloco {width: 49%; margin-left: 1%;}
.indent .bloco p {margin: 3px 0;}
.indent .bloco.full {width: 100%; margin-left: 0;}
.indent .bloco.mini {width: 24%; margin: 0 1% 1% 0;}
.indent .bloco.mini.f {margin: 0 1% 1% 0.5%;}
.indent .bloco.mini.l {margin: 0 0 1%;}
.indent .bloco.mini h2 {font-size: 12px;}
.indent .bloco .titulo {background: var(--primary-dark); color: var(--white); padding: 5px 8px; font-size: 14px; font-weight: bold;}
.indent .bloco .titulo p {margin: 0;}
.indent .bloco .formulario {border: 0; padding: 10px;}
.indent .bloco .formulario .r {align-items: center;}

.indent .bloco .pedidos {margin: 0;}
.indent .bloco table {border-collapse: collapse; background: var(--white);}
.indent .bloco table td {border-bottom: 1px var(--gray-mid) solid; padding: 5px; vertical-align: top; }
.indent .bloco table th {border-bottom: 1px var(--gray-mid) solid; padding: 5px; text-align: left;}
.indent .bloco table tr.grid {line-height: 19px; background: url(../images/bg-tr-grid.jpg) repeat top center;}
.indent .bloco table tr:nth-child(odd) {background: var(--gray-light);}
.indent .bloco table tr:nth-child(even) {background: var(--white);}

.indent .bloco .formulario textarea {margin: 0 0 10px;}
.indent .bloco .copiacliente .r input {margin: 0; align-self: center; flex-grow: 0;}

.painel .hr {margin: 8px 0; height: 1px; background: var(--gray);}
.painel .left {width: 35%;}
.painel .left .info:last-child {margin: 0;}
.painel .right {float: left; width: 64%; margin: 0 0 0 1%;}

.painel #totais_meses {background: none;}
.painel #totais_meses .results {text-align: center; border-bottom: 1px var(--gray-mid) solid; background: var(--white);}
.painel #totais_meses .results .titulo {background: var(--primary-light); border-bottom: 1px var(--gray-mid) solid; padding: 6px 8px 5px; color: var(--dark); margin: 0;}
.painel #totais_meses .results .valores {padding: 3px 0;}

.painel .info {margin: 0 0 15px; border: 0; overflow: hidden; border-radius: 3px;}
.painel .info table {border-collapse: collapse; background: var(--white);}
.painel .info table td {border-bottom: 1px var(--gray-mid) solid; padding: 5px;}
.painel .info table th {border-bottom: 1px var(--gray-mid) solid; padding: 5px; text-align: left;}
.painel .info table tr.grid {line-height: 19px; background: url(../images/bg-tr-grid.jpg) repeat top center;}
.painel .info table tr:nth-child(odd) {background: var(--gray-light);}
.painel .info table tr:nth-child(even) {background: var(--white);}

.painel .periodo {display: flex;}
.painel .periodo #periodo {margin: 0;}

.painel #grafico {margin: 20px 0; border: 1px var(--gray) solid;}
.painel #grafico .diagrama {margin: 0 20px;}
.painel #grafico .results {padding: 10px; text-align: center; margin: 10px 0 0; background: var(--primary-light); border-top: 1px var(--gray) solid;}
.painel #grafico .results table,
.painel #grafico .results table tr,
.painel #grafico .results table td {background: none; border: 0;}

#tabs-pedidos {}
#tabs-pedidos .info {margin: 0;}
#tabs-pedidos .info table {}

.grid_interno {}
.grid_interno .botoes {margin: 0 0 10px;}
.grid_interno .nav {display: none; height: 35px; line-height: 30px; overflow: hidden; clear: both; margin: 0 0 10px;}
.grid_interno .nav #page {width: 30px; text-align: center;}
.grid_interno .nav .left {display: flex; align-items: center; height: 100%;}
.grid_interno .nav .left a {display: flex; justify-content: center;}
.grid_interno .nav .left input,
.grid_interno .nav .left select {border: 1px var(--gray) solid; margin: 0 5px; height: 80%; padding: 0 5px;}
.grid_interno .nav .left .pages {margin: 0 3px;}
.grid_interno .nav .left .records {margin: 0 0 0 3px;}
.grid_interno .left .arrows {cursor: pointer; color: var(--gray);}
.grid_interno .left .arrows_disabled {cursor: default; color: var(--gray-mid);}
.grid_interno .nav .botoes {height: 40px;}
.grid_interno .tabela {margin: 0; background: var(--white); clear: both;}
.grid_interno .tabela a {color: var(--primary-dark); text-decoration: none; font-weight: bold;}
.grid_interno .tabela a:hover {text-decoration: underline;}
.grid_interno .tabela .acoes {background: none; overflow: hidden; clear: both; border-top: 1px solid var(--gray);}
.grid_interno .tabela .acoes div {padding: 10px; font-size: 12px; color: var(--primary);}
.grid_interno .tabela .acoes .left {line-height: 30px; display: flex;}
.grid_interno .tabela .acoes a,
.grid_interno .tabela .acoes span {color: var(--primary); margin: 0 5px;}
.grid_interno .tabela .acoes select {margin: 0 0 0 5px;}
.grid_interno .tabela .acoes .botoes select {padding: 6px 10px; min-width: 150px;}
.grid_interno .tabela table {border-bottom: 1px solid var(--gray-mid); width: 100%; }
.grid_interno .tabela table tr td {padding: 12px 5px; border-bottom: 1px solid var(--gray-mid);}
.grid_interno .tabela table tr:last-child td {border-bottom: 0;}
.grid_interno .tabela table .th {background: var(--primary); color: var(--white); font-weight: 700; cursor: pointer;}
.grid_interno .tabela table .th td {padding: 12px 10px;}
.grid_interno .tabela table .th td.sorting_asc {background: url(../images/bg-th-hover-up.png) right 7px center no-repeat var(--primary-dark);}
.grid_interno .tabela table .th td.sorting_desc {background: url(../images/bg-th-hover-down.png) right 7px center  no-repeat var(--primary-dark);}
.grid_interno .tabela table .th-sub {background: var(--primary-light); cursor: default;}
.grid_interno .tabela table .th-sub td {padding: 3px 5px; border-bottom: 0;}
.grid_interno .tabela table .th-sub input,
.grid_interno .tabela table .th-sub select {width: 100%; height: 100%; border: 1px var(--gray) solid; padding: 5px; display: block;}
.grid_interno .tabela table #rows tr.highlighted {background: var(--white)fe5; font-weight: bold;}
.grid_interno .tabela table #rows tr:nth-child(even) {background: var(--gray-light); cursor: pointer;}
.grid_interno .tabela table #rows tr:hover {background: var(--primary-light); cursor: pointer;}
.grid_interno .tabela table #rows tr td:first-child {cursor: default;}
.grid_interno .tabela .nohover:hover {cursor: auto;}
.grid_interno .dataTables_wrapper table tr td:first-child {text-align: center;}
.grid_interno .tabela td.ord {background: url(../images/move.png) center center no-repeat; cursor: move;}
.grid_interno .dataTables_length,
.grid_interno .dataTables_filter,
.grid_interno .dataTables_processing {display: none;}
.grid_interno .dataTables_processing {line-height: 25px; position: absolute; background: url(../images/loading.gif) 10px center no-repeat var(--white); padding: 20px 20px 20px 50px; top: 20%; left: 50%; margin: 0 0 0 -40px; border: 1px var(--gray) solid;}

.dataTables_wrapper table tr td:first-child {text-align: center;}
.dataTables_wrapper table tr td:first-child input {margin: auto !important;}

.delete {background: url(../images/ic_delete.png) center center no-repeat; width: 20px; height: 20px; display: inline-block;}
.edit {background: url(../images/ic_edit.png) center center no-repeat; width: 20px; height: 20px; display: inline-block;}

.enderecos .col-1 {width: 24%; float: left;}
.enderecos .col-2 {width: 75%; float: right;}

.enderecos ul li {border-top: 1px solid #E6E6E6; cursor: pointer; padding: 12px 14px; position: relative;}
.enderecos ul li:hover {background-color: #FCF5DD;}
.enderecos ul li.on {background-color: #E7EFEF;}

.enderecos .newAdressSpan{ font-weight: bold; text-align: center; display:block; font-size: 16px; }
.enderecos .labels {width: 15%; float: left; padding: 125px 0 0; }
.enderecos .labels label {width: 100%; margin: 0 0 25px; justify-content: flex-end; padding: 0 20px 0 0;}
.enderecos .endereco {width: 85%; float: left; display: none;}
.enderecos .endereco input,
.enderecos .endereco select {width: 100%;}

.enderecos .titulo {border-bottom: 3px solid var(--gray); margin: 0 0 10px; padding: 0 0 10px;}
.enderecos .titulo p {font-size: 20px; font-weight: bold; color: var(--primary);}

.error-msg, .success-msg, .note-msg,
.notice-msg {border-style: solid !important; border-width: 1px !important; background-position: 10px 10px !important; background-repeat: no-repeat !important; min-height: 20px !important; padding: 10px 8px 8px 32px !important; font-size: 11px !important; font-weight: bold !important; margin: 0 0 10px;}
.error-msg {border-color: #f16048; background-color: var(--red-light); background-image: url(../images/i_msg-error.gif); color: #df280a;}
.success-msg {border-color: #446423; background-color: #eff5ea; background-image: url(../images/i_msg-success.gif); color: #3d6611;}
.note-msg,
.notice-msg {border-color: #fcd344; background-color: #fafaec; background-image: url(../images/i_msg-note.gif); color: #3d6611;}

.usuariosgrupos .checkall {display: block; padding: 5px 10px; margin: 0 0 10px; border: 1px var(--gray) solid; float: left; text-decoration: none;}
.usuariosgrupos .checkall:hover {background: var(--gray-light);}

.relatorios {overflow: hidden;}
.relatorios form {background: #f3fef2; padding: 15px; border: 1px var(--gray) solid; overflow: hidden;}
.relatorios .content {}
.relatorios .content label {float: left; display: block; clear: left; width: 100px; text-align: right; padding: 0 10px 0 0; height: 25px; line-height: 25px; margin: 0 0 5px;}
.relatorios .content input,
.relatorios .content select {float: left; display: block; background: var(--white); width: 200px; height: 25px; line-height: 25px; padding: 0 5px; border: 1px #aaa solid; margin: 0 0 5px;}
.relatorios .content .error {border-color: #f16048; background: var(--red-light);}
.relatorios .content input[type="checkbox"],
.relatorios .content input[type="radio"] {width: auto; border: 0; height: auto; line-height: normal; margin: 8px 0 9px;}
.relatorios .content label.error {clear: both; margin: 0 0 5px 15%; width: 85%; height: 15px; line-height: 12px; color: #DF280A; text-align: left;}
.relatorios .content img {float: left; display: block; margin: 5px;}
.relatorios .formulario .botoes {float: left; margin: 20px 0 0;}
.relatorios .formulario .botoes .btn {margin: 0 10px 0 0;}
.relatorios p {margin: 10px 0;}
.relatorios .formulario {padding: 15px;}

.relatorios .tabela {overflow: hidden; margin: 20px 0 0;}
.relatorios .tabela .top {margin: 10px;}
.relatorios .tabela .top .DTTT_container {margin: 0;}
.relatorios .tabela .top .DTTT_container a {margin: 0 0 0 5px;}

.relatorios .tabela_interno {margin: 0;}
.relatorios .tabela_interno .th {cursor: auto;}
.relatorios .tabela_interno table .td_pago {background: lightgreen !important; font-weight: bold;}
.relatorios .tabela_interno table .td_profissional {background: var(--gray-light) !important; font-weight: bold;}
.relatorios .tabela_interno table {margin: 0 0 30px;}
.relatorios .tabela_interno table:last-child {margin: 0;}
.relatorios .tabela_interno table tr:hover {background: #eaeaea;}
.relatorios .tabela_interno table tr.nohover {background: none;}
.relatorios .tabela_interno table #subtable {margin: 0;}
.relatorios .tabela_interno table #subtable .th,
.relatorios .tabela_interno table #subtable .th:hover {background: var(--gray-light); color: var(--dark);}
.relatorios .tabela_interno table #subtable .th td {background: var(--gray-light); color: var(--dark);}
.relatorios p.subtitle {font-weight: bold; margin: 0;}
.relatorios hr {margin: 10px 0;}

.relatorios .results {padding: 20px; background: #f3fef2; text-align: center; border: none; margin: 0;}
.relatorios .info {margin: 0 0 15px; background: var(--white); overflow: hidden; line-height: 20px; border-color: var(--gray);}
.relatorios .info input,
.relatorios .info textarea {width: 97%;}
.relatorios .info h4 {background: #88b6da; padding: 3px 8px; color: var(--white);}
.relatorios .info .hasDatepicker {width: 200px;}
.relatorios .info .ui-datepicker-trigger {float: left; margin: 3px 10px 0 5px;}
.relatorios .info label {float: left; display: block; clear: left; width: 15%; text-align: right; padding: 0 10px 0 0; height: 25px; line-height: 25px; margin: 0 0 5px;}
.relatorios .info input,
.relatorios .info select,
.relatorios .info textarea {float: left; display: block; background: var(--white); width: 100%; line-height: 30px; padding: 0 5px; border: 1px #aaa solid; margin: 0 0 5px;}
.relatorios .info select[multiple] {padding: 5px;}
.relatorios .info input[type="checkbox"],
.relatorios .info input[type="radio"] {width: auto; border: 0; height: auto; line-height: normal; margin: 8px 0 9px;}
.relatorios .info label.error {clear: both; margin: 0 0 5px 15%; width: 85%; height: 15px; line-height: 12px; color: #DF280A; text-align: left;}
.relatorios .info input.error,
.relatorios .info select.error,
.relatorios .info textarea.error {border: 1px var(--dark) solid;}
.relatorios .info .select_all {padding: 5px 10px; border: 1px var(--gray) solid; float: left; display: block; text-decoration: none; margin: 0 0 10px;}
.relatorios .info .select_all:hover {background: var(--gray);}
.relatorios .info textarea {height: 150px; resize: vertical;}
.relatorios .info .hasDatepicker {width: 200px;}
.relatorios .info .ui-datepicker-trigger {float: left; margin: 3px 10px 0 5px;}
.relatorios .info .lbl_placeholder {height: 25px;}
.relatorios .info .btn {margin: 0; float: left; background: var(--primary); border: 1px #aaa solid; padding: 5px 10px; cursor: pointer; color: var(--white); width: auto; height: auto; line-height: 15px;}
.relatorios .erro {opacity: 1; margin: 0 0 10px; display: none;}
.relatorios .btn-report {float: left; display: block; margin: 0 0 20px;}
.relatorios .info-table {padding: 15px;}

.plup_button {background: #666; color: var(--white) !important; padding: 8px 15px; float: left; display: block; border-radius: 5px; margin: 5px 0 10px; line-height: 15px;}
.plup_button:hover {background: var(--gray); text-decoration: none;}
.up_wrap.error .plup_button {border: 1px var(--dark) solid;}
.plup_queue {overflow: hidden; float: left;}
.plup_queue div {float: left; display: block; width: 300px; background: var(--white); border: 2px var(--gray) solid; margin: 0 10px 10px; padding: 10px;}
.plup_queue div .name {width: 230px; overflow: hidden; display: block; white-space: nowrap; float: left;}
.plup_queue div b {float: right;}
.plup_queue div .w_percent {width: 100%; height: 2px; background: var(--gray); display: block; margin: 5px 0 0;}
.plup_queue div .w_percent .percent {width: 0; height: 2px; background: #333; display: block;}

.single,
.multi {float: left; height: auto; margin: 0 0 5px; overflow: hidden;}

#ui-datepicker-div {z-index: 999 !important;}

#calendario {width: 70%; margin: auto;}
#calendario .fc-day {background: var(--white);}
#calendario .fc-today {background: #fcf8e3;}

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

.dialogform input {width: 85%; display: block; float: left; margin: 0 0 15px; padding: 0 10px;}
.dialogform input.hasDatepicker {width: 200px;}
.dialogform label {width: 15%; display: block; float: left; text-align: right; padding: 0 20px 0 0;}
.dialogform .ui-datepicker-trigger {margin: 3px;}

.produtoColorBlock {padding: 0; border:1px #ccc solid; display: block; float:left; overflow: hidden; min-height: 55px; width: auto; margin: 3px 3px 18px; line-height: 30px;}
.produtoColorBlock input {display: inline-block; margin: 0 5px !important;}
.produtoColorBlock img {float:left; margin: 2px 0 2px}
.produtoColorBlock .cBlock {width: 32px; height: 32px; display: inline-block;}
.produtoColorBlock .descricao-atributo {font-size:10px; text-align: center; background: #EEE; width: 85px; clear:both; padding: 1px; overflow: hidden; display: block; border-top: 1px solid #ccc; line-height: 20px;}

.wrap-loading {width: 100%; height: 100%; background: rgba(0, 0, 0, .3) url(../images/loading.svg) center no-repeat; display: none; position: fixed; top: 0; left: 0; z-index: 9999;}

#incluir_rastreador {margin: 10px 0 0;}

.btn,
.grid tr
{transition: all 0.1s;}


.ui-datepicker-calendar .ui-state-default{ color: #000; }

.indent .formulario.form-tags{ }
.indent .formulario.form-tags input[type='radio']{ margin: 0; }
.indent .formulario.form-tags div{ display: flex; align-items: center; width: 100%; }

.botoes.btn-flex{ display: flex; width: 100%; }
.botoes .price-suggestion{ margin: 0 auto 0 0; }

#dialogRulesCategorias .categorias{ flex-direction: column; }
#dialogRulesCategorias .categorias ul{ padding: 0 0 0 20px; }

.selectProdutosKit{ background: var(--primary); color: var(--white) !important; border-radius: 3px; padding: 8px 10px; margin: 0 10px; }
.selectProdutosKit:hover{ text-decoration: none; color: var(--white) !important; }

.wrap-produtos-kit .item{ display: flex; margin: 10px 0 0 ; position: relative; align-items: center; }
.wrap-produtos-kit .item span{ flex-shrink:0; margin: 5px 10px; }
.indent .formulario .wrap-produtos-kit .item select{ width: 300px !important; max-width: 100% !important; flex-shrink: 0; flex-grow: 0; }
.wrap-produtos-kit .item p,
.wrap-produtos-kit .item select{ font-size: 12px; }
.wrap-produtos-kit .item select{  height: 30px; padding: 0 5px; border: 1px solid #707070; border-radius: 3px; }
.wrap-produtos-kit .item span{ font-size: 12px; margin: 0 5px 0 0; flex-shrink: 0; }
.wrap-produtos-kit .item:after{ opacity: 0; transition: opacity .5s; font-size: 12px; position: absolute; height: 30px; left: 350px; background: #00ACA9; content: 'Selecione o produto desse item'; padding: 7.5px 5px; border-radius: 5px; color: #FFF; font-weight: bold; top: 0; }
.wrap-produtos-kit .item.error:after{ opacity: 1; }

.mensagemErro{ font-weight: bold; color: #F00; }
.mensagemErro a{ color: #F00; }

.indent .formulario .preview.galeria { display: flex; flex-wrap: wrap; }
.indent .formulario .preview.galeria .item{ margin: 10px; width: 125px; position: relative; }
.indent .formulario .preview.galeria .item img{ width: 100%; }
.indent .formulario .preview.galeria .item .remover { position: absolute; right: 0; top: 0; background: #333; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; color: #FFF; }
.indent .formulario .list_item_galeria { display: flex; flex-wrap: wrap; }
.indent .formulario .list_item_galeria .item { margin: 10px; }

.ui-dialog .indent .formulario .ck.ck-content {
	min-height: 400px;
}

.list_images { width: 100%; display: flex; flex-wrap: wrap; }
.list_images .item { width: 200px; height: 200px; position: relative; margin: 7.5px; }
.list_images .item .remover { position: absolute; right: 0; top: 0; width: 25px; height: 25px; line-height: 25px; background: #F00; color: #FFF; text-align: center; }
.list_images .item img { display: block; width: 100%; height: 100%; object-fit: contain; }
.list_images .item input { width: 100%; margin: 10px 0 0 }

html div.tagsinput { width: 100% !important; height: 150px !important; border: 1px var(--gray) solid; margin: 0 0 25px; }

.wrap-ordenacao{width:100%; overflow:hidden; display: flex; flex-wrap: wrap; }
.wrap-ordenacao .item{display: flex; margin:10px; width: 200px; height: 150px; cursor:move; align-items: center; justify-content: center; text-align: center; flex-direction: column; border: 1px solid #a4a4a4; border-radius: 5px; }
.wrap-ordenacao .item img{max-width: 90%; max-height: 90%;}

.tabs-ordenacao .ui-tabs-nav li {width:auto; clear:none; margin:0; border-right-width:0; padding-right:0;}

.mensagem-ordem{font-size:15px;padding:0 20px;line-height:40px;opacity:0;width:auto;float:left;color:#3c763d;background:#e5f3df;transition:all 0.5s ease 0s;margin:0 20px 0 0;}