/* Variaveis */

:root{
  /* Cores */
  --dommus-color:#183b64;
  --dommus-color-2:#f7941d;
  --dommus-color-secondary:#64B5F6;
  --dommus-color-cinza:#868aa8;
  --dommus-color-green:#4CAF50;
  --dommus-color-red:#f44336;
  --dommus-color-dark:#353252;
  --dommus-shadow:0 2px 4px rgba(0,0,0,0.1);
  --dommus-b-radius: 5px;
  --dommus-overflow-width:6px;
  --dommus-overflow-height:6px;


  /*  */
  --smooth:200ms ease-in-out;
}
::selection{
  background-color: rgba(219, 149, 49, .7);
  color: #fff;
}
body{
  background-color: #f2f3f8;
  font-family: 'Poppins', sans-serif;
  position: relative;
}
body.no-overflow{
  overflow:hidden;
}
body::-webkit-scrollbar-track
{
	background-color: #ddd;
}
body::-webkit-scrollbar
{
	width:10px;
	background-color: #ddd;
  border-radius: 10px;
}
body::-webkit-scrollbar-thumb
{
	background-color: var(--dommus-color);
  border-radius: 10px;
}
.datepicker {
  padding: 15px;
}
.datepicker table thead{
  color: var(--dommus-color-cinza);
  font-size: 12px;
}
.datepicker .datepicker-switch{
  text-transform: uppercase;
  color: var(--dommus-color-dark);
  font-weight: 700;
}
.datepicker table tbody{
  color: var(--dommus-color-dark);
}
.datepicker table tbody td{
  font-size: 12px;
  width: 25px;
  height: 25px;
  font-weight: 700;
}
.datepicker table tbody td:not(.today):hover{
  border-radius: 50%;
  font-weight: 700;
}
.datepicker table tbody td.old{
  font-weight: 400;
}
.datepicker table tbody td.today{
  border-radius: 50%;
  padding: 0;
  background-color: var(--dommus-color);
  background-image: none;
  color: #fff;
  border: 0;
}
.datepicker table tbody td.today:hover{
  color: #fff!important;
  background-color: var(--dommus-color-2)!important;
  background-image: none;
}
.datepicker table tbody td.active.day{
  border-radius: 50%;
  padding: 0;
  background-color: var(--dommus-color-green);
  background-image: none;
  color: #fff;
  border: 0;
}
.datepicker table tbody td.active.day:hover{
  color: #fff!important;
  background-color: var(--dommus-color)!important;
  background-image: none;
}
.overlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0,0,0,.6);
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sidenav-overlay{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  height: 120vh;
  background-color: rgba(0,0,0,.5);
  z-index: 7;
  display: none;
  transition: var(--smooth);
}
.sidenav-overlay.open{
  display: block;
  opacity: 1;
}
.modal-title{
  font-weight: 700;
  font-size: 14px;
}
.popover{
  max-width: 100%;
  border-color: #6997b4;
}
.popover-header{
  background: #6997b4;
  color:#fff;
}
.popover-body{
  font-size: 12px;
}
.bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-bottom .arrow::after{
  border-bottom-color: #6997b4;
}
.bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before{
  border-bottom-color: #6997b4;
}
.card-table{
  border: 0;
  overflow: auto;
}
.is-overflow{
  overflow: auto;
}
.is-toggle{
  transition: var(--smooth);
}
.is-toggle:hover{
  cursor: pointer;
}
.is-toggle.arrow{
  border-radius: 5px;
}
header.is-toggle.is-secondary{
  border: 1px solid var(--dommus-color)!important;
  color: var(--dommus-color)!important;
}
header.is-toggle{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px 5px 0 0;
  font-weight: 700;
  color: var(--dommus-color-dark);
  font-size: 14px;

}
header.is-toggle.arrow{
  border-radius: 5px;
  margin-bottom: 15px;
}
header.is-toggle.arrow + div{
  display: none;
}
header.is-toggle:not(.ico-before)::after{
  content: '\f107';
  float: right;
  font-family: 'Font Awesome 5 Free';
  color: #000;
  transition: var(--smooth);
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  border-radius: 5px;
  line-height: 1;
  font-size: 12px;
}
header.is-toggle.ico-before{
  justify-content: flex-start;
}

header.is-toggle.ico-before::before{
  content: '\f107';
  float: left;
  font-family: 'Font Awesome 5 Free';
  color: #000;
  transition: var(--smooth);
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  border-radius: 5px;
  line-height: 1;
  font-size: 12px;
  margin-right: 10px;
}

header.is-toggle.ico-before.plus-ico::before{
  content: '\f067';
}

header.is-toggle i{
  margin-right: 10px;
}

header.is-toggle + div{
  padding: 15px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0 0 5px 5px;
  border-top: 0;
  margin-bottom: 15px;
}

.header.is-toggle + div label{
  color: #868aa8;
  font-size: 12px;
  margin-bottom: 0;
}

.page-title{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  background-color: #fff;
  font-weight: 700;
  border-radius: 5px;
  border: 1px solid #ddd;
  margin-bottom: 15px;
}

.dommus-mobile-navigation-wrapper .navigation li.disabled{
  pointer-events: none;
  filter: grayscale();
}

section.interacoes{
  position: fixed;
  right: 0;
  top: 75px;
  min-width: 50%;
  height: 100%;
  background-color: #fff;
  transform: translateX(100%);
  z-index: 12;
  transition: var(--smooth);
  padding: 10px;
  overflow: auto;
  height: 100%;
}

section.interacoes::-webkit-scrollbar-track{
  background-color: #ddd;
}

section.interacoes::-webkit-scrollbar{
  width:10px;
  background-color: #ddd;
  border-radius: 10px;
}

section.interacoes::-webkit-scrollbar-thumb{
  background-color: var(--dommus-color);
  border-radius: 10px;
}

section.interacoes.open{
  transform: translateX(0);
  border-left: 1px solid #f2f3f8;
}

section.interacoes header {
  padding: 15px;
  border-bottom: 1px solid #f2f3f8;
  font-weight: 700;
  font-size: 14px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

section.interacoes .dommus-toggle{
  margin-top: 15px;
  background-color: #f8f8f8;
}

section.interacoes .dommus-toggle + div{
  background-color: #fcfcfc !important;
}
section.interacoes header .close-pane{
  height: 100%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  width: 55px;
  justify-content: center;
}
ul.dados-usuario{
    height: calc(100% - 130px);
}
ul.dados-usuario li.disabled{
  filter: grayscale();
}
ul.dados-usuario li.disabled a{
  cursor: not-allowed;
}
.filter-holder .item .btn-selectpicker .ng-binding{
  padding-top: 7px;
}

.fc-scroller::-webkit-scrollbar-track{
  background-color: #ddd;
  border-radius: var(--dommus-b-radius);
}
.fc-scroller::-webkit-scrollbar{
  width:6px;
  background-color: #ddd;
  border-radius: 10px;
}
.fc-scroller::-webkit-scrollbar-thumb{
  background-color: var(--dommus-color);
  border-radius: 10px;
}
.fc-content{
  cursor: pointer;
  color: #FFF;
}
#modal-transferencia-prop .modal-body .input-group-text{
  background-color: var(--dommus-color);
  border-color: var(--dommus-color);
  color: #fff;
}
#modal-transferencia-prop .modal-body .input-group-text:hover{
  background-color: var(--dommus-color-2);
  border-color: var(--dommus-color-2);
  cursor: pointer;
}
#modal-transferencia-prop .modal-body .label-info-dados-proponente{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#modal-transferencia-prop .modal-body .label-info-dados-proponente:not(:last-child){
  margin-bottom: 1rem;
  border: 0;
  border-bottom: 1px solid rgba(0,0,0,.1);
}
#modal-transferencia-prop .modal-body .dados-proponente-processo{
  margin-bottom: 5px;
}
#modal-transferencia-prop .modal-body i.fa-check-circle{
  color: var(--dommus-color-green);
  cursor: pointer;
}
#modal-transferencia-prop .modal-body i.fa-times-circle{
  color: var(--dommus-color-red);
  cursor: pointer;
}
#modal-transferencia-prop .modal-body .radio-transferencia-processo-origem label:hover{
  color: var(--dommus-color-2);
  cursor: pointer;
}
.filter-actions .block-filtro-transferencia-processo a:hover{
  cursor: not-allowed;
}

@media(min-width:426px)and (max-width:990px){
  .page-title{
    flex-direction: column;
  }
}
.page-title button i{
  margin-right: 15px;
}
.page-title .btn i{
  margin-right: 15px;
}
.page-title button:not(:last-child), .page-title .btn:not(:last-child){
  margin-right: 10px;
}
.dropdown.acoes .dropdown-menu{
  padding: 0;
  margin: 0;
}
.open-menu-itens-content{
  padding: 0;
  margin: 0;
  list-style: none;
}
.open-menu-itens-content li{
  height: 50px;
  display: flex;
  align-items: center;
  font-weight: 400;
}
.open-menu-itens-content li:not(:last-child){
  border-bottom: 1px solid #f2f3f8;
}
.open-menu-itens-content li a{
  color: var(--dommus-color-cinza);
  font-size: 14px;
  padding: 0 15px;
  transition: var(--smooth);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  text-transform: capitalize;
}
.open-menu-itens-content li a:hover{
  color: var(--dommus-color-dark);
}
.open-menu-itens-content li a i{
  margin-right: 15px;
}
.open-menu-itens-content li:first-child i{
  color: var(--dommus-color);
}
.open-menu-itens-content li:last-child i{
  color: var(--dommus-color-red);
}
.open-menu-itens-content li a p{
  margin-bottom: 0;
}
.menu-itens-content{
  padding: 0;
  margin: 0;
}
.menu-itens-content li{
  height: 50px;
  display: flex;
  padding: 0 15px;
  align-items: center;
  font-weight: 400;
}
.menu-itens-content li:not(:last-child){
  border-bottom: 1px solid #f2f3f8;
}
.menu-itens-content li a{
  color: var(--dommus-color-cinza);
  font-size: 14px;
  transition: var(--smooth);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  text-transform: capitalize;
}
.menu-itens-content li a{
  margin-bottom: 0;
  padding: 0;
}
.menu-itens-content li a i{
  margin-right: 15px;
}
.menu-itens-content li:first-of-type i{
  color: var(--dommus-color);
}
.menu-itens-content li:last-child i{
  color: var(--dommus-color-red);
}
.is-overflow::-webkit-scrollbar-track{
  background-color: #ddd;
}
.is-overflow::-webkit-scrollbar{
  width:var(--dommus-overflow-width);
  height: var(--dommus-overflow-height);
  background-color: #ddd;
  border-radius: 10px;
}
.is-overflow::-webkit-scrollbar-thumb{
  background-color: var(--dommus-color);
  border-radius: 10px;
}
span.help-text{
  color: #f44336;
}
.dommus-wrapper label{
  color: #868aa8;
  font-size: 12px;
  margin-bottom: 0;
}
.dommus-wrapper .custom-control{
  display: inline-flex;
  align-items: center;
}

/* Table */
.card.card-table{
  display: block;
}
.card-table .table{
  margin-bottom: 0;
}
.card-table .table thead{
  background-color: #333;
  color: #fff;
}
.card-table .table thead th{
  vertical-align: middle;
  border-bottom-width: 1px;
  border-color: #453d3d;
  font-size: 12px;
}
.card-table .table tbody td, .card-table .table tbody th{
  font-size: 12px;
  vertical-align: middle;
}
.card-table .table tfoot{
  background-color: #333;
  color: #fff;
}
.card-table .table tfoot tr td {
  vertical-align: middle;
  font-size: 12px;
  border-color: #453d3d;
  text-align: right;
}
.resultado.condicionado{
  background-color: #FBC02D;
}
.resultado.aprovado{
  background-color: #4CAF50;
}
.resultado.reprovado{
  background-color: #f44336;
}
.dommus-button{
  background-color: var(--dommus-color-2);
  border: 1px solid var(--dommus-color-2);
}
/* Button do bootstrap 3.2, adicionado para o toggle do checkbox funcionar */
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-dommus-action{
  background-color: var(--dommus-color-green);
  border: 1px solid var(--dommus-color-green);
  color: #fff;
  transition: var(--smooth);
}
.btn-dommus-action:hover{
  color: #fff;
}
.btn-dommus-action i[class*='fa']
  /* Switch */

.material-switch > input {
  display: none;
}

.material-switch > label {
  cursor: pointer;
  height: 0px;
  position: relative;
  width: 40px;
}

.material-switch > label::before {
  background: #F44336;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  content: '';
  height: 16px;
  margin-top: -8px;
  position:absolute;

  transition: all 0.4s ease-in-out;
  width: 40px;
}
.material-switch > label::after {
  background: rgb(255, 255, 255);
  border-radius: 16px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  content: '';
  height: 24px;
  left: -4px;
  margin-top: -8px;
  position: absolute;
  top: -4px;
  transition: all 0.3s ease-in-out;
  width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
  background: var(--dommus-color-green);
  opacity: 1;
  box-shadow: none;
}
.material-switch > input[type="checkbox"]:checked + label::after {
  background: #fff;
  left: 20px;
}
.btn-dommus-action i{
  margin-right: 10px;
}
.btn-dommus-action:hover{
  background-color: var(--dommus-color-2);
  border: 1px solid var(--dommus-color-2);
}
.btn-dommus-search{
  background-color: var(--dommus-color);
  border: 1px solid var(--dommus-color);
  color: #fff;
}
.btn-dommus-search:hover{
  background-color: var(--dommus-color-2);
  border: 1px solid var(--dommus-color-2);
}
.btn-dommus-search i{
  margin-right: 10px;
}
.card-header.note-toolbar{
  position: relative!important;
  z-index: 9;
}
.dommus-load-page{
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 99999;
  background-color: rgba(0,0,0,.5);
  display: none;
  align-items: center;
  justify-content: center;
}
.loading-tinymce{
  top: 0;
  width: 100%;
  height: 80%;
  left: 0;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.16);
  display: none;
  align-items: center;
  justify-content: center;
}
.loading-tinymce .lds-ellipsis,
.dommus-load-page .lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  background-color: #fff;
  border-radius: 50%;
}
.loading-tinymce .lds-ellipsis div,
.dommus-load-page .lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--dommus-color);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
  background: var(--dommus-color-2);
}
.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}
#pg_atualizacao{
  display: none;
  position: absolute;
}
#atualiza{
  width: 0px;
  height: 0px;
}
.dommus-wrapper .form-control:not(textarea){
  transition: var(--smooth);
  height: 38px;
  font-size: 14px;
}
.dommus-wrapper .form-control:not(.descricao-comentario):focus{
  box-shadow: 0 2px 0 0 var(--dommus-color);
  border-color: var(--dommus-color);
}
.dommus-navigation .form-control:focus{
  box-shadow: 0 2px 0 0 var(--dommus-color);
  border-color: var(--dommus-color);
}
.dommus-wrapper .input-group .form-control:focus + .input-group-append{
  box-shadow: 0 2px 0 0 #ccced1;
  border-radius: 0 5px 5px 0;
}
.dommus-wrapper .input-group .input-group-append .input-change:hover{
  cursor: pointer;
  background-color: var(--dommus-color);
  color: #fff;
  border-color: var(--dommus-color);
}
.dommus-navigation .right-nav > div:not(:last-child):not(.notifications-wrapper){
  margin-right: 25px;
}
.dommus-navigation .right-nav .menu-itens-wrapper{
  position: relative;
  color: #000;
  margin-right: 25px;
}
.menu-itens-wrapper{
  position: relative;
}
.menu-itens-wrapper .menu-itens-content::before{
  content: '';
  position: absolute;
  top: 8px;
  right: 5px;
  width: 0px;
  height: 0px;
  border: 12px solid transparent;
  border-bottom-color: #ddd;
  border-top: 0;
  margin-top: -20px;
}
.menu-itens-wrapper #open-menu-itens:hover{
  color: var(--dommus-color-green);
  cursor: pointer;
}
.menu-itens-wrapper .menu-itens-content{
  display: none;
  position: absolute;
  top: 50px;
  right: -15px;
  max-width: 280px;
  width: 280px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 0;
  margin-bottom: 0;
  z-index: 9;
  box-shadow: var(--dommus-shadow);
}
.menu-itens-wrapper .menu-itens-content.open{
  display: block;
}
.menu-itens-wrapper .menu-itens-content li{
  height: 50px;
  display: flex;
  padding: 0 15px;
  align-items: center;
}
.menu-itens-wrapper .menu-itens-content li:not(:last-child){
    border-bottom: 1px solid #f2f3f8;
}
.menu-itens-wrapper .menu-itens-content li a{
  color: var(--dommus-color-cinza);
  font-size: 14px;
  transition: var(--smooth);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  text-transform: capitalize;
}
.menu-itens-wrapper .menu-itens-content li a:hover{
  color: var(--dommus-color-dark);
  text-decoration: none;
}
.menu-itens-wrapper .menu-itens-content li a p{
  margin-bottom: 0;
  font-weight: 400;
}
.menu-itens-wrapper .menu-itens-content li a i{
  margin-right: 15px;
}
.menu-itens-wrapper .menu-itens-content li:first-child a i{
  color: var(--dommus-color);
}
.menu-itens-wrapper .menu-itens-content li:nth-child(2) a i{
  color: var(--dommus-color-green);
}
/* header */
.dommus-navigation{
  position: fixed;
  width: 100%;
  z-index: 99;
  height: 75px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  padding: 0 15px;
  transition: height .4s ease-in-out;

}
.dommus-navigation .logo{
  height: 75px;
  display: flex;
  align-items: center;
}
.dommus-navigation .logo picture{
  display: flex;
  align-items: center;
  height: 100%;
}
.dommus-navigation .logo img{
  width: 180px;
  max-width: 100%;
}
.dommus-navigation .right-nav{
  display: flex;
  align-items: center;
}
.dommus-navigation .right-nav .info-nav{
  display: flex;
}
.dommus-navigation .right-nav .info-nav > div{
  margin-right: 20px;
}
.dommus-navigation .right-nav .modulo-name{
  margin-right: 25px;
  float: right;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  justify-content: center;
}
/* .dommus-navigation .right-nav .modulo-name span:nth-child(1){
  font-weight: 700;
} */
.dommus-navigation .right-nav .modulo-name span:nth-child(1){
  font-weight: 700;
}
.dommus-navigation .right-nav .modulo-name label{
  float: right;
  font-size: 12px;
  margin-bottom: 0;
}
.dommus-navigation .right-nav .user-acess{
  display: flex;
  align-items: center;
  position: relative;
}
.dommus-navigation .right-nav .user-acess{
  transition: var(--smooth);
}
.dommus-navigation .right-nav .user-acess:hover{
  text-decoration: none;
  cursor: pointer;
}
.dommus-navigation .right-nav .user-acess span{
  font-size: 14px;
}
.dommus-navigation .right-nav .user-acess img{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  max-width: 100%;
  margin-right: 15px;
}
.dommus-navigation .right-nav .user-acess i{
  margin-left: 15px;
  font-size: 14px;
}
.dommus-navigation .right-nav .user-acess .user-wrapper{
  display: none;
  position: absolute;
  top: 40px;
  background-color: #fff;
  padding: 15px 0;
  width: 100%;
  min-width: 170px;
  right: 0;
  border-radius: 5px;
  border: 1px solid #ddd;
  z-index: 99;
  max-width: 250px;
}
.dommus-navigation .right-nav .user-acess .user-wrapper ul{
  padding: 0;
  list-style-type: none;
  margin-bottom: 0;
}
.dommus-navigation .right-nav .user-acess .user-wrapper ul li{
  border-bottom: 1px solid #ddd;
  padding:15px;
}
.dommus-navigation .right-nav .user-acess .user-wrapper ul li:last-child i{
  color: #F44336;
}
.dommus-navigation .right-nav .user-acess .user-wrapper ul li:nth-child(1) a:hover{
  color: var(--dommus-color-2);
}
.dommus-navigation .right-nav .user-acess .user-wrapper ul li:nth-child(2) a:hover{
  color: var(--dommus-color-red);
}
.dommus-navigation .right-nav .user-acess .user-wrapper ul li:nth-child(1) i{
  color: var(--dommus-color-2);
}
.dommus-navigation .right-nav .user-acess .user-wrapper ul li:nth-child(2) i{
  color: var(--dommus-color-red);
}
.dommus-navigation .right-nav .user-acess .user-wrapper ul li a{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dommus-navigation .right-nav .user-acess .user-wrapper ul li a:hover{
  text-decoration: none;
}
.dommus-navigation .right-nav .user-acess .user-wrapper ul li:first-child{
  padding-top: 0;
}
.dommus-navigation .right-nav .user-acess .user-wrapper ul li:last-child{
  border-bottom: 0;
  padding-bottom: 0;
}
.dommus-navigation .right-nav .exit-dommus{
  margin-left: 25px;
  padding-left: 25px;
  border-left:1px solid #ddd;
}
.dommus-navigation .right-nav .exit-dommus img{
  width: 30px;
  max-width: 100%;
}

.dommus-navigation .right-nav .calendar-dommus img{
  width: 30px;
  height: 30px;
}
.dommus-navigation .right-nav .search-dommus img{
  width: 25px;
  max-width: 100%;
}
.dommus-navigation .right-nav .toggle-menu{
  display: none;
}
.dommus-navigation .right-nav .toggle-menu picture img{
  width: 30px;
}
.dommus-navigation .right-nav .toggle-menu .header__hamburger{
  height: 35px;
  width: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-left: 25px;
}
.dommus-navigation .right-nav .toggle-menu .header__hamburger .hamburger__bar{
  height: 2px;
  width: 100%;
  background-color: #fff;
  transition-property: width,height,-webkit-transform;
  transition-property: transform,width,height;
  transition-property: transform,width,height,-webkit-transform;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.09,.47,.18,.99);
}
.dommus-navigation .right-nav .toggle-menu .header__hamburger .hamburger__bar:first-child{
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
}
.dommus-navigation .right-nav .toggle-menu .header__hamburger .hamburger__bar:last-child{
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
}
.dommus-navigation .right-nav .notification-nav, .dommus-navigation .right-nav .documentation-faq{
  position: relative;
  /* margin-right: 20px; */
}
.dommus-navigation .right-nav .notification-nav a, .dommus-navigation .right-nav .documentation-faq a{
  display: block;
}
.dommus-navigation .right-nav .notification-nav img, .dommus-navigation .right-nav .documentation-faq img{
  width: 25px;
  max-width: 100%;
}
.dommus-navigation .right-nav .notification-nav .notification-icon{
  position: absolute;
  top: 0;
  right: 0;
  font-size: 10px;
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F44336;
  border-radius: 50%;
  color: #fff;
}
.user-acess-mobile img{
  width: 25px;
  max-width: 100%;
}
.dommus-wrapper .title-wrapper{
  padding: 15px;
  background-color: #fff;
  border-radius: 5px 5px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #ddd;
}
.dommus-wrapper .title-wrapper h4{
  margin-bottom: 0;
  font-weight: 700;
}
.dommus-wrapper .title-wrapper  .btn-actions-wrapper{
  display: flex;
}
.dommus-wrapper .title-wrapper  .btn-actions-wrapper a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  padding: 5px 15px;
  transition: var(--smooth);
}
.dommus-wrapper .title-wrapper .btn-actions-wrapper .btn-novo-cadastro{
  margin-right: 10px;
  background-color: var(--dommus-color-green);
}
.dommus-wrapper .title-wrapper .btn-actions-wrapper .btn-agenda{
  background-color: var(--dommus-color);
}

.dommus-wrapper .title-wrapper .btn-actions-wrapper a:hover{
  background-color: var(--dommus-color-2);
}
.dommus-wrapper .title-wrapper .btn-actions-wrapper a i{
  margin-right: 10px;
}
.dommus-wrapper .title-wrapper .btn-actions-wrapper a p{
  margin-bottom: 0;
}
.dommus-content .navigation-steps{
  padding: 15px;
  background-color: #fff;
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow-y: hidden;
  border-radius: 5px;
  border: 1px solid #ddd;
}
.navigation-steps::-webkit-scrollbar-track
{
  background-color: #ddd;
}
.navigation-steps::-webkit-scrollbar{
  height:6px;
  background-color: #ddd;
  border-radius: 10px;
}
.navigation-steps::-webkit-scrollbar-thumb{
  background-color: var(--dommus-color);
  border-radius: 10px;
}

/* PESQUISA / FILTRO */
.search-wrapper,
.calendar-wrapper{
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: rgba(0,0,0,.5);
  z-index: 99;
  overflow: hidden;
}
.search-wrapper{
  display: none;

}
.search-wrapper .search-content,
.calendar-wrapper .calendar-content{
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background-color: #fff;
}

.calendar-wrapper .calendar-content {
  height: 100%;
}

.search-wrapper .search-content .search-title,
.calendar-wrapper .calendar-content .calendar-title{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-transform: uppercase;
  padding: 15px;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.search-wrapper .search-content .search-title h3,
.calendar-wrapper .calendar-content .calendar-title h3{
  margin-bottom: 0;
  font-weight: 700;
  color: #000;
  font-size: 14px;
}
.search-wrapper .search-content .search-title h3:hover,
.calendar-wrapper .calendar-content .calendar-title h3:hover{
  color: var(--dommus-color-2);
  cursor: help;
}
.search-wrapper .search-content .search-title .item-ativos{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.button-toggle-view{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 25px;
  padding-right: 25px;
  border-right: 1px solid #ddd;
}
.input-group .button-toggle-view{
  border-right: 0;
}
.button-toggle-view > div label{
  font-size: 10px;
  display: flex;
  align-items: center;
}
.button-toggle-view > div label.active{
  background-color: var(--dommus-color-green)!important;
  border-color: var(--dommus-color-green)!important;
}
.button-toggle-view > div label.focus {
  box-shadow: none!important;
  outline: none!important;
}
.button-toggle-view > div label.active:focus{
  box-shadow: none!important;
  outline: none!important;
}
.table-visualization-wrapper{
  display: flex;
}
.filter-actions{
  display: flex;
  list-style: none;
  margin-bottom: 0;
}
.filter-table-wrapper .filter-actions{
  padding-right: 0;
  margin-right: 0;
  border-right: 0;
}
.filter-actions li:nth-child(even){
  margin: 0 15px;
}
.filter-actions li a{
  display: flex;
  align-items: center;
  justify-content: center;
}
.filter-actions li img{
  width: 25px;
  max-width: 100%;
}
.filter-actions .close-filter-actions{
  display: none;
  transition: var(--smooth);
}
.filter-actions .close-filter-actions.show-filter{
  transform: rotate(90deg);
}
.filter-actions li .button-toggle-view{
  padding-right: 0;
  margin-right: 0;
  border-right: 0;
}
.filter-table-wrapper{
  margin-left: 25px;
  margin-right: 25px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 0 25px;
}
.filter-table-wrapper ul{
  display: flex;
  align-items: center;
  padding: 0;
  list-style: none;
  margin-bottom: 0;
}
.filter-table-wrapper ul li img{
  width: 25px;
  max-width: 100%;
  margin-left: 15px;
}
.filter-table-wrapper ul li .button-toggle-view{
  margin: 0;
  padding: 0;
  border: 0;
}
.search-wrapper .search-content .search-title .close-search,
.calendar-wrapper .calendar-content .calendar-title .close-calendar{
  color: #000;
}
.search-wrapper .search-content .search-title .close-search:hover,
.calendar-wrapper .calendar-content .calendar-title .close-calendar:hover{
  cursor: pointer;
}
.search-wrapper .search-content .search-title .close-search picture img,
.calendar-wrapper .calendar-content .calendar-title .close-calendar picture img{
  width: 20px;
}
.filter-wrapper,
.calendario-container{
  padding: 15px;
  width: 100%;
}
.filter-wrapper .item label{
  font-size: 0.7rem;
  font-weight: 700;
  color: #000;
}
.filter-wrapper input, .filter-wrapper select{
  height: 50px!important;
}
.filter-wrapper .item .form-group .form-control{
  font-size: 14px;
}
.filter-wrapper .item-ativos{
  display: flex;
  border-right: 1px solid #ddd;
}
.filter-wrapper .item-oportunidades-crm{
  display: flex;
  border-left: 1px solid #ddd;
}
.filter-wrapper .filtrar-btn-wrapper{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 25px;
}
.filter-wrapper .filtrar-btn-wrapper button{
  transition: var(--smooth);
  font-size: 16px;
  height: 45px;
  width: 180px;
  max-width: 100%;
}
.filter-wrapper .filtrar-btn-wrapper button:not(:first-child){
  background-color: #4CAF50;
  margin-left: 10px;
}
.filter-wrapper .filtrar-btn-wrapper button:not(:first-child):hover{
  background-color: var(--dommus-color-2);
}
.filter-wrapper .filtrar-btn-wrapper button:first-child i{
  margin-right: 10px;
}
.filter-result{
  display: none;
  padding: 15px 15px 15px 0;
}
.filter-result .filter-processos .filter-processos-title{
  padding-bottom: 15px;
  margin-bottom: 25px;
  border-bottom: 1px solid #ddd;
}
#filtro-status + button{
  height: 50px;
  border-radius: 5px;
  border: 1px solid #ced4da;
  background-color: #fff;
}
#filtro-status  + button .filter-option .filter-option-inner-inner{
  align-items: center;
  justify-content: center;
  margin-top: 8px;
}
#filtro-status + button + div button.bs-select-all{
  background-color: #fff;
  border: 1px solid var(--dommus-color-green);
  color: var(--dommus-color-green);
  box-shadow: none;
  border-radius: 5px;
  width: auto;
}
#filtro-status + button + div button.bs-select-all:hover{
  background-color: var(--dommus-color-green);
  color: #fff;
}
#filtro-status + button + div button.bs-deselect-all{
  background-color: #fff;
  border: 1px solid var(--red);
  color: var(--red);
  box-shadow: none;
  margin-left: 10px;
  border-radius: 5px;
  width: auto;
}
#filtro-status + button + div button.bs-deselect-all:hover{
  background-color: var(--red);
  color: #fff;
}
#filtro-status + button + div button.bs-select-all i{
  margin-right: 10px;
}
#filtrostatus + button + div button.bs-deselect-all i{
  margin-right: 10px;
}
#filtro-status + button + div .bs-actionsbox{
  margin-top: 10px;
  margin-bottom: 10px;
}
#filtro-status + button + div .bs-actionsbox .btn-group{
  justify-content: center;
}
.dommus-content .navigation-steps li{
  margin: 0 5px;
}
.dommus-content .navigation-steps li:first-child{
  margin-left: 0;
}
.dommus-content .navigation-steps li:last-child{
  margin-right: 0;
  padding-right: 15px;
}
.dommus-content .navigation-steps li a{
  color: var(--dommus-color);
  padding: 10px 15px;
  transition: var(--smooth);
  font-size: 14px;
  line-height: 1;
  border: 1px solid var(--dommus-color);
}
.dommus-content .navigation-steps li a.active{
  background-color: var(--dommus-color-2);
  color: #fff;
  border: 1px solid var(--dommus-color-2);
}
.dommus-content .navigation-steps li a.active:hover{
  background-color: var(--dommus-color-2);
}
.dommus-content .navigation-steps li a:hover{
  background-color: var(--dommus-color);
  color: #fff;
}
.processo-wrapper header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  background-color: #fff;
  border-radius: 5px 5px 0 0;
  border: 1px solid #ddd;
  font-weight: 700;
  font-size: 16px;
}
.processo-wrapper header.is-toggle.arrow{
  margin-bottom: 15px;
}
.processo-wrapper header .info-processo {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  margin-right: 15px;
}
.processo-wrapper header .info-processo .numero-proponentes-processo{
  display: flex;
  align-items: flex-start;
}

.processo-wrapper header .info-processo .numero-proponentes-processo .cabecalho-codigo-processo{
  color: #fff;
  font-size: 12px;
  background-color: var(--dommus-color);
  align-items: center;
  padding: 4px 8px;
  border-radius: 5px;
  margin-right: 5px;
}

.processo-wrapper header .info-processo .numero-proponentes-processo .cabecalho-codigo-processo:hover{
  background-color: var(--dommus-color-2);
}

.processo-wrapper header .info-processo .numero-proponentes-processo .btn-add-oportunidade{
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  align-items: center;
  padding: 3px 8px;
  border-radius: 5px;
  margin-right: 5px;
}

.processo-wrapper header .info-processo .numero-proponentes-processo .seta-cabecalho-processo{
  padding: 0px 1px 0px 7px;
  font-size: 20px;
}

.processo-wrapper header .info-processo .status-valor-processo{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 14px;
  color: var(--dommus-color-cinza);
  font-weight: 400;
}
.processo-wrapper header .info-processo #cabecalho-status-processo{
  font-weight: 700;
  font-size: 15px;
  margin-bottom: 10px;
}
.processo-wrapper header + div{
  background-color: #fff;
  border: 1px solid #ddd;
  border-top: 0;
  margin-bottom: 15px;
  border-radius: 0 0 5px 5px;
}
.processo-wrapper .info-processo .list-proponentes{
  padding: 0;
  color: var(--dommus-color);
  list-style: none;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400 !important;
}
#check-empreendimento-inativo{
  color: white;
}
#check-empreendimento-ativo{
  color: white;
}
.processo-wrapper .info-processo .list-proponentes li{
  border-radius: 5px;
  margin-left: 5px;
}
.processo-wrapper .info-processo .list-proponentes li:nth-child(even){
  /*margin: 5px 0;*/
}
.processo-wrapper .info-processo .list-proponentes li:last-of-type{
  margin-bottom: 0;
}
.processo-wrapper .info-processo .valor-avaliado{
  display: flex;
}
.processo-wrapper .info-processo .valor-avaliado p{
  margin-bottom: 0;
}
.processo-wrapper .info-processo .valor-avaliado b{
  color: #fff;
  font-size: 12px;
  background-color: var(--dommus-color);
  display: flex;
  align-items: center;
  padding: 3px 5px;
  border-radius: 5px;
  margin-left: 5px;
}
.processo-wrapper .processo-content{
  padding: 0 15px;
  background-color: #fff;
  border-top: 0;
  border-radius: 0 0 5px 5px;
}
.processo-wrapper .processo-content .itens{
  font-size: 12px;
  padding: 15px;
}
.processo-wrapper .processo-content .itens:nth-child(2){
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.processo-wrapper .processo-content .itens p{
  margin-bottom: 0;
}
.processo-wrapper .processo-content h4{
  font-size: 14px;
  font-weight: 700;
  color: var(--dommus-color-2);
  margin-bottom: 5px;
  padding: 0;
  background-color: transparent;
}

/* Barra Modulo  */
.modulo-name-bar{
  padding: 10px 15px;
  background-color: var(--dommus-color);
  color: #fff;
  width: 100%;
  display: none;
  text-align: center;
  font-size: 14px;
}
.modulo-name-bar span:first-child{
  margin-right: 10px;
  font-weight: 700;
}

/* Barra lateral */
.dommus-wrapper{
  display: flex;
  flex-direction: row;
  max-width: 100%;
  justify-content: space-between;
  padding-bottom: 50px;
}
.dommus-wrapper .dommus-content{
  background-color: #f2f3f8;
  margin-top: 5px;
  width: calc(100% - 55px);
  padding: 15px;
}
/* @media(min-width:426px)and (max-width:990px){
  .dommus-wrapper .dommus-content{
    width: calc(100% - 55px)!important;
    margin-top: 0!important;
    margin-left: 55px;
  }
} */

.calendario-container{
  color: #000;
  height: 100%;
}

.conjuge-nao-proponente{
  display: none;
}

/* COMENTARIOS */
.interacao-way{
  display: flex;
  right: 15px;
  bottom: 15px;
  font-size: 21px;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 15px;
  border-top: 1px solid #ddd;
  background-color: #f8f8f8;
}
.interacao-way i:hover{
  color: var(--dommus-color-2);
  cursor: pointer;
}
.interacao-way .deixar-comentario{
  margin-right: 10px;
  display: flex;
  align-items: center;
  position: relative;
}
.interacao-way .deixar-comentario:hover{
  cursor: pointer;
}
.interacao-way .deixar-comentario.has-comentario span{
  position: absolute;
  font-size: 9px;
  color: #fff;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.interacao-way .deixar-comentario.has-comentario i{
  color: var(--dommus-color-2);
}
.interacao-way .deixar-comentario.has-comentario .fa-comment-o::before{
  content: "\f075";
}
.resposta-interacao{
  border-top: 1px solid #ddd;
  display: none;
}
.resposta-interacao .avatar img{
  width: 100%;
  max-width: 100%;
}
.resposta-interacao .resposta-interacao-wrapper{
  padding:15px;
  border-bottom: 1px solid #ddd;
  background-color: #f8f8f8;
}
.resposta-interacao .resposta-interacao-wrapper .reply{
  padding-left: 0;
}
.resposta-interacao .resposta-interacao-wrapper .reply .input-group{
  background-color: #fff;
  padding: 10px;
  border: 1px solid #ced4da;
  border-radius: var(--dommus-b-radius);
  transition: var(--smooth);
}
.resposta-interacao .resposta-interacao-wrapper .reply textarea{
  width: 100%;
  font-size: 12px;
  max-height: 105px;
  border-radius: var(--dommus-b-radius);
  resize: none;
  border: 0;
  padding: 0;
}
.resposta-interacao .resposta-interacao-wrapper .reply textarea:focus{
  box-shadow: none;
}
.resposta-interacao .resposta-interacao-wrapper .reply .resposta-acoes{
  display: flex;
  width: 100%;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 0;
}
.resposta-interacao .resposta-interacao-wrapper .reply .resposta-acoes .character-number{
  font-size: 11px;
}
.resposta-interacao .resposta-interacao-wrapper .reply .resposta-acoes button{
  padding: 0;
  font-size: 12px;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  transition: var(--smooth);
  z-index: 99;
}
.resposta-interacao .resposta-interacao-wrapper .reply .resposta-acoes .btn-comentar-resposta{
  background-color: var(--dommus-color);
  border-color: var(--dommus-color);
}
.resposta-interacao .resposta-interacao-wrapper .reply .resposta-acoes .btn-comentar-resposta i{
  margin-right: 2px;
}
.resposta-interacao .resposta-interacao-wrapper .reply .resposta-acoes .btn-cancelar-resposta{
  background-color: #f44336;
  border-color: #f44336;
  margin-left: 5px;
}
.resposta-interacao .resposta-interacao-wrapper .reply .resposta-acoes .character-number{
  margin-top: initial;
}
.resposta-interacao .resposta-interacao-wrapper .reply .resposta-acoes button:hover{
  transform: scale(1.1);
}
.resposta-interacao-wrapper .input-group .btn-acoes-wrapper{
  margin-top: 5px;
}
.resposta-interacao ul{
  padding: 15px;
  list-style-type: none;
  margin-bottom: 0;
}
.resposta-interacao ul::-webkit-scrollbar-track{
  background-color: #ddd;
  border-radius: var(--dommus-b-radius);
}
.resposta-interacao ul::-webkit-scrollbar{
  width:6px;
  background-color: #ddd;
  border-radius: 10px;
}
.resposta-interacao ul::-webkit-scrollbar-thumb{
  background-color: var(--dommus-color);
  border-radius: 10px;
}
.resposta-interacao ul li{
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 10px 0;
  margin: 10px 0;
  border-bottom: 1px solid #ddd;
}
.resposta-interacao ul li:first-child{
  margin-top: 0;
  border-top: 0;
}
.resposta-interacao ul li:last-child{
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.resposta-interacao ul li .usuario{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.resposta-interacao ul li .usuario .user-data{
  display: flex;
  align-items: center;
}
.resposta-interacao ul li .usuario .user-data .user-time{
  line-height: 1;
  display: flex;
  align-items: center;
}
.resposta-interacao ul li .usuario .user-data .user-time h6{
  font-size: 12px;
  margin-bottom: 0;
  font-weight: 700;
  margin-right: 5px;
}
.resposta-interacao ul li .usuario .user-data .user-time time{
  color: var(--dommus-color-cinza);
  font-size: 10px;
}
.resposta-interacao ul li .usuario .comentario-actions .dropdown-toggle{
  color: #000;
  background-color: transparent;
  border: 0;
  padding: 0;
}
.resposta-interacao ul li .usuario .comentario-actions .dropdown-toggle:focus{
  box-shadow: none;
}
.resposta-interacao ul li .usuario .comentario-actions .dropdown-toggle:active{
  box-shadow: none;
}
.resposta-interacao ul li .usuario .comentario-actions .dropdown-toggle::after{
  display: none;
}
.resposta-interacao ul li img{
  width: 30px;
  max-width: 100%;
  margin-right: 15px;
}
.resposta-interacao ul li p{
  margin-bottom: 0;
  font-size: 12px;
  margin: 0 45px;
  word-break: break-word;
}
.resposta-interacao ul li .usuario .comentario-actions .dropdown.acoes .dropdown-menu{
  transform: translate3d(-133px, -82px, 0px) !important;
}
.envio-email .envio-email-wrapper{
  display: flex;
}
.edited-comment{
  position: absolute;
  bottom: 11px;
  right: 0;
  font-size: 10px;
  color: var(--dommus-color-cinza);
  font-weight: 700;
}
.excluded-comment{
  position: absolute;
  bottom: 1px;
  right: 0;
  font-size: 10px;
  color: var(--dommus-color-cinza);
  font-weight: 700;
}
.edited-comment:hover, .excluded-comment:hover{
  cursor: pointer;
  color: var(--dommus-color-2);
}
.comment-message-excluded{
  color: var(--red);
  font-weight: 700;
}
.btn-acoes-wrapper .btn-editar-resposta{
  display: none;
}
.comentarios-documentacao{
  border-top: 0 !important;
  border: 1px solid #ddd;
  border-radius: 0 0 5px 5px;
  background-color: #f8f8f8;
  margin-bottom: 15px;
}


/* file: uploadfile.css */
.documento-wrapper{
  display: flex;
  align-items: center;
}
.ajax-file-upload-statusbar {
  display: flex;
  align-items: center;
  width: auto!important;
}
.ajax-file-upload-filesize {
  width: 50px;
  height: auto;
  margin: 0 5px 5px 0px;
  display: inline-block;
  vertical-align:middle;
}
.ajax-file-upload-progress {
  position: relative;
  width: 100px;
  padding: 1px;
  border-radius: 3px;
  display: inline-block;
  color: #FFFFFF;
  margin: 0 10px;

}
.ajax-file-upload-filename{
  font-size: 12px;
}
.ajax-file-upload-red{
  color: white;
  background-color: #F44336;
  padding: 5px 10px 5px 10px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
}
.ajax-file-upload-green{
  color: white;
  background-color: #4caf50;
  padding: 5px 10px 5px 10px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
}
.ajax-file-upload-bar {
  background-color: #4CAF50;
  width: 0;
  height: 10px;
  border-radius: var(--dommus-b-radius);
  color:#FFFFFF;

}
.ajax-file-upload-percent {
  position: absolute;
  display: inline-block;
  top: 3px;
  left: 48%
}

.ajax-file-upload {
  display: inline-block;
  padding: 5px 10px 5px 10px;
  color: #fff;
  background: #007bff;
  vertical-align: middle;
  border-radius: .25rem;
  font-size: 12px;
  position: relative;
}
.ajax-file-upload::before{
  content: '\f07c';
  font-family: 'Font Awesome 5 Free';
  margin-right: 5px;
}
.ajax-file-upload input{
  position: absolute;
  cursor: pointer;
  top: 0px;
  width: 100%;
  left: 0;
  opacity: 0;
  display: flex;
  transition: var(--smooth);
}

.ajax-file-upload:hover {
  background: #0069d9;
  cursor:pointer;
}

.ajax-upload-dragdrop{
  display: flex;
  align-items: center;
  max-width: 300px;
}
.ajax-upload-dragdrop span{
  margin-left: 10px;
}
.state-hover{
  border:2px solid #A5A5C7;
}

.status{
  position: absolute;
  right: 0;
}
.status img{
  width: 35px;
  height: 35px;
}

.upload-wrapper{
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px;
  border: 1px dashed #c0bfbf;
  border-radius: var(--dommus-b-radius);
  transition: var(--smooth);
}
/*Footer  */
footer{
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: #0c5c8f;
  display: none;
  align-items: center;
  padding: 15px;
  z-index: 999;
}
footer .container{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
footer .atendimento{
  display: flex;
  align-items: center;
}
footer .atendimento h5{
  margin-bottom: 0;
  padding: 10px;
  background-color: var(--dommus-color-2);
  border-radius: var(--dommus-b-radius);
  line-height: 1;
  margin-right: 25px;
  position: relative;
  font-size: 1.0rem;
  color: #fff;
}
footer .atendimento h5::after{
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-left-color: var(--dommus-color-2);
  border-right: 0;
  margin-right: -8px;
  transform: translateY(-50%);
}
footer .atendimento ul{
  padding: 0;
  list-style: none;
  display: flex;
  margin-bottom: 0;
}
footer .atendimento ul li:nth-child(2){
  margin: 0 20px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  padding: 0 20px;
}
footer .atendimento ul li a{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: var(--smooth);
}
footer .atendimento ul li a:hover{
  text-decoration: none;
  color: var(--dommus-color-2);
}
footer .atendimento ul li a:hover svg{
  fill:var(--dommus-color-2);
}
footer .atendimento ul svg{
  width: 35px;
  max-width: 100%;
  margin-right: 10px;
}
footer .copy{
  color: #fff;
}
/* Mobile Navigation */
.dommus-mobile-navigation{
  background-color: #fff;
  padding: 0 10px;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  /* display: none; */
  z-index: 99;
}
.dommus-mobile-navigation .navigation{
  height: 50px;
  padding: 0;
  margin-bottom: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.dommus-mobile-navigation .navigation span.title-navigation-actions{
  color: var(--dommus-color);
  font-size: 10px;
}
.dommus-mobile-navigation .navigation .dommus-mobile-navigation-wrapper{
  height: 100%;
  display: flex;
  align-items: center;
}
.dommus-mobile-navigation .navigation .dommus-mobile-navigation-wrapper .navigation{
  width: 100%;
}
.dommus-mobile-navigation .navigation li:nth-child(2){
  margin-right: 70px;
}
.dommus-mobile-navigation .navigation li.btn-open-navigation{
  position: absolute;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -20px;
}
.dommus-mobile-navigation .navigation li.btn-open-navigation button{
  background-color: var(--dommus-color)!important;
  border-color: var(--dommus-color)!important;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  transition: background-color .4s ease-in-out, opacity .4s ease-in-out;
}
.dommus-mobile-navigation .navigation li.btn-open-navigation button svg{
  width: 25px;
  fill:#fff;
  transition: transform .4s ease-in-out;
  margin-top: 0;
}
.dommus-mobile-navigation .navigation li.btn-open-navigation button.hide{
  opacity: 0;
}
.dommus-mobile-navigation .navigation li.btn-open-navigation button.close-button{
  position: absolute;
  z-index: -1;
}
.dommus-mobile-navigation .navigation li.btn-open-navigation button.close-button.show{
    background-color: #f44336!important;
    border-color: #f44336!important;
    z-index: 2;
}
.dommus-mobile-navigation .navigation li.btn-open-navigation button.close-button.show svg{
  transform: rotate(45deg);
}
.dommus-mobile-navigation .navigation li a{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dommus-mobile-navigation .navigation li a img{
  width: 25px;
  max-width: 100%;
}
.dommus-mobile-navigation .navigation li a svg{
  width: 25px;
  fill:var(--dommus-color);
}
.dommus-mobile-navigation .navigation li a span{
  font-size: 12px;
}

.dommus-mobile-navigation-menu{
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity .4s ease-in-out. visibility .4s ease-in-out;
}
.dommus-mobile-navigation-menu.open{
  opacity: 1;
  visibility: visible;
}
.dommus-mobile-navigation-menu-wrapper{
  display: flex;
  align-items: flex-end;
  height: 100%;
}
.dommus-mobile-navigation-menu-wrapper ul{
  width: 100%;
  background-color: #fff;
  margin-bottom: 0;
  padding: 30px 30px 130px;
  list-style: none;
  transform: translateY(100%);
  transition: transform .4s ease-in-out;
  transition-delay: .5s;

}
.dommus-mobile-navigation-menu-wrapper ul.open{
  transform: translateY(0);
}
.dommus-mobile-navigation-menu-wrapper ul li a{
  color: var(--dommus-color-dark);
  font-weight: 700;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* DOCUMENTACAO */
.documentacao header{
  width: 100%;
  border-bottom: 0!important;
}
.documentacao header:last-of-type{
  margin-bottom: 0!important;
}
.documentacao header.is-toggle.arrow{
  border-bottom: 1px solid #ddd!important;
  margin-bottom: 15px;
}
.doc-aprovacao-wrapper{
  /* padding: 15px;
  border: 1px solid #ddd;
  border-radius: var(--dommus-b-radius);
  margin-bottom: 15px; */
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 0 0 5px 5px;
  margin-bottom: 15px;
  border-top: 0;
}
.doc-aprovacao-wrapper .btn-wrapper{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media(max-width:600px){
  .doc-aprovacao-wrapper .btn-wrapper{
    flex-direction: column;
    width: 100%;
  }
  .doc-aprovacao-wrapper .btn-wrapper button{
    width: 100%;
    margin-right: 0!important;
  }
  .doc-aprovacao-wrapper .btn-wrapper button:not(:last-child){
    margin-bottom: 10px;
  }
  .btn-actions-wrapper a{
    width: 100%;
    margin-top: 10px;
  }
}
.doc-aprovacao-wrapper .btn-wrapper button{
  width: 100%;
}
.doc-aprovacao-wrapper textarea{
  height: 84px;
}
.doc-aprovacao-wrapper .btn-wrapper button:not(:last-child){
  margin-right: 10px;
}
.doc-aprovacao-wrapper .btn-wrapper button i{
  margin-right: 15px;
}
.documentacao .nav-tabs .nav-link{
  color: var(--dommus-color-cinza);
}
.documentacao .nav-tabs .nav-link.active{
  color: #ffffff;
  background-color: #1f87c9;
  border-color: #1f87c9 #1f87c9 #1f87c9;
}
.nav-tabs .nav-link.disabled:hover{
  cursor: not-allowed;
}
.documentacao-item-wrapper .valor-avaliacao{
  padding: 15px;
  background-color: #fff;
  border-radius: var(--dommus-b-radius);
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  margin-bottom: 20px;
}
.documentacao-item-wrapper .valor-avaliacao p{
  margin-bottom: 0;
}
.documentacao{
  background-color: #fff;
  border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.documentacao .documentacao-title-wrapper{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  margin-bottom: 0;
  background-color: var(--dommus-color);
  color: #fff;
  border-radius: 5px 5px 0 0;
}
.documentacao .documentacao-title-wrapper h4{
  font-size: 16px;
  margin-bottom: 0;
  padding: 0;
  color: #fff;
}
.documentacao .control-item-wrapper{
  display: flex;
  flex-wrap: wrap;
  border-top: 0;
  margin-bottom: 20px;
  border: 0;
  padding: 0;
}
.control-item-wrapper .documentacao-item:last-child{
  padding-bottom: 0!important;
}
.control-item-wrapper .documentacao-item:last-child .mb-3{
  margin-bottom: 0!important;
}
.documentacao .control-item-wrapper .documentacao-item{
  width: 100%;
}
.documentacao .documentacao-subtitle-wrapper{
  padding: 10px 15px;
  width: 100%;
  background-color: var(--dommus-color-secondary);
  margin-bottom: 15px;
  border-radius: var(--dommus-b-radius);
}
.documentacao .documentacao-subtitle-wrapper h5{
  font-size: 14px;
  margin-bottom: 0;
  padding: 0;
  color: #fff;
}
.documentacao .control-item-wrapper .select-file{
  width: 100%;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 0 0 5px 5px;
  margin-bottom: 15px;
}
.documentacao-item-wrapper{
  border: 1px solid #ddd;
  border-radius: 5px 5px 0 0;
  background-color: #f2f3f8;
}
.documentacao-item-wrapper h6{
  padding: 15px;
  padding-bottom: 0;
  font-size: 14px;
  font-weight: 700;
}
.documentacao-item-wrapper .upload-wrapper{
  margin: 15px;
  background-color: #fff;
  margin-top: 0;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.documentacao-item-wrapper .ajax-upload-dragdrop{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  max-width: 300px;
}
.documentacao-item-wrapper .ajax-upload-dragdrop span b{
  font-weight: 400;
  color: var(--dommus-color-cinza);
  font-size: 14px;
}
.documentacao-item-wrapper .ajax-file-upload-container{
  display: flex;
}
.documentacao-item-wrapper .status{
  position: relative;
}
.documentacao-item-wrapper .ajax-file-upload-container a{
  font-size: 12px;
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  font-weight: 700;
  color: var(--dommus-color-dark);
}
.documentacao-item-wrapper .ajax-file-upload-container a:hover{
  text-decoration: none;
  color: var(--dommus-color-2);
}
.documentacao-item-wrapper .ajax-file-upload-container a:hover span{
  color: var(--dommus-color-cinza);
}
.documentacao-item-wrapper .ajax-file-upload-container a span{
  font-size: 10px;
  color: var(--dommus-color-cinza);
  font-weight: 400;
}
/*.documentacao .control-item-wrapper .select-file  h6{
  padding: 15px;
  padding-bottom: 0;
  font-size: 14px;
  font-weight: 700;
}*/
.documentacao .control-item-wrapper .form-group{
  width: 100%;
}
.documentacao-button-wrapper{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.documentacao-button-wrapper button:first-child{
  margin-right: 10px;
}
/* TABS */
.dommus-wrapper .nav-tabs{
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
.dommus-wrapper .nav-tabs.is-overflow::-webkit-scrollbar{
  --dommus-overflow-width:0px;
}
.nav-tabs .nav-link{
  white-space: nowrap;
  color: var(--dommus-color-cinza);
  font-size: 14px;
}
.nav-tabs .nav-link.active{
  color: #fff;
  background-color: var(--dommus-color);
  border-color: var(--dommus-color);
}
/* Sweet Alert */
.swal2-toast .swal2-title .toast-title{
  color: #fff;
}
.swal2-toast .swal2-title .toast-title-default{
  color: #595959;
}
.swal2-toast .swal2-icon{
  border-color: #ffffff;
  color: #ffffff;
}
/* Sweet Alert Success */
.swal2-toast .swal2-icon.swal2-success{
  border-color: #ffffff;
}
.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{
  border: .25em solid #fff;
}
/* Sweet Alert Error */
.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{
  background-color: #fff;
}
.swal2-toast .swal2-icon.swal2-success [class^=swal2-success-line]{
  background-color: #ffffff;
}

/* COMENTÁRIO */
.resposta-interacao .reply-list .not-visualization{
  filter: grayscale();
  pointer-events: none;
}
.filtrar-btn-wrapper .item.item-ativos label,
.filtrar-btn-wrapper .item.item-atrasados label,
.filtrar-btn-wrapper .item.item-oportunidades-crm label
{
  font-size: inherit;
  color: #000;
}
.filtrar-btn-wrapper .item.item-ativos label:hover{
  color: var(--dommus-color-2);
  cursor: pointer;
}
.page-item.active .page-link {
  background-color: var(--dommus-color);
  border-color: var(--dommus-color);
}
.s-interactions-content ul .close-interactions{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  transition: var(--smooth);
  color: #000;
}
.s-interactions-content ul .close-interactions:hover{
  color: #f44336;
  cursor: pointer;
}
#modal-exportar-tabela .modal-header{
  align-items: center;
}
#modal-exportar-tabela .modal-body .nav-pills a{
  border: 1px solid var(--dommus-color);
  border-radius: 5px;
  margin-bottom: 10px;
  background-color: var(--dommus-color);
  color: #fff;
  text-align: center;
}
#modal-exportar-tabela .modal-body .nav-pills a.active{
  background-color: var(--dommus-color-2);
  border-color: var(--dommus-color-2);
}
#modal-exportar-tabela .modal-body .nav-pills a:hover{
  background-color: var(--dommus-color-2);
  border-color: var(--dommus-color-2);
}
#modal-exportar-tabela .modal-body .tab-content .tab-pane{
  padding-left: 15px;
}
#modal-exportar-tabela .modal-body .tab-content .tab-pane label.custom-control-label{
  font-size: 14px;
  cursor: pointer;
}
#modal-exportar-tabela .modal-footer button:not(:first-child){
  margin-left: 10px;
}
#modal-exportar-tabela .modal-footer button:not(:first-child) i{
  margin-right: 10px;
}
#modal-exportar-tabela .modal-footer button.all-checkbox:hover{
  background-color: var(--dommus-color-2);
  border-color: var(--dommus-color-2);
}
.bootstrap-select .dropdown-menu li a{
  font-size: 14px !important;
}
.bootstrap-select .dropdown-menu.show{
  max-height: none !important;
}
.bs-stepper .active .bs-stepper-circle{
  background-color: var(--dommus-color-2) !important;
}
.componentes-wrapper .componente.componente-radiobox{
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-bottom: 10px;
}
.componente label{
  color: #868aa8;
  font-size: 12px;
  margin-bottom: 0;
}
.componente .custom-control label{
  display: flex;
  align-items: center;
}
.logout-sistema{
  cursor: pointer;
}
header + div.log-docs-reprovados{
  padding: 15px;
  background-color: rgb(255, 255, 255);
  font-size: 12px;
  border-top: 1px solid #ddd;
}
header + div.log-docs-reprovados .content-reprovacao{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px 5px 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  width: 100%;
  margin-bottom: 15px;
}
header + div.log-docs-reprovados .content-reprovacao:last-child{
  margin-bottom: 0;
}
header + div.log-docs-reprovados .last-file-reprovado{
  width: 35px;
  height: 35px;
}
header + div.log-docs-reprovados .last-file-reprovado a.block-doc-reprovado{
  filter: grayscale();
  pointer-events: none;
}
header + div.log-docs-reprovados .last-file-reprovado a.hide-doc-reprovado{
  display: none;
}
header + div.log-docs-reprovados .alert{
  margin-bottom: 0;
  font-size: 14px;
}
header + div.log-docs-reprovados i{
  margin-right: 10px;
}
.dommus-navigation .right-nav .menu-itens-wrapper.processo-wrapper-actions{
  color: #fff;
  margin-right: 0;
}
#others-actions-processo{
  top: 29px;
}
.span-contagem-interacoes{
  margin-left: 10px;
}
#modal-exportar-arquivo-xml .modal-footer button:not(:first-child){
  margin-left: 10px;
}
#modal-exportar-arquivo-xml .modal-footer button:not(:first-child) i{
  margin-right: 10px;
}
.filter-table-wrapper .block-exportar-relatorio-xml a{
  cursor: not-allowed;
}

@media (min-width: 992px) and (max-width: 1291px){
  .processo-wrapper .processo-title{
    font-size: 14px;
  }
  .processo-wrapper .processo-proponente span:nth-child(1){
    font-size: 14px;
  }
  .processo-wrapper .processo-proponente span:nth-child(2){
    font-size: 14px;
  }
  .processo-wrapper .processo-proponente .proponente{
    display: flex;
    flex-direction: column;
  }
  .processo-wrapper .processo-proponente .valor-avaliado{
    display: flex;
    flex-direction: column;
  }
  .processo-wrapper .processo-content .itens p{
    font-size: 11px;
  }
}
@media (min-width:992px){
  .modal-lg {
    max-width: 1200px;
  }

  .dommus-wrapper .dommus-content{
    margin-top: 75px;
  }

  .search-wrapper,
  .calendar-wrapper{
    top: 75px;
  }
  .side-navigation{
    max-height: 360px;
  }
}
/* Media Querys */
@media (max-width:991px){
  .dommus-navigation .right-nav .info-nav{
    display: none;
  }
  .dommus-navigation .right-nav .toggle-menu{
    display: flex;
  }
  .modulo-name-bar{
    display: block;
  }
  .processo-wrapper .processo-content .itens:nth-child(2){
    background-color: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right: none;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .processo-wrapper .processo-proponente .valor-avaliado{
    display: flex;
    flex-direction: column;
  }
  .dommus-wrapper .dommus-content {
    width: 100%;
    margin-top: 55px;
  }

  .notifications-wrapper{
    width: 100%;
    top: 75px;
    right: 0;
    border-radius: 0;
    z-index: 99;
    border: 0;
    border-top: 1px solid #ddd;
  }

}
@media(min-width:768px) and (max-width:991px){
  .upload-wrapper .documento-wrapper .ajax-upload-dragdrop{
    width: 100%!important;
    text-align: center;
    flex-direction: row;
    align-items: center;
    font-size: 12px;
  }
  .ajax-file-upload{
    width: 100%;
  }
  .upload-wrapper .documento-wrapper .btn-file{
    margin-bottom: 5px;
  }
  .upload-wrapper .documento-wrapper .ajax-upload-dragdrop span{
    display: none;
  }
  .ajax-file-upload-preview{
    display: none;
  }
  .ajax-file-upload-filename{
    width: 100%;
  }
  .ajax-file-upload-statusbar{
    margin-left: 5px;
    flex-direction: column;
  }
  .ajax-file-upload-progress{
    display: none!important;
  }
  .ajax-file-upload-red{
    margin-left: 5px;
    width: 100%;
    margin: 0;
  }

  footer{
    padding: 15px 0;
  }
  footer .atendimento{
    width: 100%;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
  }
  footer .container{
    display: block;
    padding: 0;
  }
}
@media (max-width:767px){
  .search-wrapper,
  .calendar-wrapper{
    overflow: auto;
    z-index: 999;
  }

  .filter-actions .close-filter-actions{
    display: flex;
    padding: 5px;
    color: #000;
    transition: var(--smooth);
    height: 24px;
    width: 24px;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 5px;
    line-height: 1;
    font-size: 12px;
  }
  .table-visualization-wrapper{
    width: 100%;
    flex-direction: column;
    display: none;
    margin-right: 0!important;
  }
  .table-visualization-wrapper > div{
    margin: 0;
    border-left: 0;
  }
  .processo-proponente{
    flex-direction: column;
    font-size: 14px;
  }
  .processo-proponente .proponente{
    border-bottom: 1px dashed #ddd;
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
  .processo-wrapper .processo-title .status-processo{
    font-size: 12px;
    width: 100%;
    border-radius: 0;
  }
  .ajax-file-upload-error{
    font-size: 12px;
    margin-top: 10px;
  }
  .upload-wrapper{
    flex-direction: column;
    align-items: initial;
  }
  .status{
    display: none;
  }
  .upload-wrapper .documento-wrapper .ajax-upload-dragdrop{
    width: 100%!important;
    text-align: center;
    flex-direction: row;
    align-items: center;
    font-size: 12px;
  }
  .ajax-file-upload{
    width: 100%;
  }
  .upload-wrapper .documento-wrapper .btn-file{
    margin-bottom: 5px;
  }
  .upload-wrapper .documento-wrapper .ajax-upload-dragdrop span{
    display: none;
  }
  .ajax-file-upload-preview{
    display: none;
  }
  .ajax-file-upload-filename{
    width: 100%;
    margin-bottom: 5px;
  }
  .ajax-file-upload-statusbar{
    margin-top: 15px;
    flex-direction: column;
  }
  .ajax-file-upload-progress{
    display: none!important;
  }
  .ajax-file-upload-red{
    margin-left: 5px;
    width: 100%;
    margin: 0;
  }
  .menu-sections section.open{
    width: calc(100% - 50px);
  }
  /* COMENTARIOS */
  .tooltip{
    display: none!important;
  }
  .interacao-way .deixar-comentario{
    width: 100%;
  }
  .interacao-way .deixar-comentario::before{
    content: 'Comentarios';
    font-size: 14px;
    position: absolute;
    left: 30px;
  }
  .interacao-way .deixar-comentario.has-comentario span {
    font-size: 11px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--dommus-color-2);
    font-weight: 700;
  }
  .interacao-way .deixar-comentario.has-comentario i{
    display: block;
  }
  .resposta-interacao .resposta-interacao-wrapper .reply{
    padding-left: 15px;
  }
  .resposta-interacao .resposta-interacao-wrapper .reply .input-group{
    background-color: initial;
    padding: initial;
    border: initial;
    border-radius: initial;
  }
  .resposta-interacao .resposta-interacao-wrapper .reply textarea{
    padding: 10px;
    height: auto;
    border: 1px solid #ced4da;
    max-height: 100%;
  }
  .resposta-interacao .resposta-interacao-wrapper .reply .resposta-acoes{
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .resposta-interacao .resposta-interacao-wrapper .reply .resposta-acoes button{
    width: 100%;
    height: 40px;
    margin-top: 10px;
    border-radius: var(--dommus-b-radius);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
  }
  .resposta-interacao .resposta-interacao-wrapper .reply .resposta-acoes button::before{
    content: 'ENVIAR';
  }
  .resposta-interacao ul li .usuario .user-data .user-time{
    flex-direction: column;
  }
  .resposta-interacao ul li .usuario .user-data .user-time h6{
    margin-bottom: 3px;
  }
  .resposta-interacao ul li p {
    margin-top: 10px;
    margin-left: 0;
  }
  footer{
    position: relative;
  }
  footer .container{
    flex-direction: column;
  }
  footer .atendimento{
    flex-direction: column;
    width: 100%;
  }
  footer .atendimento h5{
    margin-right: 0;
    width: 100%;
    text-align: center;
  }
  footer .atendimento h5::after{
    right: 50%;
    top: initial;
    bottom: -12px;
    transform: rotate(90deg);
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-left-color: var(--dommus-color-2);
    border-right: 0;
    margin-right: -5px;
  }
  footer .atendimento ul{
    flex-direction: column;
    margin: 20px 0;
    width: 100%;
  }
  footer .atendimento ul li:nth-child(2){
    padding: 20px 0;
    margin: 20px 0px;
    border-right: none;
    border-left: none;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
}
@media (min-width:426px) and (max-width:766px){
  .dommus-navigation{
    position: fixed;
    width: 100%;
    padding: 0 15px;
    justify-content: space-between;
  }
  aside.sidebar{
    min-width: 0;
  }
  .more-menus{
    transform: translateX(-555px);
  }
}
@media (max-width:425px){
  .dommus-navigation .logo img{
    width: 200px;
  }
  .dommus-navigation .right-nav .toggle-menu picture img{
    width: 25px;
  }
  .dommus-navigation.fixed{
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99;
    border-bottom: 1px solid #ddd;
  }
  .dommus-navigation{
    height: 55px;
    padding: 0 15px;
    transition:var(--smooth);
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 999;
  }

  .float-content.fixed{
    position: fixed;
    width: 100%;
    top: 0;
    left:0;
    z-index: 999;
    background-color: #fff;
  }
  .float-content.fixed .title-wrapper{
    padding: 15px!important;
  }

  .processo-wrapper .processo-title {
    align-items: flex-start!important;
    flex-direction: column;
  }
  .dommus-wrapper .title-wrapper{
    flex-direction: column;
  }
  .page-title{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .page-title div:not(.master-menu):not(.dropdown-acoes-tabela-vendas .dropdown.show){
    margin-top: 15px;
    width: 100%;
    display: none;
    flex-direction: column;
  }
  .page-title .btn-actions-wrapper a{
    margin-right: 0!important;
    margin-bottom: 5px;
  }
  .page-title .menu-itens-wrapper{
    margin: 0;
  }
  .dommus-wrapper .float-content .title-wrapper .btn-actions-wrapper a {
    padding: 10px 15px;
    justify-content: center;
    width: 100%;
  }
  .dommus-wrapper .float-content .title-wrapper .btn-actions-wrapper a p {
    display: none;
  }
  .dommus-wrapper .float-content .title-wrapper .btn-actions-wrapper a i {
    margin-right: 0;
  }
  .dommus-wrapper .title-wrapper h4{
    font-size: 1.3rem;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }
  .dommus-wrapper .title-wrapper .btn-actions-wrapper{
    width: 100%;
  }
  .menu-itens-wrapper .menu-itens-content{
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    border: 0;
    box-shadow: -1px -2px 2px rgba(0,0,0,.2);
    transition: var(--smooth);
    opacity: 0;
    width: calc(100% - 30px);
    transform: translate(-50%,-50%);
  }
  .menu-itens-wrapper .menu-itens-content.open{
    opacity: 1;
  }
  .menu-itens-wrapper .menu-itens-content::before{
    display: none;
  }
  #modal-processo .modal-footer{
    flex-direction: column;
  }
  #modal-processo .modal-footer .novo-processo-open-visualizacao{
    margin-bottom: 15px;
  }
  .processo-wrapper header .info-processo{
    flex-direction: column;
    margin-right: 0;
  }
  .processo-wrapper header .info-processo .numero-proponentes-processo{
    flex-direction: column;
    width: 100%;
  }
  .processo-wrapper header .info-processo .numero-proponentes-processo span::before{
    content:'Processo:';
    margin-right: 5px;
  }
  .processo-wrapper .info-processo .list-proponentes{
    width: 100%;
    margin: 10px 0 0;
    padding: 10px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }
  .processo-wrapper .info-processo .valor-avaliado{
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  .processo-wrapper header.is-toggle::after{
    display: none;
  }
  .processo-wrapper header .info-processo .status-valor-processo{
    width: 100%;
  }
  .processo-wrapper header .info-processo #cabecalho-status-processo{
    width: 100%;
    text-align: center;
  }
  .processo-wrapper header .info-processo #cabecalho-status-processo{
    background-color: #e5e5e5;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    font-size: 12px;
  }
  /* SIDEBAR  */
  aside.sidebar{
    min-width: auto;
    margin-top: 0;
  }
  aside.sidebar .sidebar-wrapper{
    max-width: 100%;
    top: 55px;
    display: none;
  }
  aside.sidebar .sidebar-wrapper.is-closed .sidebar-title{
    justify-content: center;
  }
  aside.sidebar header{
    display: none;
  }
  aside.sidebar ul{
    display: block!important;
  }

  .more-menus{
    width: calc(100% - 50px);
    left: 0;
  }
  .suporte{
    width: calc(100% - 50px);
    left: 0;
  }
  .search-wrapper .search-content .search-title,
  .calendar-wrapper .calendar-content .calendar-title{
    display: flex!important;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
  }
  .search-wrapper .search-content .search-title h3,
  .calendar-wrapper .calendar-content .calendar-title h3{
    padding: 0 15px;
    height: 50px;
    display: flex;
    align-items: center;
  }
  .dommus-navigation .right-nav{
    width: 100%;
    justify-content: flex-end;
  }
  .dommus-navigation .right-nav .search-dommus,
  .dommus-navigation .right-nav .calendar-dommus{
    margin-right: 20px;
  }
  .dommus-navigation .right-nav .toggle-menu .header__hamburger{
    margin-left: 0;
  }
  .search-wrapper .search-content .search-title .right-nav,
  .calendar-wrapper .calendar-content .calendar-title .right-nav{
    justify-content: space-between;
    flex-direction: column;
  }
  .search-wrapper .search-content .search-title ul li:first-child{
    margin-left: 0;
  }
  .search-wrapper .search-content .search-title .right-nav .close-search,
  .calendar-wrapper .calendar-content .calendar-title .right-nav .close-calendar{
    position: absolute;
    top: 12.5px;
    right: 15px;
  }
  .search-wrapper .search-content .search-title .item-ativos{
    padding: 15px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: 100%;
    justify-content: flex-start;
  }
  .search-wrapper .search-content .search-title .item-ativos .custom-control:first-child{
    margin-right: 15px;
  }
  .search-wrapper .search-content .search-title ul,
  .calendar-wrapper .calendar-content .calendar-title ul{
    align-items: center;
    justify-content: space-around;
    width: 100%;
    border: 0;
    padding: 15px;
    margin: 0;
    border-top: 1px solid #ddd;
  }
  .filter-table-wrapper{
    width: 100%;
    padding: 15px;
    border-top: 1px solid #ddd;
  }
  .filter-table-wrapper ul{
    padding: 0!important;
    border-top: 0!important;
  }

  .filter-table-wrapper ul li:first-child{
    width: 100%;
  }
  .filter-table-wrapper ul li .button-toggle-view{
    width: 100%;
  }
  .filter-table-wrapper ul li .button-toggle-view > div{
    width: 100%;
  }
  .filter-table-wrapper ul li .button-toggle-view label{
    width: 100%;
  }
  .button-toggle-view{
    width: 100%;
    padding: 15px;
    flex-direction: column;
    border-top: 1px solid #ddd;
    margin: 0;
    border-right: 0;
  }
  .button-toggle-view > div{
    width: 100%;
  }
  .button-toggle-view > div > label{
    width: 100%;
  }
  .filter-wrapper{
    padding: 0;
  }
  .filter-holder, .filter-result{
    padding: 15px;
    max-height: calc(100vh - 228px);
    overflow: auto;
  }
  .filter-wrapper .item-ativos{
    margin-bottom: 1rem;
  }
  .filter-wrapper .filtrar-btn-wrapper{
    flex-direction: column;
    align-items: flex-start;
    padding: 15px;
    margin-top: 0;
    box-shadow: 0 -2px 4px rgba(0,0,0,0.1);
  }
  .filter-wrapper .filtrar-btn-wrapper .actions-find-filter{
    width: 100%;
    display: flex;
  }
  .filter-wrapper .filtrar-btn-wrapper button{
    width: 100%;
    height: 50px;
  }

  .dommus-mobile-navigation{
    /* display: none; */
    box-shadow: 0 -2px 4px rgba(0,0,0,0.1);
  }
  .support-container .support-wrapper{
    width: 100%;
  }
  .support-container .support-wrapper .support-title h4{
    font-size: 1.1rem;
  }
  .support-container .close-support img{
    width: 20px;
  }
  .support-container .support-wrapper .support-itens{
    padding: 15px;
  }
  .support-container .support-wrapper .support-itens .container{
    padding: 0;
  }
  .support-container .support-wrapper .support-itens ul{
    flex-direction: column;
    align-items: flex-start;
  }
  .support-container .support-wrapper .support-itens ul li{
    padding: 10px;
    width: 100%;
  }
  .support-container .support-wrapper .support-itens ul li:nth-child(even){
    margin: 15px 0;
  }
  .support-container .support-wrapper .support-itens ul li a{
    flex-direction: row;
    font-size: 12px;
  }
  .support-container .support-wrapper .support-itens ul li a svg{
    width: 30px;
    margin-right: 10px;
    margin-bottom: 0;
  }
  .modal.locked{
    overflow: unset;
  }
  .dropdown-menu.show{
    position: fixed!important;
    transform: translate(-50%,-50%)!important;
    top: 50%!important;
    left: 50%!important;
    will-change: transform;
    width: calc(100% - 30px);
    border: 0;
    box-shadow: -1px -2px 2px rgba(0,0,0,.2);
    border-radius: 5px;

  }
}
@media (max-width:320px){
  .dommus-navigation .logo img {
    width: 200px;
  }
  .menu-sections section header{
    height: 40px;
  }
  .menu-sections section h6{
    height: 35px;
  }
  .menu-sections section ul li{
    height: 40px;
  }
}
@media(min-width: 769px){
  .dommus-mobile-navigation, .dommus-mobile-navigation-menu{
    display: none;
  }
}
/*Edição multipla de processos */

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

.select-action{
  margin-right: 5px;
}

.menu-itens-wrapper{
  margin-right: 0px;
}

.menu-itens-wrapper > i{
  font-size: 20px;
  padding-left: 20px;
}

.menu-itens-wrapper > .clip-icon{
  font-size: 15px;
  padding-left: 0px;
}

#check-processo{
  color: var(--dommus-color);
}

#modificacao-massa{
  margin-right: 0px;
}

#table-confirmar-processos-etapas > tbody > tr > th > a,
#table-confirmar-processos-despachante > tbody > tr > th > a,
#table-confirmar-processos-coban > tbody > tr > th > a{
  text-align: center;
  color: #0a2b1d;
}

#table-confirmar-processos-etapas > tbody > tr > th,
#table-confirmar-processos-despachante > tbody > tr > th,
#table-confirmar-processos-coban > tbody > tr > th{
  font-weight: initial;
  font-size: 14px;
}

#table-confirmar-processos-etapas > thead > tr > th,
#table-confirmar-processos-despachante > thead > tr > th,
#table-confirmar-processos-coban > thead > tr > th{
  font-size: 14px;
  text-align: center;
}

#table-confirmar-processos-etapas-etapas > tbody > tr > th:first-child,
#table-confirmar-processos-etapas-etapas > tbody > tr > th:last-child,
#table-confirmar-processos-etapas-despachante > tbody > tr > th:first-child,
#table-confirmar-processos-etapas-despachante > tbody > tr > th:last-child,
#table-confirmar-processos-etapas-coban > tbody > tr > th:first-child,
#table-confirmar-processos-etapas-coban > tbody > tr > th:last-child{
  text-align: center;
}

#table-confirmar-processos-etapas thead,
#table-confirmar-processos-despachante thead ,
#table-confirmar-processos-coban thead {
  color: #fff;
  background-color: #0a71b2;
  border-color: #165e8c;
}

#table-confirmar-processos-etapas::-webkit-scrollbar-thumb,
#table-confirmar-processos-despachante::-webkit-scrollbar-thumb,
#table-confirmar-processos-coban::-webkit-scrollbar-thumb,
.tabela-acompanhamento tbody::-webkit-scrollbar-thumb,
.sticky-wrap::-webkit-scrollbar-thumb{
  background-color: var(--dommus-color);
  border-radius: 10px;
}
#table-confirmar-processos-etapas tbody::-webkit-scrollbar-track,
#table-confirmar-processos-despachante tbody::-webkit-scrollbar-track,
#table-confirmar-processos-coban tbody::-webkit-scrollbar-track
{
  background-color: #ddd;
  margin-right: -5px;
}
#table-confirmar-processos-etapas tbody::-webkit-scrollbar,
#table-confirmar-processos-despachante tbody::-webkit-scrollbar,
#table-confirmar-processos-coban tbody::-webkit-scrollbar {
  width: 8px;
  background-color: #ddd;
}

.small-text{
  font-size: 12px;
  color: #3d426a;
  display: block;
  margin-bottom: 0;
  letter-spacing: .5px;
}

.pcindisponivel{
  text-decoration: line-through;
  color: #c3c3c3;
}

.pcindisponivel a, .pcindisponivel span {
  color: #c3c3c3 !important;
}

.checkbox-edit-process {
  margin-right: 0rem;
}

.checkbox-process + label::before {
    background-color: #fff;
}

.filter-actions {
    margin-left: 25px;
    border-left: 1px solid #ddd;
}

/* Dashboard filtro geral */

.dashboard-filter-header {
  padding: 15px 15px 0px 15px;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #ddd;
  margin-bottom: 10px;
}

.dashboard-filter-header > .form-group header {
  padding-right: 15px;
}

.dashboard-filter-select {
  margin-right: 15px;
}

.dashboard-filter-button {
  display: flex;
  justify-content: flex-end;
}

.dashboard-filter-button > button {
  margin-top: 25px;
  margin-left: 15px;
}

dommus-dashboard-general-filter > div > div > header{
  margin-top: 0;
  margin-left: 20px;
}

/* Componente Select Etapas do Processo */

.acoes-processos option:disabled {
  color: #c3c3c3;
}

.select-workflow-steps{
  display: flex;
}

.select-workflow-steps > .item{
  width: 50%;
  margin: 0px 15px;
}

.filtro-status + button{
  height: 50px;
  border-radius: 5px;
  border: 1px solid #ced4da;
  background-color: #fff;
}
.filtro-status  + button .filter-option .filter-option-inner-inner{
  align-items: center;
  justify-content: center;
  margin-top: 8px;
}
.filtro-status + button + div button.bs-select-all{
  background-color: #fff;
  border: 1px solid var(--dommus-color-green);
  color: var(--dommus-color-green);
  box-shadow: none;
  border-radius: 5px;
  width: auto;
}
.filtro-status + button + div button.bs-select-all:hover{
  background-color: var(--dommus-color-green);
  color: #fff;
}
.filtro-status + button + div button.bs-deselect-all{
  background-color: #fff;
  border: 1px solid var(--red);
  color: var(--red);
  box-shadow: none;
  margin-left: 10px;
  border-radius: 5px;
  width: auto;
}
.filtro-status + button + div button.bs-deselect-all:hover{
  background-color: var(--red);
  color: #fff;
}
.filtro-status + button + div button.bs-select-all i{
  margin-right: 5px;
}
.filtro-status + button + div button.bs-deselect-all i{
  margin-right: 5px;
}
.filtro-status + button + div .bs-actionsbox{
  margin-top: 10px;
  margin-bottom: 10px;
}
.filtro-status + button + div .bs-actionsbox .btn-group{
  justify-content: center;
}

.dommus-select-workflow-steps{
  padding-left: 0;
  padding-right: 0;
}

.dommus-select-box-filtro > div > button:first-child {
  height: 50px;
  background-color: white;
}

.bold{
  font-weight: bolder;
}
.search-table{
  margin-bottom: 10px;
  float: right;
  min-width: 30%;
}
.table-ordenacao thead th i{
  margin-left: 10px;
}
.table-ordenacao thead th.thead-order:hover{
  cursor: pointer;
}
.anexo-pendencia-documentacao{
  padding: 10px;
  font-size: 12px;
  border-radius: 5px 5px 0 0;
  margin-bottom: 0;
  color: #fff;
  background-color: var(--dommus-color);
  display: inline-block;
}

/* Botão Finalizar processo */

#finalizar-processo{
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: white;
}
#finalizar-processo:hover{
  background-color: #138496;
  border-color: #117a8b;
}

/* LOADING BAR HORIZONTAL */
.circleloader {
  border-radius: 16px;
  width: 80px;
  height: 20px;
  background-color: var(--dommus-color);
}

.bounce {
  position: absolute;
  border-radius: 16px;
  margin: 4px;
  width: 20px;
  height: 12px;
  background-color: #FFF;
  animation: push 1s infinite linear;
}

@keyframes push {
  50% {
    margin-left: 56px;
  }
}

.margin-top-bottom-15{
    margin: 15px 0;
}

#container-lote{
  width: 100%;
  height: 600px;
}

.criar-formas{
  width: 73rem;
  height: 400px;

}

.canvas-draw-actions{
  position: fixed;
}