/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

html {
    box-sizing: border-box;
    font-family: -apple-system, blinkmacsystemfont, "segoe ui", "roboto condensed", "helvetica neue", arial, sans-serif;
    font-size: 13px;
}
@media screen and (min-width: 480px) {
    html {
        font-size: calc(13px + 2 * ((100vw - 480px) / 720));
    }
}
@media screen and (min-width: 1200px) {
    html {
        font-size: 15px;
    }
}
*,
*:before,
*:after {
    box-sizing: inherit;
}
* {
    scrollbar-width: thin;
}
*::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #ccc;
}
*::-webkit-scrollbar-thumb {
    background: #aaa;
}
h1, h2, h3, h4, h5 { font-weight: normal; }
h1 {margin-top: 0;font-size: 5em; opacity: .1; letter-spacing: -3px;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em}
h4 {font-size: 1.2em}
h5 {font-size: 1.1em;}
a {
    font-weight: 600;
    color: inherit;
	text-decoration:none;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
hr {
    color: #fff;
}
.ac {
    text-align: center;
}

.ar {
    text-align: right;
}

.al {
    text-align: left;
}
.far,
.fal {
    font-family: 'Font Awesome 5 Pro' !important;
}
.fal{
	font-weight: 300 !important;
}
.fa-icon {
    display: block;
    width: 18px;
    height: 18px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.dotted {
    display: block;
    width: 100%;
    height: 1px;
    border-top: 1px dotted #ccc;
}

em,
.em {
    font-size: .9em;
    font-style: oblique;
    opacity: .75;
}
.hidden {
    display: none
}
.empty {
    padding: 1rem;
    text-align: center;
    font-size: 1.5em;
    font-style: oblique;
    opacity: .5;
}
/* vbox, hbox */
.hbox {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.vbox {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.startify {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.centerfy {
    -webkit-justify-content: center;
    justify-content: center;
}

.endify {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.justify {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.aroundify {
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.c-startify {
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.c-centerfy {
    -webkit-align-items: center;
    align-items: center;
}

.c-endify {
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.c-justify {
    -webkit-align-items: stretch;
    align-items: stretch;
}

.c-aroundify {
    -webkit-align-items: baseline;
    align-items: baseline;
}

.stretch {
    -webkit-flex-grow: 1
}
/*table*/
table {
	width: 100%;
}
th, td{
	padding: 10px;
	font-weight: normal;
	vertical-align: middle;
}
table input[type="radio"]+label {
    margin-right: 1rem;
}

table input[type="radio"]:checked+label {
    font-weight: bold;
}

table.list thead th {
    background: #f5f5f5;
    border-right: 1px solid #ddd;
    border-left: 1px solid #fff;
    font-weight: normal;
}

table.list thead th:first-child {
    border-left: none;
}

table.list thead th:last-child {
    border-right: none;
}

table.list thead th a {
    font-weight: normal;
}

table.list td.empty_table {
    text-align: center;
    font-size: 24px;
    color: #999;
}

table.list tbody td {
    border-bottom: 1px solid #ddd;
}

table.list .unread td {
    background: #eef;
}

table.form {
    table-layout: fixed;
    padding: 2rem;
    background: #f8f8f8;
}

table.form p.title {
    margin-bottom: 0;
    padding: .5rem 0;
    background: rgba(0, 0, 0, .1);
    text-align: center;
}

.tbl_calendar table {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

table.actions {
    padding: 1rem;
    background: #f5f5f5;
    text-align: right;
}

table.actions .button {
    margin-left: .5rem;
}
/*form*/
form section {
    padding: 2rem;
    background: #f8f8f8;
}
fieldset {
    padding: 1rem;
    border: 1px solid #ccc;
}

fieldset ul ul li {
    padding-left: 40px;
}

fieldset li {
    line-height: 30px;
    position: relative;
}

fieldset li ul li span {
    display: none;
    position: absolute;
    top: 7px;
    left: 15px;
}

fieldset li span.parent {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #CCD9F2;
    margin-right: 10px;
    text-align: center;
    line-height: 12px;
    cursor: pointer;
}

fieldset li input {
    margin-right: 10px;
}
input[type='text'],
input[type='number'],
input[type='password'],
input[type='file'],
input[type="datetime-local"],
select,
textarea {
    max-width: 100%;
	height: 50px;
    padding: 0 .5em;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    line-height: 50px;
    font-family: inherit;
    font-size: 16px !important;
}

input[type='text'],
input[type='number'],
input[type='password'],
textarea,
.form select {
    width: 100%;
}

textarea {
    min-height: 250px;
	padding: .5em;
	line-height: 2;
    text-align: left;
}
div.actions {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 1% 0;
}
/*buttons*/
button,
.button {
    position: relative;
    display: inline-block;
    margin: 0 2px;
    padding: 0 1rem;
    background: #666;
    border: none;
    border-bottom: 3px solid rgba(0, 0, 0, .1);
    border-radius: 3px;
    line-height: 2.5rem;
    font-size: 1rem;
    font-weight: normal;
    color: #fff;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    cursor: pointer;
}
button:hover,
.button:hover {
    background: #555;
    color: #fff;
}
.action-cancel {background: #ccc;}
.action-cancel:hover {background: #bbb;}
.action-submit {background: #36C;}
.action-submit:hover { background: #114DC3; }
.action-add { background: #383; }
.action-add:hover { background: #1A6B1A; }
.action-remove { background: #c33; }
.action-remove:hover { background: #A71919; }

/*on off switch*/
/*
<div class="onoff">
	<input type="checkbox" class="onoff-checkbox" id="onoff-checkbox-s" checked="checked" />
	<label class="onoff-label" for="onoff-checkbox-s">
		<div class="onoff-inner"></div>
		<div class="onoff-switch"></div>
	</label>
</div>

*/
.onoff {
    position: relative;
    width: 60px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.onoff-checkbox {
    display: none;
}
.onoff-label {
    display: block;
    border-radius: 15px;
    overflow: hidden;
    cursor: pointer;
}
.onoff-inner {
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoff-inner:before,
.onoff-inner:after {
    float: left;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: .9em;
    color: #fff;
}
.onoff-inner:before {
    content: "ON";
    padding-left: 10px;
    /* background-image: linear-gradient(#4D90FE, #4D90FE 38%, #3E81EF); */
    background: #36c;
    color: #FFFFFF;
}
.onoff-inner:after {
    content: "OFF";
    padding-right: 10px;
    /* background-image: linear-gradient(#ededed, #ededed 38%, #dedede); */
    background: #ddd;
    color: #444;
    text-align: right;
}
.onoff-switch {
    width: 5px;
    margin: 7px 0;
    background: #FFF;
    position: absolute;
    top: 0;
    right: 40px;
    bottom: 0;
    transition: all 0.3s ease-in 0s;
}
.onoff-checkbox:checked+.onoff-label .onoff-inner {
    margin-left: 0;
}
.onoff-checkbox:checked+.onoff-label .onoff-switch {
    right: 15px;
}
/*notifications*/
.error,
.notice,
.success {
    background: none;
    border: none;
    font-size: 1.2em;
    font-weight: 600;
}

.error {
    color: #c33;
}

.notice {
    color: #36c;
}

.success {
    color: #390;
}

.error a,
.notice a,
.success a {
    text-decoration: underline;
}

.error:before,
.notice:before,
.success:before {
    content: '';
    display: inline-block;
    width: 2rem;
    height: 2rem;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    vertical-align: middle;
}
.error:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23c33' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 464c-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216 0 118.7-96.1 216-216 216zm94.8-285.3L281.5 256l69.3 69.3c4.7 4.7 4.7 12.3 0 17l-8.5 8.5c-4.7 4.7-12.3 4.7-17 0L256 281.5l-69.3 69.3c-4.7 4.7-12.3 4.7-17 0l-8.5-8.5c-4.7-4.7-4.7-12.3 0-17l69.3-69.3-69.3-69.3c-4.7-4.7-4.7-12.3 0-17l8.5-8.5c4.7-4.7 12.3-4.7 17 0l69.3 69.3 69.3-69.3c4.7-4.7 12.3-4.7 17 0l8.5 8.5c4.6 4.7 4.6 12.3 0 17z'%3E%3C/path%3E%3C/svg%3E");
}
.notice:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%2336c' d='M256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm-11.49 120h22.979c6.823 0 12.274 5.682 11.99 12.5l-7 168c-.268 6.428-5.556 11.5-11.99 11.5h-8.979c-6.433 0-11.722-5.073-11.99-11.5l-7-168c-.283-6.818 5.167-12.5 11.99-12.5zM256 340c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28z'%3E%3C/path%3E%3C/svg%3E");
}
.success:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23390' d='M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 464c-118.664 0-216-96.055-216-216 0-118.663 96.055-216 216-216 118.664 0 216 96.055 216 216 0 118.663-96.055 216-216 216zm141.63-274.961L217.15 376.071c-4.705 4.667-12.303 4.637-16.97-.068l-85.878-86.572c-4.667-4.705-4.637-12.303.068-16.97l8.52-8.451c4.705-4.667 12.303-4.637 16.97.068l68.976 69.533 163.441-162.13c4.705-4.667 12.303-4.637 16.97.068l8.451 8.52c4.668 4.705 4.637 12.303-.068 16.97z'%3E%3C/path%3E%3C/svg%3E");
}
/*paginator*/
.paginator {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 1rem;
    font-size: 1rem;
}

.paginator li {
    line-height: 1.5rem;
}

.paginator li.selected {
    padding: 0 .5rem;
    background: #c33;
    border-radius: 3px;
    color: #fff;
}

.paginator a {
    display: block;
    padding: 0 .5rem;
    font-weight: 400;
    color: #000;
}

.paginator a:hover {
    text-decoration: underline;
}

.paginator-total-records {
    display: block;
    text-align: right;
    opacity: .5;
}
/*status*/
.ball {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #ddd;
	text-align:center;
	line-height:15px;
    color: #fff;
}
.ball-g {
    width: 25px;
    height: 25px;
	line-height:25px;
}
.cancel {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center / 100%;}
.red {background-color: #c33;}
.orange {background-color: #f90;}
.yellow {background-color: #fd0;}
.green {background-color: #393;}
.end {background-color: #36c;}
.pure-table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb
}

.pure-table caption {
    color: #000;
    font: italic 85%/1 arial, sans-serif;
    padding: 1em 0;
    text-align: center
}

.pure-table td,
.pure-table th {
    border-left: 1px solid #cbcbcb;
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible;
    padding: .5em 1em
}

.pure-table td:first-child,
.pure-table th:first-child {
    border-left-width: 0
}

.pure-table thead {
    background-color: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom
}

.pure-table td {
    background-color: transparent
}

.pure-table-odd td {
    background-color: #f2f2f2
}

.pure-table-striped tr:nth-child(2n-1) td {
    background-color: #f2f2f2
}

.pure-table-bordered td {
    border-bottom: 1px solid #cbcbcb
}

.pure-table-bordered tbody>tr:last-child>td {
    border-bottom-width: 0
}

.pure-table-horizontal td,
.pure-table-horizontal th {
    border-width: 0 0 1px;
    border-bottom: 1px solid #cbcbcb
}

.pure-table-horizontal tbody>tr:last-child>td {
    border-bottom-width: 0
}

.CodeMirror {
    min-height: 400px;
    padding: .5em;
    border: 1px solid #ddd;
}

.CodeMirror pre {
    font-family: "Envy Code R", "DejaVu Sans Mono", Menlo, Consolas, "Liberation Mono", Monaco, "Lucida Console", monospace;
}
.editable {
    padding: 2px 0;
    border-bottom: 1px dashed #999;
}

.editing {
    padding: 2px 0;
}

.cm-tab {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);
    background-position: right;
    background-repeat: no-repeat;
}

.cm-trailingspace {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAYAAAB/qH1jAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QUXCToH00Y1UgAAACFJREFUCNdjPMDBUc/AwNDAAAFMTAwMDA0OP34wQgX/AQBYgwYEx4f9lQAAAABJRU5ErkJggg==);
    background-position: bottom left;
    background-repeat: repeat-x;
}

.source-preview {
    width: 100%;
    height: 100%;
    min-height: 400px;
    background: white;
    border: 1px solid rgba(0, 0, 0, .1);
}
/*nav*/
#menu-label {
    position: fixed;
    top: 10px;
    left: 300px;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 70px;
    margin-left: -1px;
    border: 1px solid #ddd;
    border-radius: 0 5px 5px 0;
    transition: left .3s ease-in-out;
    font-family: 'Font Awesome 5 Pro';
    font-size: .9em;
    font-weight: normal;
    color: #999;
    cursor: pointer;
}

#menu-label:before {content: '\f323';}

#menu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 300px;
    padding: 0 15px;
    background: #e5e5e5;
    transition: left .3s ease-in-out;
    overflow-y: auto;
}

#menu-input:checked~#menu {left: -300px;}
#menu-input:checked~#menu-label {left: 0;}
#menu-input:checked~#menu-label:before {transform: rotateZ(180deg)}

#logout {
    position: relative;
    min-height: 90px;
    padding: 15px 0;
    line-height: 20px;
    font-size: .85em;
    text-transform: uppercase;
}

#logout:before {
    content: '';
    float: left;
    display: block;
    width: 60px;
    height: 60px;
    margin-right: 10px;
    background: #e5e5e5 url(/octopus/design/images/admin/octopus_user.png) no-repeat center center / 90%;
    background-blend-mode: multiply;
}

#logout strong {display: block;}

#logout em {
    font-weight: 600;
    font-style: normal;
    opacity: .5;
}

#logout a {
    display: inline flex;
    align-items: center;
    margin-left: 5px;
    font-weight: 600;
    color: #c33;
}

#logout a:before {
    content: 'sair';
    margin-right: 5px;
}

#logout a svg {
    fill: #C33;
}

li .nav-toggler~.nav-wrapper {
    position: fixed;
    top: 90px;
    left: -300px;
    bottom: 0;
    z-index: 800;
    width: 300px;
    padding: 50px 15px 15px;
    background: #e5e5e5;
    overflow-y: auto;
    transition: left .3s ease-in-out;
}

li .nav-toggler:checked~.nav-wrapper {
    left: 0;
    z-index: 900;
}

.nav-wrapper label,
.nav-wrapper a,
#menu a.internal,
#menu a.external {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 10px;
    border-top: 1px solid #ccc;
    line-height: 50px;
    font-weight: 600;
    color: #333;
    transition: background .3s ease-in-out;
    cursor: pointer;
    text-transform: uppercase;
}

.nav-wrapper label:hover,
.nav-wrapper a:hover,
#menu a.internal:hover,
#menu a.external:hover {
    background: #ddd
}

.nav-wrapper label:before,
.nav-wrapper .internal:before,
.nav-wrapper~.external:before {
    width: 20px;
    margin-right: 10px;
    text-align: center;
    font-family: 'Font Awesome 5 Pro';
    font-size: 1.2em;
    font-weight: normal;
}

.nav-wrapper .internal:before { content: '\f200' }
label[for="nav-sys"]:before { content: '\f013'; }
label[for="nav-rdr"]:before { content: '\f49a' }
label[for="nav-cst"]:before { content: '\f007' }
label[for="nav-img"]:before { content: '\f302' }
label[for="nav-rpr"]:before { content: '\f659' }
label[for="nav-snc"]:before { content: '\f2f1' }
label[for="nav-pay"]:before { content: '\f2e8' }
.nav-wrapper~.external:nth-of-type(1):before { content: '\f03d' }
.nav-wrapper~.external:nth-of-type(2):before { content: '\f044' }

li .nav-toggler:checked~label:after {
    content: 'VOLTAR';
    position: fixed;
    top: 90px;
    left: 10px;
    z-index: 1100;
    width: 270px;
    padding-left: 40px;
    background: #e5e5e5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' viewBox='0 0 448 512'%3E%3Cpath d='M136.97 380.485l7.071-7.07c4.686-4.686 4.686-12.284 0-16.971L60.113 273H436c6.627 0 12-5.373 12-12v-10c0-6.627-5.373-12-12-12H60.113l83.928-83.444c4.686-4.686 4.686-12.284 0-16.971l-7.071-7.07c-4.686-4.686-12.284-4.686-16.97 0l-116.485 116c-4.686 4.686-4.686 12.284 0 16.971l116.485 116c4.686 4.686 12.284 4.686 16.97-.001z'/%3E%3C/svg%3E") no-repeat 1rem center;
    font-size: .9em;
}

/*main*/
#menu-input~#main_form,
#menu-input~.main,
#menu-input~form {
    margin-left: 300px;
    padding: 1rem 3rem;
    transition: margin .3s ease-in-out;
}

#menu-input:checked~#main_form,
#menu-input:checked~.main,
#menu-input:checked~form {
    margin-left: 0;
}

.main>img {
    display: none;
}

nav.actions {
    padding-bottom: 1rem;
}

/* dashboard */

#dashboard {
    margin: 0 auto;
}

#dashboard-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    grid-template-areas:
        "graph graph graph graph graph graph graph graph graph graph graph graph"
        "age age age age age age age age age age age age"
        "best best best best best best worst worst worst worst worst worst"
        "newdrops newdrops newdrops newdrops newdrops newdrops sale sale sale sale sale sale";
}

#dashboard-wrapper .widget table.pure-table small {
    display: block;
}

#dashboard-wrapper section#widget-orders {
    grid-area: graph;
}

#dashboard-wrapper section#widget-best-sellers {
    grid-area: best;
}

#dashboard-wrapper section#widget-worst-sellers {
    grid-area: worst;
}

#dashboard-wrapper section#widget-gender-breakdown {
    display: none;
    grid-area: gender;
}

#dashboard-wrapper section#widget-age-breakdown {
    grid-area: age;
}

#dashboard-wrapper section#widget-new-drops {
    grid-area: newdrops;
}

#dashboard-wrapper section#widget-on-sale {
    grid-area: sale;
}

/*payments*/
.payment_main input {
    text-align: right;
}

.payment_switch {
    padding: 0;
    background: #fff;
}

.payment_switch table.list tbody td {}

.payment_switch table.list tbody td {
    border-bottom: none;
}

.payment_switch textarea {
    min-height: 120px;
}

#payment_cc .payment_config {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 2rem;
}

#payment_cc .payment_config>div {
    padding: 1rem;
    background: #fff;
    border: 1px solid #ddd;
}

.payment_config select {
    width: 100%;
}

.payment_config table.list tbody tr:nth-last-of-type(1) td {
    border-bottom: none;
}

/*Solr UI*/
.ui abbr[title] {
    border-bottom: none;
}

.ui fieldset {
    margin-bottom: 1em;
    border: 1px solid #ddd;
}

.ui legend {
    margin-bottom: 0.5em;
    padding: 0.5em;
    background: #ddd;
}

.ui fieldset input[type="search"] {
    width: 90%;
    padding: 5px;
}

.ui fieldset input[type="search"]~button {
    line-height: 27px;
}

.ui table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb;
}

.ui table td,
.ui table th {
    border-left: 1px solid #cbcbcb;
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible;
    padding: 0.5em;
}

.ui table thead {
    background-color: #e0e0e0;
}

.ui table td {
    border-bottom: 1px solid #cbcbcb;
}

.ui table thead th,
.ui table td:first-child,
.ui table td:last-child {
    text-align: center;
}

.ui table td img {
    display: block;
    width: 80px;
    height: auto;
    margin: auto;
}

.ui table tbody>tr:last-child>td {
    border-bottom-width: 0;
}

.ui table {
    width: 100%;
}

.ui button {
    padding: 0 .5em;
    margin-left: .5em;
    background: #ddd;
    border: none;
    line-height: 24px;
    color: #000;
    cursor: pointer;
}

.ui button:hover {
    background: #36C;
    color: #fff;
}

.ui .fa-plus:hover {
    background: #393;
}

.ui .fa-trash-o:hover {
    background: #C00;
}

.ui .hbox h2 {
    padding: 5px 10px;
    background-color: #333;
    font-weight: 400;
    color: #fff;
}

.ui .panel {
    padding: 1em;
    border: 1px solid #eee;
}

.ui .panel+.panel {
    border-left: none;
}

.ui .panel.categories {
    width: 40%;
}

.ui .panel.synonyms {
    width: 33%;
}

.ui .panel.stopwords {
    width: 33%;
}

.ui .panel.protwords {
    width: 33%;
}

.ui .panel textarea {
    height: 480px;
    margin: 0 0 1em 0;
    padding: .5em;
}

.ui .panel.synonyms textarea {
    color: #00C;
}

.ui .panel.stopwords textarea {
    color: #C00;
}

.ui .panel.protwords textarea {
    color: #0C0;
}

.ui .products-search .bound {
    background-color: #CFC;
}

.ui .editable {
    padding: 2px 0;
    border-bottom: 1px dashed #999;
    cursor: text;
}

.ui .editing {
    padding: 2px 0;
}

.ui ol {
    list-style: none;
    margin: 0;
}

.ui ol li {
    padding: 5px 0;
    cursor: grab;
    border-left: 1px solid rgba(0, 0, 0, .1)
}

.ui ol li.dragging {
    border-left: 1px solid rgba(0, 109, 0, .9)
}

.ui .tabs>ul {
    margin: 0 0 1em;
    padding: 0;
    border-bottom: 1px solid #F8F8F8;
}

.ui .tabs>ul>li {
    display: inline-block;
    padding: .5em 1em;
    color: #666;
    border-bottom: 2px solid #F8F8F8;
    cursor: pointer;
}

.ui .tabs>ul>li.active {
    border-bottom-color: #337AB7;
}

.ui .tabs .hidden {
    display: none;
}

.ui .treenode :focus {
    outline: none !important;
}

.ui .treenode ::-moz-focus-inner {
    border: 0 !important;
    padding: 0 !important;
}

.ui .treenode-toggler,
.ui .treenode label,
.ui .treenode-actions {
    display: inline-block;
}

.ui .treenode-toggler {
    width: 1.618em;
    text-align: center;
}

.ui .treenode-toggler button {
    margin-left: 0;
    background: transparent;
    border: none;
}

.ui .treenode-toggler button:hover {
    color: inherit;
}

.ui .treenode label,
.ui .treenode input {
    font-family: "Envy Code R", monospace;
}

.ui .treenode-actions {
    margin-left: .5em;
}

.ui .treenode ol {
    margin: 0;
    list-style: none;
}

/*Correios*/
.correios_events {
    max-width: 400px;
    margin: auto;
    text-align: right;
}

.correios_events h3 {
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center;
}

.correios_events h3:before {
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-right: .5em;
    vertical-align: middle;
    background: #eee url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxwYXRoIGQ9Ik0yMC42LDUuN2MwLTAuMi0wLjEtMC4zLTAuMi0wLjRsLTguMS00LjdjLTAuMS0wLjEtMC4zLTAuMS0wLjUsMEwzLjYsNS4zQzMuNSw1LjQsMy40LDUuNSwzLjQsNS43YzAsMC4yLDAuMSwwLjMsMC4yLDAuNCAgIGw4LjEsNC43YzAuMSwwLDAuMiwwLjEsMC4yLDAuMXMwLjIsMCwwLjItMC4xbDguMS00LjdDMjAuNSw2LDIwLjYsNS44LDIwLjYsNS43eiIvPjxwYXRoIGQ9Ik0xMC42LDEzLjJMMi41LDguNUMyLjMsOC40LDIuMSw4LjQsMiw4LjVDMS45LDguNiwxLjgsOC44LDEuOCw4Ljl2OS40YzAsMC4yLDAuMSwwLjMsMC4yLDAuNGw4LjEsNC43ICAgYzAuMSwwLDAuMiwwLjEsMC4yLDAuMXMwLjIsMCwwLjItMC4xYzAuMS0wLjEsMC4yLTAuMiwwLjItMC40di05LjRDMTAuOSwxMy40LDEwLjgsMTMuMywxMC42LDEzLjJ6Ii8+PHBhdGggZD0iTTIyLDguNWMtMC4xLTAuMS0wLjMtMC4xLTAuNSwwbC04LjEsNC43Yy0wLjEsMC4xLTAuMiwwLjItMC4yLDAuNFYyM2MwLDAuMiwwLjEsMC4zLDAuMiwwLjRjMC4xLDAsMC4yLDAuMSwwLjIsMC4xICAgczAuMiwwLDAuMi0wLjFsOC4xLTQuN2MwLjEtMC4xLDAuMi0wLjIsMC4yLTAuNFY4LjlDMjIuMiw4LjgsMjIuMSw4LjYsMjIsOC41eiIvPjwvZz48L3N2Zz4=) no-repeat center center / 60%;
    border-radius: 50%;
}

.correios_events li {
    border-top: 1px solid #ddd;
    text-align: left;
}

.correios_events li:nth-last-of-type(1) {
    border-bottom: 1px solid #ddd;
}

.correios_last_event {
    border-left: 5px solid #0F75BC;
}

.correios_events li>div {
    padding: 10px 20px;
}

.correios_event_dt {
    margin-bottom: .5em;
    font-size: .85em;
    opacity: .5;
}

.correios_events button {
    margin: 10px 0;
}

/*IMAGENS*/
.dz-message:before {
    content: '';
    display: block;
    width: 100px;
    height: 100px;
    margin: auto;
    background: url("data:image/svg+xml,%3Csvg aria-hidden='true' data-prefix='fal' data-icon='cloud-upload' class='svg-inline--fa fa-cloud-upload fa-w-20' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='currentColor' d='M312.5 168.5c-4.7-4.7-12.3-4.7-17 0l-98.3 98.3c-4.7 4.7-4.7 12.3 0 17l5.7 5.7c4.7 4.7 12.3 4.7 17 0l68.2-68.2V372c0 6.6 5.4 12 12 12h8c6.6 0 12-5.4 12-12V221.3l68.2 68.2c4.7 4.7 12.3 4.7 17 0l5.7-5.7c4.7-4.7 4.7-12.3 0-17l-98.5-98.3zm259.2 70.3c2.8-9.9 4.3-20.2 4.3-30.8 0-61.9-50.1-112-112-112-16.7 0-32.9 3.6-48 10.8-31.6-45-84.3-74.8-144-74.8-94.4 0-171.7 74.5-175.8 168.2C39.2 220.2 0 274.3 0 336c0 79.6 64.4 144 144 144h368c70.7 0 128-57.2 128-128 0-47-25.8-90.8-68.3-113.2zM512 448H144c-61.9 0-112-50.1-112-112 0-56.8 42.2-103.7 97-111-.7-5.6-1-11.3-1-17 0-79.5 64.5-144 144-144 60.3 0 111.9 37 133.4 89.6C420 137.9 440.8 128 464 128c44.2 0 80 35.8 80 80 0 18.5-6.3 35.6-16.9 49.2C573 264.4 608 304.1 608 352c0 53-43 96-96 96z'%3E%3C/path%3E%3C/svg%3E") no-repeat center top / 100%;
}

/*EMAILS*/
#sys_emails table.list tbody tr:nth-of-type(1),/*newsletter*/
#sys_emails table.list tbody tr:nth-of-type(10),/*esqueci senha*/
#sys_emails table.list tbody tr:nth-of-type(13),
#sys_emails table.list tbody tr:nth-of-type(14),/*presentes*/
#sys_emails table.list tbody tr:nth-of-type(16),/*wishlist*/
#sys_emails table.list tbody tr:nth-of-type(17),
#sys_emails table.list tbody tr:nth-of-type(18),
#sys_emails table.list tbody tr:nth-of-type(19),/*chá bebê*/
#sys_emails table.list tbody tr:nth-of-type(20),
#sys_emails table.list tbody tr:nth-of-type(21) {
    display: none
}
select[name="messages"] option[value="1"],
select[name="messages"] option[value="10"],
select[name="messages"] option[value="13"],
select[name="messages"] option[value="14"],
select[name="messages"] option[value="16"],
select[name="messages"] option[value="17"],
select[name="messages"] option[value="18"],
select[name="messages"] option[value="19"],
select[name="messages"] option[value="20"],
select[name="messages"] option[value="21"] {
    display: none
}
/*PROMOTIONS*/
#sys_promotions h3 {
    margin: 0 !important;
    padding: .5rem;
    background: #e5e5e5;
}
/* CLIENTES */
.utp_tabs {
    padding: 10px 0;
}

.utp_tabs li {
    display: inline-block;
    margin-bottom: 10px;
}

.utp_tabs li:nth-of-type(1) {
    margin-right: 20px;
}

.utp_tabs li a {
    font-size: 0.9em;
}

.utp_tabs li a:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    border: 2px solid #ddd;
    border-radius: 3px;
    vertical-align: top;
}

.utp_tabs li:hover a:before,
.utp_tabs .utp_tab_activated a:before {
    background: #36c;
    border-color: #36c;
    box-shadow: inset 0 0 0 3px #fff;
}

.utp_tabs .utp_tab_activated a {
    color: #36c
}

#register-fPhone1-ddd,
#register-fPhone2-ddd,
#register-jPhone1-ddd,
#register-jPhone2-ddd {
    max-width: 50px;
}

#register-btYear {
    max-width: 70px;
}

#register-fCep,
#register-jCep,
#register-fPhone1,
#register-fPhone2,
#register-jPhone1,
#register-jPhone2 {
    max-width: 150px;
}
/*RELATORIOS*/
#review-content {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

#asqPage .product_name,
.ASQ_strQuestion,
.ASQ_boolQuestion {
    display: block;
}

.ASQ_strQuestion {
    margin-bottom: .5rem;
    line-height: 2rem;
}

.ASQ_boolQuestion {
    display: block;
    margin-top: 1rem;
}

.ASQ_boolQuestion a {
    display: block;
    padding: 1rem;
    background: #f0f0f0;
    line-height: 2rem;
    color: #000;
}

.ASQ_boolQuestion a:hover {
    background: #e0e0e0;
    color: #000;
}

.ASQ_boolQuestion a .classic {
    display: block;
    text-transform: none;
}

#rpr_products h2~ul {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 2rem
}

#rpr_products li {
    margin-right: .5rem;
}
/*FOOTER*/
#container_footer {
    padding: 1rem 2rem;
    text-align: right;
    text-transform: uppercase;
    font-size: .7em;
    color: rgba(0, 0, 0, .5);
}
/*SQUEEZE BOX*/
#sbox-window {
    position: fixed !important;
    top: 5vh !important;
    right: 5vw !important;
    bottom: 5vh !important;
    left: 5vw !important;
    width: 90vw !important;
    height: 90vh !important;
}
#sbox-content h1 {
    margin: .5rem 0;
    font-size: 3em;
}
#sbox-content h2 {
    margin: 10px 0 0 !important;
    padding: .5rem;
    background: #e5e5e5;
    font-size: 1.4em;
}

#sbox-content table.form {
    padding: .5rem;
}