.rte-autocomplete{
    z-index: 99999999999999999999999999999999999999999999999999999999 !important;
}

/* assunto do template de e-mail: contenteditable por cima do input (layout.js) */
.citacoes-email-editor {
    height: auto;
    min-height: 34px;
    white-space: pre-wrap;
    word-break: break-word;
    cursor: text;
}

.citacoes-email-editor:empty::before {
    content: attr(data-placeholder);
    color: #999;
}

/* mesmo chip do corpo (plugin mention do TinyMCE); cor fixa por causa do tema escuro */
.citacoes-email-editor .trocarcampo {
    display: inline-block;
    padding: 2px;
    border-radius: 15%;
    background-color: lightgreen;
    color: #222;
    white-space: nowrap;
}

.swal2-title {
    /* font-family: Courier New, monospace; */
    /* font-style: italic; */
    font-size: 22px !important;
}

.table-varios-conciliacao table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
  }
  
  .table-varios-conciliacao table caption {
    font-size: 1.5em;
    margin: .5em 0 .75em;
  }
  
  .table-varios-conciliacao table tr {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    padding: .35em;
  }
  
  .table-varios-conciliacao table th,
  .table-varios-conciliacao table td {
    padding: .625em;
    text-align: center;
  }
  
  .table-varios-conciliacao table th {
    font-size: .85em;
    letter-spacing: .1em;
    text-transform: uppercase;
  }
  
  @media screen and (max-width: 600px) {
    .table-varios-conciliacao table {
      border: 0;
    }
  
    .table-varios-conciliacao table caption {
      font-size: 1.3em;
    }
    
    .table-varios-conciliacao table thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
    }
    
    .table-varios-conciliacao table tr {
      border-bottom: 3px solid #ddd;
      display: block;
      margin-bottom: .625em;
    }
    
    .table-varios-conciliacao table td {
      border-bottom: 1px solid #ddd;
      display: block;
      font-size: .8em;
      text-align: right;
    }
    
    .table-varios-conciliacao table td::before {
      /*
      * aria-label has no advantage, it won't be read inside a table
      content: attr(aria-label);
      */
      content: attr(data-label);
      float: left;
      font-weight: bold;
      text-transform: uppercase;
    }
    
    .table-varios-conciliacao table td:last-child {
      border-bottom: 0;
    }
  }

.alert-success.new {
    background: none;
    border: none;
    border-left: 4px solid green;
    border-radius: 0;
    background: #fff;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
  }
  
  .alert-success.new2 {
    background: #f3f8f3;
    border: none;
    border-left: 4px solid #45D298;
    border-radius: 0;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
  }
  
  .alert-success.new2.p-4 {
    padding: 0.75rem 0.75rem !important;
  }
  
  .alert-success.new2 .fa {
    color: #45D298;
    display:table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 40px;
  }
  
  .alert-success .alert-body {
    padding-left: 0.75rem;
    display: table-cell;
    color: rgba(0,0,0,0.5);
  }
  
  .alert-success .alert-header {
    font-weight: 700;
    color: #45D298;
    padding: 0;
    margin: 0;
  }

.container-conciliacao {
  padding: 0 20px;
  max-width: 800px;
  margin: 0 auto; }

.title-conciliacao {
  font-size: 12px;
  display: inline-block;
  color: #9796F0;
  background: green;
  /* background: linear-gradient(to right, #783F8E, #9796F0 20%, #FBC7D4, #E36588); */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.card-conciliacao {
  border-radius: 2px;
  background: white;
  padding: 20px;
  box-shadow: 4px 4px 12px 1px rgba(0, 0, 0, 0.2);
  line-height: 1.5; }
  .card-conciliacao + .card-conciliacao {
    margin-left: 20px; }
  .card-list-conciliacao {
    display: flex;
    flex: 1; }
  .card-title-conciliacao {
    margin: 0 0 20px 0;
    letter-spacing: 1px; }
  .card-description-conciliacao {
    margin: 0; }
  .card-details-conciliacao .card-title-conciliacao {
    color: green; }
  .card-summary-conciliacao .card-title-conciliacao {
    color: green; }
  @media (max-width: 500px) {
    .card-conciliacao {
      flex: 1; } }


.code, .sample-title {
  font-family: 'Fira Mono', monospace; }
  .code-details {
    color: green; }
  .code-summary {
    color: green; }



.dual-list .list-group {
    margin-top: 8px;
    height: 70%;
    overflow-y:scroll;
}

.list-left li, .list-right li {
    cursor: pointer;
}

.list-arrows {
    padding-top: 100px;
}

.list-arrows button {
    margin-bottom: 20px;
}

.circle-loader {
    margin-bottom: 3.5em;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-left-color: #5cb85c;
    animation: loader-spin 1.2s infinite linear;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    width: 7em;
    height: 7em;
}

.load-complete {
    -webkit-animation: none;
    animation: none;
    border-color: #5cb85c;
    transition: border 500ms ease-out;
}

.checkmark {
    display: none;
}

.checkmark.draw:after {
    animation-duration: 800ms;
    animation-timing-function: ease;
    animation-name: checkmark;
    transform: scaleX(-1) rotate(135deg);
}

.checkmark:after {
    opacity: 1;
    height: 3.5em;
    width: 1.75em;
    transform-origin: left top;
    border-right: 3px solid #5cb85c;
    border-top: 3px solid #5cb85c;
    content: '';
    left: 1.75em;
    top: 3.5em;
    position: absolute;
}

@keyframes loader-spin {
    0% {
        transform: rotate(0deg);
    }

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

@keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }

    20% {
        height: 0;
        width: 1.75em;
        opacity: 1;
    }

    40% {
        height: 3.5em;
        width: 1.75em;
        opacity: 1;
    }

    100% {
        height: 3.5em;
        width: 1.75em;
        opacity: 1;
    }
}

#form-conciliacao-bancaria {
	width: 400px;
	margin: 50px auto;
	text-align: center;
	position: relative;
}
#form-conciliacao-bancaria fieldset {
	background: white;
	border: 0 none;
	padding: 20px 30px;
	box-sizing: border-box;
	width: 80%;
	margin: 0 10%;
	
	/*stacking fieldsets above each other*/
	position: relative;
}
/*Hide all except first fieldset*/
#form-conciliacao-bancaria fieldset:not(:first-of-type) {
	display: none;
}
/*inputs*/
#form-conciliacao-bancaria input, #form-conciliacao-bancaria textarea {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	font-family: montserrat;
	color: #2C3E50;
	font-size: 13px;
}
/*buttons*/


#form-conciliacao-bancaria .action-button, .header-action-button {
	width: 100px;
	background: #27AE60;
	font-weight: bold;
	color: white;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 10px 5px;
}
#form-conciliacao-bancaria .action-button:hover, .header-action-button:hover, #form-conciliacao-bancaria .action-button:focus, .header-action-button:focus {
	box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
}

#form-conciliacao-bancaria .action-button:disabled, .header-action-button:disabled{
	background: lightgrey;
}

#form-conciliacao-bancaria .action-button:disabled:hover, .header-action-button:disabled:hover{
	box-shadow: 0 0 0 2px white, 0 0 0 3px grey;
}
/*headings*/
.fs-title {
	font-size: 15px;
	text-transform: uppercase;
	color: #2C3E50;
	margin-bottom: 10px;
}
.fs-subtitle {
	font-weight: normal;
	font-size: 13px;
	color: #666;
	margin-bottom: 20px;
}
/*progressbarconciliacao*/
#progressbarconciliacao {
	margin-bottom: 30px;
	overflow: hidden;
	/*CSS counters to number the steps*/
    z-index: 2;
	counter-reset: step;
}
#progressbarconciliacao li {
	list-style-type: none;
	color: black;
	text-transform: uppercase;
	font-size: 9px;
	width: 33.33%;
	float: left;
    z-index: 2;
	position: relative;
}
#progressbarconciliacao li:before {
	content: counter(step);
	counter-increment: step;
	width: 20px;
	line-height: 20px;
	display: block;
	font-size: 10px;
	color: #333;
	background: lightgreen;
	border-radius: 3px;
	margin: 0 auto 5px auto;
    z-index: 2;
}
/*progressbarconciliacao connectors*/
#progressbarconciliacao li:after {
	content: '';
	width: 86%;
	height: 2px;
	background: lightgreen;
	position: absolute;
	left: -42%;
	top: 9px;
	z-index: 1; /*put it behind the numbers*/
}
#progressbarconciliacao li:first-child:after {
	/*connector not needed before the first step*/
    z-index: 2;
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbarconciliacao li.active:before,  #progressbarconciliacao li.active:after{
	background: #27AE60;
    z-index: 2;
	color: white;
}

.holidays {
    /* background-image: none; */
    background-color:red;
    color:white;
    opacity: 1;
}
.holidays>.ui-state-default.ui-state-highlight, .holidays>.ui-state-default {
    background: #fbff00;
    color: green;
    opacity: .9;
}

.msg-alerta-inclusao{
    text-align: center;
}

.anchor-badge-notify{
    padding-right: 0px!important;
}

.col-horarios{
    padding-top: 15px;
    text-align: center;
}

.campo-horarios{
    width: 65px !important;
    text-align: center;
    border-radius: 9px;
    margin:auto;
}

.row-horario{
    padding: 6px;
    border: 1px solid #80808063;
    margin-top: 5px;
    border-radius: 9px;
}

.thead-horarios{
    font-weight: bold;
}

.div-schedule{
    padding: 20px;
    text-align: center;
    border-radius: 9px;
    width: 100%;
    border: 1px solid #c7baba;
    box-shadow: 0.1px 5px 15px #00000054;
}

.icone-menu-lateral{
    margin-right: 2.4px;
    font-size: 10pt;
}

.label-badge-notify{
   position:relative;
   top: -10px;
   left: -12px;
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    position: absolute!important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px)
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,.ui-helper-clearfix:after {
    content: "";
    display: table
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    zoom: 1
}

.remover-campo
{
    float: right;
    font-size: 15px;
}

.revisado{
    color: green;
}

.campo-relatorio
{
    border-radius: 3px !important;
    margin-top: 3px !important;
    width: 100% !important;
}

.campo-relatorio-submodulo.active, .campo-relatorio-submodulo:hover{
    filter: brightness(65%) !important;
}

.draggable.active, .draggable:hover{
    filter: brightness(75%);
}


.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-state-disabled {
    cursor: default!important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-cover {
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px
}

.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #aaa;
    background: #fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222
}

.ui-widget-content a {
    color: #222
}

.ui-widget-header {
    border: 1px solid #aaa;
    background: #ccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222;
    font-weight: bold
}

.ui-widget-header a {
    color: #222
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
    color: #555;
    text-decoration: none
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
    border: 1px solid #999;
    background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121
}

.ui-state-hover a,.ui-state-hover a:hover {
    color: #212121;
    text-decoration: none
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {
    border: 1px solid #aaa;
    background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
    color: #212121;
    text-decoration: none
}

.ui-widget :active {
    outline: none
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
    color: #cd0a0a
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
    color: #cd0a0a
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_888888_256x240.png)
}

.ui-state-hover .ui-icon,.ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png)
}

.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png)
}

.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_2e83ff_256x240.png)
}

.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cd0a0a_256x240.png)
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-off {
    background-position: -96px -144px
}

.ui-icon-radio-on {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px
}

.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.ui-widget-overlay {
    background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.progress-bar
{
    height: 10px;
    margin-left: 5px;
    margin-top:5px;
}

.progress-container{
    vertical-align: middle;
    text-align: center;
    height: 20px;
}

.sortable-placeholder
{
    height: 2em;
    width: 100%;
    line-height: 1.2em;
    background-color: #FCF8E3;
    display: block;
}

.estrutura-lista{
    list-style: none;
}

.estrutura-title{
    margin-top: 10px;
}

.tree-view-item{
    margin-top: 15px;
}

.tree-view-item-text{
    color: #0f4f10;
    /*border: 2px solid  #196319;
    background-color: #81ad6d;
    border-radius:4px;*/
    padding: 15px;
}

.tree-view-arquivos > :first-child{
    margin-top: 25px;
}

.tree-view-arquivo-item{
    padding: 5px;
}

.tree-view-arquivo-item{
    margin-top: 10px;
}

.tree-view-arquivo-item > a {
    padding: 8px;
    /*color: #3c763d;
    border: 2px solid ;*/
}

.tree-view-arquivo-item > a:hover {
    color: #3c763d;
}

.workflow-box-externo{
    white-space: nowrap;
    display: inline-block;
    width: 100%;
}

.worflow-box {
    width: 100%;
    display: inline-block; 
    vertical-align: middle;
    border: solid 1px #f1f1f1;
    padding: 1em;
    margin: 0 0 1em;
}

.workflow-box-externo .workflow-proxima-fase{
    display: inline-block;
    vertical-align: middle;
}
.workflow-title {
    margin: 0px;
    font-size: 13px;
}

.worflow-info-user .worflow-image {
    width: 20%;
    float: left;
}

.worflow-info-user .worflow-text {
    width: 80%;
    float: left;
}

.worflow-info-user img {
    width: 70%;
    float: left;
}

.worflow-info-user p {
    margin: 0px;
    font-size: 14px;
}

.worflow-info-user span {
    font-size: 9px;
    color: #888;
}

.worflow-seta {
    width: 100%;
    display: inline-block;
    margin: 0.5em 0;
    opacity: 0.5;
}

.worflow-seta img {
    width: 20px;
    float: right;
    margin-right: -2px;
    margin-top: -8px;
}

.worflow-seta .traco {
    height: 3px;
    background: #222;
    position: relative;
    top: 11px;
}

.worflow-sem-seta {
    width: 100%;
    display: block;
    margin: 2em 0;
    opacity: 0.5;
}

.worflow-sem-seta img {
    width: 20px;
    float: right;
    margin-right: -2px;
    margin-top: -8px;
}

.worflow-sem-seta .workflow-concluido {
    height: 3px;
    background: #222;
    position: relative;
    top: 11px;
}

.workflow-status{
    background: #F9F9F9;
    width: auto;
    display: inline-block;
    margin: 4em 0.5em 3em;
    padding: 1em;
    font-size: 14px;
    color: #444;
    text-align: center;
}


@media print {
  * {
      font-size: 10px;
  }

  label {
      font-weight: normal;
  }

  a[href]:after {
    content: none !important;
  }

  div {
      /*font-size: 5pt;*/
  }

  table {
      margin: 0 !important; padding: 0 !important;
      height:100%;
      overflow: hidden;
      background: #FFF;
      font-size: 9.5pt;
  }

  tr,td {
      margin: 0 !important; padding: 0 !important;
  }

  tr {
      page-break-inside:avoid; page-break-after:auto
  }

  .theme-1 .panel-primary {
      border-color: white;
  }

  .theme-1 .panel-primary>.panel-heading{
      border-color: white;
  }

  .submodulo,
  .input-group-addon,
  .panel-title {
      display: none;
  }

  input,select{
      box-shadow:none;
      border: none;
  }

  .form-control {
      font-size: 10px;
      border-radius: 0px;
  }

  legend {
      border-bottom: none;
  }

  #orcamento-objetiva {
      page-break-before: always;
  }

  #secao1, #secao2, #secao3
  {
      width: 33% !important;
  }

}

/* Dark theme (.theme-5) — workflow-box-externo */
.theme-5 .workflow-box-externo,
.theme-5 .workflow-box-externo .content-process {
    background-color: #0b0f19 !important;
    color: #e5e7eb !important;
}

.theme-5 .worflow-box {
    background: #1a2333 !important;
    border-color: #2d3142 !important;
}

.theme-5 .worflow-info-user span {
    color: #9ca3af !important;
}

.theme-5 .worflow-seta .traco,
.theme-5 .worflow-sem-seta .workflow-concluido {
    background: #2d3142 !important;
}

.theme-5 .workflow-title {
    color: #e5e7eb !important;
}

.theme-5 .workflow-status {
    background: #0b0f19 !important;
    color: #d1d5db !important;
}

/* =====================================================================
   Workflow — Rebranding do componente de fluxos (Workflow.dc.html)
   Card único: header + trilho de fases + próximas fases + rodapé.
   Tema claro nas vars de .wf-card; tema escuro em .theme-5 .wf-card.
   ===================================================================== */
.workflow-box-externo.wf-card {
    --wf-surface: #ffffff;
    --wf-surface-2: #f6fdff;
    --wf-border: #e7e9ee;
    --wf-border-strong: #d3d7df;
    --wf-text: #1a2230;
    --wf-text-2: #5a6474;
    --wf-text-3: #8b94a3;
    --wf-accent: #e4fab9;
    --wf-accent-strong: #053345;
    --wf-accent-soft: #e3f6ec;
    --wf-amber: #df8f2e;
    --wf-blue: #2f7fd6;
    --wf-blue-soft: #e6f0fb;
    --wf-ring: rgba(20,168,92,.22);
    --wf-shadow: 0 1px 2px rgba(16,24,40,.04), 0 14px 34px -18px rgba(16,24,40,.22);

    display: block !important;
    white-space: normal !important;
    width: 100%;
    max-width: 100%;
    background: var(--wf-surface);
    color: var(--wf-text);
    border: 1px solid var(--wf-border);
    border-radius: 18px;
    box-shadow: var(--wf-shadow);
    overflow: hidden;
    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
}
.theme-5 .workflow-box-externo.wf-card {
    --wf-surface: #151e31;
    --wf-surface-2: #1b2740;
    --wf-border: #27334c;
    --wf-border-strong: #364562;
    --wf-text: #e9eef6;
    --wf-text-2: #a0acbf;
    --wf-text-3: #6c7a8f;
    --wf-accent: #33d07d;
    --wf-accent-strong: #5fe09a;
    --wf-accent-soft: #13361f;
    --wf-amber: #eaa24a;
    --wf-blue: #4f9bf0;
    --wf-blue-soft: #13243a;
    --wf-ring: rgba(51,208,125,.28);
    --wf-shadow: 0 1px 2px rgba(0,0,0,.35), 0 18px 40px -20px rgba(0,0,0,.7);
    background: var(--wf-surface) !important;
    color: var(--wf-text) !important;
}
/* O CSS legado de .content-process (.theme-5 ... .content-process) pinta o
   node de quase-preto (#0b0f19), destoando do card. Neutraliza nos nodes do
   novo trilho: fases concluídas (is-done) ficam transparentes sobre o card e
   as cores passam a ser as do design (vars). is-current mantém o realce. */
.theme-5 .workflow-box-externo.wf-card .wf-node {
    background-color: transparent !important;
    color: var(--wf-text) !important;
}
.theme-5 .workflow-box-externo.wf-card .wf-node.is-current {
    background-color: var(--wf-accent-soft) !important;
}
.theme-5 .wf-card .wf-node.is-done .wf-node__name { color: var(--wf-text) !important; }
.theme-5 .wf-card .wf-node.is-done .wf-node__users { color: var(--wf-text-2) !important; }
.wf-card * { box-sizing: border-box; }
.wf-card a { text-decoration: none; }

/* ---- Header (compacto) ---- */
.wf-card .wf-header {
    display: flex; align-items: center; justify-content: space-between;
    gap: 12px; padding: 9px 16px; border-bottom: 1px solid var(--wf-border);
}
.wf-card .wf-header__brand { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.wf-card .wf-header__ico {
    width: 26px; height: 26px; border-radius: 8px; flex: 0 0 auto;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--wf-accent-soft); color: var(--wf-accent-strong);
    /* mantém o ícone fork, mas com um efeito moderno de pulsar/piscar */
    animation: wf-ico-pulse 2.4s ease-in-out infinite;
}
.wf-card .wf-header__ico svg { animation: wf-ico-blink 2.4s ease-in-out infinite; }
@keyframes wf-ico-pulse {
    0%   { box-shadow: 0 0 0 0 var(--wf-ring); }
    60%  { box-shadow: 0 0 0 7px transparent; }
    100% { box-shadow: 0 0 0 0 transparent; }
}
@keyframes wf-ico-blink {
    0%, 100% { opacity: .82; filter: brightness(1); }
    50%      { opacity: 1; filter: brightness(1.28); }
}
.wf-card .wf-header__title { font-size: 14px; font-weight: 700; color: var(--wf-text); }
.wf-card .wf-header__pill {
    font-size: 11px; font-weight: 700; color: var(--wf-accent-strong);
    background: var(--wf-accent-soft); padding: 3px 9px; border-radius: 999px;
}
/* métricas-resumo do fluxo no header (automações, validações, e-mails) */
.wf-card .wf-header__metric {
    display: inline-flex; align-items: center; gap: 4px;
    font-size: 11px; font-weight: 700; padding: 3px 9px; border-radius: 999px;
}
.wf-card .wf-header__metric .fa { font-size: 10px; }
.wf-card .wf-header__metric--acao { color: var(--wf-accent-strong); background: var(--wf-accent-soft); }
.wf-card .wf-header__metric--regra { color: #b9791f; background: #fbf0dd; }
.theme-5 .wf-card .wf-header__metric--regra { color: #eaa24a; background: #2a2113; }
.wf-card .wf-header__metric--email { color: #2f7fd6; background: #e6f0fb; }
.theme-5 .wf-card .wf-header__metric--email { color: #4f9bf0; background: #13243a; }

/* ---- Body / trilho ---- */
.wf-card .wf-body { padding: 28px 10%; }
.wf-card .wf-rail {
    display: flex; align-items: flex-start; gap: 0;
    overflow-x: auto; padding-bottom: 6px;
    /* ocupa toda a largura disponível (corpo com 10% de respiro lateral);
       os conectores fazem flex para distribuir as fases pelo espaço */
}
.wf-card .wf-rail::-webkit-scrollbar { height: 8px; }
.wf-card .wf-rail::-webkit-scrollbar-thumb { background: var(--wf-border-strong); border-radius: 8px; }
.wf-card .wf-rail::-webkit-scrollbar-track { background: transparent; }

/* node de fase */
.wf-card .wf-node {
    flex: 0 0 auto; width: 144px;
    display: flex; flex-direction: column; align-items: center; text-align: center;
    background: transparent !important; border: none !important;
    padding: 0; margin: 0; max-width: 144px; vertical-align: top;
}
/* espaçador maior p/ manter o centro do círculo (30px) alinhado à barra do conector */
.wf-card .wf-node::before { content: ""; display: block; height: 46px; }
.wf-card .wf-node__dot {
    width: 30px; height: 30px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
}
.wf-card .wf-node__dot--done {
    background: #14a85c;
    box-shadow: 0 5px 12px -4px var(--wf-ring);
}
.wf-card .wf-node__dot--current {
    background: linear-gradient(135deg, #c2ee5b, #8cc81f);
    animation: wf-pulse 2.1s infinite;
}
.wf-card .wf-node__core { width: 9px; height: 9px; border-radius: 50%; background: #23360a; }
.wf-card .wf-node__dot svg { width: 17px; height: 17px; }
.wf-card .wf-node__name {
    margin-top: 13px; font-size: 14px; font-weight: 700; line-height: 1.25; color: var(--wf-text);
}
.wf-card .wf-node__avatars { margin-top: 11px; display: flex; padding-left: 6px; }
.wf-card .wf-node__avatar {
    width: 24px; height: 24px; border-radius: 50%;
    background: var(--wf-accent-soft); color: var(--wf-accent-strong);
    font-size: 9px; font-weight: 700; line-height: 22px; text-align: center;
    display: inline-block; border: 2px solid var(--wf-surface); margin-left: -6px;
    text-transform: uppercase;
}
.wf-card .wf-node__users {
    margin-top: 6px; font-size: 11px; font-weight: 500; line-height: 1.35;
    color: var(--wf-text-2); max-width: 130px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.wf-card .wf-node__chip {
    margin-top: 10px; font-size: 10px; font-weight: 600; line-height: 1;
    letter-spacing: .05em; text-transform: uppercase; padding: 4px 9px; border-radius: 6px;
}
.wf-card .wf-node__chip--current { color: #5e7d0a; background: rgba(160,219,46,.22); }
.theme-5 .wf-card .wf-node__chip--current { color: #c2ea66; }
.wf-card .wf-node__chip--done { color: var(--wf-accent-strong); background: var(--wf-accent-soft); }

/* tempo de passagem da fase (data/hora + quem passou) */
.wf-card .wf-node__when {
    margin-top: 7px; display: flex; flex-direction: column; align-items: center; gap: 5px;
}
.wf-card .wf-node__when-row {
    display: flex; flex-direction: column; align-items: center; gap: 2px;
}
.wf-card .wf-node__when-label {
    font-size: 8px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--wf-text-3);
}
.wf-card .wf-node__date {
    display: inline-flex; align-items: center; gap: 4px; text-align: center;
    font-family: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 9.5px; font-weight: 600; line-height: 1.25; color: var(--wf-text-2);
    background: var(--wf-surface); border: 1px solid var(--wf-border);
    padding: 3px 7px; border-radius: 7px; max-width: 100%;
}
.wf-card .wf-node__date svg { flex: 0 0 auto; width: 10px; height: 10px; }
/* na fase atual o card é verde: o selo usa borda accent p/ combinar */
.wf-card .wf-node.is-current .wf-node__date { border-color: var(--wf-accent); }
.wf-card .wf-node__by { font-size: 9px; font-weight: 500; color: var(--wf-text-3); }

/* destaque da FASE ATUAL — cartão suave para indicar "passe esta fase" */
.wf-card .wf-node.is-current {
    background: #e4fab97d !important;
    border-radius: 14px; padding: 0 10px 14px; margin: 0 4px;
    box-shadow: inset 0 0 0 1px var(--wf-border);
}
.wf-card .wf-node.is-current .wf-node__name { color: var(--wf-accent-strong); }

/* fase concluída (is-done): leve destaque de fundo p/ diferenciar do trilho */
.wf-card .wf-node.is-done {
    background: var(--wf-surface-2) !important;
    border-radius: 14px; padding: 0 10px 14px; margin: 0 4px;
    box-shadow: inset 0 0 0 1px var(--wf-border);
}
.theme-5 .workflow-box-externo.wf-card .wf-node.is-done { background-color: var(--wf-surface-2) !important; }

/* horário de PASSAGEM visualmente diferente do início (verde/accent) */
.wf-card .wf-node__when-row--passada .wf-node__when-label { color: var(--wf-accent-strong); }
.wf-card .wf-node__when-row--passada .wf-node__date {
    color: var(--wf-accent-strong); border-color: var(--wf-accent); background: var(--wf-accent-soft);
}

/* conector entre fases — faz flex para distribuir as fases pela largura */
.wf-card .wf-conn {
    flex: 1 1 auto; min-width: 48px; display: flex; flex-direction: column;
}
.wf-card .wf-conn__meta { height: 36px; }
.wf-card .wf-conn__bar { margin-top: 19px; height: 12px; border-radius: 7px; }
.wf-card .wf-conn__bar--done { background: var(--wf-accent); }
.wf-card .wf-conn__bar--current {
    background: linear-gradient(90deg, #a9e23f, #8cc81f);
    animation: wf-seg 1.8s infinite;
}
/* conector tracejado (antes de "Próximas fases" ou no fim do fluxo) */
.wf-card .wf-conn__bar--next,
.wf-card .wf-conn__bar--end {
    background: transparent; display: flex; align-items: center;
}
.wf-card .wf-conn__bar--next::after,
.wf-card .wf-conn__bar--end::after {
    content: ""; width: 100%; border-top: 2px dashed var(--wf-border-strong);
}

/* fim do trilho (sem próximas fases) */
.wf-card .wf-rail__end { flex: 0 0 auto; width: 46px; display: flex; flex-direction: column; }
.wf-card .wf-rail__end::before { content: ""; display: block; height: 36px; }
.wf-card .wf-rail__dash {
    margin-top: 19px; height: 12px; display: flex; align-items: center;
}
.wf-card .wf-rail__dash::after {
    content: ""; width: 100%; border-top: 2px dashed var(--wf-border-strong);
}

/* coluna próximas fases */
.wf-card .wf-next { flex: 0 0 auto; display: flex; flex-direction: column; min-width: 212px; }
.wf-card .wf-next__head { height: 36px; display: flex; align-items: flex-end; gap: 7px; }
.wf-card .wf-next__title {
    font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--wf-text-3);
}
.wf-card .wf-next__count {
    font-family: 'IBM Plex Mono', ui-monospace, monospace;
    font-size: 10px; font-weight: 700; color: var(--wf-text-3);
    background: var(--wf-surface-2); border: 1px solid var(--wf-border);
    padding: 2px 6px; border-radius: 5px;
}
.wf-card .wf-next__list { margin-top: 13px; display: flex; flex-direction: column; gap: 8px; align-items: stretch; }

/* botão de próxima fase com cara de "node" — borda tracejada (estilo Figma) */
.wf-card .wf-next__node {
    display: flex; align-items: center; gap: 10px; width: 100%;
    padding: 7px 12px 7px 7px; border-radius: 14px;
    border: 1.5px dashed var(--wf-border-strong); background: var(--wf-surface);
    color: var(--wf-text-2); cursor: pointer; white-space: nowrap;
    transition: transform .12s ease, border-color .12s ease, color .12s ease, background .12s ease;
}
.wf-card .wf-next__node:hover {
    transform: translateY(-1px);
    border-style: solid; border-color: var(--wf-accent); color: var(--wf-accent-strong); background: var(--wf-accent-soft);
}
.wf-card .wf-next__dot {
    width: 30px; height: 30px; border-radius: 50%; flex: 0 0 auto;
    display: inline-flex; align-items: center; justify-content: center;
    border: 2px dashed var(--wf-border-strong); color: var(--wf-text-3);
    transition: border-color .12s ease, color .12s ease, border-style .12s ease;
}
.wf-card .wf-next__node:hover .wf-next__dot {
    border-style: solid; border-color: var(--wf-accent); color: var(--wf-accent-strong);
}
.wf-card .wf-next__label {
    font-size: 13px; font-weight: 600; flex: 1 1 auto;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0;
}
.wf-card .wf-next__badge {
    flex: 0 0 auto; display: inline-flex; align-items: center; gap: 3px;
    font-size: 11px; font-weight: 700; color: var(--wf-accent-strong);
    background: var(--wf-accent-soft); padding: 3px 8px; border-radius: 999px;
}
.wf-card .wf-next__badge .fa { font-size: 10px; }
/* selo de e-mail automático */
.wf-card .wf-next__badge--email { color: #2f7fd6; background: #e6f0fb; }
.theme-5 .wf-card .wf-next__badge--email { color: #4f9bf0; background: #13243a; }
/* selo de regras de validação */
.wf-card .wf-next__badge--regra { color: #b9791f; background: #fbf0dd; }
.theme-5 .wf-card .wf-next__badge--regra { color: #eaa24a; background: #2a2113; }

/* tooltip de evidência (Bootstrap, container body) */
.wf-tip-tt .tooltip-inner {
    max-width: 300px; text-align: left; padding: 0; border-radius: 10px;
    background: transparent; box-shadow: none;
}
.wf-tip-tt .tooltip-arrow { display: none; }
.wf-tip {
    background: #ffffff; color: #1a2230; border: 1px solid #e7e9ee;
    border-radius: 10px; box-shadow: 0 12px 30px -12px rgba(16,24,40,.4);
    padding: 11px 13px; font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
}
.theme-5 .wf-tip { background: #1b2740; color: #e9eef6; border-color: #27334c; }
.wf-tip__head { font-size: 12.5px; font-weight: 600; margin-bottom: 8px; }
.wf-tip__head strong { font-weight: 800; }
.wf-tip__resumo { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.wf-tip__item {
    display: flex; align-items: center; gap: 8px;
    font-size: 12px; font-weight: 600; color: #1a2230;
}
.theme-5 .wf-tip__item { color: #e9eef6; }
.wf-tip__item strong { font-weight: 800; }
.wf-tip__item .fa {
    width: 22px; height: 22px; border-radius: 6px; flex: 0 0 auto;
    display: inline-flex; align-items: center; justify-content: center; font-size: 11px;
}
.wf-tip__item--acao .fa { color: #14a85c; background: #e3f6ec; }
.theme-5 .wf-tip__item--acao .fa { color: #33d07d; background: #13361f; }
.wf-tip__item--email .fa { color: #2f7fd6; background: #e6f0fb; }
.theme-5 .wf-tip__item--email .fa { color: #4f9bf0; background: #13243a; }
.wf-tip__item--regra .fa { color: #b9791f; background: #fbf0dd; }
.theme-5 .wf-tip__item--regra .fa { color: #eaa24a; background: #2a2113; }
.wf-tip__item--zero { color: #8b94a3; font-weight: 600; }
.wf-tip__item--zero .fa { color: #8b94a3; background: rgba(139,148,163,.15); }
.wf-tip__regras {
    display: flex; gap: 8px; margin-top: 9px; padding: 8px 10px;
    background: #fbf0dd; border-radius: 8px; font-size: 11.5px; color: #8a5a12;
}
.theme-5 .wf-tip__regras { background: #2a2113; color: #eaa24a; }
.wf-tip__regras .fa { margin-top: 1px; }
.wf-tip__regras ul { margin: 3px 0 0; padding-left: 16px; }
.wf-tip__regras li { margin-bottom: 2px; }

/* ---- Rodapé ---- */
.wf-card .wf-footer {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 10px 16px; border-top: 1px solid var(--wf-border); background: var(--wf-surface-2);
    flex-wrap: wrap;
}
.wf-card .wf-footer__atual { display: flex; align-items: center; gap: 9px; }
.wf-card .wf-footer__label {
    font-size: 10px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--wf-text-3);
}
.wf-card .wf-footer__chip {
    display: inline-flex; align-items: center; gap: 7px;
    font-size: 12.5px; font-weight: 700; color: var(--wf-text);
    background: var(--wf-surface); border: 1px solid var(--wf-border-strong);
    padding: 6px 11px; border-radius: 8px;
}
.wf-card .wf-footer__dot { width: 8px; height: 8px; border-radius: 50%; flex: 0 0 auto; }
.wf-card .wf-footer__chip.is-current .wf-footer__dot {
    background: linear-gradient(135deg, #c2ee5b, #8cc81f); animation: wf-seg 1.8s infinite;
}
.wf-card .wf-footer__chip.is-done .wf-footer__dot { background: var(--wf-accent); }
.wf-card .wf-footer__acoes { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.wf-card .wf-foot__btn {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 12.5px; font-weight: 600; padding: 7px 13px; border-radius: 9px;
    border: 1px solid transparent; cursor: pointer;
    transition: transform .12s ease, filter .12s ease;
}
.wf-card .wf-foot__btn:hover { transform: translateY(-1px); filter: brightness(1.04); }
.wf-card .wf-foot__btn--troca { color: #fff; background: var(--wf-amber); box-shadow: 0 1px 2px rgba(16,24,40,.16); }
.wf-card .wf-foot__btn--ver { color: var(--wf-blue); background: var(--wf-blue-soft); }

/* ---- Estado vazio ---- */
.wf-card .wf-empty {
    padding: 28px; font-size: 13px; color: var(--wf-text-2);
    display: flex; flex-direction: column; align-items: flex-start; gap: 14px;
}
.wf-card .wf-empty__btn {
    display: inline-flex; align-items: center;
    font-size: 13px; font-weight: 600; padding: 9px 15px; border-radius: 10px;
    color: #fff; background: var(--wf-accent); cursor: pointer;
}

@keyframes wf-pulse {
    0% { box-shadow: 0 0 0 0 var(--wf-ring); }
    70% { box-shadow: 0 0 0 11px transparent; }
    100% { box-shadow: 0 0 0 0 transparent; }
}
@keyframes wf-seg {
    0%, 100% { filter: brightness(1); }
    50% { filter: brightness(1.13); }
}

/* responsivo: em telas estreitas o rodapé empilha */
/* grupo de ações do cabeçalho da lista de workflows pendentes:
   mantém os 4 botões numa única linha (evita o "3 em cima, 1 embaixo") */
.wf-acoes-group { display: inline-flex !important; flex-wrap: nowrap; vertical-align: middle; }
.wf-acoes-group > .btn { flex: 0 0 auto; }

@media (max-width: 680px) {
    .wf-card .wf-body { padding: 16px; }
    .wf-card .wf-footer { align-items: flex-start; }
    /* no mobile o header não quebra feio: brand em 1 linha rolável e sem
       as pílulas de métrica (evita o "3 em cima, 1 embaixo") */
    .wf-card .wf-header__brand { flex-wrap: nowrap; overflow-x: auto; }
    .wf-card .wf-header__metric { display: none; }

    /* ---- Trilho EMPILHADO na vertical (sem rolagem lateral) ---- */
    .wf-card .wf-rail { flex-direction: column; align-items: stretch; overflow-x: visible; }

    /* cada fase: círculo à esquerda + infos empilhadas (stepper vertical) */
    .wf-card .wf-node {
        display: grid; grid-template-columns: 30px 1fr; column-gap: 12px; row-gap: 6px;
        align-items: start; justify-items: start; text-align: left;
        width: 100%; max-width: none; margin: 0; padding: 12px;
    }
    .wf-card .wf-node.is-current, .wf-card .wf-node.is-done { padding: 12px; }
    .wf-card .wf-node::before { display: none; }
    .wf-card .wf-node__dot { grid-column: 1; grid-row: 1; margin: 0; align-self: center; }
    .wf-card .wf-node__name { grid-column: 2; grid-row: 1; align-self: center; margin: 0; }
    .wf-card .wf-node__avatars,
    .wf-card .wf-node__users,
    .wf-card .wf-node__chip,
    .wf-card .wf-node__when { grid-column: 2; margin: 0; }
    .wf-card .wf-node__avatars { padding-left: 0; }
    .wf-card .wf-node__when { align-items: flex-start; gap: 4px; }
    .wf-card .wf-node__when-row { flex-direction: row; align-items: center; gap: 6px; }
    /* data é info só visual ("quando recebeu"): fonte menor e sem selo */
    .wf-card .wf-node__when-label { font-size: 8px; }
    .wf-card .wf-node__date {
        text-align: left; font-size: 9.5px; gap: 4px;
        padding: 0; background: transparent; border: 0; color: var(--wf-text-3);
    }
    .wf-card .wf-node__date br { display: none; }
    .wf-card .wf-node__date svg { width: 9px; height: 9px; }
    .wf-card .wf-node__by { font-size: 9px; }
    .wf-card .wf-node.is-current .wf-node__date,
    .wf-card .wf-node__when-row--passada .wf-node__date { background: transparent; }

    /* conectores viram linhas verticais (progress bar vertical) sob o círculo */
    .wf-card .wf-conn { flex: 0 0 auto; width: 100%; min-width: 0; padding-left: 25px; height: 22px; }
    .wf-card .wf-conn__meta { display: none !important; } /* vence o display:block inline */
    .wf-card .wf-conn__bar { margin: 0; width: 4px; height: 22px; border-radius: 3px; }
    .wf-card .wf-conn__bar--next, .wf-card .wf-conn__bar--end { width: 4px; background: transparent; align-items: stretch; justify-content: flex-start; }
    .wf-card .wf-conn__bar--next::after, .wf-card .wf-conn__bar--end::after {
        width: 0; height: 100%; border-top: 0; border-left: 2px dashed var(--wf-border-strong);
    }

    /* coluna de próximas fases ocupa a largura, abaixo do trilho */
    .wf-card .wf-next { width: 100%; min-width: 0; }
    .wf-card .wf-next__head { height: auto; margin-bottom: 8px; padding-left: 4px; }
    .wf-card .wf-next__node { width: 100%; }
}

/* =====================================================================
   Modal "Trocar de Fase" — cards de transição (sensação de automação)
   Substitui o <select> "fase => fase" por cartões origem -> destino.
   ===================================================================== */
.wf-troca {
    --wft-surface: #ffffff; --wft-surface-2: #f6f7f9;
    --wft-border: #e7e9ee; --wft-border-strong: #d3d7df;
    --wft-text: #1a2230; --wft-text-2: #5a6474; --wft-text-3: #8b94a3;
    --wft-accent: #14a85c; --wft-accent-strong: #0c7f44; --wft-accent-soft: #e3f6ec;
    --wft-amber: #b9791f; --wft-amber-soft: #fbf0dd; --wft-ring: rgba(20,168,92,.20);
    display: flex; flex-direction: column; gap: 10px; margin: 6px 0 14px;
    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.theme-5 .wf-troca {
    --wft-surface: #151e31; --wft-surface-2: #1b2740;
    --wft-border: #27334c; --wft-border-strong: #364562;
    --wft-text: #e9eef6; --wft-text-2: #a0acbf; --wft-text-3: #6c7a8f;
    --wft-accent: #33d07d; --wft-accent-strong: #5fe09a; --wft-accent-soft: #13361f;
    --wft-amber: #eaa24a; --wft-amber-soft: #2a2113; --wft-ring: rgba(51,208,125,.28);
}
.wf-troca__lead {
    margin: 0 0 4px; font-size: 12.5px; line-height: 1.45; color: var(--wft-text-2);
}
.wf-troca__lead strong { color: var(--wft-accent-strong); font-weight: 700; }

.wf-troca__card {
    position: relative; width: 100%; text-align: left; cursor: pointer;
    background: var(--wft-surface); border: 1.5px solid var(--wft-border);
    border-radius: 12px; padding: 14px 16px;
    transition: border-color .14s ease, background .14s ease, box-shadow .14s ease, transform .12s ease;
}
.wf-troca__card:hover { border-color: var(--wft-accent); transform: translateY(-1px); }
.wf-troca__card.is-selected {
    border-color: var(--wft-accent); background: var(--wft-accent-soft);
    box-shadow: 0 0 0 3px var(--wft-ring);
}
.wf-troca__check {
    position: absolute; top: 12px; right: 12px;
    width: 20px; height: 20px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--wft-accent); color: #fff; font-size: 11px;
    opacity: 0; transform: scale(.6); transition: opacity .14s ease, transform .14s ease;
}
.wf-troca__card.is-selected .wf-troca__check { opacity: 1; transform: scale(1); }

.wf-troca__flow { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding-right: 26px; }
.wf-troca__chip {
    display: inline-flex; align-items: center; max-width: 100%;
    font-size: 13px; font-weight: 700; line-height: 1.2;
    padding: 6px 12px; border-radius: 8px; white-space: nowrap;
}
.wf-troca__chip--from {
    background: var(--wft-surface-2); color: var(--wft-text-2);
    border: 1px solid var(--wft-border);
}
.wf-troca__chip--to { background: var(--wft-accent-soft); color: var(--wft-accent-strong); }

/* seta com a haste tracejada estática (sem animação) — igual ao conector */
.wf-troca__arrow { display: inline-flex; align-items: center; color: var(--wft-text-3); }
.wf-troca__card.is-selected .wf-troca__arrow { color: var(--wft-accent); }

.wf-troca__acoes {
    display: inline-flex; align-items: center; gap: 6px; margin-top: 10px;
    font-size: 11.5px; font-weight: 600; color: var(--wft-accent-strong);
}
.wf-troca__acoes .fa { color: var(--wft-accent); }
.wf-troca__acoes--zero { color: var(--wft-text-3); }
.wf-troca__acoes--zero .fa { color: var(--wft-text-3); }

.wf-troca__regras {
    display: flex; gap: 8px; margin-top: 10px; padding: 9px 11px;
    background: var(--wft-amber-soft); border-radius: 9px;
    font-size: 11.5px; color: var(--wft-amber);
}
.wf-troca__regras .fa { margin-top: 2px; }
.wf-troca__regras ul { margin: 0; padding-left: 16px; }

.wf-troca__exec-wrap { margin-top: 6px; margin-bottom: 14px; }
.wf-troca__exec {
    display: inline-flex; align-items: center; gap: 8px; margin: 0;
    font-size: 13px; font-weight: 600; color: var(--wft-text-2); cursor: pointer;
}
.wf-troca__exec .form-check-input { margin: 0; }

/* alerta vermelho: "Executar Ações" desmarcado */
.wf-troca__warn {
    display: flex; gap: 10px; margin-top: 10px; padding: 11px 13px;
    background: #fbe7e4; border: 1px solid #f0b4ab; border-radius: 10px;
    font-size: 12.5px; line-height: 1.45; color: #a3271b;
}
.wf-troca__warn .fa { margin-top: 1px; color: #db4b3e; font-size: 15px; }
.wf-troca__warn strong { font-weight: 800; }
.theme-5 .wf-troca__warn { background: #3a1c1c; border-color: #5c2b27; color: #f3b4ac; }
.theme-5 .wf-troca__warn .fa { color: #ef6a5e; }
/* selects da modal em massa ficam ocultos (os cards os substituem); o toggle
   Administrador chama .show() nativo, então força-se a ocultação. */
#modal-trocar-fase-em-massa #select-fluxo-troca-fase,
#modal-trocar-fase-em-massa #select-fluxo-troca-fase-adm { display: none !important; }

/* cabeçalho do modal */
.wf-troca-modal__header .wf-troca-modal__ico {
    display: inline-flex; align-items: center; justify-content: center;
    width: 28px; height: 28px; border-radius: 8px; margin-right: 4px;
    background: var(--wft-accent-soft, #e3f6ec); color: var(--wft-accent-strong, #0c7f44);
    font-size: 13px; vertical-align: middle;
}
.theme-5 .wf-troca-modal__header .wf-troca-modal__ico {
    background: #13361f; color: #5fe09a;
}

/* =====================================================================
   Substitui o glyph do Font Awesome 'fa-code-fork' pelo ícone de
   workflow do iiLEX (mesmo SVG do header do componente de workflow),
   em TODO lugar que usa .fa-code-fork (menu superior/lateral, headers,
   listas, configs 'icone' => 'fa fa-code-fork', etc). Usa mask p/ herdar
   a cor (currentColor) e o tamanho (1em) como um ícone de fonte.
   layout.css carrega antes do font-awesome.min.css -> usa-se .fa.fa-code-fork
   + !important para vencer por especificidade/origem. */
/* 2026-07-16: o 'share nodes' em SVG mask virou o glifo FLOWCHART do Material Symbols
   (U+F38D, no subset v51). Vira ícone de fonte normal — herda cor, tamanho e o eixo
   de peso (--ms-axes) como os vizinhos, então some a "grossura" do stroke-width fixo. */
.fa.fa-code-fork::before,
.fa-code-fork::before {
    font-family: 'Material Symbols Rounded' !important;
    font-variation-settings: var(--ms-axes);
    content: "\f38d" !important;   /* flowchart */
    background: none !important;
}
.fa.fa-code-fork,
.fa-code-fork {
    /* desfaz a caixa mascarada antiga — volta a ser um <i> de ícone-fonte comum */
    background-color: transparent !important;
    -webkit-mask: none !important;
    mask: none !important;
    width: auto !important; height: auto !important;
}

/* Ressincronização da ficha após fechar modal de registro vinculado (ver
   $.fn.resincronizarFichaPai em public/js/layout.js). Efeito skeleton discreto
   enquanto os valores atuais do registro são buscados no servidor. */
.panel-corpo.resync-skeleton {
    opacity: .55;
    animation: resync-skeleton-pulse 1.1s ease-in-out infinite;
    transition: opacity .15s ease-in-out;
}

@keyframes resync-skeleton-pulse {
    0%, 100% { opacity: .55; }
    50%      { opacity: .8; }
}