#wrapper {
  width: 100%;
  height: 100%;
  background-color: white;
}

body {
  padding-right: 0 !important;
  width: 100%;
  height: 100%;
  background-color: white;
}

.tt-menu {
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  margin-top: 4px;
  padding: 8px 0;
  width: 422px;
  top: 23px;  
}

.datepicker {
  z-index: 1151 !important;
}

.tt-suggestion {
  padding: 3px 20px;
}

.tt-suggestion-hover {
  cursor: pointer;
  background-color: #0097CF;
  color: #FFFFFF;
}

.tt-suggestion p {
  margin: 0;
}

a {
  color: #333333;
}

a:focus,
a:hover {
  color: #333333;
  text-decoration: underline;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  background-color: #d4d4d4 !important;
  border-color: #d4d4d4 !important;
  color: #333333;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
  background-color: #d4d4d4 !important;
  color: #333333;
}

/* This class is added on scroll */

.fixed {
  position: fixed;
  top: 0;
  height: 70px;
  z-index: 1;
}

textarea {
  resize: none;
  min-height: 50px;
}

body,
.dropdown-menu {
  font-size: 12px;
  line-height: 1.228;
}

.btn {
  font-size: 12px;
  padding: 4px 8px;
}

.form-control {
  font-size: 12px;
  height: 28px;
}

.form-group {
  margin-bottom: 10px;
}

tr {
  padding: 4px !important;
}

th {
  padding: 4px !important;
}

td {
  padding: 2px !important;
  max-width: 300px;
  word-break: break-word;
}

.vertical-align {
  display: flex;
  align-items: center;
}

.glyphicon-refresh-animate {
  -animation: spin .7s infinite linear;
  -webkit-animation: spin2 .7s infinite linear;
}

/*
* Rotacao de icones
*/

@-webkit-keyframes spin2 {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    transform: scale(1) rotate(0deg);
  }

  to {
    transform: scale(1) rotate(360deg);
  }
}

/* Loading text */

.loading-text {
  text-align: center;
}

/*
 * Input Spinner
 * https://codepen.io/Thomas-Lebeau/pen/csHqx
 *
 */

.spinner {
  width: 100px;
}

.spinner input {
  text-align: right;
}

.input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}

.input-group-btn-vertical>.btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 0.55em;
  margin-left: -1px;
  position: relative;
  border-radius: 0;
}

.input-group-btn-vertical>.btn:first-child {
  border-top-right-radius: 4px;
}

.input-group-btn-vertical>.btn:last-child {
  margin-top: -2px;
  border-bottom-right-radius: 4px;
}

.input-group-btn-vertical i {
  position: absolute;
  top: 0;
  left: 4px;
}

.logoSimples {
  display: inline-block;
  background-image: url("/resources/images/logoSimplesNacional.png");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  text-align: center;
  vertical-align: middle;
}

.icone-receita {
  display: inline-block;
  background-image: url("/resources/images/orc_receita.png");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  text-align: center;
  vertical-align: middle;
}

.icone-despesa {
  display: inline-block;
  background-image: url("/resources/images/orc_despesa.png");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  text-align: center;
  vertical-align: middle;
}

.dont-break-out {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

td {
  white-space: normal !important;
}

/* styles menu lateral */

#sidebarToggleMenu {
  display: none;
  margin-right: 5px !important;
  padding: 8px 5px;
}

#sidebarToggleMenu2 {
  display: none;
}

#page-wrapper {
  transition: margin .5s;
}

.navbar.navbar-default.navbar-static-top {
  position: fixed;
  width: 100%;
}

.navbar-default.sidebar {
  position: fixed;
}

#conteudo ol.breadcrumb {
  margin-top: 100px;
}

.navbar-default.sidebar {
  height: 100%;
}

.sidebar-nav.navbar-collapse {
  height: 100%;
}

#side-menu {
  margin-bottom: 200px;
}

@media screen and (min-width: 768px) {
  #page-wrapper {
    margin-left: 220px;
  }

  #sidebarToggleMenu {
    display: block;
  }

  #sidebarToggleMenu2 {
    display: inline-block;
  }

  #page-wrapper {
    transition: margin .5s;
  }

  .navbar-default.sidebar {
    transition: margin .5s, padding .5s;
  }

  .navbar-default.sidebar.collapse2 {
    display: block;
    margin-left: -175px;
  }

  .navbar-default.sidebar.collapse2.in {
    display: block;
    margin-left: 0px;
    padding-right: 0px;
  }

  .navbar-default.sidebar.collapse2 #side-menu {
    display: block;
    padding-right: 45px;
  }

  .navbar-default.sidebar.collapse2.in #side-menu {
    display: block;
    padding-right: 0px;
  }

  .page-wrapper-on-menu-closed {
    margin-left: 45px !important;
  }

  .collapse2.in .sidebar-nav.navbar-collapse,
  .sidebar-nav.navbar-collapse.collapse {
    height: 100% !important;
    overflow-y: auto;
  }

  #conteudo ol.breadcrumb {
    margin-top: 0;
  }

  #conteudo {
    padding-top: 55px;
  }
}

/* Ajustes para a impressão da tela */

@media print {
  .panel {
    page-break-inside: avoid;
  }

  table,
  svg {
    page-break-inside: avoid;
  }

  button.btn {
    display: none !important;
  }

  *:not(#mapaEstrategico):not(#mapaEstrategico *),
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
  }

  #mapaEstrategico {    
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  } 
  
  #tela_planos_de_acao .nav-tabs{
    display: none !important;
  }
  
}

/* CUSTOM MENU SCROLL BAR */

.sidebar-nav.navbar-collapse::-webkit-scrollbar {
  width: 6px;
  background-color: #f9f9f900;
}

.sidebar-nav.navbar-collapse::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0);
  box-shadow: inset 0 0 6px rgba(255, 255, 255, 0);
  background-color: #d2d2d2;
}

/* CSS MAPA ESTRATÉGICO */

#mapaEstrategico .thumbnail span.fa {
  display: none;
  padding: 3px;
  color: #fff;
  z-index: 1;
}

#mapaEstrategico .thumbnail:not(:first-of-type):hover {
  cursor: pointer;
  opacity: 0.9;
}

#mapaEstrategico .thumbnail:hover span.fa {
  display: block;
  padding: 12px 13px;
  cursor: pointer;
  margin: 0px !important;
}

#mapaEstrategico .thumbnail:hover .thumbnail-header .thumbnail-header-item:after {
  content: " ";
  background-color: #bfbfbf;
  opacity: 0.5;
  position: absolute;
  border-radius: 4px;
  z-index: -1;
  top: 0px;
  width: 35px;
  height: 35px;
}

#mapaEstrategico .thumbnail .caption span textarea:hover {
  text-decoration: underline;
}

/* #mapaEstrategico .thumbnail:hover .caption span:before{
  background-color:#bfbfbf;
  content: " ";
  opacity: 0.4;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
} 

#mapaEstrategico .thumbnail:hover .caption span{
  position: relative;
}


 #mapaEstrategico .thumbnail:hover .caption span:after{
  font-family: "fontawesome";
  font-weight: 900;
  content: "\f040";
  z-index: -1;
  position: absolute;
  right: 190px;
  top: 2px;
  color: #fff;
} */

#mapaEstrategico .thumbnail {
  box-shadow: 0 0.125rem .4rem rgba(0, 0, 0, .5);
  border: none;  
  position: relative;
  border-radius: 0.625rem;
  z-index: 0;
  display: flex;
  flex-direction: column;
}

/* #mapaEstrategico .thumbnail.bloco-tema{
  box-shadow: none;
} */

#mapaEstrategico .thumbnail.bloco-tema .fa {
  color: #000;
}

#mapaEstrategico .thumbnail-header {
  height: 10px;
  display: flex;
  justify-content: space-between;
}

#mapaEstrategico .thumbnail-header .thumbnail-header-item {
  position: relative;
}

#mapaEstrategico .thumbnail .caption {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  flex: 8;
}

#mapaEstrategico .thumbnail .thumbnail-metas{
  flex: 1;
  border-radius: 0.625rem;
  color: #fff;
  background-color: #ffffff3d;
  padding: 10px;
  margin: 0 10px;
}

#mapaEstrategico .thumbnail .thumbnail-metas:hover{  
  background-color: #ffffff6c;
  
}


#mapaEstrategico .row {
  background-color: #f8f8f8;
  padding: 15px;
  margin: 10px 0;
}

#mapaEstrategico .novo-bloco {
  box-shadow: none;
}

#mapaEstrategico textarea {
  border: none;
  background: none;
  text-align: center;
  box-shadow: none;
  overflow: hidden;
  z-index: -2
}

#mapaEstrategico textarea:focus {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  border-radius: 4px;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  order-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  color: #aaa;
}

#mapaEstrategico .thumbnail .color-picker {
  opacity: 0;
  position: absolute;
  left: -4px;
  top: -5px;
  cursor: pointer;
  width: 30px;
  height: 29px;
}

/* FIM CSS MAPA ESTRATÉGICO */

#headingDetalhesProcesso.collapsed #setaAberto {
  display: inline-block;
}

#headingDetalhesProcesso #setaAberto {
  display: none;
}

#headingDetalhesProcesso.collapsed #setaFechado {
  display: none;
}

/* CSS Filtro Avançado */

#headingFiltro.collapsed #setaAbertoFiltro {
  display: inline-block;
}

#headingFiltro #setaAbertoFiltro {
  display: none;
}

#headingFiltro.collapsed #setaFechadoFiltro {
  display: none;
}

/* DEFIS */

.headingDefis.collapsed #setDefisAberto {
  display: inline-block;
}

.headingDefis #setDefisAberto {
  display: none;
}

/* Default */
.collapsed .seta-panel-aberto {
  display: inline-block;
}

.seta-panel-aberto {
  display: none;
}

.collapsed .seta-panel-fechado {
  display: none;
}

.headingDefis.collapsed #setDefisFechado {
  display: none;
}

.morris-hover {
  position: absolute;
  z-index: 1000;
}

.morris-hover.morris-default-style {
  border-radius: 10px;
  padding: 6px;
  color: #666;
  background: rgba(255, 255, 255, 0.8);
  border: solid 2px rgba(230, 230, 230, 0.8);
  font-family: sans-serif;
  font-size: 12px;
  text-align: center;
}

.morris-hover.morris-default-style .morris-hover-row-label {
  font-weight: bold;
  margin: 0.25em 0;
}

.morris-hover.morris-default-style .morris-hover-point {
  white-space: nowrap;
  margin: 0.1em 0;
}

svg {
  width: 100%;
}

.cursor-pointer {
  cursor: pointer !important;
}

.btn.btn-bg-transp {
  background-color: transparent;
  border: none;
}

.btn.btn-bg-transp:hover {
  background-color: #6d747f36;
}

.panel .label-detail {
  padding-left: 10px;
  padding-right: 5px;
  font-weight: bold;
}

.indicadores-card {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
  align-items: center;
  padding: 15px;
  position: relative;
  display: -ms-flexbox;
  -ms-flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .25rem;
  box-shadow: 0px 0px 20px rgba(92, 111, 139, 0.12);
}

.card {
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 20px rgba(92, 111, 139, 0.12);
  margin-bottom: 0;
}

.panel-atalho .panel-body {
  min-height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* background-color: #fff; */
}

.panel-atalho .panel-body .texto-atalho {
  font-size: 16px;
}

.panel-atalho a {
  text-decoration: none;
}

.react-table-projecao .celula-valor {
  text-align: right;
  padding: 0 !important;
}

.react-table-projecao .celula-valor .celula-valor-div {
  height: 100%;
  width: 100%;
  padding: 7px 5px;
}

.react-table-projecao .celula-valor .celula-valor-icon {
  display: none;
  background-color: #0097CF;
  color: #fff;
  border-radius: 100%;
  float: left;
  font-size: 12px;
  padding: 5px;
}

/* @-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
} */

.react-table-projecao .celula-valor:hover .celula-valor-icon {
  display: inline-block;
  /* -webkit-animation: fadeIn .3s ease-in-out;
  -moz-animation: fadeIn .3s ease-in-out;
  -o-animation: fadeIn .1s ease-in-out;
  animation: fadeIn .1s ease-in-out; */
}

#panelFiltro #headingFiltro.collapsed #filtrosCabecalho {
  display: block !important;
}

#divModalVincularPAF .modal-body,
#divModalProjecaoCategoria .modal-body,
#sacModalNomeInstituicao .modal-body,
#dspoConfigModalLei116 .modal-body,
#pafFiscalModal .modal-body,
/* #modalCriterioCodigoTributacaoDesif .modal-body, */
.modal .modal-body.overflow-unset {
  overflow-y: unset !important;
}

#dspoConfigModalServico .modal-body {
  overflow-y: unset !important;
}

#reactTableSolicitacoesSac .checkbox {
  margin: 0px;
}

.bg-info-important {
  background-color: #d9edf7 !important;
}

.bg-warning-important {
  background-color: #fcf8e3 !important;
}

.bg-success-important {
  background-color: #dff0d8 !important;
}

td.gif4-timeline {
  position: relative;
}

td.gif4-timeline .gif4-timeline-bar {
  position: absolute;
  height: 20px;
  background-color: #ff9800;
}

td.gif4-timeline .gif4-timeline-bar:hover {
  background-color: #ffba52;
  /* cursor:pointer; */
}

.navbar-top-links .modal li {
  display: list-item;
}

#toasterMessage {
  position: fixed;
  width: 350px;
  right: 50px;
  z-index: 1200;
  top: 40px;
}

@media screen and (max-width: 768px) {
  #toasterMessage {
    width: 200px;
    right: 15px;
  }
  .responsiveDiv{
  	flex-direction:column;
  }

}

#toasterMessage #toasterMessageContent div {
  position: relative;
  transition: right 1000ms cubic-bezier(0.175, 0.9, 0.1, 1.275);
  right: -350px;
}

.toast-success {
  color: #ffffff;
  background-color: #4caf50;
  border-color: #4caf50;
}

.alert.toast-danger {
  color: #ffffff;
  background-color: #e74c3c;
  border-color: #e74c3c;
}

.alert.toast-warning {
  color: #ffffff;
  background-color: #ff9800;
  border-color: #ff9800;
}

.alert.toast-info {
  color: #ffffff;
  background-color: #3498db;
  border-color: #3498db;
}

input[type=checkbox] {
  margin-left: 0px !important;
}

/* Sets the containers height and width */
.base-timer {
  position: absolute;
  height: 30px;
  width: 30px;
}

/* Removes SVG styling that would hide the time label */
.base-timer__circle {
  fill: none;
  stroke: none;
}

.base-timer__label {
  position: absolute;
  /* Size should match the parent container */
  width: 30px;
  height: 29px;
  /* Keep the label aligned to the top */
  top: 0;
  /* Create a flexible box that centers content vertically and horizontally */
  display: flex;
  align-items: center;
  justify-content: center;
}

.base-timer__path-remaining {
  /* Just as thick as the original ring */
  stroke-width: 8px;

  /* Rounds the line endings to create a seamless circle */
  stroke-linecap: round;

  /* Makes sure the animation starts at the top of the circle */
  transform: rotate(90deg);
  transform-origin: center;

  /* One second aligns with the speed of the countdown timer */
  transition: 1s linear all;

  /* Allows the ring to change color when the color value updates */
  stroke: white;
}

/* Flips the svg and makes the animation to move left-to-right */
/* .base-timer__svg {
  transform: scaleX(-1);
} */




.sliderBase {
  width: 100%;
  position: relative;
}

.slider {
  display: flex;
  overflow-x: auto;
  scrollbar-width: none;
  /* Firefox 64 */
  -ms-overflow-style: none;
  /* Internet Explorer 11 */
}

.slider::-webkit-scrollbar {
  /** WebKit */
  display: none;
}

.slider>* {
  flex: 0 0 auto;
}

.sliding>* {
  pointer-events: none;
}

.carousel-base {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  outline: none;
}

.carousel-base .item-provider {
  overflow: hidden;
  width: 100%;
  cursor: pointer;
}

.carousel-base .item-container {
  margin: 5px;
}

.carousel-base .item-container img {
  user-select: none;
  -webkit-user-drag: none;
}

.carousel-base .item-tracker {
  height: 100%;
  display: flex;
  /* transform: translateX(-800.571px); */
  transition: transform 800ms ease 0s;
}

.carousel-base .carousel-arrow {
  font-size: 30px;
  z-index: 1;
}

.gif4-steper {
  margin-bottom: 25px;
  padding: 0 15px 15px 15px;
}

.gif4-steper .gif4-steper-body {
  display: flex;
  list-style: none;
  height: 100%;
  padding: 0px;
  flex-wrap: wrap;
  justify-content: center;
}

.gif4-steper .gif4-steper-body .gif4-steper-item {
  text-align: center;
  text-align: -webkit-center;
  text-align: -moz-center;
  padding: 15px 0 0;
  min-height: 80px;
  min-width: 120px;
  position: relative;

}

.gif4-steper .gif4-steper-body span.gif4-steper-item-line {
  border-top: 2px solid rgb(221, 221, 221);
  min-width: 20px;
  width: 100%;
  margin-right: 15px;
  margin-left: 15px;
  align-self: center;
}

.gif4-steper .gif4-steper-body .gif4-steper-item .gif4-steper-item-content {
  height: 30px;
  position: relative;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background-color: white;
  width: 70px;
}

.gif4-steper .gif4-steper-body .gif4-steper-item::before {
  content: '';
  width: 100%;
  border-bottom: 2px solid rgb(221, 221, 221);
  position: absolute;
  top: 50%;
  z-index: 1;
}

.gif4-steper .gif4-steper-body .gif4-steper-item:last-child:before {
  display: none;
}

.gif4-steper .gif4-steper-body .gif4-steper-item:last-child {
  min-width: 70px;
}

.input-range-container {
  -webkit-appearance: none;
  width: 100%;
  height: 25px;
  outline: none;
  display: flex;
  position: relative;
  padding: 10px 0;
  margin-top: 15px;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.input-range:hover {
  opacity: 1;
  cursor: pointer;
}

.input-range-output {
  position: absolute;
  bottom: 18px;
  font-size: 15px;
  color: #000;
  padding: 5px 8px 5px 0;
  font-weight: 700;
  /* border-radius: 19%; */
}

html {
  scroll-behavior: smooth;
}

.input-type-color input {
  height: 28px;
  width: 90px;
  border: 0 none;
  background-color: #dee2e6;
  border-radius: 5px;
}

#dataGridContainer .ReactTable .rt-thead .rt-resizable-header-content {
  overflow: visible;
}

#dataGridContainer .ReactTable .rt-thead .rt-resizable-header:last-child {
  overflow: visible;
}

/* InputRating Inicio*/

.input-rating {
  display: flex;
}

.input-rating span.rating-star {
  font-size: 1.5em;
  color: #858585;
  text-decoration: none;
  transition: all 0.5s;
  padding: 4px;
  cursor: pointer;
}

.input-rating span.rating-star-read-only {
  font-size: 1.5em;
  color: #858585;
  text-decoration: none;
  transition: all 0.5s;
  padding: 4px;
}

.input-rating span::before {
  content: '\f005';
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
}

.input-rating span.rating-star.active {
  color: #faaf00;
}

.input-rating span.rating-star:hover::before,
.input-rating span.rating-star.active::before {
  font-weight: 900;
}

.input-rating span.rating-star:hover {
  color: #faaf00;
  transform: scale(1.3);
}

.input-rating span.rating-star-read-only.active::before {
  color: #faaf00;
  font-weight: 900;
}

.input-rating span.rating-star-read-only.disabled {
  opacity: 0.4;
}

/* InputRating Fim*/
.gif4-panel-interativo.panel-default {
  cursor: pointer;
}

.gif4-panel-interativo.panel-default:hover {
  border-color: #bce8f1;
}

.gif4-panel-interativo.panel-default:hover .panel-heading {
  color: #31708f;
  background-color: #bce8f1;
}

.boxFluxograma.customBox {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  z-index: 2;
  background: white;  
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  max-width: 150px;
  text-align: center;
}

.boxFluxograma .customBox-header {
  padding: 5px 10px 0px 10px;
  cursor: grab;
  border-bottom: 1px dashed #a0a0a0;
  width: 100%;
  height: 100%;
  background-color: #ffc10738;
}

.boxFluxograma .customBox-header.father {
  background-color: #8bc34a61;

}


.boxFluxograma .customBox-body {
  padding: 5px;
  display: flex;
  z-index: 9999;
}

.lineFluxograma {
  position: absolute;
  width: 2px;
  background-color: black;
}

.lineFluxogramaV2 {
  position: absolute;
  width: 5px;
  background-color: black;
}

.customArrow{
  position: absolute;
  top: 50%;
  left: -12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px;
  border-color: transparent transparent transparent black; /* Cor da seta */
}

/* CSS CHAT - INICIO */

.chat-box {
  /* padding: 5px 0px; */
  width: 380px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.chat-box .chat-message {
  margin-top: 5px;
  text-align: left;  
}

.chat-box .chat-message.you {
  text-align: right;
}

.chat-box .chat-message .fa-edit {
  opacity: 0;
  transition: opacity 0.4s ease;  
  display: none;
  cursor: pointer;
  background-color: #aeaeae54;
  padding: 8px;
  border-radius: 50%;
  margin-right: 5px;
}

.chat-box .chat-message.you .fa-edit {    
    display: inline-block;    
}

.chat-box .chat-message.you .chat-message-content{
  display: flex;
  justify-content: end;
  align-items: center;
}

.chat-box .chat-message:hover .fa-edit {  
  opacity: 1;
}

.chat-box .chat-message-info {
  margin-top: 10px;
}

.chat-box .chat-message .chat-message-text {
  border-radius: 5px;
  padding: 10px;
  display: inline-block;
  color: #fff;
  background-color: #a52243;
}

.chat-box .chat-message.you .chat-message-text {
  background-color: #313a4b;
}

.chat-box .chat-input-message {
  /* width: 265px; */
  padding-left: 0;
}

.panel.chat-box .panel-body {
  height: 600px;
  overflow-y: auto;
  position: relative;
}

.modal-chat .panel.chat-box .panel-body {
  height: 450px;
}

.modal-chat .panel.chat-box .panel-heading::after {
  height: 400px;
}

@media (max-height: 650px) {
  .modal-chat .panel.chat-box .panel-body {
     height: 300px;
   } 
 
   .panel.chat-box .panel-heading::after {
     height: 275px !important;
   }
 }
 

.panel.chat-box .panel-heading::after {
  content: '';
  background-image: url(/resources/images/logoin.png);
  background-size: cover;
  opacity: 0.08;
  width: 100%;
  height: 575px;
  left: 0;
  position: absolute;
  background-repeat: no-repeat;
  background-position: 50% 0;
  margin-top: 50px;
}

.panel.chat-box .panel-heading {
  background-color: rgb(49, 58, 75);
  color: #fff;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.panel.chat-box .panel-heading span {
  cursor: pointer;
}

.modal-chat {
  position: fixed;
  z-index: 99;
  right: 30px;
  bottom: 20px;
}
.colAgend{
	font-weight: bold;
	width:13.5%;
  padding: 0px !important;
}
.colAgendItem{
  display: flex;
  justify-content: center;
  align-items: center;
  flex:1;
}
.colAgendItem:hover{
  cursor: pointer;
	background-color:#d8d5d5;
}
.agendamentoReservado{
	background-color:#447af3 !important;
	color:white;
}

#arvore_plano .text-bold{
  font-weight: 600;
}

#arvore_plano span.titulo{
  margin: 5px;
}

/* #chatBoxBody {
  scroll-behavior: smooth;
} */

.panel-footer .new .chat-new-message.active{
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.panel-footer .chat-new-message{
  display: block;
  position: absolute;
  z-index: 0;
  left: 50%;
  bottom: 50px;
  text-align: center;
  font-size: 16px;
  border-radius: 3rem;
  background-color: #d1930d;
  color: #fff !important;
  transform: translate3d(0, 5rem, 0);
  line-height: 35px;
  height: 35px;
  width: 160px;
  margin-left: -80px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  transition-duration: 0.3s;
  transition-delay: 250ms;
  opacity: 0;
}
.selectPersonalizado:focus {
  outline: none;
  box-shadow: none;
  border-color: initial;
}
/* CSS CHAT - FIM */
.btnProcesto:hover{
  background-color: #535f75 !important;
}
.gif4Hover:hover{
  background-color: #47546d !important;
  cursor: pointer;
}
/* Adicionado para corrigir titles em baixo dos modais */
.popover {
    z-index: 1000000;
}