:root {
    /*=-=-=-=-=- FONTS =-=-=-=-=-*/
    font-size: 62.5%;
    --font-family-openSans: 'Open Sans', sans-serif;
    --font-size-body: 1.6rem;
    /*=-=-=-=-=- CORES =-=-=-=-=-*/
    --blackIlupi: #050505;
    --darkBlueIlupi: #284070;
    --blueIlupi: #146A96;
    --lightBlueIlupi: #0092BB;
    --lightGreenIlupi: #0BD69D;
    --offwhiteIlupi: #fff6e6;
    --mediumGreenIlupi: #71CBB7;
    --orangeIlupi: #F39087;
    --yellowIlupi: #F3E28C;
    --gray: #555;
    --darkGrayIlupi: #8d979c;
    --mediumGrayIlupi: #d9e1e7;
    --lightGrayIlupi: #F8F9FA;
    --BlueIlupiDisable: #9AD8EA;
    /*=-=-=-=-=- SOMBRAS =-=-=-=-=-*/
    --shadow-padrao: rgba(0, 0, 0, 0.08) 0px 0px 8px;
}

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

html, body {
    min-width: 1024px !important;
    min-height: 100vh !important;
    margin: 0;
    padding: 0;
}


body {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 1.4rem !important;
    background: var(--lightGrayIlupi) !important;
    padding-top: 50px;
    display: flex;
    flex-direction: column;
}

table {
    font-size: 1.3rem !important;
}

/*Menu vertical*/
.sidebar ul li.logo a {
    background: url('Images/logo-pris-ip.png') no-repeat center right;
    display: none;
    height: 80px;
    width: 100%;
    background-size: 70%;
    border-radius: 5px;
    border: none;
}

    .sidebar ul li.logo a:hover, .sidebar ul li.logo a:focus {
        background: url('Images/logo-pris-ip.png') no-repeat center right;
        background-size: 70%;
    }

.sidebar ul li, .sidebar ul li div.panel-heading {
    color: #fff;
    background: none;
    border: none;
    width: auto !important;
}

    .sidebar ul li div.panel-heading {
        border: none;
        border-radius: 5px;
        padding: 0;
        margin-bottom: 5px;
        background: var(--lightBlueIlupi);
        color: #fff;
        /* offset-x | offset-y | blur-radius | spread-radius | color */
        box-shadow: var(--shadow-padrao);
        transition: .2s !important;
    }

        .sidebar ul li div.panel-heading a {
            font-size: 13px !important;
            font-weight: 600;
            display: flex;
            align-items: center;
            text-decoration: none;
            padding: 10px 15px !important;
            gap: 15px;
            border-radius: 5px;
        }

        .sidebar ul li div.panel-heading svg {
            width: 20px !important;
            height: 20px !important;
            min-width: 20px !important;
            min-height: 20px !important;
        }

        .sidebar ul li div.panel-heading:hover, .sidebar ul li div.panel-heading .activemenu {
            background: var(--darkBlueIlupi) !important;
            border-radius: 5px;
            color: #fff;
            /* offset-x | offset-y | blur-radius | spread-radius | color */
            box-shadow: var(--shadow-padrao);
        }

        .sidebar ul li div.panel-heading.current, .sidebar ul li div.panel-heading.current a {
            background: var(--darkBlueIlupi);
            border-radius: 5px 5px 0px 0px;
            color: #fff;
            /* offset-x | offset-y | blur-radius | spread-radius | color */
            box-shadow: var(--shadow-padrao);
        }

        .sidebar ul li div.panel-heading:hover, .sidebar ul li div.panel-heading.current {
            border-left-color: #0092BB !important;
        }

.sidebar ul.panel-body li {
    padding: 7px 7px 7px 17px;
    color: var(--darkBlueIlupi) !important;
    transition: background .2s;
}

    .sidebar ul.panel-body li a {
        color: var(--darkBlueIlupi) !important;
        text-decoration: none;
        display: block;
        transition: all .2s !important;
    }

    .sidebar ul.panel-body li:hover {
        background: #f2f2f2 !important;
    }

    .sidebar ul.panel-body li a:hover {
        color: var(--mediumGreenIlupi) !important;
        background: #f2f2f2 !important;
    }

.sidebar .panel-group, .sidebar .panel-group ul {
    padding: 0;
    list-style: none;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top: none !important;
}

.sidebar ul li.panel-primary {
    box-shadow: var(--shadow-padrao);
}

/*.ancor-side {
    display: flex;
    align-items: center;
    gap: 10px;
}*/

/*Menu horizontal*/
#top-nav {
    height: 60px;
    background: linear-gradient(to right, var(--darkBlueIlupi), var(--lightBlueIlupi));
    border: none;
    color: #fff;
    /* offset-x | offset-y | blur-radius | spread-radius | color */
    box-shadow: var(--shadow-padrao);
}

#top-nav-container {
    padding-top: 5px !important;
}

.navbar-brand {
    padding: 5px !important;
}

#top-nav .logo-cliente {
    background: url('Images/logo-ilupi-horizontal-branco.png') no-repeat !important;
    height: 40px;
    width: 200px;
    display: block;
}

.navbar > .container-fluid .navbar-brand {
    margin-left: 0 !important;
}

.language {
    padding: 15px;
}

    .language code, .language code a {
        color: #777;
    }

#top-nav ul li a.login-hello {
    background-color: none;
    background: url("images/separador-menu.png") no-repeat center right;
}

#top-nav ul li.active {
    background-color: none;
}

    #top-nav ul li.active a {
        background: none;
        font-weight: bold;
        color: #fff !important;
    }

#top-nav ul li.menu-login a:hover {
    color: var(--lightGreenIlupi) !important;
}

#top-nav ul li a.logon {
    transition: color .2s;
}

    #top-nav ul li a.logon:hover {
        color: var(--lightGreenIlupi) !important;
    }

#top-nav a, #top-nav ul li a.login-hello {
    color: #fff !important;
}

#top-nav .glyphicon-off:before {
    display: flex;
    width: 2rem;
    height: 2rem;
}

#top-nav .glyphicon-user:before {
    padding-right: 8px;
    vertical-align: text-top;
}

#top-nav ul li .dropdown-toggle.bemvindo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}

.bemvindo svg {
    width: 20px;
    height: 20px;
}

.logon svg {
    width: 20px;
    height: 20px;
}

a.logon {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}

/*Main*/
main {
    flex: 1 0 auto;
    margin-top: 40px;
}

#main-main {
    padding-top: 30px;
}

.card-padrao {
    color: var(--gray);
    background: #fff;
    /*margin-bottom: 5px;*/
    padding: 20px;
    border-radius: 5px;
    /* offset-x | offset-y | blur-radius | spread-radius | color */
    box-shadow: var(--shadow-padrao);
}

.card-padrao-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.card-padrao h3 {
    font-size: 1.4rem !important;
    font-weight: 700;
    color: var(--darkBlueIlupi);
    display: flex;
    justify-content: space-between;
    margin: 0 0 20px;
}

.card-padrao-center {
    width: auto;
    margin: auto;
}

.icon-card svg {
    color: var(--lightBlueIlupi);
}

.container-center {
    display: flex;
    justify-content: space-around;
}

button,
.btn,
.btn-orange,
.btn-processos,
.btn-group {
    font-size: 1.2rem !important;
    transition: background .2s !important;
}

/*Footer*/
footer {
    margin-top: auto;
    padding: 20px;
    background: #fff;
}

.card-footer {
    font-size: 1.2rem !important;
    color: gray;
    width: 110px;
    margin: auto;
}

/*Ajustes Gerais Ilupi*/
.fa-check-circle:before {
    color: var(--mediumGreenIlupi) !important;
}

.fa-exclamation-circle:before {
    color: var(--orangeIlupi) !important;
}

.form-padrao label {
    font-weight: 600 !important;
    color: var(--blueIlupi) !important;
}

.form-padrao legend {
    font-weight: 600 !important;
    color: var(--darkBlueIlupi);
}

.form-atribute {
    font-weight: bold;
    color: var(--blueIlupi);
}

iframe.relatorio {
    min-width: 100%;
    min-height: 100vh;
}

.hidden {
    display: none !important;
}

/*Portifólio*/

hr {
    margin: 10px 0 !important;
}

#categoria-processos {
    display: grid;
    gap: 10px;
}

.card-info-processos {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cards-processos-deadlines {
    height: 350px;
}

#card-status-processos {
    height: auto;
}

#grupo-btn-processos {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

button.btn-processos {
    padding: 10px;
    text-decoration: none;
}

a.btn-processos {
    margin: 0 auto;
    padding: 10px;
    min-width: 70%;
    text-decoration: none !important;
}

.categoria-ativos {
    text-align: center;
}

    .categoria-ativos h2 {
        font-size: 5rem !important;
        font-weight: 600;
    }

table.table-ativos th {
    border: none !important;
}

table.table-ativos tr,
table.table-ativos td {
    width: 200px;
    border: none !important;
}

.tr-numero-ativos {
    font-size: 3rem;
    font-weight: 600;
    color: #0BD69D;
}

.quant-processos {
    font-size: 7rem !important;
    font-weight: 600;
    line-height: 7.5rem;
    color: #0BD69D;
}

.quantia-processos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
}

.numero-processos {
    font-size: 3rem;
    font-weight: 600;
    line-height: initial;
    color: var(--lightGreenIlupi);
    margin: 0;
}

.percentual-processos {
    font-size: 2rem;
    font-weight: 600;
    line-height: initial;
    color: var(--lightBlueIlupi);
}

.tr-tipos-ativos td {
    color: #284070;
    font-size: 1.2rem !important;
    font-weight: 600;
}

.td-firt {
    width: 100px !important;
}

.status-ativo .label-status-ativo span {
    font-size: 1.1rem !important;
    padding: 5px 10px;
    border-radius: 20px;
}

.status-ativo-concedido .label-status-ativo span {
    background: #71CBB7;
}

.status-ativo-em-analise .label-status-ativo span {
    background: #F3E28C;
}

.status-ativo-abandonado .label-status-ativo span {
    background: #F39087;
    width: 100px !important;
}

#form-cadastro-manual label {
    font-weight: 500;
    color: #284070;
}

#form-cadastro-manual option {
    width: 100%;
}

button.btn-delete-selecionados {
    background: var(--orangeIlupi) !important;
}

    button.btn-delete-selecionados:hover {
        background: #f26f63 !important;
    }

.card-processos-encontrados {
    margin-bottom: 15px;
}

.td-estado {
    font-size: 1.1rem !important;
    color: black;
    padding: 3px 10px;
    border-radius: 10px;
    white-space: nowrap;
}

.td-estado-ativo {
    background: #71CBB7;
}

.td-estado-pendente {
    background: #F3E28C;
}

.td-estado-inativo {
    background: #F39087;
}

.td-estado-desconhecido {
    background: darkgray;
}

.processos-estados {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.processo-estado {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 70%;
    margin: auto;
}

.flag-estado {
    font-size: 1.2rem;
    text-align: center;
    color: black;
    padding: 3px 10px;
    min-width: 90px;
    border-radius: 15px;
}

.flag-estado-concedido {
    background: var(--mediumGreenIlupi);
}

.flag-estado-pendente {
    background: var(--yellowIlupi);
}

.flag-estado-inativo {
    background: var(--orangeIlupi);
}

.num-processo-estado {
    font-size: 1.8rem;
    font-weight: 600;
    color: var(--lightBlueIlupi);
}

#timeline-gerenciar-notificacoes {
    height: 100%;
    max-height: 100% !important;
    overflow: hidden;
}
/*Buscar Processos*/
#numeros-processos {
    display: block;
    margin: 0 auto;
    height: 276px;
    width: 159px;
}

.numeros-processos {
    background-attachment: local;
    background-image: linear-gradient(to right, white 10px, transparent 10px), linear-gradient(to left, white 10px, transparent 10px), repeating-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
    line-height: 31px;
    padding: 8px 10px;
    resize: none;
}

/*Cadastro Manual Processos*/
select#classes-afins {
    min-height: 103px !important;
}

/*Formulários*/
.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

.spinning {
    width: 1.6rem !important;
    /*height: 1.6rem !important;*/
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
    transform-origin: center;
}

.spinning-modal {
    width: 1.6rem !important;
    /*height: 1.6rem !important;*/
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
    transform-origin: center;
}

    .spinning svg {
        width: 1.6rem !important;
        height: 1.6rem !important;
    }


@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }

    to {
        transform: scale(1) rotate(360deg);
    }
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

/*Data Tables*/

.data-table-padrao {
    font-size: 1.2rem !important;
}

.dataTables_info,
.dataTables_length {
    font-size: 1.2rem;
    float: left;
    margin-top: 10px;
}

.dataTables_filter {
    font-size: 1.2rem;
}

.paging_numbers {
    font-size: 1.2rem;
}

.pagination li a {
    color: var(--lightBlueIlupi) !important;
}

    .pagination li a:hover {
        background: var(--lightBlueIlupi) !important;
        color: #fff !important;
        border-color: var(--blueIlupi) !important;
    }

.pagination li.active a {
    background: var(--lightBlueIlupi) !important;
    color: #fff !important;
    border-color: var(--blueIlupi) !important;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

div .dt-buttons {
    float: left;
}


div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 5px !important;
}

.btn-group-vertical > .btn, .btn-group > .btn {
    margin-right: 10px !important;
}

.data-table-padrao th {
    font-weight: 700;
    color: var(--darkBlueIlupi);
}

table.dataTable thead > tr > th,
table.table-bordered.dataTable tbody td {
    text-align: left !important;
    border: none !important;
}

table.data-table-padrao th,
table.data-table-padrao td {
    border: none !important;
}

    table.data-table-padrao td.td-numero-processo {
        min-width: 150px !important;
    }

    table.data-table-padrao td.td-numero-marca {
        min-width: 100px !important;
    }

    table.data-table-padrao td.td-nome-processo,
    table.data-table-padrao td.td-titular-processo,
    table.data-table-padrao td.td-procurador-processo {
        min-width: 250px !important;
        max-width: 300px !important;
    }

div.dataTables_scrollBody {
    border-left: none !important;
}

input.advfiltro {
    border: 0.5px solid lightgray;
    height: 25px !important;
    border-radius: 5px;
}

.td-acoes {
    display: flex;
    gap: 5px;
    align-items: center;
    align-content: center;
}

    .td-acoes span {
        width: 24px;
        height: 24px;
    }

        .td-acoes span svg {
            padding: 5px;
            color: var(--darkBlueIlupi);
        }

            .td-acoes span svg:hover {
                background: var(--lightGrayIlupi);
                border-radius: 5px;
                cursor: pointer;
                color: var(--lightGreenIlupi);
                transition: color .2s;
            }

table.table-bordered.dataTable tbody td.td-center {
    text-align: center !important;
}

/* Loading da imagem de um Processo */
.frame-imagem {
    height: 15vw;
    width: 15vw;
    border: 1px solid #ddd;
    display: table;
    table-layout: fixed;
    margin: 0 auto;
    max-height: 285px;
    max-width: 285px;
}

.centered-loading-icon {
    font-size: 2em !important;
    display: table-cell !important;
    vertical-align: middle;
    color: #888;
}

@media(max-width:767px) {
    .frame-imagem {
        height: 60vw;
        width: 100%;
    }

    .card-padrao {
        margin-bottom: 10px;
    }
}

.textbox-no-margin {
    margin-left: -4px;
}

.personalizacomplemento {
    padding: 8px 0px 0px 0px;
    margin: 0px;
    font-size: 20px;
    font-weight: bold;
    color: #003B6A;
}

.btn-info {
    background: transparent !important;
    border: none !important;
    color: #003b6a !important
}

/*Login*/

.login {
    padding-top: 50px !important;
    max-width: 400px;
    min-width: 350px;
    margin: auto;
}

    .login legend {
        border: none;
    }

    .login .input-group.user {
        margin-bottom: 20px;
    }

    .login .field-validation-error {
        position: absolute;
    }
    .login .field-validation-error.msgErro {
        position: relative;
    }
    .login table#UserName, .login table#Password, .login table#ConfirmPassword, .login table#Nome, .login table#Email, .login table#Instituicao, .login table#Cargo, .login table#tpassword {
        background: #f2f2f2 !important;
        height: 38px;
        border-radius: 5px !important;
    }

        .login table#UserName, .login table#Password, .login table#UserName tr td, .login table#Password tr td, .login table#ConfirmPassword, .login table#ConfirmPassword tr td, .login table#Nome, .login table#Nome tr td, .login table#Instituicao, .login table#Cargo, .login table#Email, .login table#Email tr td {
            width: 98%;
            border: none;
            padding: 0 !important;
            border-radius: 0px 5px 5px 0px !important;
        }

    .login table input {
        border: none;
        background: #f2f2f2 !important;
        font-style: italic;
        color: #e3e3e3;
        box-shadow: none;
        padding: 5px !important;
        margin-left: 0px;
    }

    .login form div span {
        border: none;
        color: #fff;
        border-radius: 5px 0px 0px 5px !important;
    }

.input-group-addon {
    background: var(--lightBlueIlupi) !important;
}

.login .panel-default {
    background: none;
    border: none;
}

.login .panel-group .panel {
    background-color: #436680;
    border: none;
    padding: 1px;
}

.login .panel-body {
    background: #fff;
    border-radius: 5px;
    margin-top: 20px;
    padding: 30px;
    /* offset-x | offset-y | blur-radius | spread-radius | color */
    box-shadow: var(--shadow-padrao);
}

.login .logo-login {
    background: none;
    border: none;
}

    .login .logo-login a {
        background: url("images/logo-ilupi-horizontal-colorido-medio.png") no-repeat center center;
        display: block;
        margin: 0 auto;
        width: 200px;
        height: 100px;
    }

.login .dx-vam {
    display: none !important;
}

.login .dxbButtonPressed_MetropolisBlue {
    padding: 0;
    background: #d10a11;
    border-color: #d48347 !important;
    color: #fff !important;
}

.login .dxbButtonHover_MetropolisBlue, .login .dxbButtonPressed_MetropolisBlue {
    border: none !important;
    background: none;
}

.login .btn:hover {
    color: #fff;
    background: #d10a11;
    border-color: #d48347 !important;
}

.login form div .field-validation-error, .login form div .field-validation-error span {
    background: none !important;
    color: red !important;
    padding-top: 2px;
}

.login #Button_CD {
    position: relative;
    top: 30px;
    width: 120px;
    margin: 0 auto;
}

.login .panel-default > .panel-heading {
    background: none;
}

.login .panel-title > a {
    color: white !important;
    cursor: pointer
}

.accountHeader p {
    color: #436680 !important;
    font-size: 24px !important;
}

#dica-forgetpassword p {
    color: #000 !important;
    font-size: 12px !important;
    text-align: center !important;
}

.recuperarsenha, .cadastro {
    padding-top: 40px;
}

.login.recuperarsenha #Button_CD {
    width: 160px !important;
}

.login.recuperarsenha .linkCentralizado {
    text-align: center;
}

/*Botões*/
.fa {
    font: normal 14px/1 FontAwesome !important;
    text-decoration: none !important;
}

.fa-2 {
    font-size: 2em !important;
}

.fa-3 {
    font-size: 4em !important;
}

.fa-lixeira-custom {
    font-size: 25px !important;
    padding: 0 !important;
}

.btn-orange.fa.reset-border {
    border: none !important;
}

    .btn-orange.fa.reset-border:hover {
        background-color: white !important;
        color: #959595 !important;
    }

.btn, .btn-secundario {
    padding: 5px 10px !important;
    text-align: center;
    background-color: var(--darkBlueIlupi) !important;
    color: #fff !important;
    border-radius: 5px;
    cursor: pointer;
    border: none !important;
}

    .btn:hover, .btn-secundario:hover {
        background-color: #959595 !important;
        border: none !important;
        color: #fff;
    }

.btn, .btn-orange {
    font-weight: 500;
    padding: 5px 20px !important;
    text-align: center;
    background-color: var(--lightBlueIlupi) !important;
    color: #fff !important;
    border-radius: 5px !important;
    cursor: pointer;
    border: none !important;
    /* offset-x | offset-y | blur-radius | spread-radius | color */
    box-shadow: var(--shadow-padrao);
}

    .btn:hover, .btn-orange:hover {
        background-color: var(--darkBlueIlupi) !important;
        border: none !important;
        color: #fff;
        /* offset-x | offset-y | blur-radius | spread-radius | color */
        box-shadow: var(--shadow-padrao);
    }

.btn-lixeira:hover {
    background: white !important;
    color: #959595 !important;
}

.btn-orange.fa {
    background-color: var(--lightBlueIlupi) !important;
    padding: 5px !important;
    font-size: 14px;
    color: #fff !important;
    border-radius: 5px;
    border: none;
    /* offset-x | offset-y | blur-radius | spread-radius | color */
    box-shadow: var(--shadow-padrao);
}

    .btn-orange.fa:hover {
        background-color: var(--darkBlueIlupi) !important;
        color: #fff !important;
    }

.btn-desabilitado {
    background-color: #d1d1d1 !important;
    border-radius: 5px;
    padding: 5px 10px !important;
    border: none !important;
    font-size: 14px;
    cursor: default !important;
    color: #999 !important;
    text-align: center;
}

.btn-green {
    background-color: transparent !important;
    border-radius: 5px;
    padding: 5px 10px !important;
    border: none !important;
    font-size: 14px;
    cursor: default !important;
    color: #176B06 !important;
    text-align: center;
}

.btn-cancel {
    background-color: #738BA4 !important;
    border-radius: 5px;
    padding: 5px 10px !important;
    border: none !important;
    font-size: 14px;
    cursor: pointer !important;
    color: #fff !important;
    text-align: center;
}

    .btn-cancel:hover {
        background-color: #959595 !important;
        border: none !important;
        color: #fff;
    }

.btn-centraliza {
    margin: 0 auto !important;
    display: table !important;
}

.dxeIRadioButton_MetropolisBlue {
    border: none !important;
}

.dxeCalendarButtonHover_MetropolisBlue, .dxeButtonEditButtonHover_MetropolisBlue, .dxeSpinIncButtonHover_MetropolisBlue, .dxeSpinDecButtonHover_MetropolisBlue, .dxeSpinLargeIncButtonHover_MetropolisBlue, .dxeSpinLargeDecButtonHover_MetropolisBlue, .dxeColorEditButton_MetropolisBlue:hover, .dxucBrowseButtonHover_MetropolisBlue {
    background: #d10a11 !important;
}

.botoeshtml a {
    display: table;
    margin: 0 auto;
}

.btn-gray {
    padding: 5px 10px !important;
    text-align: center;
    background-color: #738ba4 !important;
    color: #fff !important;
    border-radius: 5px;
    cursor: pointer;
    border: none !important;
}

    .btn-gray:hover {
        background-color: #EE9553 !important;
        border: none !important;
        color: #fff;
        opacity: 1.0;
    }

.btn-desativado {
    background: var(--darkBlueIlupi) !important;
}

.btn-ativado {
    background: var(--mediumGreenIlupi) !important;
}

.btn-assinatura {
    font-size: large !important;
}

.dxEditors_edtRadioButtonUnchecked_MetropolisBlue, .dxEditors_edtRadioButtonChecked_MetropolisBlue {
    height: 15px !important;
}

.dxeValidStEditorTable .dxeErrorFrameSys {
    width: 100% !important;
}
/*Box início*/
.box-info-borda i {
    background: #688CA6;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    width: 28px;
    height: 28px;
    padding: 7px 0;
    margin: 0 5px 10px 15px;
}

/*Especifica inclusão de Bootstrap*/
#bodyIn .row.bootstrappris select, #bodyIn .row.bootstrappris input, #bodyIn .row.bootstrappris textarea, #bodyIn .row.bootstrappris table, #bodyIn .row.bootstrappris table tr, #bodyIn .row.bootstrappris table tr td {
    width: 100%;
}

    #bodyIn .row.bootstrappris table.dxeCalendar_MetropolisBlue, #bodyIn .row.bootstrappris table.dxeCalendar_MetropolisBlue table, #bodyIn .row.bootstrappris table.dxeCalendar_MetropolisBlue tr, #bodyIn .row.bootstrappris table.dxeCalendar_MetropolisBlue tr td, #bodyIn .row.bootstrappris table .dxgvTable_MetropolisBlue, #bodyIn .row.bootstrappris table .dxgvTable_MetropolisBlue tr, #bodyIn .row.bootstrappris table .dxgvTable_MetropolisBlue tr td, table#radioButtonList, #radioButtonList tr tr, #radioButtonList tr td, .row.bootstrappris table.dxeCalendar_MetropolisBlue tr td table tr td, .dxeCalendarFastNav_MetropolisBlue table tr, .dxeCalendarFastNav_MetropolisBlue table tr td, .dxeCalendarFastNavFooter_MetropolisBlue tr, #bodyIn .row.bootstrappris div.dxeCalendarFastNavFooter_MetropolisBlue.dx-ac table, #bodyIn .row.bootstrappris div.dxeCalendarFastNavFooter_MetropolisBlue.dx-ac table tr td {
        width: inherit !important;
    }

        #bodyIn .row.bootstrappris table.dxeCalendar_MetropolisBlue table {
            margin: 0 auto;
        }

.alignGeneral, #bodyIn ol li table tr td {
    width: auto !important;
}

.dxeBase_MetropolisBlue.dxeTAR tr td.dxichTextCellSys {
    white-space: nowrap;
}

.dxeBase_MetropolisBlue.dxeTAR tr td.dxichCellSys {
    width: auto !important;
}

#bodyIn label {
    display: initial;
}

#bodyIn .row {
    margin-bottom: 15px;
}

.expande .expande-grid {
    overflow: auto;
}

    .expande .expande-grid div.dxgvCSD, .expande .expande-grid .dxgvHSDC div {
        width: 100% !important;
    }

/*Títulos*/
h1.titulo {
    font-size: 1.6rem !important;
    font-style: normal !important;
    font-weight: normal;
}

/*Breadcrumb*/
.breadcrumb {
    font-size: 1.3rem !important;
    padding: 0 0 5px 0 !important;
    margin: 0 0 10px 0 !important;
    list-style: none;
    background: none;
    border-bottom: 1px solid #eee;
    box-shadow: none !important;
    border-radius: 0px !important;
}

    .breadcrumb li {
        color: var(--blueIlupi);
    }

        .breadcrumb li a {
            text-decoration: none !important;
        }

        .breadcrumb li.active {
            color: var(--lightBlueIlupi);
        }

/*Links*/
.bemvindo:hover {
    color: #fff !important;
}

.navbar-default .navbar-nav > .open > a {
    background: none !important;
}

a:hover, a:active, a:focus, a:visited {
    text-decoration: none;
}

/*Espaçamentos*/
.space-top10 {
    margin-top: 10px;
}

.space-top25 {
    margin-top: 25px;
}

.space-bottom15 {
    margin-bottom: 15px;
}

.space-top17 {
    margin-top: 17px;
}

.space-left10n {
    margin-left: -10px;
}

.model-buttons {
    padding: 0;
    margin: 28px 0;
}

    .model-buttons li {
        list-style: none;
        float: left;
        margin: 0 10px 0 0;
    }

.resetaWidthTabela tr td table tr td, .resetaWidthTabela tr td table tr td table#cblPaginas_RB0 {
    width: initial !important;
}

.resetaWidthTabela tr td table.dxeBase_MetropolisBlue.dxeTAR tr td.dxichCellSys {
    width: 20px !important;
}

.filter-text {
    padding-top: 18px
}

.atributo-value {
    padding-bottom: 13px;
    padding-top: 7px;
}

.atributo-text {
    padding-top: 9px;
}

.lixeira-filtro {
    padding-top: 30px;
}

/*Modal*/
.modal.fade.in {
    background: url("images/bg-modal.png");
}

.modal .modal-body {
    max-height: 600px;
    overflow-y: auto;
}

.modal h4 {
    color: #337ab7 !important;
}

.modal-footer {
    text-align: center;
}

.modal .fa {
    color: #e1e1e1;
    padding-right: 20px;
    display: inline-block;
}

    .modal .fa.fa-5 {
        font-size: 64px !important;
        vertical-align: middle;
    }

.modal-dialog span.fa {
    float: left;
}

.modal.type-danger .btn.btn-default {
    background: #d9534f !important;
}

.modal.type-success .btn.btn-default {
    background: #5cb85c !important;
}
/*.modal.type-primary .btn.btn-default{background:#428bca!important;}*/

.bootstrap-dialog.type-default .modal-header, .bootstrap-dialog .modal-header {
    background-color: #fff !important;
}

.bootstrap-dialog.type-default .bootstrap-dialog-title {
    color: var(--darkBlueIlupi) !important;
    font-size: 1.4rem !important;
    font-weight: 600;
}

.bootstrap-dialog-footer .bootstrap-dialog-footer-buttons {
    text-align: center;
}


/*Formulários*/
legend {
    font-size: 14px !important;
}

/*Abas*/
#dashboard_links {
    padding: 0;
}

    #dashboard_links .nav {
        background: #738ba4;
        border-radius: 0 5px 5px 0;
    }

    #dashboard_links .nav-stacked > li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.25);
        border-top: 1px solid rgba(255, 255, 255, 0.12);
        font-size: 12px;
        font-weight: 300;
        line-height: 15px;
        padding: 0;
        margin: 0;
        border-left: 2px solid #d10a11;
    }

        #dashboard_links .nav-stacked > li:hover {
            border-right-color: #337ab7 !important;
        }

    #dashboard_links .nav-pills > li > a {
        color: #f8f8f8;
        display: block;
        padding: 10px 10px 10px 15px;
    }

    #dashboard_links .nav-pills > li.active {
        border-top-color: rgba(0, 0, 0, 0.11);
        position: relative;
        margin: 0;
    }

        #dashboard_links .nav-pills > li.active > a, #dashboard_links .nav-pills > li.active > a:hover, #dashboard_links .nav-pills > li.active > a:focus, #dashboard_links .nav > li > a:hover, #dashboard_links .nav > li > a:focus {
            background: rgba(0, 0, 0, 0.1);
        }

            #dashboard_links .nav-pills > li.active > a:before {
                font-family: FontAwesome;
                content: "\f0da";
                position: absolute;
                left: -5px;
                font-size: 30px;
                color: #f8f8f8;
                z-index: 999 !important;
            }

#dashboard_tabs {
    background: #f8f8f8;
    border: 1px solid #ccc;
    padding: 20px;
    min-height: 200px;
}

#dashboard-overview {
    padding-bottom: 15px;
}

.nav-tabs > li > a {
    background-color: #eee !important;
    color: #999 !important;
}

.nav-tabs > li.active a {
    background: #fff !important;
    color: #333 !important;
}

hr.orange {
    border-top: 3px solid #d10a11 !important;
    margin: 10px 0;
    padding: 0;
}

.dxgvFocusedRow_MetropolisBlue, .dxgvHeader_MetropolisBlue table tr td,
.dxgvHeader_MetropolisBlue, .dxgvDataRow_MetropolisBlue.dxgvDataRowAlt_MetropolisBlue.dxgvFocusedRow_MetropolisBlue,
.dxeButtonEditButtonHover_MetropolisBlue, .dxtlHeader_MetropolisBlue {
    font-size: 1.3rem;
    font-weight: 600 !important;
    background-color: #fff !important;
    background: #fff;
    color: var(--darkBlueIlupi) !important;
}

/*Ajustes para Tablet*/
@media (max-width: 768px) {
    .navbar-toggle {
        margin-right: 0 !important;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    #dashboard_links .nav {
        border-radius: 0;
    }

    #dashboard_links .nav-pills > li.active > a:before {
        display: none;
    }
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\e114"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
    color: var(--darkBlueIlupi) !important; /* adjust as needed */
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}

/*Monitoramento Tecnológico*/

.bordaCampo {
    padding: 10px;
    border-style: solid;
    border-color: #688CA6;
}

.bordaCampoAdicionar {
    padding: 10px;
    border-style: dashed;
    border-color: #688CA6;
}

.barraBotoes {
    background-color: #688CA6;
}

/*Painéis*/
.panel-heading {
    background: #fff;
    color: var(--darkBlueIlupi);
}

.panel-default .panel-heading {
    background: #fff !important;
}

a.accordion-toggle {
    color: var(--darkBlueIlupi) !important;
    font-size: 1.4rem;
    font-weight: 600;
}

.panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: #fff;
}

.panel-heading .accordion-toggle.collapsed:after {
    content: "\e080";
}

.panel-relatorio-dinamico table .dxeCheckBoxList_MetropolisBlue, .panel-relatorio-dinamico .dxeRadioButtonList_MetropolisBlue {
    border: none;
}

#fildsPatentes .dxeCheckBoxList_MetropolisBlue {
    border: none;
}

.panel-relatorio-dinamico table label {
    font-weight: normal;
}

.panel-relatorio-dinamico .btn-primary {
    background: #688CA6 !important;
}

.panel-relatorio-dinamico .btn-secondary {
    background: #D10A11 !important;
}

.login .panel-title > a:focus {
    text-decoration: none;
}

.dxeTextBoxSys, .dxeButtonEditSys {
    width: 100% !important;
}

.uppercase .dxeEditAreaSys {
    text-transform: uppercase;
}

.alert {
    padding: 0px !important
}

/* Pagamento*/
.termos-area-erro {
    color: red;
}

.credit-card-erro {
    background-color: #fcddc2 !important;
    border: 1px solid #fa6724 !important;
    color: black !important;
    font-size: large !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    padding: 14px 30px 12px !important;
    margin-bottom: 15px !important;
    list-style: none !important;
}

.termos-area {
    background-color: #eef2f8 !important;
    border: 1px solid #ddd !important;
    color: black !important;
    font-size: large !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    margin-bottom: 15px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    list-style: none !important;
}

.termos-texto {
    margin-top: 3px;
    margin-left: 0px;
}

.alinhamento-duvida {
    padding-top: 23px;
}

.ajudaCartaoDeCredito {
    color: #436680 !important;
    background-color: white !important;
    position: initial;
    padding-top: 25px;
    left: -19px;
    top: 0px;
    cursor: help;
    padding-left: 0px;
    font-size: 18px;
}

.credit_card_number {
    width: 100%
}

.credit_card_name {
    width: 100%
}

.img-click {
    cursor: pointer;
}

/*Tabela*/

.table td + td,
.table th + th {
    text-align: center !important;
}

table > tbody > tr > td:first-child {
    text-align: left !important;
    color: black;
    font-weight: normal;
}

.monitor-morsa {
    color: #999;
    font-weight: bold;
}

.monitor-coruja {
    color: #999;
    font-weight: bold;
}

.monitor-tarsier {
    color: #999;
    font-weight: bold;
}

.monitor-avancado {
    color: #999;
    font-weight: bold;
}

.manager-basico {
    color: #999;
    font-weight: bold;
}

.manager-enterprise {
    color: #999;
    font-weight: bold;
}

/*Cartão de Credito*/
.cclogos {
    position: relative;
    vertical-align: middle;
    margin-left: 5px;
    display: inline-block;
    padding: 1px;
    background: inherit;
    margin-left: 24px;
}


.credit_card_input {
    width: 100%;
    /*height: 38px;*/
    font-size: large;
    font-weight: bolder;
}

input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="text"].dxeEditArea_MetropolisBlue, input[type="password"].dxeEditArea_MetropolisBlue {
    margin-top: 0;
    margin-bottom: 0;
    background: none !important;
}


/*.dxeEditArea_MetropolisBlue dxeEditAreaSys{

 -webkit-tap-highlight-color: rgba(0,0,0,0);
    height: 38px;
    font-size: large;
    font-weight: bolder;
}*/
#gdvRelatoriosDinamicosSalvos_LD.dxgvLoadingDiv_MetropolisBlue {
    z-index: -1 !important;
}

/*Pop Up Email*/

.title-legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

.span-email {
    border: none;
    color: #436680 !important;
}

.container-email {
    width: 100% !important;
    padding: 0px;
}

/*Noficação Premissas*/

.notificacao_premissas {
    margin-bottom: 20px;
}

.panel_notificacao_premissas {
    padding: 30px;
    margin-top: 30px;
}



/*Relatório Dinâmico*/
#gdvFamiliaRelatorioDinamico_LPV {
    visibility: hidden;
    z-index: -1;
}

#PatenteRelatorioDinamico_LPV {
    visibility: hidden;
    z-index: -1;
}

.tooltip.top .tooltip-inner, .tooltip.bottom .tooltip-inner, .tooltip.left .tooltip-inner, .tooltip.right .tooltip-inner {
    background: #688CA6;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #688CA6;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #688CA6;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #688CA6;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #688CA6;
}

/* Histórico Notificações */

.cardviewhistoriconotificacao .dxcvCard_MetropolisBlue {
    border-top: 1px solid #D6D6D6;
    /* background-color:  rgba(104, 140, 166, 0.18);*/
}

#notification_li {
    margin-right: 50px;
}

.areaNotificacao {
    width: 250px;
    padding-right: 10px !important;
    border: 0px !important;
}

    .areaNotificacao li {
        padding-top: 10px;
        padding-left: 20px !important;
        border-bottom: 1px solid #e0e0e0;
        padding-bottom: 10px;
        margin-left: -56px !important;
        width: 275px;
        -webkit-transition: linear 0.4s;
        transition: linear 0.4s;
    }

        .areaNotificacao li:hover {
            background: rgba(67, 102, 128, 0.23);
        }

        .areaNotificacao li:last-child {
            border-bottom: 0px;
        }

        .areaNotificacao li b {
            color: #436680;
        }


#top-nav .areaNotificacao {
    margin-bottom: 0px !important;
}

i.fa.fa-clock-o.fa-lg {
    /* font-family: open sans, sans-serif!important; */
    color: #436680;
}

#accordionSeven {
    /*background:red!important;*/
}

.dxflFormLayout_MetropolisBlue {
}

.dxflHACSys > table, .dxflHACSys > div {
    margin-left: 2px !important;
    margin-right: auto;
}

#CardView_DXMainTable {
    margin-top: 26px;
}

CardView_DXCardLayout0 {
    background: white;
}

.dxflFormLayout_MetropolisBlue {
    transition: linear 0.4s;
}

    .dxflFormLayout_MetropolisBlue:hover {
        background: rgba(67, 102, 128, 0.23);
        padding-left: 10px;
        cursor: pointer;
    }

    .dxflFormLayout_MetropolisBlue:enabled {
        background: yellow;
        padding-left: 10px;
        cursor: pointer;
    }

.bordaCampo {
    padding: 10px;
    border-style: solid;
    /* border-color: #688CA6; */
    border: 1px solid rgba(104, 140, 166, 0.26);
}

table > tbody > tr > td:first-child {
    text-align: left !important;
    /* color: black; */
    font-weight: normal;
    color: #484848;
}

.dxflItem_MetropolisBlue:hover {
}

.dxcvFocusedCard_MetropolisBlue {
    background: #688CA6;
    color: #fff;
}

    .dxcvFocusedCard_MetropolisBlue table > tbody > tr > td:first-child {
        color: #fff;
    }

    .dxcvFocusedCard_MetropolisBlue i.fa.fa-clock-o.fa-lg {
        color: #fff;
    }

/* Tela Gerenciar Notificações */

.index_cadastro_notificacao {
    border-radius: 50px;
    background: #d10a11 !important;
    color: #fff;
    border: none;
    padding: 2px 8px;
    margin: 10px 0;
}

.dxgvFocusedRow_MetropolisBlue {
    background-color: #d10a11 !important;
    color: #fff !important;
}

.bordaCampo .barraBotoes {
    background-color: inherit !important;
}

/* detalhes processo colidencia*/

#citacoes-colidencias > small {
    float: left !important;
    text-align: left;
    display: block;
    font-weight: bold;
    color: black;
    margin-top: -15px;
    padding-bottom: 15px;
}
table#detalhes-colidencias tbody tr,
table#detalhes-colidencias tbody tr td {
    text-align: left !important;
    border: none
}

#modal-detalhes-colidencia {
    width: auto;
}

    #modal-detalhes-colidencia h3 {
        font-size: 1.4rem !important;
        font-weight: 600;
        margin: 0 0 15px;
        color: var(--darkBlueIlupi);
    }

#table-citacoes-detalhes-colidencias td {
    text-align: left !important;
}

#table-citacoes-detalhes-colidencias th {
    font-weight: 600;
    color: var(--blueIlupi);
}

td.td-detalhe-atributo {
    color: var(--blueIlupi) !important;
    font-weight: 600 !important;
}

.loader {
    width: 48px;
    height: 48px;
    border: 5px solid #0092BB;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.div-loader {
    text-align: center
}

/*=-=-=-=-=- Index Timeline Notificações =-=-=-=-=-*/

#notificacoes-body {
    min-height: 35rem;
    max-height: 35rem;
    overflow-y: scroll;
}

#botao-ver-mais {
    opacity: 1 !important;
}

#gerenciar-notificacoes-span {
    padding-right: 5px !important;
}

    #gerenciar-notificacoes-span:hover {
        color: var(--lightGreenIlupi);
        cursor: pointer;
    }

.modal .fa {
    color: #fff !important;
    padding-right: 0px !important;
}

div.panel-index-body p {
    margin-bottom: 0px !important;
}

.panel-index-header {
    background: #fff !important;
    /* offset-x | offset-y | blur-radius | spread-radius | color */
    box-shadow: 0px 1.5px 1px 0px rgba(0, 0, 0, 0.2);
    color: var(--darkBlueIlupi) !important;
}

    .panel-index-header a {
        font-size: 1.6rem !important;
        font-weight: 600;
        margin: 5px 0 0;
    }

.bg-navy {
    color: #fff !important;
    background-color: #001f3f !important;
}

.bg-teal {
    color: #fff !important;
    background-color: #39cccc !important;
}

.bg-olive {
    color: #fff !important;
    background-color: #3d9970 !important;
}

.bg-lime {
    color: #fff !important;
    background-color: #01ff70 !important;
}

.bg-orange {
    color: #fff !important;
    background-color: #ff851b !important;
}

.bg-fuchsia {
    color: #fff !important;
    background-color: #f012be !important;
}

.bg-purple {
    color: #fff !important;
    background-color: #605ca8 !important;
}

.bg-maroon {
    color: #fff !important;
    background-color: #d81b60 !important;
}

.bg-red {
    color: #fff !important;
    background-color: #dd4b39 !important;
}

.bg-blue {
    color: #fff !important;
    background-color: #0073b7 !important;
}

.bg-green {
    color: #fff !important;
    background-color: #00a65a !important;
}

.bg-gray {
    color: #000;
    background-color: #d2d6de !important;
}

.bg-orange {
    color: #fff !important;
    background-color: #ff851b !important;
}

.timeline {
    position: relative;
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
}

    .timeline:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 4px;
        background: #ddd;
        left: 31px;
        margin: 0;
        border-radius: 2px;
    }

    .timeline > li {
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-item {
            border-radius: 3px;
            margin-top: 0;
            background: #fff;
            color: #444;
            margin-left: 60px;
            margin-right: 15px;
            padding: 0;
            position: relative;
        }

.pull-right-container ~ .time {
    padding-right: 10px;
}

.timeline > li > .timeline-item > .timeline-header > .time {
    color: #999;
    float: right;
    font-size: 12px;
}

.timeline > li > .timeline-item > .timeline-header {
    font-size: 1.3rem;
    line-height: 1.6rem;
    color: #555;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    border-radius: 5px;
    padding: 10px;
    position: relative;
}

    .timeline > li > .timeline-item > .timeline-header > span.pull-right-container {
        right: 10px;
    }

        .timeline > li > .timeline-item > .timeline-header > span.pull-right-container + span.time {
            right: 45px !important;
        }

    .timeline > li > .timeline-item > .timeline-header > span.time {
        position: absolute;
        right: 10px;
    }

    .timeline > li > .timeline-item > .timeline-header > a {
        font-weight: 600;
        color: var(--lightBlueIlupi) !important;
    }

.timeline-description {
    font-size: 1.3rem;
    line-height: 1.8rem;
}

    .timeline-description a {
        font-weight: 600;
        text-decoration: none;
    }

.timeline > li > .timeline-item > .timeline-body,
.timeline > li > .timeline-item > .timeline-footer {
    padding: 10px;
}

.timeline > li > .fa {
    margin-top: 10px;
}

.timeline > li > .fa,
.timeline > li > .glyphicon,
.timeline > li > .ion {
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    position: absolute;
    color: #fff;
    background: var(--mediumGreenIlupi);
    border-radius: 50%;
    text-align: center;
    left: 18px;
    top: 0;
}

.timeline > .time-label > span {
    font-size: 1.2rem;
    font-weight: 500;
    padding: 5px 15px;
    border-radius: 15px;
    display: inline-block;
    color: #fff;
    background: var(--lightBlueIlupi);
    margin-bottom: 10px;
    /* offset-x | offset-y | blur-radius | spread-radius | color */
    /*box-shadow: var(--shadow-padrao-s);*/
}

.timeline-inverse > li > .timeline-item {
    background: #f0f0f0;
    border: 1px solid #ddd;
    -webkit-box-shadow: none;
}

    .timeline-inverse > li > .timeline-item > .timeline-header {
        border-bottom-color: #ddd;
    }

#div-gerenciar-notificacoes h3 a.accordion-toggle {
    color: var(--darkBlueIlupi) !important;
}

.warning-novo {
    background: var(--orangeIlupi);
}


.nosort.no-sort.headercolumn .col-lg-1,
.nosort.no-sort.headercolumn .col-lg-2,
.nosort.no-sort.headercolumn .col-lg-3,
.nosort.no-sort.headercolumn .col-lg-4,
.nosort.no-sort.headercolumn .col-lg-5,
.nosort.no-sort.headercolumn .col-lg-6,
.nosort.no-sort.headercolumn .col-lg-7,
.nosort.no-sort.headercolumn .col-lg-8,
.nosort.no-sort.headercolumn .col-lg-9,
.nosort.no-sort.headercolumn .col-lg-10,
.nosort.no-sort.headercolumn .col-lg-11,
.nosort.no-sort.headercolumn .col-lg-12 {
    padding: 0;
    white-space: nowrap;
    overflow-x: clip;
    text-overflow: ".";
}

td.acoes input[type="checkbox"] {
    margin: 0;
    margin-top: 1px \9;
    line-height: normal;
    width: 0px !important;
    height: 0px !important;
    padding: 0 !important;
    visibility: hidden;
}

label.btn.notificacoes {
    background: #eee !important;
    width: 20px !important;
    height: 20px !important;
    padding: 4px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

    label.btn.notificacoes.btn-check {
        background: var(--lightBlueIlupi) !important;
    }

        label.btn.notificacoes.btn-check svg {
            stroke: #fff !important;
        }

    label.btn.notificacoes svg {
        stroke: #222 !important;
    }

td.acoes .col-lg-4, td.acoes .col-lg-12 {
    padding: 3px !important;
}

td.acoes {
    min-width: 150px !important;
}

/* COLIDENCIA FIGURATIVA */
.container-figurative {
    display: grid;
    grid-template-columns: 20vw 20vw 20vw 20vw;
    grid-template-rows: auto;
    grid-template-areas:
        "header-figurative header-figurative header-figurative header-figurative"
        "main-figurative main-figurative main-figurative main-figurative";
}

.content-figurative {
    grid-area: main-figurative;
}

.result-figurative img {
    width: 300px !important;
    height: 300px !important;
}

.result-figurative img {
    width: 300px !important;
    height: 300px !important;
}

td .result-figurative img, td.result-figurative .img-grid, td.result-figurative img {
    width: 70px !important;
    height: 70px !important;
}

#table-colidenciafigurativa td {
    text-align: left !important;
}


.blocksearch-fugrative {
    display: flex;
}

.img-result-large > .img-grid {
    width: 30rem !important;
    margin: 0 auto;
}

.input-block.figurative-name {
    -moz-box-align: center;
    align-items: center;
    background-color: rgb(255, 255, 255);
    display: flex;
    height: 55px;
    border: 1px solid var(--darkBlueIlupi);
    box-shadow: rgb(198, 205, 212) 0px 3px 2px;
    margin-right: 5px;
    flex: 1 1 0%;
    padding: 0px 20px;
    width: 90em;
}


/* popup form response */

#popup-form-response {
    display: flex;
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--offwhiteIlupi);
    text-align: center;
    background-color: var(--lightGreenIlupi);
    padding: 20px;
    position: fixed !important;
    top: 7.5rem;
    right: 1.6rem;
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
    transform: translateX(30rem);
    transition: transform 0.3s, right 0.3s, opacity 0.3s;
}

    #popup-form-response.open-sucesso,
    #popup-form-response.open-erro,
    #popup-form-response.open-buscando {
        text-align: left;
        gap: 10px;
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
    }

    #popup-form-response.open-sucesso {
        background-color: var(--lightGreenIlupi);
    }

    #popup-form-response.open-erro {
        background-color: var(--orangeIlupi);
    }

    #popup-form-response.open-buscando {
        background-color: var(--lightBlueIlupi);
    }

.spinning-popup-response {
    display: none;
    width: 1.6rem !important;
    height: 1.6rem !important;
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
    transform-origin: center;
    visibility: hidden;
}

    .spinning-popup-response.open {
        display: block;
        visibility: visible;
    }

    .spinning-popup-response svg {
        width: 1.6rem !important;
        height: 1.6rem !important;
    }

btn,
.btn,
.btn-orange {
    outline: none !important;
}

/* MODAL DETALHES*/

.modal-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9998;
    opacity: 0;
    transition: background .3s, opacity .3s;
    visibility: hidden;
    overflow-y: auto;
}

#modal-wrapper-detalhes-filtro.open {
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    visibility: visible;
}

    #modal-wrapper-detalhes-filtro.open #modal-detalhes-filtro {
        transform: scale(1);
    }

#modal-detalhes-filtro {
    width: 80%;
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s;
}

.btn-modal-close {
    background: none;
    border: none;
    cursor: pointer;
    transition: color .2s !important;
}

    .btn-modal-close:hover {
        color: var(--lightGreenIlupi);
    }

    .btn-modal-close svg {
        width: 20px !important;
        height: 20px !important;
    }

/* Relatorio de colidencias */
#relatorio-colidencias {
    background-color: white;
    margin-top: 30px;
}

#header-relatorio {
    display: flex;
    align-content: center;
    align-items: center;
    height: 70px;
    padding: 15px;
}

    #header-relatorio #logo-ilupi {
        background: url('images/logo-ilupi-horizontal-colorido-medio.png') no-repeat !important;
        height: 80px;
        width: 200px;
        display: block;
    }

#relatorio-main {
    padding: 15px;
}

    #relatorio-main h1 {
        font-size: 1.6rem;
        font-weight: bold;
        color: var(--darkBlueIlupi);
        text-align: center;
        padding-bottom: 15px;
        margin: 0;
    }

        #relatorio-main h1 #numero-revista {
            color: var(--lightGreenIlupi);
        }

#dados-resumo {
    font-size: 1.4rem !important;
    font-weight: bold !important;
    padding: 0 5px !important;
}

.title-dado-resumo {
    color: var(--lightBlueIlupi) !important;
}

.dado-resumo {
    color: var(--darkBlueIlupi);
}

.bloco-processo-colidencias {
}

    .bloco-processo-colidencias h2 {
        font-size: 1.4rem;
        font-weight: bold;
    }

.relatorio-numero-processo {
    color: var(--lightBlueIlupi);
    margin-right: 20px;
}

.relatorio-nome-processo {
    color: var(--darkBlueIlupi);
}

.bloco-processo-colidencias-dados {
    font-size: 1.4rem;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: var(--lightBlueIlupi);
}

.bloco-processo-colidencias-dado {
    color: var(--darkBlueIlupi);
}

.table-relatorio-colidencias {
    width: 100%;
    border-radius: 5px;
    margin: 15px 0 !important;
}

    .table-relatorio-colidencias tr {
        font-size: 1.4rem !important;
        margin-bottom: 5px !important;
    }

    .table-relatorio-colidencias th,
    .table-relatorio-colidencias td {
        padding: 5px 10px;
    }

    .table-relatorio-colidencias th {
        color: var(--darkBlueIlupi);
    }

    .table-relatorio-colidencias td {
        font-weight: 600 !important;
    }


.d-none {
    display: none !important;
}

table#tableempresas .badge.badge-danger {
    background: #d00;
}

table#tableempresas .badge.badge-success {
    background: #028610;
}

.table-relatorio-colidencias td {
    font-weight: 600 !important;
}

#rangecolidencia .range_container,
#rangecolidenciaProcesso .range_container {
    display: flex;
    flex-direction: column;
    width: 80%;
    margin: 100px auto;
}

#rangecolidencia .sliders_control,
#rangecolidenciaProcesso .sliders_control {
    position: relative;
    min-height: 25px;
    margin-left: 30px;
    border: 1px solid #dedede;
    border-radius: 0 4px 4px 0;
    margin-bottom: 1px;
    top: -1px;
    border-left: none;
}

#rangecolidencia input[type=range]::-webkit-slider-thumb,
#rangecolidenciaProcesso input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #C6C6C6;
    cursor: pointer;
}

#rangecolidencia input[type=range]::-moz-range-thumb,
#rangecolidenciaProcesso input[type=range]::-moz-range-thumb
{
    -webkit-appearance: none;
    pointer-events: all;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #C6C6C6;
    cursor: pointer;
}

#rangecolidencia input[type=range]::-webkit-slider-thumb:hover,
#rangecolidenciaProcesso input[type=range]::-webkit-slider-thumb:hover {
    background: #f7f7f7;
}


#rangecolidencia input[type=range]::-webkit-slider-thumb:active,
#rangecolidenciaProcesso input[type=range]::-webkit-slider-thumb:active {
    box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
    -webkit-box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
}

#rangecolidencia output, #rangecolidenciaProcesso output {
    display: table-cell;
    padding: 3px 5px 2px;
    min-width: 40px;
    color: rgb(255, 255, 255);
    background-color: var(--darkBlueIlupi);
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
    position: absolute;
    left: 0;
    top: 50px;
}


#rangecolidenciaProcesso output {
    display: table-cell;
    padding: 3px 5px 2px;
    min-width: 40px;
    color: rgb(255, 255, 255);
    background-color: var(--darkBlueIlupi);
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
    position: absolute;
    left: 0;
    top: 50px;
}

#rangecolidencia input[type="number"],
#rangecolidenciaProcesso input[type="number"] {
    color: #8a8383;
    width: 50px;
    height: 30px;
    font-size: 20px;
    border: none;
}

#rangecolidencia input[type=number]::-webkit-inner-spin-button,
#rangecolidencia input[type=number]::-webkit-outer-spin-button,
#rangecolidenciaProcesso input[type=number]::-webkit-inner-spin-button,
#rangecolidenciaProcesso input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}

#rangecolidencia input[type="range"],
#rangecolidenciaProcesso input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    height: 10px;
    width: 100%;
    position: absolute;
    background-color: var(--darkBlueIlupi);
    pointer-events: none;
}

#rangecolidencia #scoremax, 
#rangecolidenciaProcesso #scoremax {
    top: 5px;
}

#rangecolidencia, #rangecolidenciaProcesso {
    padding: 10px;
    z-index: 1;
    max-width: 500px;
}

.range_container {
    display: flex;
    flex-direction: column;
    width: 80%;
}

.sliders_control {
    position: relative;
    min-height: 50px;
}


#rangecolidencia #scoremax,
#rangecolidenciaProcesso #scoremax
{
    height: 10px;
    z-index: 1;
}

#rangecolidenciaProcesso output {
    top: 24px !important;
    left: 20px !important;
    z-index: 0;
}
#rangecolidenciaProcesso .sliders_control {
    border: none;
    top: 1px;
}
/*=-=-=-=-=- Clientes =-=-=-=-=-*/
#modal-form-add-cliente {
    max-width: 350px;
}

card-dados-cliente {
    min-height: 450px;
    max-height: 450px;
}

#card-enderecos-cliente {
    min-height: 450px;
    max-height: 450px;
}

#enderecos-cliente {
    font-size: 11px;
    padding: 0 10px 10px 0;
    max-height: 380px;
    overflow-y: auto;
}

#header-card-enderecos-cliente {
    display: flex;
    justify-content: space-between;
}

#btn-adicionar-enderecos {
    margin-left: auto;
}

#enderecos-cliente {
    list-style: none;
}

.endereco-cliente {
    padding: 15px 15px 0.10px 15px;
    border-bottom: 1px solid var(--mediumGrayIlupi);
}

    .endereco-cliente strong {
        color: var(--lightBlueIlupi);
    }

    .endereco-cliente:hover {
        cursor: pointer;
        background-color: var(--lightGrayIlupi);
    }

/* modal clientes */
#modal-wrapper-form-add-cliente.open,
#modal-wrapper-form-add-endereco-cliente.open,
#modal-wrapper-form-detalhes-endereco-cliente.open,
#modal-wrapper-delete-cliente.open,
#modal-wrapper-vincular-processos-cliente.open,
#modal-wrapper-confirm-desvincular-processos.open,
#modal-wrapper-cadastrar-processos.open {
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    visibility: visible;
}

    #modal-wrapper-form-add-cliente.open #modal-form-add-cliente,
    #modal-wrapper-form-add-endereco-cliente.open #modal-form-add-endereco-cliente,
    #modal-wrapper-form-detalhes-endereco-cliente.open #modal-form-detalhes-endereco-cliente,
    #modal-wrapper-delete-cliente.open #modal-wrapper-delete-cliente,
    #modal-wrapper-vincular-processos-cliente.open #modal-vincular-processos-cliente,
    #modal-wrapper-confirm-desvincular-processos.open #modal-confirm-desvincular-processos,
    #modal-wrapper-cadastrar-processos.open #modal-cadastrar-processos {
        transform: scale(1);
    }

#modal-form-add-cliente,
#modal-form-add-endereco-cliente,
#modal-form-detalhes-endereco-cliente,
#modal-form-add-cliente,
#modal-vincular-processos-cliente,
#modal-confirm-desvincular-processos,
#modal-cadastrar-processos {
    width: 60rem;
    background-color: white;
    margin: 15px;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s;
}

#modal-vincular-processos-cliente {
    width: 80%;
}


/*-====== AVISOS CLIENTES =======-*/
.gi-2x {
    font-size: 2em;
}

.gi-3x {
    font-size: 3em;
}

.gi-4x {
    font-size: 4em;
}

.gi-5x {
    font-size: 5em;
}

.gi-2xx {
    font-size: 2rem;
}

.gi-3xx {
    font-size: 3rem;
}

.gi-4xx {
    font-size: 4rem;
}

.gi-5xx {
    font-size: 5rem;
}

.badge-notify {
    background: red !important;
    position: relative;
    -moz-transform: translate(-100%, -100%) !important; /* For Firefox */
    -ms-transform: translate(-100%, -100%) !important; /* for IE */
    -webkit-transform: translate(-100%, -100%) !important; /* For Safari, Chrome, iOS */
    -o-transform: translate(-100%, -100%) !important; /* For Opera */
    left: 1rem;
}

.overlayAvisos {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    right: 0;
    top: 0;
    background-color: #fff; /* Black fallback color */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
    box-shadow: #888 -3px 0px 8px;
    border-radius: 20px 0 0 20px;
}

.overlayAvisosOpen {
    width: 50vw;
}

#liAvisos #bell-avisos svg {
    width: 20px;
    height: 20px;
}

#liAvisos #bell-avisos svg:hover {
    color: var(--lightGreenIlupi);
}

@media(max-width: 750px) {
    .overlayAvisosOpen {
        width: 100%;
    }
}

.avisos-overlay {
    transition: margin-left .5s;
    padding: 16px;
}

    .avisos-overlay.avisos-overlay-open {
        background-color: rgba(0,0,0,0.7) !important;
        width: 99vw !important;
        height: 100vh !important;
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
    }

.closebtnAvisos {
    padding: 0 5px 0 5px;
    position: relative;
    font-size: 35px;
    line-height: 52px;
    font-weight: 700;
    color: var(--darkBlueIlupi) !important;
}

.header-avisos-left {
    color: var(--darkBlueIlupi) !important;
    width: 100%;
    border-bottom: 2px solid #ddd;
    padding: 5px;
}

#top-nav .closebtnAvisos, #top-nav a.closebtnAvisos, #top-nav .header-avisos-left {
    color: var(--darkBlueIlupi) !important;
}

.header-avisos-left span {
    font-size: 2.3rem;
    text-align: center !important;
    width: 95%;
    display: inline flow-root list-item;
}

a.closebtnAvisos {
    text-decoration: none;
}

.actions-btn.btn.btn-default {
    width: 48%;
}

#listageralavisos ul li, #clienteAvisos ul li {
    text-decoration: none;
    list-style: none;
    padding: 10px;
    margin: 6px;
    border-radius: 5px;
    border: 1px solid #96cdfd;
}

#listageralavisos li, #clienteAvisos li {
    list-style: none;
    border: 1px solid #666;
}

    #listageralavisos li.novoaviso, #clienteAvisos li.novoaviso {
        background: rgba(0, 176, 230, .08);
    }

.avisos-icon:before {
    font-family: 'Glyphicons Halflings';
    font-size: 24px;
    line-height: 18px;
    padding-right: 0.5em;
    font-style: normal !important;
}

.novoaviso.tipo-warning {
    background-color: #fff3cf !important;
    border: 1px solid #ffbe22 !important;
}

.novoaviso.tipo-error {
    background-color: #ffcfcf !important;
    border: 1px solid #d01515 !important;
}


.notifications-body {
    color: #222 !important;
    padding: 5px;
}

.icon-aviso-box {
    width: 50px;
    float: left;
}

.text-aviso-box {
    line-height: 18px;
    font-size: 1.7rem;
}

.avisos-icon.avisos-warning:before {
    content: "\e107";
}

.avisos-icon.avisos-error:before {
    content: "\e090";
}

.avisos-icon.avisos-info:before {
    content: "\e086";
}

.avisos-icon.avisos-success:before {
    content: "\e013";
}

.table-relatorio-colidencias td {
    font-weight: 600 !important;
}

#listageralavisos {
    color: #222 !important;
    height: 80vh !important;
    overflow-y: scroll;
    padding: 20px;
}

a.closebtnAvisos:hover {
    text-decoration: none;
    color: darkcyan;
}

.notification-read {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 25px;
}

.notification-read-novo {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 25px;
}

.box-avisos {
    cursor: pointer;
}

.d-none {
    display: none !important;
}

table#tableempresas .badge.badge-danger {
    background: #d00;
}

table#tableempresas .badge.badge-success {
    background: #028610;
}

.btn.btn-ver-avisos, .btn.btn-lertodos-avisos {
    margin: 0 auto;
    width: 80%;
    display: block;
}


.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

        .sidenav a:hover {
            color: #f1f1f1;
        }

    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

        .sidenav a {
            font-size: 18px;
        }
}

.table-relatorio-colidencias td {
    font-weight: 600 !important;
}

.text-aviso-box a, #top-nav .text-aviso-box a {
    font-weight: bold;
    color: #0d16a6 !important;
}

#modal-cadastrar-processos {
    width: 50rem;
}
/*=-=-=-=-=- Processos =-=-=-=-=-*/

.estados-processos {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 60px;
}

.processos-quantidade {
    font-size: 5rem !important;
    font-weight: 600;
    line-height: 5.5rem;
    color: var(--lightGreenIlupi);
}

.grupo-flag-texto {
    color: var(--lightBlueIlupi);
    display: flex;
    align-items: center;
    gap: 10px;
}

.estado-processo {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: center;
}

.flag-estado-processo {
    width: 14px;
    height: 14px;
    border-radius: 50%;
}

.flag-estado-processo-concedido {
    background: var(--lightGreenIlupi);
}

.flag-estado-processo-pendente {
    background: var(--yellowIlupi);
}

.flag-estado-processo-inativo {
    background: var(--orangeIlupi);
}

.estado-quantidade {
    font-size: 1.6rem;
    line-height: 1.8rem;
    color: gray;
}


/*=-=-=-=-=- Marca =-=-=-=-=-*/
.cards-marcas-despachos {
    height: 300px;
    overflow: hidden; /* Para esconder o conteúdo que ultrapassa a altura definida */
}

#citacoes-marca {
    max-height: 220px; /* Altura máxima da div ultimos-despachos */
    overflow-y: auto; /* Adiciona uma barra de rolagem vertical caso o conteúdo ultrapasse a altura máxima */
}

#deadlines-marca {
    max-height: 220px; /* Altura máxima da div ultimos-despachos */
    overflow-y: auto; /* Adiciona uma barra de rolagem vertical caso o conteúdo ultrapasse a altura máxima */
}

.timeline-citacoes-marca {
    font-size: 1.2rem;
    max-height: 100%; /* Define a altura máxima da lista como 100% da altura da div ultimos-despachos */
    padding-right: 20px;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    gap: 10px;
}

    .timeline-citacoes-marca li {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 20px;
        text-decoration: none;
        border-radius: 10px;
        background: var(--lightGrayIlupi);
    }

        .timeline-citacoes-marca li a {
            text-decoration: none;
        }

.citacoes-marca-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.numero-rpi-despacho {
    font-size: 1rem;
    font-weight: 600;
    background: var(--lightBlueIlupi);
    color: white;
    padding: 2px 10px;
    border-radius: 5px;
}

.flag-novo {
    font-size: 1rem;
    font-weight: 600;
    background: var(--orangeIlupi);
    color: white;
    padding: 2px 10px;
    border-radius: 5px;
}

.citacoes-marca-2 {
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: var(--gray);
    display: flex;
    align-items: center;
    align-content: center;
    gap: 20px;
}

.citacoes-marca-2-conteudo {
    font-weight: 600;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.icon-citacao {
    color: var(--lightGreenIlupi);
    width: 20px;
    height: 20px;
}

.citacoes-marca-processo {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.4rem;
    color: var(--lightBlueIlupi);
    display: flex;
    align-items: center;
    gap: 10px;
}

.nome-despacho {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#modal-wrapper-buscar-marcas.open {
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    visibility: visible;
}

    #modal-wrapper-buscar-marcas.open #modal-buscar-marcas {
        transform: scale(1);
    }

#modal-buscar-marcas {
    width: 50rem;
    background-color: white;
    margin: 60px;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s;
    position: relative;
}

/*=-=-=-=-=- FORM PADRAO ILUPI =-=-=-=-=-*/
.form-padrao-ilupi {
    font-weight: 600;
    color: #555;
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow-y: auto;
}

.grupo-form-padrao-ilupi {
    display: flex;
    flex-direction: column;
    width: 100%;
}

    .grupo-form-padrao-ilupi label {
        font-size: 1.2rem;
        font-weight: 600;
        color: var(--darkBlueIlupi);
    }

    .grupo-form-padrao-ilupi input {
        font-weight: normal;
        color: var(--gray);
        padding: 10px;
        border: 1px solid var(--mediumGrayIlupi);
        background: var(--lightGrayIlupi);
        border-radius: 5px;
    }

    .grupo-form-padrao-ilupi select {
        font-weight: normal;
        color: var(--gray);
        padding: 10px;
        border: 1px solid var(--mediumGrayIlupi);
        background: var(--lightGrayIlupi);
        border-radius: 5px;
    }

    .grupo-form-padrao-ilupi .grupo-radio-ilupi {
        font-size: 1.2rem;
        display: flex;
        gap: 5px;
        align-items: center;
    }

        .grupo-form-padrao-ilupi .grupo-radio-ilupi input[type=radio] {
            margin: 0;
        }

.bloco-form-padrao-ilupi {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/*=-=-=-=-=- SCROLL BAR =-=-=-=-=-*/
/* Estilizando a barra de rolagem vertical e horizontal */
::-webkit-scrollbar {
    width: 8px; /* largura da barra de rolagem vertical */
    height: 8px; /* altura da barra de rolagem horizontal */
    border-radius: 2px;
}

/* Estilizando o controle deslizante da barra de rolagem vertical e horizontal */
::-webkit-scrollbar-thumb {
    background: var(--mediumGrayIlupi); /* cor do controle deslizante */
    border-radius: 3px; /* borda arredondada do controle deslizante */
}

/* Estilizando a alça (track) da barra de rolagem vertical e horizontal */
::-webkit-scrollbar-track {
    background: var(--lightGrayIlupi); /* cor da alça (track) */
}

/* Estilizando a barra de rolagem apenas dentro da classe .card-padrao */
.card-padrao ::-webkit-scrollbar {
    width: 6px; /* largura da barra de rolagem vertical */
    height: 6px; /* altura da barra de rolagem horizontal */
    border-radius: 5px;
}

/* Estilizando o controle deslizante apenas dentro da classe .card-padrao */
.card-padrao ::-webkit-scrollbar-thumb {
    background: var(--mediumGrayIlupi); /* cor do controle deslizante */
    border-radius: 5px; /* borda arredondada do controle deslizante */
}

/* Estilizando a alça (track) apenas dentro da classe .card-padrao */
.card-padrao ::-webkit-scrollbar-track {
    background: var(--lightGrayIlupi); /* cor da alça (track) */
}

.modal-wrapper::-webkit-scrollbar {
    display: none;
}

/*-==== RELATORIO REVISTA =====*/
.navigation-table {
    display: table;
    position: relative;
    align-items: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.navigation-table .btn-nav-pris {
    padding: 1px;
    margin: 2px;
    text-align: center !important;
    display: inline-flex;
    min-width: 30px;
    width: auto;
    line-height: 15px;
}

.navigation-table .btn.btn-nav-pris.btn-pris-active {
    background: var(--darkBlueIlupi) !important;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
}


/* novas funcionalidades 

.novafuncao {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    box-shadow: 0px 0px 1px 1px #f7ff00eb;
    animation: pulse-animation 2s infinite;
    float: right;
    position: absolute;
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgba(249, 253, 0, 0.50);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(249, 253, 0, 0);
    }
}*/

.fa.fa-exclamation-circle.fa-5.erro-exclamation {
    margin-right: 15px;
}

#group-nice-2 .btn.dropdown-toggle.btn-default.bs-placeholder {
    background: transparent !important;
    color: #555 !important;
    font-size: 14px !important;
    height: 34px !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    line-height: 1.42857143 !important;
}

.btn.dropdown-toggle.btn-default.bs-placeholder {
    border: solid 1px #ccc !important;
}

.dt-control.fa.fa-chevron-down::before {
    content: "\f078" !important;
    font-family: 'FontAwesome';
    background: none;
    color: #333;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.dt-control.fa.fa-chevron-down.sorting_disabled::before {
    content: none !important;
}

.dt-control.fa.fa-chevron-down.fa-chevron-up::before {
    content: "\f077" !important;
    font-family: 'FontAwesome';
    background: none !important;
    color: #333;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.table.dataTable td.dt-control::before {
    background-color: transparent !important;
}


.btn.dropdown-toggle.btn-default.bs-placeholder {
    outline: none !important;
}

.btn.dropdown-toggle.btn-default.bs-placeholder:focus {
    outline: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
    border: solid 1px #66afe9 !important;
}


#download-relatorio-revista {
    background-color: orange !important;
}

#nice + button {
    background-color: white !important;
    color: black !important;
    border: 1px solid #ccc !important;
}

#estado + button {
    background-color: white !important;
    color: black !important;
    border: 1px solid #ccc !important;
}

#btn-voltar {
    background-color: red !important;
}

.dinamic-input-gerenciaruser {
    width: 147px !important;
    height: 26px !important;
}

.combobox-perfil-gerenciar-user {
    width: 147px !important;
    height: 25px !important;
    padding: 2px !important;
}

.btn.btn-delete-user.btn-gerenciar-user {
    width: 25px !important;
    height: 25px !important;
    padding: 4px !important;
    display: block !important;
}

.span-gerenciar-user {
    display: block;
    width: 147px;
    height: 26px;
    padding: 2px !important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: flex;
    white-space: nowrap;
}

.span-gerenciar-user::after {
    content: "\f078";
    font-family: FontAwesome;
    margin-left: auto;
    padding: 1px;
    font-size: 10px;
    font-weight: normal;
}


.bootstrap-tagsinput {
    background-color: #fff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: inline-block;
    border: 1px solid #c0c0c0;
    color: #555;
    vertical-align: middle;
    width: 100%;
    cursor: text;
}

    .bootstrap-tagsinput input {
        border: none;
        box-shadow: none;
        outline: none;
        background-color: transparent;
        padding: 0 6px;
        margin: 0;
        width: auto;
        max-width: inherit;
    }

    .bootstrap-tagsinput.form-control input::-moz-placeholder {
        color: #777;
        opacity: 1;
    }

    .bootstrap-tagsinput.form-control input:-ms-input-placeholder {
        color: #777;
    }

    .bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
        color: #777;
    }

    .bootstrap-tagsinput input:focus {
        border: none;
        box-shadow: none;
    }

    .bootstrap-tagsinput .tag {
        margin-right: 2px;
        color: white;
    }

        .bootstrap-tagsinput .tag [data-role="remove"] {
            margin-left: 8px;
            cursor: pointer;
        }

            .bootstrap-tagsinput .tag [data-role="remove"]:after {
                content: "x";
                padding: 0px 2px;
            }

            .bootstrap-tagsinput .tag [data-role="remove"]:hover {
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
            }

                .bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
                    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
                }







.a-span {
    color: #555 !important;
    overflow: hidden !important;
}

.advfiltro {
    padding: 5px 10px;
}

.perfil.form-control.combobox-perfil-gerenciar-user {
    padding: 1px 10px !important;
}

.td-nome-cliente {
    font-weight: bold;
    min-width: 150px !important;
}

#btn-voltar-clientes {
    background-color: var(--lightBlueIlupi) !important;
}

.btn-voltar-clientes-div {
    padding: 10px;
}


.btn.btn-download-processo {
    width: 100% !important;
    border-radius: 0 !important;
}




.dropdown-download-grid {
    background-position: -58px -158px;
    width: 10px;
    height: 14px;
    font-weight: 500;
    padding: 5px 20px !important;
    text-align: center;
    background-color: var(--lightBlueIlupi) !important;
    color: #fff !important;
    border-radius: 5px !important;
    cursor: pointer;
    border: none !important;
    box-shadow: var(--shadow-padrao);
    font-size: 1.2rem !important;
    transition: background .2s !important;
}
.dropdown-download-grid-pdf {
    background-position: -58px -158px;
    width: 10px;
    height: 14px;
    font-weight: 500;
    padding: 5px 20px !important;
    text-align: center;
    background-color: var(--lightBlueIlupi) !important;
    color: #fff !important;
    border-radius: 5px !important;
    cursor: pointer;
    border: none !important;
    box-shadow: var(--shadow-padrao);
    font-size: 1.2rem !important;
    transition: background .2s !important;
}


#ddwDownloadGrid_B-1 {
    background-color: var(--lightBlueIlupi) !important;
}
#ddwDownloadGrid_B-1Img{
    background-position: -58px -158px;
}
#ddwDownloadGridCitacao_B-1 {
    background-color: var(--lightBlueIlupi) !important;
}
#ddwDownloadGridCitacao_B-1Img {
    background-position: -58px -158px;
}

#ddwDownloadMonitoramentoTecnologico_B-1 {
    background-color: var(--lightBlueIlupi) !important;
}

#ddwDownloadMonitoramentoTecnologico_B-1Img {
    background-position: -58px -158px;
}
#ddwDownloadMonitoramentoTecnologico {
    width: 130px !important;
    margin-bottom: 15px !important;
}
.modal-processos-contratos {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
}

.notificacoes-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
    width: 100%;
}

.notificacoes-border-legend {
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: left !important;
    padding-left: 0;
    border-bottom: none;
    width: initial;
}
.warning-td {
    background-color: #fff3cd;
    border: 1px solid #ffeeba;
}

.modal-form-client{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.row-processo-colidencia-filter{
    display: flex;
    justify-content: space-between;
}

.notificacao-icon {
    width: 0px !important;
}

.btn.btn-ocorrencia {
    padding: 2px !important;
    width: 20px;
    text-align: center;
    vertical-align: middle;
}


.acoes-detalhes-processos{
    display: flex;
    justify-content: space-around;
}

.row-notificacao {
    width: 100%;
    display: flex;
    justify-content: space-around;
    justify-content: center;
}

.row-notificacao div{
    display: flex;
    justify-content: center;
}

.cookie-consent {
    position: fixed;
    z-index: 9999999 !important;
    bottom: 0px;
    background: white;
    width: 100%;
    color: black;
    display: flex;
    justify-content: space-between;
    padding: 10px !important;
    align-items: center;
    box-shadow: 0 0 7px #888;
}

.cookie-accept {
    font-weight: bold !important;
    font-size: 1.6rem !important;
}

.cookie-div-accept {
    padding: 0px 10px 0px 10px;
}

.cookie-span {
    width: 100%;
    font-size: 1.7rem;
    padding: 0 10px;
}

.filtro-citacoes-div {
    display: flex;
    justify-content: space-between;
}
.div-buttons-action-relatorio {
    display: flex;
    justify-content: space-between;
}

.div-voltar-filtros {
    padding: 1.6rem !important
}

#btn-voltar-filtros{
    background: red !important;
}

.fa.fa-exclamation-circle.exclamation-circle::before {
    padding-left: 5px;
    color: red !important;
}
.panel-img-grid{
    padding: 5px;
}

.img-grid-portfolio {
    width: 60px !important;
    height: 60px !important;
    object-fit: scale-down;
}
.d-none{
    display: none !important;
}

.loader.div-image {
    display: flex;
    position: absolute;
    margin: 5px;

}

.div-image {

}



#arquivotermo {
    display: block !important;
    right: 1px;
    top: 1px;
    height: 34px;
    opacity: 0;
    width: 100%;
    background: none;
    position: absolute;
    overflow: hidden;
    z-index: 2;
}

.btn_file_arquivotermo:before {
    cursor: pointer !important;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    transition: color 0.2s ease;
    /* add more custom styles*/
    content: 'Enviar arquivo';
    display: block;
    position: absolute;
    z-index: 1;
    top: 0.35rem;
    line-height: 20px;
    text-align: center;
}

/* FINALIZAR CADASTRO*/

.checkplano {
    float: left !important;
    margin-right: 10px !important;
    width: 25px !important;
    padding-right: 20px !important;
    margin-top: -8px !important;
}

.form-horizontal.optionscalc .panel {
    padding-top: 9px;
    padding-left: 12px;
    margin-left: 0px;
}

#spprice {
    font-size: 2rem;
    font-weight: bold;
    color: var(--blueIlupi);
    content: "R$ 00,00";
}

.blockmodules li, .blockfeatures li {
    list-style: none;
    padding: 5px;
}

.blockcard .container-card {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.blockcard .creditcard {
    width: 350px;
    height: 220px;
    color: #fff;
    cursor: pointer;
    /*perspective: 1000px;*/
}

.blockcard .card-inner {
    width: 100%;
    height: 100%;
    position: relative;
    transition: all 0.5s ease;
    transform-style: preserve-3d;
}

.blockcard .front-card, .back-card {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(45deg, var(--blackIlupi), var(--blueIlupi));
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px 30px;
    border-radius: 15px;
    overflow: hidden;
    z-index: 1;
    backface-visibility: hidden;
    transition: all 0.5s ease;
    transform-style: preserve-3d;
}



.blockcard .card-no {
    font-size: 16px;
    margin-top: 40px;
    width: 100%;
    text-align: center;
}

    .blockcard .card-no > span {
        text-shadow: 1px 1px #333;
    }


    .blockcard .card-no > span {
        text-shadow: 1px 1px #333;
    }

.blockcard .card-holder {
    font-size: 8px;
    margin-top: 10px;
}


.blockcard .name-card {
    font-size: 22px;
    margin-top: 20px;
}

.blockcard .valid-card {
    float: right;
    margin-top: -10px;
}

.blockcard .validcard {
    font-size: 12px;
}

.blockcard .valid {
    font-size: 5px;
    float: right;
}

.blockcard .bar-card {
    background: #222;
    margin-left: -30px;
    margin-right: -30px;
    height: 60px;
    margin-top: 10px;
}

.blockcard .card-cvv {
    margin-top: 20px;
}

    .blockcard .card-cvv div {
        flex: 1;
    }

    .blockcard .card-cvv img {
        width: 100%;
        display: block;
        line-height: 0;
    }

    .blockcard .card-cvv p {
        background: #fff;
        color: #000;
        font-size: 22px;
        padding: 10px 20px;
    }

.blockcard .card-text {
    margin-top: 30px;
    font-size: 14px;
}

.blockcard .signature {
    margin-top: 30px;
}

.blockcard .back-card {
    transform: rotateY(-180deg);
}


.blockcard .card-rotate .front-card {
    transform: rotateY(-180deg);
}

.blockcard .card-rotate .back-card {
    transform: rotateY(0deg);
}

.blockcard .carddata {
    width: 80%;
    margin: 0 auto;
    padding-top: 20px;
}

.col-sm-12.col-lg-4.card-padrao {
    padding: 10px;
    margin: 10px;
    width: 30%;
}

.col-md-6.resetapadding {
    padding: 0 !important;
}

input:required.error, input.error {
    border: red 1px solid;
}

.col-md-12.resetapadding.col-xs-12 {
    padding-left: 0;
}

#accordionAssinatura .panel-collapse.panel {
    border: #ddd solid 1px;
}

#accordionAssinatura .panel-heading.panel-danger {
    border: #ff506c solid 1px;
    background: #ebccd1;
}
/* FINALIZAR CADASTRO*/
.card-padrao.alert.alert-danger {
    width: 98%;
    margin-left: 1%;
}
    .card-padrao.alert.alert-danger h3 {
        text-align: center !important;
        width: 90%;
        display: block;
        line-height: 6rem;
        margin-bottom: 0;
    }

/* Configuracoes colidencia */

.cards-configuracao-colidencia {
    width: 100%;
    display: flex;
}

.range_container_config {
    display: flex;
    flex-direction: column;
}

.message-modal-config {
    margin-left: 70px;
}

#modal-detalhes-classes-afins {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.title-card-config {
    align-self: center;
}

.menu-config {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

#warning-badge {
    background: #ff0000;
    height: 14px !important;
    width: 3px !important;
    display: block;
    position: absolute;
    right: 30px;
}

.container-wizard {
    width: 100%;
}

.stepwizard-step {
    text-align: center;
    position: relative;
    display: table-cell;
    opacity: 1;
}

.stepwizard-row.setup-panel {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-row::before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: ' ';
    width: 100%;
    height: 1px;
    background: #ccc;
}

.btn-wizard {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0 !important;
    padding-top: 6px;
    padding-right: 0px;
    padding-bottom: 6px;
    padding-left: 0px;
    font-size: 1.7em !important;
    line-height: 1.7rem !important;
    font-weight: 800 !important;
    opacity: 1 !important;
}

.stepwizard-step a[disabled] {
    opacity: 1 !important;
    background: var(--BlueIlupiDisable) !important;
}

.label-radio {
    margin-right: 20px;
}

#wizard-config {
    margin-top: 4rem;
}

.button-nxt-wizard {
    padding: 15px 0px;
}

.setup-content {
    margin-top: 30px;
}

#submittermo {
    border-radius: 0 5px 5px 0 !important;
    line-height: 24px;
    margin-left: -3px;
}

.btn.next-btn.pull-right {
    background: var(--darkBlueIlupi) !important;
}

.bootstrap-dialog-message > div > div {
    text-align: center !important;
}

.bootstrap-dialog-title {
    text-align: center !important;
    width: 100%;
    text-transform: uppercase;
}

/* FIM Configuracoes colidencia */

/* Botão de upload estilizado */
.custom-file-input-wtf {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    border: 1px solid #ccc;
    padding: 8px 12px;
    border-radius: 4px;
}
/* Estilo para o label que simula o botão */
.custom-file-input-wtf {
    transition: background-color 0.2s ease;
}

    /* Hover e active no label */
    .custom-file-input-wtf:hover {
        background-color: #f3f4f6;
    }

    .custom-file-input-wtf:active {
        background-color: #e5e7eb;
    }

/* Foco no input refletido no label */
#uploadxlsx:focus + #nome-arquivo,
#uploadxlsx:focus + p + .custom-file-input-wtf,
#uploadxlsx:focus ~ .custom-file-input-wtf {
    outline: 2px solid #0964b0;
    outline-offset: 2px;
}

.insertdoc {
    padding: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
}