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;}
h1, h2, h3, h4, h5 {font-weight: normal;}
h1 {margin: 1rem 0;font-size: 5em; letter-spacing: -5px; opacity: .1; }
#main_form h1:first-of-type{margin: -1rem 0 1rem;}
#sbox-content h1 {margin: .5rem 0; font-size: 3em; letter-spacing: -3px;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em}
h4 {font-size: 1.2em}
h5 {font-size: 1em; letter-spacing: 0;}
a {font-weight: 600; color: #000; }
a:hover {color: #36C;}
.fal {display:inline-block; vertical-align: middle;}
.ac {text-align: center;}
.ar {text-align: right;}
.al {text-align: left;}
table {width: 100%;}
th, td {padding: .5rem; 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;}
.empty {padding: 1rem; text-align: center; font-size: 1.5em; font-style: oblique; opacity: .5; }
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;}
form section {padding: 2rem; background: #f8f8f8;}
table.actions {padding: 1rem; background: #f5f5f5; text-align: right; }
table.actions .button {margin-left: .5rem;}
button, .button {position: relative; display: inline-block; padding: 0 1rem; border: none; border-bottom: 3px solid rgba(0,0,0,.1); 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 {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;}
ul {margin: 0; padding: 0; list-style: none;}
.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;}
a i {opacity: .8;}
a i:hover {opacity: 1;}
.ball {display: inline-block; width: 15px; height: 15px; border-radius: 50%; background-color: #ddd; box-shadow: inset 0 0 2px rgba(0,0,0,.25); text-align: center; color: #fff;}
.ball-g {width: 25px; height: 25px; line-height: 22px; font-size: 1.1em;}
.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%; box-shadow: none;}
.red {background-color: #c33;}
.orange {background-color: #f90;}
.yellow {background-color: #fd0;}
.green {background-color: #393;}
.end {background: #36c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center / 80%;}
.fa-icon {display: block; width: 18px; height: 18px; background-position: center center; background-repeat: no-repeat; background-size: 100%;}
.window-open {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M195.515 374.828c-4.686-4.686-4.686-12.284 0-16.971l323.15-323.15-.707-.707-89.958.342c-6.627 0-12-5.373-12-12v-9.999c0-6.628 5.372-12 12-12L564 0c6.627 0 12 5.372 12 12l-.343 136c0 6.627-5.373 12-12 12h-9.999c-6.627 0-12-5.373-12-12L542 58.042l-.707-.707-323.15 323.15c-4.686 4.686-12.284 4.686-16.971 0l-5.657-5.657zm232-155.633l-8 8A12 12 0 0 0 416 235.68V464c0 8.837-7.164 16-16 16H48c-8.836 0-16-7.163-16-16V112c0-8.837 7.164-16 16-16h339.976c3.183 0 6.235-1.264 8.485-3.515l8-8c7.56-7.56 2.206-20.485-8.485-20.485H48C21.49 64 0 85.49 0 112v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V227.681c0-10.691-12.926-16.045-20.485-8.486z'%3E%3C/path%3E%3C/svg%3E");}
input[type='text'], input[type='number'], input[type='password'], input[type='file'], input[type="datetime-local"], select, textarea {max-width: 100%; padding: .5em; background: #fff; border: 1px solid #ddd; border-radius: 3px; line-height: 2em; 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; text-align: left;}
select {height: 3em;}
hr {color: #fff;}
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;}
.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");}
.dotted {display: block; width: 100%; height: 1px; border-top: 1px dotted #ccc; }
.hidden {display: none;}
em, .em { font-size: .9em; font-style: oblique; opacity: .75; }
/*NAV*/
#menu-label {
position: fixed;
top: 3rem;
left: 300px;
display: block;
width: 1rem;
height: 5rem;
margin-top: -2.5rem;
margin-left: -1px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath fill='%23ccc' d='M238.475 475.535l7.071-7.07c4.686-4.686 4.686-12.284 0-16.971L50.053 256 245.546 60.506c4.686-4.686 4.686-12.284 0-16.971l-7.071-7.07c-4.686-4.686-12.284-4.686-16.97 0L10.454 247.515c-4.686 4.686-4.686 12.284 0 16.971l211.051 211.05c4.686 4.686 12.284 4.686 16.97-.001z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center / 40%;
border: 1px solid #ddd;
border-radius: 0 5px 5px 0;
transition: all .1s ease-in-out;
cursor: pointer;
}
#menu-label:hover {background-color: #f8f8f8;}
#menu {
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 300px;
background: #eee;
border-right: 1px solid #ddd;
transition: transform .1s ease-in-out;
}
#logout {
position: relative;
z-index: 1000;
width: 300px;
padding: 15px 1rem;
line-height: 20px;
font-size: .75em;
text-transform: uppercase;
}
#logout:before {
content: '';
float: left;
display: block;
width: 60px;
height: 60px;
margin-right: 10px;
background: #fff url(/octopus/design/images/admin/octopus_user.png) no-repeat center center / 80%;
border-radius: 50%;
color: #333;
}
#logout em {
display: block;
font-size: .85em;
font-style: normal;
color: #888;
}
#logout a:before {
content: 'sair';
margin-right: .5em;
color: #c33;
}
#logout a svg {
width: auto;
height: 15px;
fill: #C33;
}
#logout a:hover svg {fill: #900;}
.nav-wrapper {padding: 0 1rem;}
.nav-wrapper ul {
margin: 0;
padding: 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #ccc;
list-style: none;
}
li .nav-toggler ~ .nav-wrapper {
position: fixed;
top: 90px;
left: 0;
bottom: 0;
z-index: 800;
width: 300px;
padding-top: 40px;
background: #e5e5e5;
overflow-y: auto;
transform: translateX(-300px);
transition: transform .1s ease-in-out;
}
.nav-wrapper label,
.nav-wrapper a {
position: relative;
display: block;
padding: 0 5px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #fff;
line-height: 40px;
font-weight: normal;
color: #888;
}
.nav-wrapper label,
.nav-wrapper .internal {
padding-left: 10px;
line-height: 60px;
cursor: pointer;
}
.nav-wrapper ~ .external{
position: relative;
display: block;
margin: 0 1rem;
padding: 0 5px 0 10px;
line-height: 60px;
font-weight: normal;
color: #888;
cursor: pointer;
}
.nav-wrapper label:hover,
.nav-wrapper a:hover,
.nav-wrapper ~ .external:hover {background:rgba(0,0,0,.05);}
.nav-wrapper label:before,
.nav-wrapper .internal:before,
.nav-wrapper ~ .external:before {
content: '';
display: inline-block;
width: 26px;
height: 26px;
margin-right: 10px;
vertical-align: middle;
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
opacity: .21;
}
.nav-wrapper .internal:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M464 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM256 96c0 17.7-14.3 32-32 32s-32-14.3-32-32 14.3-32 32-32 32 14.3 32 32zm96 0c0 17.7-14.3 32-32 32s-32-14.3-32-32 14.3-32 32-32 32 14.3 32 32zm96 0c0 17.7-14.3 32-32 32s-32-14.3-32-32 14.3-32 32-32 32 14.3 32 32z'%3E%3C/path%3E%3C/svg%3E"); background-size: 85%;}
label[for="nav-sys"]:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M512.1 191l-8.2 14.3c-3 5.3-9.4 7.5-15.1 5.4-11.8-4.4-22.6-10.7-32.1-18.6-4.6-3.8-5.8-10.5-2.8-15.7l8.2-14.3c-6.9-8-12.3-17.3-15.9-27.4h-16.5c-6 0-11.2-4.3-12.2-10.3-2-12-2.1-24.6 0-37.1 1-6 6.2-10.4 12.2-10.4h16.5c3.6-10.1 9-19.4 15.9-27.4l-8.2-14.3c-3-5.2-1.9-11.9 2.8-15.7 9.5-7.9 20.4-14.2 32.1-18.6 5.7-2.1 12.1.1 15.1 5.4l8.2 14.3c10.5-1.9 21.2-1.9 31.7 0L552 6.3c3-5.3 9.4-7.5 15.1-5.4 11.8 4.4 22.6 10.7 32.1 18.6 4.6 3.8 5.8 10.5 2.8 15.7l-8.2 14.3c6.9 8 12.3 17.3 15.9 27.4h16.5c6 0 11.2 4.3 12.2 10.3 2 12 2.1 24.6 0 37.1-1 6-6.2 10.4-12.2 10.4h-16.5c-3.6 10.1-9 19.4-15.9 27.4l8.2 14.3c3 5.2 1.9 11.9-2.8 15.7-9.5 7.9-20.4 14.2-32.1 18.6-5.7 2.1-12.1-.1-15.1-5.4l-8.2-14.3c-10.4 1.9-21.2 1.9-31.7 0zm-10.5-58.8c38.5 29.6 82.4-14.3 52.8-52.8-38.5-29.7-82.4 14.3-52.8 52.8zM386.3 286.1l33.7 16.8c10.1 5.8 14.5 18.1 10.5 29.1-8.9 24.2-26.4 46.4-42.6 65.8-7.4 8.9-20.2 11.1-30.3 5.3l-29.1-16.8c-16 13.7-34.6 24.6-54.9 31.7v33.6c0 11.6-8.3 21.6-19.7 23.6-24.6 4.2-50.4 4.4-75.9 0-11.5-2-20-11.9-20-23.6V418c-20.3-7.2-38.9-18-54.9-31.7L74 403c-10 5.8-22.9 3.6-30.3-5.3-16.2-19.4-33.3-41.6-42.2-65.7-4-10.9.4-23.2 10.5-29.1l33.3-16.8c-3.9-20.9-3.9-42.4 0-63.4L12 205.8c-10.1-5.8-14.6-18.1-10.5-29 8.9-24.2 26-46.4 42.2-65.8 7.4-8.9 20.2-11.1 30.3-5.3l29.1 16.8c16-13.7 34.6-24.6 54.9-31.7V57.1c0-11.5 8.2-21.5 19.6-23.5 24.6-4.2 50.5-4.4 76-.1 11.5 2 20 11.9 20 23.6v33.6c20.3 7.2 38.9 18 54.9 31.7l29.1-16.8c10-5.8 22.9-3.6 30.3 5.3 16.2 19.4 33.2 41.6 42.1 65.8 4 10.9.1 23.2-10 29.1l-33.7 16.8c3.9 21 3.9 42.5 0 63.5zm-117.6 21.1c59.2-77-28.7-164.9-105.7-105.7-59.2 77 28.7 164.9 105.7 105.7zm243.4 182.7l-8.2 14.3c-3 5.3-9.4 7.5-15.1 5.4-11.8-4.4-22.6-10.7-32.1-18.6-4.6-3.8-5.8-10.5-2.8-15.7l8.2-14.3c-6.9-8-12.3-17.3-15.9-27.4h-16.5c-6 0-11.2-4.3-12.2-10.3-2-12-2.1-24.6 0-37.1 1-6 6.2-10.4 12.2-10.4h16.5c3.6-10.1 9-19.4 15.9-27.4l-8.2-14.3c-3-5.2-1.9-11.9 2.8-15.7 9.5-7.9 20.4-14.2 32.1-18.6 5.7-2.1 12.1.1 15.1 5.4l8.2 14.3c10.5-1.9 21.2-1.9 31.7 0l8.2-14.3c3-5.3 9.4-7.5 15.1-5.4 11.8 4.4 22.6 10.7 32.1 18.6 4.6 3.8 5.8 10.5 2.8 15.7l-8.2 14.3c6.9 8 12.3 17.3 15.9 27.4h16.5c6 0 11.2 4.3 12.2 10.3 2 12 2.1 24.6 0 37.1-1 6-6.2 10.4-12.2 10.4h-16.5c-3.6 10.1-9 19.4-15.9 27.4l8.2 14.3c3 5.2 1.9 11.9-2.8 15.7-9.5 7.9-20.4 14.2-32.1 18.6-5.7 2.1-12.1-.1-15.1-5.4l-8.2-14.3c-10.4 1.9-21.2 1.9-31.7 0zM501.6 431c38.5 29.6 82.4-14.3 52.8-52.8-38.5-29.6-82.4 14.3-52.8 52.8z'%3E%3C/path%3E%3C/svg%3E");}
label[for="nav-rdr"]:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M447.6 158.8L391.3 53.9C386.9 40.8 374.7 32 360.9 32H240v128h206.7c.4-.5.5-.7.9-1.2zM208 160V32H87.1c-13.8 0-26 8.8-30.4 21.9L.4 158.8c.4.5.5.7.9 1.2H208zM0 192v256c0 17.7 14.3 32 32 32h384c17.7 0 32-14.3 32-32V192H0zm240 223.9V432c0 4.4-3.6 8-8 8h-16c-4.4 0-8-3.6-8-8v-16.3c-11.3-.6-22.3-4.5-31.4-11.3-3.9-2.9-4.1-8.8-.6-12.1l11.8-11.2c2.8-2.6 6.9-2.8 10.1-.7 3.9 2.4 8.3 3.7 12.8 3.7h28.1c6.5 0 11.8-5.9 11.8-13.2 0-6-3.6-11.2-8.8-12.7l-45-13.5c-18.6-5.6-31.6-23.4-31.6-43.4 0-24.5 19-44.4 42.7-45.1V240c0-4.4 3.6-8 8-8h16c4.4 0 8 3.6 8 8v16.3c11.3.6 22.3 4.5 31.4 11.3 3.9 2.9 4.1 8.8.6 12.1L260.2 291c-2.8 2.6-6.9 2.8-10.1.7-3.9-2.4-8.3-3.7-12.8-3.7h-28.1c-6.5 0-11.8 5.9-11.8 13.2 0 6 3.6 11.2 8.8 12.7l45 13.5c18.6 5.6 31.6 23.4 31.6 43.4-.1 24.5-19.2 44.5-42.8 45.1z'%3E%3C/path%3E%3C/svg%3E"); background-size: 80%;}
label[for="nav-cst"]:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M192 256c61.9 0 112-50.1 112-112S253.9 32 192 32 80 82.1 80 144s50.1 112 112 112zm76.8 32h-8.3c-20.8 10-43.9 16-68.5 16s-47.6-6-68.5-16h-8.3C51.6 288 0 339.6 0 403.2V432c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48v-28.8c0-63.6-51.6-115.2-115.2-115.2zM480 256c53 0 96-43 96-96s-43-96-96-96-96 43-96 96 43 96 96 96zm48 32h-3.8c-13.9 4.8-28.6 8-44.2 8s-30.3-3.2-44.2-8H432c-20.4 0-39.2 5.9-55.7 15.4 24.4 26.3 39.7 61.2 39.7 99.8v38.4c0 2.2-.5 4.3-.6 6.4H592c26.5 0 48-21.5 48-48 0-61.9-50.1-112-112-112z'%3E%3C/path%3E%3C/svg%3E");}
label[for="nav-img"]:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M480 416v16c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V176c0-26.51 21.49-48 48-48h16v208c0 44.112 35.888 80 80 80h336zm96-80V80c0-26.51-21.49-48-48-48H144c-26.51 0-48 21.49-48 48v256c0 26.51 21.49 48 48 48h384c26.51 0 48-21.49 48-48zM256 128c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-96 144l55.515-55.515c4.686-4.686 12.284-4.686 16.971 0L272 256l135.515-135.515c4.686-4.686 12.284-4.686 16.971 0L512 208v112H160v-48z'%3E%3C/path%3E%3C/svg%3E");}
label[for="nav-rpr"]:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm64 236c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12v8zm0-64c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12v8zm0-72v8c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm96-114.1v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z'%3E%3C/path%3E%3C/svg%3E"); background-size: 65%;}
label[for="nav-snc"]:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M370.72 133.28C339.458 104.008 298.888 87.962 255.848 88c-77.458.068-144.328 53.178-162.791 126.85-1.344 5.363-6.122 9.15-11.651 9.15H24.103c-7.498 0-13.194-6.807-11.807-14.176C33.933 94.924 134.813 8 256 8c66.448 0 126.791 26.136 171.315 68.685L463.03 40.97C478.149 25.851 504 36.559 504 57.941V192c0 13.255-10.745 24-24 24H345.941c-21.382 0-32.09-25.851-16.971-40.971l41.75-41.749zM32 296h134.059c21.382 0 32.09 25.851 16.971 40.971l-41.75 41.75c31.262 29.273 71.835 45.319 114.876 45.28 77.418-.07 144.315-53.144 162.787-126.849 1.344-5.363 6.122-9.15 11.651-9.15h57.304c7.498 0 13.194 6.807 11.807 14.176C478.067 417.076 377.187 504 256 504c-66.448 0-126.791-26.136-171.315-68.685L48.97 471.03C33.851 486.149 8 475.441 8 454.059V320c0-13.255 10.745-24 24-24z'%3E%3C/path%3E%3C/svg%3E"); background-size: 70%;}
label[for="nav-pay"]:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -64 640 640'%3E%3Cpath d='M608 32H32C14.33 32 0 46.33 0 64v384c0 17.67 14.33 32 32 32h576c17.67 0 32-14.33 32-32V64c0-17.67-14.33-32-32-32zM176 327.88V344c0 4.42-3.58 8-8 8h-16c-4.42 0-8-3.58-8-8v-16.29c-11.29-.58-22.27-4.52-31.37-11.35-3.9-2.93-4.1-8.77-.57-12.14l11.75-11.21c2.77-2.64 6.89-2.76 10.13-.73 3.87 2.42 8.26 3.72 12.82 3.72h28.11c6.5 0 11.8-5.92 11.8-13.19 0-5.95-3.61-11.19-8.77-12.73l-45-13.5c-18.59-5.58-31.58-23.42-31.58-43.39 0-24.52 19.05-44.44 42.67-45.07V152c0-4.42 3.58-8 8-8h16c4.42 0 8 3.58 8 8v16.29c11.29.58 22.27 4.51 31.37 11.35 3.9 2.93 4.1 8.77.57 12.14l-11.75 11.21c-2.77 2.64-6.89 2.76-10.13.73-3.87-2.43-8.26-3.72-12.82-3.72h-28.11c-6.5 0-11.8 5.92-11.8 13.19 0 5.95 3.61 11.19 8.77 12.73l45 13.5c18.59 5.58 31.58 23.42 31.58 43.39 0 24.53-19.05 44.44-42.67 45.07zM416 312c0 4.42-3.58 8-8 8H296c-4.42 0-8-3.58-8-8v-16c0-4.42 3.58-8 8-8h112c4.42 0 8 3.58 8 8v16zm160 0c0 4.42-3.58 8-8 8h-80c-4.42 0-8-3.58-8-8v-16c0-4.42 3.58-8 8-8h80c4.42 0 8 3.58 8 8v16zm0-96c0 4.42-3.58 8-8 8H296c-4.42 0-8-3.58-8-8v-16c0-4.42 3.58-8 8-8h272c4.42 0 8 3.58 8 8v16z'%3E%3C/path%3E%3C/svg%3E"); background-size:85%;}
.nav-wrapper ~ .external:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M336.2 64H47.8C21.4 64 0 85.4 0 111.8v288.4C0 426.6 21.4 448 47.8 448h288.4c26.4 0 47.8-21.4 47.8-47.8V111.8c0-26.4-21.4-47.8-47.8-47.8zm189.4 37.7L416 177.3v157.4l109.6 75.5c21.2 14.6 50.4-.3 50.4-25.8V127.5c0-25.4-29.1-40.4-50.4-25.8z'%3E%3C/path%3E%3C/svg%3E"); background-size: 90%;}
li .nav-toggler:checked ~ .nav-wrapper {
z-index: 900;
transform: translateX(0);
}
li .nav-toggler:checked ~ label {line-height: 40px;}
li .nav-toggler:checked ~ label:after {
content: 'VOLTAR';
position: fixed;
top: 90px;
left: 0;
z-index: 1100;
width: 300px;
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;
}
#menu-input:checked ~ #menu {transform: translateX(-300px);}
#menu-input:checked ~ #menu-label {
left: 0;
border-radius: 5px 0 0 5px;
transform: rotateY(180deg);
}
/*MAIN*/
#menu-input ~ #main_form,
#menu-input ~ .main,
#menu-input ~ form {
margin-left: 300px;
padding: 1rem 2.5rem;
transition: all .1s 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;}
nav.actions .button {margin-right: .5rem;}
/*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-fCep, #register-jCep,
#register-fPhone1, #register-fPhone2,
#register-jPhone1, #register-jPhone2 {max-width: 150px;}
/*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%;}
/*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 h2 { margin: 10px 0 0 !important; padding: .5rem; background: #e5e5e5; font-size: 1.4em;}
#sbox-content table.form {padding: .5rem;}
div.actions {display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: center; justify-content: center; margin: 1% 0; }
.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;}
/* vbox, hbox -- begin */
.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 }
/* vbox, hbox -- end */
/* @onoff -- start
*/
.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;}
/* @onoff -- end */
.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: 400px;
background: white;
border: 1px solid rgba(0,0,0,.1);
}
/* dashboard */
#dashboard {
width: 1200px;
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:
"gender gender gender graph graph graph graph graph graph graph graph graph"
"age age age graph graph graph graph graph graph graph graph graph"
"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 {
width: 100%;
}
#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 { 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; }