/* COMECO DO NOVO ARQUIVO */

@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

:root {
  --cui-primary: #1BA0F2;
  --cui-dark: #1D285C;
  --cui-dark-1: #2C384A;
  --cui-dark-2: #141C42;
  --cui-light-1: #EBEDEF;
  --cui-light: #F4F4F4;
  --cui-warning: #F8B114;
  --cui-danger: #E45353;
  --cui-success: #2EB85C;
  --cui-grey: #CFCFCF;

  --cui-card-cap-bg: var(--cui-dark);
  --cui-card-cap-color: var(--cui-white);
  --cui-card-border-color: var(--cui-light-1);
  --cui-sidebar-bg: var(--cui-dark);
  --cui-sidebar-color: var(--cui-dark);
  --cui-sidebar-brand-color: var(--cui-white);
  --cui-sidebar-brand-bg: var(--cui-dark);
  --cui-sidebar-nav-link-bg: var(--cui-dark);
  --cui-sidebar-nav-link-color: var(--cui-white);
  --cui-sidebar-nav-link-icon-color: var(--cui-white);
  --cui-sidebar-nav-group-toggle-show-color: var(--cui-white);
  --cui-sidebar-nav-link-active-color: var(--cui-white);
  --cui-sidebar-nav-link-active-bg: var(--cui-dark-2);
  --cui-sidebar-toggler-bg: var(--cui-white);
  --cui-sidebar-occupy-start: 18rem;
  --cui-font-sans-serif: Roboto, sans-serif;
}

body {
  background: var(--cui-light-1);
  font-family: var(--cui-font-sans-serif);
  font-style: normal;
}

/* Tipografia */
.h1 {
  color: var(--cui-dark-1, #2C384A);
  font-size: 81px;
  font-weight: 700;
  line-height: 116.672%;
}

.h2 {
  color: var(--cui-dark-1, #2C384A);
  font-size: 54px;
  font-weight: 700;
  line-height: 116.672%;
}

.h3 {
  color: var(--cui-dark-1, #2C384A);
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
}

.h4 {
  color: var(--cui-dark-1, #2C384A);
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

.h5 {
  color: var(--cui-dark-1, #2C384A);
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
}

p {
  color: var(--cui-dark-1, #2C384A);
  font-size: 16px;
  font-weight: 400;
  line-height: 116.672%;
}

p.bold {
  font-weight: 700;
}

.small {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 116.672% !important;
}

.small.bold {
  font-weight: 700;
}

.form-label {
  color: var(--cui-dark-1, #2C384A);
  font-size: 16px;
  font-weight: 700;
  line-height: 116.672%;
}

/* colocar o elemento para um tamanho maximo de tela de 767 */
@media (min-width: 768px) {
  .header:not(#topo_relatorio) .container-fluid {
    margin-left: var(--cui-sidebar-occupy-start);
  }
  
  html:not([dir=rtl]) .wrapper {
    padding-left: var(--cui-sidebar-occupy-start, 0);
  }

  .sidebar:not(.sidebar-end) ~ * {
    --cui-sidebar-occupy-start: 18rem;
  }
}

.sidebar-narrow:not(.sidebar-end) ~ *,
.sidebar-narrow-unfoldable:not(.sidebar-end) ~ * {
  --cui-sidebar-occupy-start: calc(4rem + 36px);
}


.narrow-toggler {
  position: absolute;
  left: calc(var(--cui-sidebar-occupy-start) - 33px);
  top: 90px;
  z-index: 2000;
  transition: left 0.15s, transform 0.15s, ease 0.15s;
}

.sidebar-narrow .narrow-toggler,
.sidebar-narrow-unfoldable:not(:hover) .narrow-toggler {
  left: calc(4rem + 2px) !important;
}

.sidebar-narrow-unfoldable:hover ~ .conteudo-wrapper {
  padding-left: 288px;
}

.sidebar-narrow-unfoldable:not(:hover) ~ .conteudo-wrapper {
  padding-left: calc(4rem + 36px);
}

.sidebar {
  padding: 18px !important;
  border-radius: 10px;
  background: transparent;
  box-shadow: none;
  flex: 0 0 var(--cui-sidebar-occupy-start);
  width: var(--cui-sidebar-occupy-start);
  transition: margin-left 0.15s, margin-right 0.15s, box-shadow 0.075s, transform 0.15s, width 0.15s, z-index 0s ease 0.15s;
}

.sidebar-brand {
  background: var(--cui-sidebar-brand-bg, #1D285C);
  border-radius: 10px 10px 0 0;
  height: 115px;
  min-height: 115px;
  padding-bottom: 25px;
}

.sidebar-nav {
  background: var(--cui-sidebar-bg, #1D285C);
  border-radius: 0 0 10px 10px;
}

.sidebar-nav .nav-link.active {
  color: var(--cui-sidebar-nav-link-active-color, rgba(255, 255, 255, 0.87));
  background: var(--cui-sidebar-nav-link-active-bg, rgba(255, 255, 255, 0.05));
  border-radius: 4px;
  border-left: 2px solid var(--cui-white);
  margin-left: 14px;
  margin-right: 16px;
  padding-left: 0;
  padding-right: 0;
}

.sidebar-nav .nav-group.active-group .nav-group-toggle,
.sidebar-nav .nav-group.active-group .nav-group-items,
.sidebar-nav .nav-group.active-group .nav-group-items .nav-link {
  background: var(--cui-sidebar-nav-link-active-bg);
}

.sidebar-narrow-unfoldable:not(:hover) .sidebar-nav .nav-group.active-group,
.sidebar-narrow .sidebar-nav .nav-group.active-group {
  border-radius: 4px;
  border-left: 2px solid var(--cui-white);
  margin-left: 14px;
  padding-left: 0;
  width: 38px;
}

.sidebar-narrow-unfoldable:not(:hover) .sidebar-nav .nav-group.active-group .nav-link,
.sidebar-narrow .sidebar-nav .nav-group.active-group .nav-link {
  padding-left: 0;
}

.sidebar-nav .nav-group-items .nav-link.active {
  background: var(--cui-sidebar-bg) !important;
  margin-left: 56px;
  padding-left: 6px !important;
}

.sidebar-nav .active-group .nav-group-items .nav-item:last-child {
  margin-bottom: 10px;
}

.sidebar-toggler::before {
  width: 30px;
  height: 30px;
}

.sidebar-toggler {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.sidebar-fixed.sidebar-narrow-unfoldable:not(:hover),
.sidebar-fixed.sidebar-narrow {
  width: 100px;
}

.btn:not(.btn-link) {
  border-radius: 5px;
  box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.10);
}

.btn-primary {
  --cui-btn-color: var(--cui-white);
  --cui-btn-bg: var(--cui-primary);
  --cui-btn-border-color: var(--cui-primary);

  --cui-btn-hover-bg: #056CF2;
  --cui-btn-hover-border-color: #056CF2;
  --cui-btn-hover-color: var(--cui-white);

  --cui-btn-active-bg: #056CF2;
  --cui-btn-active-border-color: #056CF2;
  --cui-btn-active-color: var(--cui-white);

  --cui-btn-disabled-bg: #85C2FF;
  --cui-btn-disabled-border-color: #85C2FF;
  --cui-btn-disabled-color: var(--cui-white);
}

.btn-link {
  --cui-btn-bg: transparent;
  --cui-btn-color: var(--cui-primary);
  --cui-btn-border-color: transparent;
  text-decoration: none;
  box-shadow: none;
  font-size: 16px;
}

.btn-link:hover {
  --cui-btn-hover-bg: transparent;
  --cui-btn-hover-border-color: transparent;
  --cui-btn-hover-color: #056CF2;
}

.btn-primary.btn-outlined {
  --cui-btn-bg: transparent;
  --cui-btn-color: var(--cui-primary);
  --cui-btn-border-color: var(--cui-primary);
}

/* 
.btn-danger
bg: #E45353
hover-bg: #E45353
disabled-bg: #EF9898;
 */

 .btn-danger {
  --cui-btn-color: var(--cui-white);
  --cui-btn-bg: var(--cui-danger);
  --cui-btn-border-color: var(--cui-danger);

  --cui-btn-hover-bg: var(--cui-danger);
  --cui-btn-hover-border-color: var(--cui-danger);
  --cui-btn-hover-color: var(--cui-white);

  --cui-btn-active-bg: var(--cui-danger);
  --cui-btn-active-border-color: var(--cui-danger);
  --cui-btn-active-color: var(--cui-white);

  --cui-btn-disabled-bg: #EF9898;
  --cui-btn-disabled-border-color: #EF9898;
  --cui-btn-disabled-color: var(--cui-white);
}

.btn-danger.btn-outlined {
  --cui-btn-bg: transparent;
  --cui-btn-color: var(--cui-danger);
  --cui-btn-border-color: var(--cui-danger);
  
}

.card {
  border-radius: 10px;
  box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.10);
}

.card-header {
  border-radius: 10px 10px 0 0;
  border-bottom: none;
  font-weight: 700;
  font-size: 16px;
}

.card-header:first-child {
  border-radius: 9px 9px 0 0;
}

.card-secondary > .card-header {
  background-color: var(--cui-light-1);
  color: var(--cui-dark-1);
}

.card-secondary > .table-consig-info {
  margin-bottom: 0 !important;
}

.card-secondary > .table-consig-info thead {
  --cui-table-bg: transparent;
}

.card-secondary > .table-consig-info > thead > tr > th:first-child,
.card-secondary > .table-consig-info > tbody > tr > td:first-child,
.card-secondary > .table-consig-info > tbody > tr > td:last-child,
.card-secondary > .table-consig-info > thead > tr > th:last-child {
  padding-left: 10px !important;
  padding-right: 10px !important;
  height: 35px !important;
}

.card-secondary > .table-consig-info > tbody > tr > td {
  height: 35px !important;
}

.icon-button {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  text-align: center !important;
  line-height: 20px !important;
}

.icon-button > i {
  margin: 0 !important;
  line-height: 20px !important;
}

.icon-button-small {
  width: 16px !important;
  height: 16px !important;
  display: block !important;
  text-align: center !important;
  border-radius: 50% !important;
  border: 1px solid var(--cui-primary);
  line-height: 16px !important;
}

.icon-button-small > i {
  margin: 0 !important;
  line-height: 12px !important;
  font-size: 12px !important;
}

.table-consig {
  --cui-table-border-color: transparent;
  --cui-table-striped-bg: var(--cui-light);
}

.table-consig thead {
  --cui-table-bg: var(--cui-light-1);
  --cui-table-border-color: var(--cui-dark-1);
}

.table-consig > tbody > tr:nth-of-type(even) {
  --cui-table-accent-bg: var(--cui-table-striped-bg);
  color: var(--cui-table-striped-color);
}

.table-consig-info {
  text-align: left !important;
}

.table-consig-info thead {
  --cui-table-bg: var(--cui-light-1);
}

.table-consig-info > thead > tr > th {
  border: none;
  padding-right: 20px !important;
  padding-left: 4px !important;
  align-content: center;
  font-size: 14px;
}

.table-consig-info > thead > tr > th:first-child {
  border-radius: 0px 0px 0px var(--max, 10px);
}

.table-consig-info > thead > tr > th:last-child {
  border-radius: 0px 0px var(--max, 10px) 0px;
}

.table-consig-info > tbody > tr > td {
  height: 80px;
  padding-right: 20px !important;
  font-size: 14px;
}

.table-consig-info > thead > tr > th:first-child,
.table-consig-info > tbody > tr > td:first-child {
  padding-left: 30px !important;
}

.table-consig-info > tbody > tr:last-child > td {
  border: none;
}

.table-consig-info.secondary {
  margin-bottom: 0;
}
.table-consig-info.secondary > thead > tr > th {
  padding-right: 20px !important;
  padding-left: 4px !important;
  align-content: start;
}
.table-consig-info.secondary > thead > tr > th:first-child {
  padding-left: 10px !important;
}
.table-consig-info.secondary > thead > tr > th {
  border-radius: 0px;
}
.table-consig-info.secondary > thead > tr:first-child > th:first-child {
  border-radius: var(--max, 10px) 0px 0px 0px;
}

.table-consig-info.secondary > thead > tr:first-child > th:last-child {
  border-radius: 0px var(--max, 10px) 0px 0px;
}

.table-consig-info.secondary > tbody > tr > td {
  height: 35px !important;
}

.container_conteudo {
  max-width: 1036px;
  padding-left: 0;
  padding-right: 0;
}

.alert {
  border-radius: 5px;
  box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.10);
  border: none;
}

.alert-warning {
  --cui-alert-color: var(--cui-dark-1);
  --cui-alert-bg: var(--cui-warning);
  --cui-alert-link-color: var(--cui-primary);
}

.alert-danger {
  --cui-alert-color: var(--cui-white);
  --cui-alert-bg: var(--cui-danger);
  --cui-alert-link-color: var(--cui-primary);
}

.alert-primary {
  --cui-alert-color: var(--cui-white);
  --cui-alert-bg: var(--cui-primary);
  --cui-alert-link-color: var(--cui-primary);
}

.alert-success {
  --cui-alert-color: var(--cui-white);
  --cui-alert-bg: var(--cui-success);
  --cui-alert-link-color: var(--cui-success);
}

.consig-tooltip {
  --cui-tooltip-bg: var(--cui-primary);
}

.bg-avatar-login {
  background: #B9B9B9;
}

.bg-light-1 {
  background-color: var(--cui-light-1) !important;
}

#sidebar.show {
  display: flex !important;
}

/* tela de dashboard - resumo do convenio */
button#button-dash {
  margin-top: 28px;
  width: 88px;
  height: 43px;
  font-size: 16px;
}

.h3-dash h3{
  margin-bottom: 26px;
  font-size: 24px;
  font-weight: bold;
}

.input-dash #periodo{
  width: 250px;
  height: 32px;
  font-size: 12px;
  margin-top: 6px;
  margin-bottom:34px;
}

.parametros-dash .card-header{
  padding: 11px 9px 11px 9px;
}

.parametros-dash strong {
  margin-left: 30px;
}

#col-dash {
  padding: 0px;
  margin-left: 30px;
}

#body-dash{
  padding: 0px 9px 0px 9px;
}
#body-dash label {
  font-size: 14px;
  margin-top: 22px;
  font-weight: bold;
}

.table-msg-ini {
  max-width: 1036px;
}

.mensagem-modulo-inabilitado {
  height: 62px;
  border-radius: 6px;
  margin-top: 25px;
  background-color: #F8B114;
  display: flex;
  margin-bottom: 15px;
}

.texto-inabilitado{
  font-family: Roboto;
  font-weight: 500;
  font-size: 16px;
  margin-left: 30px;
  margin-top: 22px;
}

.chart-combobox-titulo {
  margin-top: 22px !important;
  font-weight: 700;
}

.chart-combobox {
  margin-bottom: 25px;
}

.chart-combobox select{
  border-color: #B9B9B9 !important;
}

.button-cbb button {
  width: 33px;
  height: 32px;
  border-radius: 5px;
  transition: background-color 0.3s ease; 
  position: relative;
  top: 56px;
  padding-left: 8px;
}

.button-cbb button:hover {
  background-color: #0d8cdc !important; 
}

.button-cbb svg {
  position: relative;
  right: 5px;
}

.container-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center; 
}

#btn-imprimir-dash {
  margin-top: 38px !important;
  position: relative !important;
  bottom: 45px !important;
  width: 91px;
  height: 43px;
  border-radius: 6px;
  font-weight: 500;
  border: none;
  background-color: #0da2ff;
  color: #FFFFFF;
  transition: background-color 0.3s ease; 
}

#btn-imprimir-dash:hover {
  background-color: #0d8cdc !important; 
}

.td-ini-pg-ini{
  margin-top: 20px; /*  20px + 24px do espa�amento j� existente = 44px da especifica��o no figma do DEV-7472*/
  font-size: 24px;
  font-weight: 700;
  color: #2C384A;
  font-family: Roboto;
}

.cards-info-servidores {
  display: flex;
  margin-bottom: 50px;
  margin-top: 20px;
  gap: 24px 0;
}

.info-servidores-ativos,
.info-contratos-bloqueados,
.info-geral-contratos,
.info-contratos-em-andamento {
    height: 142px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 30px #9c999926;
    display: flex;
    align-items: center;
    border-radius:10px;
}

.card-servidores-ativos{
  display: flex;
  justify-content: flex-start;
  padding-left: 15px;
  align-items: center;
}

.card-conteudo-1 {
  text-align: left;
  position: relative;
  left: 15px;
}

.card-conteudo-1 p:first-child {
  font-size: 16px;
  font-weight: 700;
  position: relative;
  top: 10px;
}

.card-conteudo-1 p:last-child {
  font-size: 14px;
  color: #2C384A;
  opacity: 50%;
}

.info-contratos-bloqueados{
  gap: 15px;
  justify-content: flex-start;
  padding-left: 5px;
}

.card-conteudo-2 {
  text-align: left;
  position: relative;
  margin-top: 3px;
}

.card-conteudo-2 p:first-child {
  font-size: 16px;
  font-weight: 700;
  position: relative;
  top: 10px;
}

.card-conteudo-2 p:last-child {
  font-size: 14px;
  color: #2C384A;
  opacity: 50%;
}

.card-contratos-em-andamento{
  display: flex; 
  align-items: center; 
  text-align: left;
  gap: 15px;
}

.contratos-em-andamento{
  margin-top: 8px;
}

.contratos-em-andamento p:first-child {
  font-size: 16px;
  font-weight: 700;
  position: relative;
  top: 10px;
}

.contratos-em-andamento p:last-child {
  font-size: 14px;
  color: #2C384A;
  opacity: 50%;
}

.info-contratos-em-andamento{
  gap: 15px;
  justify-content: flex-start;
  padding-left: 15px;
}

.card-novos-contratos-dados div p:first-child{
  font-weight: 700;
}
.card-novos-contratos-dados div{
  display: flex;
  justify-items: flex-start !important;
  
}

.card-novos-contratos-legenda span p{
  font-size: 14px;
  color: #000000;
  opacity: 50%;
}

.card-novos-contratos-legenda {
  flex-direction: column;
  text-align: left;
}

.card-novos-contratos-legenda span {
  margin: -3px 0px -3px 0px ;
}

#bg-readequacao{
  background-color: var(--cui-warning) !important;
}

#tb-consig-readequacao{
  width: 100%;
}

#tb-consig-readequacao th{
  width: auto;
} 

/* Reestrutura��o da p�gina de quita��o de contrato */
.table-motivo-de-quitacao{
  width: 100%;
  height: 331px;
  background-color: #FFFFFF;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}

.motivo-de-quitacao-conteudo{
  max-width: 94%;
  margin-top: 22px;
  height: 311px;
}

.informe-valor-quitacao{
  width: 100%;
  height: 161px;
  margin-top: 40px;
  background-color: #FFFFFF;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.table-quitar-contrato textarea{
  max-width: 100%;
  margin: 0 !important;
  resize: none;
  width: 976px !important;
  height: 70px !important;
  font-size: 12px;
  border-color: #B9B9B9;
  border-radius: 4px !important;
  margin-top: 14px !important;
  padding-left: 10px !important;
  color: #969696 !important;
}

.table-quitar-contrato textarea:focus {
  outline: none; 
  border: 2px solid #B9B9B9 !important; 
}

.titulo-motivo-de-quitacao, .titulo-informe-valor-quitacao, .titulo-previsao-alteracao-margem{
  width: 100%;
  height: 42px;
  background-color: #1D285C;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  font-weight: 700 !important;
  border-top-left-radius: 10px; 
  border-top-right-radius: 10px;
}

.titulo-motivo-de-quitacao{
  height: 53px !important;
}

.titulo-motivo-de-quitacao span, .titulo-informe-valor-quitacao span, .titulo-previsao-alteracao-margem span{
  margin-left: 30px;
}

.buttons-quitar-contrato{
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 30px;
}

.buttons-quitar-contrato input{
  width: 91px !important;
  height: 43px !important;
  font-size: 16px;
}

#voltar-quitar-contrato{
  background-color: transparent !important;
  color: #1BA0F2 !important;
  border-color: #1BA0F2 !important;
  transition: all 0.2s ease; 
  font-weight: 600 !important;
}

#voltar-quitar-contrato:hover {
  background-color:  #056CF2 !important;
  color: #FFFFFF !important; 
}

#salvar-previsao-contrato-quitar{
  color: #FFFFFF !important;
  font-weight: 600 !important;
}

.subtitulo_motivo_quitacao_contrato span, .quita-contrato-obs span, .subtitulo-valor-da-quitacao span p, .titulo-previsao-alteracao-margem span{
  font-size: 16px;
  font-weight: 700;
}

.subtitulo-valor-da-quitacao span{
  display: flex;
  margin-top: 22px;
}

.subtitulo-valor-da-quitacao{
  width: 94% !important;
}

#valor_quitacao{
  max-width: 973px;
  height: 40px;
}

.quita-contrato-obs{
  margin-top: 30px;
}

.quita-contrato-combobox span {
  display: flex;
  margin-top: 14px;
}

.observacao-quitar-contrato{
  height: 20px;
  display: flex;
  align-items: center;
  font-size: 12px !important; 
}

.observacao-quitar-contrato input {
  width: 22px;
  height: 20px;
  border: none;
  background-color: transparent !important;
  text-align: center;
  margin-right: 1px !important;
}

#valor_quitacao {
  padding-left: 10px !important;
  color: #969696;
}

.conteudo-geral-saldo-atual{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.titulo-previsao-alteracao-margem{
  margin-top: 45px;
}

.conteudo-previsao-alteracao-margem{
  width: 100%;
  height: 196px;
  background-color: #FFFFFF;
  border-radius: 0 0 10px 10px;
}

.conteudo-previsao-alteracao-margem hr{
  width: 95%;
  margin-top: 20px;
  color: #c9cacc;
}

.conteudo1-saldo-atual span, .conteudo2-saldo-atual span, .conteudo-previsao-margem-pos-quitacao span {
  font-weight: 700;
}

.conteudo1-saldo-atual span{
  display: flex;
  margin-top: 22px;
}

.conteudo2-saldo-atual span{
  display: flex;
  margin-top: 20px;
}

.conteudo-previsao-margem-pos-quitacao span{
  display: flex;
  margin-top: 5px;
}

.conteudo1-saldo-atual, .conteudo2-saldo-atual, .conteudo-previsao-margem-pos-quitacao{
  width: 94%;
  display: flex;
  justify-content: space-between;
}

.table-quitar-contrato h4{
  font-size: 24px !important;
}

.bg-dark-1 {
  background-color: var(--cui-dark-1) !important;
}

.timeline-vertical {
  position: relative;
  padding: 20px 0;
}

.timeline-vertical::before {
  content: '';
  position: absolute;
  top: 2rem;
  bottom: 45%;
  left: 2.15rem;
  width: 0.1rem;
  background-color: #dee2e6;
}

.timeline-vertical-item {
  position: relative;
  margin-bottom: 20px;
  padding-left: 60px;
}

.timeline-vertical-item-marker {
  position: absolute;
  top: 10px;
  left: 15px;
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--cui-dark);
  border-radius: 50%;
  border: 3px solid white;
  z-index: 1;
}

.timeline-vertical-item-content {
  position: relative;
  padding: 10px 15px;
}

#buttons-confirma-reserva{
  margin-top: 45px;
}

.menu-cabecalho {
  font-size: 16px !important;
}

.menu-cabecalho > .dropdown-divider {
  margin: 0;
  border-color: #B9B9B9;
}

.menu-cabecalho > .dropdown-item {
  padding: 20px;
  color: var(--cui-dark-1, #2C384A);
}

.menu-cabecalho > .dropdown-item:hover {
  background-color: var(--cui-light-1);
}

.menu-cabecalho > .dropdown-item > i {
  font-weight: 900 !important;
}

.card-renegociacao-motivo-caracteres-restantes textarea {
  resize: none;
  max-width: 565px !important;
  height: 70px;
}

#executa_em_folha {
  border-radius: 50%;
  box-shadow: 0 0 2px #000000d5
}

.card-conteudo-consultas{
  display: grid !important;
  grid-auto-flow: column;
  align-items: center !important;
  justify-content: space-between;
}

.input-consulta-span input{
  width: 380px !important;
}

.countdown{
  width: 1.5rem;
  display: flex;
  text-align: center;
}

.textarea-altura textarea{
  height: 250px;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.placeholder-loading {
  width: 18px;
  height: 18px;
  border: 5px solid rgba(3, 3, 3, 0.164);
  border-top-color: var(--cui-primary);
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.remove-last-child > :last-child {
  display: none;
}

#card-layout{
  display: none;
}

.text-primary-hover:hover {
  transition: color 0.3s ease; 
  color: #0e6fab !important; 
}

.border-bottom-left-radius-10{
  border-bottom-left-radius: 10px !important;  
}

.border-bottom-right-radius-10{
  border-bottom-right-radius: 10px !important;  
}

.bg-grey{
  background-color: var(--cui-grey);
}

.circle-marker{
  height: 40px;
  width: 40px;
  background-color: var(--cui-dark);
  color: #FFFFFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  font-weight: bold;
}

.vertical-line{
  width: 2px;
  position: absolute;
  background: #C7C7CC;
  left: 22.5px;
}

.cursor-pointer {
  cursor: pointer !important;
}
.altura-card-margens {
  height: 350px;
}

.largura-card-margens {
  width: 32.31%;
}

.span_descricao_margem {
  font-size: 1rem;
}

.size-icon {
  width: 1.3rem;
  height: 1.3rem;
}

@media (max-width: 768px) {
  .span_descricao_margem {
    font-size: 0.9rem;
  }

  .size-icon {
    width: 1.2rem;
    height: 1.2rem;
  }
}

@media (max-width: 480px) {
  .span_descricao_margem {
    font-size: 0.8rem;
    word-wrap: break-word;
  }

  .largura-card-margens {
    width: 66.6%;
  }
}

.container_card_margem {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    position: relative;
    display: flex;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    transition: transform 0.5s ease;
}

.container_card_margem::-webkit-scrollbar {
    display: none;
}

.transicao_suavizada_container {
  display: flex;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
}

.buttons-slide img {
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
}

.buttons-slide img:hover {
  transform: scale(1.1);
}

.texto-completo {
  display: none;
}

.ver-mais-link {
  background: none;
  border: none;
  color: #007bff;
  font-size: inherit;
  text-decoration: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

.ver-mais-link:hover {
  color: #0056b3;
  text-decoration: none;
}

.eye-width {
  font-size: 3rem !important;
}

@media print {
    .tooltip {
        display: none !important;
    }
}

#dialogPrincipal::backdrop{
  background: rgba(0, 0, 0, 0.6);
}

.termo-texto {
    max-height: 200px;
    overflow-y: auto;
}

.btn-close.custom-close {
  border-width: 2px !important;
  filter: invert(1%) sepia(100%) saturate(9000%) hue-rotate(200deg) brightness(135%) contrast(150%);
}

@media (max-width: 1300px) {
  #blocotres_ini {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 20px !important;
  }

  .wdCustom-25 {
        width: 280px !important;
    }

    #dialogPrincipal {
      width: 60% !important;
    }

    #modalTermo{
      width: 60% !important;
    }

    #modalFormulario{
      width: 50% !important;
    }
}

@media (max-width: 768px) { /* Mobile */
    .wdCustom-25 {
        flex: 1 1 180%;
        max-width: 80%;
    }

    #dialogPrincipal {
      width: 80% !important;
    }

    #modalTermo{
      width: 75% !important;
    }

    #modalFormulario{
      width: 70% !important;
    }

}

.swal2-icon.swal2-info {
  color: var(--cui-primary) !important;
  border-color: var(--cui-primary) !important;
}

.swal2-icon.swal2-info .swal2-icon-content {
  color: var(--cui-primary) !important;
}

.z-1{
  z-index: 1 !important;

}