/* ----------------------------------------- */
/* ---------->>> GENERICOS <<<-------------- */
/* ----------------------------------------- */
/*** Tabela coluna destacada ***/
.col-destacada {
    background-color: #fffce8 !important;
}

.tabrequired.active .required-icon {
    display: block !important;
}

/*** Outros ***/
a[focus-modal-marking-last] {
    display: inline-flex;
}
.tip {
    cursor: default;
}
.tip:before {
    content: '?';
    border-radius: 50%;
    color: #fff;
    background-color: #4f4f4f;
    width: 12px;
    height: 12px;
    display: inline-block;
    font-size: 10px;
    vertical-align: top;
    text-align: center;
}
.mLef10 {
    margin-left: 10px !important;
}
label .pin {
    transform: rotate(25deg);
    margin: 0px 3px;
    font-size: 14px;
}
.sigla-referencia {
    font-size: 10px;
    font-weight: normal;
    vertical-align: text-bottom;
}
[ng-drag] {
    cursor: move;
}
[ng-drag].dragging {
    opacity: 0.6;
}
[ng-drop].drag-enter {
    background: rgba(0, 0, 0, 0.15);
    padding: 5px;
}

/*** Textos ***/
.text-white {
    color: #fff!important;
}
.font-weight-bold {
    font-weight: bold;
}
.font-weight-normal {
    font-weight: normal!important;
}

/*** Checkbox produto comersial + inpug-group informando ***/
.checkbox-produto-comercial {
    height: 15px;
    min-height: 10px;
}
.checkbox-produto-comercial label {
    height: 17px;
    min-height: 10px;
    text-indent: 1px;
    display: flex;
    align-items: center;
}
.checkbox-produto-comercial label:before,
.checkbox-produto-comercial label:after {
    /* top: 0px; */
}
.checkbox-produto-comercial .fa-gift {
    font-size: 14px;
}
/* input-group-cortesia */
.input-group .info-inside-input {
    position: absolute;
    z-index: 99;
    right: 8px;
    top: 4px;
    font-size: 10px;
    color: #9c9c9c;
}
.input-group .info-inside-input.has-addon {
    right: 37px;
}
.input-group .info-inside-input.left {
    left: 8px;
}
.input-group .info-inside-input.left.has-addon-left {
    left: 50px;
}
/*** Inout riscado  ***/
.input-cortesia {
    text-decoration: line-through;
    cursor: default!important;
    color: #bdbdbd;
}
.inf-cortesia, .line-text {
    text-decoration: line-through;
    cursor: default!important;
    opacity: 0.6;
}
.inf-cortesia.list-alert {
    opacity: 1;
}

/*** Status entrada e saida fluxo de trabalho ***/
.status-saida {
    color: #fff;
}
.status-saida>span:first-child {
    color: #777!important;
}
.status-saida>span.label {
    margin-left: 5px;
}

/* ------------------------------------------- */
/* ---------->>>  CALENDÁRIO <<<-------------- */
/* ------------------------------------------- */
/* CALENDÁRIO > Base de semana e mês
////////////////////////////////////// */
.calendario>thead>tr>th {
    padding: 2px;
    text-align: center;
    color: #999999;
}
.calendario.calendario-semana>tbody>tr>td {
    border-top: none;
}
.calendario.calendario-semana>tbody>tr:first-child>td {
    padding: 4px;
    border-bottom-width: 2px;
    line-height: 2;
}
.calendario.calendario-semana thead>tr>th {
    border-bottom-width: 1px;
}
.calendario.calendario-semana>tbody>tr>td:first-child {
    padding: 3px 3px 3px 0px;
    text-align: right;
    font-size: 85%;
    color: #999999;
}
.calendario.calendario-semana>tbody>tr:nth-child(2n) td {
    border-bottom: 1px dotted #DDDDDD;
}
.calendario.calendario-semana>tbody>tr.half-hour>td {
    padding: 10px;
}
.calendario .eventos-legenda i,
.calendario-mini .popover-content .eventos-legenda i {
    margin-left: 0;
    font-size: 80%;
}
.hora-evento {
    margin-bottom: 4px;
}
.calendario.calendario-semana .resize:before {
    content: "=";
}
.calendario.calendario-semana .resize {
    visibility: hidden;
}
.calendario.calendario-semana .resize:hover {
    cursor: s-resize;
}

/* CALENDÁRIO > Label evento
////////////////////////////////////// */
.label.evento:hover>.resize {
    visibility: visible;
    text-align: center;
}
.label.evento {
    display: block;
    overflow: hidden;
    width: 88px;
    padding: 3px;
    cursor: default;
    font-size: 85%;
    text-align: left;
    color: inherit;
}
.label.evento.evento-dia-inteiro {
    position: relative;
    display: block;
    margin-bottom: 4px;
}
.calendario.calendario-semana>thead>tr>th.hoje,
.calendario.calendario-semana>tbody>tr>td.hoje,
.calendario.calendario-mes>tbody>tr>td.hoje {
    background-color: #F5F6FA;
}
.calendario.calendario-mes>tbody>tr>td {
    vertical-align: top;
    padding: 4px;
}
.calendario.calendario-mes>tbody>tr>td>div {
    min-height: 100px;
}
.calendario.calendario-mes>tbody>tr>td .dia {
    font-size: 85%;
    font-weight: bold;
    text-align: right;
}
.calendario.calendario-mes .label.evento {
    margin-bottom: 4px;
    width: 100%;
    text-overflow: ellipsis;
}
.calendario.calendario-mes .label.evento:hover {
    cursor: pointer;
}
.calendario.calendario-semana .label.evento {
    margin-bottom: 4px;
    width: 100%;
    text-overflow: ellipsis;
    line-height: 13px;
}
.calendario.calendario-semana td span:last-child .label.evento {
    margin-bottom: 0px;
}
.calendario.calendario-semana .label.evento:hover {
    cursor: pointer;
}

/* CALENDÁRIO > Visualizar Lista de eventos
////////////////////////////////////// */
.eventos-legenda i {
    margin-left: 15px;
    margin-right: 2px;
}
.eventos-lista.table {
    margin-top: 10px;
}
.eventos-lista.table tbody>tr>td {
    vertical-align: middle;
}
.eventos-lista.table tbody>tr>td>em:first-child,
.eventos-lista.table tbody>tr>td>strong:first-child {
    display: block;
}
.eventos-lista .eventos-legenda i {
    margin-left: 5px;
    margin-right: 0;
}

/* CALENDÁRIO >  Lista de matriz na esquerda
////////////////////////////////////// */
.list-calendar {
    padding-left: 0;
    list-style-type: none;
}
.list-calendar ul {
    list-style-type: none;
    padding-left: 10px;
}
.list-opcoes-calendar-item {
    display: block;
    position: relative;
    padding: 5px 2px 5px 2px;
    margin-bottom: -1px;
    background-color: #FFFFFF;
    text-overflow: ellipsis;
    cursor: pointer;
}
.list-opcoes-calendar-item:hover {
    background-color: #F5F5F5;
}
.list-calendar-group-item {
    display: block;
    position: relative;
    padding: 5px 2px 5px 2px;
    margin-bottom: -1px;
    background-color: #FFFFFF;
    text-overflow: ellipsis;
    cursor: pointer;
}
.list-calendar-group-item:hover {
    background-color: #FFFFE0;
}
.list-calendar-item {
    display: block;
    position: relative;
    padding: 5px 2px 0 2px;
    margin-bottom: -1px;
    background-color: #FFFFFF;
    text-overflow: ellipsis;
    cursor: pointer;
}
.list-calendar-item i:first-child {
    padding-right: 2px;
    padding-left: 2px;
    font-size: 16px;
}
.list-calendar-item .btn-agendar i {
    font-size: inherit;
    color: #777;
}
.list-calendar-item:hover .btn-agendar i {
    color: #000;
}
.btn.disponibilizar-calendario {
    white-space: normal !important;
    max-width: 200px;
}
.list-calendar-item:hover {
    background-color: #FFFFE0;
}
.list-calendar .dropdown-menu .list-calendar-item:hover {
    background-color: #F5F5F5;
}
.list-agenda-professor {
    max-height: 400px;
    overflow-y: scroll;
}
.list-agenda-professor.list-agendamento {
    max-height: 545px;
}
.list-agenda-professor::-webkit-scrollbar {
    width: 5px;
    border-radius: 4px;
}
.list-agenda-professor::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 8px;
}
.list-agenda-professor .badge {
    margin-right: 3px;
    margin-right: 3px;
}
.list-agenda-professor .title-calendar {
    width: 80%;
    display: inline-block;
}
.list-evento-municipal,
.list-escolas {
    color: #5cb85c;
}
.calendario-diferenca-dias-horas {
    margin-bottom: 0;
}
.cores-eventos {
    font-size: 18px;
}

/* CALENDÁRIO >  Cor do evento > Calendário > Adicionando evento
////////////////////////////////////// */
.divider:before {
    margin-left: 4px;
    content: "|";
    color: #DDDDDD;
}
.cores-eventos span {
    cursor: pointer;
}
.cores-eventos input[type="radio"] {
    display: none;
}
.cores-eventos span:before {
    display: inline-block;
    font-family: "FontAwesome";
    font-style: normal;
    content: '\F111';
}
.cores-eventos input[type="radio"]:checked~span:before {
    content: "\F058";
}
.cores-eventos.radio-inline {
    margin-left: 4px;
    padding-left: 0;
}
.calendario-mini {
    width: 100%;
    border: 1px solid #DDDDDD;
    background-color: #FFFFFF;
    text-align: center;
}
.calendario-mini>thead>tr>th,
.calendario-mini>tbody>tr>td,
.calendario-mini.calendario-anual>tbody>tr:nth-child(1)>td,
.calendario-mini.calendario-anual-visualizar>tbody>tr:nth-child(1)>td {
    padding: 1px;
    text-align: center;
}
.calendario-mini>tbody>tr:last-child>td {
    padding-bottom: 5px;
}
.calendario-mini>tbody>tr:nth-child(1)>td,
.calendario-mini.calendario-anual-visualizar>tbody>tr:nth-child(2)>td {
    padding-top: 5px;
}
.calendario-mini.calendario-anual-visualizar thead tr th em:hover {
    cursor: pointer;
    color: #337ab7;
}
.calendario-mini-titulo {
    border-bottom: 1px solid #DDDDDD;
    text-align: center;
    color: #999999;
}
.calendario-mini>tbody>tr>td:first-child {
    color: #999999;
}
.calendario-mini .dia,
.calendario-mini .dia-letivo,
.calendario-mini .feriado,
.calendario-mini .feriado-letivo {
    padding: 1px;
    border-radius: 4px;
}
.calendario-mini .dia:hover {
    cursor: pointer;
    background: #EAECF3;
}
.calendario-mini .dia-letivo {
    background-color: #9EE1CF;
}
.calendario-mini .dia-letivo:hover {
    cursor: pointer;
    background-color: #7FD7BE;
}
.calendario-mini .feriado {
    background-color: #CED1DD;
}
.calendario-mini .feriado:hover {
    cursor: pointer;
    background: #BEC3CE;
}
.calendario-mini .feriado.dia-letivo {
    background-color: #43c19d;
}

/* --------------------------------------------------- */
/* ---------->>>  AGRUPADOR COLLAPSE <<<-------------- */
/* --------------------------------------------------- */
.emp-vinculos-add {
    margin-left: 15px;
    margin-right: 15px;
}
.emp-vinculo-title-add {
    padding-top: 10px;
    color: #000;
    border-top: 1px solid #eee;
}
.emp-vinculo-title-add a {
    display: block;
    color: inherit;
    text-decoration: none;
}
.emp-vinculo-title-add.expand {
    cursor: pointer;
}
.emp-vinculo-title-add .btn-collapse {
    margin-left: 5px;
    font-size: 80%;
    opacity: .6;
}
.emp-vinculo-title-add .pin {
    padding: 0 4px;
}
.emp-vinculo-title-add .pin.left {
    position: absolute;
    top: 3px;
    left: 4px;
    z-index: 1;
}
.emp-vinculos-box-add {
    background-color: #eee;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
.emp-vinculo-title-add .notification {
    position: relative;
    float: left;
    margin: -2px 6px 0 12px;
    padding: 2px 5px;
    font-size: 9px;
    font-weight: bold;
    color: #666;
    line-height: 1.2;
    background: #ddd;
    border-radius: 9px;
    border: none;
    z-index: 2;
}
.emp-vinculos-box-add .emp-vinculos-scroll {
    max-height: 350px;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    overflow-x: hidden;
    overflow-y: auto;
}
.emp-vinculos-box-add .emp-vinculos-wrap {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
.emp-vinculos-box-add .emp-vinculos-scroll .popover {
    display: none !important;
}
.emp-vinculos-box-add .group-heading {
    background-color: #DBDDE1;
}

/*  --------------------------------------------------- */
/* ---------->>> GESTÃO DA CONTA <<<------------------- */
/* ---------------------------------------------------- */
.container.container-box-header {
    min-height: 10px;
    margin-top: 4px;
    position: relative;
    padding: 4px 18px 0px 18px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.055);
    margin-bottom: 5px;
    background: #fff;
        width: calc(100% - 20px);
}
/* Conta: Cabeçalho*/
.profile {
    padding-bottom: 10px;
}
.profile .conta-cpf-cnpj {
    margin-right: 5px;
}
.profile .label-ellipsis.label-status {
    max-width: 170px;
}
.profile .round-thumb.imagem-conta {
    width: 60px;
    height: 60px;
    border: 2px solid #ccc;
    margin-right: 10px;
    float: none;
    display: inline-block;
    vertical-align: middle;
}
.profile .informacoes-principais-conta {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 80px);
}
.btn-risco {
    font-size: 10px;
    padding: 2px 2px 2px 18px;
    font-weight: bold;
    color: #fff;
    position: relative;
    max-width: 100%;
    transition: .3s;
    font-weight: 600;
    width: 100%;
}
.btn-risco i.fa {
    position: absolute;
    width: 17px;
    padding: 4px 5px 4px;
    top: 2px;
    background-color: rgba(0, 0, 0, 0.3);
    left: -1px;
    border-radius: 3px 0px 0 3px;
    transition: .3s;
}
.btn-risco:hover,
.btn-risco:focus {
    opacity: 0.6;
    color: #fff;
}

/* Conta: Painel de informação */
.profile .painel {
    margin-bottom: 1px;
    background-color: #F9F9F9;
    transition: all .2s cubic-bezier(.55, 0, .1, 1);
    box-shadow: 1px 1px 1px #eee;
    border: 1px solid rgba(221, 221, 221, 0.55);
    border-radius: 2px;
}
.profile .painel-informacao {
    padding: 2px 5px 0px 5px;
    color: #5f5e5e;
    background: 0;
    box-shadow: none;
    border: 0;
}
.profile .painel-informacao .painel-icon {
    font-size: 21px;
    border-right: 1px solid #ddd;
    margin-top: 8px;
}
.profile .painel-informacao .painel-title {
    margin-top: 4px;
}
.profile .painel-informacao .painel-title,
.profile .painel-informacao .painel-valor {
    margin-left: 2px;
    line-height: 17px;
}

/* Conta: Container conta */
.container-page.container-page-conta {
    min-height: 375px;
    margin-top: 10px;
    padding-bottom: 5px;
    padding-top: 0px;
}
.conta-container {
    margin: 0px -18px;
    min-height: 375px;
    height: 100%;
    width: calc(100% + 36px);
    float: left;
    position: relative;
}
/* Conta: Filtros */
.conta-container .btn-close-filter {
    border-radius: 0px 4px 4px 0px;
    color: #929292;
    position: absolute;
    border-color: #ddd;
    border-left-color: transparent;
    top: 18px;
    left: 65px;
    z-index: 3;
    padding: 3px 4px 2px 2px;
    font-size: 10px;
    transition: 0.3s;
}
.conta-container .btn-close-filter.open {
    left: 285px;
}
@media screen and (max-width: 1366px) {
    .conta-container .btn-close-filter.open {
        left: 20%;
    }
}
.conta-list-filter {
    width: 65px;
    position: absolute;
    height: calc(100% + 5px);
    float: left;
    max-width: 285px;
    border-right: 1px solid #dddddd;
    background-color: #fbfbfb;
    overflow-y: auto;
    overflow-x: hidden;
}
.conta-list-filter.open {
    width: 20%;
}
.conta-list-filter .conta-filter {
    width: 100%;
    padding: 4px 0px 10px 3px;
    color: #5f5e5e;
    border-bottom: 1px solid #dddddd;
    cursor: pointer;
    background-color: #f9f9f9;
    position: relative;
    display: flex;
}
.conta-list-filter .conta-filter:hover {
    background-color: #ebe8f1;
}
.conta-list-filter .conta-filter.active {
    background-color: #0066AA;
    color: #ffffff;
}
.conta-list-filter .conta-filter-icon {
    width: 60px;
    margin-top: 7px;
    float: left;
    font-size: 22px;
    pointer-events: none;
    border-right: 1px solid transparent;
    text-align: center;
}
.conta-list-filter.open .conta-filter-icon {
    border-right: 1px solid #ddd;
}
.conta-list-filter .conta-filter-content {
    width: calc(100% - 65px);
    margin-top: 14px;
}
.conta-list-filter .conta-filter-content .ellipsis {
    padding-left: 15px;
    padding-right: 5px;
}

/* Conta: Content */
.conta-content {
    width: calc(100% - 65px);
    padding: 18px;
    float: right;
    transition: 0.3s;
}
.conta-content.open {
    width: 80%;
    min-width: calc(100% - 285px);
}
.conta-content .panel-visao-geral {
    border-color: #eaeaea;
    position: absolute;
    width: 100%;
    height: 100%;
    margin-bottom: 0px;
}
.conta-content .panel-visao-geral .panel-heading {
    background: #f9f9f9;
    border-color: #eaeaea
}
.conta-content .panel-visao-geral .panel-heading h5 {
    color: #5a5a5a;
    font-weight: bold;
    text-transform: uppercase;
    max-width: calc(100% - 30px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 2px;
}
.conta-content .panel-visao-geral .panel-heading .title-descricao {
    font-weight: bold;
    color: #777;
}
.conta-content .panel-visao-geral .panel-heading a {
    color: #5a5a5a;
}
.conta-content .panel-visao-geral th {
    text-transform: uppercase;
    font-size: 10px;
    color: #929292;
}
.conta-content .panel-visao-geral .panel-content-table {
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    height: calc(100% - 94px);
}
.conta-content .panel-visao-geral .panel-content-charts {
    overflow: hidden;
    height: calc(100% - 68px);
    top: 68px;
}
.conta-content .panel-visao-geral .panel-content-sem-itens {
    display: flex;
    overflow: hidden;
    height: calc(100% - 68px);
    top: 68px;
}
.conta-content .panel-visao-geral .panel-content-sem-itens .info-p {
    width: 100%;
    text-align: center;
    margin: 0;
    color: #777;
    align-self: center;
}

/* Conta: Content Drag */
.conta-content .panel-drag {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: move;
}
.conta-content .panel-drag .panel-visao-geral {
    opacity: .8
}
.conta-content .panel-drag .panel-visao-geral>* {
    pointer-events: none;
}
.conta-content .panel-drag .excluir-card {
    position: absolute;
    top: 7px;
    color: #777;
    right: 15px;
    z-index: 2;
}
.conta-content .gridster-item .acoes-drag {
    position: absolute;
    top: 7px;
    right: 15px;
    z-index: 2;
}
.conta-content .gridster-item .acoes-drag a:not(.btn-check) {
    color: #777;
}
.conta-content .gridster-loaded .gridster-item {
    max-width: 100%;
}
.conta-content .gridster .gridster-item .handle-se {
    border-color: transparent transparent #ccc;
}
.conta-content .gridster-item-resizable-handler {
    display: none;
}
.conta-content .active-drags .gridster-item-resizable-handler {
    display: block;
}

/* ------------------------------------------------ */
/* ---------->>>  FUNIL DE VENDAS <<<-------------- */
/* ------------------------------------------------ */
.widget-funil {
    padding-left: 15px;
}
.widget-funil .panel-heading {
    overflow: hidden;
    height: 40px;
}

/* Funil de oportunidades */
.funil-oportunidades {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    overflow: hidden;
    clip-path: polygon(0 -15%, 95% 0, 70% 100%, 30% 100%);
    -webkit-clip-path: polygon(0 -15%, 95% 0, 70% 100%, 30% 100%);
}
.funil-item {
    width: 92%;
    margin: 1px auto;
    background-color: #f1f1f1;
    padding: 3px 5px;
    line-height: 10px;
    font-size: 12px;
    position: relative;
    display: flex;
    flex-flow: row wrap;
    flex-direction: row;
    text-decoration: none;
    cursor: pointer;
}
.funil-item:hover {
    opacity: 0.8;
    text-decoration: none;
}
.funil-item .funil-descricao {
    width: 80%;
    margin: auto;
    align-self: center;
    text-align: center;
    color: #fff;
}
.funil-item:nth-last-child(1) .funil-descricao {
    width: 45%;
}
.funil-item:nth-last-child(2) .funil-descricao {
    width: 50%;
}
.funil-item:nth-last-child(3) .funil-descricao {
    width: 55%;
}
.funil-item:nth-last-child(4) .funil-descricao {
    width: 65%;
}
.funil-item:nth-last-child(5) .funil-descricao {
    width: 70%;
}
.funil-descricao .funil-title {
    font-weight: bold;
    text-transform: uppercase;
    max-width: calc(100% - 15px);
    margin: auto;
}
.funil-descricao .funil-valor {
    margin-top:2px;
}
.popover-funil-oportunidades .arrow {
    display: none;
}

/* ------------------------------------------------------------------ */
/* ------>>> Lista de oportunidades > modo visualização != 1 <<<----- */
/* ------------------------------------------------------------------ */
.flex-item-border-left+.flex-item-border-left {
    border-left: 1px solid #e1e3e6;
    margin-left: 8px;
    padding-left: 8px;
}

/* ------------------------------------------------------------------ */
/* ---------->>> Tabela de preço > Lista de produtos <<<------------- */
/* ------------------------------------------------------------------ */
.table.table-price-produtos>tbody>tr:nth-child(odd):hover,
.table.table-price-produtos>tbody>tr:nth-child(odd):hover {
    background-color: #f7f7f7!important;
}
.table.table-price-produtos>tbody>tr:nth-child(even):hover,
.table.table-price-produtos>tbody>tr:nth-child(even):hover {
    background-color: #fff!important;
}
.table-price-produtos .info-intervalo-progressao {
    font-size: 11px;
    color: #777;
}
.table-price-produtos .info-vigencia-programada {
    font-size: 12px;
    color: #777;
}
.table-price-produtos .fa-sort-amount-desc {
    transform: scaleY(-1);
    float: left;
}
.table-price-produtos .info-vigencia-programada .fa-sort-amount-desc {
    margin-top: 4px;
    font-size: 10px
}
.table-price-produtos .info-vigencia-programada .label {
    padding: 1px 0px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    font-size: 10px;
}
.table-price-produtos .label-produto{
    margin-bottom: 0px;
    font-size: 9px !important;
}

.table-price-produtos .content-interpolacao-faixa{
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.table-price-produtos .content-interpolacao-faixa.full,
.table-price-produtos .content-interpolacao-faixa.only-view{
    justify-content: center;
}

.table-price-produtos .content-interpolacao-faixa > small{
    width: 109px;
}

.table-price-produtos .content-interpolacao-faixa .nenhum-intervalo{
    width: calc(100% - 119px);
    text-align: center;
    color: #595959;
    font-size: 11px;
}

.table-price-produtos .content-interpolacao-faixa.full .nenhum-intervalo{
    width: initial;
}

.table-price-produtos .content-interpolacao-faixa.only-view .nenhum-intervalo{
    width: 100%;
}

.table-price-produtos .content-interpolacao-faixa .section-tags{
    max-width: calc(100% - 119px);
    padding: 2px 0 2px 0;
    overflow-x: auto;
    scroll-behavior: smooth;
}

.table-price-produtos .content-interpolacao-faixa.only-view .section-tags{
    max-width: initial;
}

.table-price-produtos .content-interpolacao-faixa .section-tags .box-tags{
    display: flex;
    column-gap: 3px;
    width: max-content;
}

.table-price-produtos .content-interpolacao-faixa .section-tags .box-tags .tag-intervalo-faixa{
    background: #337ab7;
    color: white;
    border-radius: 15px;
    padding: 0 10px;
    font-size: 11px;
    line-height: 13px;
    height: 15px;
    cursor: pointer;
    transition: opacity 0.3s;
}

.table-price-produtos .content-interpolacao-faixa .section-tags .box-tags .tag-intervalo-faixa:hover,
.table-price-produtos .content-interpolacao-faixa .section-tags .box-tags .tag-intervalo-faixa.popover-active{
    opacity: 0.8;
}

.modal-popover-info-intervalo-faixa .popover-content{
    padding: 4px;
}

.modal-popover-info-intervalo-faixa .popover-content .modal-header__popover-title{
    border-radius: 4px 4px 0 0;
    padding: 2px 10px;
    background: #f5f5f5;
}

.modal-popover-info-intervalo-faixa .popover-content .modal-header__popover-content{
    padding: 2px 10px;
    font-size: 13px;
    line-height: 22px;
    color: #595959b5;
}

.modal-popover-info-intervalo-faixa .popover-content .modal-header__popover-content i{
    margin-right: 3px;
    color: #595959b0;
    transition: opacity 0.3s;
}

.modal-popover-info-intervalo-faixa .popover-content .modal-header__popover-content i:hover{
    opacity: 0.8;
}

/*  ------------------------------------------------- */
/* ---------->>> MAPA DE RISCO <<<------------------- */
/* -------------------------------------------------- */
/* Mapa */
.angular-google-map-directions {
    height: 480px;
    font-size: 12px;
}

.angular-google-map-tipos-atuacao {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 128px;
    margin-bottom: 10px;
}

.angular-google-map-directions-municipios {
    height: 342px !important;
}

.angular-google-map-directions img.adp-marker {
    margin: 5px 10px;
}

.angular-google-map .adp,
.angular-google-map .adp table,
.angular-google-map .gm-style {
    font-family: inherit;
}

.angular-google-map div[jsinstance] > div:nth-child(2) {
    height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
}

.angular-google-map-directions-municipios div[jsinstance] > div:nth-child(2) {
    height: 182px !important;
}

.angular-google-map .adp-placemark {
    margin-top: 0;
}

.angular-google-map-container {
    height: 480px;
}

.risco-conta .angular-google-map-container {
    height: 545px!important;
}

/* Badge de seleção no ambiente de mapa de risco */
.badge-filtro-mapa-riscos {
    font-size: 10px;
    padding: 2px 5px 1px;
    margin-top: -2px;
    margin-left: -2px;
    background-color: #b0b6bd;
}
.tbody-produtos td{
    height: 39px !important;
}

/*** Menu de processos de trabalho com collapse ***/
.processos-trabalho.nav-stacked {
    margin-bottom: 0px;
}
.nav-stacked .collapse > a {
    padding-right: 35px !important;
}
.nav-stacked .collapse > a::after {
    -webkit-font-smoothing: antialiased;
    color: #999;
    content: "\F196";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    line-height: 1;
    margin-top: -6px;
    position: absolute;
    right: 12px;
    text-align: center;
    text-rendering: auto;
    top: 50%;
    width: 1.2857142857142858em;
}
.nav-stacked .collapse.open > a::after {
    content: "\F147";
}
.nav-stacked .collapse.open.child-active > a::after{
    color:#3475c1;
}
.processos-trabalho.nav-stacked.nav-tabs, .processos-trabalho .collapse > .nav-tabs {
    border-left-color: transparent !important;
}

/* input-addon-open - ícone de input gira 180 graus quando clicado  */
.input-group-addon.transform.input-addon-open i:first-child {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    transition: -webkit-transform .35s ease;
    transition: transform .35s ease;
    transition: transform .35s ease,-webkit-transform .35s ease;
}
.input-group-addon.transform i:first-child {
    transition: -webkit-transform .35s ease;
    transition: transform .35s ease;
    transition: transform .35s ease,-webkit-transform .35s ease;
}

/*  ------------------------------------------------- */
/* --->>> OPORTUNIDADES - COTACAO-VISUALIZACAO <<<--- */
/* -------------------------------------------------- */
.oportunidades-cotacao-visu .disable-scrollbars {
    overflow: scroll;
}
.oportunidades-cotacao-visu .disable-scrollbars.scroll-acao {
    overflow-x: hidden;
}
.oportunidades-cotacao-visu .disable-scrollbars:not(.scroll-acao)::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background: transparent; /* Chrome/Safari/Webkit */
}
.oportunidades-cotacao-visu .disable-scrollbars:not(.scroll-acao) {
    scrollbar-width: none !important; /* Firefox */
    -ms-overflow-style: none;  /* IE 10+ */
}
.oportunidades-cotacao-visu {
    -webkit-transition: background-color .5s ease-out;
    -moz-transition: background-color .5s ease-out;
    -o-transition: background-color .5s ease-out;
    transition: background-color .5s ease-out;
}
.oportunidades-cotacao-visu .highlight-bg-yellow{
    background-color: #FBEDC9;
}
.oportunidades-cotacao-visu .disable-scrollbars.scroll-footer::-webkit-scrollbar {
    width: 0px;
    height: 6px;
}
.oportunidades-cotacao-visu .thead-valor th{
    border-bottom: 0px !important;
}
.oportunidades-cotacao-visu .tfoot-valor th{
    border-top: 0px !important;
    border-bottom: 0px !important;
}
.oportunidades-cotacao-visu .thead-valor th:first-child,
.oportunidades-cotacao-visu .tbody-valor td:first-child,
.oportunidades-cotacao-visu .tfoot-valor th:first-child{
    border-left: 0px !important;
}
.oportunidades-cotacao-visu .thead-valor th:last-child,
.oportunidades-cotacao-visu .tbody-valor td:last-child,
.oportunidades-cotacao-visu .tfoot-valor th:last-child{
    border-right: 0px !important;
}
.oportunidades-cotacao-visu .tbody-oportunidade tr:not(.no-indentation), .tbody-valor tr:not(.no-indentation),
.oportunidades-cotacao-visu .tbody-oportunidade tr:not(.no-indentation) td, .tbody-valor tr:not(.no-indentation) td{
    height: 36px;
}

.oportunidades-cotacao-visu .tbody-oportunidade {
    width: 111px;
    max-height: 420px;
    float: left;
}

.oportunidades-cotacao-visu .tbody-valor {
    width: calc(100% - 152px);
    max-height: 420px;
    float: left;
}

.oportunidades-cotacao-visu .th-thead-valor .thead-valor
.oportunidades-cotacao-visu .th-tfoot-valor .tfoot-valor
.oportunidades-cotacao-visu .tbody-valor .div-valor {
    width: 100%;
}

.oportunidades-cotacao-visu .tbody-acoes {
    max-height: 420px;
    float: left;
    width: 41px;
}

.oportunidades-cotacao-visu .th-tfoot-valor .tfoot-valor {
    overflow-x: hidden;
}

.oportunidades-cotacao-visu:not(.zoomed-out) .has-ativos.has-recurso-revenda .th-thead-valor .thead-valor,
.oportunidades-cotacao-visu:not(.zoomed-out) .has-ativos.has-recurso-revenda .th-tfoot-valor .tfoot-valor,
.oportunidades-cotacao-visu:not(.zoomed-out) .has-ativos.has-recurso-revenda .tbody-valor .div-valor {
    width: calc(100% + 240px);
}

.oportunidades-cotacao-visu.zoomed-out .has-ativos.has-recurso-revenda .th-thead-valor .thead-valor,
.oportunidades-cotacao-visu.zoomed-out .has-ativos.has-recurso-revenda .th-tfoot-valor .tfoot-valor,
.oportunidades-cotacao-visu.zoomed-out .has-ativos.has-recurso-revenda .tbody-valor .div-valor {
    width: 100% !important;
}

.oportunidades-cotacao-visu.zoomed-out .has-ativos.has-recurso-revenda .tbody-valor .div-valor .table-unfixed {
    table-layout: fixed !important;
}

.oportunidades-cotacao-visu .has-ativos .tbody-valor {
    width: calc(100% - 263px);
}

.oportunidades-cotacao-visu .has-ativos .tbody-acoes {
    width: 152px;
}


/* ------------------------------------------------- */
/* -------->>> Modo de exibição salvos <<<---------- */
/* ------------------------------------------------- */
.dropdown-modo-exibicao__descricao {
    position: relative;
}
.dropdown-modo-exibicao__descricao .dropdown-modo-exibicao__acoes {
    line-height: 23px;
    position: absolute;
    right: 10px;
    top: 3px;
}
.dropdown-modo-exibicao__descricao .btn-check {
    padding-right: 56px !important;
}
.dropdown-modo-exibicao__descricao .dropdown-modo-exibicao__acoes > a {
    color: #333;
}
.dropdown-modo-exibicao__descricao:hover .dropdown-modo-exibicao__acoes {
    display: initial;
}
.dropdown-modo-exibicao__descricao .dropdown-modo-exibicao__acoes{
    display: none;
}

/* ------------------------------------------------- */
/* ------>>> Tabela stripped com collapse <<<------- */
/* ------------------------------------------------- */
.table.table-stripped-collapse>tbody>tr:nth-child(4n), .table.table-stripped-collapse>tbody>tr:nth-child(4n-1) {
    background-color: #fff;
}
.table.table-stripped-collapse>tbody>tr:nth-child(4n-2), .table.table-stripped-collapse>tbody>tr:nth-child(4n-3) {
    background-color: #f5f7fa;
}

/* ------------------------------------------------- */
/* -->>> Linha da tabela com aparencia inativa <<<-- */
/* ------------------------------------------------- */
tr.tr-inativa{
    background-color: #fff !important;
    opacity: 0.5;
}

/* ------------------------------------------------- */
/* -->>> Linha da tabela com aparencia suspensa <<<-- */
/* ------------------------------------------------- */
tr.tr-suspensa {
 background-color: #fff !important;
}

tr.tr-suspensa td {
   opacity: 0.5;
}

tr.tr-suspensa td:last-child {
  opacity: 1;
}

tr.disable-inputs input,
tr.disable-inputs label{
    pointer-events: none;
}
tr.tr-danger td{
    background-color: #f9e2e1 !important;
}

/* -------------------------------------------------- */
/* ->> Ajuste icone de feedback no input invalido <<- */
/* -------------------------------------------------- */
.input-group .form-control-feedback{
    right: 35px;
}
.form-control-feedback{
    pointer-events: initial;
    z-index: 4;
}

/* -------------------------------------------------- */
/* ------>> group-list dentro de group-list <<------- */
/* -------------------------------------------------- */
.group-heading.sub-group-heading{
    background: #f5f5f7 !important;
}
.group-heading.sub-group-heading:hover{
    background: #eff1f6 !important;
}

/* -------------------------------------------------- */
/* --->> ajuste checkbox / radio bug bth-design <<--- */
/* -------------------------------------------------- */
.checkbox-inline input[type=checkbox], .checkbox input[type=checkbox], .radio-inline input[type=radio], .radio input[type=radio]{
    margin-left: 0px !important;
}

/* -------------------------------------------------- */
/* --->> ajuste timeline / bth-timeline__list <<--- */
/* -------------------------------------------------- */
.bth-timeline__list .bth-timeline__item .bth-timeline__title:disabled{
    cursor: wait !important;
}

/* --------------------------------------------------- */
/* --->> classe para uma tabela dentro de uma td <<--- */
/* --------------------------------------------------- */
.table-multi-td, .table-multi-td tbody tr{
    border: 0px;
}
.table-multi-td tbody tr:first-child td{
    border-top: 0px;
}
.table-multi-td tbody tr:last-child td{
    border-bottom: 0px;
}
.table-multi-td tbody tr td:first-child{
    border-left: 0px;
}
.table-multi-td tbody tr td:last-child{
    border-right: 0px;
}
.table>tbody tr.opened td .table-multi-td>tbody tr td:first-child{
    background-color: #f5f7fa !important;
}

/* -------------------------------------------------------- */
/* --->> icone de lupa dentro do input no input-group <<--- */
/* -------------------------------------------------------- */
.input-group .search-field.search-icon-right{
    padding-right: 25px;
}
.input-group .search-field.search-icon-right{
    border-radius: 0px 2px 2px 0px !important;
}
.input-group .search-field.search-icon-left{
    border-radius: 2px 0px 0px 2px !important;
}
.input-group .search-field.search-icon-right:first-child,
.input-group .search-field.search-icon-left:last-child{
    border-radius: 2px !important;
}
.input-group .search-field.search-icon-left{
    padding-left: 25px;
}
.input-group .input-search-icon-right{
    position: absolute;
    z-index: 4;
    right: 8px;
    top: 8px;
}
.input-group .input-search-icon-left{
    position: absolute;
    z-index: 4;
    left: 8px;
    top: 8px;
}

/* --------------------------------------------------------------- */
/* --->> input group addon icones para filtro com hierarquia <<--- */
/* --------------------------------------------------------------- */
.input-group-addon.toggle_size_icon > i{
    cursor: pointer;
    font-size: 85%;
    transition: all .3s;
}
.input-group-addon.toggle_size_icon > i.selected{
    font-size: 115%;
    color: #595959;
}
.input-group-addon.toggle_size_icon > i:not(.selected){
    color: #777777;
}

/* ----------------------------------------------------------------------------- */
/* --->> classe para botao sem alteracao de background na classe col-arrow <<--- */
/* ----------------------------------------------------------------------------- */
.col-arrow .btn-stateless:hover,
.col-arrow .btn-stateless:active,
.col-arrow .btn-stateless:focus{
    background: transparent !important;
}

/* ------------------------------------------------------------------ */
/* --->> esqueleto do code-mirror pra nao utilizar o componente <<--- */
/* ------------------------------------------------------------------ */
.code-mirror-skeleton{
    border: 1px solid #cbd8e6 !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #fff;
    font-family: monospace;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 285px;
}
.code-mirror-skeleton.margin{
    margin: 16px auto;
}
.code-mirror-skeleton::before{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 37px;
    height: 100%;
    background-color: #f7f7f7;
    border-right: 1px solid #eee;
}
.code-mirror-skeleton::after{
    content: "1";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 37px;
    font-size: 14px;
    font-family: inherit;
    color: #aaa;
    text-align: right;
    padding: .4em .2em .4em .4em;
    cursor: default;
}

/* ajuste ui-avatar-picture dentro do input-group-addon */
.input-group-addon > ui-avatar-picture{
    display: flex;
}
.input-group-addon > ui-avatar-picture .round-thumb{
    margin: 0px;
}

/* table com tamanho small */
.table.table-small tr th {
    font-size: 85% !important;
    color: #929292;
}
.table.table-small tr td {
    font-size: 85% !important;
}

/* resultado-com-thumb - RESULTADO DE SELECT2 COM IMAGEM */
.resultado-com-thumb .resultado-thumb .round-thumb {
    width: 39px;
    height: 39px;
    overflow: hidden;
    text-align: center;
    float: none;
    margin-right: 0px;
}
.resultado-com-thumb .resultado-thumb {
    padding-left: 4px;
    padding-right: 4px;
    min-width: 40px;
    float: left;
}
.resultado-com-thumb .resultado-info {
    padding-left: 12px;
    padding-right: 4px;
    width: calc(100% - 47px);
    float: left;
}

/* pequeno icone arredondado no canto direito de outro icone, utilizado para */
.mini-icon-bottom-right {
    position: absolute;
    font-size: 11px;
    bottom: -2px;
    margin: auto;
    right: -3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0px 0px 0px 1px rgb(255, 255, 255);
}

/* icone de sinalizacao de cortesia */
.fa-gift.cortesia {
    color: #2da0d7;
}

/* ajustes da classe group-list */
.group-list .group-heading .group-title {
    padding-left: 16px;
    padding-right: 0px;
}
.group-list .group-heading.has-checkbox > .bth-checkbox {
    left: -8px;
}
.group-list .group-heading.has-checkbox .group-title {
    padding-left: 16px;
    padding-right: 0px;
}
.group-list .group-heading.has-checkbox:after {
    left: 30px;
}
.group-list .group-heading:after {
    content: "\F105";
    font-size: 14px;
    color: #999;
    margin-top: -7px;
    right: unset;
    left: 10px;
}
.group-list .group-heading.open:after {
    content: "\F107";
}
.group-list .group-heading.loading:after {
    content: "\F1CE";
    animation: fa-spin 2s infinite linear;
    height: 11px;
    width: 10px;
    margin-left: 3px;
    margin-top: -5px;
    font-size: 10px;
}
.group-list .group-list-body {
    padding: 10px;
}
.group-list-ambiente .group-list .group-heading:hover {
    background-color: #f8f8f8;
    transition: none;
}
.group-list-ambiente .group-list .group-heading:after {
    color: #222;
}
.group-list-ambiente .group-list,
.group-list-ambiente .group-list .group-heading {
    background-color: #fff;
}
.group-list-ambiente .group-list .nav.nav-tabs {
    padding: 10px 10px 0 10px;
}
.group-list-ambiente .group-list .row {
    margin-bottom: 10px;
}
.group-list .group-heading:hover {
    background-color: #f8f8f8;
    transition: none;
}
.group-list-ambiente .group-list .group-list-itens {
    border-top: 1px solid #eee;
}
.group-list-ambiente .group-list .group-list .group-heading {
    background-color: #eff1f6;
}
.group-list-ambiente .group-list .group-heading .group-title .row {
    margin-bottom: 0px;
}

/* esconde a ultima div de busca do select2 */
.hide-search-field .select2-search-field {
    display: none;
}

/* loading em input */
.input-mini-loading input:disabled {
    background-image: none !important;
}

.input-mini-loading input {
    padding-right: 8px;
}

.input-mini-loading__data::before {
    right: 30px !important;
}

.input-mini-loading::before {
    content: "\F1CE";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    position: absolute;
    top: 6px;
    right: 4px;
    color: #999;
    font: normal normal normal 10px/1 FontAwesome;
    height: 11px;
}

.text-italic {
    font-style: italic;
}

.strong {
    font-weight: bold;
}

.btn.btn-default.btn-active {
    background-color: #e1e3e6;
}

.btn.no-focus:focus {
    outline: none;
}

/* alerta de quebra de layout do prototipo */
#alerta-cache-prototipo {
    width: 20px;
    height: 20px;
    font-size: 24px;
    background-color: #fff;
    color: #337ab7;
    border-radius: 50%;
    position: fixed;
    bottom: 16px;
    left: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.4;
    transition: all 0.2s;
    z-index: 9;
}

#alerta-cache-prototipo > .alerta-cache-prototipo__msg {
    display: none;
    position: absolute;
    width: 400px;
    font-size: 12px;
    left: 28px;
    padding: 4px 8px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    border-radius: 4px;
    transition: all 0.2s;
}

#alerta-cache-prototipo:hover {
    opacity: 1;
}

#alerta-cache-prototipo:hover > .alerta-cache-prototipo__msg {
    display: block;
}

.btn-group .alert {
    margin: 0px
}

.ui-list-checkbox-container .bth-checkbox label {
    width: 100%;
}

.table .modal-header__btn-info {
    float: unset;
    margin: 0px;
    color: #767676;
    opacity: unset;
}

.icone-produto.fa.fa-gavel {
    transform: rotate(18deg) !important;
}

.focused {
    outline: -webkit-focus-ring-color auto 1px;
}

.group-list-itens.row-has-margin-bottom .row {
    margin-bottom: 10px;
}

.modal-full-screen {
    max-width: 100% !important;
    margin: 0px !important;
    width: 100% !important;
    height: 100% !important;
}

.modal-full-screen .modal-content {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

.modal-full-screen .modal-content .modal-body {
    height: 100% !important;
    overflow-y: auto;
}

.modal-header button.expand {
    color: silver;
    font-size: 15px;
    font-weight: 300;
    line-height: 15px;
    margin-top: 5px;
    opacity: 1;
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
    float: right;
    text-shadow: 0 1px 0 #fff;
    margin-right: 4px;
}

.modal-header button.expand:hover {
    color: #000;
    opacity: .5;
}

.table > tbody > tr > td.collapsed a:not(.select2-choice):hover {
    text-decoration: underline;
}

.table > tbody > tr > td.collapsed .table > tbody > tr > td:last-child a:hover,
.table > tbody > tr > td:last-child a:focus{
    text-decoration: none;
}

.disabled-aplicar-reajuste {
    color: inherit;
    cursor: auto;
    text-decoration: none;
    pointer-events: none;
}

.table>tbody>tr.no-indentation.no-border-left>td>div {
    border-left: 0px solid #ebebf0;
    margin: -1px -1px -1px -1px;
}

.table>tbody>tr.no-indentation.has-collapse>td>div {
    border-left: 2px solid #ebebf0;
}

.table>tbody>tr.no-indentation.no-collapse tbody tr td:first-child,
.table>tfoot>tr.no-indentation.no-collapse tbody tr td:first-child,
.table>thead>tr.no-indentation.no-collapse tbody tr td:first-child {
    width: auto !important;
}

.table.no-lines tbody tr td {
    border-top: 0px !important;
    border-bottom: 0px !important;
}

.table.table-condensed>tbody>tr.no-indentation>td{
    padding: 0px !important;
}

.table.table-condensed .col-arrow>button{
    line-height: 1 !important;
    padding: 0px !important;
}

.megamenu li .megamenu-dropdown .mega-fluxos li kbd{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
}

.list-item-flex.opened .btn.collapse i.material-icons,
.list-item-flex.opened .btn.collapse i.material-icons {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.list-item-flex.opened,
.list-item-flex.opened .btn.collapse {
    background-color: #f5f7fa;
}

.list-item-flex .btn.collapse i,
.list-item-flex .btn.collapse i {
    transition: -webkit-transform .35s ease;
    transition: transform .35s ease;
    transition: transform .35s ease,-webkit-transform .35s ease;
}

.flex-collapse:not(.no-indentation) {
    box-shadow: #f5f7fa 4px -4px inset, #f5f7fa -4px 0px inset;
}

.flex-collapse:not(.no-indentation) .list-item-flex:not(.ui-draggable-dragging):not(.opened) {
    background-color: transparent !important;
}

.flex-collapse:not(.no-indentation) .list-item-flex.opened{
    background-color: #f5f7fa !important;
}

.group-list-itens.in.collapse.bordered {
    border-bottom: 1px solid rgb(239, 241, 246);
    border-right: 1px solid rgb(239, 241, 246);
    border-left: 1px solid rgb(239, 241, 246);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.dropdown-menu li.loading::before {
	content: "\F1CE";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    position: absolute;
    top: 10px;
    right: 6px;
    color: #999;
    font: normal normal normal 12px/1 FontAwesome;
    height: 11.4px;
}

.dropdown-menu li.loading {
	position: relative;
}

.dropdown-menu li.loading > a {
	padding-right: 24px;
	cursor: default !important;
    opacity: .5;
    pointer-events: none;
}

div.loading::before {
	content: "\F1CE";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    position: absolute;
    top: 10px;
    right: 6px;
    color: #999;
    font: normal normal normal 12px/1 FontAwesome;
    height: 11.4px;
}

div.loading {
	position: relative;
}

div.loading > a {
	padding-right: 24px;
	cursor: default !important;
    opacity: .5;
    pointer-events: none;
}

div.loading > .select2-choice > .select2-arrow {
	font-size: 0px !important;
}

.connect-sortable-list .main-sortable{
    display: grid;
    grid-auto-rows: 1fr;
    grid-auto-columns: 100%;
}
.connect-sortable-list.item-hover-two-rows{
    border: 1px solid #3877c2;
    border-left: 0;
    border-right: 0;
    background-color: #ebf4f7;
}
.connect-sortable-list.item-hover-invalido{
    border: 1px solid #d64038;
    border-left: 0;
    border-right: 0;
    background-color: #ebf4f7;
}
.connect-sortable-list.item-selecionado-two-rows{
    border: 1px solid #ccc;
    border-left: 0;
    border-right: 0;
    opacity: 0.3;
}
.connect-sortable-list.ui-draggable-dragging{
    opacity: 0.9;
    z-index: 0;
    width: calc(100% - 8px);
    background-color: #fff !important;
}

.input-xs {
    font-size: 12px;
    height: 20px;
}

/* -----------------------------------------*/
/* ---------->>> GENERICOS <<<--------------*/
/* -----------------------------------------*/
/*** SCROLL BAR ***/
* {
    scrollbar-width: thin !important;
}
.scrollContent {
    position: relative;
}
.scrollBar {
    overflow-y: scroll;
    overflow-x: hidden;
}
.scrollBar::-webkit-scrollbar {
    width: 8px;
}
.scrollBar.thin {
    transition: all 0.5s;
}
.scrollBar.thin::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-track {
    border-radius: 0px;
    background: rgba(100, 100, 100, 0.1);
}
::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0.1);
}
/*** Scroll 2 ***/
::-webkit-scrollbar {
    width: 8px;
    height: 6px;
}
::-webkit-scrollbar-track {
    border-radius: 0px;
    background: #f3f3f3;
}
::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: #b5b5b5;
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0.1);
}

/*** Link no na tag A ***/
.a-link, .a-link > i {
    color: #3475c1!important;
}
.a-link:hover, .a-link:hover > i {
    color: #295d99!important;
}
/*** Text line through ***/
.text-line-through {
    text-decoration: line-through;
}
/*** Required com tooltip ***/
.required-tooltip {
    margin-left: 2px;
    font-size: 14px;
    font-weight: 900;
}
.required-tooltip:before {
    content: '*';
}

/*** Center block ***/
.certer-block {
    display: block;
}

/*** Usuário removido ***/
.usuario-removido {
    color: #777;
    text-decoration: line-through;
}
.select2-highlighted .usuario-removido {
    color: #fff;
}

/*** List alert tm td ***/
.table td .list-alert,
.table td:hover .list-alert {
    width: auto;
    height: auto;
    color: #fff;
}

/*** List alert tm td ***/
.system-footer-fixed {
    position: fixed;
    z-index: 3;
    width: 100%;
    background: #FFF;
    left: 0px;
    bottom: 0px;
    right: 0px;
    padding: 10px;
    margin: 0px;
    border-top: 1px solid #ebedf0;
}

/*** Tabela/table indentation ajustes   ***/
.table>tbody>tr.no-indentation>td>div,
.table>tfoot>tr.no-indentation>td>div,
.table>thead>tr.no-indentation>td>div {
    /* border-bottom: 2px solid #ebebf0; */
}

/*** inputs sem css ***/
.form-control.edit-inline-min,
.input-group.edit-inline-min .form-control {
    padding: 0px;
    min-height: auto;
    height: auto;
    margin-top: 0px;
}
.input-group.edit-inline-min .btn {
    padding: 0 4px;
    min-height: auto;
    height: auto;
    border-left: 0;
}
.form-control.edit-inline-min.select2-container .select2-choice {
    min-height: 21px!important;
    height: 21px;
    padding: 0px 5px;
}
.form-control.edit-inline-min.select2-container .select2-choice>.select2-chosen {
    line-height: 1.5;
}
.form-control.edit-inline-min.select2-container .select2-choice .select2-arrow {
    line-height: 20px
}
/*.form-control.input-sm.edit-inline-min.select2-search {
    min-height: 21px;
}
.form-control.input-sm.edit-inline-min.select2-drop:not(.select2-drop-above).select2-with-searchbox .select2-search {
    top: -21px;
}
.form-control.input-sm.edit-inline-min.select2-drop:not(.select2-drop-above) .select2-search input {
    padding: 0px 20px 1px 8px;
}*/
.form-control.edit-inline-min {
    min-height: 21px;
    margin-top: 0px!important;
}

/*** Select ajustes ***/
.pessoa-choice-close {
    top: 9px!important;
}
.select-colors .select2-results li:not(.select2-selected) {
    display: inline-block;
    border-radius: 3px;
}
.select-colors .select2-results li:hover {
    background-color: rgba(0, 0, 0, 0.1);
}
.select2-results .select2-result-label {
    max-width: initial!important;
}
.select2-container-multi .select2-choices small.text-muted{
    color: rgba(255, 255, 255, 0.6784313725490196)!important;
}
.select2-container-multi .select2-choices .select2-search-field input {
    padding: 0px 5px!important;
}
.select2-container.has-placeholder .select2-choices .select2-search-field input {
    width: 100% !important;
}
.select2-container-multi .select2-choices .select2-search-field {
    z-index: 0;
}
.select2-container-multi .select2-choices .select2-search-choice {
    z-index: 2;
}
.select2-container-multi.form-control input {
    width: 100%!important;
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
background: none!important;
}
.select2-container.input-sm .select2-choice,
.select2-container-multi.input-sm .select2-choices {
    min-height: 30px;
}
.select2-container .select2-choice>.select2-chosen {
    line-height: 2;
}
.well .select2-container .select2-choice>.select2-chosen {
    line-height: 1.6;
}
.select2-spreadsheet {
    margin-top: 0px;
}
.input-group .input-sm.select2-container .select2-choice>.select2-chosen {
    line-height: 1.8;
}
/*** Colana com botão de remover ***/
.col-btn-remove {
    padding-right: 45px!important;
}
.col-btn-remove .btn {
    position: absolute;
    top: 0;
    right: 4px;
}

/***  ***/
.ui-spinner.hide-arrows .ui-spinner-input {
    width: 100%!important;
}

/*** Cor em link com formato de botão no list flex ***/
.item-content-flex a.btn {
    color: #000;
}

/*** Menu utilitários ajuste hover ***/
/* .drop-right-box .drop {
    padding: 2px 11px 5px 10px;
} */

/*** Select Loading ***/
.select2-more-results.select2-active.loading-select {
    background-color: #eee;
    position: absolute;
    z-index: 1;
    list-style: none;
    top: 31px;
    right: 12px;
    width: 16px;
    height: 16px;
}

/*** Placeholder visivel ***/
.visible-placeholder {
    position: absolute;
    z-index: 99;
    right: 25px;
    top: 5px;
    font-size: 10px;
    color: #b5b5b5;
}

/*** table-row-checked>td reforçado ***/
.has-table-row-checked>td {
    background-color: #fffde2;
}
.table-row-checked-h>td {
    background-color: #f9f4d9;
}
.opened.opened-gray>td:not(.bg__yellow--l30),
.opened.opened-gray>tr:not(.bg__yellow--l30) {
    background-color: #ebebf0!important;
}

/*** Select2: Ícones brancos quando estiver no modo hover ***/
.select2-results .select2-highlighted i,
.select2-results .select2-highlighted .text-muted {
    color: #fff!important;
}
.select2-results .select2-highlighted small.text-muted {
    color: rgba(255, 255, 255, .6);
}

/***  Has alert  e has edit ***/
.has-alert {
    position: relative!important;
}
.has-alert .input-alert {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0;
    padding: 3px
}
.has-alert .list-alert-group {
    z-index: 3;
}
/* list-alert-group na esquerda */
.has-alert .list-alert-group.left{
    left: 0px;
    right: unset;
}
.has-alert .list-alert-group.alert-informacao {
    left: 0px;
    right: auto;
}
.has-alert .list-alert-group.alert-informacao.alert-right {
    left: auto;
    right: 0px ;
}
.has-alert .list-alert-group.alert-informacao .list-alert {
    padding: 1px 1px 0px!important;
    font-size: 9px;
}
.has-edit {
    position: relative
}
.has-edit .table-alert {
    color: white;
    font-size: 13px;
    height: 7px;
    padding-top: 4px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all .2s linear;
    width: 7px;
}
.has-edit:hover .table-alert {
    height: 22px;
    transition: all .2s linear;
    width: 10px;
}
.table-alert {
    overflow: hidden;
}

/* Ajustes framework has-alert */
.table>tbody>tr>td.has-edit.has-alert,
.table>tbody>tr>th.has-edit.has-alert,
.table>tfoot>tr>td.has-edit.has-alert,
.table>tfoot>tr>th.has-edit.has-alert,
.table>thead>tr>td.has-edit.has-alert,
.table>thead>tr>th.has-edit.has-alert {
    padding-right: 3px!important;
}
.table>tbody>tr>td.has-edit.has-alert .input-group:last-child,
.table>tbody>tr>th.has-edit.has-alert .input-group:last-child,
.table>tfoot>tr>td.has-edit.has-alert .input-group:last-child,
.table>tfoot>tr>th.has-edit.has-alert .input-group:last-child,
.table>thead>tr>td.has-edit.has-alert .input-group:last-child,
.table>thead>tr>th.has-edit.has-alert .input-group:last-child {
    margin-right: 0;
}

/* has-edit-icon-input */
.has-edit-icon-input .form-control {
    padding-left: 12px;
}

/*** Has focus ***/
.has-focus {
    border-color: #66afe9 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}

/*** Display tipos ***/
.inline-table {
    display: inline-table;
}
.inline-block-middle {
	display: inline-block;
	vertical-align: middle!important;
}
.display-inline {
    display: inline;
}
.display-table {
    display: table
}
.display-flex {
	display: flex;
}
.display-flex div {
	width: 100%;
}
.display-flex-column-center{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.flex-middle {
    display: flex;
    align-items: center;
}

/*** Pointer events ***/
.events-disabled {
    pointer-events: none;
}

/*** Dropdown ícone select ***/
.dropdown.dropdown-iconselector.open{
text-align: center;
}

/*** Sub dropdown ***/
.sub-dropdown {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333;
    white-space: nowrap;
}
.sub-dropdown>a {
    color: #333 !important;
    display: block;
}
.sub-dropdown a:hover {
    text-decoration: none
}
.sub-dropdown:hover {
    background-color: #f5f5f5;
}

/*** Graphic Transition ***/
.svg-graphic-transition {
    transition: all 1s ease;
}

/***** Round Thumb Imagem ***/
.round-thumb {
    background-size: cover!important;
    background-position: center!important;
    background-color: #DDD;
}
.input-group .input-group-addon .round-thumb {
   width: 20px;
   height: 20px;
}

/*** Photo container: adicionar/remover foto ***/
.photo-container {
    background-size: cover;
    background-position: center;
    border: 4px solid #fff;
    background-image: url(images/avatar.png);
}
.photo-container .picture-btn {
    left: auto;
    top: 5px;
    right: 15px;
}
.photo-container .picture-btn:hover {
    opacity: 0.3!important;
}
.photo-container.file-drop {
    border: 3px dashed #0066aa;
}

/*** List group min + Pesquisar min ***/
.list-group-min .list-group-item {
    padding: 5px 10px;
}

/*** Panel min + searsh min ***/
.panel-input-search {
    border-radius: 3px 3px 0px 0px;
}
.panel-content-search {
    border-radius: 0px 0px 3px 3px;
}

/*** Alerta min ***/
.alert.alert-min {
    padding: 4px;
    font-size: 85%;
    margin-bottom: 0px;
}
.alert.alert-min.alert-icon {
    padding: 4px 4px 4px 32px;

}
.alert.alert-min::before {
    font-size: 18px;
    height: 18px;
    left: 8px;
    top: 4px;
    width: 18px;
}

/*** list item + classe flex ***/
.list-group-item.flex {
    display: flex;
    justify-content: space-between;
}

/*** dropdown ajustes switch ***/
.dropdown-menu .dropdown-switch {
    padding: 3px 20px;
}

/*** Helpers ***/
.m-top-22 {
    margin-top: 22px;
}
.m-top-28 {
    margin-top: 28px;
}
.m-right-10 {
    margin-right: 10px;
}

/*** Table textarea elastic ***/
.table .form-control-elastic {
    min-height: 28px;
    line-height: 18px;
    height: 28px;
    width: 100%;
    margin: 3px 0px 0;
    padding: 2px 6px;
    border-radius: 0;
    border-color: #ddd;
    background-color: transparent;
    box-shadow: none;
}
.table .form-control-elastic.edit-inline-min {
    height: 21px;
    min-height: 21px;
}

/*** Table Min ***/
.table.table-edit-min td,
.table.table-edit-min th {
    font-size: 12px;
}
.table.table-edit-min td.has-edit .form-control {
    font-size: 12px;
    padding: 6px 4px 5px;
}
.table.table-edit-min td.has-edit .select2-container .select2-choice {
    font-size: 12px!important;
    padding: 4px 3px;
}
.table.table-edit-min .table-row-checked td {
    background-color: #f8f9d2!important;
}

/* table sem bordar */
.table.no-border tbody tr td,
.table.no-border thead tr th {
    border-right: none!important;
    border-left: none!important;
}
.table.no-border,
.table.no-border .table {
    border-right: none!important;
    border-left: none!important;
    border-top: none!important;
}
.table.no-border>tbody>tr td.children>div:before {
    width: 1px;
    background: none;
}
/* treelist ajustes sem bordar */
.table.no-border.table-treelist tbody tr td:not(.children),
.table.no-border.table-treelist thead tr th {
    padding: 3px;
}
.table.no-border.table-treelist tbody tr td .cell-indentation {
    line-height: 0
}
.table.no-border.table-treelist tbody tr td .cell-indentation .btn.btn-xs.btn-link {
    line-height: 1.1;
}
.table.no-border.table-treelist tbody tr td .line:before,
.table.no-border.table-treelist tbody tr th .line:before,
.table.no-border.table-treelist thead tr td .line:before,
.table.no-border.table-treelist thead tr th .line:before,
.table.no-border.table-treelist tbody tr td .bow:before,
.table.no-border.table-treelist tbody tr th .bow:before,
.table.no-border.table-treelist thead tr td .bow:before,
.table.no-border.table-treelist thead tr th .bow:before {
    height: calc(100% + 8px);
    top: -5px;
}
.table.table-treelist tbody tr td .end:before,
.table.table-treelist tbody tr th .end:before,
.table.table-treelist thead tr td .end:before,
.table.table-treelist thead tr th .end:before {
    height: calc(50% + 5px);
    top: -5px;
}

/* table boders */
.table-border-right {
    border-right: 2px solid #d0d0d0!important;
}

/*** Icone small ***/
.icon-small {
    height: 20px !important;
    width: 20px !important;
    margin: 0 !important;
    border-width: 3px !important;
}
.icon-min {
    height: 17px !important;
    width: 17px !important;
    margin: 0 !important;
    border-width: 3px !important;
}

/*** Retirando margin/padding left das rows ***/
.no-margin-left-row .row {
    margin-left: 0px!important;
    padding-left: 0px!important;
}

/*** Switch disabled  ***/
.bth-switch.not-allowed input,
.bth-switch.not-allowed label,
.bth-switch.not-allowed label:before,
.bth-switch.not-allowed label:after {
    cursor: not-allowed!important;
}

/*** Link disabled ***/
.cursor-link-disabled {
    cursor: not-allowed!important;
}
.list-group-item.list-group-sortable.cursor-link-disabled:hover {
    background-color: #fff!important;
}
.cursor-link-disabled a,
.cursor-link-disabled button,
.cursor-link-disabled .form-control,
.cursor-link-disabled .lead,
.cursor-link-disabled>* {
   pointer-events: none;
   opacity: .65;
}
.ui-spinner.cursor-link-disabled .form-control {
   opacity: 1;
}
.ui-spinner.cursor-link-disabled a.ui-spinner-button {
    opacity: 1;
    background-color:#ebedf0;
}
.bth-passoapasso .cursor-link-disabled:hover {
    background-color: #f1f1f1;
    color: #333;
}
.bth-passoapasso .cursor-link-disabled:hover {
    background-color: #f1f1f1;
}
.bth-passoapasso .cursor-link-disabled:hover a {
    color: #000;
}
.page-header.has-filter .bth-passoapasso li.cursor-link-disabled.active,
.page-header.has-filter .bth-passoapasso li.cursor-link-disabled:hover {
    background-color: #e7eaef;
}
.bth-passoapasso li.cursor-link-disabled:hover a:before {
    background-color: #a1d5ab;
}
 .bth-wizard__item--warning {
    color: #EFBC3C;
}
.bth-wizard__item--warning:before {
    border-color: #EFBC3C;
    color: #EFBC3C;
    content: "warning";
    font-family: Material Icons,Arial,sans-serif;
    font-size: 13px;
    text-transform: none;
}
.bth-wizard__item--warning .bth-wizard__title,
.bth-wizard__item--warning button.bth-wizard__title--action:focus,
.bth-wizard__item--warning button.bth-wizard__title--action:hover {
    color: #daaa30;
}
.bth-wizard__item--warning:after {
    border-color: #daaa30;
}

.bth-wizard__item--warning.bth-wizard__item--active:before {
    background-color: #EFBC3C;
    color: #fff;
    font-weight: 400;
}

/*** Click disabled - Desabilidar sem opacity e com Cursor  ***/
/*** Link disabled ***/
.click-disabled {
    cursor: not-allowed!important;
}
.click-disabled a,
.click-disabled button,
.click-disabled .form-control,
.click-disabled .lead,
.click-disabled>* {
   pointer-events: none;
}

/*** Ellipsis ***/
.label-ellipsis,
.ellipsis-middle {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}

/*** label default iniciando com cor branca ***/
.label,
.label-info,
.label-default,
.label-warning {
    color: #fff!important;
}
.label.gray3,
.label-default {
    background-color: #7e7e7e;
}

/*** Checkbox parcial ***/
.bth-checkbox.bth-checkbox-parcial input[type="checkbox"]:checked+label::after {
    font-family: fontAwesome;
    font-size: 11px;
    line-height: 17px;
    content: "\F068"!important;
}
/* .bth-checkbox-parcial label::after {
    width: 13px!important;
    line-height: 15px!important;
} */

/*** Dropdown menu z-index ***/
.modal-open.uib-dropdown-open>.dropdown-menu {
    z-index: 1080;
}

/*** Badge ***/
.badge-success {
    background-color: #5cb85c!important;
}
.badge-danger {
    background-color: #d9534f!important;
}
.badge-codigo {
    font-size: 11px;
}
.table .badge-codigo {
    min-width: 100%;
    display: block;
}
.list-item-flex .badge-codigo {
    width: 55px;
}

/*** Não expande agrupador ***/
.nao-expande.group-list .group-heading:after {
    content: '';
}

/*** Ícone rotate 45deg ***/
.fa-rotate-45 {
    transform: rotate(45deg);
}

/*** Retirando margin/padding left das rows  ***/
.no-margin-left-row .row {
    margin-left: 0px!important;
    padding-left: 0px!important;
}

/*** Cursors ***/
.cursor-pointer {
    cursor: pointer;
}
.cursor-webkit-grab {
    cursor: -webkit-grab;
}
.cursor-webkit-grab:focus,
.cursor-webkit-grab:active,
.cursor-webkit-grab:visited {
    cursor: -webkit-grabbing;
}

/*** User feedback ***/
.users-feedback {
    z-index: 1100;
}

/* Registro desativado*/
.modal-footer .bth-checkbox {
    margin-top: 6px;
}

/*** Input group addon borda ***/
.input-group.input-group-addon-left .select2-container .select2-choice {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
}
.input-group .select2-container {
    display: table;
    table-layout: fixed;
}

/*** Input group alerta inconsistência ***/
.input-group-inconsistencia {
    position: relative;
}
.input-group-inconsistencia .fa-exclamation-triangle {
    position: absolute;
    right: 40px;
    top: 7px;
    z-index: 1;
    height: 18px;
    padding-top: 2px;
}
.input-group-inconsistencia.multiple .fa-exclamation-triangle {
    right: 5px;
    background: #fff;
}
.input-group-inconsistencia .select2-container .select2-choice {
    padding-right: 28px;
}
.input-group-inconsistencia .select2-container-multi .select2-choices li:nth-last-child(2) {
    margin-right: 30px!important;
}

/*** Input group personalizado ***/
.input-group-periodo-personalizado {
    display: flex;
}
.periodo-peronsalizado-select {
    width: 100%;
}
.input-group-periodo-personalizado .periodo-peronsalizado-select {
    width: 130px;
}
.input-group-periodo-personalizado .periodo-peronsalizado-select .select2-choice {
    border-radius: 3px 0px 0px 3px!important;
    width: 100%
}
.input-group-periodo-personalizado .periodo-peronsalizado-datas {
    width: calc(100% - 130px)!important;
}
.input-group-periodo-personalizado .periodo-peronsalizado-datas .data-inicial {
    border-radius: 0px;
    border-left: 0px;
}

/*** Frase listagem padrão ***/
p.lead {
    font-size: 18px;
    padding-top: 25px;
    padding-bottom: 15px;
}

/* Select disabled header filter */
.page-header.has-filter .select2-container.select2-container-disabled .select2-choice {
    background-color: #eee!important;
}

/*** icon-selector - retirado width fixo ***/
.ui-icon-selector{
    min-width: 39px;
    width: auto !important;
}
/*** dropdown cores selector ***/
.dropdown-colorselector,
.dropdown-iconselector {
    text-align: center;
}
.dropdown-iconselector>.dropdown-menu,
.dropdown-colorselector>.dropdown-menu{
    top: inherit !important;
    left: calc(50% - 17px) !important;
}
.dropdown-icon-right .dropdown-iconselector>.dropdown-menu,
.dropdown-color-right .dropdown-colorselector>.dropdown-menu{ /* icon/color dropdown abre centralizado na direita */
    left: inherit !important;
    right: calc(50% - 17px);
}
.dropdown-icon-right .dropdown-menu.dropdown-caret:before,
.dropdown-color-right .dropdown-menu.dropdown-caret:before {
    left: inherit !important;
    right: 9px;
}
.dropdown-icon-right .dropdown-menu.dropdown-caret:after,
.dropdown-color-right .dropdown-menu.dropdown-caret:after {
    left: inherit !important;
    right: 10px;
}

/*** Definindo parametros draggable ***/
.row-draggable {
    background-color: #eff1f6;
    border-radius: 3px;
    padding: 6px;
    margin-bottom: 2px;
    cursor: pointer;
}

/*** Campo invalido ***/
.input-invalid {
    border-color: #ec9191!important;
}

/* -------------------------------------------*/
/* ---------->>> FILTRAR POR <<<--------------*/
/* -------------------------------------------*/
/* FILTRAR POR > Fundo branco
////////////////////////////////////// */
.filtrar-por.tela-atendimento,
.filtrar-por.filtrar-por-branco {
    background: none;
}

/* FILTRAR POR > Totalizador
////////////////////////////////////// */
.filtrar-por .badge.filtrar-por__totalizador {
    font-size: 10px;
    padding: 1px 5px 2px;
    margin-top: -2px;
    margin-left: -2px;
    background-color: #b0b6bd;
    font-weight: 600;
    display: inline-block;
}
.filtrar-por li.active .badge.filtrar-por__totalizador {
    background-color: #94999e;
}

/* FILTRAR POR > Ajuste para não quebrar os dropdowns
////////////////////////////////////// */
.filtrar-por .dropdown-menu li:not(.filtrar-por-list__acoes) {
    display: list-item;
}
.filtrar-por .dropdown-menu a {
    margin: 0px;
    background-color: transparent!important;
    padding: 3px 20px;
    font-size: 14px;
    display: block;
}
.filtrar-por .dropdown-menu a:hover {
    color: #262626;
    background-color: #f5f5f5!important;
}
.filtrar-por .ui-list-checkbox-container,
.filtrar-por .ui-list-radio-container {
    line-height: 18px !important;
}
.filtrar-por li.multiple a {
    cursor: default !important;
}
.filtrar-por li.multiple i {
    cursor: pointer !important;
}
.filtrar-por .open>.dropdown-menu {
    left: auto;
}
.filtrar-por li ul {
    padding-top: 8px;
}
.filtrar-por li .dropdown-menu-data {
    width: 180px;
}
.filtrar-por li .dropdown-menu-periodo {
    width: 380px;
}
.filtrar-por li .dropdown-menu-periodo-datahora {
    width: 460px;
}
.filtrar-por li ul li {
    display: block;
}
.filtrar-por li ul li.collapse:not(.in) {
    display: none!important;
}
.filtrar-por li ul li label {
    line-height: 12px;
    padding-left: 5px;
}
.filtrar-por li ul .bth-checkbox label{
    line-height: 20px;
    padding-left: 15px;
}
.filtrar-por li ul .bth-radio label {
    line-height: 20px;
}
.filtrar-por li ul li .input-group .input-group {
    padding: 0px;
}
.filtrar-por li ul li .input-group {
    padding: 4px;
}

/* FILTRAR POR > Lista
////////////////////////////////////// */
.dropdown-menu.filtrar-por-list-popover {
    padding: 10px 10px 29px 10px;
}
.filtrar-por-list-popover .filtrar-por-list-popover_itens {
    padding: 0px;
    margin: 0px;
    list-style: none;
    max-height: 300px;
    overflow-y: auto;
}
.filtrar-por-list-popover .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.filtrar-por-list-popover_itens .ui-list-checkbox-container {
    padding: 3px 5px;
}
.filtrar-por-list-popover_itens .ui-list-checkbox-container.active {
    background-color: #f5f5f5;
}
.filtrar-por-list-popover_itens .ui-list-radio-container {
    padding-left: 4px;
}
.filtrar-por-list-popover_itens .ui-list-radio-container label {
    padding-left: 0px;
}
.filtrar-por-list-popover_itens .ui-list-radio-container label:before {
    top: -1px;
}
.filtrar-por-list-popover_itens .ui-list-radio-container label:after {
    top: 2px;
}
.filtrar-por-list-popover_itens .filtrar-por-list-popover_item-title {
    background: #eaecef;
    border-top: 1px solid #cbced2;
}
.filtrar-por-list-popover_itens .filtrar-por-list-popover_item-title label {
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
}
.filtrar-por-list-popover_itens .filtrar-por-list-popover_item-title .btn-expand {
    padding: 0px;
}
.filtrar-por-list-popover_itens .filtrar-por-list-popover_item-title .btn-expand i  {
    font-size: 18px;
    line-height: 18px;
    color: #4d4d4d;
}
.filtrar-por-list-popover .filtrar-por-list__acoes {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    display: flex;
    background: #fff;
    border-radius: 0px 0px 4px 4px;
    justify-content: flex-end;
    border-top: 1px solid #e0e0e0;
}
.filtrar-por-list-popover .filtrar-por-list__acoes button {
    width: 100%;
    padding: 3px;
        font-size: 13px;
    color: #3475c1;
    border-left: 1px solid #e0e0e0;
}
.filtrar-por-list-popover .filtrar-por-list__acoes button:first-child {
    border-left: 0px solid #e0e0e0;
}



/* --------------------------------------------------------*/
/* ---------->>> TOTALIZADOR <<<--------------*/
/* --------------------------------------------------------*/
/* Totalizador > Valor negativo
////////////////////////////////////// */
.list-total-group.negative {
    background-color: #f7776e;
}

.list-total-group.negative:before {
    border-bottom-color: #f7776e;
}

/* ---------------------------------------------------------*/
/* ---------->>> Select ajustes <<<--------------*/
/* ---------------------------------------------------------*/
/* .select2-container-multi input {
width: 100%!important;
} */
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
background: none!important;
}

/* ---------------------------------------------------------*/
/* ---------->>> INPUT GROUP <<<--------------*/
/* ---------------------------------------------------------*/
/* INPUT GROUP SELECT > Entre selects para diretivas
/* INPUT GROUP TEXT > Entre .form-control para diretivas
////////////////////////////////////// */
.input-group-select,
.input-group-text {
    display: flex;
}
.input-group.input-group-text .form-control.input-right {
    border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important;
    border-bottom-right-radius: 2px!important;
    border-top-right-radius: 2px!important;
    border-left: 0px!important;
}
.input-group-select .form-control,
.input-group-text .form-control {
    width: 50%;
}
.input-group.input-group-select .select2-container .select2-choice,
.input-group.input-group-select .select2-container-multi .select2-choices {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
}
.input-group.input-group-select .select2-container.form-control.select-right,
.input-group.input-group-select .select2-container.form-control.select-right .select2-choice,
.input-group.input-group-select .select-right .select2-container .select2-choice,
.input-group.input-group-select .select-right .select2-container-multi .select2-choices {
    border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important;
    border-bottom-right-radius: 2px!important;
    border-top-right-radius: 2px!important;
    border-left: 0px!important;
}
.input-group.input-group-select>.select2-container:first-child .select2-choice,
.input-group.input-group-select>input:first-child {
    border-right: 1px solid #c0c0c0;
}

.table .input-group.input-group-select .select2-container.form-control.select-right,
.table .input-group.input-group-select .select2-container.form-control.select-right .select2-choice,
.table .input-group.input-group-select .select-right .select2-container .select2-choice,
.table .input-group.input-group-select .select-right .select2-container-multi .select2-choices,
.table .input-group.input-group-select .select-right .select2-choice {
    border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important;
    border-bottom-right-radius: 0px!important;
    border-top-right-radius: 0px!important;
    border-left: 0px!important;
}

/*
* Table
*/
.table td.has-edit .input-group.duracao-group input[type="text"] {
    width: 30%
}
.table td.has-edit .input-group.duracao-group .select2-container {
    width: 70%;
    margin-top: 3px;
    padding: 0;
}

/* INPUT GROUP > Entre Input e select
////////////////////////////////////// */
.input-group.duracao-group > * {
    width: 100%;
}
.input-group.duracao-group input {
    width: 30%;
}
.input-group.duracao-group .select2-container .select2-choice,
.input-group.duracao-group .select2-container-multi .select2-choices {
    border-left: none;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* INPUT GROUP > date-range
////////////////////////////////////// */
/*
*Data-range
*/
.input-group.date-range>.input-group {
    width: 100%;
}
/*
* Snipper
*/
/* .input-group.spinner-group {
    line-height: 0.728571;
} */
.input-group.spinner-group>.input-group:first-child .form-control {
    border-bottom-right-radius: 0px!important;
    border-top-right-radius: 0px!important;
}
.input-group.spinner-group>.input-group:first-child .ui-spinner-button.ui-spinner-up,
.input-group.spinner-group>.input-group:first-child .ui-spinner-button.ui-spinner-down {
    border-radius: 0px!important;
}

/*
* Select
*/
.input-group.select-range {
    display: flex;
}
.input-group.select-range .input-group {
    display: flex;
    width: 100%;
}
.input-group.select-range .input-group-addon {
    padding: 9px 5px;
    text-align: center;
    min-width: 35px;
}
.input-group.select-range .input-group .select2-container {
    display: flex;
}
.input-group.select-range .input-group .select2-container .select2-choice {
    width: 100%;
}
.input-group.select-range .input-group:last-child .select2-choice {
    border-bottom-right-radius: 4px!important;
    border-top-right-radius: 4px!important;
    border-bottom-left-radius: 0px!important;
    border-top-left-radius: 0px!important;
}

/* SELECT + ADDON > Select SLA listagem
//////////////////////////////////////*/
.form-control.addon-select-right {
    background: #fff;
}
.form-control.addon-select-right .select2-choice {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}
.si-type-list-addon {
    width: 180px!important;
}

/* ---------------------------------------------------*/
/* ---------->>>  Popover detalhes do usuário <<<--------------*/
/* ---------------------------------------------------*/
.user-avatar {
    border-radius: 100%;
    display: inline-block;
    height: 64px;
    margin-right: 13px;
    overflow: hidden;
    vertical-align: middle;
    width: 64px;
}
.user-avatar-big {
    width: inherit;
}
.user-details {
    display: inline-block;
    vertical-align: middle;
}
.user-details .username {
    display: block;
    font-weight: bold;
}
.user-details .username .user-description {
    font-size: 15px;
    font-style: italic;
}

/* -----------------------------------------*/
/* ---------->>> Modal ajustes <<<----------*/
/* -----------------------------------------*/
/* Modal > tag e sub titulo
////////////////////////////////////// */
.modal-header .modal-title {
    display: inline;
}
.modal .modal-content .modal-header .close {
    margin-top: 4px;
}
.modal .modal-content .modal-header .pull-right {
    display: flex;
    align-items: center;
    margin: 2px 0px;
}
.modal .modal-content .modal-header>.badge {
    margin-top: -2px;
}
.modal-header small.text-muted {
    display: block;
}
.modal-header .ellipsis small.text-muted {
    display: initial !important;
}

/* Modal > tamanho
////////////////////////////////////// */
.modal-xxxl {
    width: 1250px!important;
}

.modal-xxxxl {
    width: 1500px!important;
}

/* -----------------------------------------*/
/* ---------->>> MEGA MENU <<<--------------*/
/* -----------------------------------------*/
.megamenu-container {
    z-index: 1000;
}
@media screen and (max-width: 991px) {
    /*** MEGA MENU ***/
    body {
        padding-top: 0px;
    }
}
 body {
    padding-bottom: 30px;
}

/* Pesquisa > Ícone para remover o card do acesso rápido
////////////////////////////////////// */
.megamenu-dropdown .mega-fluxos li.gen .thumb-tack {
    position: absolute;
    right: 3px;
    top: -3px;
    font-size: 12px;
    color: #fff;
    opacity: 0.2;
}
.megamenu-dropdown .mega-fluxos li.gen .thumb-tack:hover {
    opacity: 1;
}

/* Notificações
////////////////////////////////////// */
/*Ajuste icone*/
.thumb-icone {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    overflow: hidden;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    background-color: #06a;
}
.thumb-icone i.fa {
    color: #fff;
    font-size: 20px;
    float: none;
}

/* Menus right hover na DIV (drop-box) e não na LI (menu-right)
////////////////////////////////////// */
.megamenu .menu-right.drop-right-box {
    padding: 0px;
}
.megamenu .menu-right .drop-box {
    padding: 2px 12px 8px 12px;
}
.megamenu .menu-right .drop-box a {
    color: #fff;
}
.megamenu .menu-right:hover .drop-box a {
    color: #444;
}
.menucontext {
    z-index: 4;
}
.menucontext:after {
    background-color: none!important;
}

/* ---------------------------------------------------*/
/* ---------->>> Configurador de telas editor <<<--------------*/
/* ---------------------------------------------------*/
/* Sidebar left e right */
.configurador-telas .editor-sidebar-left,
.configurador-telas .editor-sidebar-right {
    position: relative;
    display: inline-block;
    width: 20%;
    min-height: 686px;
    padding: 10px;
    background-color: #fff;
}
.configurador-telas .editor-sidebar-right h1 {
    font-size: 14px;
    font-weight: bold;
    margin: 2px 0;
}
.configurador-telas .editor-sidebar-right {
    position: initial;
    display: inline-block;
    width: 20%;
    height: 100%;
    padding: 10px;
}
.configurador-telas .editor-sidebar-left {
    margin-right: 10px;
    float: left;
}
.configurador-telas .editor-sidebar-left ul.tree-list.scrollBar,
.configurador-telas .editor-sidebar-right .panel-group.scrollBar {
    padding: 0px 5px 0px 0px;
}
.configurador-telas .editor-sidebar-right .panel-group.scrollBar {
    height: 568px;
}
.configurador-telas .editor-sidebar-left ul.tree-list.scrollBar {
    height: 545px;
}
.configurador-telas .editor-sidebar-left {
    left: 0px;
    border-right: 1px solid #eaecf3;
}
.configurador-telas .editor-sidebar-right {
    right: 0px;
    border-left: 1px solid #eaecf3;
}
.configurador-telas .editor-sidebar-right .panel-heading {
    background-color: #F5F6FA;
}
.configurador-telas .editor-sidebar-right .panel-heading a {
    color: #505661;
}
.configurador-telas .editar-script {
    position: initial;
    display: inline-block;
    height: 100%;
    width: 60%;
    left: 20%;
}
/* tree lis configurando telas*/
.tree-list2 small {
    margin-bottom: 4px;
    color: #505661;
    display: block;
}
.tree-list2 .pai {
    cursor: pointer;
}
.tree-list2 .pai:before,
.tree-list2 .filho:before {
    display: inline-block;
    vertical-align: middle;
    font-family: fontAwesome;
    width: 10px;
    margin-right: 10px;
}
.tree-list2 .pai .ellipsis {
    display: block;
    width: calc(100% - 25px);
    display: inline-block;
}
.tree-list2 .pai:before {
    content: '\F115';
    font-size: 14px;
}
.tree-list2 .filho {
    cursor: -webkit-grab;
}
.tree-list2 .filho .ellipsis {
    width: calc(100% - 72px);
    display: inline-block;
    vertical-align: middle;
}
.tree-list2 .filho:before {
    content: '\F12E';
    font-size: 14px;
}
.tree-list2 .filho .trash-tree {
    opacity: 0
}
.tree-list2 .filho:hover .trash-tree {
    opacity: 1;
}
.tree-list2 .filho .dots-drag {
    position: relative;
}
.tree-list2 .filho:hover .dots-drag:before {
    opacity: 1;
}

/* ----------------------------------------*/
/* ---------->>> POPOVERS INFORMATIVOS <<<--------------*/
/* ----------------------------------------*/
/* médio*/
.med-popover .popover {
    width: 400px;
    min-width: 200px;
    max-width: 600px;
    cursor: auto;
}
.med-popover .popover .popover-content {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 400px;
}
/*largo*/
.large-popover .popover {
    width: 580px;
    min-width: 200px;
    max-width: 600px;
    cursor: auto;
}
.large-popover .popover .popover-content {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 400px;
}
/* popover informação*/
.popover-info .header,
.popover-recursos .header {
    color: #777;
    margin-bottom: 5px;
}
.popover-info.info-striped .child-flex-popover:nth-child(odd) {
    background-color: #f3f3f6;
}
.popover-info .child-flex-popover,
.popover-recursos .child-flex-popover {
    margin-bottom: 0;
    border-top: 1px solid #eee;
    padding-top: 2px;
    padding-bottom: 2px;
}
/* Popover mais informações */
.popover-info .popover-info-actions {
    float: right;
    width: 95px;
}
.popover-info .popover-info-actions button {
    margin-left: 10px;
}
.popover-info .popover-info-content h5 {
    display: inline-block;
    margin: 0;
    padding-top: 6px;
    padding-bottom: 3px;
    font-size: 12px;
    font-weight: bold;
}
.popover-ci,
.popover-recursos {
    font-size: 13px;
}
.popover-ci .header,
.popover-recursos .header {
    margin-bottom: 10px !important;
}
.popover-ci .row,
.popover-recursos .row {
    margin-bottom: 0;
    color: #777;
}
.popover-ci a,
.popover-recursos a {
    color: #777;
    text-decoration: none;
}
.popover-ci a:hover,
.popover-ci a:hover {
    color: #000;
}

/*  --------------------------------------------------------------*/
/* ---------->>> PROCESSO DE TRABALHO e ATENDIMENTO <<<-----------*/
/* ---------------------------------------------------------------*/
/* Processo de trabalho | atendimento: Header da lista de itens do processo */
.list-header-processo .list-group-item {
    background: #f0edf5;
}
.list-header-processo .round-thumb {
    width: 55px;
    height: 55px;
    overflow: hidden;
    border: solid 2px #ccc;
}
.list-header-processo .round-thumb-xs .round-thumb {
    width: 25px;
    height: 25px;
}
/* Processo de trabalho | atendimento: Lista de itens do processo */
.list-itens-processo .i-processo {
    width: 30px;
    float: left;
    border-right: 1px solid #ccc;
    margin-right: 10px;
}
.list-group-item.flex {
    display: flex;
    justify-content: space-between;
}

/*-------------------------------------------------------*/
/*---------->>> HIERARQUIA COMPONENTE <<<----------------*/
/*-------------------------------------------------------*/
/* Bth Hierarchy */
.bth-hierarchy__level:hover {
    background-color: #F7F7F7;
}
.bth-hierarchy__level {
    display: flex;
    justify-content: space-between;
    line-height: 30px;
    padding-left: 4px;
}
.bth-hierarchy__level:hover {
    background-color: #F7F7F7;
}
.bth-hierarchy-row>.bth-hierarchy__container-children>.bth-hierarchy-row,
.bth-hierarchy-row>.bth-hierarchy-row,
.bth-hierarchy--sortable .bth-hierarchy-row {
   padding-left: 18px!important;
}
.bth-hierarchy-row__description,
.bth-hierarchy-row__col {
    width: 100%;
}
.bth-hierarchy-row__actions {
    padding: 0 6px;
    width: 81px;
    text-align: center;
}
.bth-hierarchy-row__actions a {
    color: #777
}
.bth-hierarchy-row__actions a:hover {
    text-decoration: none;
    color: #000
}
/* Bth hierarchy sortable */
.bth-hierarchy--sortable .bth-hierarchy__level {
    padding-left: 18px;
    border-bottom: 1px solid #e4e4e4;
    display: flex!important;
    width: 100%;
    background: #fff;
}
.bth-hierarchy--sortable .bth-hierarchy__level.level-not-expand {
    padding-left: 25px;
}
.bth-hierarchy--sortable .bth-hierarchy__level.list-group-sortable .dots-drag {
    position: absolute;
}
.bth-hierarchy--sortable .bth-hierarchy__level.list-group-sortable .dots-drag:before {
    margin-left: -18px;
    margin-top: 4px;
}
.bth-hierarchy--sortable .bth-hierarchy__level .bth-hierarchy-row__description,
.bth-hierarchy--sortable .bth-hierarchy__level .bth-hierarchy-row__data,
.bth-hierarchy--sortable .bth-hierarchy__level .bth-hierarchy-row__actions {
    float: left;
}
.bth-hierarchy--sortable .bth-hierarchy__level .bth-hierarchy-row__actions .label {
    display: inline-block;
    line-height: 14px;

}
.bth-hierarchy--sortable .bth-hierarchy__level .bth-hierarchy-row__description {
    width: calc(100% - 480px);
    position: relative;
}
.bth-hierarchy--sortable .bth-hierarchy__level .bth-hierarchy-row__description .description-horas-realizadas i {
    border-right: 1px solid #777;
    padding-right: 5px;
}
.bth-hierarchy--sortable .bth-hierarchy__level .bth-hierarchy-row__data {
    width: 140px;
}
.bth-hierarchy--sortable .bth-hierarchy__level.level-not-expand .bth-hierarchy-row__data,
.bth-hierarchy--sortable .bth-hierarchy__level.level-not-expand .bth-hierarchy-row__actions {
    font-size: 13px;
}
.bth-hierarchy--sortable .bth-hierarchy__level .bth-hierarchy-row__actions {
    width: 200px;
    text-align: right;
}
/* .bth-hierarchy--sortable .bth-hierarchy__level .icon-spinner {
    display: block;
    margin: 40px auto 0px;
} */

/*  ------------------------------------------------*/
/* ---------->>> BUSCAR MEGAMENU <<<----------------*/
/* -------------------------------------------------*/
.busca-dropdown {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 0 !important;
    z-index:  1!important;
}

/* BUSCAR > Header pesquisa
//////////////////////////////////////*/
.busca-sistema {
    background-color: #f2f4f7;
    border-radius: 3px 0 0 0;
    margin-bottom: 10px;
}
.busca-sistema .busca {
    padding: 15px 15px 0;
}
.tabs-busca {
    height: 40px;
    display: flex;
    font-size: 12px;
    background: #e7eaef;
    -webkit-padding-start: 0;
}
.tabs-busca li {
    width: 113px;
    padding: 10px;
    color: #607D8B;
    overflow: hidden;
    text-align: center;
    flex-grow: 1;
    cursor: pointer;
    position: relative;
    user-select: none;
}
.indicador-ativo {
    width: 113px;
    height: 3px;
    position: absolute;
    margin-top: 37px;
    transition: margin 0.5s ease;
}
.efeito-onda {
    width: 0px;
    height: 0px;
    position: absolute;
    background: black;
}
.anima-onda {
    opacity: 0.2;
    animation: touch 1.2s ease-out;
}
@keyframes touch {
    100% {
        width: 600px;
        height: 600px;
        border-radius: 600px;
        opacity: 0;
        margin: -300px;
    }
}

/* BUSCAR > Resultados
//////////////////////////////////////*/
.resultados-encontrados {
    color: #8a8a8a;
    font-size: 9px;
    position: absolute;
    top: 5px;
    right: 15px;
}
.lista-resultados {
    font-size: 13px;
}
.lista-resultados li {
    padding: 0px;
}
.lista-resultados li:hover {
    background-color: #f5f5f5;
}
.lista-resultados li i.fa-thumb-tack {
    display: inline;
    margin: 4px 3px 0px 0px;
    font-size: 14px;
    padding: 7px 17px 7px 0;
}
.lista-resultados li:nth-child(even) {
    background-color: #eee;
}
.lista-resultados__item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.lista-resultados .lista-resultados__item .lista-resultados__descricao {
    width: calc(100% - 40px);
    text-align: left;
    padding: 10px 15px;
}
.lista-resultados_item span {
    min-width: 1px;
    width: 100%;
}
.limpar-busca:before {
    content: "\D7";
}
.limpar-busca:hover,
.limpar-busca {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 24px;
    right: 25px;
    font-size: 16px;
    background: 0;
    font-weight: bold;
    color: #777;
    line-height: 17px;
    text-align: center;
    cursor: pointer;
    font-family: serif, arial;
    text-decoration: none;
}
.tabs-busca-resultados--empty {
    margin-top: 193px
}

/*  ------------------------------------------------*/
/* ---------->>> CADASTROS AUXILIARES <<<-----------*/
/* -------------------------------------------------*/
.cadastros-auxiliares .panel-group .panel-default:first-child {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0px;
}
.cadastros-auxiliares .panel-group .panel-default:last-child {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-radius: 0px;
}
.cadastros-auxiliares .list-group .header-search {
    padding: 0;
    background-color: #EEE;
    position: sticky;
    top: 0;
    z-index: 999;
    height: 43px;
    position: relative;
}
.cadastros-auxiliares .list-group .header-search input {
    height: 100%;
    width: 100%;
    border: none;
    padding: 0 15px;
    background-color: #EEE;
    position: absolute;
    padding-right: 45px;
}
.cadastros-auxiliares .list-group .header-search input:focus {
    outline: 0;
    border: 1px solid #66afe9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.cadastros-auxiliares .list-group .header-search:after {
    content: "\F002";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: 15px;
    top: 13px;
}
.cadastros-auxiliares .list-group .list-group-item.no-active:hover {
    background-color: #f5f5f5;
    cursor: pointer;
}
.cadastros-auxiliares .form-inline .input-group>.form-control.search-field {
    width: 260px;
}
.cadastros-auxiliares .dropdown-menu.dropdown-pesquisas-rapidas {
    width: 337px;
}
.cadastros-auxiliares .panel>.list-group:first-child .list-group-item:first-child, .cadastros-auxiliares .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

/* ------------------------------------------------------------------- */
/* ---------->>> COMENTÁRIO/ANOTAÇÃO COMPONENTE <<<------------------- */
/* ------------------------------------------------------------------- */
.comment-container {
    position: relative;
    padding-left: 15px;
}
.comment-container:before {
    content: '';
    height: calc(100% - 20px);
    bottom: 0px;
    width: 2px;
    position: absolute;
    left: 5px;
    background: #e8e8e8;
}
.comment-container .comment-order i.fa {
    position: absolute;
    left: 2px;
    color: #777;
}
.comment-box {
    border-bottom: 1px solid #f1f1f1;
    padding: 0 0px 0px 0px;
}
.comment-box:nth-child(even) {
    background: #f8f8f8;
}
.comment-box .comment-heading {
    padding: 12px 10px 12px 10px;
    display: flex;
    align-items: center;
}
.comment-box .comment-heading-content {
    width: 100%;
}
.comment-box .comment-heading-content .text-muted a {
    color: #777;
}
.comment-box .comment-heading-content .text-muted a:hover {
    color: #000;
}
.comment-box .comment-heading .round-thumb {
    float: none;
}
.comment-box .comment-heading .comment-detalhes {
    color: #b1b1b1;
}
.comment-box .comment-description{
    padding: 0 10px 15px 80px;
    position: relative;
    white-space: normal;
    word-wrap: break-word;
}
.comment-box .comment-description:not(.comment-removido) {
    color: #595959;
}
.comment-box .comment-description img {
    max-width: 100%;
    height: auto;
}
.comment-box .comment-description:after {
    position: absolute;
    left: 58px;
    top: 0px;
    content: '\F10D';
    font-family: FontAwesome;
    font-size: 15px;
    color: #d4d4d4;
}
.comment-box .comment-description.not-expand {
    padding: 0 10px 15px 50px;
}
.comment-box .comment-description.not-expand:after {
    left: 28px;
}
.comment-box .comment-description.comment-removido {
    font-style: italic;
}
.comment-box .comment-description.comment-removido:after {
    content: '\F05E';
}
/*** labels de anexo e usuário ***/
.comment-box .comment-description .comment-label-anexo-user {
    display: inline-block;
    background-color: #ededef;
    border: 1px solid #d7d7dc;
    padding: 1px 5px 1px 3px;
    border-radius: 3px;
    font-size: 12px;
}
.comment-box .comment-description .comment-label-anexo-user.cursor-pointer:hover {
    color: #000;
    border: 1px solid #babac1;
}

/* -------------------------------------------------------------*/
/* ---------->>> Comentário e audio componente <<<--------------*/
/* -------------------------------------------------------------*/
/* Audio wave */
.si-bloco-comentario {
    background-color: #fff;
}
.si-bloco-comentario .si-bloco-comentario__content {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
}
.si-bloco-comentario .si-bloco-comentario__content textarea {
    border: none;
    padding: 6px;
    /* resize: none; */
    outline: none;
    flex-grow: 1;
    margin: 2px;
}
.si-bloco-comentario .si-bloco-comentario__content .button-bar {
    flex-grow: 0;
    text-align: center;
    padding: 0 10px;
}
.si-bloco-comentario .si-audio-container {
    flex-grow: 1;
    min-height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.si-bloco-comentario .si-audio-container audio {
    max-width: 100%;
    width: 98%
}
.si-bloco-comentario a.link-acao {
    display: inline-flex;
    vertical-align: middle;
    color: #5A5A5A;
}
.si-bloco-comentario a,
.si-bloco-comentario .link-acao:hover {
    color: #000;
}
.si-bloco-comentario a i,
.si-bloco-comentario .link-acao i {
    font-size: 22px;
    margin: 0 5px;
}
.si-bloco-comentario a.btn-audio:active .si-bloco-comentario .link-acao.btn-audio:active {
    color: #46B5FF;
}
.si-audio-preloader {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}
.si-audio-preloader .effect-container {
    display: flex;
    width: 66px;
    height: 32px;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    flex-direction: row;
}
.si-audio-preloader .details {
    display: flex;
    align-items: center;
}
.si-audio-preloader .details .duracao {
    display: flex;
    align-items: center;
    font-size: 16px;
}
.si-audio-preloader .details .duracao:before {
    content: '';
    display: inline-block;
    margin-right: 8px;
    width: 14px;
    height: 14px;
    background: #C53929;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #C53929;
    animation: si-blink 1s step-start 0s infinite;
}
.si-audio-preloader span {
    width: 4px;
    height: 8px;
    background: #E52F7E;
    animation: si-audio_loader 1s infinite ease-in-out;
    margin: 0 1px;
}
@keyframes si-audio_loader {
    0% {
        height: 5px;
        background: #E52F7E;
    }
    25% {
        height: 35px;
        background: #5F0079;
    }
    50% {
        height: 5px;
        background: #E52F7E;
    }
    100% {
        height: 5px;
        background: #E52F7E;
    }
}
@keyframes si-blink {
    50% {
        opacity: 0.0;
    }
}

/* -------------------------------------------------------------------------------------*/
/* ---------->>>  WIDTH RIGHT (Expandir/Recolher) <<<--------------*/
/* -------------------------------------------------------------------------------------*/
/* WIDTH > Botão
//////////////////////////////////////*/
.close-widget-right {
    position: absolute;
    top: 10px;
    left: 5px;
    border-radius: 4px 0px 0px 4px;
    border-color: #ddd;
    padding: 3px 2px 2px 4px;
    font-size: 10px;
    color: #929292;
    transition: 0.3s;
}
.close-widget-right.panel-block-close {
    left: -7px;
    padding: 4px 1px 2px 2px;
    font-size: 9px;
}
.close-widget-right:active,
.close-widget-right:focus,
.close-widget-right:active:focus,
.btn-default.close-widget-right :hover {
    outline: none;
}

/* WIDTH > Colunas
//////////////////////////////////////*/
.hideWidget,
.showWidget {
    transition: 0.3s;
}
.col-md-9.hideWidget {
    width: calc(100% - 65px);
}
.col-md-3.hideWidget {
    width: 65px;
}
.widget-arrow-left {
    padding-left: 15px;
}

/* ------------------------------------------*/
/* ---------->>>  SORTABLES <<<--------------*/
/* ------------------------------------------*/
/* SORTABLE > Genericos
//////////////////////////////////////*/
/* Classe adiciona em item selecionado e segurado */
.ui-sortable-helper {
    display: table-row;
}

/* Fundo no local do selecionado */
.ui-card-sortable {
    border: 1px dashed #7E8390 !important;
    background-color: #E8F6FC !important;
    border-radius: 5px;
    list-style-type: none;
    height: 34px;
}
.ui-card-sortable-telas {
    border: 1px dashed #7E8390;
    background-color: #E8F6FC;
    border-radius: 5px;
}

/* Dots drag */
.dots-drag {
    padding-right: 5px;
    cursor: -webkit-grab;
}
.dots-drag:before {
    content: '';
    position: absolute;
    opacity: 0;
    left: 5px;
    top: 1px;
    width: 6px;
    height: 18px;
    border-left: 2px dotted #ccc;
    border-right: 2px dotted #ccc;
    cursor: -webkit-grab;
}
.handle:active .dots-drag:before,
.handle:active .dots-drag {
    cursor: -webkit-grabbing;
}

.grabbable {
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.grabbable:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

/* SORTABLE > Tabela
//////////////////////////////////////*/
.ui-sortable-helper td {
    display: table-cell;
}
.table-sortable tbody tr .dots-drag {
    position: relative;
}
.table-sortable tbody tr:hover .dots-drag:before {
    opacity: 1;
}

/* SORTABLE > Lista faixas
//////////////////////////////////////*/
.list-group-sortable .dots-drag {
    display: inline-block;
    width: 10px;
}
.list-group-sortable:hover .dots-drag:before {
    opacity: 1;
}
.list-group-sortable {
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.list-group-sortable:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

/* SORTABLE > Panels configurando
//////////////////////////////////////*/
.configurar-panel-sortable .row {
    margin: 0px;
    padding: 0px;
}
.configurar-panel-sortable .list-group {
    overflow-y: auto;
    overflow-y: auto;
}
.configurar-panel-sortable .list-group .configurar-panel-sortable-list {
    padding-left: 0px;
    min-height: 100%;
}
.configurar-panel-sortable .list-group .list-group-item {
    padding: 8px 5px 8px 5px;
}
.configurar-panel-sortable .list-group.list-group-min .list-group-item {
    padding: 5px;
}
.configurar-panel-sortable .list-group .list-group-item:first-child {
    border-top: 0;
}
.configurar-panel-sortable .list-group .list-group-item:hover {
    background-color: #f5f5f5;
}
.configurar-panel-sortable .list-group .list-group-item.disabled {
    opacity: 0.8;
    cursor: not-allowed;
    background: #f1f1f1;
}
.configurar-panel-sortable .list-group .list-group-item.disabled:hover {
    background: #f1f1f1;
}
.configurar-panel-sortable .list-group .list-group-item.disabled>* {
    pointer-events: none;
}
.configurar-panel-sortable .list-group .list-group-item.table-row-checked {
    background-color: #fefbf2;
}
.configurar-panel-sortable .list-group .list-group-item.table-row-checked:hover {
    background-color: #fdf5e3;
}
.configurar-panel-sortable.configurar-panel-sortable--min .list-group .list-group-item {
    font-size: 13px;
    padding: 5px;
}
.configurar-panel-sortable-list.remover-probabilidade .aparecer {
    display: none;
}
.configurar-panel-sortable .aparecer {
    display: inline-block;
}

/*
SORTABLE COM NAVEGAÇÃO - PROTÓTIPO
divs que reordenam o item da lista de acordo com a navegação
*/
#ordenacao-navegacao-test > .sortable-has-navigation .sortable-drop-item{
    width: 100%;
    border: 2px dashed #ccc;
    border-radius: 2px;
    padding: 10px;
    text-align: center;
    height: 48px;
    line-height: 23px;
    overflow: hidden;
    background-color: #f8f8f8;
    pointer-events: none;
}
#ordenacao-navegacao-test > .sortable-has-navigation .sortable-drop-item .sortable-drop-item__tx{
    position: absolute;
    margin: auto;
    width: 400px;
    left: 0px;
    right: 0px;
}
#ordenacao-navegacao-test > .sortable-has-navigation .ui-sortable-helper{
    background-color: #EBEDF0;
    width: calc(100% - 16px) !important;
    margin: 2px !important;
    left: initial !important;
}
#ordenacao-navegacao-test > .sortable-has-navigation .sortable-drop-item__drag-enter {
    border-color: #0066aa;
    background-color: rgb(250, 253, 255);
}
#ordenacao-navegacao-test > .sortable-has-navigation .sortable-drop-item .ui-sortable-placeholder, #ordenacao-navegacao-test > .sortable-has-navigation .sortable-drop-item .sortable-drop-item__tx .ui-sortable-placeholder {
    position: absolute;
    width: 100%;
}
#ordenacao-navegacao-test > .sortable-has-navigation .main-sortable > * {
    -webkit-transition: background-color .5s ease-out;
    -moz-transition: background-color .5s ease-out;
    -o-transition: background-color .5s ease-out;
    transition: background-color .5s ease-out;
}
#ordenacao-navegacao-test > .sortable-has-navigation .main-sortable .highlight{
    background-color: #C3E6F1;
}
#ordenacao-navegacao-test > .sortable-has-navigation .main-sortable .item-hover{
    border: 1px solid #3877c2;
    background-color: #ebf4f7;
}

/*
*** Mensagens
*/
.configurar-panel-sortable .list-group .list-group__msg {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    text-align: center;
}
.configurar-panel-sortable .list-group .list-group__msg .text-muted {
    width: 100%;
}

/* ---------------------------------------------------- */
/* ---------->>> Code mirror em modal <<<-------------- */
/* ---------------------------------------------------- */
.modal-editor-mirror .CodeMirror {
    width: 100%!important;
    margin-top: 0px!important;
    margin-bottom: 10px;
}
.modal-editor-mirror .CodeMirror-fullscreen {
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    width: calc(100% - 10px)!important;
    height: calc(100% - 55px)!important;
    z-index: 9;
}
.modal-editor-mirror .CodeMirror-fullscreen .CodeMirror-scroll {
    height: 100%;
    padding-bottom: 0px;
}
.modal-editor-mirror.editor-full-screen,
.modal-editor {
    max-width: 100%!important;
}
.modal-editor-mirror.editor-full-screen .modal-content {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 0px;
    border: 0px;
}
.modal-editor-mirror .editor-acoes-full-screen {
    margin: 0px;
    width: 100%;
    background: #fff;
    padding: 10px 0;
}
.code-mirror-group .CodeMirror {
    margin-top: 0px;
    margin-bottom: 10px;
    border-radius: 0 0 5px 5px;
}
.code-mirror-group .cards {
    border-radius: 5px 5px 0 0;
    border-bottom: 0px;
    line-height: 21px;
    padding: 0 10px!important;
    border-color: #cbd8e6;
}
.editor-full-screen .code-mirror-group {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 45px;
    left: 0px;
    background: #fff;
    padding: 5px;
}
.editor-full-screen .code-mirror-group .CodeMirror {
    top: 70px;
    height: calc(100% - 76px)!important;
}
/*** Disabled ***/
.code-mirror-disabled {
    cursor: not-allowed!important;
}
.code-mirror-disabled>* {
    pointer-events: none;
    opacity: .65;
}
.code-mirror-disabled .CodeMirror,
.code-mirror-disabled .activeline {
    background: #f7f7f7 !important;
}

/* ----------------------------------------------- */
/* ---------->>> GRID EM BLOCOS  <<<-------------- */
/* ----------------------------------------------- */
.footer {
    padding: 0px;
}
.container.container-page {
    width: calc(100% - 20px);
    margin-bottom: 10px;
}
/* GRID > Container principal
//////////////////////////////////////*/
.container.container-page.container-page-panels-blocks {
    padding: 0 5px;
    background: none;
    min-height: auto;
    box-shadow: none;
}
.container-page-panels-blocks:not(.container-page) {
    padding: 0 15px;
}
@media screen and (min-width: 992px) {
    .container-fluid.container-page-panels-blocks {
        padding-top: 5px;
    }
}

/* GRID > Paineis blocos
//////////////////////////////////////*/
.container-page-panels-blocks .panel-block {
    background: #fff;
    width: 100%;
}
.container-page-panels-blocks .panel-block.barra-produtos-betha {
    padding-bottom: 5px;
    background-size: 100% 5px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: linear-gradient(to right, #a39382, #a39382 11.11%, #8986ca 11.11%, #8986ca 22.22%, #26d07c 22.22%, #26d07c 33.33%, #97999b 33.33%, #97999b 44.44%, #df4661 44.44%, #df4661 55.55%, #009cde 55.55%, #009cde 66.66%, #a9c47f 66.66%, #a9c47f 77.77%, #f7b51c 77.77%, #f7b51c 88.88%, #ed8b00 88.88%, #ed8b00 100%);
}
.container-page-panels-blocks .panel-block .page-header,
.container-page-panels-blocks .panel-block .page-header.has-filter {
    margin: 0px;
    padding: 10px 10px 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.055);
}

/**
* Painel bloco
*/
.panel-block.panel-block-header {
    background-color: #f2f4f7;
}
.panel-block .panel-block__heading {
    padding: 10px 10px;
}
.panel-block .panel-block__heading.cursor {
    cursor: pointer;
}
.panel-block .panel-block__heading .panel-block__heading-title {
    font-size: 15px;
}
.panel-block .panel-block__heading.cursor-pointer:hover {
    background-color: #f8f8f8;
}
.panel-block__content {
    position: relative;
    border-top: 1px solid #eee;
}
.panel-block .panel-block__body {
    padding: 10px;
}
.panel-block.list-content,
.panel-block .panel-block__content.list-content,
.panel-block .panel-block__body.list-content {
    min-height: 400px;
}
.panel-block .panel-block__tabs {
    padding: 10px 10px 0 10px;
}
.panel-block .panel-block__min-totalizador {
    height: 60px;
    padding: 5px 15px 10px;
    display: flex;
    align-items: center;
}

/**
* Painel bloco ambiente
*/
.panel-block-header__cabecalho.row-flex {
    display: flex;
    flex-wrap: wrap;
}
.panel-block-header__cabecalho .dados-principais {
    display: flex;
    flex-direction: row!important;
}
.panel-block-header__cabecalho .dados-principais .round-thumb {
    width: 60px;
    height: 60px;
    border: 2px solid #ccc;
    margin-right: 10px;
    float: none;
    display: inline-block;
    vertical-align: middle;
}
.panel-block-header__cabecalho .dados-principais .dados-principais__icone {
    width: 60px;
    height: 60px;
    border: 2px solid #e8e8e8;
    background: #fff;
    margin-right: 10px;
    border-radius: 100px;
    display: flex;
    vertical-align: middle;
    text-align: center;
}
.panel-block-header__cabecalho .dados-principais .dados-principais__icone i {
    align-items: center;
    margin: auto;
    font-size: 35px;
}
.panel-block-header__cabecalho .dados-principais .dados-principais__informacoes {
    width: calc(100% - 70px);
    align-self: center;
}

/* Cabeçalho: informacoes */
.panel-block-header__cabecalho .panel-block-header__cabecalho-painel {
    color: #5f5e5e;
    padding-top: 2px;
}
.panel-block-header__cabecalho .header__cabecalho-painel .cabecalho-painel-icon,
.panel-block-header__cabecalho .panel-block-header__cabecalho-painel .cabecalho-painel-icon {
    font-size: 21px;
    border-right: 1px solid #ddd;
    margin-top: 8px;
}

.panel-block-header__cabecalho .panel-block-header__cabecalho-painel .cabecalho-painel-informacoes {
    line-height: 17px;
}
.panel-block-header__cabecalho-painel .cabecalho-painel-informacoes .round-thumb {
    vertical-align: middle;
    display: inline-block;
    float: none;
}

/* Cabeçalho novo: informacoes */
.panel-block-header__cabecalho .header__cabecalho-painel {
    display: flex;
    min-height: 51px;
}
.panel-block-header__cabecalho .header__cabecalho-painel .cabecalho-painel-icon {
    width: 35px;
    color: #5f5e5e;
    float: left;
    margin-top: 0px;
    padding-top: 8px;
}
.panel-block-header__cabecalho .header__cabecalho-painel .cabecalho-painel-title {
    border-right: 1px solid #ddd;
    width: 100px;
    font-size: 13px;
    text-align: right;
    padding-right: 11px;
    font-weight: bold;
    width: 100px;
    color: #777;
    float: left;
    margin-top: 0px;
    padding-top: 15px;
}
.panel-block-header__cabecalho .cabecalho-painel-informacoes {
    padding-left: 10px;
}
.panel-block-header__cabecalho .cabecalho-painel-informacoes.small {
    font-size: 85%;
    line-height: 17px;
}
.panel-block-header__cabecalho .cabecalho-painel-informacoes * {
    align-self: center;
}
.panel-block-header__cabecalho .header__cabecalho-painel .cabecalho-painel-informacoes {
    width: calc(100% - 35px);
}

/* ajuste pois o page-header esta cortando letras tipo p/q/g */
.page-header .page-title.bottom{
    padding-bottom: 2px;
}

/* GRID > Sub menu
//////////////////////////////////////*/
.panel-block__submenu {
    min-height: 375px;
}
.panel-block__submenu .panel-block__submenu-container {
    min-height: 375px;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

/* Sub menu */
.panel-block__submenu-container .submenu-container__btn-mobile {
    display: none;
}
.panel-block__submenu-container .submenu-container__list {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
    position: relative;
    width: 58px;
    background-color: #fbfbfb;
    border-right: 1px solid #dddddd;
    transition: 0.3s;
}
.panel-block__submenu-container .submenu-container__list.menu-open {
    width: 20%;
}
.panel-block__submenu-container .submenu-container__list .btn-close-submenu {
    border-radius: 0px 4px 4px 0px;
    color: #929292;
    position: absolute;
    border-color: #ddd;
    border-left-color: transparent;
    top: 15px;
    right: -16px;
    z-index: 3;
    padding: 3px 4px 2px 2px;
    font-size: 10px;
    transition: 0.3s;
}
.panel-block__submenu-container .submenu-container__list .submenu__list-item {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    background-color: #f9f9f9;
    color: #5f5e5e;
    border-bottom: 1px solid #dddddd;
    padding: 8px 0px;
    overflow: hidden;
}
.panel-block__submenu-container .submenu-container__list .submenu__list-item:hover {
    background-color: #ebe8f1;
    text-decoration: none;
}
.panel-block__submenu-container .submenu-container__list .submenu__list-item.active {
    background-color: #0066AA;
    color: #ffffff;
    text-decoration: none;
}
.panel-block__submenu-container .submenu-container__list .submenu__list-item .submenu__list-item-icon {
    padding: 0px 15px;
    font-size: 22px;
    text-align: center;
    transition: 0.3s;
    border-right: 1px solid transparent;
    border-right: 1px solid #ddd;
}
.panel-block__submenu-container .submenu-container__list .submenu__list-item .submenu__list-item-title {
    padding: 0px 10px;
}

/* container */
.submenu-container__content {
    padding: 10px 10px 10px 20px;
    transition: 0.3s;
    width: calc(100% - 58px);
}
.submenu-container__content.menu-open {
    width: calc(100% - 20%);
}

/* submenu e container responsivo */
@media (max-width: 991px) and (min-width: 751px) {
    .panel-block__submenu-container .submenu-container__list {
        width: 29px;
    }
    .panel-block__submenu-container .submenu-container__list .submenu__list-item .submenu__list-item-icon {
        font-size: 14px;
        padding: 0px 5px;
    }
    .panel-block__submenu-container .submenu-container__list .submenu__list-item .submenu__list-item-title {
        font-size: 12px;
        padding: 0px 5px;
    }
    .submenu-container__content {
        width: calc(100% - 29px);
    }
}
@media (max-width: 750px) {
    .panel-block__submenu .panel-block__submenu-container {
        display: block;
    }
    .panel-block__submenu-container .submenu-container__list .btn-close-submenu {
        display: none;
    }
    .panel-block__submenu-container .submenu-container__btn-mobile {
        width: 100%;
        background: #0066AA;
        color: #ffffff;
        border: 0px;
        text-align: left;
        padding: 10px 10px;
        position: relative;
        display: block;
    }
    .panel-block__submenu-container .submenu-container__btn-mobile .btn-mobile__navbar {
        position: absolute;
        width: 37px;
        height: 25px;
        top: 7px;
        right: 10px;
        padding-left: 10px;
    }
    .panel-block__submenu-container .submenu-container__btn-mobile .btn-mobile__navbar .icon-bar {
        width: 25px;
        height: 2px;
        background-color: rgba(255, 255, 255, 0.7);
        margin: 6px 0;
        display: block;
        transition: .3s;
    }
    .panel-block__submenu-container .submenu-container__btn-mobile .btn-mobile__navbar .icon-bar:nth-child(1) {
        margin-top: 4px;
    }
    .panel-block__submenu-container .submenu-container__btn-mobile.active .btn-mobile__navbar .icon-bar:nth-child(1) {
        transform: rotate(45deg);
        margin-top: 12px;
    }
    .panel-block__submenu-container .submenu-container__btn-mobile.active .btn-mobile__navbar .icon-bar:nth-child(3) {
        transform: rotate(-45deg);
        margin-top: -16px;
    }
    .panel-block__submenu-container .submenu-container__btn-mobile.active .btn-mobile__navbar .icon-bar:nth-child(2) {
        opacity: 0;
    }
    .panel-block__submenu-container .submenu-container__btn-mobile .fa {
        font-size: 18px;
        margin-right: 7px;
        vertical-align: middle;
    }
    .panel-block__submenu-container .submenu-container__list,
    .panel-block__submenu-container .submenu-container__list.menu-open {
        max-width: 100%;
        width: 100%;
        border: 0px;
    }
    .submenu-container__content,
    .submenu-container__content.menu-open {
        width: 100%;
        display: block;
        padding: 10px;
    }
    .panel-block__submenu-container .submenu-container__list .submenu__list-item .submenu__list-item-icon {
        padding: 0px 0px 0px 10px;
        font-size: 18px;
        border-right: none;
    }
    .panel-block__submenu-container .submenu-container__list .submenu__list-item .submenu__list-item-title {
        font-size: 13px;
    }
}

/* GRID > Componente painéis dentro de um panel-block
//////////////////////////////////////*/
.panel-block .si-container-page-paineis {
    padding: 0px!important;
    margin-top: 0px!important;
}
.panel-block .si-container-page-paineis .si-container-paineis__title {
    font-size: 17px;
}
.panel-block .si-container-page-paineis .si-panel-block {
    background-color: #fbfbfb;
}

/* ----------------------------------------------------*/
/* ---------->>> DIAGRAMA COMPONENTE  <<<--------------*/
/* ----------------------------------------------------*/
.diagrama {
    text-align: center;
}
.diagrama .diagrama__status-content {
    margin-bottom: 15px;
    display: flex;
    height: 15px!important;
}
.diagrama .diagrama__status-content:last-child {
    margin-bottom: 0px;
}
.diagrama .diagrama__status-left,
.diagrama .diagrama__status-visualizando,
.diagrama .diagrama__status-right {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    position: relative;
}
.diagrama .diagrama__status-left {
    width: 34%;
}
.diagrama .diagrama__status-visualizando {
    width: 30%;
    height: 15px!important;
}
.diagrama .diagrama__status-right {
    width: 34%;
}
.diagrama .diagrama__status-left:before,
.diagrama .diagrama__status-right:before {
    content: '';
    width: 1px;
    height: calc(100% - 15px);
    background: #777777;
    position: absolute;
    margin-top: 7px;
}
.diagrama .diagrama__status-left:before {
    right: 0px;
}
.diagrama .diagrama__status-content.active-transicoes .content-status,
.diagrama .diagrama__status-content.active-transicoes .content-transicao {
    width: 50%;
}
.diagrama .content-status {
    width: 80%;
}
.diagrama .content-transicao {
    width: 20%;
    position: relative;
}
.diagrama .content-transicao .item-transicao {
    color: #777;
    font-size: 11px;
    position: absolute;
    top: -7px;
    left: 5px;
    width: calc(100% - 10px);
}
.diagrama .content-transicao:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #777777;
    position: absolute;
    margin-top: 7px;
}
.diagrama .diagrama__status-left .content-status {
    float: left;
}
.diagrama .diagrama__status-left .content-status .label {
    float: right;
}
.diagrama .diagrama__status-left .content-status .content-status__inicio {
    margin-right: 8px;
    margin-top: 0px;
    color: #777;
    float: right;
    background-color: none;
}
.diagrama .diagrama__status-left .content-transicao {
    float: right;
}
.diagrama .diagrama__status-right .content-status {
    float: right;
}
.diagrama .diagrama__status-right .content-status .label {
    float: left;
}
.diagrama .diagrama__status-right .content-transicao {
    float: left;
}
.diagrama .diagrama__status-visualizando .content-status {
    width: 100%;
    text-align: center;
    position: relative;
    display: flex;
}
.diagrama .diagrama__status-visualizando .content-status .label {
    z-index: 2;
    margin: 0 auto;
    top: -7px;
    max-width: calc(100% - 25px);
}
.diagrama .diagrama__status-visualizando .content-status:before {
    content: '';
    width: calc(100% + 8px);
    height: 1px;
    background: #777777;
    position: absolute;
    left: -5px;
    margin-top: 7px;
    z-index: 0;
}
.diagrama .diagrama__status-visualizando .content-status:after {
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: -4px;
    content: '\F061';
    color: #777;
}

/*** Sem saida ou entrada ***/
.diagrama .diagrama__status-visualizando.status-sem-saida .content-status:before {
    width: calc(50% + 10px);
}
.diagrama .diagrama__status-visualizando.status-sem-saida .content-status:after {
    display: none;
}
.diagrama .diagrama__status-visualizando.status-sem-entrada .content-status:before {
    width: 50%;
    left: 50%;
}

/* ----------------------------------------------*/
/* ---------->>> B30 Mensagens  <<<--------------*/
/* ----------------------------------------------*/
/*** Itens não encontrados b30 ***/
.b30-itens-nao-encontrados,
.b30-itens-nao-encontrados-min {
    text-align: center;
    background: url(images/b-30-registro-nao-encontrado.png) center 60px no-repeat;
    padding-bottom: 30px;
}
.b30-itens-nao-encontrados {
    padding-top: 260px;
}
.b30-itens-nao-encontrados-min {
    background-size: 130px;
    padding-top: 210px;
    margin-top: 40px;
}

/* --------------------------------------------------------------------*/
/* ---------->>> Usuários editando o cadastro (Modal) <<<--------------*/
/* --------------------------------------------------------------------*/
/* .modal-users-edit {
    width: 100%;
    text-align: center;
    margin-top: -11px;
    position: absolute;
}
.modal-users-edit .modal-users-edit__user {
    width: 20px;
    height: 20px;
    background-color: #fafaff;
    position: relative;
    font-size: 10px;
    border-radius: 100px;
    box-shadow: 2px 1px 1px rgba(0, 0, 0, .3);
    overflow: hidden;
    margin-right: -7px;
    cursor: pointer;
    display: inline-block;
    transition: 0.3s;
}
.modal-users-edit .modal-users-edit__user.open {
    width: 130px;
}
.modal-users-edit .modal-users-edit__user .round-thumb {
    width: 20px;
    height: 20px;
    margin: 0px auto;
    float: right;
    position: absolute;
    right: 0px;
    z-index: 1;
}
.modal-users-edit .modal-users-edit__user .modal-users-edit__user--sem-foto {
    width: 20px;
    height: 20px;
    margin: 0px auto;
    float: right;
    background-color: #e2effa;
    color: #4d739b;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding: 2px 0;
    font-size: 12px;
    border-radius: 100px;
    position: absolute;
    right: 0px;
    z-index: 1;
}
.modal-users-edit .modal-users-edit__user--nome {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    font-size: 11px;
    padding: 3px 0px 3px 10px;
    width: 110px;
    transition: 0.3s;
    text-align: left;
    color: #717171;
} */

.modal-users-edit {
    width: 100%;
    text-align: center;
    margin-top: -11px;
    position: absolute;
}
.modal-users-edit .modal-users-edit__user {
    width: 0px;
    min-width: 20px;
    height: 20px;
    position: relative;
    font-size: 10px;
    border-radius: 100px;
    box-shadow: 2px 1px 1px rgba(0, 0, 0, .3);
    overflow: hidden;
    margin-right: -7px;
    cursor: pointer;
    display: inline-block;
    transition: 0.5s;
}
.modal-users-edit .modal-users-edit__user.open {
    width: 140px;
}
.modal-users-edit .modal-users-edit__user .round-thumb {
    width: 20px;
    height: 20px;
    margin: 0px auto;
    float: right;
    position: absolute;
    right: 0px;
    z-index: 1;
}
.modal-users-edit .modal-users-edit__user .modal-users-edit__user--sem-foto {
    width: 20px;
    height: 20px;
    margin: 0px auto;
    float: right;
    background-color: #e2effa;
    color: #4d739b;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding: 2px 0;
    font-size: 12px;
    border-radius: 100px;
    position: absolute;
    right: 0px;
    z-index: 1;
}
.modal-users-edit .modal-users-edit__user--nome {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    font-size: 11px;
    padding: 3px 0px 3px 0px;
    border-radius: 100px 0 0 100px;
    width: 0px;
    transition: 0.5s;
    text-align: left;
    color: #717171;
    background-color: #fafaff;
}
.modal-users-edit .modal-users-edit__user.open .modal-users-edit__user--nome {
    width: 130px;
    padding: 3px 15px 3px 10px;
    margin-right: 9px;
}

/* -------------------------------------------------------------------------------------*/
/* >>> Dropdown mais informações tabela (Caso não caiba todos colunas) <<<--------------*/
/* -------------------------------------------------------------------------------------*/
.dropdown-mais-inf-table {
    padding: 0px;
    width: 300px;
}
.dropdown-mais-inf-table li {
    width: 100%;
    display: block;
}
.dropdown-mais-imofnf-table .dropdown-mais-inf-table__label,
.dropdown-mais-inf-table .dropdown-mais-inf-table__dado {
    padding: 4px 10px;
}
.dropdown-mais-inf-table .dropdown-mais-inf-table__label {
    font-size: 13px;
    border-top: 1px solid #ccc;
    background-color: #f1f1f1;
    font-weight: bold;
}
.dropdown-mais-inf-table li:first-child .dropdown-mais-inf-table__label {
    border-top: 0px;
    margin-top: 0px;
}

/* -----------------------------------------------*/
/* ---------->>>  Table Font Min <<<--------------*/
/* -----------------------------------------------*/
.table-font-min thead tr th,
.table-font-min tfoot tr th,
.table-font-min tbody tr td {
    font-size: 12px;
}

/* -----------------------------------------------*/
/* ---------->>>  Table subitens <<<--------------*/
/* -----------------------------------------------*/
.table__subitem .table__subitem_dado {
    height: 25px;
    padding: 5px 0;
    font-size: 12px;
    color: #777;
    position: relative;
}
.table__subitem .table__subitem_dado .checkbox.bth-checkbox {
    margin-top: -2px;
}
.table__subitem .table__subitem_dado .fa {
    font-size: 11px;
}
.table__subitem .table__subitem_dado.has-alert .alert-informacao {
    margin-top: 8px;
    opacity: 0.8;
}
/*** table sub list ***/
.table-subtr-list {
    padding: 10px;
    border-bottom: 1px solid #ccc;
}
td .table-subtr-list:last-child {
    border-bottom: none;
}
.table-subtr-list .badge-codigo {
    width: 90px;
    font-size: 10px;
    padding: 2px 4px;
    height: 13px;
    margin-bottom: 3px;
}
.table-subtr-list .table-subtr-list__item {
    border-top: 1px solid #dedcdc;
    padding-top: 2px;
}
.table-subtr-list .table-subtr-list__item:nth-last-chid(1) {
    border-bottom: none!important;
}
.table-subtr-list .table-subtr-list__item:hover {
    background: #dadada;
}

/* ---------------------------------------------------*/
/* ---------->>>  List flex subitens <<<--------------*/
/* ---------------------------------------------------*/
.list__subitem > *{
    padding: 0px 4px;
}
.list__subitem .list__subitem_dado {
    width: 100%;
    font-size: 12px;
    color: #777;
    position: relative;
}
.list__subitem .list__subitem_dado .checkbox.bth-checkbox {
    margin-top: -2px;
}
.list__subitem .list__subitem_dado .fa {
    font-size: 12px;
}
.list__subitem .list__subitem_dado.has-alert .alert-informacao {
    margin-top: 8px;
    opacity: 0.8;
}
/* -------------------------------------------------------- */
/* ---------->>> AGRUPADOR DE CADASTRO  <<<---------------- */
/* -------------------------------------------------------- */
/*** Header Agrupador ***/
.grupo-cadastro-lista .cadastro-lista-header {
    padding: 10px 15px;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}
/*** Body Agrupador ***/
.grupo-cadastro-lista .cadastro-lista-body {
    padding: 10px 15px;
    background-color: #eee;
}
/*** Lista dos itens ***/
.cadastro-lista-body .cadastro-lista-itens {
    margin-bottom: 10px;
}
/* Item pai */
.cadastro-lista-itens .cadastro-lista-item .cadastro-lista-item--header label {
    color: #5d5d5d;
    border-bottom: 1px solid #ccc;
}
.cadastro-lista-itens .cadastro-lista-item {
    padding: 5px 0;
    font-size: 13px;
    color: #5d5d5d;
    border-bottom: 1px solid #ccc;
}
.cadastro-lista-itens .cadastro-lista-item a {
    color: #5d5d5d;
}
/* Sub itens */
.cadastro-lista-itens .cadastro-lista-subitens {
    padding-left: 20px;
    padding-top: 4px;
    color: #82828a;
}
.cadastro-lista-subitens .cadastro-lista-subitem--header {
    border-bottom: 1px solid #ccc;
}
.cadastro-lista-subitens .cadastro-lista-subitem--header label {
    font-size: 11.5px;
    color: #82828a;
}
.cadastro-lista-subitens .cadastro-lista-subitem--footer {
    font-size: 11.5px;
    padding-top: 3px;
}
.cadastro-lista-subitens .cadastro-lista-subitem {
    padding: 3px 0;
    font-size: 11.5px;
    position: relative;
    border-bottom: 1px solid #ccc;
}
.cadastro-lista-subitens a {
    color: #82828a;
}
.cadastro-lista-subitens .cadastro-lista-subitem:after {
    content: '';
    position: absolute;
    background-color: #ccc;
    left: -10px;
    top: 10px;
    width: 8px;
    height: 1px;
}
.cadastro-lista-subitens .cadastro-lista-subitem:before {
    content: '';
    position: absolute;
    background-color: #ccc;
    left: -10px;
    top: -10px;
    width: 1px;
    height: 20px;
}
.cadastro-lista-subitens .cadastro-lista-subitem:nth-child(1n):before {
    top: -27px;
    width: 1px;
    height: 38px;
}

/*Linha do tempo*/
.container-anos-flex{
	position: relative;
	height: 45px;
}

/* -------------------------------------------------------- */
/* ---------->>> Mega filtro de meses  <<<---------------- */
/* -------------------------------------------------------- */
.anos-flex{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	height: 2px;
	background-color: #dfdfdf;
	margin-top: 30px;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}

.ponto-grande{
	text-align: center;
	height: 28px;
}

.ponto-grande a{
	font-size: 13px;
	color: #383838;
	text-decoration: none;
	display: block;
	outline: none;
}

.ponto-grande a:hover i.fa-circle-o{
	color: #0066aa;
	transition: all 0.5s;
}

.ponto-grande i.fa-circle{
	color: #0066aa;
	transition: all 0.5s;
}

.ponto-grande i.fa-circle-o{
	color: #dfdfdf;
	background-color: #fff;
	border-radius: 50%;
}

.ponto-grande.disabled a{
	color: #dfdfdf;
	cursor: no-drop;
}

.ponto-grande.disabled a:hover i.fa-circle-o{
	color: #dfdfdf;
}

/* -------------------------------------------------------- */
/* ---------->>> Hieraquiar lista  <<<---------------- */
/* -------------------------------------------------------- */
.hierarquia-list {
    width: auto;
    max-width: 550px;
    min-width: 230px;
    max-height: 300px;
    overflow: auto;
    padding: 0 10px 0px 0px;
}
.hierarquia-list ul {
    list-style: none;
    padding-left: 13px!important;
    padding-top: 3px!important;
}
.hierarquia-list .hierarquia-list__item {
    padding-left: 0px;
}
.hierarquia-list .hierarquia-list__item label {
    padding-left: 0px;
    line-height: 12px;
    white-space: nowrap;
}
.hierarquia-list .hierarquia-list__arrow {
    margin-left: -15px;
    float: left;
    width: 15px;
    margin-top: 2px;
    cursor: pointer;
}

/* ---------------------------------------- */
/* ---------->>> Loading Svg  <<<---------- */
/* ---------------------------------------- */
.svg-graphic-loading {
    position: relative;
    overflow: hidden;
    background-image: url(images/pie-svg.svg);
    background-position: center;
    background-size: 228px;
    background-repeat: no-repeat;
}
.svg-graphic-loading:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    background: linear-gradient(271deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
    background-size: 600% 600%;
    animation: loading-effect-animation 2.5s ease infinite;
}
@keyframes loading-effect-animation{
    0% {
        background-position:0
    }
    to {
        background-position:120% 0%
    }
}

/* ------------------------------------------------ */
/* ---------->>> Lista widgets min envolvidos <<<---------- */
/* ------------------------------------------------ */
.envolvidos-title-list {
    padding: 0 3px;
}
.envolvidos-list .envolvidos-item-list:last-child {
    border-bottom: none;
}
.envolvidos-list .envolvidos-item-list {
    border-bottom: 1px solid #f1f1f1;
    padding: 0 3px;
}
.envolvidos-list .new-user {
    position: relative;
}
.envolvidos-list .new-user .fa-plus {
    position: absolute;
    left: -3px;
    font-size: 9px;
    top: 0px;
}
.envolvidos-list .envolvidos-item_sub-list:last-child {
    border-bottom: 1px solid #e4e4e4;
}
.envolvidos-list .envolvidos-item_sub-list {
    padding: 0 3px 0 21px;
    background: #f5f6fa;
}
.envolvidos-list .envolvidos-item-list:hover,
.envolvidos-list .envolvidos-item_sub-list:hover {
    background: #f1f1f1;
}


/* --------------------------------------------- */
/* ---------->>> Ajuste framework  <<<---------- */
/* --------------------------------------------- */
.table>thead>tr>th {
    text-transform: uppercase;
}
.item-warning-undo {
    opacity: .3;
    cursor: default!important;
    pointer-events: none;
}
.item-warning-undo,
.item-warning-undo div {
    text-decoration: line-through;
}
.panel-group .pesquisa-avancada .pesquisa-dropdown-configuracao>.btn-default {
    border-radius: 0px;
    border-left: none;
}
.panel-group .pesquisa-avancada .input-group-btn .btn-default:nth-child(2) {
    border-radius: 0px;
    border-right: none;
}

/* --------------------------------------------- */
/* ---------->>> bth modal sidebar   <<<---------- */
/* --------------------------------------------- */
.modal-content__sidebar{
    right: 0;
    transition: transform  0.3s;
    box-shadow: 10px 10px 10px -5px rgba(0,0,0,0.3);
    border-left-color: #eee;
}
.modal-content__sidebar--open{
    transform: translate(150px);
}
.modal-content__sidebar .modal-body{
    min-height: 83px;
}
.bth-modal-sidebar{
    position: absolute;
    top: 0;
    left: 0;
    width: 305px;
    height: 100%;
    z-index: -1;
    transition: left 0.3s;
}
.bth-modal-sidebar--open{
    left: -150px;
}
.bth-modal-sidebar__content{
    position: sticky;
    top: 31px;
    height: calc(100vh - 62px);
    min-height: 185px;
    max-height: calc(100% - 2px);
    padding: 15px 0;
    background: #f5f5f5;
    border-radius: 3px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
.bth-modal-sidebar__title{
     padding: 0 20px 0 5px;
}
.bth-modal-sidebar__expand{
    position: absolute;
    top: 0px;
    left: -28px;
    width: 30px;
    height: 100%;
    padding: 15px 9px;
    background-color: #f5f5f5;
    border-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    z-index: 1;
    color: #ccc !important;
    text-decoration: none !important;
}
.bth-modal-sidebar__expand:hover{
    color: #777 !important;
}
.bth-modal-sidebar__expand small{
    display: inline-block;
    transform: translate(13px, 0) rotate(90deg);
    transform-origin: 0 0;
    font-weight: bold;
    white-space: nowrap;
}

.bth-modal-sidebar__scroll{
    height: calc(100% - 80px);
    margin-right: 15px;
    margin-left: 5px;
    padding: 0 15px 0 0px;
    overflow-y: auto;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.bth-modal-sidebar__scroll::-webkit-scrollbar {
    width: 6px;
}

.bth-modal-sidebar__graphic {
    padding: 5px 15px 0 5px;
}

.bth-historico-icon-full.no-icon:after {
    content: ""!important;
}

.bth-historico-icon-full .fa-circle {
    line-height: 1;
    text-align: center;
    text-rendering: auto;
    width: 1.2857142857142858em;
    font-size: 13px;
    display: block;
    left: -20px;
    position: absolute;
    top: 5px;
}

.bth-historico-antes {
    max-width: 33%;
    vertical-align: middle;
    position: relative;
    padding-right: 18px;
    float: left;
}

.bth-historico-depois {
    display: inherit;
    vertical-align: middle;
    min-width: calc(33% - 18px);
    cursor: pointer;
    word-wrap: break-word;
}

.bth-historico-removido {
    display: inherit;
    vertical-align: middle;
}

.bth-historico-antes .fa-arrow-right{
    position: absolute;
    top: 4px;
    right: 3px;
}

.bth-historico-titulo{
    max-width: 32%;
    vertical-align: middle;
    position: relative;
    float: left;
}
.bth-historico-titulo-pontos{
    max-width: 1%;
    vertical-align: middle;
    position: relative;
    padding-right: 6px;
    float: left;
}

.bth-status-list-popover-left-scroll.popover, .bth-status-list-popover-left.popover {
    margin-left: -115px;
}

.bth-status-list-popover-left-scroll.popover, .bth-status-list-popover-left.popover, .bth-status-list-popover-right-scroll.popover, .bth-status-list-popover-right.popover, .bth-status-list-popover-scroll.popover, .bth-status-list-popover.popover {
    max-width: 300px;
    width: 275px;
}

.bth-status-list-popover-left-scroll.popover .arrow, .bth-status-list-popover-left.popover .arrow {
    left: 250px;
}

/* --------------------------------------------- */
/* ------->>> wizard em oportunidades <<<------- */
/* --------------------------------------------- */
.wizard-customizado {
    display: flex;
    justify-content: space-between;
    transition: all .3 ease-out;
}

.wizard-customizado .wizard-list.main{
    width: calc(100% - 134px);
}

.wizard-customizado .wizard-list{
    list-style-type: none;
    display: flex;
    font-size: 85%;
    padding-left: 0px;
    padding: 1px 4px;
    overflow-x: auto;
}

.wizard-customizado .wizard-list .wizard-item{
    width: 100%;
}

.wizard-customizado .wizard-list::-webkit-scrollbar{
    width: 0px;
    height: 0px;
}

.wizard-customizado .wizard-list .wizard-item .wizard-item-description .badge{
    position: absolute;
    right: 20px;
}

.wizard-customizado .wizard-list .wizard-item .wizard-item-description > span{
    max-width: 125px;
    display: inline-block;
}

.wizard-customizado .wizard-list .wizard-item .wizard-item-description{
    position: relative;
    min-width: 200px;
    background-color: #ebedf0; /* #3475C1; */
    margin-left: 6px;
    padding: 10px 31px 10px 20px;
    position: relative;
    cursor: pointer;
    color: #595959; /* #fff; */
    height: 36px;
}

.wizard-customizado .wizard-list .wizard-item:nth-child(1) .wizard-item-description{
    margin-left:0px;
    border-radius:20px;
}

.wizard-customizado .wizard-list .wizard-item:last-child .wizard-item-description{
    border-top-right-radius:20px;
    border-bottom-right-radius:20px;
}

.wizard-customizado .wizard-list .wizard-item .wizard-item-description:last-child{
    border-top-right-radius:20px;
    border-bottom-right-radius:20px;
}

.wizard-customizado .wizard-list .wizard-item .wizard-item-description:after, .wizard-customizado .wizard-list .wizard-item .wizard-item-description:before{
    content: '';
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-bottom: 18px solid transparent;
    border-top: 18px solid transparent;
    border-left: 20px solid transparent;
    clear: both;
}

.wizard-customizado .wizard-list .wizard-item .wizard-item-description:after{
    right: 0;
    border-bottom-color:  #ffffff !important;
    border-top-color: #ffffff !important;
    border-left-color: #ebedf0;
}

.wizard-customizado .wizard-list .wizard-item .wizard-item-description:before{
    left: -20px;
    border-bottom-color:  #ebedf0;
    border-top-color: #ebedf0;
    border-left-color: transparent !important;
}

.wizard-customizado .wizard-list .wizard-item:nth-child(1) .wizard-item-description:before, .wizard-customizado .wizard-list .wizard-item:last-child .wizard-item-description:after{
    border: 0px;
}

.wizard-customizado .wizard-list .wizard-item .wizard-item-extra{
    background-color: #fff;
    display: flex;
    flex-direction: column;
    top: 36px;
    color: #333;
    width: calc(100% - 37px);
    min-width: 163px;
    margin-left: 17px;
    padding: 5px 5px;
    border-top: 0px;
    font-size: 14px;
    cursor: auto;
    border-bottom: 3px solid #ebedf0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.wizard-customizado .wizard-list .wizard-item .wizard-item-extra .bth-loader .bth-loader__indicator{
    width: 70%;
    margin: 3.5px 0px;
    float: right;
}

.wizard-customizado .wizard-list.actions .wizard-item-extra{
    background-color: #fff;
    display: flex;
    flex-direction: column;
    color: #333;
    width: 100px;
    padding: 5px 0px;
    border-top: 0px;
    font-size: 14px;
    cursor: auto;
    border-bottom: 3px solid #ebedf0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-left: 0px;
    margin-top: 3px;
}

.wizard-customizado .wizard-list.actions{
    margin-top: 3px;
    width: 110px;
}

.wizard-customizado .wizard-list.actions:last-child{
    justify-content: flex-end;
    width: 80px;
}

.wizard-customizado .wizard-list .wizard-item:hover .wizard-item-description{
    background-color: #d3d5d8;
}
.wizard-customizado .wizard-list .wizard-item:hover .wizard-item-description:after,
.wizard-customizado .wizard-list .wizard-item:hover .wizard-item-description:before,
.wizard-customizado .wizard-list .wizard-item:hover .wizard-item-extra{
    border-color: #d3d5d8;
}

.wizard-customizado .wizard-list .wizard-item:not(.active) .wizard-item-description .badge{
    background-color: #3475C1;
    color:#fff;
}

.wizard-customizado .wizard-list .wizard-item.active .wizard-item-description .badge{
    background-color: #ebedf0;
}

.wizard-customizado .wizard-list .wizard-item.active{
    font-weight: 600;
}

.wizard-customizado .wizard-list .wizard-item.active .wizard-item-description{
    background-color: #3475C1;
    color: #fff;
}

.wizard-customizado .wizard-list .wizard-item.active .wizard-item-description:after,
.wizard-customizado .wizard-list .wizard-item.active .wizard-item-description:before,
.wizard-customizado .wizard-list .wizard-item.active .wizard-item-extra{
    border-color: #3475C1;
}

/* input-addon-open - ícone de input gira 180 graus quando clicado  */
.wizard-list .wizard-action .btn-group .btn:focus {
    outline: 0px !important;
}

.wizard-list .wizard-action .btn-group .btn.transform.active .caret {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    transition: -webkit-transform .35s ease;
    transition: transform .35s ease;
    transition: transform .35s ease,-webkit-transform .35s ease;
}

.wizard-list .wizard-action .btn-group .btn.transform .caret {
    transition: -webkit-transform .35s ease;
    transition: transform .35s ease;
    transition: transform .35s ease,-webkit-transform .35s ease;
}

.wizard-action+.wizard-action{
    margin-left: 4px;
}

.block {
    display: block;
}

.full-width {
    width: 100%;
}

.no-padding {
    padding: 0px;
}

.fit-content {
    width: fit-content;
}

.item-content-flex .row > .col-md-3 > div.ellipsis {
    width: 100%;
}

/* popover */
.popover.bottom-left-popover,
.popover.bottom-right-popover {
	min-width: 400px;
	max-width: 400px;
	overflow-wrap: break-word;
}

.popover.bottom-left-popover {
	margin-left: -175px;
}

.popover.bottom-left-popover .arrow {
	left: 94% !important;
    right: 0px !important;
}

.popover.bottom-right-popover {
	margin-left: 175px;
}

.popover.bottom-right-popover .arrow {
	left: 6% !important;
    right: 0px !important;
}

/* quebra de layout do bth-design */
.table>tbody>tr>td.ellipsis,
.table>tbody>tr>th.ellipsis,
.table>tfoot>tr>td.ellipsis,
.table>tfoot>tr>th.ellipsis,
.table>thead>tr>td.ellipsis,
.table>thead>tr>th.ellipsis {
    max-width: unset !important;
}

.input-group .input-group-addon,
.input-group .input-group-btn {
    line-height: 0;
    display: flex;
    align-items: center;
}

#siSearchDropdown {
    line-height: normal;
}

#siSearchDropdown label {
    padding-top: 0 !important;
}

/* -----------------------------------------*/
/* ---------->>> Genericos <<<--------------*/
/* -----------------------------------------*/
@media screen and (max-width: 991px) {
	/*** MEGA MENU ***/
	body {
		padding-top: 0px;
	}
	.megamenu-container {
		position: initial!important;
	}
	.megamenu li .megamenu-dropdown {
	 	z-index: 3;
	 	display: none!important;
	}
	.megamenu li:hover .megamenu-dropdown {
	 	display: inherit!important;
	}
	.megamenu li .megamenu-dropdown,
	.megamenu li:hover .megamenu-dropdown,
	.megamenu>li.megamenu-active .megamenu-dropdown {
		width: 200px;
	}
	/*** remover ou add funcionalidades ***/
	.hide-element-mobile {
		display: none!important;
	}
	.show-element-mobile {
		display: inherit!important;
	}
	.row-mobile {
		display: table;
		width: 100%;
	}
}
@media screen and (max-width: 1199px) {
	.hide-element-mobile-xxl {
		display: none!important;
	}
	.show-element-mobile-xxl {
		display: block!important;
	}
	td.show-element-mobile-xxl,
	th.show-element-mobile-xxl {
		display: table-cell!important;
	}
}
@media screen and (min-width: 1200px) {
	.hide-element-mobile-xxl {
		display: block!important;
	}
	.show-element-mobile-xxl {
		display: none;
	}
	td.hide-element-mobile-xxl,
	th.hide-element-mobile-xxl {
		display: table-cell!important;
	}
}
@media screen and (max-width: 991px) {
	.hide-element-mobile-xl {
		display: none!important;
	}
	.show-element-mobile-xl {
		display: block;
	}
	td.show-element-mobile-xl,
	th.show-element-mobile-xl {
		display: table-cell!important;
	}
}
@media screen and (min-width: 992px) {
	.hide-element-mobile-xl {
		display: block;
	}
	td.hide-element-mobile-xl,
	th.hide-element-mobile-xl {
		display: table-cell!important;
	}
	.show-element-mobile-xl {
		display: none!important;
	}
}
@media screen and (max-width: 767px) {
	.hide-element-mobile-lg {
		display: none!important;
	}
	.show-element-mobile-lg {
		display: block;
	}
	td.show-element-mobile-lg,
	th.show-element-mobile-lg {
		display: table-cell!important;
	}
}
@media screen and (min-width: 768px) {
	.hide-element-mobile-lg {
		display: block;
	}
	td.hide-element-mobile-lg,
	th.hide-element-mobile-lg {
		display: table-cell!important;
	}
	.show-element-mobile-lg {
		display: none!important;
	}
}

/* --------------------------------------*/
/* ---------->>> Modais <<<--------------*/
/* --------------------------------------*/
.modal-dialog,
.modal-dialog.modal-xs,
.modal-dialog.modal-sm,
.modal-dialog.modal-lg,
.modal-dialog.modal-xl,
.modal-dialog.modal-xxl {
	max-width: calc(100% - 20px);
}
@media screen and (max-width: 991px) {
	.row-fluid {
		margin-bottom: 0px;
	}

	.row-fluid [class^="col-md-"] {
		margin-bottom: 10px!important;
	}
}

/* ----------------------------------------------*/
/* ---------->>> Pesquisa avançada <<<-----------*/
/* ----------------------------------------------*/
.pesquisa__btns-mega-group {
	display: inline-block;
}
.btn-group .btn-group .btn__modo-visualizacao{
        border-radius: 3px 0 0 3px;
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
	.form-inline .input-group>.form-control.search-field {
		width: 200px;
	}
}
@media screen and (max-width: 991px) {
	.pesquisa-mob-col {
		display: table;
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.pesquisa-mob-col {
		display: table;
		text-align: right;
	}
	.pesquisa-mob-col .pesquisa-mob__pull-right,
	.pesquisa-mob-col .pesquisa-mob__input-group,
	.pesquisa-mob-col .pesquisa-mob__input-group>.form-control.search-field {
		width: 100%;
	}
	.pesquisa-mob-col .pesquisa__btns-mega-group {
		padding-left: 75px;
	}
	.pesquisa-mob-col .btn-group .dropdown-menu {
		left: auto;
		right: -17px;
	}
	.pesquisa-mob-col .pesquisa-mob__input-group {
		margin-top: 5px;
	}
	.pesquisa-mob-col .pesquisa-mob__input-group .input-group-btn {
		position: initial!important;
	}
}
@media screen and (max-width: 710px) {
	.dropdown-menu.dropdown-pesquisas-avancada {
		min-width: 100%;
		width: calc(100% - 20px);
		left: 0px;
	}
	.dropdown-menu.dropdown-pesquisas-avancada .radio-inline {
		display: block;
	}
	.dropdown-menu.dropdown-pesquisas-avancada .radio-inline+.radio-inline {
		margin-left: 0px;
	}
}

/* ----------------------------------------*/
/* ---------->>> Filtrar por <<<-----------*/
/* ----------------------------------------*/
@media screen and (max-width: 991px) {
	.filtrar-por {
		padding: 0 10px 0 10px;
		text-align: center;
	}
	.filtrar-por:before {
		position: inherit;
		left: 0px;
	}
	.filtrar-por .filtrar-por__a {
		border: 1px solid #d7d7d7;
	}
	.filtrar-por li .dropdown-menu {
		top: 30px;
		left: auto;
		right: 0;
		margin-right: -50%;
	}
}

/* -------------------------------------*/
/* ---------->>> Listagem <<<-----------*/
/* -------------------------------------*/
.disabled-group-link {
    text-decoration: line-through!important;
    cursor: not-allowed;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scrollbar-hidden::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scrollbar-hidden {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* Listagem > Totalizador
//////////////////////////////////////*/
@media screen and (max-width: 991px) {
	.list-total-group {
		position: relative;
	}
}

/* ---------------------------------------------------------------------*/
/* ---------->>> Principais funcionalidades (Visão geral) <<<-----------*/
/* ---------------------------------------------------------------------*/
@media screen and (max-width: 991px) and  (min-width: 561px) {
	ul.flex-list li.col-3 {
		width: 50%;
	}
}
@media screen and (max-width: 560px) {
	ul.flex-list li.col-3,
	ul.flex-list li.col-6 {
		width: 100%;
	}
	ul.flex-list li>div {
		padding: 5px 15px 5px 5px;
	}
	ul.flex-list li .title {
		font-size: 20px;
		line-height: 22px;
	}
	ul.flex-list li .icone-produto {
		font-size: 4.5em;
	}
}

/* ---------------------------------------*/
/* ---------->>> Históricos <<<-----------*/
/* ---------------------------------------*/
@media screen and (max-width: 991px) {
	.bth-historico-item  {
		display: flex;
	}
	.bth-historico-data {
		width: 95px;
	}
	.bth-historico-icon {
		width: calc(100% - 75px);
	}
	.bth-historico-icon .bth-historico-user {
		float: left;
		min-width: 30px;
	}
	.bth-historico-item .row [class*="col-md-"] {
		margin-bottom: 0px;
	}
}

/* --------------------------------------------------------------------*/
/* ---------->>> Ordenação agrupamento icon oportunidade <<<-----------*/
/* --------------------------------------------------------------------*/
.dropdownOrderAgrupamento {
    padding: 3px 5px 1px 5px;
}

.dropdownOrderAgrupamento > span{
    transform: translateY(2px);
}

.agrupamentoIconArrow{
    font-size: 14px;
    transform: translateX(-7px) translateY(0px);
}

.agrupamentoObjectGroup{
    transform: translateX(4px);
}

.fa-plus.iconeFuncaoInserirAtualizar{
    font-size: 10px;
    transform: translateX(5px) translateY(-7px);
}

.fa-refresh.iconeFuncaoInserirAtualizar{
    transform: translateX(-3px);
}

span > span.iconeFuncaoInserirAtualizar {
    position: absolute;
    top: 2px;
}
/** CSS IMPLEMENTADO DE ACORDO COM NECESSIDADES DA FÁBRICA */

.scrollbar {
    overflow-x: hidden;
    overflow-y: scroll;
}

.scrollbar::-webkit-scrollbar {
    width: 6px;
}

.scrollbar.thin {
    transition: all 0.5s;
}

.scrollbar.thin::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #f5f5f5;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #dfdfdf;
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0.1);
}

.color-gen {
    color: #004b7d;
}

.cursor-link-disabled {
    cursor: not-allowed !important;
}

.cursor-link-disabled>a,
.cursor-link-disabled>button {
    pointer-events: none;
    opacity: .5;
}

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-default {
    cursor: default !important;
}

.dropdown-menu>li>span>a {
    padding: 3px 20px;
}

/* ---- app select pessoa */
.input-pessoa {
    padding-right: 30px;
}

.pessoa-choice-close {
    top: 9px;
    font-size: 16px;
    right: 15px;
    cursor: pointer;
}

.input-template-auto-complete {
    position: relative;
    z-index: 2000 !important;
}

.input-template-auto-complete ul {
    z-index: 3;
    position: absolute;
    background-color: #fff;
    width: 100%;
    overflow: auto;
    max-height: 250px;
    border: 1px solid #E4E4E4;
    border-radius: 0px 0px 3px 3px;
}

.input-template-auto-complete ul li div a {
    width: 100%;
    display: flex;
    text-decoration: none;
    color: #000000;
}

.input-template-auto-complete ul li div a:focus {
    background-color: #3875d7;
    color: #FFFFFF;
    text-decoration: none;
}

.input-template-auto-complete ul li div ui-avatar-picture {
    margin-top: 3px;
    margin-left: 5px;
}

.shadow-2dp {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
    margin-top: -3px;
    border-color: #66afe9 !important;
    outline: 0;
    /*
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
    */
    border-top: 0px !important;
}

.list-unstyled li:nth-child(even) {
    background-color: #f9f9f9;
}

.list-unstyled li .list-unstyled__sub-value {
    color: #777;
}

/* .list-unstyled li.list-unstyled__item:hover,
.list-unstyled li.list-unstyled__item:hover:nth-child(even) {
    background-color: #3a75d5;
} */
.list-unstyled li.list-unstyled__item_focus,
.list-unstyled li.list-unstyled__item_focus .list-unstyled__sub-value {
    background-color: #3a75d5;
    color: #fff;
}

/* .list-unstyled li.list-unstyled__item:hover *,
.list-unstyled li.list-unstyled__item:hover .list-unstyled__sub-value{
    color: #fff;
}

.list-unstyled li.list-unstyled__item:hover *,
.list-unstyled li.list-unstyled__item:hover .list-unstyled__sub-value{
    color: #fff;
} */

.icon-small {
    height: 20px !important;
    width: 20px !important;
    margin: 0 !important;
    border-width: 3px !important
}

.tree__level:hover {
    background-color: #F7F7F7;
}

.tree__level {
    display: flex;
    justify-content: space-between;
    line-height: 30px;
    padding-left: 4px;
}

.tree__level:hover {
    background-color: #F7F7F7;
}

.tree-row>.tree__container-children>.tree-row,
.tree-row>.tree-row {
    padding-left: 18px;
}

.tree-row__description {
    width: 100%;
}

.tree-row__description>a {
    display: inline-block;
    height: 100%;
}

.tree-row__actions {
    padding: 0 6px;
    width: 81px;
    text-align: center;
}

.tree-row__actions a {
    color: #777
}

.tree-row__actions a:hover {
    text-decoration: none;
    color: #000
}

.minheight20 {
    min-height: 20px;
}

.angular-google-map-directions {
    height: 480px;
    font-size: 12px;
}

.angular-google-map-tipos-atuacao {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 128px;
    margin-bottom: 10px;
}

.angular-google-map-directions-municipios {
    height: 342px !important;
}

.angular-google-map-directions img.adp-marker {
    margin: 5px 10px;
}

.angular-google-map .adp,
.angular-google-map .adp table,
.angular-google-map .gm-style {
    font-family: inherit;
}

.angular-google-map div[jsinstance]>div:nth-child(2) {
    height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
}

.angular-google-map-directions-municipios div[jsinstance]>div:nth-child(2) {
    height: 182px !important;
}

.angular-google-map .adp-placemark {
    margin-top: 0;
}

.angular-google-map-container {
    height: 480px;
}

.risco-conta .angular-google-map-container {
    height: 545px !important;
}

.megamenu .menu-right.drop-right-box {
    padding: 0px;
}

.megamenu .menu-right .drop-box {
    padding: 2px 12px 8px 12px;
}

.megamenu .menu-right .drop-box a {
    color: #fff;
}

.megamenu .menu-right:hover .drop-box a {
    color: #444;
}

.hide-icone {
    opacity: 0 !important;
}

.badge-filtro-mapa-riscos {
    font-size: 10px;
    padding: 2px 5px 1px;
    margin-top: -2px;
    margin-left: -2px;
    background-color: #b0b6bd;
}


/*** Jsan formatter  ***/
.json-formatter-row .toggler:after {
    content: '>' !important;
    font-size: 14px;
}

.json-formatter-row .string {
    white-space: normal !important;
}

label.popover-tablist-item-suffix:after {
    content: ':';
}


/* Estilos para caixa de seleção do modo de visualização na cotação */
.form-control.list-view-mode-input-group {
    background: #fff;
}

.form-control.list-view-mode-input-group .select2-choice {
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.oportunidade-header-table .tableFloatingHeaderOriginal {
    z-index: 10 !important;
}

/* Ajusta tamanho do comprimento do componente ui-select para min 200px */
.ui-select-min-width-200>a {
    min-width: 200px;
}

/* Estilos para icon de históricos de riscos em riscos conta cadastro */
.historico-icon-link>i {
    color: #000 !important;
    opacity: .3 !important;
    margin-top: 3px;
    margin-right: 2px;
}

.historico-icon-link>i:hover {
    color: #000 !important;
    opacity: .5 !important;
    text-decoration: none !important;
}

/* Estilo para tela de Fracionamento de faturamento na oportunidade */
.div-frac-fat {
    margin: 0 0 20px 0;
    padding: 0px;
    max-height: 250px;
    overflow: auto;
}

.table-frac-fat {
    margin: 10px;
    width: 98%;
}

.table-frac-fat>thead {
    position: sticky;
    top: 0;
    background-color: #f5f5f7;
}

.frac-fat-buttons {
    display: flex;
    justify-content: flex-end;
    padding: 10px 0 10px 0;
}

.iconeParcela {
    display: flex;
    justify-content: space-between
}

.pesquisaFracionamento {
    display: flex;
    justify-content: flex-end;
    padding-block: 10px;
}

#btnAtualizarFracionamento {
    margin-right: 8px;
}

.parcelaInfo {
    display: flex;
    justify-content: space-between;
}

/* popover informações valor total estimado no cabeçalho do contrato */
.popover-info-valor-estimado {
    max-width: 95%;
}

.popover-info-valor-estimado ul {
    list-style-type: disc;
    margin: 0;
    padding-left: 20px;
}

.popover-info-valor-estimado li {
    margin-bottom: 8px;
    line-height: 1.4;
    color: #555;
}

/* Estilo para a diretiva do popover de alteração de produtos relacionados */
.popover-alt-prod-relac-dropdown-menu {
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    white-space: nowrap;
    color: #595959;
    padding: 6px 14px;
    text-decoration: none;
}

.popover-alt-prod-relac-dropdown-menu:hover {
    background-color: #f5f7fa;
    text-decoration: none;
    color: #595959;
}

/* Estilo para o mapa de gestão de risco */
.risco-conta-map-container {
    width: 100%;
    height: 545px;
    border: 1px black solid;
}

.risco-conta-map {
    width: 100%;
    height: 100% !important;
}

.gm-style-iw-d {
    overflow: hidden !important;
    padding-bottom: 15px;
    padding-right: 15px;
    padding-left: 15px;
}

.gm-style-iw-d .ng-scope>div:nth-child(2) {
    width: auto !important;
}

.gm-style-iw {
    padding-left: 0px !important;
}

.gm-ui-hover-effect {
    width: 20px !important;
    height: 20px !important;
    margin: 2px 15px 0px !important;
}

.gm-ui-hover-effect span {
    width: 20px !important;
    height: 20px !important;
    margin: 2px 6px 0px !important;
}

/*filtros produtos op por lote*/
.tag-filtros {
    width: initial; 
    margin-top: 10px;
    margin-left: 4px;
    background-color: #337ab7;
    border-radius: 25px;
    padding-left: 8px;
    padding-right: 8px;
}

.tag-filtros span{
    display: flex;
    font-size: 12px;
    color: rgb(251, 251, 251);
    padding-inline: inherit;
    font-weight: bold;
}

.tag-filtros span a{
    color: rgb(251, 251, 251);
    margin-left: 10px;
    text-decoration: none;
    cursor: pointer;
}

/*  CSS Responsivo componentes */
/* --------------------------------------------------*/
/* ---------->>> Genericos <<<--------------*/
/* --------------------------------------------------*/
@media screen and (max-width: 991px) {
	/*** MEGA MENU ***/
	body {
		padding-top: 0px;
	}
	.megamenu-container {
		position: initial!important;
	}
	.megamenu li .megamenu-dropdown {
	 	z-index: 3;
	 	display: none!important;
	 }
	 .megamenu li:hover .megamenu-dropdown {
	 	display: inherit!important;
	 }
	 .megamenu li .megamenu-dropdown,
	 .megamenu li:hover .megamenu-dropdown, 
	 .megamenu>li.megamenu-active .megamenu-dropdown {
	 	width: 200px;
	 }
	/*** remover ou add funcionalidades ***/
	.hide-element-mobile {
		display: none!important;
	}
	.show-element-mobile {
		display: inherit!important;
	}
	.row-mobile {
		display: table;
		width: 100%;
	}
}
@media screen and (max-width: 1199px) {
	.hide-element-mobile-xxl {
		display: none!important;
	}
	.show-element-mobile-xxl {
		display: block!important;
	}
	td.show-element-mobile-xxl,
	th.show-element-mobile-xxl {
		display: table-cell!important;
	}
}
@media screen and (min-width: 1200px) {
	.hide-element-mobile-xxl {
		display: block!important;
	}
	.show-element-mobile-xxl {
		display: none;
	}
	td.hide-element-mobile-xxl,
	th.hide-element-mobile-xxl {
		display: table-cell!important;
	}
}
@media screen and (max-width: 991px) {
	.hide-element-mobile-xl {
		display: none!important;
	}
	.show-element-mobile-xl {
		display: block;
	}
	td.show-element-mobile-xl,
	th.show-element-mobile-xl {
		display: table-cell!important;
	}
}
@media screen and (min-width: 992px) {
	.hide-element-mobile-xl {
		display: block;
	}
	td.hide-element-mobile-xl,
	th.hide-element-mobile-xl {
		display: table-cell!important;
	}
	.show-element-mobile-xl {
		display: none!important;
	}
}
@media screen and (max-width: 767px) {
	.hide-element-mobile-lg {
		display: none!important;
	}
	.show-element-mobile-lg {
		display: block;
	}
	td.show-element-mobile-lg,
	th.show-element-mobile-lg {
		display: table-cell!important;
	}
}
@media screen and (min-width: 768px) {
	.hide-element-mobile-lg {
		display: block;
	}
	td.hide-element-mobile-lg,
	th.hide-element-mobile-lg {
		display: table-cell!important;
	}
	.show-element-mobile-lg {
		display: none!important;
	}
}

/* ----------------------------------------------*/
/* ---------->>> Modais <<<--------------*/
/* ----------------------------------------------*/
.modal-dialog,
.modal-dialog.modal-xs,
.modal-dialog.modal-sm,
.modal-dialog.modal-lg, 
.modal-dialog.modal-xl,
.modal-dialog.modal-xxl {
	max-width: calc(100% - 20px);
}
@media screen and (max-width: 991px) {
	.row-fluid {
		margin-bottom: 0px;
	}

	.row-fluid [class^="col-md-"] {
		margin-bottom: 10px!important;
	} 
}

/* ------------------------------------------------------------*/
/* ---------->>> Pesquisa avançada <<<-----------*/
/* ------------------------------------------------------------*/
.pesquisa__btns-mega-group {
	display: inline-block;
}
.btn-group .btn-group .btn__modo-visualizacao{
        border-radius: 3px 0 0 3px;
}
@media screen and (max-width: 1199px) and (min-width: 768px) { 
	.form-inline .input-group>.form-control.search-field {
		width: 200px;
	}
}
@media screen and (max-width: 991px) { 
	.pesquisa-mob-col {
		display: table;
		width: 100%;
	}
}
@media screen and (max-width: 767px) { 
	.pesquisa-mob-col {
		display: table;
		text-align: right;
	}
	.pesquisa-mob-col .pesquisa-mob__pull-right,
	.pesquisa-mob-col .pesquisa-mob__input-group,
	.pesquisa-mob-col .pesquisa-mob__input-group>.form-control.search-field {
		width: 100%;
	}
	.pesquisa-mob-col .pesquisa__btns-mega-group {
		padding-left: 75px;
	}
	.pesquisa-mob-col .btn-group .dropdown-menu {
		left: auto;
		right: -17px;
	}
	.pesquisa-mob-col .pesquisa-mob__input-group {
		margin-top: 5px;
	}
	.pesquisa-mob-col .pesquisa-mob__input-group .input-group-btn {
		position: initial!important;
	}
}
@media screen and (max-width: 710px) { 
	.dropdown-menu.dropdown-pesquisas-avancada {
		min-width: 100%;
		width: calc(100% - 20px);
		left: 0px;
	}
	.dropdown-menu.dropdown-pesquisas-avancada .radio-inline {
		display: block;
	}
	.dropdown-menu.dropdown-pesquisas-avancada .radio-inline+.radio-inline {
		margin-left: 0px;
	}
}

/* ----------------------------------------------*/
/* ---------->>> Filtrar por <<<-----------*/
/* ----------------------------------------------*/
@media screen and (max-width: 991px) {
	.filtrar-por {
		padding: 0 10px 0 10px;
		text-align: center;
	}
	.filtrar-por:before {
		position: inherit;
		left: 0px;
	}
	.filtrar-por .filtrar-por__a {
		border: 1px solid #d7d7d7;
	}
	.filtrar-por li .dropdown-menu {
		top: 30px;
		left: auto;
		right: 0;
		margin-right: -50%;
	}
}

/* ----------------------------------------------*/
/* ---------->>> Listagem <<<-----------*/
/* ----------------------------------------------*/
/* Listagem > Totalizador
//////////////////////////////////////*/
@media screen and (max-width: 991px) { 
	.list-total-group {
		position: relative;
	}
}

/* ----------------------------------------------------------------------------------------*/
/* ---------->>> Principais funcionalidades (Visão geral) <<<-----------*/
/* ----------------------------------------------------------------------------------------*/
@media screen and (max-width: 991px) and  (min-width: 561px) {
	ul.flex-list li.col-3 {
		width: 50%;
	}
}
@media screen and (max-width: 560px) {
	ul.flex-list li.col-3,
	ul.flex-list li.col-6 {
		width: 100%;
	}
	ul.flex-list li>div {
		padding: 5px 15px 5px 5px;
	}
	ul.flex-list li .title {
		font-size: 20px;
		line-height: 22px;
	}
	ul.flex-list li .icone-produto {
		font-size: 4.5em;
	}
}

/* -------------------------------------------*/
/* ---------->>> Anexos <<<-----------*/
/* -------------------------------------------*/
@media screen and (max-width: 410px) {
	.bth-attach-items--grid .bth-attach-item {
		margin-right: 0px;
		width: 100%;
	}
}

/* -----------------------------------------------*/
/* ---------->>> Históricos <<<-----------*/
/* -----------------------------------------------*/
@media screen and (max-width: 991px) {
	.bth-historico-item  {
		display: flex;
	}
	.bth-historico-data {
		width: 95px;
	}
	.bth-historico-icon {
		width: calc(100% - 75px);
	}
	.bth-historico-icon .bth-historico-user {
		float: left;
		min-width: 30px;
	}
	.bth-historico-item .row [class*="col-md-"] {
		margin-bottom: 0px;
	}
}
/* ==========================================

    Componentes base design 

========================================== */

.bth-card__fontes {
    background-color: #fff;
    border-radius: 2px
}

.bth-card__fontes:not(.ui-resizable) {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column
}

.bth-card__fontes__header {
    padding: 12px 12px 6px;
    position: relative
}

.bth-card__fontes__header h1, .bth-card__fontes__header h2, .bth-card__fontes__header h3, .bth-card__fontes__header h4, .bth-card__fontes__header h5, .bth-card__fontes__header h6 {
    color: #222;
    margin: 0;
    padding: 0
}

.bth-card__fontes__header .label {
    font-size: 10px
}

.bth-card__fontes__body {
    margin: 6px 4px;
    padding: 0 10px
}

.bth-card__fontes__body--max-1000 {
    max-height: 1000px;
    overflow-x: hidden;
    overflow-y: auto
}

.bth-card__fontes__body--max-900 {
    max-height: 900px;
    overflow-x: hidden;
    overflow-y: auto
}

.bth-card__fontes__body--max-800 {
    max-height: 800px;
    overflow-x: hidden;
    overflow-y: auto
}

.bth-card__fontes__body--max-700 {
    max-height: 700px;
    overflow-x: hidden;
    overflow-y: auto
}

.bth-card__fontes__body--max-600 {
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: auto
}

.bth-card__fontes__body--max-500 {
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: auto
}

.bth-card__fontes__body--max-400 {
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto
}

.bth-card__fontes__body--max-300 {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto
}

.bth-card__fontes__body--max-200 {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto
}

.bth-card__fontes__body--scroll {
    overflow-y: scroll
}

.bth-card__fontes__footer {
    padding: 6px 12px 12px;
    position: relative
}

.bth-card__fontes__divider {
    border-top: 1px solid #e1e3e6;
    margin: 0;
    padding-top: 8px
}

.bth-card__fontes__container {
    display: flex
}

.bth-card__fontes__container--inline {
    padding: 6px 0
}

.bth-card__fontes__container--inline > .bth-card__fontes {
    margin-right: 6px
}

.bth-card__fontes__container--inline > .bth-card__fontes:last-child {
    margin-right: 0
}

.bth-card__fontes__container--scroll-x {
    overflow-x: auto
}

.bth-card__fontes > div:first-child {
    padding-top: 12px
}

.bth-card__fontes > div:last-child {
    padding-bottom: 12px
}

.bth-card__fontes--fluid .bth-card__fontes__body {
    flex: 1 1 auto
}

.bth-card__fontes--collapse {
    padding: 12px 0
}

.bth-card__fontes--collapse .bth-card__fontes__header {
    cursor: pointer;
    padding: 0 43px 0 12px !important;
    transition: padding .4s ease-in-out
}

.bth-card__fontes--collapse .bth-card__fontes__header:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -webkit-transform-origin: center 45%;
    color: #767676;
    content: "keyboard_arrow_down";
    direction: ltr;
    display: inline-block;
    font-family: Material Icons;
    font-feature-settings: "liga";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    position: absolute;
    right: 12px;
    text-rendering: optimizeLegibility;
    text-transform: none;
    top: 0;
    transform-origin: center 45%;
    transition: opacity .2s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out, opacity .2s ease-in-out;
    transition: transform .4s ease-in-out, opacity .2s ease-in-out, -webkit-transform .4s ease-in-out;
    white-space: nowrap;
    word-wrap: normal
}

.bth-card__fontes--collapse .bth-card__fontes__header--opened {
    padding: 0 43px 12px 12px !important
}

.bth-card__fontes--collapse .bth-card__fontes__header--opened:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bth-card__fontes--collapse .bth-card__fontes__body {
    color: #595959;
    margin: 0 12px;
    padding: 0 !important
}

.bth-card__fontes--bordered {
    border: 1px solid silver
}

.bth-card__fontes--filled {
    background-color: #f5f7fa;
    border: 1px solid #f5f7fa
}

.bth-card__fontes--full {
    height: 100%;
    width: 100%
}

.bth-card__fontes--full-x {
    width: 100%
}

.bth-card__fontes--full-y {
    height: 100%
}

.bth-card__fontes--placeholder {
    display: none !important
}

.bth-card__fontes--small .bth-card__fontes__header {
    padding: 6px 6px 3px
}

.bth-card__fontes--small .bth-card__fontes__body {
    margin: 0 2px;
    padding: 0 4px
}

.bth-card__fontes--small > div:first-child {
    padding-top: 6px
}

.bth-card__fontes--small > div:last-child {
    padding-bottom: 6px
}

.bth-card__fontes .ui-icon {
    background-image: none !important;
    bottom: 4px;
    cursor: se-resize;
    opacity: 0;
    padding: 4px 8px;
    position: absolute;
    right: 4px;
    transition: opacity .3s ease
}

.bth-card__fontes .ui-icon:after, .bth-card__fontes .ui-icon:before {
    -webkit-transform: rotate(45deg);
    border-left: 1px solid #e5e5e5;
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    transform: rotate(45deg);
    width: 2px
}

.bth-card__fontes .ui-icon:before {
    height: 10.5px;
    right: 4px
}

.bth-card__fontes .ui-icon:after {
    height: 6.5px;
    right: 2px
}

.bth-card__fontes:hover .ui-icon {
    opacity: 1
}

.card-container {
    position: relative
}

.bth-empty__fontes {
    background-color: transparent;
    background-position-x: center;
    background-repeat: no-repeat;
    padding-bottom: 20px;
    text-align: center
}

.bth-empty__fontes h3 {
    font-size: 24px;
    margin: 0
}

.bth-empty__fontes p {
    font-size: 14px;
    margin-top: 10px
}

.bth-empty__fontes--filter {
    background-image: url(https://cdn.betha.cloud/base/g4/design/3.9.0/assets/images/filter.svg);
    background-position-y: 20px;
    background-size: 250px;
    padding-top: 200px
}

.bth-empty__fontes--list, .bth-empty__fontes--records {
    background-position-y: 20px;
    background-size: 250px;
    padding-top: 240px
}

.bth-empty__fontes--records {
    background-image: url(https://cdn.betha.cloud/base/g4/design/3.9.0/assets/images/records.svg)
}

.bth-empty__fontes--list {
    background-image: url(https://cdn.betha.cloud/base/g4/design/3.9.0/assets/images/list.svg)
}

.nav-tabs__fontes {
    margin-bottom: 15px
}

.nav-tabs__fontes.nav-stacked__fontes {
    border-bottom: 0
}

.nav-tabs__fontes.nav-stacked__fontes > li > a {
    border: 1px solid #ddd;
    border-radius: 0;
    outline: 0
}

.nav-tabs__fontes.nav-stacked__fontes > .nav-tabs__fontes.nav-stacked__fontes > .nav-tabs__fontes.nav-stacked__fontes > li > a:hover, .nav-tabs__fontes.nav-stacked__fontes > li > a:focus, .nav-tabs__fontes.nav-stacked__fontes > li > a:hover {
    border-color: #ddd;
    z-index: 2
}

.nav-tabs__fontes.nav-stacked__fontes > li > a > i:first-child {
    width: 20px
}

.nav-tabs__fontes.nav-stacked__fontes > li > .nav-tabs__fontes.nav-stacked__fontes {
    margin: 0 0 0 -2px
}

.nav-tabs__fontes.nav-stacked__fontes > li > .nav-tabs__fontes.nav-stacked__fontes > li > a {
    padding-left: 50px;
    text-transform: none
}

.nav-stacked__fontes > li + li {
    margin-top: 0
}

:not(.super-tabs) > .nav-tabs__fontes:not(.nav-stacked__fontes) {
    border-bottom: 2px solid #e1e3e6
}

:not(.super-tabs) > .nav-tabs__fontes:not(.nav-stacked__fontes) .select-active {
    border-bottom: 2px solid #3475c1;
    bottom: -2px;
    height: 2px;
    position: absolute
}

:not(.super-tabs) > .nav-tabs__fontes:not(.nav-stacked__fontes) > li > a {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important
}

:not(.super-tabs) > .nav-tabs__fontes:not(.nav-stacked__fontes) > li > a:hover {
    border-bottom: 2px solid #e1e3e6
}

:not(.super-tabs) > .nav-tabs__fontes:not(.nav-stacked__fontes) > li.active > a {
    border-bottom: 2px solid #3475c1;
    color: #3475c1;
    font-weight: 600
}

:not(.super-tabs) > .nav-stacked__fontes.nav-tabs__fontes {
    border-left: 2px solid #ededed !important
}

:not(.super-tabs) > .nav-stacked__fontes.nav-tabs__fontes > li > a {
    border: 0 !important;
    border-left: 2px solid transparent !important;
    border-radius: 0 !important;
    color: #767676;
    font-weight: 400;
    margin-left: -2px;
    padding: 12px;
    text-transform: uppercase
}

:not(.super-tabs) > .nav-stacked__fontes.nav-tabs__fontes > li > a:focus, :not(.super-tabs) > .nav-stacked__fontes.nav-tabs__fontes > li > a:hover {
    background-color: transparent;
    border-bottom: 0;
    color: #3475c1 !important
}

:not(.super-tabs) > .nav-stacked__fontes.nav-tabs__fontes > li.active > a, :not(.super-tabs) > .nav-stacked__fontes.nav-tabs__fontes > li.open > a {
    background-color: transparent;
    color: #3475c1 !important;
    font-weight: 600
}

:not(.super-tabs) > .nav-stacked__fontes.nav-tabs__fontes > li.active > a {
    border-left-color: #3475c1 !important
}

:not(.super-tabs) > .nav-stacked__fontes.nav-tabs__fontes > li.child-active > a {
    border-left-color: #e1e3e6 !important;
    color: #767676 !important;
    font-weight: 600
}

:not(.super-tabs) > .nav-stacked__fontes.nav-tabs__fontes > li.child-active > a > i {
    color: #3475c1
}

.nav-collapsed__fontes {
    width: 50px
}

.nav-collapsed__fontes > li > a > abbr, .nav-collapsed__fontes > li > a > button, .nav-collapsed__fontes > li > a > span:not(.required-icon), .nav-collapsed__fontes > li > a > ul {
    display: none
}


/* ==========================================

    Custom Styles

========================================== */

/* dados-Tree list */

.dados-tree ul.dados-tree-list:nth-child(1) {
    padding-left: 7px;
}

.dados-tree-list-ativo .row {
    border-top: 1px solid #e8e8e8;
}

.dados-tree-list-ativo .col-md-7 {
    display: flex;
}

.dados-tree-list-ativo .col-md-7 .ellipsis {
    margin-left: 7px;
}

span.dados-tree-arrow {
    cursor: pointer;
    margin-left: -22px;
    float: left;
    font-size: 14px;
}

span.dados-tree-minus {
    float: left;
    margin-left: -18px;
    color: #6f6f6f;
    font-size: 8px;
    margin-top: 6px;
}

ul.dados-tree-list {
    list-style: none;
    padding-left: 0px;
}

ul.dados-tree-list ul {
    padding-left: 20px
}

label.dados-tree-label {
    padding-top: 2px;
}

.dados-tree-list .objeto-default {
    font-size: 11px;
    padding-top: 3px;
}

.dados-tree ul.dados-tree-list:nth-child(1) {
    padding-left: 20px !important;
}


.modal-fontes .modal-body {
    padding: 0px !important;
    border-bottom: 1px solid #f1f1f1;
    /*background-color: #f5f6fa;*/
}

.modal-fontes {
    height: 750px;
    max-width: 100%;
}

.modal-fontes .modal-content {
    width: 100%;
    height: 100%
}

.modal-fontes .modal-body {
    height: calc(100% - 105px);
}

.modal-fontes .scrollBar {
    overflow-y: auto;
}


/* fontes de dados */

.list__ativos .list__ativos {
    margin-left: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    /* opacity: .9; */
}

.list__ativos .list__ativos:before {
    position: absolute;
    top: 35px;
    left: 5px;
    width: 1px;
    height: calc(100% - 50px);
    content: '';
    border-left: 3px solid #ddd;
}

.list__ativos.list__ativos--tree .list__ativos:before {
    left: 4px;
    border-left: 1px solid #ddd;
}

.list__item-ativos {
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 1.4;
}

.list__item-ativos .list__item-ativos {
    padding-top: 4px;
    padding-bottom: 4px;
}

.list__item-ativos + .list__item-ativos {
    border-top: 1px solid #ddd;
}

.row .list__item-ativos--hasChild {
    padding-left: 20px;
    cursor: pointer;
}

.list__item-ativos--hasChild:before {
    position: absolute;
    top: 4px;
    left: 0;
    display: inline-block;
    width: 1.2857142857142858em;
    text-align: center;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\F196";
    color: #999;
}

.open.list__item-ativos--hasChild:before {
    content: "\F147";
}

.list__ativos--tree .list__item-ativos--hasChild:before {
    top: 3px;
    content: "\F0DA";
}

.list__ativos--tree .open.list__item-ativos--hasChild:before {
    content: "\F0D7";
}

.list__item-ativos--detail {
    padding: 15px 20px 5px;
}

.list__item-ativos--info {
    margin-top: 6px;
    margin-bottom: 6px;
}

.list__item-ativos--copy {
    display: none;
}

.list__item-ativos--title {
    display: inline-block;
    max-width: 75%;
    vertical-align: text-bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list__item-ativos--row:hover .list__item-ativos--copy {
    display: inline-block;
}

.list-tt {
    font-size: 16px;
}

.code__exemplo:first-line {
    line-height: 0
}

.nav-tabs__fontes--title {
    display: inline-block !important;
    width: calc(100% - 55px);
    vertical-align: top;
}

.nav-tabs__fontes {
    width: 250px;
    height: 100%;
    background-color: #f5f6fa;

    overflow-x: hidden;
    overflow-y: auto;
}

:not(.super-tabs) > .nav-stacked__fontes.nav-tabs__fontes.nav-tabs__fontes {
    border-left: none !important;
}

.nav-tabs__fontes.nav-collapsed__fontes {
    width: 40px;
}

.nav-tabs__fontes > li {
    position: static !important;
}

.nav-tabs__fontes > li .badge__fontes {
    color: #767676;
    background-color: transparent;
}

.nav-tabs__fontes > li.active .badge__fontes,
.nav-tabs__fontes > li:hover .badge__fontes {
    color: #fff;
    background-color: #3475C1;
}

.nav-tabs__fontes.nav.nav-tabs__fontes.nav-stacked__fontes > li > a {
    padding: 6px;
    font-size: 12px;
    margin-left: 0;
}

.bth-card__fontes {
    position: absolute;
    top: 0;
    left: 250px;
    width: calc(100% - 250px);
    height: 100%;

    overflow-x: hidden;
    overflow-y: auto;
}

.nav-tabs__fontes.nav-collapsed__fontes .bth-card__fontes {
    left: 40px;
    width: calc(100% - 40px);
}

.nav-tabs__fontes .nav-toggle .bth-card__fontes {
    padding-top: 50px;
}


/* Wizard */
.fontes-wizard {
    position: absolute;
    right: 20px;
    bottom: 50px;

    display: block;
    min-width: 360px;
    max-width: 520px;
    max-height: calc(100% - 140px);
    overflow-x: auto;
    overflow-y: auto;
    background-color: #F5F7FA;
    border-radius: 2px;
    padding: 15px 15px 0 15px;

    -webkit-box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.2);

    z-index: 3;

}

.fontes-wizard__footer {
    position: sticky;
    bottom: 0;
    left: 0;
    padding-bottom: 10px;
    background-color: #F5F7FA;
}

.fontes-wizard__title {
    position: sticky;
    top: 0;
    font-size: 12px;
    margin-bottom: -20px;
}

.fontes-wizard__list {
    margin-top: 1px;
    padding-left: 75px;
}

.fontes-wizard__list--group {
    padding:5px 0 5px 20px;
    font-size: 9px;
    /*line-height: 1;*/
}

.fontes-wizard__list--empty {
    padding: 8px;
    margin-top: -16px;
}

.fontes-wizard__list--empty:before,
.fontes-wizard__list--empty:after {
    display: none;
}

.fontes-wizard__list .ui-sortable-placeholder{
    visibility: visible !important;
    border-top: 2px solid #999;
}

.fontes-wizard__list--empty .ui-sortable-placeholder{
    position: relative;
    border-top: none;
}

.fontes-wizard__list--empty .ui-sortable-placeholder:before{
    position: absolute;
    top: -6px;
    left: -22px;
    content: "(+)";
    font-size: 10px;
    color: #666;
    line-height: 1;
}

.fontes-wizard__list--group:before {
    padding-right: 10px;
    content: "(";
    color: #333;
    line-height: 1;
}


.fontes-wizard__list--group:after {
    content: ")";
    color: #333;
    line-height: 1;
}

.fontes-wizard__item {
    position: relative;
    padding: 2px 40px 2px 4px;
    font-size: 12px;
    color: #AA1111;

    /*white-space: nowrap;*/

    hyphens: auto;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.fontes-wizard__item.ui-sortable-handle {
    cursor: grab;
}

.fontes-wizard__item:active.ui-sortable-handle {
    cursor: grabbing;
}

.fontes-wizard__item.ui-sortable-handle.ui-sortable-helper .fontes-wizard__actions{
    display: none;
}

.fontes-wizard__item--group {
    padding-right: 4px;
}

.fontes-wizard__item--group .fontes-wizard__item--group {
    padding-right: 0;
}

.fontes-wizard__item--onEdit {
    padding-right: 4px;
    background-color: transparent !important;
}

.fontes-wizard__item:hover {
    background-color: #E1E3E6;
}

.fontes-wizard__item span {
    color: #333;
}

.fontes-wizard__actions {
    position: absolute;
    top: 2px;
    right: 0;
    display: none;
    padding: 0 2px;
    background-color: #E1E3E6;
}

.fontes-wizard__item:hover .fontes-wizard__actions {
    display: inline-block;
}

.fontes-wizard__actions--addgroup {
    left: -20px;
    right: auto;
    background-color: transparent;
}

.fontes-wizard__actions a {
    color: #333;
}

.fontes-wizard__actions--addgroup a {
    color: #999;
}

.fontes-wizard__label {
    background-color: #EBEDF0;
    padding: 6px;
    color: #333;
    border-radius: 3px;
    border-color: #E1E3E6;
}

.fonte-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.fontes-explorer {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    overflow: auto;
    background-color: #fff;
}

.fontes-explorer__ativos .nav-justified{
    flex-direction: row
}

.fontes-explorer__ativos .nav-justified li{
    display: inline-flex;
    flex: 1 1 auto;
    flex-wrap: nowrap;
}

.fontes-explorer__ativos .nav-justified li a{
    width: 100%;
    text-align: center;
}

.fontes-explorer__ativos {
    z-index: 2;
    opacity: 1;
}

.fontes-explorer__ativos.ng-animate {
    transition: all .3s ease-in-out;
}

.fontes-explorer__ativos.ng-hide {
    transform: translate(50px);
    opacity: 0;
}

.fontes-explorer__title {
    font-size: 13px;
    font-weight: bold;
}

.fontes-explorer__title--detail a {
    float: left;
    margin: 6px;
    color: #333;
}

.fontes-explorer__title--detail span {
    display: block;
    font-weight: normal;
}

.fontes-explorer__item {
    position: relative;
    display: block;
    padding: 5px 0;
    text-transform: uppercase;
    font-size: 12px;
    color: #333;
    border-bottom: 1px solid #eee;
}

.fontes-explorer__item--detail.fontes-explorer__item:last-child {
    border-bottom: none;
}

.fontes-explorer__item:hover,
.fontes-explorer__item:focus {
    text-decoration: none;
}

.fontes-explorer__item--ativo {
    padding-left: 20px;
    text-transform: none;
}

.fontes-explorer__path.fontes-explorer__path{
    text-decoration: none;
    margin: 0 5px;
}

.fontes-explorer__path .label.label-default{
    background-color: #e1e3e6; 
    color: #222;
}

.fontes-explorer__path .fontes-explorer__copy-path{
    margin: 0 5px;
    opacity: 0;
}

.fontes-explorer__path:hover .fontes-explorer__copy-path{
    opacity: 1;
}

.fontes-explorer__item--detail {
    padding-left: 25px;
    text-transform: none;
}

.fontes-explorer__item--detail .bth-checkbox label {
    font-size: 12px;
}

.fontes-explorer__item--open > .bth-checkbox label {
    font-weight: bold;
}

.fontes-explorer__tree {
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 20px;
}

.fontes-explorer__tree:before {
    position: absolute;
    display: inline-block;
    top: 5px;
    left: 0;
    width: 22px;
    margin-right: 12px;
    content: '\F078';
    vertical-align: middle;
    text-align: center;
    color: #333;
    font-family: fontAwesome;
    cursor: pointer;
}

.fontes-explorer__tree--open:before {
    content: '\F077';
}

.fontes-explorer__pagination {
    margin-top: 10px;
    padding-left: 30px;
}

.input-group--nivel input {
    border-right: 0;
}

.input-group--nivel .input-group-addon {
    background-color: transparent;
}
.porcentagem {
    width: 100%;
    height: 17px;
    border-radius: 5px;
    background-color: #e5e5e5;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5);
}
.progresso {
    height: 100%;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
}
.porcentagem span {
    position: relative;
    color: #ffffff;
    font-weight: 600;
    font-size: 11px;
    display: block;
    text-align: center;
}