:root {
	--maxwidth: 100%;
	--color: #d50807;
	--colorlight: #b9f3fc;
	--colorhover: #006c7d;
	--menucolor: #d50807;
	--btnbg: #f4f4f4;
	--btncolor: #444;
	--btnbghover: #e6e6e6;
	--btncolorhover: #333;
}

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

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

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

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

body {background: #ecf0f5; color: #000; height: 100%; overflow-y: scroll; min-width: 1200px;}
body, input, select, textarea {font-size: 12px; font-family: 'Open Sans', 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;}

.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;}

.top {margin: 0 auto; overflow: hidden; padding: 0 20px; background: #FFF;}
.top .indent {width: var(--maxwidth); margin: 0 auto; display: flex; justify-content: space-between;}
.top .indent .logo {align-self: center;}
.top .indent .user {height: 20px; align-self: center;}
.top .indent .user span {color: var(--color); font-weight: bold;}
.top .indent .user .login{display: inline-block; margin: 0 5px; background: url(../images/login.png); width: 15px; height: 17px; vertical-align: middle;}

.menu {background: #d50807; min-height: 35px; margin: 0; clear: both; padding: 0 20px;}
.menu .indent {width: var(--maxwidth); margin: 0 auto;}
.menu ul {display: block; height: 50px; clear: both;}
.menu ul li {float: left; line-height: 50px; height: 50px; display: block; position: relative;}
.menu ul li a {display: block; padding: 0 12px; margin: 0; color: #fff; text-decoration: none;}
.menu ul li:hover a {background: var(--color); text-decoration: none;}
.menu ul li .sub {position: absolute; display: none; border: 1px solid #ccc; z-index: 10; top: 50px; left: -1px;}
.menu ul li .sub ul {margin: 0; height: auto;}
.menu ul li .sub ul li {line-height: 35px; border: 0; border-bottom: 1px dotted #ccc; height: auto; clear: both; background: var(--colorlight); width: 100%; white-space: nowrap;}
.menu ul li .sub ul li a {padding: 0 20px 0 8px; color: #8aa4af; margin: 0; background: #000;}
.menu ul li .sub ul li a:hover {color: #fff;}
.menu ul li .sub ul li .sub {display: none; min-width: 150px; left: 100%; top: -1px;}
.menu ul li .sub ul li:last-child {border: none;}
.menu ul li:hover > .sub {display: block;}
.menu ul li.exit {border: 0;}
.menu ul li.exit a {background: #a00; font-weight: bold;}
.menu ul li.exit a:hover {background: #900;}

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

#content {padding: 20px 20px 65px; overflow: hidden;}
#content > .indent {width: var(--maxwidth); margin: auto;}

.footer {background: #ddd; height: 45px; position: relative; margin: -45px 0 0; border-top: 1px solid #ccc; clear: both; padding: 0 20px;}
.footer .indent {width: var(--maxwidth); 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: #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;}
#wrap_login .login h2 {padding: 10px; background: #FFF; color: #000; font-size: 16px; text-align: center; border-top: 3px solid #bbb; border-bottom: 1px solid #f4f4f4;}
#wrap_login .login .r label:first-child {min-width: 100px;}
.index_prelogin {display: flex; justify-content: space-around;}
.index_prelogin .wrap_login {}
.index_prelogin .wrap_video {}
.wrap_login .login .r label:first-child {min-width: 60px !important; color: #55666F; font-weight: normal; font-size: 14px;}
/*
.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 auto; border: 1px #ccc solid; cursor: pointer; float: none; display: block;}
*/

#tabs {background: none; border: 0; padding: 0;}
#tabs .sidebar {float: left; width: 200px;}
#tabs .sidebar h1 {width: 100%;}
#tabs .sidebar ul {padding: 0; border: 0;}
#tabs .sidebar ul li {float: left; margin: 0; padding: 0; border: 0 !important; background: #eee !important;}
#tabs .sidebar ul li:last-child {}
#tabs .sidebar ul li.ui-state-active {margin: 0 0 -1px; z-index: 2; border: 0 !important; background: #FFF !important;}
#tabs .sidebar ul li a {display: block; width: 100%; white-space: normal; color: #000 !important; font-weight: normal !important; line-height: 40px; padding: 0 10px;}
#tabs .sidebar ul li.ui-state-active a:after{content: ''; width: 12px; height: 12px; border-right: 2px solid #999; border-bottom: 2px solid #999; position: absolute; right: 20px; top: 50%; transform: translateY(-50%) rotate(-45deg); display: block;}
#tabs .sidebar ul li span.alert {background: url(../images/ic-alert.gif); height: 16px; width: 16px; float: right; display: inline-block;}
#tabs .sidebar ul li span.save {background: url(../images/ic-save.gif); height: 16px; width: 16px; float: right; display: inline-block;}
#tabs .content {float: right; width: calc(100% - 200px);}
#tabs h1 {padding: 5px 0;}
#tabs h1 img {margin: 4px 10px 0 0; float: left;}

.header {overflow: hidden; min-height: 50px; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; background: #FFF; border-top: 5px solid #d50807; border-radius: 5px 5px 0 0;}
.header h1 {padding: 5px 0; color: #000;}

.header.flutuante {display: none; width: 100%; height: auto; padding: 0 20px; z-index: 10; position: fixed; top: 0; left: 0; margin: 0; background: var(--color); border: none;}
.header.flutuante h1 {margin: 0; color: #fff; line-height: 40px; float: left;}
.header.flutuante .botoes {margin: 10px 0;}

.botoes {height: auto; margin: 0; overflow: hidden; float: right;}
.btn {margin: 0 0 0 7px; float: right; background: var(--color); border: 1px #aaa solid; padding: 5px 10px; cursor: pointer; color: #fff;}
.btn.auto {width: auto;}
.btn:hover {background: var(--colorhover);}
.btn.salvar {background: #5cb85c;}
.btn.salvar:hover {background: #449d44;}
.btn.excluir {background: #d9534f;}
.btn.excluir:hover {background: #c9302c;}
.btn.voltar {background: #ffffff; color: #000;}
.btn.voltar:hover {background: #dddddd;}
.btn.last {margin-right: 0;}
span.btn {background: none !important; border: 0; color: #000; cursor: auto;}

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

.indent {}
.indent .formulario {background: #fff; overflow: hidden; padding: 15px 15px 25px; line-height: 20px; margin: 0 0 20px; position: relative;}
.indent .formulario:last-child {margin: 0;}
.indent .formulario .botoes {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: 32px; line-height: 32px; font-weight: bold;}
.indent .formulario input,
.indent .formulario select,
.indent .formulario textarea {background: #fff; line-height: 30px; padding: 0 5px; border: 1px #aaa solid; margin: 0 0 25px; width: 100%; text-align: left; align-self: flex-start; min-width: 0;}
.indent .formulario [readonly] {background: #ddd;}
.indent .formulario textarea {line-height: 20px;}
.indent .formulario input.error,
.indent .formulario select.error,
.indent .formulario textarea.error {margin: 0 0 25px; border: 1px #d00 solid;}
.indent .formulario select:not([multiple]) {height: 32px; 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; line-height: normal; margin: 0; align-self: center;}
.indent .formulario label.error {color: #DF280A; text-align: left; position: absolute; padding: 0; left: 150px; bottom: 5px;}
.indent .formulario ul.tagit {width: 100%; margin: 0 0 25px; line-height: 20px; cursor: text; border-color: #aaa; 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 .login .formulario .btn-login{font-size: 14px; background: #f4f4f4; color: #444; padding: 0; width: 100px; border:1px solid #aaa; margin: auto; cursor: pointer; text-align: center; float: none; display: block;}
.indent .login .formulario .btn-login:hover{background: #e7e7e7;}

.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 .r {display: flex; float: left; clear: both; width: 100%; overflow: hidden; position: relative;}
.indent .formulario .r.r-wrap{ flex-wrap: wrap; }
.indent .formulario .r.r-wrap .plup_button{ page-break-after: always; }
.indent .formulario .r.posr {position: relative;}
.indent .formulario .r:last-child {}
/*
.indent .formulario .r:last-child input,
.indent .formulario .r:last-child select {margin: 0;}
*/
.indent .formulario .r label {flex-grow: 0; text-align: right;}
.indent .formulario .r label b.req {color: #a00; font-weight: bold;}
.indent .formulario .r label:first-child {flex-grow: 0; min-width: 150px; padding: 0 10px 0 0; text-align: left; line-height: normal; height: 50px;}
.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;}

.ui-dialog form .r {display: flex; float: left; clear: both; width: 100%; overflow: hidden; margin: 0 0 20px;}
.ui-dialog form .r label {flex-grow: 0; text-align: right;}
.ui-dialog form .r label:first-child {flex-grow: 0; min-width: 150px; padding: 0 10px 0 0; text-align: left;}
.ui-dialog form .r .w200 {width: 200px; flex-shrink: 0;}

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

.indent .formulario .r .btn {padding: 0 10px; text-align: center;}

.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; float: left; background: var(--color); border: 1px #aaa solid; padding: 5px 10px; cursor: pointer; color: #fff; height: auto;}
.indent .formulario .btn.auto {width: auto; line-height: 15px;}

[readonly="readonly"],
[disabled="disabled"],
.indent .formulario [readonly="readonly"],
.indent .formulario [disabled="disabled"] {background: #ccc;}

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

.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;}

.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 {background: #FFF;}
.grid .nav {display: none; height: 40px; line-height: 30px; overflow: hidden; clear: both; padding: 0 20px;}
.grid .nav #page {width: 30px; text-align: center;}
.grid .nav .pedidos {border: 0;}
.grid .tabela {margin: 0; display: none; background: #fff; clear: both; padding: 0 20px 20px;}
.grid .tabela a {color: #000; 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: #000; height: auto; display: flex;}
.grid .tabela .acoes div .btn{flex-shrink: 0;}
.grid .tabela .acoes .left {line-height: 30px;}
.grid .tabela .acoes a {color: #000;}
.grid .tabela .acoes select {margin: 0 0 0 5px;}
.grid .tabela .acoes p span {color: #000;}
.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; height: 45px;}
.grid .tabela table td a {display: block;}
.grid .tabela table .th {background: #EEE; color: #000; 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: #FFF; 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; margin: 0;}
.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: 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 #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 1%; float: left; overflow: hidden;}
.indent .bloco p {margin: 3px 0;}
.indent .bloco.f {width: 49%; margin: 0 1% 1% 0;}
.indent .bloco_full {width: 100%; margin: 0 0 1%;}
.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;}

.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: var(--color);}
.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 {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 select,
.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 {table-layout: fixed;}
.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 {width: 100%; height: 18px; box-shadow: 2px 2px 5px #ccc inset; padding: 2px 0;}
.tabela_interno table tr:hover {background: #e5f7ff;}
.tabela_interno table td {padding: 3px 5px; border: 1px solid #ccc; border-collapse: collapse; vertical-align: top; overflow: hidden;}
.tabela_interno .nohover:hover {cursor: auto;}
.tabela_interno .total,
.tabela_interno .total:hover {background: #eee;}
.tabela_interno .td_acoes {width: 30px;}
.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;}
.indent .formulario .tabela_interno label.error {position: static; line-height: normal; height: auto;}
.indent .formulario .tabela_interno .total,
.indent .formulario .tabela_interno .total:hover {background: #eee;}
.indent .formulario .tabela_interno .r_cat input[type='checkbox']{margin: 10px 0 0;}

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

.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: var(--color);}
.tabela_interno .acoes a {color: var(--color);}
.tabela_interno .acoes select {margin: 0 0 0 5px;}
.tabela_interno .acoes p span {color: var(--color);}
.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 {cursor: pointer;}
.tabela_interno .th,
.tabela_interno .th:hover,
.tabela_interno .th:hover td {background: var(--color); color: #fff; font-weight: 700;}
.tabela_interno .th-sub {background: var(--colorlight) !important; line-height: 35px; cursor: default !important;}
.tabela_interno .th-sub input,
.tabela_interno .th-sub select {width: 100% !important;}
.tabela_interno table tr.disabled,
.tabela_interno table tr.disabled:hover {background: #FF6666;}

.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 .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; padding: 0;}
.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;}

.representantes_banners #tree-representantes {}
.representantes_banners #tree-representantes li {overflow: hidden; margin: 0 0 3px;}
.representantes_banners #tree-representantes li input {margin: 5px 5px 0 0;}

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

.relatorios {overflow: hidden;}
.relatorios form {background: #f3fef2; padding: 15px; 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 .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 {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: #eee; color: #000;}
.relatorios .tabela_interno table #subtable .th td {background: #eee; color: #000;}
.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: #fff; overflow: hidden; line-height: 20px; border-color: #999;}
.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: 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 #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: var(--color); border: 1px #aaa solid; padding: 5px 10px; cursor: pointer; color: #fff; width: auto; height: auto; line-height: 15px;}
.relatorios .erro {opacity: 1; margin: 0 0 10px; display: none;}

.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;}

.vencedor{justify-content: center; margin: 10px 0 0; display: none;}
.vencedor.active{display: flex;}
.vencedor .star{width: 40px; height: 32px; margin: 0 5px; display: flex; justify-content: center; align-items: center;}
.vencedor .star span{display: block; width: 21px; height: 20px; background: url(../images/star.png);}
.vencedor .star.active span{background: url(../images/star-active.png);}

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

#ui-datepicker-div {z-index: 2 !important;}
.ui-autocomplete {max-height: 200px; overflow-y: scroll; overflow-x: hidden;}

.formulario-mata-mata .jogo{min-height: 6.15vw; background: linear-gradient(to bottom, #f6f6f6 calc(6.15vw - 5px), #FFF calc(6.15vw - 5px));}
.jogo fieldset{display: flex; justify-content: space-between;}

.indent .formulario .lh-lbl{line-height: 32px;}

.painel{padding: 50px 0 0; width: 1000px; margin: auto;}
.painel .report{display: flex; justify-content: space-between; padding: 15px 0; align-items: flex-start;}
.painel .report > .item{width: 30%; height: 100px; padding: 10px; background-image: url(../images/engrenagem.png); background-position: right +5px center; background-repeat: no-repeat;}
.painel .report .item p{font-size: 13px; color: #FFF;}
.painel .report .item p.big{font-size: 15px; margin: 0 0 20px;}
.painel .report .item.blue{background-color: #00c0ef;}
.painel .report .item.red{background-color: #dd4b39 ;}
.painel .report .item.orange{background-color: #f39c12;}
.painel .report .item.green{background-color: #00a65a ;}
.painel .report .list{width: 100%; border-top: 2px solid #00c0ef; background: #FFF; padding: 10px; margin: 10px 0;}
.painel .report .list p.big{font-size: 15px; margin: 0 0 10px;}
.painel .report .list .item{border-bottom: 1px solid #efefef; padding: 7.5px 0; display: flex;}
.painel .report .list .item .col{width: 50%}
.painel .report .list.ranking .item .col:nth-child(1){width: 70%;}
.painel .report .list.ranking .item .col:nth-child(2){width: 30%;}
.painel .report .col50{width: 47.5%;}

.tagsinput{height: 150px !important;}
.tagsinput,
.cke{width: 100% !important; margin: 0 0 25px !important;}

.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;}

#list_galeria{display: flex; flex-wrap: wrap;}
#list_galeria .item{width: 180px; flex-shrink: 0; margin: 0 20px 20px 0; position: relative;}
#list_galeria .item img{max-width: 100%; margin: auto; display: block;}
#list_galeria .item .remover{position: absolute; right: 0; top: 0; background: #FF0000; text-align: center; width: 25px; line-height: 25px; color: #FFF; z-index: 9; text-decoration: none;}

.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;}

.wrap-ordenacao{width:100%; overflow:hidden;}
.wrap-ordenacao .item{display:block; float:left; margin:10px; width: 200px; height: 150px; cursor:move;}
.wrap-ordenacao .item img{max-width: 100%; max-height: 150px;}

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

td.ord {background: url(../images/move.png) center center no-repeat; cursor: move;}

@media screen and (max-width: 1600px){
	:root {
		--maxwidth: 100%;
	}
}

.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; height: 25px; margin: 0 0 5px; padding: 0 10px;}
.dialogform input.w200, .dialogform select.w200, .dialogform textarea.w200{width: 200px;}
.dialogform textarea {height: 200px; margin: 0 0 10px; resize: none;}
.dialogform select.w200{width: 200px;}
.dialogform .ckarea {}
.dialogform label.error {margin: -10px 0 0 15%; width: auto; color:#df280a;}
.dialogform h3 {margin: 10px 5px;}

#popup_title,
#popup_panel input{background: #df280a !important;}

.ui-widget-content{ border: 0 !important;}
.ui-widget-content:not(#tabs-horizontal) .ui-widget-header{background: var(--menucolor) !important; border:0 !important;}
.ui-widget-content:not(#tabs-horizontal) .ui-widget-header span{font-weight: normal !important;}
.ui-widget-content .ui-button{background: var(--btnbg) !important; color: var(--btncolor) !important; border: 1px solid var(--btncolor) !important;}
.ui-widget-content .ui-button.ui-state-hover{background: var(--btnbghover) !important; color: var(--btncolorhover) !important;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{width: 100%; float: none; display: flex; justify-content: center;}

.ui-tabs-nav .ui-state-default{background: #CCC !important; border: 1px solid #111 !important;}
.ui-tabs-nav .ui-state-active{background: #FFF !important; border: 1px solid #111 !important;}
.ui-tabs-nav .ui-state-default a{color: #df280a; !important;}
.ui-tabs-nav .ui-state-active a{color: #000 !important;}

#list_banners{ display: flex; flex-wrap: wrap; }
#list_banners .item{ margin: 5px; position: relative; }
#list_banners .item .remover{position: absolute; right: 0; top: 0; background: #FF0000; text-align: center; width: 25px; line-height: 25px; color: #FFF; z-index: 9; text-decoration: none;}

#upload_video{ page-break-after: always; margin: 0 10px 0 0; }

#list_regulamento p{ position: relative; }
#list_regulamento p a{ width: 25px; line-height: 25px; background: #FF0000; color: #FFF; text-align: center; font-weight: bold; margin: 0 0 0 10px; display: inline-block; }

.wrap-laminas{ display: flex; flex-wrap: wrap; }
.wrap-laminas .laminas{ position: relative; width: 270px; height: 150px; display: grid; border-radius: 5px; border: 1px solid #CCC; padding: 10px; grid-gap: 10px; margin: 10px; }
.wrap-laminas .laminas .remove{ position: absolute; top: 0; right: 0; background: #FF0000; text-align: center; width: 20px; height: 20px; line-height: 20px; color: #FFF; display: block; }
.wrap-laminas .laminas.w100 { grid-template-areas: "item-100"; }
.wrap-laminas .laminas .item{ width: 100%; height: 100%; border: 1px solid #CCC; background: url(../images/ic-select.jpg) center no-repeat #FFF; }
.wrap-laminas .laminas .item.item-100{ grid-area: item-100; }
.wrap-laminas .laminas.w50 { grid-template-areas: "item-50a item-50b"; }
.wrap-laminas .laminas .item.item-50a{ grid-area: item-50a; }
.wrap-laminas .laminas .item.item-50b{ grid-area: item-50b; }
.wrap-laminas .laminas.w50b { grid-template-areas: "item-50a item-25a" "item-50a item-25b"; }
.wrap-laminas .laminas .item.item-25a{ grid-area: item-25a; }
.wrap-laminas .laminas .item.item-25b{ grid-area: item-25b; }
.wrap-laminas .laminas.w25 { grid-template-areas: "item-25-1 item-25-2" "item-25-3 item-25-4"; }

.r-futebol .remover { width: 25px; line-height: 25px; text-align: center; color: #FFF; font-size: 12px; background: tomato; display: inline-block; }