@font-face {
  font-family: 'VighaLight';
  src: url('../../Comuns/font/montserrat/Montserrat-Light.otf');
}

@font-face {
  font-family: 'VighaNormal';
  src: url('../../Comuns/font/montserrat/Montserrat-Medium.otf');
}

@font-face {
  font-family: 'VighaBold';
  src: url('../../Comuns/font/montserrat/Montserrat-Bold.otf');
}


/* SLIDERS */
#sliderCronograma .slider-track-high,
#slider12c .slider-track-high {
  background: #ddd;
}

#sliderCronograma .slider-track-low,
#slider12c .slider-track-low {
  background: #ddd;
}

#sliderCronograma .slider-selection {
  background: #43698B;
}

#sliderCronograma .slider-handle {
  background: #43698B;
}

#sliderMedicao .slider-track-high,
#slider12c .slider-track-high {
  background: #ddd;
}

#sliderMedicao .slider-track-low,
#slider12c .slider-track-low {
  background: #ddd;
}

#sliderMedicao .slider-selection {
  background: #263143;
}

#sliderMedicao .slider-handle {
  background: #263143;
}

/** CSS CRUD FORM VIGHA **/

/*input.ng-invalid {
  border: 1px solid red;
}

input.ng-valid {
  border: 1px solid #121468;
}
*/

.panel {
  font-family: VighaLight;
}

textarea:focus,
input:focus,
.uneditable-input:focus {
  border-color: rgba(250, 162, 0, 0.8) !important;
  box-shadow: 0 1px 1px rgba(250, 162, 0, 0.075) inset, 0 0 8px rgba(250, 162, 0, 0.6) !important;
  outline: 0 none !important;
}

.text-vigha-blue {
  color: #43698B;
}

.text-vigha-orange {
  color: #f0c45a;
}

.btn-vigha-default {
  font-family: VighaLight;
  color: #fff;
  background-color: #33485E;
  border-color: #212C3F;
  /* background-color: #2a6f97;
  border-color: #1e5575; */
  /* border-radius: 15px !important; */
  /* box-shadow: 0 15px 30px rgba(0, 50, 70, 0.1); */
  box-shadow: 0 15px 30px rgba(0, 50, 70, 0.1);
  border: 2px solid #d0ddee;
  border-radius: 15px !important;
  padding: 10px 22px;
  font-size: 16px;

  /* background-color: #33485E;
  border-color: #212C3F; */
  /*  background-color: #43698B;
  border-color: #43698B;*/
}

.btn-vigha-default:focus,
.btn-vigha-default.focus {
  color: #fff;
  background-color: #33485E;
  border-color: #212C3F;
  /* background-color: #1e5575;
  border-color: #154153; */
  /* background-color: #263143;
  border-color: #212C3F; */
}

.btn-vigha-default:hover {
  color: #fff;
  background-color: #263143;
  border-color: #212C3F;
      /* background-color: #1e5575;
      border-color: #154153; */
}

.btn-vigha-default:active,
.btn-vigha-default.active,
.open>.dropdown-toggle.btn-vigha-default {
  color: #fff;
  background-color: #263143;
  border-color: #212C3F;
}

.btn-vigha-default:active:hover,
.btn-vigha-default.active:hover,
.open>.dropdown-toggle.btn-vigha-default:hover,
.btn-vigha-default:active:focus,
.btn-vigha-default.active:focus,
.open>.dropdown-toggle.btn-vigha-default:focus,
.btn-vigha-default:active.focus,
.btn-vigha-default.active.focus,
.open>.dropdown-toggle.btn-vigha-default.focus {
  color: #fff;
  background-color: #263143;
  border-color: #212C3F;
}

.btn-vigha-default:active,
.btn-vigha-default.active,
.open>.dropdown-toggle.btn-vigha-default {
  background-image: none;
}

.btn-vigha-default.disabled,
.btn-vigha-default[disabled],
fieldset[disabled] .btn-vigha-default,
.btn-vigha-default.disabled:hover,
.btn-vigha-default[disabled]:hover,
fieldset[disabled] .btn-vigha-default:hover,
.btn-vigha-default.disabled:focus,
.btn-vigha-default[disabled]:focus,
fieldset[disabled] .btn-vigha-default:focus,
.btn-vigha-default.disabled.focus,
.btn-vigha-default[disabled].focus,
fieldset[disabled] .btn-vigha-default.focus,
.btn-vigha-default.disabled:active,
.btn-vigha-default[disabled]:active,
fieldset[disabled] .btn-vigha-default:active,
.btn-vigha-default.disabled.active,
.btn-vigha-default[disabled].active,
fieldset[disabled] .btn-vigha-default.active {
  background-color: #454678;
  border-color: #263143;
}

.btn-vigha-default .badge {
  color: #337ab7;
  background-color: #fff;
}

.btn-vigha-yellow {
  font-family: VighaLight;
  color: #fff;
  background-color: #F6A000;
  border-color: #f0c45a;
  font-size: 16;
}

.btn-vigha-yellow:focus,
.btn-vigha-yellow.focus {
  color: #fff;
  background-color: #F6A000;
  border-color: #f0c45a;
}

.btn-vigha-yellow:hover {
  color: #fff;
  background-color: #e09200;
  border-color: #f09c01;
}

.btn-vigha-yellow:active,
.btn-vigha-yellow.active,
.open>.dropdown-toggle.btn-vigha-yellow {
  color: #fff;
  background-color: #F6A000;
  border-color: #f0c45a;
}

.btn-vigha-yellow:active:hover,
.btn-vigha-yellow.active:hover,
.open>.dropdown-toggle.btn-vigha-yellow:hover,
.btn-vigha-yellow:active:focus,
.btn-vigha-yellow.active:focus,
.open>.dropdown-toggle.btn-vigha-yellow:focus,
.btn-vigha-yellow:active.focus,
.btn-vigha-yellow.active.focus,
.open>.dropdown-toggle.btn-vigha-yellow.focus {
  color: #fff;
  background-color: #F6A000;
  border-color: #f0c45a;
}

.btn-vigha-yellow:active,
.btn-vigha-yellow.active,
.open>.dropdown-toggle.btn-vigha-yellow {
  background-image: none;
}

.btn-vigha-yellow.disabled,
.btn-vigha-yellow[disabled],
fieldset[disabled] .btn-vigha-yellow,
.btn-vigha-yellow.disabled:hover,
.btn-vigha-yellow[disabled]:hover,
fieldset[disabled] .btn-vigha-yellow:hover,
.btn-vigha-yellow.disabled:focus,
.btn-vigha-yellow[disabled]:focus,
fieldset[disabled] .btn-vigha-yellow:focus,
.btn-vigha-yellow.disabled.focus,
.btn-vigha-yellow[disabled].focus,
fieldset[disabled] .btn-vigha-yellow.focus,
.btn-vigha-yellow.disabled:active,
.btn-vigha-yellow[disabled]:active,
fieldset[disabled] .btn-vigha-yellow:active,
.btn-vigha-yellow.disabled.active,
.btn-vigha-yellow[disabled].active,
fieldset[disabled] .btn-vigha-yellow.active {
  background-color: #F6A000;
  border-color: #f0c45a;
}

.btn-vigha-yellow .badge {
  color: #337ab7;
  background-color: #fff;
}

.btn-vigha-black {
  font-family: VighaLight;
  color: #fff;
  background-color: #000;
  border-color: #313131;
  font-size: 16;
}

.btn-vigha-black:focus,
.btn-vigha-black.focus {
  color: #fff;
  background-color: #000;
  border-color: #313131;
}

.btn-vigha-black:hover {
  color: #000;
  background-color: #fff;
  border-color: #000;
}

.btn-vigha-black:active,
.btn-vigha-black.active,
.open>.dropdown-toggle.btn-vigha-black {
  color: #fff;
  background-color: #000;
  border-color: #313131;
}

.btn-vigha-black:active:hover,
.btn-vigha-black.active:hover,
.open>.dropdown-toggle.btn-vigha-black:hover,
.btn-vigha-black:active:focus,
.btn-vigha-black.active:focus,
.open>.dropdown-toggle.btn-vigha-black:focus,
.btn-vigha-black:active.focus,
.btn-vigha-black.active.focus,
.open>.dropdown-toggle.btn-vigha-black.focus {
  color: #fff;
  background-color: #000;
  border-color: #313131;
}

.btn-vigha-black:active,
.btn-vigha-black.active,
.open>.dropdown-toggle.btn-vigha-black {
  background-image: none;
}

.btn-vigha-black.disabled,
.btn-vigha-black[disabled],
fieldset[disabled] .btn-vigha-black,
.btn-vigha-black.disabled:hover,
.btn-vigha-black[disabled]:hover,
fieldset[disabled] .btn-vigha-black:hover,
.btn-vigha-black.disabled:focus,
.btn-vigha-black[disabled]:focus,
fieldset[disabled] .btn-vigha-black:focus,
.btn-vigha-black.disabled.focus,
.btn-vigha-black[disabled].focus,
fieldset[disabled] .btn-vigha-black.focus,
.btn-vigha-black.disabled:active,
.btn-vigha-black[disabled]:active,
fieldset[disabled] .btn-vigha-black:active,
.btn-vigha-black.disabled.active,
.btn-vigha-black[disabled].active,
fieldset[disabled] .btn-vigha-black.active {
  background-color: #000;
  border-color: #313131;
}

.btn-vigha-black .badge {
  color: #337ab7;
  background-color: #fff;
}

.sombreado {
  border-color: #f8f8f8;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px 5px rgba(130, 130, 130, 0.35);
}

.sombreadoCompra {
  color: #fff;
  border-color: #337ab7;
  background-color: #f0c45a;
  font-family: VighaBold;
  font-size: 18px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px 5px rgba(130, 130, 130, 0.35);
}

.fontesombreadoCompra {
  font-family: VighaBold;
  font-size: 32px;
  margin-bottom: 20px;
}

/** PANELS **/
.panelv {
  font-family: VighaLight;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panelv-body {
  padding: 15px;
}

.panelv-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;

  color: #263143;
  background-color: #fff;
  border-color: #f0c45a !important;
  font-size: 21px !important;
}

.panelv-heading>.dropdown .dropdown-toggle {
  color: inherit;
}

.panelv-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

.panelv-title>a,
.panelv-title>small,
.panelv-title>.small,
.panelv-title>small>a,
.panelv-title>.small>a {
  color: inherit;
}

.panelv-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panelv>.list-group,
.panelv>.panel-collapse>.list-group {
  margin-bottom: 0;
}

.panelv>.list-group .list-group-item,
.panelv>.panel-collapse>.list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}

.panelv>.list-group:first-child .list-group-item:first-child,
.panelv>.panel-collapse>.list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panelv>.list-group:last-child .list-group-item:last-child,
.panelv>.panel-collapse>.list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panelv>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.panelv-heading+.list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group+.panel-footer {
  border-top-width: 0;
}

.panel-crudlist {
  border-color: #FFD786;
  /* box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px 5px rgba(130, 130, 130, 0.35); */
  /* border-radius: 16px;
  padding: 20px 20px;
  box-shadow: 0 8px 18px rgba(0, 40, 60, 0.08);
  border: none;
  margin-bottom: 30px; */
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px 5px rgba(130, 130, 130, 0.35);
  /* border-radius: 24px; */
  margin-bottom: 25px;
  box-shadow: 0 15px 30px rgba(0, 50, 70, 0.1);
  /* border-left: 8px solid #2a6f97; */
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  overflow: visible !important;
  position: relative;
  z-index: 1;
}

.panel-crudlist>.panel-heading {
  font-family: VighaBold;
  color: #263143;
  background-color: #fff;
  border-color: #f0c45a !important;
  font-size: 16px !important;
}

.panel-crudlist>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #d6e9c6 !important;
}

.panel-crudlist>.panel-heading .badge {
  color: #263143;
  background-color: #f5f5f5;
}

.panel-crudlist>.panel-heading .total {
  color: #263143;
  font-size: 16px;
}

.panel-crudlist>.panel-heading .total small {
  font-size: 12px;
}

.panel-crudlist>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #f5f5f5;
}

.panel-crudlist>.list-group .list-group-item {
  color: #000 !important;
  font-size: 13px !important;
}

.panel-crudlist>.list-group .list-group-item .texto {
  color: #000 !important;
  font-size: 12px !important;
}

.panel-crudlist>.list-group .list-group-item .textoBold {
  color: #000 !important;
  font-size: 18px !important;
  font-family: VighaNormal;
}

.panel-crudlist>.list-group .list-group-item .valor {
  color: #000 !important;
  font-size: 12px !important;
}

.panel-crudlist>.list-group .list-group-item .valor small {
  font-size: 8px !important;
}

.panel-crudlist-destaque {
  border-color: #FFD786;
  /* border-color: #f8f8f8;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px 5px rgba(130, 130, 130, 0.35);
  overflow: auto; */
}

.panel-crudlist-destaque>.panel-heading {
  font-family: VighaBold;
  color: #fff;
  background-color: #f0c45a;
  border-color: #f0c45a !important;
  font-size: 16px !important;
}

.panel-crudlist-destaque>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #d6e9c6 !important;
}

.panel-crudlist-destaque>.panel-heading .badge {
  color: #263143;
  background-color: #f5f5f5;
}

.panel-crudlist-destaque>.panel-heading .total {
  color: #263143;
  font-size: 16px;
}

.panel-crudlist-destaque>.panel-heading .total small {
  font-size: 12px;
}

.panel-crudlist-destaque>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #f5f5f5;
}

.panel-crudlist-destaque>.list-group .list-group-item {
  color: #000 !important;
  font-size: 13px !important;
}

.panel-crudlist-destaque>.list-group .list-group-item .texto {
  color: #000 !important;
  font-size: 12px !important;
}

.panel-crudlist-destaque>.list-group .list-group-item .textoBold {
  color: #000 !important;
  font-size: 18px !important;
  font-family: VighaNormal;
}

.panel-crudlist-destaque>.list-group .list-group-item .valor {
  color: #000 !important;
  font-size: 12px !important;
}

.panel-crudlist-destaque>.list-group .list-group-item .valor small {
  font-size: 8px !important;
}

.panel-crudlist-mini {
  border-color: #fff;
}

.panel-crudlist-mini>.panel-heading {
  font-family: VighaBold;
  color: #263143;
  background-color: #fff;
  border-color: #fff !important;
  font-size: 12px !important;
}

.panel-crudlist-mini>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #fff !important;
}

.panel-crudlist-mini>.panel-heading .badge {
  color: #263143;
  background-color: #f5f5f5;
}

.panel-crudlist-mini>.panel-heading .total {
  color: #263143;
  font-size: 16px;
}

.panel-crudlist-mini>.panel-heading .total small {
  font-size: 10px;
}

.panel-crudlist-mini>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #fff;
}

.panel-crudlist-mini>.list-group .list-group-item {
  border-color: #f0c45a !important;
  font-size: 10px;
}

.panel-crudlist-mini>.list-group .list-group-item {
  color: #000 !important;
  font-size: 10px !important;
}

.panel-crudlist-mini>.list-group .list-group-item .texto {
  color: #000 !important;
  font-size: 10px !important;
}

.panel-crudlist-mini>.list-group .list-group-item .valor {
  color: #000 !important;
  font-size: 10px !important;
}

.panel-crudlist-mini>.list-group .list-group-item .valor small {
  font-size: 8px !important;
}

.panel-lista-obra {
  /* border-color: #f0c45a; */
  cursor: default;
}

.panel-lista-obra>.panel-heading {
  color: #263143;
  background-color: #f0f0f0;
  /*border-color: #f0c45a !important;*/
  font-size: 16px !important;
}

.panel-lista-obra>.panel-heading:hover,
.panel-lista-obra>.list-group .list-group-item:hover,
.panel-lista-obra>.panel-heading:focus,
.panel-lista-obra>.list-group .list-group-item:focus,
.panel-lista-obra>.panel-heading:active,
.panel-lista-obra>.list-group .list-group-item:active {
  background-color: #E1EDF7;
}

.panel-lista-obra>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #d6e9c6 !important;
}

.panel-lista-obra>.panel-heading .badge {
  color: #fff;
  background-color: #f5f5f5;
}

.panel-lista-obra>.panel-heading .total {
  color: #fff;
  font-size: 18px;
}

.panel-lista-obra>.panel-heading .total small {
  font-size: 12px;
}

.panel-lista-obra>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #f5f5f5;
}

.panel-lista-obra>.list-group .list-group-item .texto {
  color: #000 !important;
  font-size: 12px !important;
}

.panel-lista-obra>.list-group .list-group-item .valor {
  color: #000 !important;
  font-size: 12px !important;
}

.panel-lista-obra>.list-group .list-group-item .valor small {
  font-size: 8px !important;
}

.panel-dashboard {
  border-color: #ddd;
}

.panel-dashboard>.panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-dashboard>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #ddd;
}

.panel-dashboard>.panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}

.panel-dashboard>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #ddd;
}

.panel-planos {
  font-family: VighaLight;
  border-color: #f8f8f8;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px 5px rgba(130, 130, 130, 0.35);
  overflow: auto;
}

.panel-planos>.panel-heading {
  font-family: VighaBold;
  color: #263143;
  border-color: #263143 !important;
  font-size: 18px !important;
  text-align: center;
}

.panel-planos>.panel-body {
  color: #263143;
  border-color: #263143 !important;
  font-size: 16px !important;
  height: 340px;
}

.panel-planos>.panel-body .main {
  font-family: VighaNormal;
  font-size: 14px !important;
  text-align: center;
  padding-right: 2px;
  padding-left: 2px;
}

.panel-planos>.panel-body .texto {
  font-family: VighaLight;
  font-size: 12px !important;
}

.panel-planos>.panel-body .valor {
  font-size: 46px !important;
  text-align: center;
}

.panel-planos>.panel-body .valor small {
  font-size: 12px !important;
}

.panel-planos>.panel-body .botao {
  text-align: center;
}

.panel-planos>.panel-footer {
  background-color: #fff;
  border-top-color: #fff;
  text-align: center;
}

.panel-relatorio {
  /* border-color: #f8f8f8;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px 5px rgba(130, 130, 130, 0.35); */
  border-radius: 16px;
  padding: 20px 20px;
  box-shadow: 0 8px 18px rgba(0, 40, 60, 0.08);
  border: none;
  margin-bottom: 150px;
}

.panel-relatorio>.panel-heading {
  /*color: #f0c45a;*/
  background-color: #fff;
  border-color: #f0c45a !important;
  font-size: 18px !important;
}

.panel-relatorio>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #f8f8f8 !important;
}

.panel-relatorio>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #f8f8f8;
}

.panel-alerta {
  color: #fff;
  border-color: #263143;
  background-color: #263143;
}

.panel-alerta>.panel-heading {
  background-color: #f0c45a;
  font-size: 18px !important;
}

.panel-alerta>.panel-body {
  font-size: 13px !important;
}

.panel-alerta>.panel-body img {
  width: auto;
  height: auto;
}

.panel-alerta>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #263143 !important;
}

.panel-alerta>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #263143;
}

.panel-expirado {
  color: #fff;
  border-color: #263143;
  background-color: #263143;
}

.panel-expirado>.panel-heading {
  background-color: #d9534f;
  font-size: 18px !important;
}

.panel-expirado>.panel-body {
  font-size: 13px !important;
}

.panel-expirado>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #263143 !important;
}

.panel-expirado>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #263143;
}

.panel-etapa {
  /* border-color: #FFD786; */
  /* box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px 5px rgba(130, 130, 130, 0.35); */
  /* border-radius: 24px;
  margin-bottom: 250px;
  box-shadow: 0 8px 18px rgba(0, 40, 60, 0.08); */
  /* box-shadow: 0 15px 30px rgba(0, 50, 70, 0.1); */
  /* border-left: 8px solid #2a6f97; */
  /* transition: transform 0.2s ease, box-shadow 0.2s ease;
  overflow: visible !important;
  position: relative;
  z-index: 1; */
  border-radius: 16px;
  padding: 20px 20px;
  box-shadow: 0 8px 18px rgba(0, 40, 60, 0.08);
  border: none;
  margin-bottom: 150px;
}

.panel-etapa>.panel-heading {
  font-family: VighaNormal;
  color: #000 !important;
  background-color: #fff;
  /* border-color: #f0c45a !important; */
  font-size: 21px !important;
  /*color: #263143;
  background-color: #FFD786;
  border-color: #FFD786 !important;
  font-size: 16px !important;*/
  /*font-weight: bold;*/
}

.panel-etapa>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #d6e9c6 !important;
}

.panel-etapa>.panel-heading .badge {
  color: #263143;
  background-color: #f5f5f5;
}

.panel-etapa>.panel-heading .total {
  color: #263143;
  font-size: 16px;
}

.panel-etapa>.panel-heading .total small {
  font-size: 12px;
}

.panel-etapa>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #fff;
}

.panel-etapa>.list-group .list-group-item {
  color: #000 !important;
  font-size: 14px !important;
  font-family: VighaLight;
}

.panel-etapa>.list-group .list-group-item .texto {
  color: #000 !important;
  font-size: 16px !important;
}

.panel-etapa>.list-group .list-group-item .textoBold {
  color: #000 !important;
  font-size: 18px !important;
  font-family: VighaNormal;
}

.panel-etapa>.list-group .list-group-item .valor {
  color: #000 !important;
  font-size: 12px !important;
}

.panel-etapa>.list-group .list-group-item .valor small {
  font-size: 8px !important;
}

.subnivel1 {
  background-color: #C8DFFF;
  border-bottom-color: #8BA3C7;
}

.subnivel2 {
  background-color: #FFE9BF;
  border-bottom-color: #FFD07E;
}

.EtapaHand {
  cursor: pointer;
}

.EtapaHand:hover,
.EtapaHand:focus,
.EtapaHand:active {
  background-color: #ECECEC;
  cursor: pointer;
}

.Nivel1Hand {
  cursor: pointer;
}

.Nivel1Hand:hover,
.Nivel1Hand:focus,
.Nivel1Hand:active {
  background-color: #B7DFFF;
  cursor: pointer;
}

.Nivel2Hand {
  cursor: pointer;
}

.Nivel2Hand:hover,
.Nivel2Hand:focus,
.Nivel2Hand:active {
  background-color: #FFDFA3;
  cursor: pointer;
}

.selecaoCompra {
  background-color: #C8DFFF;
  border-bottom-color: #8BA3C7;
}

.melhorPreco {
  font-size: 21px;
  font-weight: bold;
  color: #d43f3a;
  /* background-color: rgb(236, 186, 110);
  border-bottom-color: rgb(236, 186, 110); */
}

.alternaLinha {
  border-bottom-color: #8BA3C7;
  background-color: #ECECEC;
}


.panel-composicao {
  border-color: #a5c6d9;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px 5px rgba(130, 130, 130, 0.35);
  /* border-radius: 24px; */
  margin-bottom: 25px;
  box-shadow: 0 15px 30px rgba(0, 50, 70, 0.1);
  /* border-left: 8px solid #2a6f97; */
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  overflow: visible !important;
  position: relative;
  z-index: 1;
}

.panel-composicao>.panel-heading {
  font-family: VighaNormal;
  color: #fff !important;
  background-color: #86b6d2;
  border-color: #a5c6d9 !important;
  font-size: 14px !important;
  /*color: #86b6d2;
  background-color: #FFD786;
  border-color: #FFD786 !important;
  font-size: 16px !important;*/
  /*font-weight: bold;*/
}

.panel-composicao>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #d6e9c6 !important;
}

.panel-composicao>.panel-heading .badge {
  color: #86b6d2;
  background-color: #f5f5f5;
}

.panel-composicao>.panel-heading .total {
  color: #86b6d2;
  font-size: 14px;
}

.panel-composicao>.panel-heading .total small {
  font-size: 10px;
}

.panel-composicao>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #f5f5f5;
}

.panel-composicao>.list-group .list-group-item {
  color: #000 !important;
  font-size: 12px !important;
  font-family: VighaLight;
}

.panel-composicao>.list-group .list-group-item .texto {
  color: #000 !important;
  font-size: 14px !important;
}

.panel-composicao>.list-group .list-group-item .textoBold {
  color: #000 !important;
  font-size: 14px !important;
  font-family: VighaNormal;
}

.panel-composicao>.list-group .list-group-item .valor {
  color: #000 !important;
  font-size: 14px !important;
}

.panel-composicao>.list-group .list-group-item .valor small {
  font-size: 10px !important;
}

.panel-insumo {
  border-color: #f0c45a;
}

.panel-insumo>.panel-heading {
  font-family: VighaBold;
  color: #fff;
  background-color: #f0c45a;
  border-color: #f0c45a !important;
  font-size: 12px !important;
}

.panel-insumo>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #fff !important;
}

.panel-insumo>.panel-heading .badge {
  color: #263143;
  background-color: #f5f5f5;
}

.panel-insumo>.panel-heading .total {
  color: #263143;
  font-size: 16px;
}

.panel-insumo>.panel-heading .total small {
  font-size: 10px;
}

.panel-insumo>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #fff;
}

.panel-insumo>.list-group .list-group-item {
  border-color: #f0c45a !important;
  font-size: 10px;
}

.panel-insumo>.list-group .list-group-item {
  color: #000 !important;
  font-size: 10px !important;
}

.panel-insumo>.list-group .list-group-item .texto {
  color: #000 !important;
  font-size: 10px !important;
}

.panel-insumo>.list-group .list-group-item .valor {
  color: #000 !important;
  font-size: 10px !important;
}

.panel-insumo>.list-group .list-group-item .valor small {
  font-size: 8px !important;
}

.panel-medicao {
  border-color: #f0c45a;
}

.panel-medicao>.panel-heading {
  font-family: VighaBold;
  color: #fff;
  background-color: #f0c45a;
  border-color: #f0c45a !important;
  font-size: 14px !important;
}

.panel-medicao>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #fff !important;
}

.panel-medicao>.panel-heading .badge {
  color: #263143;
  background-color: #f5f5f5;
}

.panel-medicao>.panel-heading .total {
  color: #263143;
  font-size: 16px;
}

.panel-medicao>.panel-heading .total small {
  font-size: 12px;
}

.panel-medicao>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #fff;
}

.panel-medicao>.list-group .list-group-item {
  border-color: #f0c45a !important;
  font-size: 13px;
}

.panel-medicao>.list-group .list-group-item {
  color: #000 !important;
  font-size: 13px !important;
}

.panel-medicao>.list-group .list-group-item .texto {
  color: #000 !important;
  font-size: 13px !important;
}

.panel-medicao>.list-group .list-group-item .valor {
  color: #000 !important;
  font-size: 13px !important;
}

.panel-medicao>.list-group .list-group-item .valor small {
  font-size: 10px !important;
}

.panel-compra {
  /* border-color: #FFD786; */
  /* box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px 5px rgba(130, 130, 130, 0.35); */
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px 5px rgba(130, 130, 130, 0.35);
  border-radius: 24px;
  margin-bottom: 25px;
  box-shadow: 0 15px 30px rgba(0, 50, 70, 0.1);
  border-left: 8px solid #2a6f97;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  overflow: visible !important;
  position: relative;
  z-index: 1;
}

.panel-compra>.panel-heading {
  font-family: VighaNormal;
  color: #000 !important;
  background-color: #fff;
  /* border-color: #f0c45a !important; */
  font-size: 16px !important;
}

.panel-compra>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #d6e9c6 !important;
}

.panel-compra>.panel-heading .badge {
  color: #263143;
  background-color: #f5f5f5;
}

.panel-compra>.panel-heading .total {
  color: #263143;
  font-size: 16px;
}

.panel-compra>.panel-heading .total small {
  font-size: 12px;
}

.panel-compra>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #fff;
}

.panel-compra>.list-group .list-group-item {
  color: #000 !important;
  font-size: 14px !important;
  font-family: VighaLight;
}

.panel-compra>.list-group .list-group-item .texto {
  color: #000 !important;
  font-size: 14px !important;
  font-family: VighaLight;
}

.panel-compra>.list-group .list-group-item .textoBold {
  color: #000 !important;
  font-size: 16px !important;
  font-family: VighaNormal;
}

.panel-compra>.list-group .list-group-item .valor {
  color: #000 !important;
  font-size: 12px !important;
}

.panel-compra>.list-group .list-group-item .valor small {
  font-size: 8px !important;
}

.input-xs {
  height: 22px;
  padding: 2px 4px;
  font-size: 9px;
  line-height: 1.5;
  /* If Placeholder of the input is moved up, rem/modify this. */
  border-radius: 3px;
  text-align: right;
}


.LinhaListaSelecionada {
  background-color: #E1EDF7;
  cursor: default;
}

.LinhaLista {
  cursor: default;
}

.LinhaLista:hover,
.LinhaLista:focus,
.LinhaLista:active {
  background-color: #E1EDF7;
  cursor: default;
}

.LinhaListaHand {
  cursor: pointer;
}

.LinhaListaHand:hover,
.LinhaListaHand:focus,
.LinhaListaHand:active {
  background-color: #E1EDF7;
  cursor: pointer;
}

.LinhaListaHand1 {
  cursor: pointer;
}

.LinhaListaHand1:hover,
.LinhaListaHand1:focus,
.LinhaListaHand1:active {
  background-color: #E1EDF7;
  cursor: pointer;
}

.LinhaListaHand2 {
  cursor: pointer;
  background-color: #BFC2C4;
}

.LinhaListaHand2:hover,
.LinhaListaHand2:focus,
.LinhaListaHand2:active {
  background-color: #8F969C;
  cursor: pointer;
}

.LinhaListaEspecifico {
  cursor: default;
  height: 70px;
}

.LinhaListaEspecifico:hover,
.LinhaListaEspecifico:focus,
.LinhaListaEspecifico:active {
  background-color: #E1EDF7;
  cursor: pointer;
}

.LinhaListaEspecifico1 {
  cursor: pointer;
}

.LinhaListaEspecifico1:hover,
.LinhaListaEspecifico1:focus,
.LinhaListaEspecifico1:active {
  background-color: #E1EDF7;
  cursor: pointer;
}

.LinhaListaEspecifico2 {
  cursor: pointer;
  background-color: #BFC2C4;
}

.LinhaListaEspecifico2:hover,
.LinhaListaEspecifico2:focus,
.LinhaListaEspecifico2:active {
  background-color: #8F969C;
  cursor: pointer;
}
/****** FIM CRUD FORM ******/

/****** INI FLOAT BUTTON ******/

.vigha-tooltip+.tooltip>.tooltip-inner {
  /* background-color: #f0c45a; */
  background-color: #33485E;
  font-family: VighaNormal;
  font-size: 14px;
  color: #fff;
}

.vigha-tooltip+.tooltip>.tooltip-arrow {
  border-top-color: transparent;
}

.tooltip.left {
  padding: 0 35px;
  margin-left: -3px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}


/*.vigha-tooltip + .tooltip > .tooltip-inner {
}
.vigha-tooltip + .tooltip > .tooltip-arrow {
  font-family: VighaNormal;
  font-size: 18px;
  color: #fff;
}
.tooltip {
}
*/
#floating-button {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: #33485E;
  /* border-color: #212C3F; */
  /* background: #f0c45a; */
  position: fixed;
  bottom: 50px;
  right: 30px;
  cursor: pointer;
  box-shadow: 0px 2px 5px #666;
  z-index: 9999;
}

.plus {
  color: white;
  position: absolute;
  top: 0;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 0;
  margin: 0;
  line-height: 55px;
  font-size: 38px;
  font-family: 'Roboto';
  font-weight: 300;
  animation: plus-out 0.3s;
  transition: all 0.3s;
}

#floating-button-minus {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: #33485E;
  /* background: #f0c45a; */
  position: fixed;
  bottom: 50px;
  right: 90px;
  cursor: pointer;
  box-shadow: 0px 2px 5px #666;
  z-index: 9999;
}

.minus {
  color: white;
  position: absolute;
  top: 0;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 0;
  margin: 0;
  line-height: 55px;
  font-size: 38px;
  font-family: 'Roboto';
  font-weight: 300;
  animation: minus-out 0.3s;
  transition: all 0.3s;
}

#floating-button-check {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: #33485E;
  /* background: #f0c45a; */
  position: fixed;
  bottom: 50px;
  right: 30px;
  cursor: pointer;
  box-shadow: 0px 2px 5px #666;
  z-index: 9999;
}

.check {
  color: #fff;
  position: absolute;
  top: 13;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 0;
  margin: 0;
  line-height: 55px;
  font-size: 25px;
  font-family: 'Roboto';
  font-weight: 300;
  animation: minus-out 0.3s;
  transition: all 0.3s;
}

#container-floating {
  position: fixed;
  width: 70px;
  height: 70px;
  bottom: 30px;
  right: 30px;
  z-index: 9999;
}

#floating-button-tour {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  /* background: #f0c45a; */
  background: #33485E;
  position: fixed;
  top: 130px;
  right: 25px;
  cursor: pointer;
  box-shadow: 0px 2px 5px #666;
  z-index: 9999;
}

.tour {
  color: #fff;
  position: absolute;
  top: 13;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 0;
  margin: 0;
  line-height: 55px;
  font-size: 25px;
  font-family: 'Roboto';
  font-weight: 300;
  animation: minus-out 0.3s;
  transition: all 0.3s;
}

/****** FIM FLOAT BUTTON ******/

.text-purple {
  color: #7e3fb6;
}

.text-mint {
  color: #48cfad;
}


.panel-bluemarinho-blank {
  border-color: #fff;
}

.panel-bluemarinho-blank>.panel-heading {
  background-color: #fff;
  border-color: #fff;
  font-size: 12px;
}

.panel-bluemarinho-blank>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #fff;
}

.panel-bluemarinho-blank>.panel-heading .valor {
  font-size: 19px;
}

.panel-bluemarinho-blank>.panel-heading .valor small {
  font-size: 12px;
}

.panel-bluemarinho-blank>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #fff;
}

/* THUMB IMAGES */
.thumbnail {
  position: relative;
  /* overflow: hidden; */
  width: 100%;
  height: 230px;
}
/* .thumbnail {
  position: relative;
  overflow: hidden;
  width: auto;
  height: 400px;
}*/

.thumbnail:hover .caption {
  top: 0%;
}

.caption {
  position: absolute;
  top: -100%;
  right: 0;
  background: rgba(66, 139, 202, 0.75);
  width: 100%;
  height: 100%;
  padding: 2%;
  text-align: center;
  color: #fff !important;
  z-index: 2;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

#lightbox .modal-content {
  display: inline-block;
  text-align: center;
  margin-top: 50px;
}

#lightbox .close {
  opacity: 1;
  color: rgb(255, 255, 255);
  background-color: rgb(25, 25, 25);
  padding: 5px 8px;
  border-radius: 30px;
  border: 2px solid rgb(255, 255, 255);
  position: absolute;
  top: -15px;
  right: -55px;
  margin-top: 50px;
  
  z-index: 1032;
}

#boxvideomodal .modal-content {
  display: inline-block;
  text-align: center;
}

#boxvideomodal .close {
  opacity: 1;
  color: rgb(255, 255, 255);
  background-color: rgb(25, 25, 25);
  padding: 5px 8px;
  border-radius: 30px;
  border: 2px solid rgb(255, 255, 255);
  position: absolute;
  top: -15px;
  right: -55px;
  z-index: 1032;
}

/* PANEL */


.panel-planejar {
  border-color: #5cb85c;
}

.panel-planejar>.panel-heading {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c !important;
  /*font-size: 18px !important;*/
}

.panel-planejar>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #d6e9c6 !important;
}

.panel-planejar>.panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}

.panel-planejar>.panel-heading .total {
  color: #fff;
  font-size: 20px;
}

.panel-planejar>.panel-heading .total small {
  font-size: 14px;
}

.panel-planejar>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-planejar>.list-group .list-group-item .texto {
  color: #000 !important;
  /*font-size: 16px !important;*/
}

.panel-planejar>.list-group .list-group-item .valor {
  color: #000 !important;
  font-size: 16px !important;
}

.panel-planejar>.list-group .list-group-item .valor small {
  font-size: 12px !important;
}

.panel-executar {
  border-color: #d43f3a;
}

.panel-executar>.panel-heading {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
  font-size: 18px;
}

.panel-executar>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #d6e9c6;
}

.panel-executar>.panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}

.panel-executar>.panel-heading .total {
  color: #fff;
  font-size: 20px;
}

.panel-executar>.panel-heading .total small {
  font-size: 14px;
}

.panel-executar>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-executar>.list-group .list-group-item .texto {
  color: #000;
  font-size: 16px;
}

.panel-executar>.list-group .list-group-item .valor {
  color: #000;
  font-size: 16px;
}

.panel-executar>.list-group .list-group-item .valor small {
  font-size: 12px;
}

.panel-orange {
  border-color: #eea236;
}

.panel-orange>.panel-heading {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
  font-size: 18px;
}

.panel-orange>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #eea236;
}

.panel-orange>.panel-heading .badge {
  color: #dff0d8;
  background-color: #f0ad4e;
}

.panel-orange>.panel-heading .total {
  color: #fff;
  font-size: 20px;
}

.panel-orange>.panel-heading .total small {
  font-size: 14px;
}

.panel-orange>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #eea236;
}

.panel-orange>.list-group .list-group-item .texto {
  color: #000;
  font-size: 16px;
}

.panel-orange>.list-group .list-group-item .valor {
  color: #000;
  font-size: 16px;
}

.panel-orange>.list-group .list-group-item .valor small {
  font-size: 12px;
}

.panel-blue {
  border-color: #2e6da4;
}

.panel-blue>.panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  font-size: 18px;
}

.panel-blue>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #2e6da4;
}

.panel-blue>.panel-heading .badge {
  color: #dff0d8;
  background-color: #337ab7;
}

.panel-blue>.panel-heading .total {
  color: #fff;
  font-size: 20px;
}

.panel-blue>.panel-heading .total small {
  font-size: 14px;
}

.panel-blue>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #2e6da4;
}

.panel-blue>.list-group .list-group-item .texto {
  color: #000;
  font-size: 16px;
}

.panel-blue>.list-group .list-group-item .valor {
  color: #000;
  font-size: 16px;
}

.panel-blue>.list-group .list-group-item .valor small {
  font-size: 12px;
}

.panel-blueinfo {
  border-color: #46b8da;
}

.panel-blueinfo>.panel-heading {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
  font-size: 18px;
}

.panel-blueinfo>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #46b8da;
}

.panel-blueinfo>.panel-heading .badge {
  color: #dff0d8;
  background-color: #5bc0de;
}

.panel-blueinfo>.panel-heading .total {
  color: #fff;
  font-size: 20px;
}

.panel-blueinfo>.panel-heading .total small {
  font-size: 14px;
}

.panel-blueinfo>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #46b8da;
}

.panel-blueinfo>.list-group .list-group-item .texto {
  color: #000;
  font-size: 16px;
}

.panel-blueinfo>.list-group .list-group-item .valor {
  color: #000;
  font-size: 16px;
}

.panel-blueinfo>.list-group .list-group-item .valor small {
  font-size: 12px;
}

.panel-fonticon {
  font-size: 19px;
  position: relative;
}

.panel-fontnumber {
  font-size: 18px;
  font-weight: bold;
}

.panel-fontnumber small {
  font-size: 11px;
}

.panel-fontsubtext {
  font-size: 14px;
}

.panel-fontitem {
  font-size: 16px;
}

.panel-fontitem small {
  font-size: 10px;
}

.panel-bluenumber {
  font-size: 21px;
  font-weight: bold;
  color: #337ab7;
}

.panel-bluenumber small {
  font-size: 12px;
}

.panel-bluesubtext {
  font-size: 16px;
  color: #337ab7;
}

.panel-rednumber {
  font-size: 21px;
  font-weight: bold;
  color: #d9534f;
}

.panel-rednumber small {
  font-size: 12px;
}

.panel-redsubtext {
  font-size: 16px;
  color: #d9534f;
}

.panel-planejar-blank {
  border-color: #5cb85c;
}

.panel-planejar-blank>.panel-heading {
  color: #3c763d;
  background-color: #fff;
  border-color: #5cb85c;
  font-size: 18px;
}

.panel-planejar-blank>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #5cb85c;
}

.panel-planejar-blank>.panel-heading .badge {
  color: #3c763d;
  background-color: #fff;
}

.panel-planejar-blank>.panel-heading .total {
  color: #3c763d;
  font-size: 20px;
}

.panel-planejar-blank>.panel-heading .total small {
  font-size: 14px;
}

.panel-planejar-blank>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #5cb85c;
}

.panel-planejar-blank>.list-group .list-group-item .texto {
  color: #000;
  font-size: 16px;
}

.panel-planejar-blank>.list-group .list-group-item .valor {
  color: #000;
  font-size: 16px;
}

.panel-planejar-blank>.list-group .list-group-item .valor small {
  font-size: 12px;
}

.panel-executar-blank {
  border-color: #d43f3a;
}

.panel-executar-blank>.panel-heading {
  color: #d9534f;
  background-color: #fff;
  border-color: #d43f3a;
  /*#d6e9c6;*/
  font-size: 18px;
}

.panel-executar-blank>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #d6e9c6;
}

.panel-executar-blank>.panel-heading .badge {
  color: #3c763d;
  background-color: #dff0d8;
}

.panel-executar-blank>.panel-heading .total {
  color: #fff;
  font-size: 20px;
}

.panel-executar-blank>.panel-heading .total small {
  font-size: 14px;
}

.panel-executar-blank>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-executar-blank>.list-group .list-group-item .texto {
  color: #000;
  font-size: 16px;
}

.panel-executar-blank>.list-group .list-group-item .valor {
  color: #000;
  font-size: 16px;
}

.panel-executar-blank>.list-group .list-group-item .valor small {
  font-size: 12px;
}

.panel-purple-blank {
  border-color: #7938b2;
}

.panel-purple-blank>.panel-heading {
  color: #7938b2;
  background-color: #fff;
  border-color: #7938b2;
  font-size: 18px;
}

.panel-purple-blank>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #7938b2;
}

.panel-purple-blank>.panel-heading .badge {
  color: #3c763d;
  background-color: #dff0d8;
}

.panel-purple-blank>.panel-heading .total {
  color: #fff;
  font-size: 20px;
}

.panel-purple-blank>.panel-heading .total small {
  font-size: 14px;
}

.panel-purple-blank>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #7938b2;
}

.panel-purple-blank>.list-group .list-group-item .texto {
  color: #000;
  font-size: 16px;
}

.panel-purple-blank>.list-group .list-group-item .valor {
  color: #000;
  font-size: 16px;
}

.panel-purple-blank>.list-group .list-group-item .valor small {
  font-size: 12px;
}

.panel-blue-blank {
  border-color: #2e6da4;
}

.panel-blue-blank>.panel-heading {
  color: #337ab7;
  background-color: #fff;
  border-color: #2e6da4;
  font-size: 18px;
}

.panel-blue-blank>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #2e6da4;
}

.panel-blue-blank>.panel-heading .badge {
  color: #3c763d;
  background-color: #fff;
}

.panel-blue-blank>.panel-heading .total {
  color: #3c763d;
  font-size: 20px;
}

.panel-blue-blank>.panel-heading .total small {
  font-size: 14px;
}

.panel-blue-blank>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #2e6da4;
}

.panel-blue-blank>.list-group .list-group-item .texto {
  color: #000;
  font-size: 16px;
}

.panel-blue-blank>.list-group .list-group-item .valor {
  color: #000;
  font-size: 16px;
}

.panel-blue-blank>.list-group .list-group-item .valor small {
  font-size: 12px;
}

.panel-purple {
  border-color: #7938b2;
}

.panel-purple>.panel-heading {
  color: #fff;
  background-color: #7e3fb6;
  border-color: #7938b2;
  font-size: 18px;
}

.panel-purple>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #7938b2;
}

.panel-purple>.panel-heading .badge {
  color: #dff0d8;
  background-color: #7e3fb6;
}

.panel-purple>.panel-heading .total {
  color: #fff;
  font-size: 20px;
}

.panel-purple>.panel-heading .total small {
  font-size: 14px;
}

.panel-purple>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #7938b2;
}

.panel-purple>.list-group .list-group-item .texto {
  color: #000;
  font-size: 16px;
}

.panel-purple>.list-group .list-group-item .valor {
  color: #000;
  font-size: 16px;
}

.panel-purple>.list-group .list-group-item .valor small {
  font-size: 12px;
}

.panel-black {
  border-color: #050505;
}

.panel-black>.panel-heading {
  color: #fff;
  background-color: #090909;
  border-color: #050505;
  font-size: 18px;
}

.panel-black>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #050505;
}

.panel-black>.panel-heading .badge {
  color: #dff0d8;
  background-color: #090909;
}

.panel-black>.panel-heading .total {
  color: #fff;
  font-size: 20px;
}

.panel-black>.panel-heading .total small {
  font-size: 14px;
}

.panel-black>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #050505;
}

.panel-black>.list-group .list-group-item .texto {
  color: #000;
  font-size: 16px;
}

.panel-black>.list-group .list-group-item .valor {
  color: #000;
  font-size: 16px;
}

.panel-black>.list-group .list-group-item .valor small {
  font-size: 12px;
}

.panel-bluemarinho {
  border-color: #121468;
}

.panel-bluemarinho>.panel-heading {
  color: #fff;
  background-color: #16186b;
  border-color: #121468;
  font-size: 18px;
}

.panel-bluemarinho>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #121468;
}

.panel-bluemarinho>.panel-heading .badge {
  color: #121468;
  background-color: #16186b;
}

.panel-bluemarinho>.panel-heading .total {
  color: #fff;
  font-size: 20px;
}

.panel-bluemarinho>.panel-heading .total small {
  font-size: 14px;
}

.panel-bluemarinho>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #121468;
}

.panel-bluemarinho>.list-group .list-group-item .texto {
  color: #000;
  font-size: 16px;
}

.panel-bluemarinho>.list-group .list-group-item .valor {
  color: #000;
  font-size: 14px;
}

.panel-bluemarinho>.list-group .list-group-item .valor small {
  font-size: 10px;
}

.panel-darkgray {
  border-color: #5a616b;
}

.panel-darkgray>.panel-heading {
  color: #fff;
  background-color: #656D78;
  border-color: #5a616b !important;
  font-size: 18px !important;
}

.panel-darkgray>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #5a616b !important;
}

.panel-darkgray>.panel-heading .badge {
  color: #dff0d8;
  background-color: #656D78;
}

.panel-darkgray>.panel-heading .total {
  color: #fff;
  font-size: 20px;
}

.panel-darkgray>.panel-heading .total small {
  font-size: 14px;
}

.panel-darkgray>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #5a616b;
}

.panel-darkgray>.list-group .list-group-item .texto {
  color: #000 !important;
  font-size: 16px !important;
}

.panel-darkgray>.list-group .list-group-item .valor {
  color: #000 !important;
  font-size: 16px !important;
}

.panel-darkgray>.list-group .list-group-item .valor small {
  font-size: 12px !important;
}

.panel-mint {
  background-color: #48cfad;
  border-color: #44be9f;
}

.panel-mint>.panel-heading {
  color: #fff;
  background-color: #48cfad;
  border-color: #44be9f !important;
  font-size: 18px !important;
}

.panel-mint>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #5a616b !important;
}

.panel-mint>.panel-heading .badge {
  color: #dff0d8;
  background-color: #48cfad;
}

.panel-mint>.panel-heading .total {
  color: #fff;
  font-size: 20px;
}

.panel-mint>.panel-heading .total small {
  font-size: 14px;
}

.panel-mint>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #44be9f;
}

.panel-mint>.list-group .list-group-item .texto {
  color: #000 !important;
  font-size: 16px !important;
}

.panel-mint>.list-group .list-group-item .valor {
  color: #000 !important;
  font-size: 16px !important;
}

.panel-mint>.list-group .list-group-item .valor small {
  font-size: 12px !important;
}

/* BOTÕES PERSONALIZADOS */
.btn-purple {
  color: #fff;
  background-color: #7e3fb6;
  border-color: #7938b2;
}

.btn-purple:focus,
.btn-purple.focus {
  color: #fff;
  background-color: #6423a0;
  border-color: #55178b;
}

.btn-purple:hover {
  color: #fff;
  background-color: #6d2ca8;
  border-color: #5f1e98;
}

.btn-purple:active,
.btn-purple.active,
.open>.dropdown-toggle.btn-purple {
  color: #fff;
  background-color: #6423a0;
  border-color: #55178b;
}

.btn-purple:active:hover,
.btn-purple.active:hover,
.open>.dropdown-toggle.btn-purple:hover,
.btn-purple:active:focus,
.btn-purple.active:focus,
.open>.dropdown-toggle.btn-purple:focus,
.btn-purple:active.focus,
.btn-purple.active.focus,
.open>.dropdown-toggle.btn-purple.focus {
  color: #fff;
  background-color: #6423a0;
  border-color: #55178b;
}

.btn-purple:active,
.btn-purple.active,
.open>.dropdown-toggle.btn-purple {
  background-image: none;
}

.btn-purple.disabled,
.btn-purple[disabled],
fieldset[disabled] .btn-purple,
.btn-purple.disabled:hover,
.btn-purple[disabled]:hover,
fieldset[disabled] .btn-purple:hover,
.btn-purple.disabled:focus,
.btn-purple[disabled]:focus,
fieldset[disabled] .btn-purple:focus,
.btn-purple.disabled.focus,
.btn-purple[disabled].focus,
fieldset[disabled] .btn-purple.focus,
.btn-purple.disabled:active,
.btn-purple[disabled]:active,
fieldset[disabled] .btn-purple:active,
.btn-purple.disabled.active,
.btn-purple[disabled].active,
fieldset[disabled] .btn-purple.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-purple .badge {
  color: #337ab7;
  background-color: #fff;
}

.btn-black {
  color: #fff;
  background-color: #262626;
  border-color: #151515;
}

.btn-black:focus,
.btn-black.focus {
  color: #fff;
  background-color: #090909;
  border-color: #050505;
}

.btn-black:hover {
  color: #fff;
  background-color: #090909;
  border-color: #050505;
}

.btn-black:active,
.btn-black.active,
.open>.dropdown-toggle.btn-black {
  color: #fff;
  background-color: #090909;
  border-color: #050505;
}

.btn-black:active:hover,
.btn-black.active:hover,
.open>.dropdown-toggle.btn-black:hover,
.btn-black:active:focus,
.btn-black.active:focus,
.open>.dropdown-toggle.btn-black:focus,
.btn-black:active.focus,
.btn-black.active.focus,
.open>.dropdown-toggle.btn-black.focus {
  color: #fff;
  background-color: #090909;
  border-color: #050505;
}

.btn-black:active,
.btn-black.active,
.open>.dropdown-toggle.btn-black {
  background-image: none;
}

.btn-black.disabled,
.btn-black[disabled],
fieldset[disabled] .btn-black,
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled.focus,
.btn-black[disabled].focus,
fieldset[disabled] .btn-black.focus,
.btn-black.disabled:active,
.btn-black[disabled]:active,
fieldset[disabled] .btn-black:active,
.btn-black.disabled.active,
.btn-black[disabled].active,
fieldset[disabled] .btn-black.active {
  background-color: #3b3b3b;
  border-color: #111111;
}

.btn-black .badge {
  color: #337ab7;
  background-color: #fff;
}

.btn-bluemarinho {
  color: #fff;
  background-color: #f0c45a;
  border-color: #ed9b04;
}

.btn-bluemarinho:focus,
.btn-bluemarinho.focus {
  color: #fff;
  background-color: #263143;
  border-color: #121468;
}

.btn-bluemarinho:hover {
  color: #fff;
  background-color: #263143;
  border-color: #121468;
}

.btn-bluemarinho:active,
.btn-bluemarinho.active,
.open>.dropdown-toggle.btn-bluemarinho {
  color: #fff;
  background-color: #263143;
  border-color: #121468;
}

.btn-bluemarinho:active:hover,
.btn-bluemarinho.active:hover,
.open>.dropdown-toggle.btn-bluemarinho:hover,
.btn-bluemarinho:active:focus,
.btn-bluemarinho.active:focus,
.open>.dropdown-toggle.btn-bluemarinho:focus,
.btn-bluemarinho:active.focus,
.btn-bluemarinho.active.focus,
.open>.dropdown-toggle.btn-bluemarinho.focus {
  color: #fff;
  background-color: #263143;
  border-color: #121468;
}

.btn-bluemarinho:active,
.btn-bluemarinho.active,
.open>.dropdown-toggle.btn-bluemarinho {
  background-image: none;
}

.btn-bluemarinho.disabled,
.btn-bluemarinho[disabled],
fieldset[disabled] .btn-bluemarinho,
.btn-bluemarinho.disabled:hover,
.btn-bluemarinho[disabled]:hover,
fieldset[disabled] .btn-bluemarinho:hover,
.btn-bluemarinho.disabled:focus,
.btn-bluemarinho[disabled]:focus,
fieldset[disabled] .btn-bluemarinho:focus,
.btn-bluemarinho.disabled.focus,
.btn-bluemarinho[disabled].focus,
fieldset[disabled] .btn-bluemarinho.focus,
.btn-bluemarinho.disabled:active,
.btn-bluemarinho[disabled]:active,
fieldset[disabled] .btn-bluemarinho:active,
.btn-bluemarinho.disabled.active,
.btn-bluemarinho[disabled].active,
fieldset[disabled] .btn-bluemarinho.active {
  background-color: #454678;
  border-color: #2b2c68;
}

.btn-bluemarinho .badge {
  color: #337ab7;
  background-color: #fff;
}

.btn-darkgray {
  color: #fff;
  background-color: #656D78;
  border-color: #5a616b;
}

.btn-darkgray:focus,
.btn-darkgray.focus {
  color: #fff;
  background-color: #434A54;
  border-color: #3d444d;
}

.btn-darkgray:hover {
  color: #fff;
  background-color: #434A54;
  border-color: #3d444d;
}

.btn-darkgray:active,
.btn-darkgray.active,
.open>.dropdown-toggle.btn-darkgray {
  color: #fff;
  background-color: #434A54;
  border-color: #3d444d;
}

.btn-darkgray:active:hover,
.btn-darkgray.active:hover,
.open>.dropdown-toggle.btn-darkgray:hover,
.btn-darkgray:active:focus,
.btn-darkgray.active:focus,
.open>.dropdown-toggle.btn-darkgray:focus,
.btn-darkgray:active.focus,
.btn-darkgray.active.focus,
.open>.dropdown-toggle.btn-darkgray.focus {
  color: #fff;
  background-color: #434A54;
  border-color: #3d444d;
}

.btn-darkgray:active,
.btn-darkgray.active,
.open>.dropdown-toggle.btn-darkgray {
  background-image: none;
}

.btn-darkgray.disabled,
.btn-darkgray[disabled],
fieldset[disabled] .btn-darkgray,
.btn-darkgray.disabled:hover,
.btn-darkgray[disabled]:hover,
fieldset[disabled] .btn-darkgray:hover,
.btn-darkgray.disabled:focus,
.btn-darkgray[disabled]:focus,
fieldset[disabled] .btn-darkgray:focus,
.btn-darkgray.disabled.focus,
.btn-darkgray[disabled].focus,
fieldset[disabled] .btn-darkgray.focus,
.btn-darkgray.disabled:active,
.btn-darkgray[disabled]:active,
fieldset[disabled] .btn-darkgray:active,
.btn-darkgray.disabled.active,
.btn-darkgray[disabled].active,
fieldset[disabled] .btn-darkgray.active {
  background-color: #616d7d;
  border-color: #5b6776;
}

.btn-darkgray .badge {
  color: #337ab7;
  background-color: #fff;
}

.btn-mint {
  color: #fff;
  background-color: #48cfad;
  border-color: #44be9f;
}

.btn-mint:focus,
.btn-mint.focus {
  color: #fff;
  background-color: #37bc98;
  border-color: #33ad8c;
}

.btn-mint:hover {
  color: #fff;
  background-color: #37bc98;
  border-color: #33ad8c;
}

.btn-mint:active,
.btn-mint.active,
.open>.dropdown-toggle.btn-mint {
  color: #fff;
  background-color: #48cfad;
  border-color: #44be9f;
}

.btn-mint:active:hover,
.btn-mint.active:hover,
.open>.dropdown-toggle.btn-mint:hover,
.btn-mint:active:focus,
.btn-mint.active:focus,
.open>.dropdown-toggle.btn-mint:focus,
.btn-mint:active.focus,
.btn-mint.active.focus,
.open>.dropdown-toggle.btn-mint.focus {
  color: #fff;
  background-color: #37bc98;
  border-color: #33ad8c;
}

.btn-mint:active,
.btn-mint.active,
.open>.dropdown-toggle.btn-mint {
  background-image: none;
}

.btn-mint.disabled,
.btn-mint[disabled],
fieldset[disabled] .btn-mint,
.btn-mint.disabled:hover,
.btn-mint[disabled]:hover,
fieldset[disabled] .btn-mint:hover,
.btn-mint.disabled:focus,
.btn-mint[disabled]:focus,
fieldset[disabled] .btn-mint:focus,
.btn-mint.disabled.focus,
.btn-mint[disabled].focus,
fieldset[disabled] .btn-mint.focus,
.btn-mint.disabled:active,
.btn-mint[disabled]:active,
fieldset[disabled] .btn-mint:active,
.btn-mint.disabled.active,
.btn-mint[disabled].active,
fieldset[disabled] .btn-mint.active {
  background-color: #5ae0bc;
  border-color: #57d9b6;
}

.btn-mint .badge {
  color: #37bc98;
  background-color: #fff;
}

.btn-itemacao {
  font-size: 10px;
  cursor: pointer;
}

.btn-fonticon {
  font-size: 10px;
  position: relative;
}

.btn {
  text-align: center;
}

.btn t {
  padding-left: 5px;
}

.situacao-badge {
  background: #f0c45a;
  color: #3d2f0c;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 30px;
  font-size: 14px;
  display: inline-block;
  margin-left: 8px;
}

.obra-card {
  background: white;
  border-radius: 24px;
  margin-bottom: 25px;
  box-shadow: 0 15px 30px rgba(0, 50, 70, 0.1);
  /* border-left: 8px solid #2a6f97; */
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  overflow: visible !important;
  position: relative;
  z-index: 1;
}
.obra-card:hover {
  /* transform: translateY(-4px); */
  /* box-shadow: 0 25px 40px rgba(20, 80, 110, 0.15); */
  z-index: 10;
}

.card-header-obra {
  background: #f8fafd;
  padding: 18px 24px;
  border-bottom: 2px solid #e2e8f0;
  /* display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
  position: relative;
  z-index: 5; */
}
.titulo-obra h3 {
  font-size: 22px;
  font-weight: 700;
  color: #0b3b4b;
  margin: 0 0 5px 0;
}
.titulo-obra .subtitulo {
  font-size: 16px;
  color: #5f6c80;
  background: #e9edf2;
  padding: 4px 12px;
  border-radius: 40px;
  display: inline-block;
}

.card-body-obra {
  padding: 22px 24px 24px;
  position: relative;
  z-index: 1;
}

.metric {
  margin-bottom: 16px;
}
.metric .label-met {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #5f6c80;
  font-weight: 500;
  margin-bottom: 4px;
}
.metric .label-met i {
  width: 20px;
  color: #2a6f97;
  font-size: 14px;
}
.metric .value {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  color: #1a2e3b;
}
.metric .value small {
  font-size: 16px;
}
.value.positive {
  color: #263143;
}
.value.negative {
  color: #c13b3b;
}
.badge-percent {
  background: #2a6f97;
  color: white;
  font-weight: 600;
  font-size: 16px;
  padding: 6px 16px;
  border-radius: 40px;
  display: inline-block;
}
.badge-medicao {
  background: #eab948;
  color: #2d3e4b;
  font-size: 16px;
  font-weight: 600;
  padding: 6px 16px;
  border-radius: 40px;
  display: inline-block;
}
.extra-info {
  background: #f8fafc;
  border-radius: 18px;
  padding: 14px 18px;
  margin-top: 8px;
}

.filter-well {
  font-family: VighaLight;
  background: white;
  border-radius: 16px;
  padding: 20px 20px;
  box-shadow: 0 8px 18px rgba(0, 40, 60, 0.08);
  border: none;
  margin-bottom: 15px;
}
.filter-well .row {
  margin-bottom: 5px;
}
/* .filter-well .panel-heading {
  font-size: 32px;
} */

.number-well {
  font-family: VighaLight;
  background: white;
  border-radius: 16px;
  padding-top: 15px;
  padding-bottom: 5px;
  padding-left: 30px;
  /* padding: 10px 10px; */
  box-shadow: 0 8px 18px rgba(0, 40, 60, 0.08);
  border: none;
  margin-bottom: 15px;
}
.number-well .row {
  margin-bottom: 2px;
}
.number-well .row label {
  font-size: 16px;
}
.number-well .row p {
  font-size: 32px;
}
.number-well .row p small {
  font-size: 21px;
}
.number-well .row p i {
  font-size: 48px;
  padding-top: 16px;
  /* padding-right: 20px; */
  /* text-align: right; */
}

/* Container do menu - posicionamento relativo para o dropdown */
.acoes-obra {
  position: relative;
  display: inline-block;
  vertical-align: top;
  z-index: 100; /* alto para ficar acima de tudo */
}

.btn-acoes {
  font-family: VighaLight;
  /* color: #fff; */
  color: #333;
  background-color: #f8fafc;
  /* background-color: #fff; */
  border-color: #f8fafc;
  /* background-color: #33485E;
  border-color: #212C3F; */
  /* background-color: #2a6f97;
  border-color: #1e5575; */
  /* background: white; */
  border: 2px solid #d0ddee;
  border-radius: 15px;
  padding: 10px 22px;
  font-size: 16px;
  /* font-weight: 600; */
  /* color: #2a6f97; */
  /* transition: all 0.2s;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  position: relative; */
  /* z-index: 101; */

}
.btn-acoes i {
  font-size: 18px;
}
.btn-acoes:hover {
  /* color: white; */
  background-color: #e6e6e6;
  /* border-color: #8c8c8c; */
  /* background-color: #33485E;
  border-color: #212C3F; */
  /* background-color: #1e5575;
  border-color: #154153; */
  /* background: #2a6f97;
  color: white;
  border-color: #2a6f97; */
}
.btn-acoes:hover i {
  /* color: white; */
  background-color: #e6e6e6;
  /* border-color: #8c8c8c; */
}

/* BOTÃO FLUTUANTE - AGORA FIXO E VISÍVEL DURANTE SCROLL */
.floating-menu-btn {
  position: fixed;
  top: 20px;
  left: 20px;
  z-index: 1800;
  transition: all 0.3s ease;
}

/* Quando o menu está aberto, o botão se reposiciona levemente */
.floating-menu-btn.menu-open {
  left: 300px; /* 280px do menu + 20px de margem */
}

/* DROPDOWN CORRIGIDO - SEM CORTE */
.dropdown-menu-obra {
  position: absolute;
  right: 0;
  background: white;
  border-radius: 20px;
  box-shadow: 0 20px 35px rgba(0, 30, 50, 0.25);
  min-width: 260px;
  padding: 12px 0;
  border: 1px solid #e2e8f0;
  z-index: 1000; /* z-index altíssimo para garantir que fique por cima */
  display: none;
  margin-top: 0;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.2s, transform 0.2s;
}
.dropdown-menu-obra.show {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

/* Setinha do dropdown */
.dropdown-menu-obra:before {
  content: '';
  position: absolute;
  top: -8px;
  right: 30px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 8px solid white;
  filter: drop-shadow(0 -2px 3px rgba(0,0,0,0.05));
  z-index: 1001;
}

.dropdown-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 24px;
  color: #2c3e50;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: 0.2s;
  border-left: 4px solid transparent;
  cursor: pointer;
}
.dropdown-item i {
  width: 24px;
  color: #2a6f97;
  font-size: 18px;
}
.dropdown-item:hover {
  background: #f0f7fc;
  border-left: 4px solid #f0c45a;
}
.dropdown-divider {
  height: 1px;
  background: #e2e8f0;
  margin: 8px 0;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #a0aec0;
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.6;
}

.dropdown-item.disabled:hover,
.dropdown-item:disabled:hover {
  background: transparent;
  border-left: 4px solid transparent;
}

.dropdown-menu {
  /* position: absolute;
  top: calc(100% + 10px);
  right: 0;
  background: white; */
  border-radius: 24px;
  box-shadow: 0 25px 45px rgba(0, 30, 50, 0.3);
  /* min-width: 580px;
  padding: 0; */
  border: 1px solid #e9eef3;
}

    /* .search-wrapper {
      flex: 1;
      min-width: 300px;
      position: relative;
    }
    .search-wrapper i {
      position: absolute;
      left: 16px;
      top: 50%;
      transform: translateY(-50%);
      color: #94a3b8;
      font-size: 18px;
    }
    .search-wrapper input {
      width: 100%;
      padding: 14px 20px 14px 48px;
      border: 2px solid #e2e8f0;
      border-radius: 50px;
      font-size: 15px;
      transition: all 0.2s;
      background: #f8fafc;
    }
    .search-wrapper input:focus {
      border-color: #2a6f97;
      outline: none;
      background: #ffffff;
      box-shadow: 0 0 0 4px rgba(42, 111, 151, 0.1);
    } */

    .search-wrapper {
      /* flex: 1; */
      /* min-width: 300px; */
      position: relative;
    }
    .search-wrapper i {
      position: absolute;
      left: 16px;
      top: 50%;
      transform: translateY(-50%);
      color: #94a3b8;
      font-size: 18px;
    }
    .search-wrapper input {
      width: 100%;
      padding: 14px 20px 14px 48px;
      border: 2px solid #e2e8f0;
      border-radius: 50px;
      font-size: 15px;
      transition: all 0.2s;
      background: #f8fafc;
    }
    .search-wrapper input:focus {
      border-color: #2a6f97;
      outline: none;
      background: #ffffff;
      box-shadow: 0 0 0 4px rgba(42, 111, 151, 0.1);
    }

@media (max-width: 1080px) {
  .panel-planos>.panel-heading {
    font-size: 12px !important;
  }

  .panel-planos>.panel-body {
    height: 230px;
  }

  .panel-planos>.panel-body .main {
    font-size: 12px !important;
  }

  .panel-planos>.panel-body .texto {
    font-size: 10px !important;
  }

  .panel-planos>.panel-body .valor {
    font-size: 21px !important;
  }

  .panel-planos>.panel-body .valor small {
    font-size: 9px !important;
  }

  .panel-planos>.panel-body .glyphicon {
    font-size: 9px !important;
  }


  .panel-alerta>.panel-heading {
    font-size: 12px !important;
  }

  .panel-alerta>.panel-body {
    font-size: 8px !important;
  }

  .panel-alerta>.panel-body img {
    width: auto;
    height: 11px;
  }

  .panel-expirado>.panel-heading {
    font-size: 14px !important;
  }

  .panel-expirado>.panel-body {
    font-size: 9px !important;
  }

  .panel-expirado>.panel-body img {
    width: auto;
    height: 11px;
  }

  .panel-planejar>.panel-heading {
    font-size: 16px;
  }

  .panel-planejar>.panel-heading .total {
    font-size: 18px;
  }

  .panel-planejar>.panel-heading .total small {
    font-size: 10px;
  }

  .panel-executar>.panel-heading {
    font-size: 16px;
  }

  .panel-executar>.panel-heading .total {
    font-size: 18px;
  }

  .panel-executar>.panel-heading .total small {
    font-size: 10px;
  }

  .panel-purple>.panel-heading {
    font-size: 16px;
  }

  .panel-purple>.panel-heading .total {
    font-size: 18px;
  }

  .panel-purple>.panel-heading .total small {
    font-size: 10px;
  }

  .panel-fonticon {
    font-size: 11px;
  }

  .panel-fontnumber {
    font-size: 14px;
    font-weight: bold;
  }

  .panel-fontnumber small {
    font-size: 9px;
  }

  .panel-fontsubtext {
    font-size: 11px;
  }

  .panel-bluenumber {
    font-size: 18px;
  }

  .panel-bluenumber small {
    font-size: 12px;
  }

  .panel-bluesubtext {
    font-size: 14px;
  }

  .panel-rednumber {
    font-size: 18px;
  }

  .panel-rednumber small {
    font-size: 12px;
  }

  .panel-redsubtext {
    font-size: 14px;
  }

  .btn-itemacao {
    font-size: 14px;
  }

}

@media (max-width: 767px) {
  .panel-fonticon {
    font-size: 14px;
    position: relative;
  }

  .panel-fontnumber {
    font-size: 14px;
    font-weight: bold;
  }

  .panel-fontnumber small {
    font-size: 9px;
  }

  .panel-fontsubtext {
    font-size: 11px;
  }

  .panel-bluenumber {
    font-size: 18px;
  }

  .panel-bluenumber small {
    font-size: 12px;
  }

  .panel-bluesubtext {
    font-size: 14px;
  }

  .panel-rednumber {
    font-size: 18px;
  }

  .panel-rednumber small {
    font-size: 12px;
  }

  .panel-redsubtext {
    font-size: 14px;
  }
}

.progress-bar-default {
  background-color: #f5f5f5;
}

.progress-bar-purple {
  background-color: #43698B;
}

.progress-bar-orange {
  background-color: #f0c45a;
}

.progress-bar-orange>.numero {
  font-family: VighaNormal;
  color: #263143;
  font-size: 12px;
  text-align: center;
}

.progress-bar-blue {
  background-color: #263143;
}



.medicaoTitulo {
  color: #000;
  font-weight: bold;
  font-size: 14px;
}

.medicaoItem {
  color: #000;
  font-size: 12px;
}

.notShowMobile {
  display: inline;
}

.showMobile {
  display: none;
}

@media (max-width: 1920px) {
  .panel-planejar>.panel-heading {
    font-size: 21px;
  }

  .panel-planejar>.list-group .list-group-item .texto {
    font-size: 16px;
  }

  .notShowMobile {
    display: inline;
  }

  .showMobile {
    display: none;
  }

  .btn-vigha-yellow {
    font-size: 18;
  }
}

@media (max-width: 1366px) {
  .panel-planejar>.panel-heading {
    font-size: 18px;
  }

  .panel-planejar>.list-group .list-group-item .texto {
    font-size: 14px;
  }

  .notShowMobile {
    display: inline;
  }

  .showMobile {
    display: none;
  }

  .btn-vigha-yellow {
    font-size: 16;
  }
}

@media (max-width: 1080px) {
  .panel-planejar>.panel-heading {
    font-size: 18px;
  }

  .panel-planejar>.list-group .list-group-item .texto {
    font-size: 14px;
  }

  .notShowMobile {
    display: inline;
  }

  .showMobile {
    display: none;
  }

  .btn-vigha-yellow {
    font-size: 12;
  }
}

@media (max-width: 767px) {
  .medicaoTitulo {
    font-size: 11px;
  }

  .medicaoItem {
    font-size: 9px;
  }

  .notShowMobile {
    display: none;
  }

  .showMobile {
    display: inline;
  }

  .panel-bluemarinho-blank>.panel-heading {
    font-size: 10px;
  }

  .panel-bluemarinho-blank>.panel-heading .valor {
    font-size: 13px;
  }

  .panel-bluemarinho-blank>.panel-heading .valor small {
    font-size: 4px;
    display: none;
  }

  .panel-planejar>.panel-heading {
    font-size: 14px;
  }

  .panel-planejar>.list-group .list-group-item .texto {
    font-size: 10px;
  }

  .btn-fonticon {
    font-size: 14px;
    position: relative;
  }

  .dropdown-menu li:hover {
    position: static;
  }

  .btn-vigha-yellow {
    font-size: 14;
  }
}

/* Table Striped */

.tableoff>tbody>tr>td {
  padding: 4px;
  /* line-height: 1.42857143; */
  line-height: 1.2;
  vertical-align: top;
  border-top: 2px solid #fff;
  border-right: 0px solid #fff;
}

/*
.table-responsive table {
  width: 100%;
}

.table-responsive thead, tbody, tr, td, th { display: block; }

.table-responsive tr:after {
  content: ' ';
  display: block;
  visibility: hidden;
  clear: both;
}

.table-responsive thead th {
  height: 30px;
}

.table-responsive tbody {
  height: 400px;
  overflow: auto;
}
*/

/*
table {
  width: 100%;
}

thead, tbody, tr, td, th { display: block; }

tr:after {
content: ' ';
display: block;
visibility: hidden;
clear: both;
}

thead th {
height: 30px;
}

tbody {
height: 400px;
overflow: auto;
}

tbody td, thead th {
width: 19.2%;
float: left;
}
*/

.swal2-popup {
  font-size: 1.6rem !important;
}

/*------------------------------------------*/
/*---- Componente para criação de funis ----*/
/*------------------------------------------*/
.taper-right {
  width: 25px;
  height: 0px;
  border-color: lightgray transparent;
  border-style: solid;
  border-width: 50px 25px 0 0px;
  float: left;
}

.taper-left {
  width: 25px;
  height: 0px;
  border-color: lightgray transparent;
  border-style: solid;
  border-width: 50px 0px 0px 25px;
  float: left;
}

.taper-center {
  width: 200px;
  height: 50px;
  border-color: lightgray transparent;
  border-style: solid;
  background-color: lightgray transparent;
  background-color: lightgray;
  float: left;
  text-align: center;
  padding-top: 5px;
}

.spacer {
  clear: both;
  height: 3px;
}

/*------------------------------------------*/
/*---- FIM Componente para criação de funis ----*/
/*------------------------------------------*/

.progress{
  height: 20px;
  margin-bottom: 5px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.scroll {
  /* width: 200px;
  height: 400px; */
   /* background: red; */
  overflow: scroll;
}
.scroll::-webkit-scrollbar {
   width: 6px;
}

.scroll::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px #43698B;
   border-radius: 0px;
}

.scroll::-webkit-scrollbar-thumb {
   border-radius: 0px;
   -webkit-box-shadow: inset 0 0 6px #43698B;
   /* background-color: #43698B; */
}


/*
---- TIMELINE
*/
ul.timeline {
  font-family: VighaLight;
  list-style-type: none;
  position: relative;
}
ul.timeline:before {
  content: ' ';
  background: #d4d9df;
  display: inline-block;
  position: absolute;
  left: 29px;
  width: 2px;
  height: 100%;
  overflow-y:auto;
  z-index: 400;
}
ul.timeline > li {
  margin: 20px 0;
  padding-left: 20px;
}
ul.timeline > li > span {
  color: #2e6da4;
}
ul.timeline > li:before {
  content: ' ';
  background: white;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 2px solid #BFC2C4;
  left: 20px;
  width: 20px;
  height: 20px;
  z-index: 400;
}

/* GALARY IMAGES */
.gallery
{
  display: inline-block;
  margin-top: 20px;
}
.gallery a {
  border-color: #f8f8f8;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px 5px rgba(130, 130, 130, 0.35);
  overflow: auto;
}
.gallery p {
  font-family: VighaLight;
  color: #263143;
  font-size: 14px !important;
  text-decoration: none;
}
.gallery p :hover {
  text-decoration: none;
}
  /** GALARY IMAGES **/

.drop-zone {
  max-width: 100%;
  height: 200px;
  padding: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: VighaLight;
  font-weight: 500;
  font-size: 20px;
  cursor: pointer;
  border: 2px dashed #263143;
  border-radius: 10px;
}

.drop-zone--over {
  border-style: solid;
}

.drop-zone__input {
    /* visibility: hidden; */
  
}

/* STATUS COMPRA */
.shop-tracking-status .form-horizontal{margin-bottom:0px}
.shop-tracking-status .order-status{margin-top:25px;position:relative;margin-bottom:90px}
.shop-tracking-status .order-status-timeline{margin-bottom: 15px;height:10px;border:0px solid #aaa;border-radius:7px;background:#eee;box-shadow:0px 0px 5px 0px #C2C2C2 inset}.shop-tracking-status .order-status-timeline .order-status-timeline-completion{height:8px;margin:1px;border-radius:7px;background:#FAA202;width:0px}
/* .shop-tracking-status .order-status-timeline{margin-bottom: 15px;height:10px;border:0px solid #aaa;border-radius:7px;background:#eee;box-shadow:0px 0px 5px 0px #C2C2C2 inset}.shop-tracking-status .order-status-timeline .order-status-timeline-completion{height:8px;margin:1px;border-radius:7px;background:#ffcf75;width:0px} */

.shop-tracking-status .order-status-timeline .order-status-timeline-completion.c2{width:25%}
.shop-tracking-status .order-status-timeline .order-status-timeline-completion.c3{width:50%}
.shop-tracking-status .order-status-timeline .order-status-timeline-completion.c4{width:75%}
.shop-tracking-status .order-status-timeline .order-status-timeline-completion.c5{width:100%}

.shop-tracking-status .image-order-status{border:1px solid #ddd;padding:7px;box-shadow:0px 0px 10px 0px #999;background-color:#fdfdfd;position:absolute;margin-top:-35px}
.shop-tracking-status .image-order-status.active{box-shadow:0px 0px 10px 0px #FAA202; background-color: #FAA202;}.shop-tracking-status .image-order-status.active .status{color:#FAA202;text-shadow:0px 0px 1px #777}
/* .shop-tracking-status .image-order-status.active{box-shadow:0px 0px 10px 0px #ffcf75; background-color: #ffcf75;}.shop-tracking-status .image-order-status.active .status{color:#ffcf75;text-shadow:0px 0px 1px #777} */
.shop-tracking-status .image-order-status .icon{height:10px;width:10px;background-size:contain;background-position:no-repeat}
.shop-tracking-status .image-order-status .status{position:absolute;text-shadow:1px 1px #eee;color:#333;transform:rotate(0deg);-webkit-transform:rotate(-0deg);width:0px;top:30px;left:0px}
.shop-tracking-status .image-order-status .sobre{position:absolute;font-family:VighaLight;font-size: 11px;transform:rotate(0deg);-webkit-transform:rotate(-0deg);width:150px;top:50px;left:0px}
.shop-tracking-status .image-order-status-pedido{left:0}
.shop-tracking-status .image-order-status-cotacao{left:25%}
.shop-tracking-status .image-order-status-analise{left:50%}
.shop-tracking-status .image-order-status-comprado{left:75%}
.shop-tracking-status .image-order-status-entregue{left:99%}

/* STATUS COMPRA ALMOXARIFADO */
.shop-tracking-status-alm .form-horizontal{margin-bottom:0px}
.shop-tracking-status-alm .order-status{margin-top:25px;position:relative;margin-bottom:90px}
.shop-tracking-status-alm .order-status-timeline{margin-bottom: 15px;height:10px;border:0px solid #aaa;border-radius:7px;background:#eee;box-shadow:0px 0px 5px 0px #C2C2C2 inset}.shop-tracking-status-alm .order-status-timeline .order-status-timeline-completion{height:8px;margin:1px;border-radius:7px;background:#FAA202;width:0px}
/* .shop-tracking-status-alm .order-status-timeline{margin-bottom: 15px;height:10px;border:0px solid #aaa;border-radius:7px;background:#eee;box-shadow:0px 0px 5px 0px #C2C2C2 inset}.shop-tracking-status-alm .order-status-timeline .order-status-timeline-completion{height:8px;margin:1px;border-radius:7px;background:#ffcf75;width:0px} */

.shop-tracking-status-alm .order-status-timeline .order-status-timeline-completion.c1{width:17%}
.shop-tracking-status-alm .order-status-timeline .order-status-timeline-completion.c2{width:33%}
.shop-tracking-status-alm .order-status-timeline .order-status-timeline-completion.c3{width:49%}
.shop-tracking-status-alm .order-status-timeline .order-status-timeline-completion.c4{width:65%}
.shop-tracking-status-alm .order-status-timeline .order-status-timeline-completion.c5{width:82%}
.shop-tracking-status-alm .order-status-timeline .order-status-timeline-completion.c6{width:100%}

.shop-tracking-status-alm .image-order-status{border:1px solid #ddd;padding:7px;box-shadow:0px 0px 10px 0px #999;background-color:#fdfdfd;position:absolute;margin-top:-35px}
.shop-tracking-status-alm .image-order-status.active{box-shadow:0px 0px 10px 0px #FAA202; background-color: #FAA202;}.shop-tracking-status-alm .image-order-status.active .status{color:#FAA202;text-shadow:0px 0px 1px #777}
/* .shop-tracking-status-alm .image-order-status.active{box-shadow:0px 0px 10px 0px #ffcf75; background-color: #ffcf75;}.shop-tracking-status-alm .image-order-status.active .status{color:#ffcf75;text-shadow:0px 0px 1px #777} */
.shop-tracking-status-alm .image-order-status .icon{height:10px;width:10px;background-size:contain;background-position:no-repeat}
.shop-tracking-status-alm .image-order-status .status{position:absolute;text-shadow:1px 1px #eee;color:#333;transform:rotate(0deg);-webkit-transform:rotate(-0deg);width:0px;top:30px;left:0px}
.shop-tracking-status-alm .image-order-status .sobre{position:absolute;font-family:VighaLight;font-size: 11px;transform:rotate(0deg);-webkit-transform:rotate(-0deg);width:150px;top:50px;left:0px}
.shop-tracking-status-alm .image-order-status-pedido{left:0}
.shop-tracking-status-alm .image-order-status-triagem{left:17%}
.shop-tracking-status-alm .image-order-status-cotacao{left:33%}
.shop-tracking-status-alm .image-order-status-analise{left:49%}
.shop-tracking-status-alm .image-order-status-comprado{left:65%}
.shop-tracking-status-alm .image-order-status-entregue{left:82%}
.shop-tracking-status-alm .image-order-status-retirada{left:99%}

/* STATUS EMAIL COTACAO */
.email-tracking-status .form-horizontal{margin-bottom:0px}
.email-tracking-status .order-status{margin-top:20px;position:relative;margin-bottom:50px}
.email-tracking-status .order-status-timeline{margin-bottom: 20px;height:8px;border:0px solid #aaa;border-radius:5px;background:#eee;box-shadow:0px 0px 5px 0px #C2C2C2 inset}
.email-tracking-status .order-status-timeline .order-status-timeline-completion{height:7px;margin:1px;border-radius:5px;background:#263143;width:0px}

.email-tracking-status .order-status-timeline .order-status-timeline-completion.c1{width:0%}
.email-tracking-status .order-status-timeline .order-status-timeline-completion.c2{width:47%}
.email-tracking-status .order-status-timeline .order-status-timeline-completion.c3{width:95%}

.email-tracking-status .image-order-status{border:-1px solid #ddd;padding:5px;box-shadow:0px 0px 5px 0px #999;background-color:#fdfdfd;position:absolute;margin-top:-35px}
.email-tracking-status .image-order-status.active{box-shadow:0px 0px 5px 0px #263143; background-color: #263143;}
.email-tracking-status .image-order-status.active .status{color:#263143;text-shadow:0px 0px 1px #777}
.email-tracking-status .image-order-status .icon{height:8px;width:8px;background-size:contain;background-position:no-repeat}
.email-tracking-status .image-order-status .status{position:absolute;text-shadow:1px 1px #eee;color:#333;font-size: 10px;transform:rotate(0deg);-webkit-transform:rotate(-0deg);width:0px;top:23px;left:-10px}
.email-tracking-status .image-order-status .sobre{position:absolute;font-family:VighaLight;font-size: 9px;transform:rotate(0deg);-webkit-transform:rotate(-0deg);width:150px;top:40px;left:-10px}
.email-tracking-status .image-order-status-enviado{left:0}
.email-tracking-status .image-order-status-aberto{left:47%}
.email-tracking-status .image-order-status-respondido{left:95%}

/*
Componente de Atenção
*/
.warning-zone {
  max-width: 100%;
  height: 50px;
  padding: 15px;
  display: flex;
  font-family: VighaNormal;
  font-size: 12px;
  color: cornflowerblue;
  cursor: pointer;
  border: 1px groove #263143;
  border-radius: 10px;
}

.help-zone {
  max-width: 100%;
  height: 180px;
  padding: 15px;
  text-align: center;
  font-family: VighaLight;
  font-size: 14px;
  cursor: pointer;
  border: 1px groove #263143;
  border-radius: 10px;
}
.help-zone .icon {
  font-size: 24px;
}
.help-zone .titulo {
  font-family: VighaNormal;
  font-size: 14px;
}
.help-zone .texto {
  font-size: 12px;
}
.help-zone .link {
  font-family: VighaNormal;
  font-size: 12px;
  color: #337ab7;
}

/* NOTIFICATION */
#noty-holder{    
  width: 91%;
  padding-left: 11%;
  top: 0;
  font-weight: bold;    
  z-index: 1031; /* Max Z-Index in Fixed Nav Menu is 1030*/
  text-align: center;
  position: fixed;
}

.alert{
  border-radius: 5px;
  padding-top: 5px;
  /* padding-bottom: 0.4%; */
}

.starter-template {
  /* padding: 10px 10px; */
  text-align: center;
}

.alert-vigha {
  font-family: VighaNormal;
  color: #FFF;
  background-color: #f0c45a;
  border-color: #212C3F;
}
.alert-vigha hr {
  border-top-color: #212C3F;
}
.alert-vigha .alert-link {
  color: #843534;
}

        .custom-file-upload {
            border: 1px dashed #ccc;
            border-radius: 6px;
            padding: 20px;
            text-align: center;
            background: #f9f9f9;
            cursor: pointer;
            transition: background 0.2s;
        }
        .custom-file-upload:hover {
            background: #f1f1f1;
        }
        .custom-file-upload input[type="file"] {
            display: none;
        }
        .custom-file-upload .glyphicon {
            font-size: 24px;
            color: #888;
            margin-bottom: 8px;
        }


        .thinking-container {
            background: #ffffff;
            border: 1px solid #e2e8f0;
            border-radius: 12px;
            padding: 40px 60px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
        }

        /* Main thinking animation */
        .thinking-animation {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 30px;
        }

        /* Neural network nodes animation - Tema claro */
        .neural-network {
            display: flex;
            gap: 12px;
            align-items: center;
            justify-content: center;
        }

        .node-layer {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .node {
            width: 12px;
            height: 12px;
            background: #2563eb;
            border-radius: 50%;
            position: relative;
            animation: nodePulse 2s ease-in-out infinite;
            box-shadow: 0 0 15px rgba(37, 99, 235, 0.2);
        }

        .node::before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background: #2563eb;
            animation: nodeRipple 2s ease-out infinite;
            opacity: 0;
        }

        /* Connection lines between nodes */
        .connection-line {
            width: 30px;
            height: 2px;
            background: linear-gradient(90deg, #2563eb, #e2e8f0);
            animation: connectionPulse 1.5s ease-in-out infinite;
        }

        /* Digital rain effect - Tema claro */
        .digital-rain {
            display: flex;
            gap: 4px;
            height: 60px;
            overflow: hidden;
        }

        .rain-column {
            display: flex;
            flex-direction: column;
            animation: rainFlow 1.5s linear infinite;
            color: #2563eb;
            font-size: 16px;
            font-family: 'Courier New', monospace;
            opacity: 0.3;
            text-shadow: 0 0 8px rgba(37, 99, 235, 0.1);
        }

        /* Binary numbers animation - Tema claro */
        .binary-stream {
            display: flex;
            gap: 8px;
            font-family: 'Courier New', monospace;
            color: #64748b;
            font-size: 14px;
            letter-spacing: 2px;
        }

        .binary-digit {
            animation: binaryChange 0.5s step-end infinite;
            color: #2563eb;
            font-weight: 500;
        }

        /* Processing text with cursor */
        .processing-text {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #334155;
            font-size: 18px;
            font-weight: 400;
        }

        .cursor {
            width: 3px;
            height: 24px;
            background: #2563eb;
            animation: cursorBlink 1s step-end infinite;
            box-shadow: 0 0 10px rgba(37, 99, 235, 0.3);
        }

        /* Reasoning steps simulation - Tema claro */
        .reasoning-steps {
            display: flex;
            flex-direction: column;
            gap: 8px;
            width: 100%;
        }

        .step {
            height: 4px;
            background: linear-gradient(90deg, #2563eb, #e2e8f0);
            border-radius: 4px;
            animation: stepProgress 2s ease-in-out infinite;
            opacity: 0.8;
        }

        .step:nth-child(2) {
            animation-delay: 0.3s;
            background: linear-gradient(90deg, #7c3aed, #e2e8f0);
        }

        .step:nth-child(3) {
            animation-delay: 0.6s;
            background: linear-gradient(90deg, #3b82f6, #e2e8f0);
        }

        /* Status message - Tema claro */
        .status-message {
            display: flex;
            align-items: center;
            gap: 12px;
            color: #2563eb;
            font-size: 13px;
            font-family: 'Courier New', monospace;
            background: #f8fafc;
            padding: 8px 16px;
            border-radius: 6px;
            border: 1px solid #e2e8f0;
        }

        .status-dot {
            width: 8px;
            height: 8px;
            background: #2563eb;
            border-radius: 50%;
            animation: statusPulse 1.5s ease-in-out infinite;
        }

        /* Token counter - Tema claro */
        .token-counter {
            display: flex;
            gap: 16px;
            color: #64748b;
            font-size: 12px;
            font-family: 'Courier New', monospace;
        }

        .token-item {
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .token-value {
            color: #2563eb;
            font-weight: 500;
        }

        /* Table style preview - Tema claro */
        .table-preview {
            width: 100%;
            border-collapse: collapse;
            font-size: 11px;
            color: #334155;
            background: #ffffff;
            border-radius: 6px;
            overflow: hidden;
            border: 1px solid #e2e8f0;
        }

        .table-preview td {
            padding: 8px 12px;
            border-bottom: 1px solid #e2e8f0;
        }

        .table-preview tr:last-child td {
            border-bottom: none;
        }

        .table-preview tr td:first-child {
            background: #f8fafc;
            font-weight: 500;
            color: #475569;
        }

        .table-preview .highlight {
            color: #2563eb;
            font-weight: 500;
        }

        /* Data visualization bar - Tema claro */
        .data-viz {
            display: flex;
            gap: 4px;
            width: 100%;
            height: 30px;
            align-items: flex-end;
        }

        .viz-bar {
            flex: 1;
            height: 20px;
            background: linear-gradient(180deg, #2563eb, #3b82f6);
            border-radius: 4px 4px 0 0;
            animation: barPulse 1.5s ease-in-out infinite;
            opacity: 0.7;
        }

        .viz-bar:nth-child(2) { height: 30px; animation-delay: 0.2s; }
        .viz-bar:nth-child(3) { height: 15px; animation-delay: 0.4s; }
        .viz-bar:nth-child(4) { height: 25px; animation-delay: 0.6s; }
        .viz-bar:nth-child(5) { height: 18px; animation-delay: 0.8s; }

        /* Tag de processamento */
        .processing-tag {
            display: flex;
            gap: 6px;
            color: #2563eb;
            font-size: 11px;
            font-weight: 500;
            background: #eff6ff;
            padding: 4px 10px;
            border-radius: 20px;
            border: 1px solid #bfdbfe;
        }

        /* Animations */
        @keyframes nodePulse {
            0%, 100% {
                transform: scale(1);
                opacity: 0.8;
            }
            50% {
                transform: scale(1.5);
                opacity: 1;
                background: #7c3aed;
            }
        }

        @keyframes nodeRipple {
            0% {
                transform: scale(1);
                opacity: 0.2;
            }
            100% {
                transform: scale(3);
                opacity: 0;
            }
        }

        @keyframes connectionPulse {
            0%, 100% {
                opacity: 0.3;
                width: 20px;
            }
            50% {
                opacity: 0.8;
                width: 40px;
                background: linear-gradient(90deg, #7c3aed, #e2e8f0);
            }
        }

        @keyframes rainFlow {
            0% {
                transform: translateY(-100%);
            }
            100% {
                transform: translateY(100%);
            }
        }

        @keyframes cursorBlink {
            0%, 50% {
                opacity: 1;
            }
            51%, 100% {
                opacity: 0;
            }
        }

        @keyframes stepProgress {
            0% {
                width: 0%;
                opacity: 0.4;
            }
            50% {
                width: 100%;
                opacity: 1;
            }
            100% {
                width: 0%;
                opacity: 0.4;
            }
        }

        @keyframes statusPulse {
            0%, 100% {
                opacity: 0.5;
                transform: scale(1);
            }
            50% {
                opacity: 1;
                transform: scale(1.2);
                box-shadow: 0 0 10px #2563eb;
            }
        }

        @keyframes barPulse {
            0%, 100% {
                opacity: 0.5;
            }
            50% {
                opacity: 1;
                background: linear-gradient(180deg, #3b82f6, #2563eb);
            }
        }

        /* Responsividade */
        @media (max-width: 768px) {
            .thinking-container {
                padding: 30px 40px;
                margin: 20px;
            }
        }

.whatsapp-float-cliente {
  position: fixed;
  width: 40px;
  height: 40px;
  top: 15px;
  right: 40px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.whatsapp-float-cliente:hover {
  background-color: #128c7e;
  transform: scale(1.1);
}

.whatsapp-icon {
  margin-top: 1px;
}

.floatBtn {
    position: fixed;
    top: 15px;
    right: 100px;
    z-index: 1000;
}

/* ===== AVISO DE DEGUSTAÇÃO (SEMPRE VISÍVEL) ===== */
.trial-banner {
  background: linear-gradient(105deg, #fff9e8 0%, #fff5e0 100%);
  border-left: 8px solid #f0c45a;
  border-radius: 20px;
  padding: 18px 24px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.05);
  transition: all 0.2s;
}
.trial-banner:hover {
  box-shadow: 0 12px 24px rgba(0,0,0,0.08);
}
.banner-content {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}
.banner-icon {
  background: #f0c45a;
  width: 52px;
  height: 52px;
  border-radius: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: #2c3e2f;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
}
.banner-text h4 {
  font-size: 18px;
  font-weight: 700;
  color: #b85c1a;
  margin: 0 0 4px 0;
}
.banner-text p {
  font-size: 15px;
  color: #7f5e2a;
  margin: 0;
  line-height: 1.4;
}
.banner-text strong {
  color: #c0392b;
  background: #fff0e0;
  padding: 2px 10px;
  border-radius: 40px;
  font-size: 14px;
}
.banner-actions {
  display: flex;
  gap: 12px;
}
.btn-trial {
  background: white;
  border: 2px solid #2a6f97;
  color: #2a6f97;
  padding: 10px 24px;
  border-radius: 40px;
  font-weight: 600;
  font-size: 14px;
  transition: 0.2s;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.btn-trial:hover {
  background: #2a6f97;
  color: white;
  text-decoration: none;
}
.btn-trial-primary {
  background: #2a6f97;
  color: white;
  border: none;
}
.btn-trial-primary:hover {
  background: #1e5575;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(42,111,151,0.3);
}

.filterresume {
  font-size: 16px;
  color: #5f6c80;
  background: #e9edf2;
  padding: 4px 12px;
  border-radius: 40px;
  display: inline-block;
}