@charset "utf-8";

body {
   padding-top: 51px;
}

.page-header {
   margin-bottom: 0;
}

.menu-contexto-padding {
   padding-top: 80px;
}

header.header-megamenu {
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 1069;
}

.menu-contexto {
   position: absolute;
   top: 52px;
   width: 100%;
   padding: 5px 15px;
   background-color: #e8ebf0;
}

.menu-contexto.ng-hide {
   top: 0;
}

.menu-contexto.ng-hide-add,
.menu-contexto.ng-hide-remove {
   transition: top ease-in-out 0.3s;
}

.menu-contexto .menu-container {
   display: flex;
   align-items: center;
}

.menu-contexto .menu-container .menu-desafixar {
   margin-right: 5px;
   color: #666;
}

.menu-contexto .menu-container ol.menu-breadcrumb {
   list-style: none;
   display: flex;
   margin-bottom: 0;
   padding-left: 0;
   align-items: center;
}

.menu-contexto .menu-container ol.menu-breadcrumb>li {
   font-size: 80%;
   line-height: 20px;
}

.menu-contexto .menu-container ol.menu-breadcrumb>li+li {
   padding-left: 15px;
}

.menu-contexto .menu-container ol.menu-breadcrumb>li .dropdown {
   display: inline-block;
}

.menu-contexto .menu-container ol.menu-breadcrumb>li .dropdown a {
   color: #222;
   cursor: pointer;
   text-transform: uppercase;
}

.menu-contexto .menu-container ol.menu-breadcrumb>li .dropdown .dropdown-menu {
   height: auto;
   max-height: 350px;
   overflow-x: hidden;
   overflow-y: auto;
}

.dropdown-tramitacao {
   width: 600px !important;
   overflow: hidden;
   display: flex !important;
}

.bth-container-list {
   position: relative;
   overflow: hidden;
}

.group-wrapper {
   display: flex;
   flex-direction: row;
   flex-grow: 1;
   flex-basis: 0;
}

.results {
   flex-grow: 1;
}

.results svg,
.results rec {
   width: 100% !important;
}

.group-wrapper .results .total h3 {
   display: inline-block;
   margin: 5px 5px 0 0;
   font-size: 16px;
   font-weight: 600;
   color: #004879;
}

.group-wrapper .results .total a {
   font-size: 12px;
}

.groups-panel {
   overflow-x: hidden;
}

.groups-panel.side-filter {
   display: flex;
   flex-flow: column;
   overflow: hidden;
   padding-right: 0;
}

.groups-panel h2 {
   display: inline-block;
   position: relative;
   font-family: "Open Sans";
   font-size: 12px;
   font-weight: 600;
   text-transform: uppercase;
   background-color: #FFF;
   margin: 0;
   padding: 4px 0 0 0;
}

.groups-panel h2 i {
   color: #4C4C4C;
}

.groups-panel h2:hover i {
   color: #000;
}

.filter-list {
   padding: 0;
   margin: 0;
   list-style: none;
   font-family: "Open Sans";
   font-size: 13px;
   transition: all 0.15s ease-in-out;
}

.filter-list li {
   display: flex;
   position: relative;
   flex-flow: row nowrap;
   padding: 4px 6px;
   border-radius: 2px;
   margin: 0;
   cursor: pointer;
}

.filter-list li .side-filters-config a {
   color: #595959;
}

.filter-list li .side-filters-config a:hover {
   color: #C0C0C0;
}

.filter-list li.disable {
   cursor: not-allowed;
}

.filter-list li.disable .bth-checkbox {
   text-decoration: line-through;
}

.filter-list li.disable .bth-checkbox label {
   color: #d2d2d2;
   cursor: not-allowed;
}

.filter-list li.disable .bth-checkbox label:before {
   border-color: #e4e4e4;
}

.filter-list li i {
   font-size: 20px;
}

.filter-list li:first-child i {
   width: 15px;
   margin: 0 9px 0 -1px;
}

.filter-list li:first-child {
   margin-top: 0;
}

.filter-list li:not(:last-child):hover {
   background-color: #F5F7FA;
}

.filter-list li:hover .btn-group,
.filter-list li:hover .popover-toggle {
   visibility: visible;
}

.filter-list li.in {
   z-index: 9999;
}

.filter-list li.in .btn-group,
.filter-list li.in .popover-toggle {
   visibility: visible;
   z-index: 9999;
}

.filter-list li.in .btn-group .icon-open,
.filter-list li.in .popover-toggle .icon-open {
   display: none;
}

.filter-list li.in .btn-group .icon-close,
.filter-list li.in .popover-toggle .icon-close {
   display: block;
}

.filter-list li.in:before,
.filter-list li.in .popover-list {
   transform: scale(1);
}

.filter-list li.in .popover-list {
   opacity: 1;
}

.filter-list li:before {
   content: "";
   position: absolute;
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
   background-color: #FFF;
   width: 100%;
   height: 158px;
   top: -6px;
   left: 1px;
   padding-top: 40px;
   transition: transform 0.14s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.14s cubic-bezier(0.4, 0, 0.2, 1);
   transform: scale(0);
   transform-origin: 100% 0;
}

.filter-list li .popover-list {
   position: absolute;
   margin-top: 30px;
   padding: 4px 10px 0 10px;
   top: 0;
   left: 0;
   right: 0;
   opacity: 0;
   transition: transform 0.14s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.14s cubic-bezier(0.4, 0, 0.2, 1);
   transform: scale(0);
   transform-origin: 100% 0;
}

.filter-list li .popover-list hr {
   margin: 8px 0;
}

.filter-list li .popover-list a {
   padding: 0;
   color: #616161;
   font-size: 12px;
}

.filter-list li .popover-list i {
   font-size: 14px;
}

.filter-list li.active {
   color: #FFF;
   background-color: #8986CA;
}

.filter-list li.active:after {
   content: "×";
   float: right;
   font-size: 18px;
   line-height: 100%;
   position: absolute;
   right: 6px;
   top: 0;
   bottom: 0;
   margin: auto;
}

.filter-list li .btn-group {
   width: 20px;
   height: 20px;
   visibility: hidden;
}

.filter-list li .popover-toggle {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   flex-grow: 1;
   visibility: hidden;
}

.filter-list li .popover-toggle .icon-close {
   display: none;
}

.chart-container {
   border: 1px solid #F5F5F7;
   border-radius: 3px;
   height: 260px;
   overflow: hidden;
   max-width: 100%;
   /* display: inline-block; */
}

.results h2 {
   font-size: 15px;
   font-weight: 600;
   margin: 0 0 10px 0;
}

.ui-resizable-helper {
   border-right: 1px dotted #BBB;
}

.ui-resizable-e {
   cursor: col-resize;
   width: 10px;
   right: -5px;
}

.popover-pesquisa {
   max-width: 300px;
   width: 300px;
   cursor: auto;
   margin-left: 40px;
   border-radius: 0;
}

.popover-pesquisa h1 {
   font-size: 14px;
   font-weight: bold;
   margin: 0 0 10px 0;
}

.popover-pesquisa.bottom>.arrow,
.popover-pesquisa.top>.arrow {
   display: none;
}

.popover-pesquisa.bottom {
   margin-top: 4px;
   margin: -28px 0 0 140px;
}

.popover-pesquisa .popover-content {
   padding: 10px 10px 0 10px;
}

.popover-pesquisa span.no-results {
   display: flex;
   justify-content: center;
   height: 100%;
   align-items: center;
   min-height: 200px;
}

.popover-filter-options {
   width: 330px;
   max-width: 330px;
}

.popover-filter-options.bottom {
   margin-top: 4px;
   margin: 0px 0 0 160px;
}

.ui-match {
   font-weight: bold;
   color: #337ab7;
}

.search-list {
   padding: 0;
   margin: 6px 0 0;
   margin: 6px -11px 0 -11px;
   list-style: none;
   font-family: "Open Sans";
   font-size: 13px;
   transition: all 0.15s ease-in-out;
   overflow: hidden;
   min-height: 200px;
}

.search-list li {
   display: flex;
   flex-flow: row wrap;
   align-items: center;
   padding: 10px 20px;
   cursor: pointer;
   outline: none;
   -webkit-user-select: none;
}

.search-list li span {
   -webkit-user-select: none;
}

.search-list li:hover,
.search-list li.selected:hover {
   background-color: #EDEDED;
}

.search-list li.selected {
   background-color: #F5F5F5;
}

.sticky {
   position: -webkit-sticky;
   position: sticky;
}

.sticky-shadow {
   box-shadow: 0px 4px 5px -3px rgba(0, 0, 0, 0.168);
}

.bth-info-head h4 {
   margin: 0;
   display: inline-block;
}

.bth-info-head a i {
   font-size: 19px;
   color: #A5A5A5;
}

.bth-info-head a:hover i {
   color: #555;
}

bth-list,
.bth-list {
   flex-grow: 1;
   display: flex;
}

.bth-list.move .bth-list-header,
.bth-list.move .bth-list-body .bth-list-row {
   opacity: 0.5;
}

.bth-list.move .bth-list-body .bth-list-row.not-move {
   opacity: 1;
}

/*popover mais detalhes [INICIO]*/
/*popover mais detalhes [FIM]*/
/*popover campo editavel [INICIO]*/
.popover-campo-editavel {
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
   border: none;
   border-radius: 3px;
}

.popover-campo-editavel h1 {
   font-size: 14px;
   font-weight: bold;
   margin: 0 0 10px 0;
}

.popover-campo-editavel.bottom>.arrow,
.popover-campo-editavel.top>.arrow {
   display: none;
   border-bottom-color: #E0E0E0;
}

.popover-campo-editavel.bottom {
   /*margin: -34px 0 0 10px;*/
   margin-top: -34px;
}

.popover-campo-editavel .popover-content {
   padding: 10px;
}

.popover-campo-editavel {
   max-width: 300px;
   width: 300px;
   cursor: auto;
}

.popover-campo-editavel .bth-info-body {
   margin-bottom: 10px;
}

.popover-campo-editavel .bth-info-body input {
   width: 100%;
   border: none;
   border-bottom: 1px solid #ddd;
   padding: 1px 5px;
   font-size: 15px;
}

.popover-campo-editavel .bth-info-body input:focus {
   outline: none;
}

.popover-campo-editavel .bth-info-footer a {
   background: 0 0;
   border: none;
   border-radius: 2px;
   color: #5ab0e6;
   position: relative;
   height: 30px;
   margin: 0;
   min-width: 64px;
   padding: 0 10px;
   display: inline-block;
   font-size: 14px;
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 0;
   overflow: hidden;
   outline: none;
   cursor: pointer;
   text-decoration: none;
   text-align: center;
   line-height: 32px;
   vertical-align: middle;
}

/*popover campo editavel [FIM]*/
a.open-popover i:after {
   content: "add";
}

a.open-popover.popover-active i:after {
   content: "remove";
}

.data {
   padding: 10px;
}

.data .data-head {
   display: flex;
   justify-content: space-around;
   margin-bottom: 8px;
   font-weight: 600;
}

.data .data-alinhamento {
   display: flex;
   justify-content: space-around;
}

.data .data-alinhamento .selecionado {
   background-color: #5ab0e6;
   color: #fff;
}

.data .data-alinhamento div {
   width: 25px;
   height: 25px;
   text-align: center;
   line-height: 25px;
   border-radius: 50%;
}

.data .data-alinhamento div:hover {
   background-color: #ddd;
   cursor: pointer;
}

/*Ilustracao --------------------------------------------------*/
.bth-img-illustration {
   position: relative;
   font-family: 'Open Sans', sans-serif;
   color: #333;
   background-image: url(../files/ilustracoes/semregistros.svg);
   background-size: 220px;
   background-color: #FFF;
   background-position: 50% calc(50% - 50px);
   background-repeat: no-repeat;
   flex-grow: 1;
   min-height: 400px;
   margin-right: 6px;
}

.bth-img-illustration:after,
.bth-img-illustration:before {
   position: absolute;
   width: 100%;
   text-align: center;
}

.illustration-title {
   font-size: 24px;
   bottom: calc(50% - 95px);
   position: absolute;
   width: 100%;
   text-align: center;
}

.in .animate-repeat.ng-move,
.in .animate-repeat.ng-enter,
.in .animate-repeat.ng-leave {
   transition: 300ms ease-in-out all;
}

.in .animate-repeat.ng-move,
.in .animate-repeat.ng-enter.ng-enter-active,
.in .animate-repeat.ng-leave {
   opacity: 1;
   left: 0;
   height: 21px;
}

.in .animate-repeat.ng-move.ng-move-active,
.in .animate-repeat.ng-leave.ng-leave-active,
.in .animate-repeat.ng-enter {
   opacity: 0;
   left: 30px;
   height: 0px;
}

/* Retângulo de seleção do jquery selectable */
.ui-selectable-helper {
   z-index: 9999;
   pointer-events: none;
   background: rgba(107, 193, 240, 0.3);
   border: 1px solid rgba(107, 193, 240, 0.9);
   position: absolute;
}

.megamenu-dropdown .bth-checkbox {
   padding: 5px 0;
}

.megamenu-container .container {
   width: 100%;
}

.megamenu-container {
   border-bottom: none !important;
   margin-bottom: 0;
}

.popover-pesquisa-filtros {
   max-width: 300px;
   width: 300px;
   cursor: auto;
   margin-left: 40px;
   border-radius: 0;
}

.popover-pesquisa-filtros h1 {
   font-size: 14px;
   font-weight: bold;
   margin: 0 0 10px 0;
}

.popover-pesquisa-filtros.bottom>.arrow,
.popover-pesquisa-filtros.top>.arrow {
   display: none;
}

.popover-pesquisa-filtros.bottom {
   margin-top: 4px;
   margin: -28px 0 0 262px;
}

.popover-pesquisa-filtros.popover-content {
   padding: 10px 10px 0 10px;
}

.popover-pesquisa-filtros span.no-results {
   display: flex;
   justify-content: center;
   height: 100%;
   align-items: center;
   min-height: 200px;
}

ul.radio-list li:hover {
   background-color: #EDEDED;
}

/*popover-hidden-toolbar [INICIO]*/
.popover-hidden-toolbar {
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
   border: none;
   border-radius: 3px;
}

.popover-hidden-toolbar .content .hidden-columns-row {
   display: flex;
   align-content: center;
   align-items: center;
   padding: 4px 10px;
}

.popover-hidden-toolbar .content .hidden-columns-row:nth-child(even) {
   background-color: #F5F5F7;
}

.popover-hidden-toolbar .content .hidden-columns-row:last-child {
   margin-bottom: 5px;
}

.popover-hidden-toolbar .content .hidden-columns-row .title {
   flex: 1 0 30%;
   text-transform: uppercase;
   color: #777;
   font-size: 13px;
}

.popover-hidden-toolbar .content .hidden-columns-row .value {
   flex: 1 0 70%;
   display: flex;
   flex-direction: column;
}

.popover-hidden-toolbar.bottom>.arrow,
.popover-hidden-toolbar.top>.arrow,
.popover-hidden-toolbar.left>.arrow {
   display: none;
   border-bottom-color: #E0E0E0;
}

.popover-hidden-toolbar.bottom {
   margin-top: 4px;
}

.popover-hidden-toolbar .popover-content {
   padding: 0;
   font-family: "Open Sans";
}

.popover-hidden-toolbar {
   max-width: 100%;
   width: auto;
   cursor: auto;
}

/*popover-hidden-toolbar [FIM]*/
.container-anos-flex {
   display: flex;
   justify-content: center;
   max-width: 1200px;
   margin: 10px auto;
   padding: 0px 10px 0px 10px;
}

.container-anos-flex.container-anos-flex-status {
   margin: 25px auto 15px auto;
}

.container-anos-flex .navigation {
   display: flex;
   margin-right: 20px;
}

.container-anos-flex .navigation a {
   color: #C0C0C0;
   text-decoration: none;
}

.container-anos-flex .navigation a.nav-year {
   margin: 0 10px;
   font-weight: 700;
}

.container-anos-flex .navigation a.nav i {
   font-size: 19px;
}

.container-anos-flex .navigation a i {
   font-weight: 700;
}

.container-anos-flex .anos-flex {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   position: relative;
   z-index: 0;
   width: 100%;
}

.container-anos-flex .anos-flex:before {
   content: '';
   border-bottom: 1px dashed #E1E3E6;
   position: absolute;
   width: 98%;
   top: 10px;
   z-index: -1;
   transform: translate(-50%, 0);
   left: 50%;
}

.container-anos-flex .anos-flex .ponto-grande {
   text-align: center;
   position: relative;
   cursor: pointer;
}

.container-anos-flex .anos-flex .ponto-grande a {
   color: #C0C0C0;
   text-decoration: none;
   display: block;
   margin-top: 20px;
   font-weight: 600;
   width: 30px;
}

.container-anos-flex .anos-flex .ponto-grande a:before {
   content: '';
   background-color: #595959;
   width: 11px;
   height: 11px;
   border-radius: 50%;
   display: block;
   position: absolute;
   top: 5px;
   left: calc(50% - 5.5px);
   transform: rotate(45deg);
   box-shadow: 0px 0px 0px 5px #fff;
   transition: all 0.4s ease-in-out;
}

.container-anos-flex .anos-flex .ponto-grande.active a:before {
   border-radius: 0;
   background-color: #48B1D3;
}

.container-anos-flex .anos-flex .ponto-grande.disabled a {
   color: #767676;
   cursor: no-drop;
}

.container-anos-flex .anos-flex .ponto-grande.disabled a:before {
   content: '\f05e';
   background-color: #fff;
   font-family: FontAwesome;
   transform: rotate(0);
   font-weight: 100;
   top: 0px;
   font-size: 15px;
   width: auto;
   height: auto;
}

.container-anos-flex .anos-flex .ponto-grande .ponto-grande-status {
   position: absolute;
   margin-top: -30px;
   display: flex;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.container-anos-flex .anos-flex .ponto-grande .ponto-grande-status i {
   color: #595959;
}

.container-anos-flex .anos-flex .ponto-grande .ponto-grande-status .danger {
   color: #D64038;
}

.container-anos-flex .anos-flex .ponto-grande .ponto-grande-status .warning {
   color: #EFBC3C;
}

.form-control {
   border-color: #CCCCCC;
   border-radius: 3px;
   box-shadow: none;
}

.form-control:focus {
   border-color: #3475C1;
   outline: 0;
   box-shadow: none;
}

.keyboard-shortcut {
   color: #767676;
   font-weight: 400;
}

.code-editor-modal .modal-body {
   overflow: auto;
   margin-right: 5px;
}

.code-editor-modal .code-editor-container {
   margin-left: -14px;
   margin-right: -14px;
   width: 100%;
   max-height: 500px;
}

.modal .bth-list .bth-list-body .bth-list-row {
   border-bottom: 0;
}

.assist-b30 {
   position: absolute;
   top: 20px;
   width: 100px;
   z-index: -1;
   animation: showB30 0.2s ease-in-out;
   animation-delay: 1s;
   animation-fill-mode: forwards;
}

.assist-b30.close-assist {
   display: none;
}

@keyframes showB30 {
   from {
      right: 0;
   }

   to {
      right: -39px;
   }
}

.assist-b30 .assist-dialog {
   position: absolute;
   width: 205px;
   top: -20px;
   background-color: #0A9DDC;
   padding: 13px;
   border-radius: 2px;
   color: #fff;
   animation: showAssistDialog 0.2s ease-in-out;
   animation-delay: 1.1s;
   animation-fill-mode: forwards;
   opacity: 0;
}

.assist-b30 .assist-dialog:before {
   content: '';
   background-color: #0A9DDC;
   width: 14px;
   height: 14px;
   position: absolute;
   top: 60px;
   left: -7px;
   transform: rotate(45deg);
}

.assist-b30 .assist-dialog.assist-dialog-gif {
   width: 326px;
   left: 120px;
}

@keyframes showAssistDialog {
   from {
      opacity: 0;
      right: -200px;
   }

   to {
      opacity: 1;
      right: -225px;
   }
}

.assist-b30 .assist-dialog .assist-gif img {
   width: 300px;
   border-radius: 2px;
}

.assist-b30 .assist-dialog .assist-gif .assist-message-gif {
   margin-top: 15px;
   padding: 0px 15px;
}

.assist-b30 .assist-dialog .assist-gif .assist-message-gif .saudacoes {
   font-size: 16px;
}

.assist-b30 .assist-dialog .assist-footer {
   margin-top: 15px;
   text-align: right;
}

.assist-b30 .assist-dialog .assist-footer .btn.btn-link {
   color: #fff;
   text-decoration: none;
   background-color: transparent;
   border: none;
   font-weight: 600;
}

.assist-b30 .assist-dialog .assist-footer .btn.btn-link:hover {
   color: rgba(0, 0, 0, 0.5);
   border-color: rgba(0, 0, 0, 0.5);
}

.assist-b30 .assist-dialog .assist-footer .btn+.btn {
   margin-left: 5px;
}

.assist-b30 .assist-dialog .assist-footer a {
   display: none;
}

a:focus {
   outline: none;
}

.flex-grid {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   padding: 0;
   list-style: none;
   margin: 40px 0;
}

.flex-grid li {
   display: flex;
   flex-direction: column;
   flex: 0 1 20%;
   justify-content: space-between;
   margin-right: 8px;
   margin-bottom: 8px;
   border: 1px solid #C0C0C0;
   border-radius: 2px;
   padding: 14px;
   min-width: 390px;
}

.flex-grid li h4 {
   text-align: center;
}

.flex-grid li a {
   align-self: flex-end;
}

.flex-grid li .wrapper-illustration {
   min-height: 216px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.flex-grid li .wrapper-illustration img.illustration {
   margin-top: 26px;
   max-width: 100%;
   max-height: 160px;
}

.flex-grid li .wrapper-description {
   min-height: 40px;
}

.sticky-wrapper {
   overflow: auto;
   max-height: 640px;
   padding-right: 15px;
   margin-right: -15px;
}

.modal .modal-body-sticky-wrapper {
   max-height: calc(100vh - 186px);
   overflow: auto;
   padding: 0 15px;
   margin: 10px 0;
}

table.table-sticky thead {
   background-color: #FFF;
}

table.table-sticky thead tr th {
   background-color: #FFF;
   position: sticky;
   top: 0;
   z-index: 9999;
}

table.table-sticky thead tr th:before,
table.table-sticky thead tr th:after {
   content: '';
   display: block;
   position: absolute;
   left: 0;
   width: 100%;
}

table.table-sticky thead tr th:before {
   border-top: 1px solid #e1e3e6;
   top: -1px;
}

table.table-sticky thead tr th:after {
   border-bottom: 1px solid #e1e3e6;
   bottom: -1px;
}


.bth-loader--fixed {
   position: fixed;
   z-index: 9999;
}