@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: local('Roboto Regular'), local('Roboto-Regular'), url(../fonts/roboto-regular.woff) format('woff');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: local('Roboto Bold'), local('Roboto-Bold'), url(../fonts/roboto-regular-bold.woff) format('woff');
}

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

body {background: #efefef; color:#000; height:100%; overflow-y:scroll;}
body, input, select, textarea {font-size:12px; font-family: 'Roboto', Arial, Helvetica, sans-serif;}

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

a {color:#373737; text-decoration:none;}
a:hover {text-decoration:underline;}
:focus, :active {outline:0;}

html, #wrapper {height:100%;}
body > #wrapper {height: auto; min-height: 100%; margin: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;}

h1, h2, h3, h4, h5, h6 {color:inherit; font-weight: normal;}
h1 {font-size:20px; font-weight: bold;}
h2 {font-size:18px;}

[readonly="readonly"],
[disabled="disabled"],
[readonly],
[disabked] {background: #ccc !important;}

.top {margin:0 20px; overflow:hidden;}
.top .logo {width: 136px; height: 50px; float:left; margin: 5px 0; background: url(../images/logo-admin.png) center center no-repeat; background-size: contain;}
.top .user {height:20px; float:right; margin:25px 0 0;}
.top .user span {color:#0089cc; font-weight: bold;}

.menu {background: #787878; min-height: 35px; margin:0; clear:both;}
.menu ul {margin: 0 20px; display:block; height: 35px; clear:both;}
.menu ul li {float:left; line-height:35px; height:35px; display:block; border-left: 1px #999 solid; position: relative;}
.menu ul li a {display:block; padding:0 12px; margin: 0; color:#fff; text-decoration: none;}
.menu ul li:hover a {background: #008dd1; text-decoration:none;}
.menu ul li .sub {position: absolute; display: none; border: 1px solid #ccc; z-index: 10; top: 35px; left: -1px;}
.menu ul li .sub ul {margin:0; height: auto;}
.menu ul li .sub ul li {line-height:25px; border:0; border-bottom:1px dotted #ccc; height:auto; clear:both; background:#e5f7ff; width:100%; white-space:nowrap;}
.menu ul li .sub ul li:last-child {border:none !important;}
.menu ul li .sub ul li a {padding:0 20px 0 8px; color:#55666f; margin:0; background:none;}
.menu ul li .sub ul li a:hover {background:#fff;}
.menu ul li .sub ul li .sub {display: none; min-width: 150px; left: 100%; top: -1px;}
.menu ul li:hover > .sub {display: block;}
.menu ul li .separator {height: 5px; background: #eee;}

.menu ul li .sub ul li:hover .sub {display:block;}

.menu ul li.last {width:3px;}
.menu ul li.pesq {}
.menu ul li.pesq input {line-height:35px; height:35px; border:none; background:url(../images/bg-pesq.png) no-repeat top center; font-size:12px; padding:0 5px 0 20px; width:160px; margin:0 5px;}

#content {padding: 20px 20px 65px; overflow: hidden;}

.footer {background: #ddd; height:45px; position:relative; margin-top:-45px; border-top:3px solid #8898aa; clear: both;}
.footer img {margin:10px 20px 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: #fff;}
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:#f16048; background: url(../images/i_msg-error.gif) 10px 10px no-repeat #faebe7; color:#df280a;}
.msg.success {border-color:#446423; background: url(../images/i_msg-success.gif) 10px 10px no-repeat #eff5ea; color:#3d6611;}
.msg.note,
.msg.notice {border-color:#fcd344; background: url(../images/i_msg-note.gif) 10px 10px no-repeat #fafaec; color:#3d6611;}

.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; border:1px #ccc solid;}
.wrap_login .login h2 {margin:0 0 20px; padding:10px; background:#56ADD6; color:#fff; font-size:16px; text-align:center;}
.wrap_login .login input {float:left; margin:0 0 10px; padding:3px 5px; width:190px;}
.wrap_login .login label {clear:left; float:left; width:60px; line-height:20px; padding:3px 0; margin:0 0 10px 20px;}
.wrap_login .login #entrar {clear:both; width:100px; margin:0 0 0 100px; background: #eee; border: 1px #ccc solid; cursor:pointer;}
.wrap_login .login #entrar:hover {background: #ddd;}
.wrap_login .login #entrar:focus {box-shadow:none;}
.wrap_login .login #entrar:active {box-shadow:0 0 3px #56add6 inset;}

#tabs {background: none; border:0; padding: 0;}
#tabs .sidebar {float:left; width: 20%; padding: 0 20px 0 0;}
#tabs .sidebar h1 {width: 100%;}
#tabs .sidebar ul {padding: 0; border:0;}
#tabs .sidebar ul li {float:left; margin: 0; padding: 0;border:1px #ccc solid; border-bottom:0;}
#tabs .sidebar ul li:last-child {border:1px #ccc solid;}
#tabs .sidebar ul li.ui-state-active {border:1px #79b7e7 solid; margin: 0 0 -1px; z-index: 2;}
#tabs .sidebar ul li a {display: block; width: 100%;}
#tabs .sidebar ul li span.alert {background:url(../images/ic-alert.gif); position:absolute; height:16px; width:16px; right:25px; top:7px;}
#tabs .sidebar ul li span.save {background:url(../images/ic-save.gif); position:absolute; height:16px; width:16px; right:10px; top:7px;}
#tabs .content {float:right; width: 80%; border-left:1px #666 solid; padding: 0 0 0 20px;}
#tabs h1 {padding: 5px 0 5px 25px; background: url(../images/ic-produtos.png) left 10px no-repeat;}
#tabs h1 img {margin: 4px 10px 0 0; float:left;}

.header {overflow: hidden; border-bottom:5px solid #ccc; margin: 0 0 10px; min-height: 50px;}
.header h1 {padding: 5px 0; display:block; float:left; color:#0390d1;}
.botoes {height:auto; margin:0; display:block; overflow: hidden; float:right;}
.botoes .btn {margin:0 0 0 7px; float:right; background: #428bca; border:1px #aaa solid; padding: 5px 10px; cursor:pointer; color:#fff; text-decoration: none;}
.botoes .btn.auto {width: auto;}
.botoes .btn:hover {background: #3071a9;}
.botoes .btn.salvar {background: #5cb85c;}
.botoes .btn.salvar:hover {background: #449d44;}
.botoes .btn.excluir {background: #d9534f;}
.botoes .btn.excluir:hover {background: #c9302c;}
.botoes .btn.voltar {background: #ffffff; color:#000;}
.botoes .btn.voltar:hover {background: #dddddd;}
.botoes .btn.criar_sala {background: #000; color:#fff;}
.botoes .btn.criar_sala:hover {background: #333;}
.botoes .btn.last {margin-right:0;}
.botoes span.btn {background: none !important; border: 0; color: #000; cursor: auto;}
.header.flutuante {display:none; width: 100%; height: auto; padding:0 20px; z-index:10; position:fixed; top:0; left:0; margin:0; background:#56add6; border:none;}
.header.flutuante h1 {margin: 0; color:#fff; line-height: 40px; float:left;}
.header.flutuante .botoes {margin: 10px 0;}

.erro {background: none repeat scroll 0 0 #FF6666; color: #FFFFFF; display: none; overflow: hidden; padding: 10px 20px;}
.erro2 {padding:10px 20px; background:#f66; display:none; color:#fff;}
.erro .errorMessage {float: left; margin: 0 0 0 5px; padding: 0;}
.erro .errorMessage:last-child span:last-child {display: none;}
.erro img {float: left;}

.indent {}
.indent .titulo h2 {background: #56add6; line-height: 22px; color:#fff; padding: 5px 10px; font-size:14px; text-transform: uppercase; font-weight: bold;}
.indent .formulario {background: #fff; overflow: hidden; padding: 15px; line-height: 20px; border: 1px #ccc solid; margin: 0 0 20px;}
.indent .titulo h2 + .indent .formulario {border-top: 0;}
.indent .formulario:last-child {margin: 0;}
.indent .formulario label {float:left; display: block; clear:left; width: 15%; text-align: right; padding: 0 10px 0 0; height: 27px; line-height: 25px; margin: 0 0 5px;}
.indent .formulario input,
.indent .formulario select,
.indent .formulario textarea,
.indent .formulario .cke_area {float:left; display: block; background: #fff; width: 85%; line-height: 25px; padding: 0 5px; border:1px #aaa solid; margin: 0 0 5px;}
.indent .formulario select:not([multiple]) {height: 27px;}
.indent .formulario .cke_area {height: auto; border:0; margin: 0 0 10px; padding: 0;}
.indent .formulario input[type="checkbox"],
.indent .formulario input[type="radio"] {width: auto; border:0; height: auto; line-height: normal; margin: 8px 0 9px;}
.indent .formulario label.error {clear:both; margin: 0 0 5px 15%; width: 85%; height: 15px; line-height:12px; color:#DF280A; text-align: left;}
.indent .formulario input.error,
.indent .formulario select.error,
.indent .formulario textarea.error {border: 1px #d00 solid;}
.indent .formulario .select_all {padding: 5px 10px; border:1px #ccc solid; float:left; display: block; text-decoration: none; margin: 0 0 10px;}
.indent .formulario .select_all:hover {background: #ccc;}
.indent .formulario textarea {height: 150px; resize: none;}
.indent .formulario .hasDatepicker {width:200px;}
.indent .formulario .ui-datepicker-trigger {float:left; margin:3px 10px 0 5px;}
.indent .formulario label.auto {width: auto;}
.indent .formulario label.auto input {margin: 5px 10px 3px 0;}
.indent .formulario select {padding: 0;}
.indent .formulario label:last-child,
.indent .formulario label:nth-last-child(2),
.indent .formulario input:last-child,
.indent .formulario select:last-child,
.indent .formulario textarea:last-child {margin-bottom: 0;}
.relatorios .formulario .r {display: flex; float: left; clear: both; width: 100%; overflow: hidden; align-items: center;}
.relatorios .formulario .r label {width: auto; flex-grow: 0;}
.relatorios .formulario .r label:first-child { min-width: 200px; padding: 0 10px 0 0; }

.indent .formulario .botoes {margin: 0 0 10px;}

.indent .formulario .tree {padding: 10px; border:1px #ccc solid; overflow: hidden;}
.indent .formulario .tree ul {float:left; clear:left; margin: 0;}
.indent .formulario .tree ul li {float:left; clear:left; margin: 0 0 1px;}
.indent .formulario .tree ul li:last-child {margin: 0;}
.indent .formulario .tree ul ul {margin: 1px 0 0 10px;}
.indent .formulario .tree input {float:left; margin: 6px 5px 0 0;}
.indent .formulario .tree label {width: auto;}
.indent .formulario .tree a {float:left; text-decoration: none; cursor: default;}
.indent .formulario .tree .hidden {display: none;}
.indent .formulario .tree .menuTree {background:url(../images/cat+.png) no-repeat left; padding-left:12px;}
.indent .formulario .tree .menuTree label {cursor:pointer;}
.indent .formulario .tree .expanded {background:url(../images/cat-.png) no-repeat left; padding-left:12px;}
.indent .formulario .tree .collapsed {display:none;}
.indent .formulario .tree ul.exp {display:block;}

.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 5px 0 0; float: left; background: #428bca; border:1px #aaa solid; padding: 5px 10px; cursor:pointer; color:#fff; height: auto; text-decoration: none; text-align: center; white-space: nowrap;}
.indent .formulario .btn.salvar {background: #5cb85c;}
.indent .formulario .btn.salvar:hover {background: #449d44;}
.indent .formulario .btn.excluir {background: #d9534f;}
.indent .formulario .btn.excluir:hover {background: #c9302c;}
.indent .formulario .btn:last-child {margin: 0;}
.indent .formulario .btn:hover {background: #3071a9;}
.indent .formulario .btn.auto {width: auto; line-height: 15px;}
.indent .formulario .btn.selecionar { margin: 0 0 10px; }
.indent .formulario #cliente_nome { margin: 0 0 0 10px; }

.indent .formulario hr.separator {border: 0; background: none; height: 1px; border-top: 1px #ccc solid; margin: 10px 0;}

.ui-dialog .formulario {border: 1px #ccc solid;}
.ui-dialog .formulario label {width: 20%;}
.ui-dialog .formulario input,
.ui-dialog .formulario select,
.ui-dialog .formulario textarea,
.ui-dialog .formulario .cke_area {width: 80%;}
.ui-dialog .formulario.tabela_interno input,
.ui-dialog .formulario.tabela_interno select {width: auto;}

.categoria .checkall,
.representantes_banners .checkall {display: block; padding: 5px 10px; margin: 0 0 10px; border: 1px #ccc solid; float: left; text-decoration: none;}
.categoria .checkall:hover,
.representantes_banners .checkall:hover {background: #eee;}
.categoria #tree-categorias {clear: both;}
.categoria #tree-categorias li {float:left; display: block; clear: both; white-space: nowrap;}
.categoria #tree-categorias li.hidden {display: none;}
.categoria #tree-categorias li input {float:left; display: block; margin: 2px 5px 0 0; height: auto; clear:none;}
.categoria #tree-categorias li label {float:none; display: block; clear:none; width: auto; line-height: 18px; margin: 0; height: auto;}
.categoria #tree-categorias li a.menuTree {display: inline-block; padding: 0 0 0 12px;}
.categoria #tree-categorias li ul {margin: 0 0 0 20px;}
.categoria #tree-categorias .menuTree {background:url(../images/cat+.png) no-repeat left top; padding-left:12px;}
.categoria #tree-categorias .expanded {background:url(../images/cat-.png) no-repeat left top; padding-left:12px;}
.categoria #tree-categorias .collapsed {display:none;}

.grid {}
.grid .nav {display: none; height:40px; line-height:30px; overflow:hidden; clear:both;}
.grid .nav #page {width: 30px; text-align: center;}
.grid .nav .pedidos {border: 0;}
.grid .tabela {margin:0; display: none; background:#fff; clear:both;}
.grid .tabela a {color:#0374b5; text-decoration:none; font-weight:bold;}
.grid .tabela a:hover {text-decoration:underline;}
.grid .tabela .acoes {background:none; overflow:hidden; clear:both; border:1px solid #ccc; margin: 0 0 -1px;}
.grid .tabela .acoes div {padding:10px; font-size:12px; color:#0390d1;}
.grid .tabela .acoes .left {line-height: 30px;}
.grid .tabela .acoes a {color:#0390d1;}
.grid .tabela .acoes select {margin:0 0 0 5px;}
.grid .tabela .acoes p span {color:#006aaa;}
.grid .tabela .acoes .botoes select {padding: 6px 10px; min-width: 150px;}
.grid .tabela table {border:1px solid #ccc; border-collapse:collapse; clear:both;}
.grid .tabela table td {padding:5px; border:1px solid #ccc; border-collapse:collapse;}
.grid .tabela table td a {display: block;}
.grid .tabela table .th {background:url(../images/bg-th.jpg) repeat; color:#fff; font-weight:700; cursor:pointer;}
.grid .tabela table .th td.sorting_asc {background:url(../images/bg-th-hover-up.png) right 7px top 5px no-repeat #666666;}
.grid .tabela table .th td.sorting_desc {background:url(../images/bg-th-hover-down.png) right 7px top 5px no-repeat #666666;}
.grid .tabela table .th-sub {background:url(../images/bg-sub-th.jpg) repeat; line-height:35px; cursor:default;}
.grid .tabela table .th-sub input,
.grid .tabela table .th-sub select {width:100%; height:25px; border:1px #aaa solid; padding: 0 5px;}
.grid .tabela table #rows tr.highlighted {background:#ffffe5; font-weight: bold	}
.grid .tabela table #rows tr:hover {background:#e5f7ff; cursor:pointer;}
.grid .tabela table #rows tr td:first-child {cursor: default;}
.grid .tabela .nohover:hover {cursor:default;}
.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 #fff; padding: 20px 20px 20px 50px; top:20%; left:50%; margin: 0 0 0 -40px; border:1px #ccc solid;}

.indent .bloco {width: 50%; margin: 0 0 20px; float: left; overflow: hidden;}
.indent .bloco p {margin: 3px 0;}
.indent .bloco.f {width: calc(100% / 2 - 20px); margin: 0 20px 20px 0;}
.indent .bloco_full {width: 100%; margin: 0 0 20px;}
.indent .bloco.mini {width: calc(100% / 4 - 60px); margin: 0 20px 20px 0;}
.indent .bloco.mini.l {margin: 0 0 20px;}
.indent .bloco.mini h2 {font-size: 12px;}

.formulario .pedidos {border:1px #ccc solid; margin:0;}
.formulario .pedidos th {text-align:left;}
.formulario .pedidos .tr-hf {height:35px; line-height:35px;}
.formulario .pedidos .tr-hf .td-r {text-align:right;}
.formulario .pedidos td,
.formulario .pedidos th {padding:5px 10px;}
.formulario .pedidos .tr1 {background:#eee;}
.formulario .pedidos .tr2 {background:#ccc;}
.formulario .pedidos .tr-f {background:#ddd; border:1px #aaa solid;}

.painel .hr {margin:8px 0; height:1px; background:#ccc;}
.painel .results {padding:20px; background:#f3fef2; text-align:center; border:none; margin:0;}
.painel #formulario {border:1px #ccc solid; border-top:none;}
.painel .left {width:35%;}
.painel .left .info:last-child {margin:0;}
.painel .right {float:left; width:64%; margin:0 0 0 1%;}
.painel .totais {margin: 0 0 15px;}
.painel .totais .results {background: #F3FEF2; text-align: center;}
.painel .totais .results h4 {background: #88B6DA; padding: 3px 8px; color:#fff;}
.painel .totais .results h2 {margin: 15px 0 20px; line-height: 32px;}
.painel .totais .results.ui-tabs-panel {padding: 0; margin: 15px 0 0;}
.painel .totais .ui-tabs-nav a {font-size:9px; padding: 0.5em 1em;}
.painel .totais .results {border: 1px #ccc solid;}
.painel .info {border:1px solid #ccc; margin:0 0 15px;}
.painel .info input, .painel .info textarea {width:97%;}
.painel .info h4 {background:#88b6da; padding:3px 8px; color:#fff;}
.painel .info .cl1 {width:200px;}
.painel .info table td {vertical-align:middle !important; padding:0 5px;}
.painel .info table td {border-bottom:1px #ccc solid; border-right:1px #ccc solid;}
.painel .info table td:last-child {border-bottom:1px #ccc solid; border-right:none;}
.painel .info table tr:last-child td {border-bottom:none;}
.painel .info table tr.grid {line-height:19px; background:url(../images/bg-tr-grid.jpg) repeat top center;}
.painel .info table tr.grid td {border:1px solid #ddd; padding:0 5px; background:none !important;}
.painel .info .results {padding:0; background:#f3fef2; text-align:center; margin:0;}
.painel #table table {background:#FFF;}
.painel #table table tr:nth-child(odd) {background:#eee;}
.painel #table table tr:nth-child(even) {background:#fff;}
.painel .tabs {clear:both; float:left;}
.painel .periodo {background:#88b6da; padding:10px; overflow:hidden; box-shadow: none !important; margin:20px 20px 0;}
.painel .periodo select {margin:0 !important; float:right !important;}
.painel #formulario h2 {color:#0390D1;}
.painel #formulario .results {margin:20px; border:1px #ccc solid;}
.painel #chartdiv {height: 300px; margin: 20px auto; width: 90%;}
.painel #tabs3, .painel #tabs4 {margin: 0 20px 20px;}
.painel #tabs3 #formulario, .painel #tabs4 #formulario {margin: 5px 0 0;}
.painel table tr.grid {background: url(../images/bg-tr-grid.jpg) repeat scroll center top transparent !important; font-weight: 700; line-height: 19px;}
.painel table td {padding: 0 5px;}
.painel table tr.grid td {background: none repeat scroll 0 0 transparent !important; border: 1px solid #DDDDDD; padding: 0 5px;}

.tabela_interno {margin:0; background:#fff; clear:both;}
.tabela_interno .nav {display: none; height:40px; line-height:30px; overflow:hidden; clear:both;}
.tabela_interno .nav #page {width: 30px; text-align: center;}
.tabela_interno .nav input,
.tabela_interno .nav textarea {width: 100%; margin: 0;}
.tabela_interno .dataTables_length,
.tabela_interno .dataTables_filter,
.tabela_interno .dataTables_processing {display:none;}
.tabela_interno .botoes {margin: 0 0 10px;}
.tabela_interno a {color:#0374b5; text-decoration:none; font-weight:700;}
.tabela_interno a:hover {text-decoration:underline;}
.tabela_interno table [type=checkbox] {float:none !important;}
.tabela_interno table {border:1px solid #ccc; border-collapse:collapse; clear:both;}
.tabela_interno table .th-sub input,
.tabela_interno table .th-sub select {width:100%; height:25px; border:1px #aaa solid; padding: 0 5px;}

.tabela_interno table tr:hover {background:#e5f7ff;}
.tabela_interno td {padding:5px; border:1px solid #ccc; border-collapse:collapse;}
.tabela_interno .nohover:hover {cursor:default;}
.tabela_interno .dataTables_processing {display:none;}
.tabela_interno .dataTables_processing {line-height:25px; position: absolute; background: url(../images/loading.gif) 10px center no-repeat #fff; padding: 20px 20px 20px 50px; top:20%; left:50%; margin: 0 0 0 -40px; border:1px #ccc solid;}
.indent .formulario .tabela_interno input,
.indent .formulario .tabela_interno select,
.indent .formulario .tabela_interno textarea {width: 100%; margin: 0;}
.indent .formulario .tabela_interno textarea {height: 100px; line-height: 20px;}
.dataTables_wrapper table tr td:first-child {text-align: center;}
.dataTables_wrapper table tr td:first-child input {margin: auto !important;}

/* RELATÓRIOS */
.tabela_interno .total {background:#88b6da; font-weight:bold}
.tabela_interno tr.total:hover {background:#88b6da;}
.tabela_interno .acoes {background:none !important; overflow:hidden; clear:both; border:1px solid #ccc; border-bottom:none;}
.tabela_interno .acoes div {padding:10px; font-size:11px; color:#0390d1;}
.tabela_interno .acoes a {color:#0390d1;}
.tabela_interno .acoes select {margin:0 0 0 5px;}
.tabela_interno .acoes p span {color:#006aaa;}
.tabela_interno .acoes .right select {display:inline-block !important; width:auto !important; clear:none !important;}
.tabela_interno .acoes .right input {float:none !important; display:inline-block !important; width:auto !important;}
.tabela_interno .th {background:url(../images/bg-th.jpg) repeat !important; color:#fff; font-weight:700; cursor:pointer;}
.tabela_interno .th-sub {background:url(../images/bg-sub-th.jpg) repeat !important; line-height:35px; cursor:default !important;}
.tabela_interno .th-sub input,
.tabela_interno .th-sub select {width: 100% !important;}
.tabela_interno .tr-2 {background:#eee;}
.tabela_interno table tr.disabled,
.tabela_interno table tr.disabled:hover {background:#FF6666;}
.tabela_interno td.ord {background: url(../images/move.png) center center no-repeat; cursor: move;}
.tabela_interno thead.nocursor td {cursor: auto;}

.sidebar_categorias {width:18%; float: left;}
.sidebar_categorias ul {margin:0 0 0 5px;}
.sidebar_categorias ul li {margin:0 0 0 5px; overflow: hidden; clear: both;}
.sidebar_categorias form > ul > li > div {font-weight: bold;}
.sidebar_categorias ul li a.slc {background:#ccc;}
.sidebar_categorias ul li span {width: 17px; height: 17px; display: inline-block; cursor:move; text-align: center; float:left;}
.sidebar_categorias ul li div {padding: 3px; float:left;}
.sidebar_categorias ul li input {margin: 2px 5px 2px 2px; float:left;}
.sidebar_categorias ul li b {float:left; color: #000;}
.sidebar_categorias ul li li b {font-weight: normal;}
.sidebar_categorias ul li .highlighted {background: #000; color:#fff; padding: 0 2px;}
.sidebar_categorias ul li .highlighted b {color:#fff;}
.sidebar_categorias .ui-sortable-placeholder {background: #fff; width: 100%; visibility: visible !important; border: 1px #ccc dashed;}
.sidebar_categorias .ui-sortable-helper {background: rgba(255, 255, 0, 0.1); width: 100%; height: 17px;}
.sidebar_categorias a {cursor:pointer; line-height: 16px; overflow: hidden; display: inline-block; float: left;}
.sidebar_categorias b {cursor:pointer;}
.sidebar_categorias a:hover {text-decoration:none;}
.sidebar_categorias .btn-padrao {margin: 5px;}

.content_categorias {width:78%; float: right;}

.dialogform form {margin: 5px 0;}
.dialogform label {width: 15%; float:left; display: block; line-height: 20px; margin-bottom: 10px; white-space:nowrap; clear:left;}
.dialogform input, .dialogform select, .dialogform textarea, .dialogform .ckarea {width: 83%; float:left;}
.dialogform textarea {height: 200px;}
.dialogform .ckarea {}
.dialogform label.error {margin: -10px 0 0 15%; width: auto; color:#df280a;}
.dialogform h3 {margin: 10px 5px;}
.dialogform .uploadifyQueueItem {width: 95%;}

.dialogform .gridTable input, .dialogform .gridTable select, .dialogform .gridTable textarea {width: auto; float:none;}

.delete, .save, .edit {background-image: url(../images/icons.png); width: 16px; height: 17px; display: inline-block;}
.delete {background-position: 0 0;}
.save {background-position: -16px 0;}
.edit {background-position: -32px 0;}

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

#btGerarCodigo {width: 100px;}

.clientes .info {border:1px solid #ccc; margin:0 0 15px;}
.clientes .info input, .clientes .info textarea {width:97%;}
.clientes .info h4 {background:#88b6da; padding:3px 8px; color:#fff; cursor:pointer;}
.clientes .info h3 {background:#88b6da; padding:3px 8px; color:#333;}
.clientes .info .cl1 {width:200px;}
.clientes .info table {padding:12px;}
.clientes .info table td {vertical-align:middle !important; padding:0 5px;}
.clientes .info table tr.grid {line-height:19px; background:url(../images/bg-tr-grid.jpg) repeat top center;}
.clientes .info table tr.grid td {border:1px solid #ddd; padding:0 5px; background:none !important;}
.clientes #fisica {background:#f3fef2; padding:10px;}
.clientes #juridica {background:#f2f2ff; padding:10px;}
.clientes .chk2 {float:left !important; width:20px !important; margin: 7px 10px 0 0 !important;}
.clientes .bloco {width:47.5%; float:left; margin:1.13%;}
.clientes .bloco.last {width:97.5%;}
.clientes .bloco #table {padding:10px;}
.clientes .bloco #table input[type=checkbox] {clear:left; margin:0 5px 0 0;}
.clientes .bloco #table p {padding:3px 0;}
.clientes .bloco #table.totais {background:#67BEE7; color:#fff;}
.clientes .bloco #table.last {margin:0; padding:0;}
.clientes .bloco #table.last td {background:#ddd; border:#ccc 1px solid;}

.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 .labels {width: 15%; float: left;}
.enderecos .labels label {width: 100%;}
.enderecos .endereco {width: 85%; float: left; display: none;}
.enderecos .endereco input,
.enderecos .endereco select {width: 100%;}

.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:#faebe7; 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 #ccc solid; float: left; text-decoration: none;}
.usuariosgrupos .checkall:hover {background: #eee;}
.usuariosgrupos #tree-permissoes {}
.usuariosgrupos #tree-permissoes li {float:left; display: block; clear: both; white-space: nowrap;}
.usuariosgrupos #tree-permissoes li.hidden {display: none;}
.usuariosgrupos #tree-permissoes li input {float:left; display: block; margin: 2px 5px 0 0; height: auto; clear:none;}
.usuariosgrupos #tree-permissoes li label {float:none; display: block; clear:none; width: auto; line-height: 18px; margin: 0; height: auto;}
.usuariosgrupos #tree-permissoes li a.menuTree {display: inline-block; padding: 0 0 0 12px;}
.usuariosgrupos #tree-permissoes li ul {margin: 0 0 0 20px;}
.usuariosgrupos #tree-permissoes .menuTree {background:url(../images/cat+.png) no-repeat left top; padding-left:12px;}
.usuariosgrupos #tree-permissoes .expanded {background:url(../images/cat-.png) no-repeat left top; padding-left:12px;}
.usuariosgrupos #tree-permissoes .collapsed {display:none;}

.relatorios {overflow: hidden;}
.relatorios form {background: #f3fef2; padding: 20px; border: 1px #ccc 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: #fff; 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: #faebe7;}
.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 .botoes {width: 415px; float:left; margin: 20px 0 0;}
.relatorios p {margin: 10px 0;}
.relatorios .formulario {}
.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 .results {padding:20px; background:#f3fef2; text-align:center; border:none; margin:0;}
.relatorios .info {border: 1px solid #999; margin: 0 0 15px; background: #fff; overflow: hidden; line-height: 20px;}
.relatorios .info input,
.relatorios .info textarea {width:97%;}
.relatorios .info h4 {background:#88b6da; padding:3px 8px; color:#fff;}
.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: #fff; width: 85%; height: 25px; line-height: 25px; padding: 0 5px; border:1px #aaa solid; margin: 0 0 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 #d00 solid;}
.relatorios .info .select_all {padding: 5px 10px; border:1px #ccc solid; float:left; display: block; text-decoration: none; margin: 0 0 10px;}
.relatorios .info .select_all:hover {background: #ccc;}
.relatorios .info textarea {height: 150px; resize: none;}
.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: #428bca; border:1px #aaa solid; padding: 5px 10px; cursor:pointer; color:#fff; width: 100px; height: auto; line-height: 15px;}
.relatorios .info select.w200 { width: 200px; }

.plup_button {background: #666; color: #fff !important; padding: 8px 15px; float: left; display: block; border-radius: 5px; margin: 0 0 10px; line-height: 15px;}
.plup_button:hover {background: #999; text-decoration: none;}
.up_wrap.error .plup_button {border: 1px #d00 solid;}
.plup_queue {overflow: hidden; float: left;}
.plup_queue div {float: left; display: block; width: 300px; background: #fff; border: 2px #ccc 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: #ccc; 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: 5px 0; overflow: hidden;}

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

.grid .tabela #relatorioAlbuns .th { background: #5a5a5a; }

.btn-access {display: block; padding: 3px 5px; color: #fff !important; background: #337ab7; border-color: #2e6da4; float: right; margin: 2.5px 0; width: 100%; }
.btn-access:hover {background: #286090; border-color: #204d74;}

.wrap_paginator {background: #fff; border: 1px #ccc solid; }
.wrap_paginator .paginator {padding: 10px; margin: auto; display: flex; align-items: center; justify-content: center; }
.wrap_paginator .paginator a {display: inline-block; padding: 3px 5px; min-width: 15px; line-height: 15px; background: #eee; text-align: center; border: 1px #ccc solid; margin: 0 5px; cursor: pointer; text-decoration: none; font-size: 14px;}
.wrap_paginator .paginator a:hover {background: #ccc;}
.wrap_paginator .paginator a.disabled,
.wrap_paginator .paginator a.disabled:hover {opacity: 0.3; background: #eee; cursor: default;}
.wrap_paginator .paginator a.current {cursor: default; background: #aaa; border: 1px #aaa solid; color: #fff;}

.indent .form-list.form-ul label { width: 100%; text-align: left; display: flex; align-items: center; }
.indent .form-list.form-ul input { margin: 0 10px 0 0; }
.indent .form-list.form-ul ul { padding: 0 0 0 15px; }