@import url("../js/JQueryUI/ImagenetJquery-ui.min.css");

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-regular.ttf') format('truetype'),
        url('fonts/opensans-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-italic.ttf') format('truetype'),
        url('fonts/opensans-italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-light.ttf') format('truetype'),
        url('fonts/opensans-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-lightitalic.ttf') format('truetype'),
        url('fonts/opensans-lightitalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-semibold.ttf') format('truetype'),
        url('fonts/opensans-semibold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-semibolditalic.ttf') format('truetype'),
        url('fonts/opensans-semibolditalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-bold.ttf') format('truetype'),
        url('fonts/opensans-bold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-bolditalic.ttf') format('truetype'),
        url('fonts/opensans-bolditalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

:focus {
    outline: 0;
}

html,
body {
    color: #444;
    font-family: 'Open Sans', 'Helvetica', sans-serif;
    letter-spacing: .5px;
    line-height: 1.6;
    background: var(--bg-color);
    height: 100%;
    font-size: 13px;
    counter-reset: legend;
}

img {
    max-width: 100%;
    max-height: 100%
}

a {
    color: inherit;
    text-decoration: none
}

textarea {
    font-family: inherit;
    resize: vertical;
    min-height: 75px
}

textarea.imagenet-editor-texto {
    display: none;
}

li {
    list-style: none
}

/*::-webkit-scrollbar{width:15px;background:none;background:transparent;}
::-webkit-scrollbar-track{box-shadow:none;}
::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.7);margin: 2px; /*background: #585858;*}*/
::-webkit-resizer {
    cursor: move;
}


/* Classes globais */
.clear {
    height: 0;
    line-height: 0;
    clear: both;
    margin: 0 !important;
    padding: 0 !important
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

.texto-limitado {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tac {
    text-align: center !important
}

.tar {
    text-align: right !important
}

.wauto {
    width: auto !important
}

.col-10 {
    width: 100% !important;
}

.col-95 {
    width: 95% !important;
}

.col-9 {
    width: 90% !important;
}

.col-85 {
    width: 85% !important;
}

.col-8 {
    width: 80% !important;
}

.col-75 {
    width: 75% !important;
}

.col-7 {
    width: 70% !important;
}

.col-65 {
    width: 65% !important;
}

.col-6 {
    width: 60% !important;
}

.col-55 {
    width: 55% !important;
}

.col-5 {
    width: 50% !important;
}

.col-48 {
    width: 48% !important;
}

.col-45 {
    width: 45% !important;
}

.col-4 {
    width: 40% !important;
}

.col-35 {
    width: 35% !important;
}

.col-33 {
    width: 33.333% !important;
}

.col-3 {
    width: 30% !important;
}

.col-25 {
    width: 25% !important;
}

.col-2 {
    width: 20% !important;
}

.col-15 {
    width: 15% !important;
}

.col-1 {
    width: 10% !important;
}

.col-05 {
    width: 5% !important;
}

.estado {
    width: 205px !important;
}

.cnpj {
    width: 170px !important;
}

.operadora {
    width: 160px !important;
}

.cpf,
.ie,
.im {
    width: 150px !important;
}

.pessoa {
    width: 160px;
}

.telefone {
    width: 140px !important;
}

.rg {
    width: 135px !important;
}

.data {
    width: 110px !important;
}

.cep {
    width: 100px !important;
}

.uf {
    width: 80px !important;
}

.row-small,
.row-medium,
.row-big {
    overflow: auto;
}

.row-small {
    height: 150px;
}

.row-medium {
    height: 300px;
}

.row-big {
    height: 600px;
}

.margin-none {
    margin: 0 !important;
}

.margin-small {
    margin: 5px !important;
}

.margin-top-small {
    margin-top: 5px !important;
}

.margin-right-small {
    margin-right: 5px !important;
}

.margin-bottom-small {
    margin-bottom: 5px !important;
}

.margin-left-small {
    margin-left: 5px !important;
}

.margin-horizontal-small {
    margin-left: 5px;
    margin-right: 5px !important;
}

.margin-vertical-small {
    margin-top: 5px;
    margin-bottom: 5px !important;
}

.margin-big {
    margin: 20px !important;
}

.margin-top-big {
    margin-top: 20px !important;
}

.margin-right-big {
    margin-right: 20px !important;
}

.margin-bottom-big {
    margin-bottom: 20px !important;
}

.margin-left-big {
    margin-left: 20px !important;
}

.margin-horizontal-big {
    margin-left: 20px;
    margin-right: 20px !important;
}

.margin-vertical-big {
    margin-top: 20px;
    margin-bottom: 20px !important;
}

.margin {
    margin: 10px !important;
}

.margin-top {
    margin-top: 10px !important;
}

.margin-right {
    margin-right: 10px !important;
}

.margin-bottom {
    margin-bottom: 10px !important;
}

.margin-left {
    margin-left: 10px !important;
}

.margin-horizontal {
    margin-left: 10px;
    margin-right: 10px !important;
}

.margin-vertical {
    margin-top: 10px;
    margin-bottom: 10px !important;
}

.padding-none {
    padding: 0 !important;
}

.padding-small {
    padding: 5px;
}

.padding-top-small {
    padding-top: 5px;
}

.padding-right-small {
    padding-right: 5px;
}

.padding-bottom-small {
    padding-bottom: 5px;
}

.padding-left-small {
    padding-left: 5px;
}

.padding-horizontal-small {
    padding-left: 5px;
    padding-right: 5px;
}

.padding-vertical-small {
    padding-top: 5px;
    padding-bottom: 5px;
}

.padding-big {
    padding: 20px;
}

.padding-top-big {
    padding-top: 20px;
}

.padding-right-big {
    padding-right: 20px;
}

.padding-bottom-big {
    padding-bottom: 20px;
}

.padding-left-big {
    padding-left: 20px;
}

.padding-horizontal-big {
    padding-left: 20px;
    padding-right: 20px;
}

.padding-vertical-big {
    padding-top: 20px;
    padding-bottom: 20px;
}

.padding {
    padding: 10px;
}

.padding-top {
    padding-top: 10px;
}

.padding-right {
    padding-right: 10px;
}

.padding-bottom {
    padding-bottom: 10px;
}

.padding-left {
    padding-left: 10px;
}

.padding-horizontal {
    padding-left: 10px;
    padding-right: 10px;
}

.padding-vertical {
    padding-top: 10px;
    padding-bottom: 10px;
}

.color-vermelho {
    color: #f44336
}

.color-amarelo {
    color: #dcbc00
}

.color-verde {
    color: #2ba81b
}

.color-azul {
    color: #1d1dd8
}

.bold {
    font-weight: bold;
}

.align-vertical-absolute {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
}

.align-both-absolute {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.imagenet-conteudo {
    background: #FFF;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    padding: 10px;
    position: relative;
}

.imagenet-conteudo.lock {
    display: flex;
    height: 100%;
    align-items: center;
    border: none;
}

.imagenet-filtro-avancado {
    display: none;
    width: 100%;
    float: left;
}

.imagenet-filtro-avancado.imagenet-filtro2 {
    background-color: #fff;
    border: 1px solid #dcdcdc;
    padding: 10px 5px;
    box-shadow: 4px 4px 6px #b7b7b7;
}

.imagenet-filtro-avancado.imagenet-filtro2 .imagenet-campo {
    margin-bottom: 0;
}

.imagenet-filtro-avancado.imagenet-filtro2 .imagenet-campos {
    width: calc(100% - 95px);
    float: left;
    border-right: 2px solid #dcdcdc;
    padding-right: 10px;
    margin-right: 10px;
}

.imagenet-filtro-avancado.imagenet-filtro2 input[type="text"],
.imagenet-filtro-avancado.imagenet-filtro2 input[type="password"],
.imagenet-filtro-avancado.imagenet-filtro2 input[type="tel"],
.imagenet-filtro-avancado.imagenet-filtro2 input[type="email"],
.imagenet-filtro-avancado.imagenet-filtro2 input[type="number"],
.imagenet-filtro-avancado.imagenet-filtro2 select,
.imagenet-filtro-avancado.imagenet-filtro2 textarea,
.imagenet-filtro-avancado.imagenet-filtro2 .chosen-single,
.imagenet-filtro-avancado.imagenet-filtro2 .tagsinput {
    border-radius: 0px !important;
}

.imagenet-filtro.imagenet-conteudo {
    padding: 10px 5px 0 5px;
}

.hidden {
    display: none !important
}

.imagenet-bandeira-idioma {
    height: 17px;
    display: block;
    border-radius: 2px;
    margin: auto;
}

.icon-btn {
    padding: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.white-icon {
    position: relative;
    top: -1000px;
    left: -1000px;
    filter: drop-shadow(1000px 1000px 0 white);
}

/* Buttons */
.imagenet-btn,
.modal .btn {
    display: block;
    min-width: 28px;
    height: 28px;
    padding: 7px 9px;
    cursor: pointer;
    border-radius: 2px;
    background: none;
    border: 1px solid transparent;
    box-shadow: 0.2px 0.2px 3.5px transparent;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    font-size: 13px;
    line-height: 1;
    float: left;
    font-family: inherit;
    position: relative;
    text-align: center;
}

.imagenet-btn2 {
    display: block;
    min-width: 28px;
    height: 30px;
    padding: 8px;
    cursor: pointer;
    border-radius: 6px;
    background: none;
    border: 1px solid transparent;
    box-shadow: 0.2px 0.2px 3.5px transparent;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s;
    box-shadow: inset 0 0 0px 0px #6b6b6b;
    color: var(--default-button-text-color);
    font-size: 13px;
    line-height: 1;
    float: left;
    font-family: inherit;
    position: relative;
    text-align: center;
}

.imagenet-btn2.aberto {
    box-shadow: inset 0 0 3px 1px #6b6b6b;
}

.imagenet-btn2:disabled,
.imagenet-btn2.disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.imagenet-campo-grupo .imagenet-btn {
    white-space: nowrap;
}

.imagenet-campo-grupo .imagenet-btn.imagenet-btn-default {
    border: 1px solid var(--input-border-color) !important;
}

.imagenet-btn-inline-block {
    display: inline-block;
    float: none;
}

[class^='imagenet-btn']+[class^='imagenet-btn'] {
    margin-left: 5px
}

.imagenet-table tbody td .imagenet-btn,
.imagenet-table tfoot td .imagenet-btn,
.imagenet-btn-small,
.ag-cell-value .imagenet-btn {
    margin: 1px 1px 1px 3px;
    padding: 6px 5px;
    font-size: 10px;
    height: 24px;
    min-width: 24px;
    display: inline-block;
    float: none;
}

.ag-cell-value .imagenet-btn2 {
    margin: 1px 1px 1px 3px;
    padding: 0;
    height: 24px;
    min-width: 24px;
    display: inline-block;
    float: none;
}

.imagenet-table tbody td .imagenet-btn,
.imagenet-table tfoot td .imagenet-btn,
.imagenet-btn-small {
    margin: 1px 0 1px 0;
}

.imagenet-table-imagem {
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
}

.imagenet-table-imagem+.imagenet-table-imagem {
    margin-left: 0.05rem;
}

span.btn.btn-primary {
    display: none !important;
}

.modal {
    background: rgba(0, 0, 0, 0.7);
    z-index: 998 !important;
}

.modal-backdrop {
    display: none;
}

/* padrão */
.imagenet-btn,
.modal .btn {
    color: #FFF;
    background: #0065A4
}

.imagenet-btn:hover,
.modal .btn:hover {
    background: #2681c4;
    color: #FFF
}

.imagenet-btn:active,
.imagenet-btn:focus,
.modal .btn:active,
.modal .btn:focus {
    background: #2274b0;
    color: #FFF;
}

.imagenet-btn.imagenet-btn-vazio {
    background: none;
    border-color: #0065A4;
    color: #0065A4
}

.imagenet-btn.imagenet-btn-vazio:hover {
    background: #0065A4;
    color: #FFF
}

.imagenet-btn.imagenet-btn-vazio:active,
.imagenet-btn.imagenet-btn-vazio:focus {
    background: #2681c4;
    border-color: #2681c4;
    color: #FFF
}

/* cadastrar */
.imagenet-btn-cadastrar {
    color: #FFF;
    background: #3ab75c
}

.imagenet-btn-cadastrar:hover {
    background: #34a453;
    color: #FFF
}

.imagenet-btn-cadastrar:active,
.imagenet-btn-cadastrar:focus {
    background: #2f934b
}

.imagenet-btn-cadastrar.imagenet-btn-vazio {
    background: none;
    border-color: #3ab75c;
    color: #3ab75c
}

.imagenet-btn-cadastrar.imagenet-btn-vazio:hover {
    background: #3ab75c;
    color: #FFF
}

.imagenet-btn-cadastrar.imagenet-btn-vazio:active,
.imagenet-btn-cadastrar.imagenet-btn-vazio:focus {
    background: #34a453;
    border-color: #34a453;
    color: #FFF
}

/* excluir */
.imagenet-btn-excluir {
    color: #FFF;
    background: #f44336
}

.imagenet-btn-excluir:hover {
    background: #db3c31;
    color: #FFF
}

.imagenet-btn-excluir:active,
.imagenet-btn-excluir:focus {
    background: #c5362c
}

.imagenet-btn-excluir.imagenet-btn-vazio {
    background: none;
    border-color: #f44336;
    color: #f44336
}

.imagenet-btn-excluir.imagenet-btn-vazio:hover {
    background: #f44336;
    color: #FFF
}

.imagenet-btn-excluir.imagenet-btn-vazio:active,
.imagenet-btn-excluir.imagenet-btn-vazio:focus {
    background: #db3c31;
    border-color: #db3c31;
    color: #FFF
}

/* cancelar */
.imagenet-btn-cancelar {
    color: #FFF;
    background: #aaaaaa
}

.imagenet-btn-cancelar:hover {
    background: #999;
    color: #FFF
}

.imagenet-btn-cancelar:active,
.imagenet-btn-cancelar:focus {
    background: #898989
}

.imagenet-btn-cancelar.imagenet-btn-vazio {
    background: none;
    border-color: #aaaaaa;
    color: #aaaaaa
}

.imagenet-btn-cancelar.imagenet-btn-vazio:hover {
    background: #aaaaaa;
    color: #FFF
}

.imagenet-btn-cancelar.imagenet-btn-vazio:active,
.imagenet-btn-cancelar.imagenet-btn-vazio:focus {
    background: #999;
    border-color: #999;
    color: #FFF
}

/* copiar */
.imagenet-btn-copiar {
    color: #FFF;
    background: #dbb523
}

.imagenet-btn-copiar:hover {
    background: #d7ac0a;
    color: #FFF
}

.imagenet-btn-copiar:active,
.imagenet-btn-copiar:focus {
    background: #c19b09
}

.imagenet-btn-copiar.imagenet-btn-vazio {
    background: none;
    border-color: #dbb523;
    color: #dbb523
}

.imagenet-btn-copiar.imagenet-btn-vazio:hover {
    background: #dbb523;
    color: #FFF
}

.imagenet-btn-copiar.imagenet-btn-vazio:active,
.imagenet-btn-copiar.imagenet-btn-vazio:focus {
    background: #d7ac0a;
    border-color: #d7ac0a;
    color: #FFF
}

/* exportar */
/* .imagenet-btn-exportar{color: #FFF; background: #9b6df3}
.imagenet-btn-exportar:hover{background: #8b62da; color: #FFF}
.imagenet-btn-exportar:active, .imagenet-btn-exportar:focus{background: #7d58c4}
.imagenet-btn-exportar.imagenet-btn-vazio{background: none;border-color: #9b6df3;color: #9b6df3}
.imagenet-btn-exportar.imagenet-btn-vazio:hover{background: #9b6df3;color: #FFF}
.imagenet-btn-exportar.imagenet-btn-vazio:active, .imagenet-btn-exportar.imagenet-btn-vazio:focus{background: #8b62da;border-color: #8b62da;color: #FFF} */

/* login */
.imagenet-btn-login {
    color: #FFF;
    background: #f07816
}

.imagenet-btn-login:hover {
    background: #d86c14;
    color: #FFF
}

.imagenet-btn-login:active,
.imagenet-btn-login:focus {
    background: #c26112
}

.imagenet-btn-login.imagenet-btn-vazio {
    background: none;
    border-color: #f07816;
    color: #f07816
}

.imagenet-btn-login.imagenet-btn-vazio:hover {
    background: #f07816;
    color: #FFF
}

.imagenet-btn-login.imagenet-btn-vazio:active,
.imagenet-btn-login.imagenet-btn-vazio:focus {
    background: #d86c14;
    border-color: #d86c14;
    color: #FFF
}

/* default */
.imagenet-btn-default {
    color: var(--default-button-text-color);
    background: var(--default-button-color);
    border-color: var(--default-button-text-color)
}

/* insert */
.imagenet-btn-insert {
    color: var(--insert-button-text-color);
    background: var(--insert-button-color);
    border-color: var(--insert-button-text-color)
}

/* insert */
.imagenet-btn-submit {
    color: var(--submit-button-text-color);
    background: var(--submit-button-color);
    border-color: var(--submit-button-text-color)
}

/* insert */
.imagenet-btn-cancel {
    color: var(--cancel-button-text-color);
    background: var(--cancel-button-color);
    border-color: var(--cancel-button-text-color)
}


.grecaptcha-badge {
    visibility: hidden;
}

/* Avisos */
.informacao-wrap {
    margin: 0 8px;
    background-color: #ffe2c9;
    text-align: center;
}

[class^='imagenet-aviso'] {
    padding: 0.5rem;
    line-height: 1.3;
    border-radius: 2px;
    color: #FFF;
    margin-bottom: 3px;
}

.imagenet-aviso-erro {
    background: #f44336;
}

.imagenet-aviso-sucesso {
    background: #3ab75c;
}

.imagenet-aviso-alerta {
    background: #ff9800;
}

.imagenet-aviso-info {
    background: #0065A4;
}

.imagenet-popup-content [class^='imagenet-aviso'] {
    margin: 0 0 5px 0;
}

.imagenet-erro-404 {
    height: calc(100vh - 100px);
    display: flex;
    justify-content: center;
    align-items: center;
}

#imagenet-info {
    position: absolute;
    right: 10px;
    font-size: 1.4em;
    background: #fff;
    padding: 0 5px;
    margin-top: -4px;
    cursor: pointer;
}

/* Inputs e Formulário */
.imagenet-tab-conteudo {
    padding: 10px 0;
    border-bottom: 2px solid #444;
    margin: 0 0 10px 0;
    /* min-height: calc(100vh - 190px);
    overflow: auto; */
}

.imagenet-sub-tab-conteudo {
    padding: 10px;
    margin: 0 0 10px 0;
    border: solid 1px #c0c0c0;
    box-shadow: 2px 2px 5px #a9a9a9;
    /* min-height: calc(100vh - 190px);
    overflow: auto; */
}

/*.imagenet-popup .imagenet-tab-conteudo{
    min-height: 0;
}*/

.imagenet-tab-conteudo-aside {
    width: 300px;
    float: right;
}

.imagenet-tab-conteudo-aside+.imagenet-tab-conteudo {
    width: calc(100% - 300px);
    float: left;
}

.imagenet-campo {
    float: left;
    margin-bottom: 10px;
    padding: 0 5px;
}

.imagenet-campo-button {
    margin-top: 20px;
}

/* 
.imagenet-campo-checkbox{
    margin-top: 2px;
} */

.imagenet-campo .imagenet-campo-checkbox {
    margin-bottom: 0px !important;
}


.imagenet-campo>label {
    /* font-weight: bold; */
    color: #444;
    display: block;
}

.imagenet-campo .imagenet-label-descricao {
    font-size: 11px;
    color: #525252;
    font-weight: normal;
}

.imagenet-campo>label>span#imagenet-copiar {
    font-size: 0.8em;
    color: #54657e;
    float: right;
    cursor: pointer;
}

.cvermelho {
    color: red;
}

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="color"],
select,
textarea,
.chosen-single,
.tagsinput {
    display: block;
    width: 100%;
    border: none;
    border: 1px solid var(--input-border-color);
    height: 28px;
    padding: 5px !important;
    box-shadow: 0px 0px 0px 0px #0065A4 inset !important;
    transition: border-color 0.15s, box-shadow 0.35s;
    color: var(--input-text-color);
    background: #FFF;
    border-radius: 2px;
    font-size: 13px;
    position: relative;
    z-index: 2;
}

input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="tel"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="color"]:disabled,
select:disabled,
textarea:disabled,
.chosen-disabled>a,
.tagsinput:disabled,
.imagenet-radio-group input:disabled+label,
input[type="text"][readonly],
input[type="password"][readonly],
input[type="tel"][readonly],
input[type="email"][readonly],
input[type="number"][readonly],
input[type="color"][readonly],
select[readonly],
textarea[readonly],
.chosen-single[readonly],
.tagsinput[readonly],
.imagenet-radio-group input[readonly]+label {
    cursor: default !important;
}

.imagenet-radio-group input:disabled+label:hover {
    background: none !important;
}

input[type="color"] {
    -webkit-appearance: none;
    padding: 0 !important;
}

input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}

input[type="color"]::-webkit-color-swatch {
    border: none;
}

input.selectable {
    cursor: text !important;
}

input:not(:focus):not(:hover),
select:not(:focus):not(:hover),
textarea:not(:hover):not(:focus) {
    z-index: 0;
}

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="color"],
select,
textarea,
.chosen-single,
.tagsinput {
    font-family: 'Open Sans', 'Helvetica', sans-serif;
}

input[type="text"]:not(:disabled):not([readonly]):hover,
input[type="password"]:not(:disabled):not([readonly]):hover,
input[type="tel"]:not(:disabled):not([readonly]):hover,
input[type="email"]:hover,
input[type="number"]:not(:disabled):not([readonly]):hover,
input[type="color"]:not(:disabled):not([readonly]):hover,
select:not(:disabled):not([readonly]):hover,
textarea:not(:disabled):not([readonly]):hover,
.chosen-single:not(:disabled):not([readonly]):hover,
.chosen-container-single:hover,
.tagsinput:hover {
    border-color: #bbb;
    z-index: 3 !important;
}

input[type="text"]:not(:disabled):not([readonly]):focus,
input[type="password"]:not(:disabled):not([readonly]):focus,
input[type="tel"]:not(:disabled):not([readonly]):focus,
input[type="email"]:not(:disabled):not([readonly]):focus,
input[type="number"]:not(:disabled):not([readonly]):focus,
input[type="color"]:not(:disabled):not([readonly]):focus,
select:not(:disabled):not([readonly]):focus,
textarea:not(:disabled):not([readonly]):focus,
.chosen-single:not(:disabled):not([readonly]):focus,
.chosen-container-single:focus,
.tagsinput:focus input,
.chosen-container-active>a {
    border-color: #0065A4 !important;
    box-shadow: 0px 0px 4px -2px #0065A4 !important;
    z-index: 4 !important;
}

input[type="text"].invalido:not(:focus),
input[type="text"].invalido:not(:focus)+.tagsinput,
input[type="password"].invalido:not(:focus),
input[type="tel"].invalido:not(:focus),
input[type="email"].invalido:not(:focus),
input[type="number"].invalido:not(:focus),
input[type="color"].invalido:not(:focus),
select.invalido:not(:focus),
textarea.invalido:not(:focus),
.chosen-container.invalido .chosen-single {
    border-color: #f5625a;
    box-shadow: 0px 0px 4px -2px #f5625a !important;
}


.note-editing-area {
    margin: 0 -1px;
    border: 1px solid #dcdcdc;
    border-top: none;
}

.note-toolbar {
    z-index: 1 !important;
}

textarea.invalido+.note-editor .note-toolbar {
    border-bottom-color: #f5625a !important;
}

textarea.invalido+.note-editor .note-editing-area {
    border-color: #f5625a;
    box-shadow: 0px 0px 4px -2px #f5625a !important;
}

.dropdown-menu {
    transform: translate3d(0px, 28px, 0px) !important;
}

.chosen-single {
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 30px !important;
    padding-top: 3px !important;
}

.chosen-drop {
    z-index: 9;
    background: #FFF;
    border: 1px solid #dcdcdc;
    border-top: none;
    position: absolute;
    top: 29px;
    left: 0px;
    width: 100%;
    padding: 3px;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(100% 100%);
    clip-path: inset(100% 100%);
}

.chosen-container-active .chosen-single {
    border-radius: 2px 2px 0 0;
}

.imagenet-dado-alinhado .chosen-single {
    font-size: 12px;
    padding-top: 4px !important;
}

.chosen-with-drop .chosen-drop {
    clip: unset;
    -webkit-clip-path: unset;
    clip-path: unset;
}

.chosen-container {
    position: relative;
}

.chosen-results::-webkit-scrollbar {
    width: 3px;
    background: none;
    background: rgba(0, 0, 0, 0)
}

.chosen-results::-webkit-scrollbar-track {
    box-shadow: none;
    background: rgba(0, 0, 0, 0);
    border-radius: 0px
}

.chosen-results::-webkit-scrollbar-thumb {
    background: #dcdcdc;
    border-radius: 0
}

.chosen-container-single:hover {
    z-index: 999 !important;
}

.chosen-container-single-nosearch .chosen-search {
    width: 0;
    height: 0;
    position: absolute;
    z-index: -5;
    opacity: 0;
}

.chosen-results .result-selected {
    background: #0065A4;
    color: #FFF;
}

.chosen-results .active-result {
    padding: 5px;
    cursor: pointer;
    border-radius: 2px;
}

.chosen-results .active-result+.active-result {
    margin-top: 3px;
}

.chosen-results {
    overflow: hidden auto;
    max-height: 250px;
}

.chosen-results .active-result:not(.result-selected).highlighted {
    background: #f0f9ff;
    color: #0065A4;
}

.chosen-results .no-results {
    padding: 10px;
    text-align: center;
}

.chosen-results .no-results span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.chosen-results .disabled-result {
    padding: 5px;
    cursor: pointer;
    border-radius: 2px;
}

.chosen-search {
    padding: 5px;
    background: whitesmoke;
}

.chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 30px;
}

.chosen-single div b {
    position: absolute;
    top: 12px;
    left: 11.5px;
    display: block;
    border: 4px solid transparent;
    border-top-color: #a0a0a0;
    width: 0px;
    height: 0px;
    box-sizing: content-box;
    transition: border 0.3s;
}

.chosen-container:hover .chosen-single div b {
    border-top-color: #868686;
}

.chosen-results {
    padding: 3px;
}

.chosen-drop {
    padding: 0;
}

.chosen-results:empty {
    padding: 0;
}

/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    cursor: text;
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    width: 100%;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 1px 0;
    padding: 0;
    height: 25px;
    outline: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
    color: #999;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
    width: 100% !important;
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 0;
    padding: 3px 20px 3px 5px;
    border: 1px solid #eee;
    max-width: 100%;
    background-color: #f3f3f3;
    color: #333;
    line-height: 13px;
    cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(../js/Chosen/images/chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px;
    cursor: pointer;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-focus {
    background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
}

/* @group Right to Left */
.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px;
}

.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px;
}

.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px;
}

.chosen-rtl .chosen-choices {
    display: flex;
    flex-direction: column-reverse;
}

.chosen-rtl .chosen-choices li {
    flex: 0 0 auto;
}

.chosen-rtl .chosen-choices li .search-field input[type="text"] {
    direction: rtl;
}

.chosen-rtl .chosen-choices li .search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li .search-choice .search-choice-close {
    right: auto;
    left: 4px;
}

.chosen-rtl .chosen-choices li .chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0;
}

.chosen-results li.group-option .chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
    padding: 4px 5px 4px 20px;
    direction: rtl;
}

.chosen-rtl .chosen-container-single .chosen-single div b {
    background-position: 6px 2px;
}

.chosen-rtl .chosen-container-single .chosen-single div b .chosen-with-drop .chosen-single div b {
    background-position: -12px 2px;
}

/* Date picker */
.datepicker-panel>ul>li.disabled,
.datepicker-panel>ul>li.disabled:hover {
    background: #f9f9f9;
}

.datepicker-container {
    z-index: 1004 !important;
}

/* Tabs */
.imagenet-tab-topo,
.imagenet-sub-tab-topo {
    border-bottom: 2px solid #444;
    overflow: hidden;
    width: 100%;
    padding-top: 5px;
    padding-left: 5px;
}

.imagenet-sub-tab-topo {
    margin-left: -4px;
}

.imagenet-sub-tab-topo {
    border: none;
    display: flex;
    flex-wrap: wrap-reverse;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.imagenet-tab,
.imagenet-sub-tab {
    display: block;
    float: left;
    padding: 0px 12px 0px 12px;
    color: #7f7f7f;
    margin: 0px -35px -98px 10px;
    height: 0;
    line-height: 32px;
    position: relative;
    border-radius: 2px 2px 0 0;
    cursor: pointer;
    text-transform: uppercase;
    border-bottom: 130px solid #f2f2f2;
    border-right: 55px solid transparent;
    filter: drop-shadow(1px -1px 0 #c0c0c0) drop-shadow(-1px 0px 0 #c0c0c0) drop-shadow(2px 1px 2px #c0c0c0);
}

.imagenet-tab.ativo,
.imagenet-sub-tab.ativo {
    border-bottom: 130px solid #7f7f7f;
    color: whitesmoke;
    filter: drop-shadow(1px -1px 0 #c0c0c0) drop-shadow(-1px 0px 0 #c0c0c0) drop-shadow(3px -1px 3px #c0c0c0);
}

.imagenet-sub-tab span {
    opacity: 0.8;
    font-size: 0.7em;
}

[id^='imagenet-tab-conteudo-tab'].ativo {
    display: block;
}

.imagenet-fieldset-grid,
[id^='imagenet-tab-conteudo-tab'],
[id^='imagenet-tab-conteudo-f-tab'],
[id^='imagenet-sub-tab-conteudo-tab'],
[id^='imagenet-sub-tab-conteudo-f-tab'] {
    position: relative;
}

.imagenet-fieldset-grid .ag-theme-quartz:not(.ag-popup),
[id^='imagenet-sub-tab-conteudo-tab'],
[id^='imagenet-sub-tab-conteudo-f-tab'] {
    min-height: 350px;
}

.imagenet-fieldset-grid,
[id^='imagenet-sub-tab-conteudo-tab'].ativo,
[id^='imagenet-sub-tab-conteudo-f-tab'].ativo {
    display: flex;
}

.imagenet-fieldset-grid .imagenet-opcoes,
[id^='imagenet-sub-tab-conteudo-tab'] .imagenet-opcoes,
[id^='imagenet-sub-tab-conteudo-f-tab'] .imagenet-opcoes {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.imagenet-tab:before,
.imagenet-tab:after,
.imagenet-sub-tab:before,
.imagenet-sub-tab:after {
    content: '';
    display: block;
    width: 20px;
    height: 130px;
    position: absolute;
    top: 0px;
}

.imagenet-tab:before,
.imagenet-sub-tab:before {
    left: -10px;
    border-radius: 6px 6px 0 0;
    background: #f2f2f2;
}


.imagenet-tab:after,
.imagenet-sub-tab:after {
    right: -35px;
    transform: skewX(25deg);
    border-radius: 6px 6px 0 0;
    background: #f2f2f2;
}

.imagenet-tab.ativo:before,
.imagenet-tab.ativo:after,
.imagenet-sub-tab.ativo:before,
.imagenet-sub-tab.ativo:after {
    background: #7f7f7f;
}

[id^='imagenet-tab-conteudo-tab']:not(.ativo),
[id^='imagenet-sub-tab-conteudo-tab']:not(.ativo),
[id^='imagenet-sub-tab-conteudo-f-tab']:not(.ativo) {
    display: none;
}



/* Login */
.imagenet-login-versao {
    display: inline-block;
    /* font-size: 9px; */
    font-weight: 600;
    position: relative;
}

.imagenet-login-container-esquerda {
    width: calc(100% - 500px);
    position: relative;
    /* background: url('../imagem/login-background.jpg'); */
    /* background-size: cover; */
    z-index: 1;
}

.imagenet-login-container-esquerda-layer {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    height: 100%;
    width: 100%;
    z-index: 10;
    pointer-events: none;
}

.imagenet-login-slider .slick-slide {
    height: 100vh;
    position: relative;
}

.imagenet-login-slider .slick-slide {
    overflow: hidden;
    /* transform: skew(-3deg); */
}

.imagenet-login-slider img {
    min-height: 101% !important;
    min-width: 101% !important;
    position: absolute;
    max-height: none !important;
    max-width: none !important;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.imagenet-login-container {
    background-color: #ededd3;
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 120px;
}

#imagenet-login-background {
    position: absolute;
    background-color: #317302;
    width: 100%;
    height: 40vh;
}

#imagenet-login-duvidas {
    z-index: 2;
    margin-right: calc(-120px + -226px);
}

#imagenet-login-duvidas h3 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 26px;
}

#imagenet-login-duvidas ul {
    display: grid;
    gap: 8px;
}

#imagenet-login-duvidas li {
    color: #fff;
    font-size: 16px;
}

#imagenet-login-duvidas li a {
    font-weight: 300;
    display: flex;
    align-items: center;
    gap: 6px;
}

#imagenet-login-duvidas li svg {
    color: #babf1f;
    font-size: 22px;
    width: 24px;
}

.imagenet-login-container-direita {
    width: 500px;
    z-index: 2;
    position: relative;
}

#imagenet-login form>.imagenet-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    width: fit-content;
    height: unset;
    color: #8a979f;
    background: #f9f9f2;
    box-shadow: inset 55px 0 0 #317302;
    transition: all 0.4s ease;
    font-size: 16px;
    padding: 16px 20px;
    border-radius: 12px;
    margin-top: 22px;
    left: 50%;
    transform: translateX(-50%);
}

#imagenet-login form>.imagenet-btn svg {
    display: block;
    margin-right: 32px;
    color: #fff;
    transition: all 0.4s ease;
}

#imagenet-login form>.imagenet-btn:hover {
    box-shadow: inset 550px 0 0 #317302;
    padding: 16px 32px;
    color: #fff;
}

#imagenet-login form>.imagenet-btn:hover svg {
    margin-right: 0;
}

#imagenet-login-esquerda-background {
    background: linear-gradient(-45deg, #ffc23c 10%, #eb675a 90%);
    background-size: 200% 200%;
    -webkit-animation: BackgroundGradientAnimation 15s linear infinite;
    -moz-animation: BackgroundGradientAnimation 15s linear infinite;
    -o-animation: BackgroundGradientAnimation 15s linear infinite;
    animation: BackgroundGradientAnimation 15s linear infinite;
    /* position: absolute;
    top: 0;
    left: 0; */
    width: 100%;
    height: 100%;
    /* transform: skew(-10deg) scale(1.2) translateX(-100px); */
    box-shadow: 0px 0px 10px -2px #00000047;
}

#imagenet-login-container-esquerda-inner {
    background: rgba(0, 0, 0, 0.75);
    height: 100vh;
}

#imagenet-login-container-direita-inner {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    position: relative;
    justify-content: center;
    z-index: 2;
}

#imagenet-login-container-inner {
    max-width: 500px;
    margin-bottom: -40px;
    z-index: 2;
}

#imagenet-login-direita-background {
    width: calc(100% + 8em);
    position: absolute;
    background: #f5f5f5;
    top: 0;
    left: 0;
    height: 100%;
    margin-left: -2em;
    transform: skew(-3deg);
    box-shadow: 70px 0 50px -100px rgb(0, 0, 0) inset;
    z-index: 1;
}

@-webkit-keyframes BackgroundGradientAnimation {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes BackgroundGradientAnimation {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@-o-keyframes BackgroundGradientAnimation {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@keyframes BackgroundGradientAnimation {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

.imagenet-login-container-esquerda,
.imagenet-login-container-direita {
    height: 100vh;
    float: left;
}

.imagenet-login-container-direita {
    color: #FFF;
}

.imagenet-logo-banner {
    position: absolute;
    z-index: 10;
    bottom: 20px;
    left: 20px;
}

.imagenet-login-social {
    text-align: center;
}

.imagenet-login-social a {
    font-size: 28px;
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
    padding: 2px;
    color: #626262;
    border-radius: 2px;
}

.imagenet-login-social a:hover,
.imagenet-login-social a:focus {
    color: #0065A4;
}

.imagenet-login-copyright {
    /* color: #5f5f5f; */
    color: #8a979f;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.6;
    flex: 0 1 auto;
    border-radius: 4px;
    justify-self: auto;
    padding: 10px 30px;
    text-align: center;
    margin-top: 18px;
}

.imagenet-login .imagenet-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.imagenet-login .imagenet-form-footer a {
    font-size: 14px;
}

.imagenet-login .imagenet-form-footer .imagenet-checkbox-field {
    display: flex;
    width: fit-content;
    align-items: center;
    gap: 6px;
}

.imagenet-login .imagenet-form-footer .imagenet-checkbox-field input[type="checkbox"] {
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: currentColor;
    padding: 0 !important;
    display: grid;
    place-content: center;
    min-width: 1.25em;
    min-height: 1.25em;
    border: 0.15em solid #8a979f;
    border-radius: 0.25em;
    transform: translateY(-0.075em);
}

.imagenet-login .imagenet-form-footer .imagenet-checkbox-field input[type="checkbox"]::before {
    content: "";
    width: 0.75em;
    height: 0.75em;
    transform: scale(0);
    border-radius: 0.15em;
    box-shadow: inset 1.5em 1.5em #317302;
    transition: 120ms transform ease-in-out;
    transform-origin: bottom left;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

.imagenet-login .imagenet-form-footer .imagenet-checkbox-field input[type="checkbox"]:checked:before {
    transform: scale(1);
}

.imagenet-login .imagenet-form-footer .imagenet-checkbox-field label {
    padding: 0;
}

#imagenet-logim-banner-wrapper {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}

ul.slick-dots {
    text-align: center;
}

ul.slick-dots li {
    list-style: none;
    display: inline-block;
}

ul.slick-dots button {
    margin: 0 5px;
    transition: width 0.3s, background 0.3s;
    border: none;
    /* font-size: 0; */
    cursor: pointer;
    height: 10px;
    width: 10px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 20px;
    display: block;
}

.slick-dots button:hover {
    background: rgba(255, 255, 255, 1) !important;
}

ul.slick-dots li.slick-active button {
    width: 35px;
}


.imagenet-login-imagem img {
    margin: auto;
    display: block;
}

.imagenet-login-slide-inner {
    width: 80%;
    max-width: 500px;
    margin: auto;
    padding: 20px 0;
    text-align: center;
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
    color: #FFF;
}

.imagenet-login-imagem {
    height: 200px;
}

.imagenet-login-resumo {
    padding: 20px 0 5px 0;
    font-weight: 900;
    color: #FFF;
    /* font-size: 1.5em; */
    text-transform: uppercase;
}

.imagenet-login-mensagem {
    /* font-size: 19px; */
    line-height: 1.7;
    font-weight: 100;
    text-shadow: 0.5px 0.5px 0.2px rgba(0, 0, 0, 0.8);
}

.imagenet-login {
    flex: 1 0 auto;
    padding: 35px 35px 40px;
    min-height: 515px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    justify-content: center;
    background: #fff;
    color: #8a979f;
    border-radius: 20px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
}

.imagenet-login a {
    color: #c2c73b;
    text-decoration: underline;
}

.imagenet-login>div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.imagenet-login-header {
    margin-bottom: 30px;
}

.imagenet-login-header img {
    max-height: 100px;
    max-width: 250px;
    display: block;
    margin: auto;
}

.imagenet-login-title {
    width: 100%;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.imagenet-login-title :is(h1, p) {
    color: #8a979f;
}

.imagenet-login-title p {
    font-size: 15px;
    line-height: 1.5;
}

.imagenet-login .imagenet-campo {
    width: 100%;
    padding: 0;
}

.imagenet-login .imagenet-campo+.imagenet-campo {
    margin-top: 6px;
}

.imagenet-login .imagenet-campo label {
    /* color: #444; */
    color: #8a979f;
    padding: 0 0 5px 0;
    font-weight: 400;
    letter-spacing: 0px;
    /* font-size: 1em; */
    font-size: 14px;
}

.imagenet-login .imagenet-campo input {
    /* height: 40px; */
    height: unset !important;
    color: #444;
    border-color: #adb6bc;
    border-radius: 8px;
    padding: 15px 10px !important;
}

.imagenet-login .imagenet-campo input[type]:not(:disabled):not([readonly]):focus {
    border-color: #317302 !important;
    box-shadow: 0px 0px 4px -2px #317302 !important;
}

/* .imagenet-login .imagenet-campo input:focus {
    border-color: #f07816 !important;
    box-shadow:  0px 0px 4px -2px #f07816 !important;
} */

.imagenet-btn-primary {
    width: 100%;
    height: 40px;
    border-radius: 2px;
}

.campo-lembrar {
    margin-bottom: 10px;
    float: left;
}

.imagenet-checkbox-login input {
    position: absolute;
    z-index: -2;
    width: 0;
    height: 0;
    opacity: 0;
}

.imagenet-checkbox-login label span {
    content: 'x';
    width: 18px;
    height: 18px;
    border: 2px solid #626262;
    display: inline-block;
    margin: 0px 3px 2px 0;
    vertical-align: middle;
    text-align: center;
    border-radius: 2px;
    position: relative;
    transition: background 0.3s, color 0.3s;
}

.imagenet-checkbox-login label {
    cursor: pointer;
    color: #444;
}

.imagenet-checkbox-login input:focus+label span {
    box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.1);
}

.imagenet-checkbox-login input:checked+label span {
    background: #626262;
    color: #FFF;
}

.imagenet-checkbox-login input:not(:checked)+label svg {
    color: transparent;
}

.imagenet-login .imagenet-btn:not(.imagenet-btn-primary) {
    background: none;
    margin: 25px 0 0 0;
    color: #626262;
    transition: color 0.3s;
    padding: 0 !important;
    /* font-size: 1em; */
}

.imagenet-login .imagenet-btn:not(.imagenet-btn-primary) svg {
    vertical-align: bottom;
}

.imagenet-login .imagenet-btn:not(.imagenet-btn-primary):hover {
    color: #000;
}

.imagenet-login span.imagenet-btn {
    line-height: 25px;
}

.imagenet-login #imagenet-load {
    color: #c5c5c5;
    font-size: 4em;
    text-align: center;
}

.imagenet-checkbox-login label span svg {
    font-size: 10px;
    position: absolute;
    top: 2px;
    left: 2px;
    transition: color 0.3s;
}

.imagenet-login .imagenet-erro,
.imagenet-login .imagenet-sucesso,
.imagenet-login .imagenet-alerta,
.imagenet-login .imagenet-info {
    color: #f44d4d;
    padding: 5px 0;
}

.imagenet-login .imagenet-sucesso {
    color: #3ab75c;
}

.imagenet-login .imagenet-alerta {
    color: #ff9800;
}

.imagenet-login .imagenet-info {
    color: #0065A4;
}

.imagenet-login .imagenet-mensagem {
    color: #000;
    font-size: 1.2em;
    margin: 20px;
    font-weight: 200;
}



/* HEADER */
.imagenet-topo {
    background: var(--header-bg-color);
    color: #434343;
    height: 61px;
    z-index: 999;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    border-bottom: 2px solid #ededd3;
}

.imagenet-topo-center {
    flex: 1;
}

.imagenet-topo-inner {
    display: flex;
    justify-content: space-between;
}

.imagenet-topo-logotipo-link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 14px 14px;
    height: 59px;
}

.imagenet-topo-logotipo-link img {
    display: block;
    height: 100%;
    max-height: 28px;
    margin-bottom: 3px;
    object-fit: contain;
}

.imagenet-topo-logotipo {
    display: flex;
    align-items: center;
}

.imagenet-topo-menu {
    float: left;
    position: relative;
}

.imagenet-topo-menus {
    padding: 5px;
}

.imagenet-topo-menu-link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    height: 50px;
    width: 50px;
    cursor: pointer;
    transition: background 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5em;
    border-radius: 6px;
    ;
}

.imagenet-topo-menu-link svg {
    max-width: 22px;
    max-height: 22px;
}

.imagenet-topo-menu.debug-mode.active path {
    fill: #fb9d46;
}

.float-left .imagenet-topo-menu-link {
    padding: 5px 22px;
}

.imagenet-topo-menu-link .imagenet-badge {
    background: #9e9e9e;
    color: #FFF;
    font-size: 9px;
    padding: 2px 5px 1px 6px;
    border-radius: 20px;
    margin: 0 0 0 5px;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.imagenet-topo-menu-link .imagenet-badge-padrao {
    background: #0065A4;
}

.imagenet-topo-menu-link .imagenet-badge-bom {
    background: #12cc66;
}

.imagenet-topo-menu-link .imagenet-badge-medio {
    background: #ff9800;
}

.imagenet-topo-menu-link .imagenet-badge-ruim {
    background: #f5625a;
}

.imagenet-topo-menu-link>* {
    display: inline-block;
    vertical-align: middle;
}

.imagenet-topo-menu:hover .imagenet-topo-menu-link,
.imagenet-topo-submenu-link:hover {
    background: #f1f1f1;
}

.imagenet-topo-menu:active .imagenet-topo-menu-link,
.imagenet-topo-submenu-link:active {
    background: #E5E5E5;
}

.imagenet-topo-menu-link img {
    border-radius: 2px;
    max-width: 35px;
    margin-right: 10px;
}

.imagenet-topo-menu-link svg {
    color: var(--header-button-color);
}

.imagenet-topo-menu:not(:hover) .imagenet-topo-submenus {
    display: none;
}

.imagenet-topo-submenus {
    position: absolute;
    top: 100%;
    left: -1px;
    width: calc(100% + 50px);
    min-width: 260px;
    z-index: 3;
    z-index: 106;
}

.float-right .imagenet-topo-submenus {
    left: auto;
    right: -1px;
}

.imagenet-topo-submenus-inner {
    background: #FFF;
    border-radius: 0 0 2px 2px;
    border: 1px solid gainsboro;
    padding: 5px;
}

.imagenet-topo-submenu-link {
    display: block;
    padding: 0.5rem;
    transition: background 0.3s;
    border-radius: 2px;
}

.imagenet-topo-submenu-link svg {
    margin-right: 10px;
    width: 22px !important;
    display: inline-block;
}

.imagenet-topo-subsubmenus-inner {
    background: rgba(0, 0, 0, 0.03);
    padding: 5px 0;
    margin: 0 -5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-left: none;
    border-right: none;
}

.imagenet-topo-subsubmenus-inner .imagenet-topo-subsubmenu:hover {
    background: rgba(0, 0, 0, 0.03);
}

.imagenet-topo-submenus-inner .imagenet-topo-subsubmenus {
    display: none;
}

.imagenet-topo-subsubmenu-link {
    display: block;
    padding: 0.3rem 1rem;
}



/* MENU LATERAL */
.imagenet-lateral-menu-inner::-webkit-scrollbar {
    width: 3px;
    background: none;
    background: rgba(0, 0, 0, 0)
}

.imagenet-lateral-menu-inner::-webkit-scrollbar-track {
    box-shadow: none;
    background: rgba(0, 0, 0, 0);
    border-radius: 0px
}

.imagenet-lateral-menu-inner::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.45);
    width: 3px;
    border-radius: 0
}

.imagenet-lateral-menu-wrapper {
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
}

.imagenet-lateral-menu-inner {
    overflow: visible;
    width: 300px;
    /* height: calc(100vh - 172.5px); */
    height: calc(100vh - 440px);
    padding: 0;
}

.imagenet-lateral-menus {
    background: var(--menu-bg-color);
    position: fixed;
    left: 0;
    top: 61px;
    overflow: hidden;
    color: #f6f6f6;
    height: calc(100% - 61px);
    z-index: 1001;
    width: 300px;
    transition: width 0.3s;
    border-width: 0;
    border-right: 2px solid #ededd3;
}

.imagenet-menu-lateral-closed .imagenet-lateral-menus {
    width: 62px;
    overflow: visible;
}

.imagenet-lateral-botoes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 0 16px 16px;
}

.imagenet-menu-lateral-closed .imagenet-lateral-botoes {
    grid-template-columns: 1fr;
    padding: 0 8px 16px;
}

.imagenet-lateral-botao {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px;
    color: rgba(62, 88, 97, 0.9);
    border: 1px solid rgba(62, 88, 97, 0.5);
    border-radius: 10px;
    transition: all 0.4s;
}

.imagenet-lateral-botao:hover {
    background: rgba(62, 88, 97, 0.05);
}

.imagenet-lateral-botao.active {
    background: #04263b;
    color: #EDEDD3;
}

.imagenet-lateral-botao.active:hover {
    filter: brightness(1.2);
}

.imagenet-menu-lateral-closed .imagenet-lateral-botao {
    padding: 10px 8px;
}

.imagenet-menu-lateral-closed .imagenet-lateral-botao .icon svg {
    display: block;
    width: 22px;
    height: 22px;
}

.imagenet-menu-lateral-closed .imagenet-lateral-botao .text {
    display: none;
}

.imagenet-lateral-menu-item>[class*='imagenet-lateral-'][class*='-link'] {
    display: block;
    color: var(--menu-item-text-color);
    /* text-shadow: 1px 1px 0px rgba(0, 0, 0, .6); */
    position: relative;
}

.imagenet-lateral-menu-item .imagenet-lateral-icone-item {
    display: inline-block;
    margin: 0 10px -3px 0;
    height: 20px;
    width: 24px !important;
    transition: 0.3s;
    overflow: hidden
}

.imagenet-lateral-menu-item .imagenet-lateral-icone-item img {
    display: block;
    width: 100%;
    max-width: 100%;
    object-fit: contain;
    transition: 0.3s;
    filter: drop-shadow(0px 100px 0 currentColor);
    transform: translateY(-100px);
}

.imagenet-menu-lateral-closed .imagenet-lateral-menu-item .imagenet-lateral-icone-item {
    margin: 0 25px 0 0;
}

/* Estilos dos links laterais quando o menu estiver fechado */
.imagenet-menu-lateral-closed .imagenet-lateral-menu-item {
    position: relative;
    transition: all 0.4s;
}

.imagenet-menu-lateral-dropdown {
    display: block;
    width: 250px;
    max-height: 400px;
    overflow: auto;
    position: fixed;
    z-index: 10;
    background: var(--menu-bg-color);
    border: 1px solid #ededd3;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

body:not(.imagenet-menu-lateral-closed) .imagenet-menu-lateral-dropdown {
    display: none !important;
}

.imagenet-menu-lateral-dropdown {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.15) var(--menu-bg-color);
}

.imagenet-menu-lateral-dropdown::-webkit-scrollbar {
    width: 12px;
}

.imagenet-menu-lateral-dropdown::-webkit-scrollbar-track {
    background: var(--menu-bg-color);
}

.imagenet-menu-lateral-dropdown::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    border: 3px solid var(--menu-bg-color);
}

.imagenet-menu-lateral-closed .imagenet-lateral-menu-item:hover {
    background: rgba(62, 88, 97, 0.05);
}

.imagenet-menu-lateral-closed .imagenet-lateral-submenu-link {
    padding: 10px 20px;
}

.imagenet-menu-lateral-closed .imagenet-lateral-menu-link {
    font-size: 0;
    padding: 14px 18px 16px !important;
}

.imagenet-menu-lateral-closed .imagenet-lateral-icone-item {
    margin: 0 !important;
}

.imagenet-menu-lateral-closed .imagenet-lateral-menu-link> :not(.imagenet-lateral-icone-item) {
    display: none;
}

.imagenet-menu-lateral-closed .imagenet-lateral-menu-inner {
    width: unset !important;
}

.imagenet-lateral-submenu-link:not(.imagenet-lateral-menu-selected)+.imagenet-lateral-subsubmenus {
    display: none;
}

.imagenet-lateral-menu-inner>li .imagenet-lateral-menu-link {
    cursor: pointer;
}

.imagenet-lateral-menu-inner>li .imagenet-lateral-menu-link:not(.imagenet-lateral-menu-selected)+.imagenet-lateral-submenus {
    display: none;
}

.imagenet-lateral-subsubmenus-inner {
    background: rgba(0, 0, 0, 0.15);
    padding: 5px 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-left: none;
    border-right: none;
}

.imagenet-lateral-menu-link {
    font-weight: 700;
    font-size: 15px;
    padding: 14px 18px !important;
    color: var(--menu-group-text-color) !important;
}

.imagenet-lateral-menu .imagenet-lateral-menu-link {
    /* margin-top: 20px; */
    border-top: 1px solid #eeeedb;
    transition: 0.3s;
}

.imagenet-lateral-menu .imagenet-lateral-menu-link.open+.imagenet-lateral-submenus,
.imagenet-lateral-menu .imagenet-lateral-menu-link.open {
    background: #fff;
}

.imagenet-lateral-submenu-link {
    padding: 10px 20px 10px 50px;
    font-size: 13px;
}

.imagenet-lateral-submenu-link,
.imagenet-lateral-subsubmenu-link {
    transition: background 0.3s, color 0.3s;
}

.imagenet-lateral-submenus-inner .imagenet-lateral-submenu:hover .imagenet-lateral-submenu-link {
    background: #ededd3;
}

.imagenet-lateral-submenus-inner:hover .imagenet-lateral-submenu:not(.imagenet-lateral-submenus-inner .imagenet-lateral-submenu:hover) .imagenet-lateral-submenu-link {
    opacity: 0.8;
}

.imagenet-lateral-submenu .imagenet-lateral-icone-item {
    color: transparent;
}

.imagenet-lateral-submenu:hover .imagenet-lateral-submenu-link .imagenet-lateral-icone-item {
    color: #FFF;
}

.imagenet-lateral-submenu:hover .imagenet-lateral-submenu-link,
.imagenet-lateral-submenu-link.imagenet-lateral-menu-selected .imagenet-lateral-icone-item {
    color: var(--menu-item-text-color) !important;
}

/*.imagenet-lateral-submenu-link.imagenet-lateral-menu-selected{
    color: #ccc !important;
}*/

.imagenet-lateral-subsubmenu:hover .imagenet-lateral-subsubmenu-link,
.imagenet-lateral-subsubmenu:hover .imagenet-lateral-subsubmenu-link .imagenet-lateral-icone-item,
.imagenet-lateral-subsubmenu.imagenet-lateral-menu-selected .imagenet-lateral-subsubmenu-link .imagenet-lateral-icone-item {
    color: #FFF !important;
}

.imagenet-lateral-icon-chevron {
    font-size: 10px;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    color: inherit;
    right: 20px;
    transition: transform 0.3s, color 0.3s;
}

.open .imagenet-lateral-icon-chevron {
    transform: rotate(180deg);
}

.imagenet-lateral-perfil-imagem img {
    display: block;
    width: 100%;
    max-width: 100%;
    border-radius: 5px;
}

.imagenet-menu-lateral-closed .imagenet-lateral-perfil-imagem img {
    border-radius: 10px;
}

#imagenet-lateral-perfil {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.imagenet-lateral-perfil-inner {
    flex: 1;
    padding: 16px;
    /* background: var(--menu-header-bg-color); */
}

.imagenet-menu-lateral-closed .imagenet-lateral-perfil-inner {
    padding: 16px 8px;
}

.imagenet-lateral-perfil-container {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px;
    background: #04263b;
    border-radius: 10px;
}

.imagenet-menu-lateral-closed .imagenet-lateral-perfil-container {
    gap: 0;
    padding: 0;
    height: 44px;
    background: transparent;
}

.imagenet-menu-lateral-closed .imagenet-lateral-perfil-container>div:not(.imagenet-lateral-perfil-imagem-wrapper) {
    visibility: hidden;
    width: 0;
}

.imagenet-lateral-perfil-config {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.imagenet-lateral-perfil-config .configuration-list {
    display: none;
    position: absolute;
    width: fit-content;
    padding: 6px;
    z-index: 1;
    color: rgba(62, 88, 97, 0.9);
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(5px);
    border-radius: 10px;
    border: 1px solid rgba(62, 88, 97, 0.5);
    gap: 2px;
    top: -36px;
    right: 16px;
}

.imagenet-lateral-perfil-config .configuration-list a {
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px;
    border-radius: 5px;
    transition: all 0.4s;
}

.imagenet-lateral-perfil-config .configuration-list a:hover {
    background: rgba(62, 88, 97, 0.15);
}

.imagenet-lateral-perfil-config:hover .configuration-list {
    display: grid;
}

.imagenet-lateral-perfil-config .icon {
    display: block;
    padding: 8px;
}

.imagenet-lateral-perfil-config .icon svg {
    display: block;
    width: 24px;
    height: 24px;
    color: #BABF1F;
}

.imagenet-lateral-perfil-imagem-wrapper {
    perspective: 1000px;
}

.imagenet-lateral-perfil-imagem-inner {
    position: relative;
    width: 45px;
    height: 45px;
    transition: transform 1s cubic-bezier(1, 0.25, 0.25, 1), height 0.4s ease, width 0.4s ease;
    transform-style: preserve-3d;
}

.imagenet-lateral-perfil-imagem-wrapper.active .imagenet-lateral-perfil-imagem-inner {
    transform: rotateY(540deg);
}

.imagenet-lateral-perfil-imagem {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    float: left;
    font-size: 1.8em;
    border-radius: 5px;
    background: linear-gradient(45deg, #317302, #5aad1c);
    transition: all 0.4s ease;
    backface-visibility: hidden;
}

.imagenet-lateral-perfil-imagem:last-of-type {
    background: linear-gradient(90deg, #317302, #5aad1c);
    transform: rotateY(540deg);
}

.imagenet-lateral-perfil-imagem .imagenet-canasoft-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 10px 10px 12px 10px;
}

.imagenet-lateral-perfil-imagem .imagenet-canasoft-icon svg {
    filter: brightness(100) saturate(0);
}

.imagenet-lateral-perfil-nome,
.imagenet-lateral-perfil-ip {
    color: #EDEDD3;
}

.imagenet-lateral-perfil-nome {
    display: flex;
    font-weight: 700;
    font-size: 1em;
    max-width: 230px;
    height: 100%;
    align-items: center;
    user-select: none;
    line-height: normal;
}

.imagenet-lateral-perfil-ip {
    font-size: 0.8em;
    margin-top: 2px;
    filter: opacity(0.75);
}

.imagenet-lateral-perfil-menu {
    text-align: center;
    padding: 5px 0;
}

.imagenet-lateral-perfil-menu-link {
    width: 40px;
    font-size: 14px;
    height: 40px;
    text-align: center;
    transition: color 0.3s, background 0.3s;
    /* color: #7d7d7d; */
    flex: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
}

.imagenet-lateral-perfil-menu-link:hover {
    color: #e4e4e4;
    /* background: #2b2b2b; */
}

.imagenet-corpo {
    transition: margin 0.3s, width 0.3s;
    padding-top: 61px;
    margin-left: 300px;
}

.imagenet-menu-lateral-closed .imagenet-topo,
.imagenet-menu-lateral-temporario .imagenet-topo {
    margin: 0;
}

.imagenet-menu-lateral-closed .imagenet-corpo,
.imagenet-menu-lateral-temporario .imagenet-corpo {
    margin-left: 62px
}

.imagenet-copyright {
    width: 100%;
    font-size: 10px;
    text-align: center;
    /* color: #bfbebe; */
    padding: 10px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 0;
    left: 0;
    /* background: rgba(0,0,0,0.15); */
}

.imagenet-copyright a:hover {
    color: #0065A4 !important;
}

.imagenet-copyright-contato {
    display: block;
    padding: 9px 0 0 0;
    /* background: rgba(0,0,0,0.15); */
    border-radius: 2px;
    line-height: 1;
    height: 28px;
    margin: 0px 10px 5px 10px;
    text-align: center;
}

.imagenet-copyright-contato svg {
    height: 14px !important;
    margin: -4px 0 -4px 0;
    width: 24px !important;
}

.imagenet-copyright-contato a {
    display: inline-block;
}

label.required:after,
span.required:after {
    content: ' *';
    color: red;
}



/* CONTENT */
.imagenet-titulo h1 {
    padding: 10px;
    height: 54px;
    font-size: 21px;
    background: rgb(255, 255, 255);
    border-bottom: 1px solid #dcdcdc;
    position: relative;
    font-weight: 100;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: uppercase;
}

.imagenet-titulo-conteudo {
    font-size: 19px;
    float: left;
    line-height: 1.5;
    height: 28px;
    padding-right: 10px;
}

.imagenet-breadcrumb {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #a2a2a2;
    float: left;
    max-width: 100%;
}

.imagenet-breadcrumb a:last-child {
    color: #444;
}

.imagenet-breadcrumb a:hover {
    text-decoration: underline;
}

.imagenet-favorito {
    margin-left: 10px;
    font-size: 0.8em;
    cursor: pointer;
}

.imagenet-favorito svg {
    color: #8b8b8b;
}

.imagenet-favorito svg[data-prefix='fas'] {
    color: #ffc107;
}

.imagenet-principal {
    padding: 10px;
    position: relative;
}

.imagenet-popup .imagenet-principal {
    padding: 0;
}


.imagenet-nenhum-resultado {
    text-align: center;
    background-color: #f3f3f3;
    padding: 20px 0;
    border-radius: 6px;
}

.imagenet-nenhum-resultado h2 {
    font-size: 1.7em;
}

.imagenet-nenhum-resultado a {
    background-color: rgba(94, 89, 89, .8);
    margin: 15px auto 0px;
    float: none;
    width: 25%;
}

.imagenet-nenhum-resultado a:hover {
    background-color: rgba(94, 89, 89, 1);
}

.imagenet-nenhum-resultado {
    color: rgba(237, 54, 54, 1);
}



/* Opções de botões */
.imagenet-opcoes {
    float: right;
}



/* Dados alinhados */
.imagenet-dado-alinhado {
    vertical-align: middle;
    display: inline-block;
    font-size: 12px;
    margin: 0 5px 0 0;
    width: auto;
}


/* Tabela */
.imagenet-table {
    border-collapse: collapse;
    border: 1px solid #dcdcdc;
    width: 100%;
    font-size: 13px;
}

.imagenet-table thead th:first-child {
    width: 1%;
}

.imagenet-table thead th {
    background: #f4f4f4;
    min-height: 28px;
    text-align: left;
    white-space: nowrap;
    padding: 10px;
    border-bottom: 1px solid #e8e8e8;
}

.imagenet-table thead th a:hover,
.imagenet-table thead th a:focus {
    text-decoration: underline;
}

.imagenet-table thead th:last-child,
.th-min {
    width: 1%;
}

.imagenet-table tbody td,
.imagenet-table tfoot td {
    padding: 10px;
    background: #FFFF;
}

.imagenet-table-small tbody td,
.imagenet-table-small tfoot td,
.imagenet-table-small thead th {
    padding: 5px;
}

.imagenet-table tbody tr+tr td,
.imagenet-table tfoot tr td {
    border-top: 1px solid #f1f1f1;
}

.imagenet-table tbody td:last-child {
    white-space: nowrap;
}

.imagenet-table.alteracao-wrap tbody td {
    white-space: normal;
}

.imagenet-table tfoot.imagenet-total {
    font-weight: bold;
}

.imagenet-table tfoot.imagenet-total td:last-child {
    background: #f1f1f1;
}


.imagenet-table tr:hover td {
    background: #FAFAFA !important;
}

.td-nenhum {
    text-align: center;
    color: #f44336;
}


.imagenet-checkbox {
    padding: 2px 0 0 7px;
    margin: 0;
    height: 28px;
    cursor: pointer;
}

.imagenet-checkbox span {
    width: 18px;
    height: 18px;
    border: 1px solid #c5c5c5;
    display: block;
    float: left;
    border-radius: 2px;
    font-size: 10px;
    position: relative;
    background: #FFF;
    cursor: pointer;
    transition: border 0.3s, background 0.3s;
    margin: 3px;
}

.imagenet-checkbox input:checked+span {
    border-color: #0065A4;
    background: #0065A4;
}

.imagenet-checkbox input:disabled:checked+span {
    background: #676767;
    border-color: #676767;
}

.imagenet-checkbox svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: #ffffff;
    transition: color 0.3s;
}

.imagenet-checkbox span:hover {
    border-color: #9e9e9e;
}

.imagenet-checkbox input:checked+span:hover {
    border-color: rgba(0, 0, 0, 0.3);
}

.imagenet-checkbox input:focus+span {
    box-shadow: 0px 0px 0 4px rgba(42, 144, 218, 0.2);
}

.imagenet-checkbox input {
    position: absolute;
    opacity: 0;
    z-index: -4;
    width: 0;
    height: 0;
}

table .imagenet-checkbox span {
    margin: 0;
    width: 17px;
    height: 17px;
    font-size: 9px;
}

table .imagenet-checkbox svg {
    transform: translateX(-53%) translateY(-58%)
}

table .imagenet-checkbox {
    display: block;
    margin: auto;
    width: 17px;
    height: auto;
    padding: 0;
}

.imagenet-campo-grupo span .imagenet-checkbox span {
    margin: 1px 0;
}

/* Dropdown menu */
.imagenet-submenu-dropdown-inner {
    background: #ffffff;
    border-radius: 0 5px 5px 5px;
    border: 1px solid #dcdcdc;
    box-shadow: 0px 5px 20px -8px #333333;
    position: relative;
    width: 100%;
}

.imagenet-submenu-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    padding: 5px 0 0 0;
    z-index: 2;
    min-width: 150px;
    display: none;
}

.imagenet-menu-dropdown {
    position: relative;
}

.imagenet-submenu-dropdown-link {
    display: block;
    padding: 10px;
    transition: background 0.3s;
    color: #444;
    text-align: left;
}

.imagenet-submenu-dropdown-link:hover {
    background: #f3f3f3;
}

.imagenet-menu-dropdown-hover:hover .imagenet-submenu-dropdown,
.imagenet-menu-dropdown.open .imagenet-submenu-dropdown {
    display: block;
}

/* Switch */
.imagenet-switch-container {
    width: 52px;
}

.imagenet-switch {
    position: absolute;
    margin-left: -9999px;
    opacity: 0;
    width: 0;
    height: 0;
    z-index: -4
}

.imagenet-switch+label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    user-select: none;
    padding: 2px;
    height: 28px;
    background-color: #cacaca;
    border-radius: 60px;
}

.imagenet-switch+label:after {
    display: block;
    position: absolute;
    top: 2px;
    left: 2px;
    bottom: 2px;
    content: "";
}

.imagenet-switch+label:after {
    width: 24px;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    transition: all 0.4s;
}

.imagenet-switch:checked+label:before {
    background-color: #6fad6f;
}

.imagenet-switch:checked+label {
    background: #6fad6f
}

.imagenet-switch:checked+label:after {
    transform: translateX(24px);
}

.imagenet-switch:focus:checked+label:not(:hover) {
    box-shadow: 0px 0px 0px 4px rgba(92, 143, 92, 0.2)
}

.imagenet-switch:focus+label:not(:hover) {
    box-shadow: 0px 0px 0px 4px rgba(68, 68, 68, 0.1)
}

.imagenet-switch:disabled+label {
    cursor: not-allowed !important;
}

/* Fieldset */
fieldset {
    margin: 10px 0 0 0;
    padding: 5px 0 0 0;
    width: 100%;
    border: none;
    border-top: 2px solid #555;
}

fieldset legend {
    padding: 1px 8px;
    margin-left: 10px;
    font-weight: 600;
    color: #252525;
    text-transform: uppercase;
}

fieldset legend strong {
    font-weight: 900
}

;

legend.imagenet-counter:after {
    counter-increment: legend;
    /* Increment the section counter*/
    content: " #" counter(legend);
    /* Display the counter */
}

.imagenet-tab-conteudo>div>fieldset:first-child {
    margin-top: 0;
}


/* Radio group */
.imagenet-radio-group input {
    width: 0;
    height: 0;
    opacity: 0;
    position: absolute;
}

.imagenet-radio-group label {
    display: block;
    float: left;
    padding: 3px 10px;
    background: #FFF;
    height: 28px;
    color: #888;
    border: 1px solid #dcdcdc;
    border-right: none;
    cursor: pointer;
}

.imagenet-radio-group.confirmacao label {
    width: 50%;
    text-align: center;
}

.imagenet-radio-group label:first-of-type {
    border-radius: 2px 0 0 2px;
}

.imagenet-radio-group label:last-child {
    border-radius: 0 2px 2px 0;
    border-right: 1px solid #dcdcdc;
}

.imagenet-radio-group label:hover {
    background: #f5f5f5;
}

.imagenet-radio-group input:checked+label {
    background: #0065A4;
    color: #FFF !important;
    border-color: #0065A4;
}

.imagenet-radio-group input:checked+label+input+label {
    border-left-color: #0065A4;
}

.imagenet-radio-group input:focus+label {
    color: #0065A4;
    border-color: #0065A4;
}

.imagenet-radio-group input:focus+label+input+label {
    border-left-color: #0065A4;
}

.imagenet-radio-group-small label {
    width: 80px;
    text-transform: uppercase;
    font-size: 10px;
    height: auto;
    padding: 7px 0 5px 0;
    line-height: 1;
}

/* Checkbox */
.check-square {
    display: none
}

.check-square-container {
    display: inline-block;
    width: 25px;
    float: left;
}

.check-square-container+label {
    padding-left: 7px;
    display: inline-block;
    vertical-align: top;
}

.check-square+label {
    background-color: #ffffff;
    width: 25px;
    height: 25px;
    display: block;
    border-radius: 4px;
    border: 1px solid #bcbcbc;
    transition: .2s;
    cursor: pointer;
    position: relative;
    color: #fff;
    box-sizing: border-box;
}

.check-square+label:hover {
    background: #f1f1f1;
}

.check-square:checked+label {
    background-color: rgba(56, 115, 162, 1);
    border-color: rgba(56, 115, 162, 1);
}

.check-square:checked+label:after {
    content: url(/view/imagem/icon-check.svg);
    width: 13px;
    position: absolute;
    left: 5px;
    top: 3px;
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.check-square-text {
    margin: 6px;
    float: left;
}

.check-square.invalido+label {
    border-color: #f5625a;
    box-shadow: 0px 0px 4px -2px #f5625a !important;
}

.check-square-text.invalido {
    color: #f5625a;
}

/* Sucesso */
.imagenet-radio-group input.imagenet-tipo-sucesso:checked+label {
    background: #79c34a;
    color: #FFF !important;
    border-color: #79c34a;
}

.imagenet-radio-group input.imagenet-tipo-sucesso:checked+label+input+label {
    border-left-color: #79c34a;
}

.imagenet-radio-group input.imagenet-tipo-sucesso:focus+label {
    color: #79c34a;
    border-color: #79c34a;
}

.imagenet-radio-group input.imagenet-tipo-sucesso:focus+label+input+label {
    border-left-color: #79c34a;
}

/* Alerta */
.imagenet-radio-group input.imagenet-tipo-alerta:checked+label {
    background: #e8c851;
    color: #FFF !important;
    border-color: #e8c851;
}

.imagenet-radio-group input.imagenet-tipo-alerta:checked+label+input+label {
    border-left-color: #e8c851;
}

.imagenet-radio-group input.imagenet-tipo-alerta:focus+label {
    color: #e8c851;
    border-color: #e8c851;
}

.imagenet-radio-group input.imagenet-tipo-alerta:focus+label+input+label {
    border-left-color: #e8c851;
}

/* Erro */
.imagenet-radio-group input.imagenet-tipo-erro:checked+label {
    background: #f44336;
    color: #FFF !important;
    border-color: #f44336;
}

.imagenet-radio-group input.imagenet-tipo-erro:checked+label+input+label {
    border-left-color: #f44336;
}

.imagenet-radio-group input.imagenet-tipo-erro:focus+label {
    color: #f44336;
    border-color: #f44336;
}

.imagenet-radio-group input.imagenet-tipo-erro:focus+label+input+label {
    border-left-color: #f44336;
}


/* Checkbox group */
.imagenet-checkbox-group input {
    width: 0;
    height: 0;
    opacity: 0;
    position: absolute;
}

.imagenet-checkbox-group label {
    display: block;
    float: left;
    padding: 3px 10px;
    background: #FFF;
    height: 28px;
    color: #888;
    border: 1px solid #dcdcdc;
    cursor: pointer;
    margin: 0 4px 4px 0;
    border-radius: 2px;
}

.imagenet-checkbox-group label:last-child {
    margin: 0 0 4px 0;
}

.imagenet-checkbox-group label:hover {
    background: #f5f5f5;
}

.imagenet-checkbox-group input:checked+label {
    background: #0065A4;
    color: #FFF !important;
    border-color: #0065A4;
}

.imagenet-checkbox-group-small label {
    width: 80px;
    text-transform: uppercase;
    font-size: 10px;
    height: auto;
    padding: 7px 0 5px 0;
    line-height: 1;
}

.imagenet-popup-sobre {
    padding: 20px 30px;
    font-size: .9em;
    color: #000;
}

.imagenet-popup-sobre h1 {
    font-weight: 300;
    font-size: 1.8em;
}

.imagenet-popup-sobre p {
    margin-bottom: 15px;
}


/* Poupup */
.imagenet-popup {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 1002;
    padding: 20px 0;
}

.imagenet-popup#imagenet-popup-0 {
    background: rgba(0, 0, 0, 0.7);
}

.imagenet-popup:not(:nth-last-child(1 of .imagenet-popup)) .imagenet-popup-content {
    filter: brightness(0.5);
}

.imagenet-popup-inner {
    min-width: 300px;
    /* box-shadow: 0px 0px 30px 6px rgba(0, 0, 0, 0.12); */
    width: 100%;
    max-width: 1200px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    margin: 20px 0;
}

.imagenet-popup-header {
    color: #FFF;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 1.4em;
    display: block;
    background: #0065A4;
    border-radius: 2px 2px 0 0;
    padding: 1rem;
}

.imagenet-popup-content {
    background: #FFF;
    border-radius: 2px;
    transition: 0.2s;
    padding: 10px;
}

.imagenet-popup-header+.imagenet-popup-content {
    border-radius: 0 0 2px 2px;
}

.imagenet-popup-fechar {
    position: absolute;
    top: -20px;
    right: -20px;
    color: #adadad;
    cursor: pointer;
    width: 20px;
    height: 20px;
    padding: 0px 5px;
    transition: color 0.3s;
}

.imagenet-popup-fechar:hover {
    color: #FFF;
}

.imagenet-popup-buttons {
    margin: 0 -10px -10px -10px;
    width: auto !important;
    border-top: 1px solid #efefef;
    margin-top: 10px;
}

.imagenet-popup-buttons>* {
    padding: 3px 10px 5px 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 !important;
}

.imagenet-popup-buttons>* svg {
    margin-right: 6px;
}

.imagenet-popup-buttons>*+* {
    border-left: 1px solid #efefef;
}

.imagenet-popup-buttons>*:hover {
    background: whitesmoke;
}

.imagenet-popup-buttons>*:first-child {
    border-radius: 0 0 0 2px;
}

.imagenet-popup-buttons>*:last-child {
    border-radius: 0 0 2px 0;
}

.imagenet-popup-buttons>*:only-child {
    border-radius: 0 0 2px 2px;
}



.imagenet-wrap-file-td {
    overflow: hidden;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    transition: border-color .3s;
    cursor: pointer;
    height: 28px;
    box-sizing: border-box;
    display: block;
    background: #FFF;
}

.imagenet-wrap-file-td input {
    cursor: pointer;
    opacity: 0;
    width: 100%;
    height: 26px !important;
    position: relative;
    z-index: 2 !important;
}

.imagenet-wrap-file-td input::-webkit-file-upload-button {
    visibility: hidden;
}

.imagenet-tbl .imagenet-wrap-file-td input {
    height: 25px !important;
}

.imagenet-wrap-file-td:hover {
    border-color: #bbb;
}

.imagenet-wrap-file-td span {
    display: block;
    margin-top: -25px;
    height: 26px;
    position: relative;
    z-index: 1;
    padding: 5px 0 0 5px;
    font-size: 10px;
    box-sizing: border-box;
}



/* File manager */
.imagenet-popup-bloco {
    width: calc(16.666% - 10px);
    margin-bottom: 15px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    box-shadow: 0.3px 0.3px 0.3px 0.5px rgba(0, 0, 0, 0.2);
    margin: 5px;
}

.imagenet-popup-bloco a {
    width: 100%;
    height: 100px;
    display: block;
    float: none;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
    font-size: 4em;
    transition: border-color 0.3s, color 0.3s, background 0.3s;
    color: #1E91CF;
    line-height: 1.7;
    padding: 10px;
}

.imagenet-popup-bloco a img {
    display: block;
    margin: auto;
}

.imagenet-popup-bloco a:hover {
    color: #1C5793;
    border-color: #1C5793;
    background: #f2f2f2;
}

.imagenet-popup-bloco label {
    width: 100%;
    display: block;
    text-align: center;
    font-weight: bold;
    padding: 7px 5px;
    font-size: 0.8em;
    cursor: pointer;
    height: auto;
}

.imagenet-popup-bloco input[type="checkbox"] {
    margin-right: 5px;
}

.imagenet-popup-menu,
.imagenet-popup-seg-pasta {
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
}

.imagenet-popup-seg-pasta {
    display: none;
    padding: 10px;
    background: #f3f3f3;
    margin: 0 -10px;
}

.imagenet-popup-menu {
    margin: 0 -10px;
    padding: 0 10px 10px 10px;
}

.imagenet-popup-bloco .imagenet-checkbox span {
    display: inline-block !important;
    float: none;
    vertical-align: middle;
    margin: -2px 6px -2px 0px;
}

.imagenet-popup-bloco label {
    transition: background 0.3s;
}

.imagenet-popup-bloco label:hover {
    background: #f2f2f2;
}

.imagenet-popup-breadcrumb {
    margin: 0 -10px;
    padding: 5px 10px;
    border-bottom: 1px solid #dddddd;
    font-size: 12px;
    line-height: 1;
    vertical-align: middle;
}

.imagenet-popup-breadcrumb>* {
    vertical-align: middle;
    display: inline-block;
    line-height: 1.6;
    color: #9a9a9a;
}

.imagenet-popup-breadcrumb>*:last-child {
    font-weight: bold;
    color: #444;
}

.imagenet-popup-bloco a svg {
    vertical-align: initial;
    line-height: 1;
}

.imagenet-popup-breadcrumb>span:not([href]) {
    color: inherit;
}

.imagenet-popup-breadcrumb>span[href] {
    cursor: pointer;
}

.imagenet-popup-breadcrumb>span[href]:hover {
    text-decoration: underline !important;
}


/* Paginação */
.imagenet-paginacao {
    padding: 10px;
    text-align: center;
}

.imagenet-paginacao>* {
    display: inline-block;
    /* background: #e0e0e0; */
    margin: 0 2px;
    height: 28px;
    width: 28px;
    font-size: 12px;
    padding: 5px 0 0 0;
    border-radius: 2px;
    font-weight: 600;
    transition: background 0.3s, color 0.3s;
}

.imagenet-paginacao svg {
    height: 13px;
    width: 16px !important;
}

.imagenet-paginacao *:hover {
    background: #0065A4;
    color: #FFF;
}



/* Gráfico */
.imagenet-grafico-tema-padrao {
    float: left;
    display: block;
    width: auto;
    position: relative;
    margin-bottom: 10px;
}


/* Circulo */
.imagenet-circulo {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    vertical-align: sub;
}

.imagenet-circulo-azul {
    background: #0065A4;
}

.imagenet-circulo-verde {
    background: #3ab75c;
}

.imagenet-circulo-vermelho {
    background: #f44336;
}

.imagenet-circulo-amarelo {
    background: #dbb523;
}

.imagenet-circulo-cinza {
    background: #dcdcdc;
}


/* Autocomplete */
.ui-autocomplete.ui-widget.ui-widget-content {
    border: 1px solid #dcdcdc !important;
    margin-top: 2px !important;
    background: #fff !important;
    border-radius: 0 0 2px 2px !important;
    padding: 3px;
    border-top: none !important;
}

.ui-autocomplete .ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 7px;
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font: 300 13.3333px Arial;
    display: block;
    color: #5f5f5f;
}

.ui-autocomplete .ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 7px;
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    text-align: start;
    margin: 0em;
    font: 300 13.3333px Arial;
    display: block;
    color: #5f5f5f;
}


.ui-autocomplete .ui-state-active,
.ui-autocomplete .ui-widget-content .ui-state-active,
.ui-autocomplete .ui-widget-header .ui-state-active,
.ui-autocomplete a.ui-button:active,
.ui-autocomplete .ui-button:active,
.ui-autocomplete .ui-button.ui-state-active:hover {
    font-weight: normal;
    color: #0065A4;
    margin: 0 !important;
    border: none;
    background: #eff7fb !important;
}

.ui-menu {
    font: inherit !important;
}

.ui-menu .ui-menu-item div {
    list-style: none !important;
    border-radius: 2px;
    padding: 5px;
    /* font-size: 13px !important; */
    cursor: pointer;
    border-radius: 2px;
    box-sizing: border-box;
    color: #444;
}

.ui-menu .ui-menu-item+.ui-menu-item {
    margin-top: 3px;
}


.ui-menu .ui-menu-item .ui-state-active {
    background: #0065A4 !important;
    color: #FFF;
}


/* Filemanager */
.imagenet-filemanager-placeholder {
    position: relative;
    height: 150px;
    width: 100%;
}

.imagenet-filemanager-placeholder-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    border: 1px solid #d0d0d0;
    background: #FFF;
    transition: background 0.3s;
    cursor: pointer;
}

.imagenet-filemanager-placeholder-thumb>* {
    flex: 1;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background 0.3s;
    color: rgba(0, 0, 0, 0.2);
    font-size: 25px;
    color: rgba(255, 255, 255, 0.5);
}

.imagenet-filemanager-placeholder-thumb>*:hover {
    background: rgba(0, 0, 0, 0.6);
}

.custom-control-indicator::after {
    width: 1.12rem;
    height: 1.12rem;
}

.custom-control.custom-checkbox {
    cursor: pointer;
}



/* Campo Grupo */
.imagenet-flex,
.imagenet-campo-grupo,
.imagenet-filemanager-opcoes,
.imagenet-filemanager-opcoes>* {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.imagenet-campo-grupo-inicio,
.imagenet-campo-grupo-fim {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.imagenet-campo-grupo-fim {
    margin-right: -1px;
}

.imagenet-campo-grupo>input:not(:first-child),
.imagenet-campo-grupo>textarea:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.imagenet-campo-grupo>input:not(:last-child),
.imagenet-campo-grupo>textarea:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.imagenet-campo-grupo>input,
.imagenet-campo-grupo>.chosen-container,
.imagenet-campo-grupo>div,
.imagenet-campo-grupo>span,
.imagenet-campo-grupo>* {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 0 auto;
    width: 1%;
    margin-bottom: 0;
}

.imagenet-campo-grupo *.imagenet-flex-auto,
.imagenet-campo-grupo>input[style*='width'],
.imagenet-campo-grupo>.chosen-container[style*='width'],
.imagenet-campo-grupo>div[style*='width'],
.imagenet-campo-grupo>span[style*='width'],
.imagenet-campo-grupo>*[style*='width'],
.imagenet-campo-grupo>input[style*='min-width'],
.imagenet-campo-grupo>.chosen-container[style*='min-width'],
.imagenet-campo-grupo>div[style*='min-width'],
.imagenet-campo-grupo>span[style*='min-width'],
.imagenet-campo-grupo>*[style*='min-width'],
.imagenet-campo-grupo>input[style*='min-width'],
.imagenet-campo-grupo>.chosen-container[style*='min-width'],
.imagenet-campo-grupo>div[style*='min-width'],
.imagenet-campo-grupo>span[style*='min-width'],
.imagenet-campo-grupo>*[style*='min-width'],
.imagenet-campo-grupo>input[class*='col-'],
.imagenet-campo-grupo>.chosen-container[class*='col-'],
.imagenet-campo-grupo>div[class*='col-'],
.imagenet-campo-grupo>span[class*='col-'],
.imagenet-campo-grupo>*[class*='col-'] {
    flex: 0 1 auto;
    width: auto;
}

.imagenet-campo-grupo>*+* {
    margin-left: -1px !important;
}

.imagenet-campo-grupo>*>*,
.imagenet-campo-grupo>* .chosen-single {
    border-radius: 0 !important;
}

.imagenet-campo-grupo-texto {
    border: 1px solid gainsboro;
    background: #ececec;
    padding: 3px 5px;
    font-size: 12px;
    height: 28px;
    flex: 0 1 auto !important;
    width: auto !important;
}

.imagenet-campo-grupo>*:first-child>*,
.imagenet-campo-grupo>*:first-child,
.imagenet-campo-grupo>*:first-child .chosen-single,
.imagenet-campo-grupo-item-first {
    border-radius: 2px 0 0 2px !important;
}

.imagenet-campo-grupo>*:last-child>*,
.imagenet-campo-grupo>*:last-child,
.imagenet-campo-grupo>*:last-child .chosen-single,
.imagenet-campo-grupo-item-last {
    border-radius: 0 2px 2px 0 !important;
}

.imagenet-campo-grupo .imagenet-campo-grupo-item-only {
    border-radius: 2px !important;
}

.imagenet-campo-grupo.imagenet-campo-filtro>*:first-child {
    height: 35px !important;
    border-radius: 8px !important;
}

.imagenet-campo-filtro .imagenet-btn2 {
    border-radius: 8px !important;
}

.imagenet-lateral-busca {
    padding: 16px;
}

.imagenet-menu-lateral-closed .imagenet-lateral-busca {
    padding: 16px 8px;
}

.imagenet-filtro-menu {
    position: relative;
    transition: 0.3s;
}

.imagenet-filtro-menu input {
    height: unset !important;
    padding: 12px 10px 12px 42px !important;
    transition: all 0.3s;
    /* border: 1px solid #d8db82; */
    /* background: var(--menu-bg-color); */
    background: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
}

.imagenet-filtro-menu span {
    padding: 4px 8px;
    position: absolute;
    z-index: 5;
    top: 4px;
    left: 5px;
    color: #0f3348;
    font-size: 1.25rem;
    transition: all 0.4s ease;
}

.imagenet-menu-lateral-closed .imagenet-filtro-menu input {
    width: 44px;
    height: 44px !important;
    padding: 5px 0 !important;
}

.imagenet-menu-lateral-closed .imagenet-filtro-menu input::placeholder {
    opacity: 0;
}

.imagenet-menu-lateral-closed .imagenet-lateral-perfil-imagem-inner {
    width: 44px;
    height: 44px;
}

.imagenet-menu-lateral-closed .imagenet-lateral-perfil-imagem {
    font-size: 1rem;
    border-radius: 10px;
}

/* Filemanager imagem */
.imagenet-filemanager-imagem {
    position: relative;
    max-width: 140px;
    max-height: 180px;
    overflow: hidden;
    border: 1px solid #ededd3;
}

.imagenet-filemanager-imagem img {
    display: block;
}

.imagenet-filemanager-opcoes {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s;
    background: rgba(0, 0, 0, 0.25);
}

.imagenet-filemanager-opcoes>*:hover {
    background: rgba(0, 0, 0, 0.3) !important;
}

.imagenet-filemanager-opcoes:hover {
    opacity: 1;
}

.imagenet-filemanager-opcoes>* {
    flex: 1;
    height: 100%;
    margin: 0 !important;
    border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none !important;
}

.imagenet-filemanager-opcoes input {
    cursor: pointer;
    opacity: 0;
    width: 100%;
    height: 100% !important;
    position: absolute;
    z-index: 2 !important;
}


/* Bloco 1 */
.imagenet-bloco-1-wrapper {
    margin: 0 -2.5px;
    padding: 5px;
}

.imagenet-bloco-1-inner {
    display: block;
    padding: 10px;
    cursor: pointer;
    background: #FFF;
    border-radius: 2px;
    border: 1px solid #e6e6e6;
    margin: 2.5px;
    position: relative;
}

.imagenet-bloco-1-titulo {
    font-weight: 600;
}

.imagenet-bloco-1-descricao {
    font-size: 12px;
    color: #525252;
    display: block;
}

.imagenet-bloco-1 input {
    opacity: 0;
    position: absolute;
    z-index: -3;
    width: 0;
    height: 0;
}

.imagenet-bloco-1-inner:hover {
    background: #f9f9f9;
}

.imagenet-bloco-1 input:focus+.imagenet-bloco-1-inner {
    border-color: #0065A4;
    box-shadow: 0 0 5px -2px #0065A4;
}

[class^='imagenet-bloco-1-titulo-status'] {
    font-size: 8px;
    vertical-align: middle;
    text-transform: uppercase;
    padding: 3px 5px;
    margin: -10px 0 0 0;
    color: #FFF;
    border-radius: 2px;
}

.imagenet-bloco-1-titulo-status-ativo {
    background: #74a959;
}

.imagenet-bloco-1-titulo-status-deletado {
    background: #e6776f;
}

.imagenet-bloco-1-titulo-status-inativo {
    background: #c3c3c3;
}

.imagenet-bloco-1-checked {
    position: absolute;
    top: 23px;
    right: 10px;
    background: #f5f5f5;
    width: 20px;
    height: 20px;
    border: 1px solid #e0e0e0;
    border-radius: 25px;
    font-size: 10px;
    text-align: center;
    padding: 2px 0 0 0px;
    color: #f5f5f5;
}

.imagenet-bloco-1 input:checked+.imagenet-bloco-1-inner .imagenet-bloco-1-checked {
    color: #ffffff !important;
    background: #0065A4;
    border: 1px solid #00000026;
}

.imagenet-bloco-1 input:checked+.imagenet-bloco-1-inner {
    border-color: #0065A4;
    background: #eaf6ff;
}



/* Bloco 2 */
.imagenet-bloco-2-wrapper {
    margin: 0 -5px;
}

.imagenet-bloco-2-inner {
    background: rgba(255, 255, 255, 0.6);
    display: block;
    width: 100%;
    padding: 10px 30px 10px 10px;
    transition: background 0.3s, border 0.3s, box-shadow 0.3s;
    border-radius: 2px;
    position: relative;
    border: 1px solid transparent;
    float: left;
}

.imagenet-bloco-2 {
    padding: 5px;
}

.imagenet-bloco-2-titulo {
    font-weight: 600;
}

.imagenet-bloco-2-descricao {
    font-size: 10px;
    color: #525252;
    margin: 0 0 0 5px;
    padding: 0 0 0 9px;
    border-left: 1px solid #c7c7c7;
}

[class^='imagenet-bloco-2-titulo-status'] {
    font-size: 8px;
    text-transform: uppercase;
    margin: 7px 5px 0px 0;
    color: #FFF;
    border-radius: 7px;
    width: 8px;
    height: 8px;
    display: block;
    text-align: center;
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.imagenet-bloco-2-titulo-status-ativo {
    background: #74a959;
}

.imagenet-bloco-2-titulo-status-deletado {
    background: #e6776f;
}

.imagenet-bloco-2-titulo-status-inativo {
    background: #c3c3c3;
}

.imagenet-bloco-2 input {
    opacity: 0;
    position: absolute;
    z-index: -2;
    width: 0;
    height: 0;
}

.imagenet-bloco-2-inner:hover,
.imagenet-bloco-2>input:focus+.imagenet-bloco-2-inner {
    background: #FFF;
}

.imagenet-bloco-2>input:checked+.imagenet-bloco-2-inner {
    border: 1px solid #0065A4;
    box-shadow: 0.3px 0.3px 4.8px -0.7px #0065A4;
}

.imagenet-bloco-2-checked,
.imagenet-bloco-2-close {
    font-size: 14px;
    position: absolute;
    top: calc(50% + -11px);
    right: 10px;
    color: transparent;
}

.imagenet-bloco-2>input:checked+* .imagenet-bloco-2-checked {
    color: #0065A4;
}

.imagenet-bloco-2-close {
    cursor: pointer;
    color: #da2a2a;
}


/* Bloco 3 */
.imagenet-bloco-3-wrapper {
    float: left;
    width: 100%;
    min-height: 100px;
    padding: 10px;
}

.imagenet-bloco-3 {
    display: block;
    position: relative;
    padding: 5px;
    background: #FFF;
    border: 1px solid #d8d8d8;
}

.imagenet-bloco-3:before {
    content: '';
    position: absolute;
    top: 14px;
    height: 2px;
    background: #666666;
}

.imagenet-bloco-nenhum {
    font-size: 1.3em;
    color: #666;
    text-align: center;
    padding: 24px 0;
}

.ui-sortable-placeholder {
    visibility: visible !important;
    background: #e8e8e8;
}


/* Tags */
.tagsinput input {
    border: none;
    -webkit-appearance: none;
}

.tagsinput .tag {
    display: inline-block;
    background: #0065A4;
    margin: 3px 6px 3px 0;
    color: #FFF;
    padding: 2px 6px;
    font-size: 13px;
    cursor: pointer;
    border-radius: 2px;
    transition: background 0.3s;
    vertical-align: middle;
}

.tagsinput .tag a {
    font-size: 10px;
    display: block;
    margin: -2px -6px -4px -3px;
    float: right;
    font-family: cursive;
    font-weight: bold;
    height: 24px;
    padding: 3px 5px 0 5px;
    background: rgba(0, 0, 0, 0.05);
}

.tagsinput .tag:hover {
    background: #1f7ec3;
}

.tagsinput [id*='_addTag'] {
    display: inline-block;
    padding: 5px 5px;
    background: #f7f7f7;
    border-radius: 2px;
    transition: background 0.3s;
    height: 24px;
    vertical-align: middle;
    min-width: 150px;
    cursor: pointer;
    box-sizing: border-box;
    margin: 3px 6px 3px 0;
}

.tagsinput .tag a:hover,
.tagsinput .tag a:focus {
    background: rgba(0, 0, 0, 0.15);
}

.tagsinput [id*='_addTag']:hover {
    background: #ececec;
}

.tagsinput {
    width: 100% !important;
    height: auto !important;
}

.tagsinput input {
    border: none;
    background: none;
    -webkit-appearance: none;
    display: block;
    width: 100% !important;
    text-align: left;
    pointer-events: none;
}


/* Painel */
.imagenet-painel-area {
    float: left;
    padding: 10px;
}

.imagenet-painel-titulo {
    padding: 0 0 5px 0;
    font-size: 18px;
    font-weight: 500;
    color: #737373;
}

.imagenet-painel-area *::-webkit-scrollbar {
    width: 3px;
    background: none;
    background: rgba(0, 0, 0, 0)
}

.imagenet-painel-area *::-webkit-scrollbar-track {
    box-shadow: none;
    background: rgba(0, 0, 0, 0);
    border-radius: 0px
}

.imagenet-painel-area *::-webkit-scrollbar-thumb {
    background: #dcdcdc;
    border-radius: 0
}

.imagenet-painel-area.h300 {
    height: 300px;
}

.imagenet-painel-area.h500 {
    height: 500px;
}

.imagenet-painel-area .imagenet-painel-area-inner {
    height: 100%;
    transition: 0.2s;
}

.imagenet-painel-area .imagenet-painel-area-inner:hover {
    box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.07);
}

.imagenet-painel-area .imagenet-itens {
    display: flex;
    flex-wrap: wrap;
    padding: 0 !important;
    height: calc(100% - 33px);
}

.imagenet-painel-area .imagenet-item-total {
    text-align: center;
    float: left;
    width: 50%;
    padding: 10px;
    display: flex;
    align-items: center;
    position: relative;
    border: solid 2px #FFF;
}

.imagenet-painel-area .imagenet-item-total .imagenet-item-contador {
    width: 100%;
}

.imagenet-painel-area .imagenet-item-total .imagenet-item-contador:hover {
    font-weight: bold;
}

.imagenet-painel-area .imagenet-item-total:nth-child(2n) {
    border-right: none;
}

.imagenet-painel-area .imagenet-item-total:nth-child(2n-1) {
    border-left: none;
}

.imagenet-painel-area .imagenet-item-total .imagenet-total {
    display: block;
    font-size: 20px;
    color: #0065A4;
}

.imagenet-painel-area .imagenet-item-total .imagenet-descricao {
    display: block;
    font-size: 10px;
}

.imagenet-painel-area .highcharts-point {
    cursor: pointer;
}

#imagenet-painel-logs .imagenet-lista-itens {
    padding-right: 5px;
    height: calc(100% - 23px);
    overflow: auto;
}

.imagenet-painel-area .imagenet-button-grafico {
    position: absolute;
    bottom: 10px;
    left: 15px;
    cursor: pointer;
}

/* Listas */
.imagenet-lista-item-titulo {
    font-weight: 600;
}

.imagenet-lista-item-data {
    color: #9e9e9e;
    font-size: 9px;
}

.imagenet-lista-item {
    border-radius: 2px;
    padding: 5px 0;
    background: #FFF;
}

.imagenet-lista-item+.imagenet-lista-item {
    margin-top: 5px;
}



/* Nested */
.imagenet-draggable-item {
    padding: 0.5rem;
}

.imagenet-draggable-label {
    position: relative;
    padding: 0 8px;
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 2px;
    cursor: pointer;
}

.imagenet-draggable-item {
    padding: 0 0 0 50px;
    margin: 5px 0;
    position: relative;
}

.imagenet-draggable-list>.imagenet-draggable-item {
    padding-left: 5px;
    overflow: hidden;
}

.sortable-ghost .imagenet-draggable-label,
.sortable-ghost .imagenet-draggable-label * {
    background: #0065A4 !important;
    color: transparent !important;
}

.imagenet-draggable-item:before {
    content: '';
    width: 1000px;
    position: absolute;
    top: 20px;
    left: -500px;
    height: 1px;
    background: #cccccc;
}

.sortable-drag:before,
.sortable-drag .imagenet-draggable-item:before {
    display: none;
}

.imagenet-draggable-group:after {
    content: '';
    display: block;
    height: 2px;
    width: 100%;
    background: #9b6df3;
    opacity: 0;
    transition: oapcity 0.3s;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 5px;
}

.imagenet-draggable-group {
    position: relative;
    transition: padding 0.3s;
}

.is-dragging .imagenet-draggable-group {
    padding-bottom: 7px;
    margin: 5px 0;
}

.is-dragging .imagenet-draggable-group:after {
    opacity: 1;
}

.imagenet-draggable-text {
    padding: 5px 0;
}

.imagenet-draggable-text-header {
    font-size: 9px;
    color: #737373;
}

.imagenet-draggable-text-header a:hover {
    text-decoration: underline;
}

.menu-item-selected .imagenet-draggable-label {
    background: #eff8ff;
}


/* Imagenet View Ajax */
.imagenet-view-ajax.loading {
    opacity: 0.3;
}


/* Imagenet List */
.imagenet-item {
    padding: 1rem;
    background: #FFF;
    border-radius: 3px;
}

.imagenet-itens {
    padding: 1rem 0;
}

.imagenet-item+.imagenet-item {
    margin-top: 0.5rem;
}

.imagenet-print {
    display: none;
}

.imagenet-table .imagenet-campo .imagenet-print {
    padding: 10px;
}

.imagenet-texo [id^='imagenet-grafico'] {
    max-width: 950px;
    margin: 0 auto;
}

@page {
    size: A4 portrait;
}

@media print {
    * {
        -webkit-print-color-adjust: exact !important;
        /* Chrome, Safari */
        color-adjust: exact !important;
        /*Firefox*/
    }

    .imagenet-topo {
        position: relative;
    }

    .imagenet-corpo {
        margin: 0;
        padding: 0;
    }

    .imagenet-print {
        display: block;
    }

    html,
    body {
        background: none;
    }

    .imagenet-principal {
        padding: 0;
        min-width: 1000px;
    }

    [id^='imagenet-grafico'] {
        page-break-inside: avoid;
        width: 100%;
        max-width: 900px;
        margin: 0 auto;
    }

    .imagenet-lateral-menus,
    .imagenet-topo-menu,
    .imagenet-btn,
    .imagenet-texo textarea,
    .imagenet-texo input {
        display: none;
    }
}

/* AG Grid */
[id^='imagenet-grid'] {
    width: 100%;
    flex: 1 0 auto;
}

[id^='imagenet-grid'][id*='-botton'] {
    height: 46px;
    flex: 0 0 auto;
    font-weight: bold;
}

.ag-theme-quartz,
.ag-theme-quartz-dark {
    --ag-header-background-color: var(--grid-header-bg-color) !important;
    --ag-border-radius: 6px !important;
    --ag-header-foreground-color: var(--grid-header-text-color) !important;
    --ag-data-color: var(--grid-text-color) !important;
}

.ag-root-wrapper {
    border: solid 2px var(--ag-border-color) !important;
}

.ag-row {
    background-color: var(--grid-even-bg-color) !important;
}

.ag-row-odd {
    background-color: var(--grid-odd-bg-color) !important;
}

.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within {
    border: none !important;
}

.ag-theme-quartz select[class^=ag-].ag-input-field-select {
    min-height: calc(var(--ag-spacing)* 4);
    border-radius: var(--ag-border-radius);
}

.ag-header-row-column .ag-filter-icon {
    display: none;
}

[id^='imagenet-grid'][id*='-botton'] .ag-root-wrapper {
    border: none !important;
}

[id^='imagenet-grid'][id*='-botton'] .ag-row {
    background: none !important;
    border-bottom: none;
}


.ag-theme-quartz .sol-inner-container {
    border-radius: var(--ag-border-radius);
    background-color: var(--ag-background-color);
}

.ag-theme-quartz .sol-container.sol-active .sol-inner-container {
    border-color: #0065A4 !important;
    box-shadow: 0px 0px 4px -2px #0065A4 !important;
}

.ag-theme-quartz .sol-current-selection {
    display: none;
}

.ag-theme-quartz .sol-caret-container .sol-caret {
    top: -4px;
    width: 7px;
    height: 7px;
    vertical-align: middle;
    border-top: 2px solid #444;
    border-right: 2px solid #444;
    border-left: none;
    transform: rotate(135deg);
}

.ag-theme-quartz .sol-label {
    padding: 7px 10px;
}

.ag-theme-quartz .sol-checkbox {
    top: 9px;
}

.ag-theme-quartz .sol-radio {
    width: 0;
    height: 0;
    opacity: 0;
    position: absolute;
}

.ag-theme-quartz .sol-radio+.sol-label-text {
    padding: 0;
}

.ag-theme-quartz .sol-label-text {
    font-weight: normal;
}

.ag-theme-quartz .ag-paging-page-summary-panel {
    flex: 1;
    justify-content: flex-end;
}

.imagenet-fieldset-grid .ag-theme-quartz:not(.ag-popup) .ag-theme-quartz .ag-paging-page-summary-panel,
[id^='imagenet-sub-tab-conteudo-tab'] .ag-theme-quartz .ag-paging-page-summary-panel,
[id^='imagenet-sub-tab-conteudo-f-tab'] .ag-theme-quartz .ag-paging-page-summary-panel {
    flex: unset;
    justify-content: unset;
}

.ag-theme-quartz .ag-paging-description {
    margin: 0;
}

.ag-theme-quartz .ag-paging-number {
    cursor: pointer;
    padding: 0 var(--ag-spacing);
    margin: 0 2px;
}

.ag-theme-quartz .ag-paging-number:hover {
    text-decoration: underline;
}

.ag-theme-quartz .ag-paging-number.ativo {
    font-weight: bold;
    text-decoration: underline;
}

.sol-selection .sol-option.sol-selected {
    background: #0088CC;
    color: #fff;
}

/* Mapa */
.leaflet-marker-icon {
    transition: 0.3s;
}

#imagenet-grid-mapa {
    height: auto;
}

#imagenet-grid-mapa .ag-theme-quartz {
    width: fit-content;
    flex: 0 0 auto;
    height: 100%;
}

.imagenet-propriedade-mapa .imagenet-leaflet,
#imagenet-grid-mapa .imagenet-leaflet {
    flex: 1 0 auto;
    height: 100%;
    margin-left: 10px;
    border: solid 2px #ddddde;
    border-radius: 8px;
}

.imagenet-propriedade-mapa {
    position: relative;
}

.imagenet-propriedade-mapa .imagenet-leaflet {
    z-index: 1;
    margin: 0;
}

.imagenet-leaflet {
    position: relative;
}

.imagenet-leaflet.fullscreen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: unset !important;
    min-height: unset !important;
    height: 100vh !important;
    max-height: unset !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 999999 !important;
    border-radius: 0 !important;
    border: none !important;
}

.imagenet-popup-inner.fullscreen {
    min-width: unset !important;
    width: 100% !important;
    max-width: unset !important;
    left: unset !important;
    transform: none !important;
}

.imagenet-leaflet div {
    z-index: 1;
}

.imagenet-leaflet>div:not(.leaflet-pane, .leaflet-control-container) {
    position: absolute;
    z-index: 2;
}

.imagenet-leaflet.hide-actions>div:not(.leaflet-pane, .leaflet-control-container, .imagenet-mapa-actions),
.imagenet-leaflet.hide-actions .imagenet-mapa-actions div:not(#map-hide-actions),
.imagenet-leaflet.hide-actions .leaflet-control-container {
    display: none !important;
}

.imagenet-leaflet .imagenet-mapa-change-shape {
    bottom: 12px;
    left: 12px;
    width: fit-content;
    display: flex;
    align-items: center;
    border-radius: 2px;
    outline: 2px solid rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.imagenet-leaflet .imagenet-mapa-change-shape>span+span {
    border-left: 1px solid #ccc;
}

.imagenet-leaflet .imagenet-mapa-change-shape>span+span svg {
    margin-left: -1px;
}

.imagenet-leaflet .imagenet-mapa-change-shape>span svg {
    display: block;
    width: 16px;
    height: 16px;
}

.imagenet-leaflet .imagenet-mapa-views {
    top: 12px;
    left: 87px;
}

.leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom {
    display: flex;
    align-items: center;
}

.leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom a:first-child {
    border-bottom-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom: none;
    border-right: 1px solid #ccc;
}

.leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom a:last-child {
    border-top-right-radius: 2px;
    border-bottom-left-radius: 0;
}

.imagenet-leaflet .imagenet-mapa-views ul {
    display: flex;
    align-items: center;
    border-radius: 2px;
    outline: 2px solid rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.imagenet-leaflet .imagenet-mapa-views li {
    display: block;
}

.imagenet-leaflet .imagenet-mapa-views li+li {
    border-left: 1px solid #ccc;
}

.imagenet-leaflet .imagenet-mapa-change-shape>span,
.imagenet-leaflet .imagenet-mapa-views span {
    cursor: pointer;
    display: flex;
    width: 30px;
    height: 30px;
    aspect-ratio: 1 / 1;
    align-items: center;
    justify-content: center;
    background: #fff;
    transition: all 0.2s;
}

.imagenet-leaflet .imagenet-mapa-change-shape>span.active,
.imagenet-leaflet .imagenet-mapa-views li.active span {
    color: #257eca;
    font-size: 14px;
}

.imagenet-leaflet .imagenet-mapa-actions {
    top: 12px;
    right: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 2px;
    outline: 2px solid rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.imagenet-leaflet .imagenet-mapa-actions div {
    cursor: pointer;
    font-size: 13px;
    display: flex;
    width: 30px;
    height: 30px;
    aspect-ratio: 1 / 1;
    align-items: center;
    justify-content: center;
    background: #fff;
    transition: all 0.2s;
}

.imagenet-leaflet .imagenet-mapa-actions div+div {
    border-top: 1px solid #ccc;
}

.imagenet-leaflet .imagenet-mapa-actions div+div svg {
    margin-top: -1px;
}

/* Sotable List */
[id^="sortable"] .order {
    cursor: grab;
}

.no-list-data {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px !important;
    background: #f5f5f5;
}

.no-list-data p {
    font-weight: bold;
}

.menu-list,
.no-list-data {
    position: relative;
    z-index: 2;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    max-height: calc(100vh - 213px - 30px);
    overflow: auto;
}

.menu-list>li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    padding: 5px 12px;
    min-height: 50px;
}

.menu-list>li.inativo {
    color: #adadad !important;
}

.menu-list>li.inativo>p {
    text-decoration: line-through;
}

.menu-list>li.active {
    background: #f4f5d5 !important;
    color: unset !important;
}

.menu-list>li.inativo.active {
    filter: brightness(0.9) opacity(0.8);
}

.menu-list>li.inativo p::after {
    content: ' (inativo)';
}

.menu-list>li+li {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.menu-list>li:nth-of-type(odd) {
    background: #ffffff;
}

.menu-list>li:nth-of-type(even) {
    background: #f7f7f7;
}

.menu-list>li>a {
    display: block;
    padding: 5px 12px;
    margin-left: -5px;
}

.menu-list>li>p {
    filter: opacity(0.9);
}

.menu-list>li .icon {
    display: block;
    padding: 8px;
}

.menu-list>li .icon svg,
.menu-list>li .icon img {
    display: block;
    height: 30px !important;
    width: 30px !important;
    object-fit: contain;
}

.menu-list>li .order {
    padding: 12px;
    margin-right: -5px;
}

.menu-list>li .order svg {
    display: block;
    height: 16px !important;
    width: 16px !important;
}

.menu-list .checkbox-list {
    display: flex;
    align-items: center;
    gap: 12px
}

.menu-list .checkbox-list svg,
.menu-list .checkbox-list>div {
    display: block;
    width: 18px;
    height: 18px;
}

.menu-list .checkbox-list>div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-list input[type="checkbox"],
.menu-list+div input[type="checkbox"] {
    cursor: pointer;
    accent-color: #317302;
    display: block;
    width: 16px;
    height: 16px;
}

.list-title {
    margin-bottom: 8px;
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.imagenet-icones-list {
    display: flex;
    flex-wrap: wrap;
    /* display: grid;
    grid-template-columns: repeat(5, 1fr); */
    gap: 20px;
    padding: 20px;
    margin: 0 0 10px;
    width: 100% !important;
    max-height: 200px;
    overflow: auto;
    border: 1px solid var(--input-border-color);
    border-radius: 2px;
}

.icone-field {
    position: relative;
}

.icone-field input {
    position: absolute;
    left: -99999px;
}

.icone-field label {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 90px;
    min-height: 90px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    transition: 0.4s ease;
}

.icone-field label::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    clip-path: polygon(0 0, 50% 0, 100% 0, 100% 100%, 50% 100%, 0 100%);
    transition: 0.4s cubic-bezier(0.8, 0, 0.2, 1);
}

.icone-field input:checked+label {
    border-color: #6fb6ff;
}

.icone-field input:checked+label::after {
    background-color: rgb(0 126 255 / 90%);
    clip-path: polygon(28% 38%, 41% 53%, 75% 24%, 86% 38%, 40% 78%, 15% 50%);
}

.icone-field label img {
    display: block;
    max-width: 100%;
}

.usuario-funcoes .checkbox-list input[type="checkbox"] {
    appearance: none;
    background-color: transparent;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 18px;
    height: 18px;
    border: 0.15em solid currentColor;
    border-radius: 0.15em;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
}

.usuario-funcoes .checkbox-list input[type="checkbox"]::before {
    content: "";
    width: 10px;
    height: 10px;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em currentColor;
    transform-origin: bottom left;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

.usuario-funcoes .checkbox-list input[type="checkbox"].no:checked {
    color: #9c3836;
}

.usuario-funcoes .checkbox-list input[type="checkbox"].no::before {
    clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
}

.usuario-funcoes .checkbox-list input[type="checkbox"]:checked::before {
    transform: scale(1);
}

.usuario-funcoes .checkbox-list input[type="checkbox"]:focus {
    outline: max(2px, 0.15em) solid currentColor;
    outline-offset: max(2px, 0.15em);
}

/* WebCam */
.imagenet-foto-opcoes {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    background: var(--menu-bg-color);
    border: 1px solid #ededd3;
    border-top: none;
}

.imagenet-foto-opcoes>*:not(input) {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.imagenet-foto-opcoes span {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    padding: 6px 6px 8px;
    color: var(--submit-button-color);
}

.imagenet-foto-opcoes input {
    width: 0 !important;
    height: 0 !important;
    visibility: hidden;
    overflow: hidden;
    display: none;
}

#cancelar-webcam:hover,
.imagenet-foto-opcoes label:hover,
.imagenet-foto-opcoes span:hover {
    cursor: pointer;
    text-decoration: underline;
}

#imagenet-seg-webcam {
    width: 140px;
    position: absolute;
    top: 21px;
    left: 5px;
    background-color: #FFFFFF;
}

#thumb-image {
    width: 140px;
    height: 180px;
    object-fit: contain;
}

.pos-rel {
    position: relative !important;
}

.photobooth video {
    border: 1px solid #ededd3;
    object-fit: cover;
    transform: scaleX(-100%);
}

.photobooth ul li.trigger {
    bottom: 3px !important;
    right: 3px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='m11.2 8.375l3.5-6q2.275.6 4.038 2.2t2.562 3.8zm-2.775 2.5L5 4.875q1.35-1.325 3.138-2.1T12 2q.325 0 .75.038t.775.087zm-6.1 3.625q-.15-.6-.238-1.225T2 12q0-1.775.575-3.35T4.2 5.775L9.25 14.5zm7 7.125q-2.275-.6-4.05-2.2t-2.575-3.8h10.075zM12 22q-.375 0-.763-.05t-.737-.1l5.075-8.725l3.425 6q-1.35 1.325-3.137 2.1T12 22m7.8-3.775L14.75 9.5h6.925q.15.6.238 1.225T22 12q0 1.75-.612 3.35T19.8 18.225'/%3E%3C/svg%3E") !important;
    background-size: 18px !important;
    width: 34px;
    height: 34px;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.5) !important;
}

/* Popup de Consulta de Propriedade */
.card-consulta {
    display: flex;
    gap: 12px;
    border: 1px solid #ccc;
    padding: 10px;
}

.card-consulta+.card-consulta {
    margin-top: 20px;
}

.card-consulta .content {
    flex: 2;
}

.card-consulta .map {
    flex: 1;
    min-width: 400px;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.logo-consulta {
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.25);
    margin-bottom: 8px;
    padding-bottom: 2px;
}

.logo-consulta img {
    display: block;
    width: 100%;
    max-width: 80px;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    object-position: center;
    background-color: #fff;
    border-radius: 4px;
}

.dados-consulta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.dados-consulta table td {
    padding: 6px 8px;
    font-size: 12px;
    white-space: normal !important;
}

.ag-popup {
    height: 0 !important;
}

/* ---- Agro Forms ---- */
#imagenet-alterar {
    position: relative;
    padding-top: 10px;
    height: calc(100vh - 150px);
    overflow: auto;
}

.imagenet-busca-campo {
    position: relative;
    padding: 0 15px 15px 5px;
}

.imagenet-busca-campo input {
    height: unset !important;
    padding: 5px 30px 5px 10px !important;
}

.imagenet-busca-campo span {
    padding: 1px 8px;
    position: absolute;
    z-index: 5;
    top: 1px;
    right: 15px;
    color: #0f3348;
    font-size: 1.3rem;
}

.imagenet-sub-campo {
    position: relative;
    border: solid 1px #cdcdcd;
    border-radius: 5px;
    padding-top: 5px;
}

.imagenet-sub-campo.table {
    overflow: hidden;
}

.imagenet-sub-campo.table>div {
    margin: -5px -5px 0 -5px;
}

.imagenet-sub-campo.table>div>table {
    border: none;
}


/* Campos de Escala de Pontuação*/
.imagenet-radio-group[class*="ep"] {
    flex-wrap: nowrap !important;
}

.imagenet-radio-group[class*="ep"]>label {
    color: #fff;
    min-height: 40px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2em;
    flex: 1 0 auto;
}

.imagenet-radio-group[class*="ep"]>input:checked+label {
    border-color: #dcdcdc;
}

.imagenet-radio-group[class*="ep"]>input:checked+label+input+label {
    border-left-color: #dcdcdc;
}

.imagenet-radio-group[class*="ep"]:not(:hover):has(input:checked)>input:not(:checked)+label {
    opacity: 0.8;
    filter: grayscale(70%);
}

.imagenet-radio-group[class*="ep"]:hover>input+label:not(input+label:hover) {
    opacity: 0.8;
    filter: grayscale(70%);
}

.imagenet-radio-group.ep3>label {
    position: relative;
    color: #000;
    flex-direction: column;
    border: none;
    font-weight: bold;
    background: none;
    height: 100%;
    line-height: 1;
    text-align: center;
}

.imagenet-radio-group.ep3>label::before {
    content: '';
    position: absolute;
    top: 54px;
    left: 2%;
    width: 96%;
    height: 5px;
}

.imagenet-radio-group.ep3>label svg {
    margin-bottom: 8px;
}

.imagenet-radio-group.ep3>label:hover {
    background: none;
}

.imagenet-radio-group.ep3>input:checked+label {
    background: none;
    border: none;
    color: #000 !important;
}

.imagenet-radio-group.ep1>label:nth-of-type(1) {
    background-color: #B71C1C;
}

.imagenet-radio-group.ep1>label:nth-of-type(2) {
    background-color: #D32F2F;
}

.imagenet-radio-group.ep1>label:nth-of-type(3) {
    background-color: #F44336;
}

.imagenet-radio-group.ep1>label:nth-of-type(4) {
    background-color: #E65100;
}

.imagenet-radio-group.ep1>label:nth-of-type(5) {
    background-color: #FB8C00;
}

.imagenet-radio-group.ep1>label:nth-of-type(6) {
    background-color: #FDD835;
}

.imagenet-radio-group.ep1>label:nth-of-type(7) {
    background-color: #9CCC65;
}

.imagenet-radio-group.ep1>label:nth-of-type(8) {
    background-color: #7CB342;
}

.imagenet-radio-group.ep1>label:nth-of-type(9) {
    background-color: #66BB6A;
}

.imagenet-radio-group.ep1>label:nth-of-type(10) {
    background-color: #43A047;
}

.imagenet-radio-group.ep1>label:nth-of-type(11) {
    background-color: #2E7D32;
}

.imagenet-radio-group.ep2>label:nth-of-type(1) {
    background-color: #B71C1C;
}

.imagenet-radio-group.ep2>label:nth-of-type(2) {
    background-color: #E65100;
}

.imagenet-radio-group.ep2>label:nth-of-type(3) {
    background-color: #FDD835;
}

.imagenet-radio-group.ep2>label:nth-of-type(4) {
    background-color: #7CB342;
}

.imagenet-radio-group.ep2>label:nth-of-type(5) {
    background-color: #2E7D32;
}

.imagenet-radio-group.ep3>label:nth-of-type(1)::before {
    background-color: #B71C1C;
}

.imagenet-radio-group.ep3>label:nth-of-type(2)::before {
    background-color: #E65100;
}

.imagenet-radio-group.ep3>label:nth-of-type(3)::before {
    background-color: #FDD835;
}

.imagenet-radio-group.ep3>label:nth-of-type(4)::before {
    background-color: #7CB342;
}

.imagenet-radio-group.ep3>label:nth-of-type(5)::before {
    background-color: #2E7D32;
}

.imagenet-radio-group.ep3>label:nth-of-type(1) svg {
    color: #B71C1C;
}

.imagenet-radio-group.ep3>label:nth-of-type(2) svg {
    color: #E65100;
}

.imagenet-radio-group.ep3>label:nth-of-type(3) svg {
    color: #FDD835;
}

.imagenet-radio-group.ep3>label:nth-of-type(4) svg {
    color: #7CB342;
}

.imagenet-radio-group.ep3>label:nth-of-type(5) svg {
    color: #2E7D32;
}

.imagenet-grid div,
.imagenet-sub-campo .imagenet-gid-campo {
    position: relative;
    display: flex;
    flex-direction: column;
    border: solid 1px #ccc;
    border-radius: 5px;
    background: #fff;
    margin: 5px auto;
    padding: 0 5px;
}

.imagenet-grid div>a,
.imagenet-sub-campo .imagenet-gid-campo>a {
    position: absolute;
    right: 6px;
    bottom: 0;
    font-size: 1.2em;
}

.imagenet-link svg {
    font-size: 1.5em;
    float: left;
    margin-right: 10px;
}

.imagenet-sortable-form {
    padding: 10px 5px;
    height: calc(100vh - 150px);
    overflow: auto;
}

#imagenet-sortable-campo.imagenet-sortable-form {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 195px);
}

.imagenet-sortable-form .imagenet-campo {
    position: relative;
    border: dashed 1px #cdcdcd;
    background: rgba(0, 0, 0, 0.02);
    border-radius: 6px;
    padding: 5px;
    width: 100%;
    height: fit-content;
    float: none;
    margin-bottom: 15px;
}

.imagenet-sortable-form .imagenet-campo>.imagenet-campo {
    border: none;
    padding: 0;
    margin: 5px 0 !important;
    background: none;
}

.imagenet-sortable-form .imagenet-campo>.imagenet-campo:nth-child(4) {
    margin-top: 17px !important;
}

.imagenet-sortable-form .imagenet-campo,
.imagenet-sortable-form .imagenet-campo>label {
    cursor: move;
}

.imagenet-sortable-form .imagenet-campo.col-5 {
    width: 48% !important;
}

.imagenet-campo-remover,
.imagenet-campo-fechar {
    position: absolute;
    color: var(--default-button-text-color);
    right: 0;
    top: 0;
    cursor: pointer;
    padding: 2px 8px;
}

.imagenet-campo-grupo-imagem span {
    font-size: 1.4em;
    width: 40px;
    flex: 0 1 auto;
    text-align: center;
}

#imagenet-sortable-campo .imagenet-campo-remover {
    display: none;
}

#imagenet-sortable-formulario {
    border-left: solid 2px;
}

#imagenet-sortable-formulario,
#imagenet-sortable-formulario .imagenet-sortable {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

#imagenet-sortable-formulario.imagenet-sortable-form .imagenet-campo {
    margin: 0 1% 15px 1%;
    background: rgba(0, 0, 0, 0.02);
}

.imagenet-sortable-form .imagenet-campo>.imagenet-sortable {
    min-height: 50px;
    margin-top: 18px;
}

.imagenet-sortable-form .imagenet-campo.sortable-ghost {
    background-color: rgba(0, 0, 0, 0.04) !important;
    opacity: 0.6;
}

.imagenet-sortable-form .imagenet-campo.imagenet-selecionado {
    background-color: rgba(0, 0, 0, 0.04) !important;
    outline: 2px solid #31730226;
    outline-offset: 2px;
}

.imagenet-sortable-form .imagenet-campo .imagenet-campo-nome {
    cursor: move;
    position: absolute;
    top: -11px;
    left: 50%;
    color: #999;
    transform: translateX(-50%);
    padding: 0 5px;
    background: rgb(255 255 255);
    border-radius: 8px 8px;
    border: dashed 1px #cdcdcd;
}

.imagenet-sortable-form .imagenet-campo .imagenet-campo-nome span {
    position: relative;
    z-index: 1;
    white-space: nowrap;
}

/*.imagenet-sortable-form .imagenet-campo .imagenet-campo-nome::before {
    content: '';
    position: absolute;
    z-index: 0;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: 11px;
    background: #fff;
}*/

.imagenet-sortable-form .imagenet-campo .imagenet-campo-title,
.imagenet-sub-campo .imagenet-campo-title {
    min-height: 30px;
    background: #eee;
    margin: -5px -5px 0 -5px;
    padding: 5px 5px 5px 20px;
    border-radius: 4px 4px 0 0;
    cursor: pointer;
}

.imagenet-sortable-form .imagenet-campo .imagenet-campo-title.toggle::before,
.imagenet-sub-campo .imagenet-campo-title.toggle::before {
    content: '';
    position: absolute;
    top: 11px;
    left: 7px;
    border: solid black;
    border-width: 0 1.4px 1.4px 0;
    display: inline-block;
    padding: 2.3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.imagenet-sortable-form .imagenet-campo>p {
    min-height: 20px;
}

.imagenet-sortable-form .imagenet-campo .imagenet-campo-box {
    padding: 8px;
    border: solid 1px #cdcdcd;
    opacity: 0.4;
}

.imagenet-sortable-form .imagenet-campo>.imagenet-btn2 {
    float: none;
    margin: 5px auto 0 auto;
    width: max-content;
    height: auto;
    min-height: 30px;
}

.imagenet-table#imagenet-opcoes thead td {
    padding: 5px;
    background: #fff;
}

.imagenet-table#imagenet-opcoes tbody td {
    padding: 5px;
}

.imagenet-sortable-form .imagenet-table thead th:first-child {
    width: auto;
}

.imagenet-sortable-form .imagenet-table tbody tr:nth-child(2n) td {
    background: #fcfcfc;
}

.imagenet-sortable-form .imagenet-campo-botao {
    width: fit-content;
    min-width: 30px;
    margin: -10px auto 0 auto;
    padding: 6px 9px;
    line-height: normal;
    border-radius: 30px;
    color: var(--submit-button-text-color);
    background: var(--submit-button-color);
    text-align: center;
}

.imagenet-radio-group.ep1,
.imagenet-radio-group.ep2,
.imagenet-radio-group.ep3 {
    display: flex;
    flex-wrap: wrap;
    min-height: 28px;
}

.preview-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    max-height: 40px;
}

.preview-cell img {
    display: block;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    object-position: center;
    max-height: inherit;
}