/* -----------------------------------------*/
/* ---------->>> Menu <<<--------------*/
/* -----------------------------------------*/

.bf-menu--vertical__item--abstract-disabled {
    opacity: .6;
    cursor: not-allowed!important;
}

.bf-menu--vertical__item--abstract-disabled > a{
    opacity: .6;
    cursor: not-allowed!important;
    pointer-events: none!important;
}

.bf-menu--vertical__item--abstract-disabled:hover {
    background-color: #e1e3e6!important;
    text-decoration: none!important;
    color: #222!important;
}

.bf-menu--horizontal {
    background-color: #009CDE;
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    line-height: 1.5;
}

.container.container-page {
    width: calc(100% - 20px);
    margin-bottom: 10px;
}
/* -----------------------------------------*/
/* ---------->>> Visualizando Indicador <<<--------------*/
/* -----------------------------------------*/
/*** Lista análise de causa como ***/
.container-anos-flex.clean .ponto-grande a {
    color: #8e8e8e;
}
.container-anos-flex.clean .ponto-grande.active a {
    font-weight: bold;
    color: #000;
}
.container-anos-flex.clean .ponto-grande.active a .fa-circle {
    font-size: 16px;
}

/* -----------------------------------------*/
/* ---------->>> Adicionando ánalise de causas listagem <<<--------------*/
/* -----------------------------------------*/
/*** Lista análise de causa como ***/
.addlist-causa .addlist-causa__add-descricao {
    border: 0px;
    width: 100%;
    padding: 0px;
    background-color: #f9f9e8;
    line-height: 20px;
    margin: 4px 0px 0px;
}
.addlist-causa .addlist-causa__descricao {
    width: 100%;
    line-height: 20px;
    margin: 4px 0px;
    font-weight: normal;
}
.addlist-causa .causa-raiz {
    font-weight: 600;
}
.causa-raiz-codigo .causa-raiz-copy {
    display: none;
    margin-left: 3px;
}
.causa-raiz-codigo:hover .causa-raiz-copy {
    display: inherit;
}
.addlist-causa .bth-hierarchy__level {
    position: relative;
}
.addlist-causa .bth-hierarchy__level:after {
    content: '';
    width: 1px;
    height: 100%;
    background: #e4e4e4;
    position: absolute;
    top: 0px;
    left: 0px;
}
.addlist-causa .bth-hierarchy__level:before {
    content: '';
    width: 20px;
    height: 1px;
    background: #e4e4e4;
    position: absolute;
    top: 14px;
    left: 0px;
}
.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 1px dashed #bed2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px;
}


/* ---------------------------------------------------*/
/* ---------->>> Tabela de indicador <<<--------------*/
/* ---------------------------------------------------*/
/* Genericos
////////////////////////////////////// */
.si-table-indicadores .table,
.si-table-indicadores .table>thead,
.si-table-indicadores .table>thead>tr>th,
.si-table-indicadores .table>tbody>tr>th,
.si-table-indicadores .table>tfoot>tr>th,
.si-table-indicadores .table>thead>tr>td,
.si-table-indicadores .table>tbody>tr>td,
.si-table-indicadores .table>tfoot>tr>td {
    border-color: #d8d8d8!important;
}
.si-table-indicadores tr td.mes-final,
.si-table-indicadores tr th.mes-final {
    border-right-width: 2px!important;
}
.si-table-indicadores .linha-tabela-branca td,
.si-table-indicadores .linha-tabela-branca th {
    background: #fff;
}
.si-table-indicadores .linha-tabela-cinza td,
.si-table-indicadores .linha-tabela-cinza th {
    background: #f7f7f7;
}
.si-table-indicadores .header-indicador th {
    padding: 2px 1px!important;
    height: 23px;
    font-size: 11px;
}
.si-table-indicadores .table tbody.indicadores-list tr td {
    padding: 0px !important;
    line-height: 22px;
}
.indicadores-list .cursor-pointer--indicador:hover {
    cursor: pointer;
    box-shadow: inset 0px 0px 0px 1px #0066aa!important;
}

/* -------------------------------------------*/
/* ---------->>> ÍNDICES PAINÉIS <<<----------*/
/* -------------------------------------------*/
/* ÍNDICES PAINÉIS > Painel
////////////////////////////////////// */
/**
* Painel detalhado
**/
.indices-painel {
    width: 220px;
    min-height: 80px;
    background-color: #fbfbfb;
    border: 1px solid #d8d7d7;
    border-radius: 3px;
    border-top-width: 3px;
    display: inline-block;
}
.indices-painel .indices-painel__title {
    /* font-size: 12px; */
    color: #5d5d5d;
    padding: 10px 10px 0px;
}
.indices-painel .indices-painel__values {
    padding: 0px 10px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.indices-painel .indices-painel__values--dados {
    width: calc(100% - 65px);
}
.indices-painel .indices-painel__values--dados .value {
    font-size: 33px;
    line-height: 35px;
    color: #4b4c4d;
}
.indices-painel .indices-painel__values--dados .subvalue {
    font-size: 11px;
    color: #7b7b7b;
}
.indices-painel .indices-painel__values--icon {
    font-size: 65px;
    line-height: 60px;
    margin-top: -23px;
}
.indices-painel .indices-painel__values--icon i {
    width: 65px
}

/**
* Painel totalizador
**/
.indices-painel.totalizador {
    border-top-width: 1px;
    border-bottom-width: 3px;
    display: flex;
    align-items: stretch;
}
.indices-painel.totalizador .indices-painel__icon,
.indices-painel.totalizador .indices-painel__values {
    display: flex;
    align-items: center;
}
.indices-painel.totalizador .indices-painel__icon {
    font-size: 65px;
    color: #747474;
    background-color: #eeeeee;
}
/* .indices-painel.totalizador .indices-painel__values {
    width: calc(100% - 90px);
} */
.indices-painel.totalizador .indices-painel__title {
    padding: 0px;
}
.indices-painel.totalizador .indices-painel__values--dados {
    width: 100%;
}

/* ÍNDICES PAINÉIS > Corrossel
////////////////////////////////////// */
.indices-paineis-corrossel {
    /* width: calc(100% - 235px); */
    width: calc(100% - 460px);
    overflow-x: auto;
    border-radius: 3px;
}
.indices-paineis-list {
    display: flex;
    border-radius: 3px;
}
.indices-paineis-list .indices-painel {
    display: inline-block;
    min-width: 220px;
    width: 100%;
    border-radius: 0px;
    border-right: 0px;
}
.indices-paineis-list .indices-painel:last-child {
    border-right: 1px solid #d8d7d7;
}

/* ÍNDICES PAINÉIS > painel totalizador + corrossel
////////////////////////////////////// */
.indices-paineis {
    display: flex;
    justify-content: space-between;
}
/**
* Painel totalizador
**/
@media (max-width: 991px) {
    .indices-paineis {
        flex-flow: wrap;
    }
    .indices-paineis .indices-painel.totalizador {
        width: calc(50% - 5px);
    }
    .indices-paineis .indices-painel.totalizador:first-child {
        order: 1;
    }
    .indices-paineis .indices-painel.totalizador:last-child {
        order: 2;
    }
    .indices-paineis .indices-paineis-corrossel {
        order: 3;
        width: 100%;
        margin-top: 10px;
    }
}
@media (max-width: 497px) {
    .indices-paineis .indices-painel.totalizador {
        width: 100%;
        margin-top: 10px;
    }
}

/* ------------------------------------------- */
/* ---------->>> ÍNDICES PAINÉIS <<<---------- */
/* ------------------------------------------- */

/* -----------------------------------------*/
/* ---------->>> GENERICOS <<<--------------*/
/* -----------------------------------------*/
/*** SCROLL BAR ***/
.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 {
    color: #3475c1!important;
}
.a-link:hover {
    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,
.select2-search-choice .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-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) {
    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;
}
.has-alert .list-alert-group.alert-informacao {
    left: 0px;
    right: auto;
}
.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;
}
.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 .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-min:before {
    top: 8px;
    font-size: 15px;
    left: 10px;
    padding: 10px 10px 10px 30px;
}

/*** 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: '';
}

/* 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;
}

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

/*** Í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 {
    width: 100%;
    cursor: -webkit-grab;
}
.cursor-webkit-grab:focus,
.cursor-webkit-grab:active,
.cursor-webkit-grab:visited {
    cursor: -webkit-grabbing;
}

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

.grabbable:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    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;
}

/*** dropdown cores selector ***/
.dropdown-colorselector {
    text-align: center;
}
.dropdown-color-right .dropdown-colorselector>.dropdown-menu {
    left: -72px;
}
.dropdown-color-right .dropdown-menu.dropdown-caret:before {
    left: 80px;
}
.dropdown-color-right .dropdown-menu.dropdown-caret:after {
    left: 81px;
}
.has-edit .dropdown-colorselector {
    text-align: center;
    top: -3px;
    left: -1px;
}
.has-edit .dropdown-menu.dropdown-caret:before {
    left: 15px;
}
.has-edit .dropdown-menu.dropdown-caret:after {
    left: 16px;
}

/*** 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 {
    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 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 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 !important;
}
.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 > Entre selects e inputs para diretivas
////////////////////////////////////// */
.input-group-select,
.input-group-text {
    display: flex;
}
.input-group-text .form-control:last-child {
    border-left: 0px;
}
.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 input {
    width: 30%;
}
.input-group.duracao-group .select2-container {
    width: 70%;
}
.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-header .tagline {
    padding: 3px 3px 0 0px;
}
.modal-header .tagline .label {
    vertical-align: top!important;
    margin-top: 2px;
}
.modal-header small.text-muted {
    display: block;
}

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

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

/* -----------------------------------------*/
/* ---------->>> MEGA MENU <<<--------------*/
/* -----------------------------------------*/
.megamenu-container {
    z-index: 1051;
}
@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;
}

/* ------------------------------------------------- */
/* ------>>> 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;
}

/*  --------------------------------------------------------------*/
/* ---------->>> 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;
}

/*  ------------------------------------------------*/
/* ---------->>> ANEXO COMPONENTE <<<---------------*/
/* -------------------------------------------------*/
/* Attach Component */
/* Header */
.bth-attach-add,
.bth-attach-description {
    vertical-align: middle;
}
@media(max-width: 1023px) {
    .bth-attach-description__info {
        display: block;
    }
    .bth-attach-description {
        padding-top: 10px;
    }
}
@media(min-width: 1024px) {
    .bth-attach-description {
        display: inline-block;
    }
}
.bth-attach-description {
    color: #777;
    font-size: 85%;
}
/* Body */
.bth-attach__body {
    border: 2px dashed #DFDDDF;
    border-radius: 5px;
    padding: 15px;
    max-height: 380px;
    overflow-y: auto;
    overflow-x: hidden;
}
.bth-attach__body--drag-enter {
    border-color: #0066aa;
    background-color: rgb(250, 253, 255);
}
/* Body > Empty */
.bth-attach-items:empty {
    display: none;
}
.bth-attach-empty {
    text-align: center;
    padding-top: 190px;
    padding-bottom: 10px;
    background: transparent url(images/empty.png) no-repeat center 15px;
}
.bth-attach-empty__description {
    margin: 0;
    font-size: 18px;
}
/* Body > Items */
.bth-attach-items {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
}
/* Body > Items > Item */
@media(max-width: 1023px) {
    .bth-attach-items--grid .bth-attach-item {
        width: 47%;
    }
    .bth-attach-items--list .bth-attach-item {
        width: 100%;
    }
}
@media(min-width: 1024px) {
    .bth-attach-items--grid .bth-attach-item {
        width: 19%;
    }
    .bth-attach-items--list .bth-attach-item {
        width: 49%;
    }
}
.bth-attach-items--list .bth-attach-item {
    justify-content: space-between;
    flex-direction: row;
    height: 40px;
}
.bth-attach-items--grid .bth-attach-item {
    justify-content: flex-end;
    flex-direction: column;
    height: 155px;
}
.bth-attach-item {
    border-radius: 3px;
    display: flex;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 5px;
    background-color: #f7f7f7;
    border: 1px solid #eaeaea;
    position: relative;
    overflow: hidden;
}
@media(max-width: 1023px) {
    .bth-attach-item {
        margin-right: 0;
    }
    .bth-attach-items--grid .bth-attach-item {
        margin-right: 10px;
    }
}
@media(min-width: 1024px) {
    .bth-attach-items--grid .bth-attach-item:nth-child(5n),
    .bth-attach-items--list .bth-attach-item:nth-child(2n) {
        margin-right: 0;
    }
    .bth-attach-items--grid .bth-attach-item:nth-last-child(2),
    .bth-attach-items--list .bth-attach-item:nth-last-child(2) {
        margin-bottom: 0;
    }
}
.bth-attach-items--grid .bth-attach-item:last-child,
.bth-attach-items--list .bth-attach-item:last-child {
    margin-bottom: 0;
}
/* Body > Items > Item [Error] */
.bth-attach-item--error {
    opacity: .7;
}
/* Body > Items > Item [Loading] */
.bth-attach-item--loading>.bth-attach-item__thumb,
.bth-attach-item--loading>.bth-attach-item__footer {
    opacity: .7
}
/* Body > Items > Item [Spinner] */
.bth-attach-item__spinner {
    left: 0;
    top: 0;
    position: absolute;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    justify-content: center;
}
.bth-attach-items--list .bth-attach-item__spinner-icon .icon-spinner {
    margin: 5px;
    height: 20px;
    width: 20px;
}
.bth-attach-items--grid .bth-attach-item__spinner-icon .icon-spinner {
    margin: 9px;
    height: 25px;
    width: 25px;
}
.bth-attach-item__spinner-icon .icon-spinner {
    border-width: 3px;
}
.bth-attach-items--list .bth-attach-item__spinner-icon {
    width: 30px;
    height: 30px;
}
.bth-attach-items--grid .bth-attach-item__spinner-icon {
    width: 43px;
    height: 43px;
}
.bth-attach-item__spinner-icon {
    background-color: rgba(1, 1, 1, .7);
    border-radius: 5px;
}

/* Body > Items > Item > Thumb */
.bth-attach-items--grid .bth-attach-item__thumb {
    background-color: #f3f3f3;
    border: 1px solid #eaeaea;
    font-size: 20px;
    overflow: hidden;
    position: relative;
    flex: 1;
}
.bth-attach-items--list .bth-attach-item__thumb {
    font-size: 14px;
    text-align: left;
    margin-right: 5px;
}
.bth-attach-item__thumb {
    height: 100%;
    align-items: center;
    border-radius: 3px;
    display: flex;
    justify-content: center;
}
.bth-attach-items--list .bth-attach-thumb-overlay {
    display: none;
}
.bth-attach-thumb-overlay {
    position: absolute;
    background-color: rgba(1, 1, 1, .7);
    color: white;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: scale(0.99);
    transition: all 300ms cubic-bezier(.17, .67, .83, .67);
}
.bth-attach-item__thumb:hover .bth-attach-thumb-overlay,
.bth-attach-thumb-overlay__action:focus~.bth-attach-thumb-overlay {
    opacity: 1;
    transform: scale(1);
}
.bth-attach-thumb-overlay__action:hover {
    color: white;
    background-color: rgba(1, 1, 1, 1);
}

.bth-attach-thumb-overlay__action:visited {
    color: white;
}
/* Body > Items > Item > Thumb [Icon] */
.bth-attach-items--grid .bth-attach-item__thumb-icon {
    padding: 13px 15px;
}
.bth-attach-items--list .bth-attach-item__thumb-icon {
    padding: 4px 5px;
}
.bth-attach-item__thumb-icon {
    text-align: center;
    border-radius: 100%;
}
.bth-attach-item__thumb-icon--pdf {
    background-color: indianred;
    color: #f3f3f3;
}
.bth-attach-item__thumb-icon--doc {
    background-color: #84b5f7;
    color: #f3f3f3;
}
.bth-attach-item__thumb-icon--html {
    background-color: #f2ba62;
    color: #f3f3f3;
}
.bth-attach-item__thumb-icon--txt {
    background-color: grey;
    color: #f3f3f3;
}
.bth-attach-item__thumb-icon--xls {
    background-color: #94dcac;
    color: #f3f3f3;
}
.bth-attach-thumb-overlay__action {
    color: white;
    background-color: rgba(1, 1, 1, .7);
    border-radius: 100%;
    padding: 7px 9px;
}
/* Body > Items > Item > Thumb [Image] */
.bth-attach-items--grid .bth-attach-item__thumb-image i {
    display: none;
}
.bth-attach-items--list .bth-attach-item__thumb-image {
    background: #b788ed !important;
    color: #F3F3F3;
    text-align: center;
    padding: 4px 5px;
    border-radius: 100%;
    width: initial;
    height: initial;
}
.bth-attach-item__thumb-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
/* Body > Items > Item > Thumb [Error] */
.bth-attach-item__thumb-icon--error {
    background-color: #f08e8e;
    color: #f3f3f3;
}
.bth-attach-items--list .bth-attach-item__thumb-icon--error::after {
    line-height: 24px;
    padding: 7px 0;
    text-align: right;
    right: 70px;
    left: auto;
    box-shadow: -20px 0px 3em 10px #f7f7f7;
    background-color: #f9f9f9;
    bottom: 0;
}
.bth-attach-items--grid .bth-attach-item__thumb-icon--error::after {
    bottom: 5px;
    width: 100%;
}
.bth-attach-item__thumb-icon--error::after {
    content: attr(data-message-error);
    font-size: 13px;
    position: absolute;
    color: #a93b2d;
    left: 0;
}
/* Body > Items > Item > Footer */
.bth-attach-item__footer:empty {
    display: none;
}
.bth-attach-items--list .bth-attach-item__footer {
    min-width: 0;
    flex: auto;
}
.bth-attach-items--grid .bth-attach-item__footer {
    padding-top: 5px;
    width: 100%;
}
.bth-attach-item__footer {
    display: flex;
    align-items: center
}
.bth-attach-item__description {
    line-height: 19px;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    text-overflow: ellipsis;
    min-width: 0;
}
.bth-attach-item__description::after {
    content: '.';
}
.bth-attach-item__extension {
    flex: auto;
    vertical-align: middle;
    min-width: 25px;
}
.bth-attach-items--grid .bth-attach-item--error .bth-attach-item__name {
    max-width: 80%;
}
.bth-attach-item__name {
    font-size: 13px;
    flex: auto;
    min-width: 0;
    line-height: 13px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.bth-attach-item__actions {
    padding-left: 10px;
    display: flex;
    width: 65px;
    justify-content: flex-end;
}
.bth-attach-item__actions .bth-attach-item__actions-item {
    color: #787878;
    padding: 0 2px;
}
.bth-attach-item__actions .bth-attach-item__actions-item:hover {
    color: #000;
}
.bth-attach-item__custom-field {
    line-height: 17px;
}
/* Body > Items > Item > Footer > Popover */
.bth-attach-popover {
    max-width: 490px !important;
    width: 490px !important;
}
.bth-attach-popover--left {
    margin-left: -215px;
}
.bth-attach-popover--left>.arrow {
    left: 94% !important;
}
.bth-attach-popover--right {
    margin-left: 215px;
}
.bth-attach-popover--right>.arrow {
    left: 6% !important;
}
.bth-attach-popover__title {
    color: #777;
    margin: 0;
}
.bth-attach-popover__info {
    color: #777;
    font-size: 85%;
    text-align: right;
}
.bth-attach-popover__header {
    padding-top: 5px;
}
.bth-attach-popover__footer {
    text-align: right
}
.bth-attach-popover .select2-container.input-sm {
    padding: 0;
}
/* Body > Items > Item > View [Trigger] */
.bth-attach-items--grid .bth-attach-item__view {
    display: none;
}
.bth-attach-item__view {
    position: absolute;
    display: flex;
    align-items: center;
    width: 100%;
    right: 75px;
    height: 100%;
    top: 0;
    left: auto;
    text-align: right;
    justify-content: flex-end;
    cursor: pointer
}
.bth-attach-item__view-trigger {
    opacity: 0;
    font-size: 12px;
    line-height: 24px;
    padding: 7px 0;
    box-shadow: -20px 0px 3em 10px #f7f7f7;
    background-color: #f7f7f7;
    transition: all 200ms cubic-bezier(.17, .67, .83, .67);
}
.bth-attach-item:hover .bth-attach-item__view-trigger,
.bth-attach-item__view-trigger:focus {
    opacity: 1;
    transform: scale(1);
}
/* Modal */
.bth-attach__image-full {
    max-width: 100%
}
/* Anexo componente: Extensão ellipsis */
.bth-attach-description.ellipsis {
    width: calc(100% - 80px);
}

/*-------------------------------------------------------*/
/*---------->>> HIERARQUIA COMPONENTE <<<----------------*/
/*-------------------------------------------------------*/
/* Bth Hierarchy */
.bth-hierarchy__level:hover {
    background-color: #F7F7F7 !important;
}
.bth-hierarchy__level {
    display: flex;
    justify-content: space-between;
    line-height: 30px;
    padding-left: 4px;
}

.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
}

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

.ui-sortable .ui-sortable-placeholder {
    background: #F5F7FA !important;
    border: 2px dashed #C0C0C0;
    border-radius: 16px !important;
}

.ui-sortable-helper {
    width: 100%;
    display: table-row;
    cursor: grabbing;
}

/* 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;
}
.cadastros-auxiliares .panel-group .panel-default:last-child {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.cadastros-auxiliares .list-group .header-search {
    padding: 0;
}
.cadastros-auxiliares .list-group .header-search {
    background-color: #EEE;
    position: sticky;
    top: 0;
    z-index: 999;
    height: 43px;
    position: relative;
}
.cadastros-auxiliares .list-group .header-search input {
    height: 43px;
    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;
}

/* ------------------------------------------------------------------- */
/* ---------->>> 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;
}

/* 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;
}

/*
*** 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:
* heading
*/
.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;
}
/* Heading cores */
/* .panel-block.panel-none-heading {
    border-top: 2px solid #d6d6d6;
}
.panel-block .panel-block__heading.gestao-municipal {
    border-left: 2px solid #9a8b7d;
}
.panel-block .panel-block__heading.contabilidade {
    border-left: 2px solid #9081bb;
}
.panel-block .panel-block__heading.arrecadacao {
    border-left: 2px solid #50ba6e;
}
.panel-block .panel-block__heading.atendimento {
    border-left: 2px solid #afb2b2;
}
.panel-block .panel-block__heading.pessoal {
    border-left: 2px solid #0d93c5;
}
.panel-block .panel-block__heading.saude {
    border-left: 2px solid #a2c084;
}
.panel-block .panel-block__heading.educacao {
    border-left: 2px solid #f7b709;
}
.panel-block .panel-block__heading.gestao-leis {
    border-left: 2px solid #f7932f;
}
.panel-block .panel-block__heading.compras {
    border-left: 2px solid #ef4561;
} */

/**
* Painel bloco:
* Content
*/
.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;
}

/**
* Painel bloco:
* Tabs
*/
.panel-block .panel-block__tabs {
    padding: 10px 10px 0 10px;
}

/**
* Painel bloco:
* Totalizador min
*/
.panel-block .panel-block__min-totalizador {
    height: 60px;
    padding: 5px 15px 10px;
    display: flex;
    align-items: center;
}

/**
* Painel bloco:
* Cabeçalho
*/
.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;
    pointer-events: none;
    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;
}
.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);
}

/* 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;
}

/* -------------------------------------------------------- */
/* ---------->>> 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;
}

.timeline__meta--nao_batida.bth-timeline__item--visited:after {
    background-color: #D74839;
    border-color: #D74839;
}

.timeline__meta--em_apuracao.bth-timeline__item--visited:after {
    background-color: #5598C3;
    border-color: #5598C3;
}

.timeline__meta--batida.bth-timeline__item--visited:after {
    background-color: #62A768;
    border-color: #62A768;
}

.timeline__meta--indisponivel.bth-timeline__item--visited:after {
    background-color: #E1E3E6;
    border-color: #E1E3E6;
}
/* -------------------------------------------------------- */
/* ---------->>> 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 {
    float: left;
    width: 15px;
    margin-top: 1px;
    margin-right: 10px;
}

.hierarquia-list .alt_arrow .hierarquia-list__arrow {
    margin: 0;
    float: left;
    width: 30px;
    vertical-align: top;
    text-align: center;
    height: 32px;
    border: 1px solid #e1e3e6;
}

.alt_arrow .hierarquia-list__item table {
    max-width: calc(100% - 30px);
    float: right;
}

.alt_arrow .hierarquia-list__item {
    margin-left: -13px;
}

.labelList{
    padding-left: 12px!important;
    line-height: 18px!important;
    white-space: nowrap!important;
}

/* ------------------------------------------------ */
/* ---------->>> 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;
}
/* -----------------------------------------*/
/* ---------->>> 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;
    }
}

.ui-color-selector-parent .ui-color-selector.form-control {
    border: none !important;
    background-color: transparent !important;
}

.ui-color-selector-parent .btn-colorselector {
    margin-bottom: 4px !important;
}

textarea {
    border: none;
    width: 100%;
    -webkit-box-sizing: border-box; /* <=iOS4, <= Android  2.3 */
    -moz-box-sizing: border-box; /* FF1+ */
    box-sizing: border-box; /* Chrome, IE8, Opera, Safari 5.1*/
    resize: none;
}

.color-bar {
    width: 8px !important;
    display: inline-block;
    border-radius: 8px;
    margin: 0 8px 0 0;
    height: 40px;
}

td .color-bar {
    margin-right: 0px;
}

.cell-wrapper .color-bar {
    margin-right: 12px;
}


.dropdown-resumo-anual li {
    margin: 10px 5px;
}

.dropdown-resumo-anual .mes-referencia {
    float: left;
}

.dropdown-resumo-anual .meta-realizado {
    float: right;
}

/* ---------------------------------------*/
/* ---------->>> Input loading <<<-----------*/
/* ---------------------------------------*/
.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;
    z-index: 100;
    color: #999;
    font: normal normal normal 10px/1 FontAwesome;
    height: 11px;
}

/* ---------------------------------------*/
/* ---------->>> Chart <<<-----------*/
/* ---------------------------------------*/
.chart-legend {
    display: flex;
    justify-content: center;
}

.chart-legend-item {
    padding-inline: 5px;
}

.chart-legend-item-color {
    display: inline-block;
    width: 15px;
    height: 15px;
}

.c3-event-rects {
    fill-opacity: 1;
}

.c3-event-rect{
    fill:white;
}

.c3-text {
    font-size: 0.82vw !important;
}

.c3-texts-spline {
    font-weight: bold!important;
}

.c3-chart-text.c3-target:not(.c3-target-spline) text{
    font-weight: bold !important;
}

.c3-axis text, .c3-axis line, .c3-axis .domain, .c3-xgrid, .c3-ygrid {
    opacity: 0.5 !important;
}

.popover.comos-popover {
    width: 700px !important;
    min-width: 650px !important;
    max-width: 800px !important;
}

.comos-popover .popover-content {
    width: 700px;
}

.meta_text_down:not(.hidden_bottom) {
    transform: translateY(0.56vmax);
}

.meta_text_down.overlap._0:not(.inv),
.meta_text_down.overlap._7.inv.hidden_bottom  {
    transform: translateY(-0.4vmax);
}
.meta_text_down.overlap._1:not(.inv),
.meta_text_down.overlap._6.inv.hidden_bottom  {
    transform: translateY(-0.46vmax);
}
.meta_text_down.overlap._2:not(.inv),
.meta_text_down.overlap._5.inv.hidden_bottom  {
    transform: translateY(-0.52vmax);
}
.meta_text_down.overlap._3:not(.inv),
.meta_text_down.overlap._4.inv.hidden_bottom  {
    transform: translateY(-0.58vmax);
}
.meta_text_down.overlap._4:not(.inv),
.meta_text_down.overlap._3.inv.hidden_bottom  {
    transform: translateY(-0.64vmax);
}
.meta_text_down.overlap._5:not(.inv),
.meta_text_down.overlap._2.inv.hidden_bottom  {
    transform: translateY(-0.7vmax)
}
.meta_text_down.overlap._6:not(.inv),
.meta_text_down.overlap._1.inv.hidden_bottom  {
    transform: translateY(-0.76vmax);
}
.meta_text_down.overlap._7:not(.inv),
.meta_text_down.overlap._0.inv.hidden_bottom  {
    transform: translateY(-0.81vmax);
}

.meta_text_down.overlap._0.inv {
    transform: translateY(0.84vmax);
}
.meta_text_down.overlap._1.inv {
    transform: translateY(0.9vmax);
}
.meta_text_down.overlap._2.inv {
    transform: translateY(0.96vmax);
}
.meta_text_down.overlap._3.inv {
    transform: translateY(1.02vmax);
}
.meta_text_down.overlap._4.inv {
    transform: translateY(1.08vmax);
}
.meta_text_down.overlap._5.inv {
    transform: translateY(1.14vmax)
}
.meta_text_down.overlap._6.inv {
    transform: translateY(1.2vmax);
}
.meta_text_down.overlap._7.inv {
    transform: translateY(1.26vmax);
}

.meta_text_up:not(.hidden_top) {
    transform: translateY(-0.8vmax);
}
.meta_text_up.overlap._0:not(.inv),
.meta_text_up.overlap._7.inv.hidden_bottom  {
    transform: translateY(0.04vmax);
}
.meta_text_up.overlap._1:not(.inv),
.meta_text_up.overlap._6.inv.hidden_bottom  {
    transform: translateY(-0.02vmax);
}
.meta_text_up.overlap._2:not(.inv),
.meta_text_up.overlap._5.inv.hidden_bottom  {
    transform: translateY(-0.08vmax);
}
.meta_text_up.overlap._3:not(.inv),
.meta_text_up.overlap._4.inv.hidden_bottom  {
    transform: translateY(-0.14vmax);
}
.meta_text_up.overlap._4:not(.inv),
.meta_text_up.overlap._3.inv.hidden_bottom  {
    transform: translateY(-0.20vmax);
}
.meta_text_up.overlap._5:not(.inv),
.meta_text_up.overlap._2.inv.hidden_bottom  {
    transform: translateY(-0.26vmax)
}
.meta_text_up.overlap._6:not(.inv),
.meta_text_up.overlap._1.inv.hidden_bottom  {
    transform: translateY(-0.32vmax);
}
.meta_text_up.overlap._7:not(.inv),
.meta_text_up.overlap._0.inv.hidden_bottom  {
    transform: translateY(-0.38vmax);
}

.meta_text_up.overlap._0.inv {
    transform: translateY(-0.8vmax);
}
.meta_text_up.overlap._1.inv {
    transform: translateY(-0.86vmax);
}
.meta_text_up.overlap._2.inv {
    transform: translateY(-0.92vmax);
}
.meta_text_up.overlap._3.inv {
    transform: translateY(-0.98vmax);
}
.meta_text_up.overlap._4.inv {
    transform: translateY(-1.04vmax);
}
.meta_text_up.overlap._5.inv {
    transform: translateY(-1.10vmax)
}
.meta_text_up.overlap._6.inv {
    transform: translateY(-1.16vmax);
}
.meta_text_up.overlap._7.inv {
    transform: translateY(-1.22vmax);
}

.atingida.bar_top {
    transform: translateY(-1.5vmax);
}

:not(.atingida).bar_top,
.atingida.bar_bottom {
    transform: translateY(0vmax);
}

:not(.atingida).bar_bottom {
    transform: translateY(1.2vmax);
}

.c3-text.text_white {
    fill: white !important;
}

.c3-text.atingida.text_white {
    text-shadow: -1px -1px #54A668,
    -1px 1px #54A668,
    1px -1px #54A668,
    1px 1px #54A668;
}

.c3-text:not(.atingida).text_white {
    text-shadow: -1px -1px #D64038,
    -1px 1px #D64038,
    1px -1px #D64038,
    1px 1px #D64038;
}

.c3-text.em_apuracao.text_white {
    text-shadow: -1px -1px #5598C3,
    -1px 1px #5598C3,
    1px -1px #5598C3,
    1px 1px #5598C3;
}

.c3-text:not(.text_white) {
    text-shadow: -1px -1px white,
    -1px 1px white,
    1px -1px white,
    1px 1px white;
}

.c3-text.em_apuracao:not(.text_white) {
    fill: #5598C3;
    text-shadow: -1px -1px white,
    -1px 1px white,
    1px -1px white,
    1px 1px white;
}

/* ---------------------------------------------------------------------*/
/* ---------->>> 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;
	}
}

/* ## Resolve a ocultação do popup do alert ui-list-grid no scroll ## */
.tooltip.fade.top.in {
    position: fixed;
}
/*.analise-causa-tree-root-js label.labelList:last-child {
    font-weight: bold;
}
*/
.analise-causa-labelList {
    color: #686d79!important;
    font-weight: normal;
}

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

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


.bth-historico-popover-rigth-scroll.popover, 
.bth-historico-popover-rigth.popover {
    margin-left: 220px;
    cursor: auto;
    max-width: 600px;
    width: 500px;
}
.bth-historico-popover-rigth-scroll.popover .arrow, 
.bth-historico-popover-rigth.popover .arrow {
    left: 30px;
}

.tree-equipe__level:hover {
    background-color: #F7F7F7;
}

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

.tree-equipe__level:hover {
    background-color: #F7F7F7;
}

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

.tree-equipe-row__description {
    width: 100%;
}

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

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

.tree-equipe-row__actions a {
    color: #777
}

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

.success-meta-anual {
    background-color: #dff0d8;
}

.danger-meta-anual {
    background-color: #f2dede;
}

.select-white-component .form-control {
    background-color: #fff!important;
}

/* Ajusta posição dos botões do menu horizontal */
.megamenu > li > a.drop {
    padding-top: 3px;
}

.megamenu > li > a.drop.avatar {
    padding-top: 5px;
}

.bf-container {
    padding-inline: 15px;
}

.input-search-icon-right {
    margin-top: 7px;
    margin-inline: 10px;
}

app-select-usuario .ui-avatar-picture-container {
    padding-top: 6px;
}

.item-principal {
    padding-inline: 13.5px;
}

.badge-causa-raiz {
    color: #fff!important;
    min-width: 50!important;
    margin-bottom: 3!important;
    margin-inline: 3px!important;
}

.modal-ss { /* intermediario entre xs e sm*/
	width: 600px !important;
}

#ui-select-causa-raiz .select2-search-choice .ellipsis { /* aplica um tamanho máximo de 30 caracteres para exibição das causas raizes escolhidas - que podem ter tamanhos grandes */
    max-width: 30ch !important;
}

#ui-select-causa-raiz .badge {
    height: 17px !important;
    min-width: 25px !important;
}

.select2-search-choice-close {
    padding-top: 2px;
    margin-right: 3px;
}

i.controle-indicador-left {
    font-size: xxx-large;
    position: absolute;
    top: 40%;
}

i.controle-indicador-right {
    font-size: xxx-large;
    position: absolute;
    top: 40%;
    right: 1%
}

i.controle-indicador-modal-left {
    font-size: xxx-large;
    position: absolute;
    left: 1%;
    bottom: -30px;
}


i.controle-indicador-modal-right {
    font-size: xxx-large;
    position: absolute;
    right: 1%;
    bottom: -30px;
}

#si_search_buscar_indicador ul.dropdown-menu-right {
    left: 0 !important;
    right: unset;
}

custom a {
    cursor: pointer;
}

.detalhamento_evidencia li {
    max-width: 100px !important;
    max-height: 100px !important;
}

.detalhamento_evidencia .bth-attach__body {
    max-height: 150px !important;
}

.comentario_arquivo {
    cursor: pointer !important;
}

.detalhamento_evidencia .bth-attach-add,
.detalhamento_evidencia .bth-attach-item__delete {
    display: none;
}

.tab-acoes-tbody-scroll tbody {
    display: block;
    max-height: 320px;
    overflow-y: scroll;
}

.tab-acoes-tbody-scroll thead,
.tab-acoes-tbody-scroll tr {
    display: table;
    width: 99%;
    table-layout: fixed;
}

.tab-acoes-tbody-scroll ::-webkit-scrollbar {
    width: 10px;
}

#dropdownEquipeContexto .select-equipe-contexto{
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 300px;
    border: 1px solid silver;
    color: #595959;
    text-decoration: none;
    padding: 11px 12px 11px 22px;
    border-radius: 8px;
    font-size: 18px;
    background: #f5f5f5;
}

#dropdownEquipeContexto .select-equipe-contexto .material-icons{
    margin-bottom: -5px;
}

#dropdownEquipeContexto ul{
    min-width: 100%;
    margin-top: 6px;
    display: block !important;
    padding-top: 9px;
}

.criarEquipe{
    margin-bottom: 11px;
    background-color: #3475c1;
    color: #fff !important;
    text-decoration: none !important;
    padding: 11px 12px;
    font-size: 14px;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    max-width: 128px;
    align-items: center;
    column-gap: 10px;
    transition: all 0.3s;
}
.criarEquipe:hover{
    background-color: #295d99;
}

.criarEquipe h3{
    margin: 0;
    font-size: 14px;
}

.fixed-search-input {
    position: sticky;
    top: 0;
    background-color: #fff; 
    z-index: 1000;
}

#selectUsuariosComentario .input-group-addon{
    display: none;
}

.area-select-usuarios-mencao{
    position: relative;
    display: none;
}

.select-usuarios-mencao{
    position: absolute;
    width: 100%;
    top: 0px;
    z-index: 1;
    border: 1px solid #3475c1;
}

.select-usuarios-mencao .option-usuario-mencao{
    display: flex;
    align-items: center;
    background: #ffffff;
    height: 30px;
    padding: 0 12px;
    cursor: pointer;
}

.select-usuarios-mencao .option-usuario-mencao.destaque{
    background: #3475c1;
    color: white;
}

/* Página aprovações */

table.aprovacoes-registros tbody tr.aprovada{
    background: #47d5472b;
}

table.aprovacoes-registros tbody tr.aprovada td.has-action i.active{
    color: green;
}

table.aprovacoes-registros tbody tr.reprovada{
    background: #ff00001c;
}

table.aprovacoes-registros tbody tr.reprovada td.has-action i.active{
    color: #ed0000;
}

.area-selecao-aprovador{
    display: flex;
    align-items: center;
    background-color: #ebedf0;
    padding: 7px 9px;
    border-radius: 4px;
}

.area-selecao-aprovador label{
    margin: 0 8px 0 0;
    color: #595959;
    font-weight: 600;
    text-wrap: nowrap;
}

.area-selecao-aprovador app-select-aprovadores{
    width: 100%;
}