/* input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width: 25px;
    height: 25px;
    padding: 6px;
    background-clip: content-box;
    border: 2px solid #bbbbbb;
    background-color: #e7e6e7;
    border-radius: 50%;    
}

input[type="radio"]:checked {
  background-color: #ff3201;
} */

/* here you can put your own css to customize and override the theme */
.note-editor.note-frame.panel {
  padding-top: 10px;
  margin: 0;
}

.view-onr {
  padding: 2%;
  border: 1px dashed grey;
  height: calc(100vh - 142px);
  overflow: scroll;
  display: block;
  position: sticky;
  top: 142px;
  max-width: 45vw;
}

.accordion-container {
  display: table;
  width: 100%;
}

.accordion-container h3 {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  margin: 0 0 24px;
}

.accordion-container fieldset {
  border: 1px solid #ccc;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 22px;
}

.accordion-container button {
  float: right;
}

.accordion-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 0 22px;
  height: 54px;
  transition: all 0.2s;
}

.accordion-title:hover {
  background: #f5f5f5;
}

.accordion-title h4 {
  font-size: 15px;
  font-weight: 600;
}

.accordion-title svg {
  fill: #333;
}

.accordion-title[aria-expanded="true"] {
  background: #fff5f2;
  color: #ff3201;
}

.accordion-title[aria-expanded="true"] svg {
  fill: #ff3201;
  transform: rotate(180deg);
}

.accordion-content {
  border-top: 1px solid #ccc;
}

.accordion-checks {
  display: flex;
  justify-content: center;
  gap: 8%;
  padding: 32px 22px;
}

.accordion-checks div label {
  display: flex;
  align-items: start;
  margin-bottom: 0;
  cursor: pointer;
  padding: 12px 14px;
  border-radius: 4px;
  font-size: 14px;
  transition: all 0.2s;
}

.accordion-checks div label:hover {
  background: #fff5f2;
}

.accordion-checks div label span > strong {
  font-size: 16px;
}

.accordion-checks div label span span strong {
  font-size: 14px;
  color: #ff3201;
}

.accordion-checks input[type="checkbox"] {
  margin: 2px 16px 2px 0;
  width: 17px;
  height: 17px;
  accent-color: #ff3201;
}

.accordion-vertical-line {
  width: 1px;
  height: auto;
  background: #ccc;
}

.accordion-inputs {
  padding: 16px 22px 22px;
  border-top: 1px solid #ccc;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.accordion-inputs label {
  margin-bottom: 0;
  font-size: 13px;
}

.accordion-input {
  width: 100%;
  height: 34px;
  padding: 0 6px;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  font-size: 13px;
}

.accordion-input:hover {
  border-color: #adadad;
}

.accordion-input:focus {
  outline: 0;
  border-color: #707070;
}

.btn-action {
    background: #ff3201;
    border: none;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 8px 16px;
    transition: all 0.2s;
}

.btn-action:hover {
  background: #e62d01;
}

.btn-action:active {
  background: #bf2601;
}

.btn-action i {
  margin-right: 8px;
}

.btn-action-outline {
  background: none !important;
  border: 1px solid #ff3201 !important;
  color: #ff3201 !important;
  padding: 6px 12px !important;
  height: 36px !important;
}

.btn-action-outline:hover {
  background: #fff5f2 !important;
  text-decoration: none !important;
}

.btn-action-outline:active {
  background: #ffebe6 !important;
}

.btn-action-outline-success {
  background: none !important;
  border: 1px solid #84cc16 !important;
  color: #84cc16 !important;
  padding: 6px 12px !important;
  height: 36px !important;
}

.btn-action-outline-success:hover {
  background: #d1ffd5 !important;
}

.btn-action-outline-success:active {
  background: #d1ffd9 !important;
}

/* li-btn-voltar  */

#li-btn-voltar button {
  padding: 8px 18px 8px 16px;
  border-radius: 25px;
  border: none;
  font-weight: 600;
  color: #333;
  background: #f5f5f5;
  transition: all 0.2s;
  white-space: nowrap;
}

#li-btn-voltar button:hover {
  color: #ff3201;
  background: #ffebe6;
}

#li-btn-voltar button:active {
  background: #ffccc0;
}

.page-sidebar-closed #li-btn-voltar {
  left: 154px;
}

#li-btn-voltar i {
  margin-right: 10px;
  width: auto;
}

/* Tabs */

/*.nav-tabs::before,
.nav-tabs::after {
    content: none;
}
.nav-tabs {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

    .nav-tabs > li {
        border-bottom: 4px solid transparent;
        transition: all .1s;*/
/*flex: 1;*/
/*}*/
/*    .nav-tabs > li:first-child {
        margin: 0 10px 0 0;
    }
        .nav-tabs > li:last-child {
            margin: 0 0 0 10px;
        }*/

/*.nav-tabs > li:hover:not(:first-child) {
            cursor: pointer;*/
/*border-bottom: 4px solid #ffad99;*/
/*background: #fff5f2;*/
/*}

        .nav-tabs > li.active {
            pointer-events: none;*/
/*border-bottom: 4px solid #ff3201;*/
/*background: #ffebe6;*/
/*}

            .nav-tabs > li.active a,
            .nav-tabs > li.active a:hover,
            .nav-tabs > li.active a:focus {
                color: #ff3201;
                background: initial;
                border: 1px solid transparent;
            }

        .nav-tabs > li > a {
            font-size: clamp(11px, calc(11px + (14 - 11) * ((100vw - 1280px) / (1536 - 1280))), 14px);
            padding: clamp(4px, calc(4px + (8 - 4) * ((100vw - 1280px) / (1536 - 1280))), 8px) clamp(8px, calc(8px + (16 - 8) * ((100vw - 1280px) / (1536 - 1280))), 16px);
            margin-right: 0;
            color: #333;
            font-weight: 600;
            white-space: nowrap;*/
/*background: #ffad99;*/
/*border-radius: 24px;
            border: 1px solid #ddd;
        }

            .nav-tabs > li > a:hover {
                background: initial;
                border: 1px solid transparent;
            }*/

.nav-tabs-int.nav-tabs {
  margin-bottom: 0;
  max-width: 500px;
  margin-inline: auto;
}

.nav-tabs-int li {
  flex: 1;
}

/*.tab-content-int {
    border-bottom: 1px solid #ddd;
    margin-bottom: 40px;
    padding: 20px 20px 40px;
}

.tab-content-int .tab-pane {
    background: #f8f8f8;
    max-width: 1024px;
    margin-inline: auto;
    padding: 20px;
}*/

#tab_Lavratura,
#tab_PreLavratura {
  padding: 20px;
  background: #f8f8f8;
}

#assinatura-edicao-lavrada,
#assinatura-edicao-pre-lavrada {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  padding-top: 12px;
  padding-inline: 0;
  max-width: 1280px;
  margin-inline: auto;
}

#summernote-minuta-lavrada > p,
#summernote-minuta-pre-lavrada > p {
  margin: 0;
}

#assinatura-edicao-lavrada .note-editor,
#assinatura-edicao-pre-lavrada .note-editor {
  margin-bottom: 0;
  padding-bottom: 0;
}

#assinatura-edicao-lavrada .note-editor.note-frame.panel,
#assinatura-edicao-pre-lavrada .note-editor.note-frame.panel {
  background: 0;
  padding: 20px;
}

#assinatura-edicao-pre-lavrada .note-toolbar-wrapper.panel-default {
    position: sticky;
    top: 200px;
    z-index: 9;
}
#assinatura-edicao-pre-lavrada .note-toolbar.panel-heading {
    position: initial !important;
}

.nav-tabs-int.nav-tabs > li:hover {
  cursor: pointer;
  border-bottom: 4px solid #707070;
  background: #f8f8f8;
}

.nav-tabs-int.nav-tabs > li.active {
  pointer-events: none;
  border-bottom: 4px solid #333;
  background: #fff;
}

.nav-tabs-int.nav-tabs > li.active a,
.nav-tabs-int.nav-tabs > li.active a:hover,
.nav-tabs-int.nav-tabs > li.active a:focus {
  color: #333;
  background: initial;
  border: 1px solid transparent;
}
/**/

/*.PedidoServicoTipoBloco {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
    cursor: pointer;
}*/

div#divOperadorRelacional,
div#divValorLead {
  padding-right: 5px;
}

#loading {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  text-align: center;
  display: none;
  background: rgb(255 255 255 / 89%);
  backdrop-filter: blur(2px);
}

.tblDetLeads {
  overflow: visible;
  min-width: 210px;
}

.portlet {
  margin-bottom: 20px;
  box-shadow: initial;
}

.portlet-title {
  padding: 20px !important;
  margin: 0 !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.portlet-title .caption {
  padding: 0 !important;
}

.portlet-title .tools {
  padding: 0 !important;
}

.table-toolbar {
  margin: 0;
}

.portlet-body {
  padding: 20px !important;
}

.portlet > .portlet-title:after,
.portlet > .portlet-title:before {
  content: initial;
}

@media (min-width: 1024px) {
  /*    .modal-dialog {
        width: 900px;
    }*/
}

@media (max-width: 768px) {
  div#divOperadorRelacional,
  div#divValorLead {
    padding-right: 15px;
  }
}

/*.alert-blue {
    background-color: #e9ecf3;
    background: #e9ecf3;
}*/

.page-header.navbar
  .top-menu
  .navbar-nav
  > li.dropdown-extended
  .dropdown-menu
  .dropdown-menu-list
  > li.alert-blue
  > a:hover {
  background: #f5f5f5;
}

.table > thead > tr > td.row-green,
.table > thead > tr > th.row-green,
.table > thead > tr.row-green > td,
.table > thead > tr.row-green > th,
.table > tbody > tr > td.row-green,
.table > tbody > tr > th.row-green,
.table > tbody > tr.row-green > td,
.table > tbody > tr.row-green > th,
.table > tfoot > tr > td.row-green,
.table > tfoot > tr > th.row-green,
.table > tfoot > tr.row-green > td,
.table > tfoot > tr.row-green > th {
  background-color: #d9ffdc !important;
}

.table > thead > tr > td.row-red,
.table > thead > tr > th.row-red,
.table > thead > tr.row-red > td,
.table > thead > tr.row-red > th,
.table > tbody > tr > td.row-red,
.table > tbody > tr > th.row-red,
.table > tbody > tr.row-red > td,
.table > tbody > tr.row-red > th,
.table > tfoot > tr > td.row-red,
.table > tfoot > tr > th.row-red,
.table > tfoot > tr.row-red > td,
.table > tfoot > tr.row-red > th {
  background-color: #fbe1e3 !important;
}

.dataTable > thead > tr > th.no-order-icon[class*="sort"]:after {
  content: "" !important;
}

.page-header.navbar
  .top-menu
  .navbar-nav
  > li.dropdown-extended
  .dropdown-menu-notifications {
  /* min-width: 275px;
  max-width: 100vh;
  width: 60vh; */
}

.ScrollNotifications {
  height: auto;
  max-height: 80vh;
  width: auto;
  max-width: 100vh;
  overflow-x: hidden;
}

.select2-container--default .select2-selection--single,
.select2-container--bootstrap .select2-selection {
  border-radius: 0 25px 25px 0 !important;
  color: #fff;
  height: 35px;
  width: auto !important;
}

.select2-container {
  width: 100% !important;
}

.modal-open .select2-dropdown {
  z-index: 10060;
}

.modal-open .select2-container--open {
  z-index: 999999 !important;
  width: 100% !important;
}

.large-tooltip .tooltip-inner {
  width: auto;
  max-width: 500px;
}

@media (max-width: 767px) {
  .page-header.navbar
    .top-menu
    .navbar-nav
    > li.dropdown-notification
    .dropdown-menu {
    margin-right: -38px;
    width: 100% !important;
  }
}

.documentos-bloco-direita {
  display: none;
  padding-top: 14px;
}

/*.btn-visualizacoes-documentos-esquerdo {
    padding: 0px 5px 0px 5px !important;
    vertical-align: inherit;
    min-height: 28px;
    border-radius: 8px !important;
    margin: 10px;
    background-color: inherit;
    border-width: 0px;
}

    .btn-visualizacoes-documentos-esquerdo.actived {
        background-color: cornflowerblue;
        color: white;
        border: 2px solid midnightblue;
    }

.btn-visualizacoes-documentos-direita, .btn-edicao-minuta {
    padding: 0px 5px 0px 5px !important;
    vertical-align: inherit;
    min-height: 28px;
    border-radius: 8px !important;
    margin: 10px;
    background-color: inherit;
    border-width: 0px;
}

    .btn-edicao-minuta, .btn-edicao-minuta:hover {
        text-decoration: unset;
        color: #2f353b;
    }

        .btn-visualizacoes-documentos-direita.actived, .btn-edicao-minuta.actived {
            background-color: cornflowerblue;
            color: white;
            border: 2px solid midnightblue;
        }*/

.campo-tem-observacao {
  margin-top: 23px;
  font-size: 25px;
  color: #5b9bd1;
}

.campo-nao-tem-observacao {
  margin-top: 23px;
  font-size: 25px;
  color: #6495ed94;
}

.PedidoServicoCampoCustomizadoValidado {
  margin-top: 27px !important;
}

.btn-apagar-campo-documentos {
  margin-top: 21px !important;
}

#modalConcluirPedidoEscritura.modal-dialog {
  transform: translate(0, -50%);
  top: 50%;
  margin: 0 auto;
}

#modalConcluirPedidoEscritura,
.modal-footer {
  margin-top: 20px;
}

#modalConcluirPedidoEscritura,
.modal-body {
  min-height: 150px;
}

.acoes-pagina-documento {
  padding: 0px;
}

.notifica-mudancas {
  position: fixed;
  top: 0;
  left: 150px;
  z-index: 99999;
  padding: 10px;
  min-width: 400px;
}

.fechar-toast {
  cursor: pointer;
}

.row-imagem-documento {
  padding: 12px;
  background-color: #69696926;
  max-height: calc(100vh - 142px);
  overflow: scroll;
  display: block;
  position: sticky;
  top: 142px;
  max-width: 45vw;
}

.row-imagem-documento-fullscreen {
  padding: 20px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100vw;
  background-color: white;
}

.row-imagem-documento-fullscreen .imagem-documento-aberta {
  max-height: 100vh;
  max-width: none;
}

.col-imagem-documento {
  padding: 6px 0 0;
  text-align: center;
}

.row-imagem-documento .imagem-documento-aberta {
  max-width: 100%;
}

.col-menu-imagem-documento {
  color: black;
}

.botoes-acoes-documentos {
  position: sticky;
  z-index: 10;
  top: 76px;
  background: #fff;
  border-bottom: 1px solid #ebebeb;
  padding: 8px 0;
}

.icones-tela-menu-esquerdo {
  padding-top: 10px;
}

.icones-clicaveis {
  cursor: pointer;
}

.fullscreen-dados {
  display: none;
}

/*.btn-expande-minimize {
    color: midnightblue;
    background: #aeb2c4;
    padding-top: 5px;
    border-radius: 4px;
    border: 1px solid cornflowerblue;
}*/

/*.btn-expande-minimize-minuta {
    position: sticky;
    top: 4px;
    right: 4px;
    z-index: 9;
    float: right;
    margin-bottom: -30px;
}*/

.btn-expande-minimize {
  all: unset;
  display: grid;
  place-content: center;
  width: 100%;
}

.btn-expande-minimize svg {
  width: 48px;
  height: 32px;
  padding: 8px;
  border: 1px solid #f5f5f5;
  background: #f5f5f5;
  border-radius: 4px;
  cursor: pointer;
}

.btn-expande-minimize:hover svg {
  border: 1px solid #333;
}

.btn-visualizacoes-documentos-esquerdo,
.btn-visualizacoes-documentos-direita {
  /* width: 30px;
  height: 30px; */
  width: 48px;
  /* height: 32px; */
  border: 1px solid #f5f5f5;
  background: #f5f5f5;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-items: center;
  gap: 3px;
  padding: 8px 6px 5px;
}

.btn-visualizacoes-documentos-esquerdo.actived,
.btn-visualizacoes-documentos-direita.actived {
  color: #ff3201;
  background: #ffebe6;
  border: 1px solid #ffebe6;
}

.btn-visualizacoes-documentos-esquerdo:hover,
.btn-visualizacoes-documentos-direita:hover {
  border: 1px solid;
}

.btn-visualizacoes-documentos-esquerdo span,
.btn-visualizacoes-documentos-direita span {
  /* display: none; */
  font-size: 10px;
}

.btn-visualizacoes-documentos-esquerdo:hover span,
.btn-visualizacoes-documentos-direita:hover span {
  /* display: block; */
}

.view-minuta {
  /*border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    padding-inline: 16px;*/
}

.view-content {
  padding-bottom: 16px;
  border-radius: 12px;
  border: 1px solid #ddd;
  min-height: calc(100vh - 226px);
}

.conteudo-minuta {
  padding: 10px;
  background-color: white;
}

.note-editable {
  min-height: calc(100vh - 548px) !important;
  height: auto !important;
}

.note-editor.note-frame .note-editing-area .note-editable {
  padding: 16px 0 !important;
  text-align: justify;
}

.note-toolbar {
  text-align: center !important;
  border-top: 1px solid #f5f5f5;
  background: white !important;
}

.note-toolbar .btn {
  border: 0 !important;
  box-shadow: none !important;
}

.wizard {
  margin: 20px auto;
  background: #fff;
}

.wizard .nav-tabs {
  position: relative;
  margin: -40px auto;
  margin-bottom: 0;
  border-bottom-color: #e0e0e0;
}

.wizard > div.wizard-inner {
  position: relative;
}

.connecting-line {
  height: 2px;
  background: #e0e0e0;
  position: absolute;
  width: 80%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1;
}

.wizard .nav-tabs > li.active > a,
.wizard .nav-tabs > li.active > a:hover,
.wizard .nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  border: 0;
  border-bottom-color: transparent;
}

span.round-tab {
  width: 70px;
  height: 70px;
  line-height: 70px;
  display: inline-block;
  border-radius: 100px;
  background: #fff;
  border: 2px solid #e0e0e0;
  z-index: 2;
  position: absolute;
  left: 0;
  text-align: center;
  font-size: 25px;
}

span.round-tab i {
  color: #555555;
}

.wizard li.active span.round-tab {
  background: #fff;
  border: 2px solid #5bc0de;
}

.wizard li.active span.round-tab i {
  color: #5bc0de;
}

span.round-tab:hover {
  color: #333;
  border: 2px solid #333;
}

.wizard .nav-tabs > li {
  width: 25%;
}

.wizard li:after {
  content: " ";
  position: absolute;
  left: 46%;
  opacity: 0;
  margin: 0 auto;
  bottom: 0px;
  border: 5px solid transparent;
  border-bottom-color: #5bc0de;
  transition: 0.1s ease-in-out;
}

.wizard li.active:after {
  content: " ";
  position: absolute;
  left: 46%;
  opacity: 1;
  margin: 0 auto;
  bottom: 0px;
  border: 10px solid transparent;
  border-bottom-color: #5bc0de;
}

.wizard .nav-tabs > li a {
  width: 70px;
  height: 70px;
  margin: 20px auto;
  border-radius: 100%;
  padding: 0;
}

.wizard .nav-tabs > li a:hover {
  background: transparent;
}

.wizard .tab-pane {
  position: relative;
  padding-top: 50px;
}

.wizard h3 {
  margin-top: 0;
}

@media (max-width: 585px) {
  .wizard {
    width: 90%;
    height: auto !important;
  }

  span.round-tab {
    font-size: 16px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }

  .wizard .nav-tabs > li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }

  .wizard li.active:after {
    content: " ";
    position: absolute;
    left: 35%;
  }
}

/* BTN Visualiza��o */

.text-balance {
  text-wrap: balance;
}

.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.label-limit {
  display: inline-block;
  max-width: 16ch;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  margin: 0;
  cursor: pointer;
}

.table-faturados {
  .label-limit {
    cursor: initial;
  }
}

.faturados-extrato-date strong:not(:first-child) {
  margin-top: 16px;
  display: block;
}

.faturados-extrato-list {
  li {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-bottom: 1px solid #ccc !important;
    padding: 4px 0 !important;
  }
}

.pointer-events-none {
  pointer-events: none;
}

.grid {
  display: grid;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

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

.justify-between {
  justify-content: space-between;
}
.justify-end {
  justify-content: end;
}

.items-center {
  align-items: center;
}

.ml {
  margin-left: 8px;
}

.m-0 {
  margin: 0;
}

.-mt-10 {
  margin-top: -10px;
}
.m-10 {
  margin: 10px;
}

.m-14 {
  margin: 14px;
}
.m-16 {
  margin: 16px;
}

.mt-8 {
  margin-top: 8px;
}

.mr {
  margin-right: 8px;
}

.mb {
  margin-bottom: 8px;
}

.mb-16 {
  margin-bottom: 16px;
}

.mt-10 {
  margin-top: 10px;
}
.mt-16 {
  margin-top: 16px;
}
.mt-15 {
  margin-top: 15px;
}
.mt-20 {
  margin-top: 20px;
}

.my-15 {
  margin-block: 15px;
}

.mx-0 {
  margin-inline: 0;
}

.mx-10 {
  margin-inline: 10px;
}

.mx-16 {
  margin-inline: 16px;
}

.m-8 {
  margin: 1rem;
}

.m-20 {
  margin: 20px;
}

.mx-20 {
  margin-inline: 20px;
}

.p-20 {
  padding: 20px;
}

.p-10 {
  padding: 10px;
}

.p-16 {
  padding: 16px;
}

.pt-16 {
  padding-top: 16px;
}

.pt-12 {
  padding-top: 12px;
}

.pt-20 {
  padding-top: 20px;
}

.py-20 {
  padding-block: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.p-0 {
  padding: 0 !important;
}

.ml-auto {
  margin-left: auto;
}

.gap-10 {
  gap: 16px;
}

.gap-12 {
  gap: 12px;
}

.gap-16 {
  gap: 16px;
}

.gap-20 {
  gap: 20px;
}

.gap-8 {
  gap: 8px;
}

.gap-4 {
  gap: 4px;
}

.gap-2 {
  gap: 2px;
}

.flex-initial {
  flex: initial !important;
}

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.flex-3 {
  flex: 3;
}
.flex-4 {
  flex: 4;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.w-full {
  width: 100%;
}

.w-1\/3 {
  width: 33.33%;
}

.w-2\/3 {
  width: 66.33%;
}

.h-full {
  height: 100%;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.btn-anexo {
  width: 100%;
  margin-bottom: 16px;
}

.btn-visualizacao {
  font-size: 12px;
}
/*.btn-visualizacao .dropdown > button {
    min-width: 200px;
    width: 100%;
}
*/
.btn-visualizacao .dropdown-menu > li > a {
  width: 100%;
  padding: 8px !important;
  color: #333;
}

/* Modal hist�rico ONR */

/*#modalAdicionarCompartilhado,
#modalHistoricoCertidao {
    padding: 0;
    background: rgba(0,0,0,.8);
}

    #modalAdicionarCompartilhado .modal-dialog,
    #modalHistoricoCertidao .modal-dialog {
        width: auto;
        max-width: 768px;
    }

.alert-onr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-left: 4px solid;
    padding: 16px;
}

    .alert-onr > div {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .alert-onr .glyphicon {
        font-size: 26px;
        padding: 10px;
    }

.alert-onr-success {
    border-left-color: #22c55e;
    background: #f0fdf4;
    color: #14532d;
}

.alert-onr-warning {
    border-left-color: #eab308;
    background: #fefce8;
    color: #713f12;
}

.alert-onr-error {
    border-left-color: #ef4444;
    background: #fef2f2;
    color: #7f1d1d;
}

#modalAdicionarCompartilhado .close-icon,
#modalHistoricoCertidao .close-icon {
    position: absolute;
    right: 16px;
    top: 16px;
    border-radius: 50%;
    border: none;
    width: 24px;
    height: 24px;
    padding: 0;
    font-size: 20px;
    color: #333;
    line-height: 0;
}

#modalAdicionarCompartilhado .modal-header,
#modalHistoricoCertidao .modal-header {
    background: #fff;
    color: #333;
}

#modalAdicionarCompartilhado .close-icon:hover,
#modalHistoricoCertidao .close-icon:hover {
    opacity: .7;
}

@media (min-width: 768px) {
    #modalHistoricoCertidao .modal-body {
        padding: 32px;
    }
}

#modalAdicionarCompartilhado .modal-body > * + *,
#modalHistoricoCertidao .modal-body > * + * {
    margin-top: 16px;
}*/

/* MODAL */

.modal {
  padding: 0;
  background: rgba(0, 0, 0, 0.6);
}

.modal-content {
  border-radius: 12px !important;
  overflow: hidden;
}

.modal-body {
  padding: 8px;
}

.modal .modal-content .modal-header {
  padding: 20px;
  background-color: #fff;
}

.modal .modal-content .modal-footer {
  margin: 0;
  padding: 20px;
  text-align: right;
  border-top: 1px solid #e5e5e5 !important;
}

.close-icon {
  position: absolute;
  right: 20px;
  top: 20px;
  border-radius: 50%;
  border: none;
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 20px;
  color: #333;
  line-height: 0;
}

.close-icon:hover {
  opacity: 0.7;
}

/**/

#tblPedidoGrupoUpload {
  margin-top: 20px;
}
/* here you can put your own css to customize and override the theme */

.view-onr {
  padding: 2%;
  border: 1px dashed grey;
  height: calc(100vh - 142px);
  overflow: scroll;
  display: block;
  position: sticky;
  top: 142px;
  max-width: 45vw;
}

.accordion-container {
  display: table;
  width: 100%;
}

.accordion-container h3 {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  margin: 0 0 24px;
}

.accordion-container fieldset {
  border: 1px solid #ccc;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 22px;
}

.accordion-container button {
  float: right;
}

.accordion-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 0 22px;
  height: 54px;
}

.accordion-title:hover {
  background: #f5f5f5;
}

.accordion-title h4 {
  font-size: 15px;
  font-weight: 600;
}

.accordion-title svg {
  fill: #333;
}

.accordion-title[aria-expanded="true"] {
  background: #fff5f2;
  color: #ff3201;
}

.accordion-title[aria-expanded="true"] svg {
  fill: #ff3201;
  transform: rotate(180deg);
}

.accordion-content {
  border-top: 1px solid #ccc;
}

.accordion-checks {
  display: flex;
  justify-content: center;
  gap: 8%;
  padding: 32px 22px;
}

.accordion-checks div label {
  display: flex;
  align-items: start;
  margin-bottom: 0;
  cursor: pointer;
  padding: 12px 14px;
  border-radius: 4px;
  font-size: 14px;
}

.accordion-checks div label:hover {
  background: #fff5f2;
}

.accordion-checks div label span > strong {
  font-size: 16px;
}

.accordion-checks div label span span strong {
  font-size: 14px;
  color: #ff3201;
}

.accordion-checks input[type="checkbox"] {
  margin: 2px 16px 2px 0;
  width: 17px;
  height: 17px;
  accent-color: #ff3201;
}

.accordion-vertical-line {
  width: 1px;
  height: auto;
  background: #ccc;
}

.accordion-inputs {
  padding: 16px 22px 22px;
  border-top: 1px solid #ccc;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.accordion-inputs label {
  margin-bottom: 0;
  font-size: 13px;
}

.accordion-input {
  width: 100%;
  height: 34px;
  padding: 0 6px;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  font-size: 13px;
}

.accordion-input:hover {
  border-color: #adadad;
}

.accordion-input:focus {
  outline: 0;
  border-color: #707070;
}

.btn-action, .btn-action-success {
    background: #ff3201;
    border: none;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 8px 16px;
    transition: all 0.2s;
    cursor: pointer;
}

.btn-action:hover {
  background: #e62d01;
}

.btn-action:active {
  background: #bf2601;
}

.btn-action i {
  margin-right: 8px;
}

.btn-action.blue {
  background: #0ea5e9;
  border: 0;
  color: #fff;
  justify-content: center;
  cursor: pointer;
  font-size: 12px;
}

.btn-action.blue:hover {
  background: #0284c7;
}

.btn-action.blue:active {
  background: #0369a1;
}

.btn-action-outline {
  background: none;
  border: 1px solid #ff3201;
  color: #ff3201;
  padding: 6px 12px;
  height: 36px;
}

.btn-action-outline:hover {
  background: #fff5f2;
}

.btn-action-outline:active {
  background: #ffebe6;
}

.h-36 {
  height: 36px;
}

#lblStatusAnalisePedido {
  font-size: 12px;
}

.btn-action-analise {
  border: 1px solid #ccc;
  /*background: #f5f5f5;*/
  border-radius: 4px !important;
  cursor: pointer;
  color: #707070;
  box-shadow: none !important;
  padding: 0 8px !important;
  height: 26px !important;
  align-items: center;
  display: flex;
  font-size: 10px !important;
  text-transform: uppercase !important;
  display: none;
}

.btn-action-analise:not([disabled]) {
  display: flex;
  background: #f5f5f5;
  opacity: 1 !important;
}

.btn-action-analise[disabled]:hover {
  background: #fff;
}

.btn-action-analise:hover {
  background: #ebebeb;
}

.btn-action-consultar-indisp {
  border: 1px solid #ccc;
  /*background: #f5f5f5;*/
  border-radius: 4px !important;
  cursor: pointer;
  color: #707070;
  box-shadow: none !important;
  padding: 0 8px !important;
  height: 26px !important;
  align-items: center;
  display: flex;
  font-size: 10px !important;
  text-transform: uppercase !important;
}

.btn-action-consultar-indisp:not([disabled]) {
  background: #f5f5f5;
  opacity: 1 !important;
}

.btn-action-consultar-indisp[disabled]:hover {
  background: #fff;
}

.btn-action-consultar-indisp:hover {
  background: #ebebeb;
}

.creditos-clientes {
  border-color: #22c55e !important;
  color: #22c55e !important;
  background: #f2fcf9 !important;
  &:hover {
    background: #f2fcf9 !important;
  }
}

.analise-sticky {
  position: sticky;
  top: 75px;
  background: white;
  z-index: 4;
  padding: 8px 0 12px;
  border-bottom: 1px solid #ddd;
}

div#divOperadorRelacional,
div#divValorLead {
  padding-right: 5px;
}

#loading {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  text-align: center;
  display: none;
  background: rgb(255 255 255 / 89%);
  backdrop-filter: blur(2px);
}

.tblDetLeads {
  overflow: visible;
  min-width: 210px;
}

.portlet {
  margin-bottom: 20px;
  box-shadow: initial;
}

.portlet-title {
  padding: 20px !important;
  margin: 0 !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.portlet-title .caption {
  padding: 0 !important;
}

.portlet-title .tools {
  padding: 0 !important;
}

.table-toolbar {
  margin: 0;
}

.portlet-body {
  padding: 20px !important;
}

.portlet > .portlet-title:after,
.portlet > .portlet-title:before {
  content: initial;
}

@media (min-width: 1024px) {
  /*    .modal-dialog {
        width: 900px;
    }*/
}

@media (max-width: 768px) {
  div#divOperadorRelacional,
  div#divValorLead {
    padding-right: 15px;
  }
}

/*.alert-blue {
    background-color: #e9ecf3;
    background: #e9ecf3;
}*/

.page-header.navbar
  .top-menu
  .navbar-nav
  > li.dropdown-extended
  .dropdown-menu
  .dropdown-menu-list
  > li.alert-blue
  > a:hover {
  background: #f5f5f5;
}

.table > thead > tr > td.row-green,
.table > thead > tr > th.row-green,
.table > thead > tr.row-green > td,
.table > thead > tr.row-green > th,
.table > tbody > tr > td.row-green,
.table > tbody > tr > th.row-green,
.table > tbody > tr.row-green > td,
.table > tbody > tr.row-green > th,
.table > tfoot > tr > td.row-green,
.table > tfoot > tr > th.row-green,
.table > tfoot > tr.row-green > td,
.table > tfoot > tr.row-green > th {
  background-color: #d9ffdc !important;
}

.table > thead > tr > td.row-red,
.table > thead > tr > th.row-red,
.table > thead > tr.row-red > td,
.table > thead > tr.row-red > th,
.table > tbody > tr > td.row-red,
.table > tbody > tr > th.row-red,
.table > tbody > tr.row-red > td,
.table > tbody > tr.row-red > th,
.table > tfoot > tr > td.row-red,
.table > tfoot > tr > th.row-red,
.table > tfoot > tr.row-red > td,
.table > tfoot > tr.row-red > th {
  background-color: #fbe1e3 !important;
}

.dataTable > thead > tr > th.no-order-icon[class*="sort"]:after {
  content: "" !important;
}

.page-header.navbar
  .top-menu
  .navbar-nav
  > li.dropdown-extended
  .dropdown-menu-notifications {
  min-width: 360px;
  max-width: 100vh;
  /* width: 60vh; */
  box-shadow: none !important;
  border: 2px solid #ebebeb !important;
}

.ScrollNotifications {
  height: auto;
  max-height: 80vh;
  width: auto;
  max-width: 100vh;
  overflow-x: hidden;
}

.select2-container--default .select2-selection--single,
.select2-container--bootstrap .select2-selection {
  border-radius: 0 25px 25px 0 !important;
  color: #fff;
  height: 35px;
  width: auto !important;
}

.select2-container {
  width: 100% !important;
}

.modal-open .select2-dropdown {
  z-index: 10060;
}

.modal-open .select2-container--open {
  z-index: 999999 !important;
  width: 100% !important;
}

.large-tooltip .tooltip-inner {
  width: auto;
  max-width: 500px;
}

@media (max-width: 767px) {
  .page-header.navbar
    .top-menu
    .navbar-nav
    > li.dropdown-notification
    .dropdown-menu {
    margin-right: -38px;
    width: 100% !important;
  }
}

/*.documentos-bloco-direita {
    display: none;
}

.btn-visualizacoes-documentos-esquerdo {
    padding: 0px 5px 0px 5px !important;
    vertical-align: inherit;
    min-height: 28px;
    border-radius: 8px !important;
    margin: 10px;
    background-color: inherit;
    border-width: 0px;
}

    .btn-visualizacoes-documentos-esquerdo.actived {
        background-color: cornflowerblue;
        color: white;
        border: 2px solid midnightblue;
    }

.btn-visualizacoes-documentos-direita, .btn-edicao-minuta {
    padding: 0px 5px 0px 5px !important;
    vertical-align: inherit;
    min-height: 28px;
    border-radius: 8px !important;
    margin: 10px;
    background-color: inherit;
    border-width: 0px;
}

    .btn-edicao-minuta, .btn-edicao-minuta:hover {
        text-decoration: unset;
        color: #2f353b;
    }

        .btn-visualizacoes-documentos-direita.actived, .btn-edicao-minuta.actived {
            background-color: cornflowerblue;
            color: white;
            border: 2px solid midnightblue;
        }*/

.campo-tem-observacao {
  margin-top: 23px;
  font-size: 25px;
  color: #5b9bd1;
}

.campo-nao-tem-observacao {
  margin-top: 23px;
  font-size: 25px;
  color: #6495ed94;
}

.PedidoServicoCampoCustomizadoValidado {
  margin-top: 27px !important;
}

.btn-apagar-campo-documentos {
  margin-top: 21px !important;
}

#modalConcluirPedidoEscritura.modal-dialog {
  transform: translate(0, -50%);
  top: 50%;
  margin: 0 auto;
}

#modalConcluirPedidoEscritura,
.modal-footer {
  margin-top: 20px;
}

#modalConcluirPedidoEscritura,
.modal-body {
  min-height: 150px;
}

.acoes-pagina-documento {
  padding: 0px;
}

.notifica-mudancas {
  position: fixed;
  top: 0;
  left: 150px;
  z-index: 99999;
  padding: 10px;
  min-width: 400px;
}

.fechar-toast {
  cursor: pointer;
}

.row-imagem-documento {
  padding: 12px;
  background-color: #69696926;
  max-height: calc(100vh - 142px);
  overflow: scroll;
  display: block;
  position: sticky;
  top: 142px;
  max-width: 45vw;
}

.row-imagem-documento-fullscreen {
  padding: 20px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100vw;
  background-color: white;
}

.row-imagem-documento-fullscreen .imagem-documento-aberta {
  max-height: 100vh;
  max-width: none;
}

.col-imagem-documento {
  padding: 6px 0 0;
  text-align: center;
}

.row-imagem-documento .imagem-documento-aberta {
  max-width: 100%;
}

.col-menu-imagem-documento {
  color: black;
}

.botoes-acoes-documentos {
  position: sticky;
  z-index: 10;
  top: 76px;
  background: #fff;
  border-bottom: 1px solid #ebebeb;
  padding: 8px 0;
}

.icones-tela-menu-esquerdo {
  padding-top: 10px;
}

.icones-clicaveis {
  cursor: pointer;
}

.fullscreen-dados {
  display: none;
}

.btn-sticky {
  position: sticky;
  top: 92px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
/*.btn-expande-minimize {
    color: midnightblue;
    background: #aeb2c4;
    padding-top: 5px;
    border-radius: 4px;
    border: 1px solid cornflowerblue;
}*/

/*.view-minuta {*/
/*    padding: 10px;
    border: 1px dashed grey;
    background-color: #ebebeb;*/
/*max-height: calc(100vh - 142px);
    overflow: scroll;
    display: block;
    position: sticky;
    top: 142px;*/
/*max-width: 45vw;*/
/*}*/

.conteudo-minuta {
  padding: 10px;
  background-color: white;
}

.wizard {
  margin: 20px auto;
  background: #fff;
}

.wizard .nav-tabs {
  position: relative;
  margin: -40px auto;
  margin-bottom: 0;
  border-bottom-color: #e0e0e0;
}

.wizard > div.wizard-inner {
  position: relative;
}

.connecting-line {
  height: 2px;
  background: #e0e0e0;
  position: absolute;
  width: 80%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1;
}

.wizard .nav-tabs > li.active > a,
.wizard .nav-tabs > li.active > a:hover,
.wizard .nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  border: 0;
  border-bottom-color: transparent;
}

span.round-tab {
  width: 70px;
  height: 70px;
  line-height: 70px;
  display: inline-block;
  border-radius: 100px;
  background: #fff;
  border: 2px solid #e0e0e0;
  z-index: 2;
  position: absolute;
  left: 0;
  text-align: center;
  font-size: 25px;
}

span.round-tab i {
  color: #555555;
}

.wizard li.active span.round-tab {
  background: #fff;
  border: 2px solid #5bc0de;
}

.wizard li.active span.round-tab i {
  color: #5bc0de;
}

span.round-tab:hover {
  color: #333;
  border: 2px solid #333;
}

.wizard .nav-tabs > li {
  width: 25%;
}

.wizard li:after {
  content: " ";
  position: absolute;
  left: 46%;
  opacity: 0;
  margin: 0 auto;
  bottom: 0px;
  border: 5px solid transparent;
  border-bottom-color: #5bc0de;
  transition: 0.1s ease-in-out;
}

.wizard li.active:after {
  content: " ";
  position: absolute;
  left: 46%;
  opacity: 1;
  margin: 0 auto;
  bottom: 0px;
  border: 10px solid transparent;
  border-bottom-color: #5bc0de;
}

.wizard .nav-tabs > li a {
  width: 70px;
  height: 70px;
  margin: 20px auto;
  border-radius: 100%;
  padding: 0;
}

.wizard .nav-tabs > li a:hover {
  background: transparent;
}

.wizard .tab-pane {
  position: relative;
  padding-top: 50px;
}

.wizard h3 {
  margin-top: 0;
}

@media (max-width: 585px) {
  .wizard {
    width: 90%;
    height: auto !important;
  }

  span.round-tab {
    font-size: 16px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }

  .wizard .nav-tabs > li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }

  .wizard li.active:after {
    content: " ";
    position: absolute;
    left: 35%;
  }
}

/* BTN Visualiza��o */

.flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.items-center {
  align-items: center;
}

.items-start {
  align-items: start;
}

.items-end {
  align-items: end;
}

.-mt-16 {
  margin-top: -16px;
}

.ml {
  margin-left: 8px;
}

.mr {
  margin-right: 8px;
}

.border-0 {
  border: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-10 {
  margin: 10px !important;
}

.px-20 {
  padding: 0 20px !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-8 {
  gap: 8px;
}

.gap-10-10 {
  gap: 10px;
}

.gap-10 {
  gap: 16px !important;
}

.w-full {
  width: 100%;
}

.btn-anexo {
  width: 100%;
  margin-bottom: 16px;
}

.btn-visualizacao .dropdown > button {
  min-width: 200px;
  width: 100%;
}

.btn-visualizacao .dropdown-menu > li > a {
  padding: 12px;
}

/* Modal hist�rico ONR */

#modalHistoricoCertidao {
  padding: 0;
  background: rgba(0, 0, 0, 0.8);
}

#modalHistoricoCertidao .modal-dialog {
  width: auto;
  max-width: 768px;
}

.alert-onr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-left: 4px solid;
  padding: 16px;
}

.alert-onr > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.alert-onr .glyphicon {
  font-size: 26px;
  padding: 10px;
}

.alert-onr-success {
  border-left-color: #22c55e;
  background: #f0fdf4;
  color: #14532d;
}

.alert-onr-warning {
  border-left-color: #eab308;
  background: #fefce8;
  color: #713f12;
}

.alert-onr-error {
  border-left-color: #ef4444;
  background: #fef2f2;
  color: #7f1d1d;
}

#modalHistoricoCertidao .close-icon {
  position: absolute;
  right: 16px;
  top: 16px;
  border-radius: 50%;
  border: none;
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 20px;
  color: #333;
  line-height: 0;
}

#modalHistoricoCertidao .modal-header {
  background: #fff;
  color: #333;
}

#modalHistoricoCertidao .close-icon:hover {
  opacity: 0.7;
}

@media (min-width: 768px) {
  #modalHistoricoCertidao .modal-body {
    padding: 32px;
  }
}

#modalHistoricoCertidao .modal-body > * + * {
  margin-top: 16px;
}

#tblPedidoGrupoUpload {
  margin-top: 20px;
}

.modal-open .colorpicker,
.modal-open .datepicker,
.modal-open .daterangepicker {
  z-index: 10049 !important;
}

/* Fluxo */

.fluxo {
  border: 2px solid #ebebeb !important;
  border-radius: 8px;
  overflow-y: clip;
}

.fluxo-bar {
  background: #fff;
  color: #333;
  display: flex;
  position: sticky;
  top: 76px;
  padding: 16px;
  border-bottom: 1px solid #ccc;
  font-weight: 600;
}

.fluxo-info {
  flex: 1;
}

.fluxo-check {
  width: 700px;
  display: flex;
}

.fluxo-check span {
  flex: 1;
  text-align: center;
}

.fluxo-content {
  padding: 16px 16px 0 16px;
  display: flex;
  flex-direction: column;
}

.fluxo-content-parte {
  display: flex;
  align-items: center;
  padding: 16px 0;
}

.fluxo-content-parte span:last-child {
  color: #ff3201;
  font-weight: bold;
  font-size: 12px;
}

.fluxo-content-parte span:last-child span {
  color: #d946ef;
}

.fluxo-content-parte .fluxo-content-parte {
  display: block;
}

.fluxo-content-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.fluxo-content-check {
  width: 700px;
  display: flex;
}

.fluxo-content-check input {
  flex: 1;
  text-align: center;
  margin: 0;
}

.fluxo-content-partes {
  padding-left: 16px;
  margin: 0 0 16px 0;
  display: flow-root;
  background: rgba(173, 173, 173, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-left: 4px solid rgba(0, 0, 0, 0.15);
  border-right: none;
  border-radius: 8px 0 0 8px;
}

.fluxo-content-partes > span {
  margin-top: 16px;
  display: inline-flex;
  align-items: center;
  background: #333;
  color: #fff;
  font-size: 11px;
  padding: 2px 12px 3px;
  border-radius: 25px;
  height: 24px;
}

#tabela_acoes_fluxo_wrapper th,
#tabela_acoes_fluxo_wrapper td,
#tabela_historico_etapas_fluxo_wrapper th,
#tabela_historico_etapas_fluxo_wrapper td {
  font-size: 13px;
}

#tabela_historico_etapas {
  margin: 0 16px;
}

#tabela_historico_etapas_fluxo_wrapper {
  padding-top: 16px;
  padding-bottom: 8px;
  border-top: 1px solid #ccc;
  font-size: 13px;
}

.buttons-search_history {
  height: 24px;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0 10px;
  border-radius: 25px;
  border: 2px solid #333;
  background: #fff;
}

.buttons-search_history:hover {
  background: #f8f8f8;
}

.buttons-search_history.active {
  background: #ccc;
  cursor: default;
}
/* Notifica��es */
#novoPedido,
#novoCliente {
  background: #333;
  padding: 2px 7px 1px 7px;
  color: #fff;
  border-radius: 6px;
  margin-right: 12px;
  display: inline-flex;
  font-size: 9px;
  letter-spacing: 0.5px;
  align-self: self-start;
}

.accordion-notificacoes {
  cursor: pointer;
}
.accordion-header {
  &:hover {
    background: #f5f5f5;
  }
}

.dropdown-menu-notifications {
  top: 90% !important;
  right: 5px !important;
}

.dropdown-menu-notifications li:first-child {
}

.dropdown-menu-notifications li h3 {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  color: #ff3201 !important;
  font-weight: 600;
  margin: 0;
  padding: 12px;
  font-size: 13px;
}

.dropdown-menu-notifications li h3 a {
  border-radius: 25px;
  border: none;
  font-weight: 600;
  color: #333;
  transition: all 0.2s;
}

#pedidosNotificacoes,
#clientesNotificacoes {
  background: #ff3201;
  color: #fff;
  padding: 3px 8px 3px 7px;
  font-size: 9px;
  font-weight: 600;
  border-radius: 25px;
  line-height: 1.6;
  margin-right: 10px;
}

.accordion-badge {
  display: flex;
  align-items: center;
}
.accordion-badge-svg {
  fill: #333;
  margin-right: 16px;

  &.active {
    transform: rotate(180deg);
  }
}

/* Enotariado avisos */

.enotariadoAvisos {
  text-align: center;
  padding: 28px;
  border-radius: 6px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.enotariadoAvisos.red {
  background: #fee2e2;
  border: 1px solid #ef4444;
  color: #ef4444;
}

.enotariadoAvisos.yellow {
  background: #fef9c3;
  border: 1px solid #ca8a04;
  color: #ca8a04;
}

.enotariadoAvisos h4 {
  margin: 0;
  font-weight: bold;
}

/*Torre Bloco Unidade*/
.qt-torre-bloco-row {
  display: flex;
  justify-content: space-around;
  margin-top: 2rem;
  align-items: center;
}

.qt-unidades-por-torre {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
  align-items: center;
}

.vincular-cliente {
  display: flex;
}

.div-title-torre,
.div-title-actions-fluxo {
  padding: 0.3rem;
  cursor: pointer;
}

.container-unidade-torre {
  padding: 1rem;
}

.container-torres {
  background: #eee;
  border-radius: 1rem;
  margin-bottom: 2rem;
}

.div-inputs {
  width: 100%;
}

.label-torre-bloco {
  font-weight: 600;
}

.titulo-torre,
.titulo-action-fluxo,
.titulo-action-fluxo-pendentes,
.titulo-action-fluxo-concluidas,
.titulo-action-fluxo-bloqueadas {
  font-weight: bold;
}

.titulo-action-fluxo {
  font-size: 14px;
  font-weight: 600;
}

.excluir_unidades {
  margin-top: 5px;
}

/*Aba Fluxo*/

.botoes_aba_fluxo {
  display: flex;
}

.dados_etapa {
  align-items: flex-end;
  /*display: flex;
    gap: 3rem;
    padding: 2rem;*/
}

.dados_etapa_tarefas {
  /* display: flex;
    gap: 1rem;
    padding: 2rem;*/
  align-items: flex-end;
}

.btn-etapas {
  margin: 10px;
  height: 36px;
  padding-inline: 16px;
  border-radius: 4px;
  color: #333;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  border: 1px solid #ccc;
}

.btn-etapas:hover {
  opacity: 0.9;
}

#atribuir,
#atribuir_tarefa_pedido {
  background: #84cc16;
  border: 1px solid #84cc16;
  color: #fff;
}

#passar_etapa {
  background: #0ea5e9;
  border: 1px solid #0ea5e9;
  color: #fff;
}

#pular_etapa,
#confirmar_pular_etapa {
  background: #d946ef;
  border: 1px solid #d946ef;
  color: #fff;
}

#confirmar_pular_etapa {
  order: 2;
}

#cancelar_pular_etapa {
  background: #fff;
  color: #d946ef;
  border: 1px solid #d946ef;
  order: 1;
}

.text_description_area {
  display: flex;
}

.customized-label-fluxo {
  /* font-weight: bold; */
}

#status_color {
  width: 10px;
  height: 10px;
}

.desc-aba-fluxo {
  display: flex;
  align-items: center;
  gap: 3rem;
  span {
    line-height: 1;
  }
}

.desc-aba-tarefas {
  display: flex;
  align-items: center;
  gap: 1rem;
}

#status_etapa {
  display: flex;
  align-items: center;
  gap: 1rem;
}

#history_buttons {
  display: flex;
  gap: 1rem;
}

#tabela_acoes_fluxo,
#tabela_acoes_historico_tarefas {
  width: 100% !important;
}

.titulo-torre {
  font-weight: bold;
}

.container-fluxo {
  /*background: #f5f5f5;
    border-radius: 1rem;
    padding: 1rem;
    margin-top: 2rem;*/
  border: 1px solid #ccc;
  margin: 10px;
  cursor: pointer;
  border-radius: 4px;
  overflow: hidden;
}

#content_card_body {
  padding-bottom: 6px;
}

.fluxo-process {
  margin-inline: 16px;
  padding-block: 16px;
  gap: 16px;
  display: flex;
  flex-direction: column;
  border-top: 1px solid #ccc;
}

.container-fluxo-pendentes {
  /* background-color: rgb(255 255 0 / 30%);
    padding: 1rem; */
  margin: 0;
  cursor: pointer;
  i {
    color: #eab308;
  }

  .accordion-heading {
    background-color: #fefce8;
  }
}

.container-fluxo-bloqueadas {
  /* background-color: rgb(255 0 0 / 30%);
    padding: 1rem; */
  margin: 0;
  cursor: pointer;
  i {
    color: #ef4444;
  }

  .accordion-heading {
    background-color: #fef2f2;
  }
}

.container-fluxo-concluidas {
  /* background-color: rgb(49 255 0 / 30%);
    padding: 1rem; */
  margin: 0;
  cursor: pointer;
  i {
    color: #22c55e;
  }

  .accordion-heading {
    background-color: #f0fdf4;
  }
}

#tarefas_pendentes,
#tarefas_bloqueadas,
#tarefas_concluidas {
  .accordion-heading {
    background-color: #fff;
  }
}

#tarefas_pendentes {
  padding: 6px;
  border-top: 1px solid #ccc;
}

#tarefas_bloqueadas {
  padding: 6px;
  border-top: 1px solid #ccc;
}

#tarefas_concluidas {
  padding: 6px;
  border-top: 1px solid #ccc;
}

#acoes,
#acoes_tarefas {
  border-top: 1px solid #ccc;
  padding: 20px 20px 12px;
}

.heading-fluxo {
  display: flex;
}

.content_card_tarefa_atribuida_title {
  padding: 1rem !important;
}

.heading-tarefas {
  background: #f5f5f5b0;
  display: flex;
}

.div-title-tarefas-fluxo {
  padding: 0.3rem;
  cursor: pointer;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-content: center;
}

.divisoria-tarefas {
  margin: 1px;
  background: black;
}

.tarefas-collapse {
  /*padding: 5px 1rem 1rem 5px;*/
}

.content-card-body-taerfa-atribuida {
  border-top: 1px solid #ccc;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.buttons-tarefas-radio {
  /* border-radius: 25px;
    height: 32px;
    background-color: #fff; */
  /* border: 1px solid #dedede !important; */
}

.titulo-action-fluxo-personalizado {
  /* display: block;
    width: 85%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 900; */
}

.confirmar-acoes:not([disabled]) {
  background: #ff3201;
  border: 1px solid #ff3201 !important;
  border: none;
  color: #fff;
}

.cancelar-acoes:not([disabled]) {
  background: #fff;
  border: 1px solid #ff3201;
  color: #ff3201;
}

.text-comments-area-tarefas {
  display: grid;
  gap: 1rem;
  /* margin-bottom: 1rem; */
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  z-index: 3;
  color: #333;
  background-color: #f3f4f6;
  border-color: #ddd;
  cursor: default;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857;
  text-decoration: none;
  color: #333;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}

/*.filtros {
    display: flex;
    justify-content: space-between;
}*/

.filtos-select {
  display: flex;
  gap: 2rem;
}

.tarefas-default {
  padding: 2rem;
}

.edita-exclui-tarefa-default {
  display: flex;
  justify-content: space-around;
}

.editarTarefa,
.excluirTarefa {
  width: 30%;
}

/* Accordion Minuta */

#tab_Minuta {
  /*border-bottom: 1px solid #f5f5f5;*/
  margin-bottom: 5px;
}

.accordion-minuta-title {
  border: 1px solid #ccc !important;
  padding: 2px 16px !important;
  /*background: #fff5f2 !important;*/
  /*margin-inline: 15px;*/
  /*margin-top: 15px;*/
  border-radius: 6px;
  justify-content: space-between;
}

.accordion-minuta-content {
  border: 1px solid #ccc;
  /*padding: 15px;*/
  /*margin: 15px;*/
  margin-top: 0;
  line-height: 0;
  border-radius: 0 0 6px 6px;
}

.accordion-minuta-content .pagination {
  margin-top: 15px;
  margin-bottom: 0;
}

.accordion-minuta-title[aria-expanded="true"] {
  border-bottom: 0 !important;
  border-radius: 6px 6px 0 0;
}

.editor-minuta {
  width: 100%;
  /* display: table; */
  margin-top: 5px;
}

#divContainerHistoricoMinutas,
#tblMinuta {
  padding: 0;
  margin: 0 !important;
  border-top: 0;
  border-radius: 2px;
}

#tblMinuta th {
  font-size: 12px;
}

#tblMinuta td {
  font-size: 12px;
  vertical-align: middle;
}

.table-minuta-container {
  margin: 15px !important;
}

.minuta-edit-btn-action {
  position: sticky;
  top: 76px;
  background: #fff;
  padding: 10px 0;
  display: flex;
  flex-wrap: wrap;
  z-index: 501;
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
  gap: 0 16px;
}

#editorMinuta > p > i {
  pointer-events: none;
  background-color: dimgrey;
  color: linen;
  opacity: 1;
}

.variavel {
  background: none !important;
  padding: 0px !important;
  border: none !important;
  cursor: not-allowed !important;
}

#divAcoesMinuta a {
  color: #ff3201;
}

#paginacaoMinuta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}

#paginacaoMinuta a {
  all: unset;
  cursor: pointer;
  border: 1px solid #fff;
  background: #fff;
  border-radius: 6px;
  display: grid;
  width: 23px;
  height: 20px;
  place-content: center;
  font-size: 11px;
}

#paginacaoMinuta li:first-child a,
#paginacaoMinuta li:last-child a {
  font-size: 14px;
}

#paginacaoMinuta li.active a {
  border: 1px solid #ddd;
  background: #f5f5f5;
  cursor: auto;
}
/* Menu */
.menu-vertical-left {
  position: absolute;
  top: -12px;
  left: -38px;
  background: #fff;
  padding: 12px 2px 10px 6px;
  cursor: pointer;
  border-radius: 50px 0 0 50px;
  box-shadow: 0 1px 0px 0px rgba(60, 64, 67, 0.1),
    0 1px 1px 0px rgba(60, 64, 67, 0.1);
}

.menu-vertical-left svg {
  transform: rotate(90deg);
}

.menu-vertical-left.active svg {
  transform: rotate(-90deg);
}

.menu-vertical-right {
  position: absolute;
  top: -12px;
  right: -38px;
  background: #fff;
  padding: 12px 6px 10px 2px;
  cursor: pointer;
  border-radius: 0 50px 50px 0;
  box-shadow: 0 1px 0px 0px rgba(60, 64, 67, 0.1),
    0 1px 1px 0px rgba(60, 64, 67, 0.1);
}

.menu-vertical-right svg {
  transform: rotate(-90deg);
}

.menu-vertical-right.active svg {
  transform: rotate(90deg);
}

/* Relacionamento */

.btn-action-relacionamento {
  background: #ff3201;
  border: none;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  transition: all 0.2s;
  gap: 10px;
}

.btn-action-relacionamento:hover,
.btn-action-relacionamento:focus {
  color: #fff;
  text-decoration: none;
}

.btn-action-relacionamento-outline {
  background: #333;
  border: 1px solid #333;
  color: #fff;
  padding: 8px 12px;
  margin: auto;
}

.btn-action-relacionamento-outline:hover {
  opacity: 0.8;
  color: white !important;
}

.btn-action-relacionamento-outline:active {
  opacity: 0.9;
  color: white !important;
}

/**/

.menu .accordion-heading {
  position: relative;
}

.menu .accordion-heading .edit {
  position: absolute;
  top: 8px;
  right: 30px;
}

.menu .area {
  border-left: 4px solid rgba(0, 0, 0, 0.15);
}

.menu .equipamento {
  border-left: 4px solid rgba(0, 0, 0, 0.15);
}

.menu .ponto {
  border-left: 4px solid rgba(0, 0, 0, 0.15);
}

.menu .collapse.in {
  overflow: visible;
}

.accordion {
  /*margin-top: 15px;
    padding-top: 7px;*/
}

.accordion-group {
  /*margin-bottom: 2px;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    background: rgba(173, 173, 173, .1);*/
}

.accordion-heading {
  border-bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  width: 100%;
  background: #f8f8f8;
}

.accordion-heading:hover {
  background: #f5f5f5;
}

.accordion-heading .accordion-toggle {
  display: block;
}

.accordion-heading h4,
.accordion-heading h5 {
  margin: 0;
  font-weight: 600;
}

.accordion-toggle {
  cursor: pointer;
}

.accordion-inner {
  padding: 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.accordion-toggle-action {
  display: flex;
  align-items: center;
  gap: 15px;
}

.accordion-toggle-action svg {
  fill: #333;
}

.accordion-toggle-action button {
  background: #eb5757;
  border: none;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 6px 10px;
  transition: all 0.2s;
}

.accordion-toggle-action:hover {
  opacity: 0.8;
}

.accordion-toggle-action:active {
  opacity: 0.9;
}

.accordion-toggle[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

/* Abas scrolling */

.scrollable-tabs-container,
.scrollable-tabs-container-duo {
  /*font-family: "Roboto", sans-serif;*/
  /*background: #f5f5f5;*/
  /*max-width: 700px;*/
  margin-bottom: 24px;
  /*border-radius: 4px;*/
  overflow: hidden;
  position: relative;
}

.scrollable-tabs-container svg,
.scrollable-tabs-container-duo svg {
  width: 36px;
  height: 36px;
  cursor: pointer;
  color: #333;
  border-radius: 50%;
  pointer-events: auto;
  background: #f5f5f5;
}

.scrollable-tabs-container ul,
.scrollable-tabs-container-duo ul {
  display: flex;
  gap: 16px;
  padding: 0;
  margin: 0;
  list-style: none;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-behavior: smooth;
  height: 40px;
  align-items: center;
}

.scrollable-tabs-container ul.dragging a,
.scrollable-tabs-container-duo ul.dragging a {
  pointer-events: none;
}

.scrollable-tabs-container ul.dragging,
.scrollable-tabs-container-duo ul.dragging {
  scroll-behavior: auto;
}

.scrollable-tabs-container ul::-webkit-scrollbar,
.scrollable-tabs-container-duo ul::-webkit-scrollbar {
  display: none;
}

.scrollable-tabs-container a,
.scrollable-tabs-container-duo a {
  color: #333;
  text-decoration: none;
  background: #f5f5f5;
  padding: 8px 24px;
  display: inline-block;
  border-radius: 6px;
  user-select: none;
  white-space: nowrap;
  font-weight: 600;
}

.scrollable-tabs-container a:hover,
.scrollable-tabs-container-duo a:hover {
  background: #ebebeb;
}

.scrollable-tabs-container-duo li.active a,
.scrollable-tabs-container a.active {
  background: #333;
  color: #fff;
}
/*        .scrollable-tabs-container li[aria-expanded="true"] {
            background: #333;
            color: #fff;
        }*/

.scrollable-tabs-container .right-arrow,
.scrollable-tabs-container .left-arrow {
  position: absolute;
  height: 100%;
  width: 100px;
  top: 0;
  display: none;
  align-items: center;
  /*padding: 0 10px;*/
  pointer-events: none;
}

.scrollable-tabs-container .right-arrow.active,
.scrollable-tabs-container .left-arrow.active {
  display: flex;
}

.scrollable-tabs-container .right-arrow {
  right: 0;
  background: linear-gradient(to left, #fff 50%, transparent);
  justify-content: flex-end;
}

.scrollable-tabs-container .left-arrow {
  background: linear-gradient(to right, #fff 50%, transparent);
}

.scrollable-tabs-container .right-arrow svg {
  padding: 4px 6px 4px 8px;
}

.scrollable-tabs-container .left-arrow svg {
  padding: 4px 8px 4px 6px;
}

.scrollable-tabs-container svg:hover {
  background: #ebebeb;
}

/* Loading */

.lds-documentos {
  display: inline-block;
  position: absolute;
  width: 80px;
  height: 80px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lds-documentos div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #ccc;
  animation: lds-documentos 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.lds-documentos div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}

.lds-documentos div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}

.lds-documentos div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}

@keyframes lds-documentos {
  0% {
    top: 8px;
    height: 64px;
  }

  50%,
  100% {
    top: 24px;
    height: 32px;
  }
}

#frmPedidoServicoDocumentacao {
  background: #fff;
  /*height: 100%;*/
  position: relative;
}

.documentos-bloco-esquerdo {
  container-type: inline-size;
  container-name: documentos-bloco-esquerdo;
}

.order-c-1 {
  order: 1;
}

.order-c-2 {
  order: 2;
}

#btnSalvar {
  padding-block: 10px;
  padding-inline: 10px;
}

@media (min-width: 1300px) {
  #btnSalvar {
    padding-inline: 16px;
  }
}

@container documentos-bloco-esquerdo (min-width: 600px) {

  .order-c-1 {
    order: 2;
    gap: 16px;
  }

  .order-c-2 {
    order: 1;
  }
}

@container documentos-bloco-esquerdo (min-width: 472px) {
  .analise-sticky {
    .tw-container-input {
      min-width: 340px;
    }
  }
  
  #btnSalvar {
    padding-inline: 16px;
  }

  .order-c-1 {
    gap: 16px;
  }
}

/**/

.note-btn {
  font-size: 11px !important;
  padding: 6px 5px !important;
}

.btn-add-minuta {
  background: #ff3201;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  position: fixed;
  bottom: 30px;
  right: 30px;
}

.btn-add-minuta a {
  color: #fff;
  display: grid;
  place-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.btn-add-minuta a:hover {
  text-decoration: none;
}

.btn-add-minuta .dropdown-menu {
  top: initial;
  left: initial;
  right: 0;
  bottom: 100%;
  width: 175px;
  min-width: initial;
  box-shadow: none !important;
  border: 2px solid #ebebeb !important;
}

.btn-add-minuta .dropdown-menu::after {
  position: absolute;
  top: -5px;
  right: 10px;
  display: inline-block !important;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: "";
}

.btn-add-minuta .dropdown-menu::before {
  border-bottom-color: #ebebeb;
}

/* Tab minuta */

#tblMinuta {
  border: none;
}

#tblMinuta tr {
  background: none;
}

#tblMinuta th {
  background: none;
  border: none;
  border-bottom: 2px solid #707070;
}

#tblMinuta td {
  background: none;
  border: none;
  border-bottom: 1px solid #ddd;
}

/* Conjunto */

#conjunto {
  /*padding: 16px;*/
  border: 1px solid #ccc;
  border-radius: 6px;
  position: relative;
}

#conjunto h2 {
  color: #0ea5e9;
  margin: 0;
  padding: 0 6px;
  font-size: 12px !important;
  font-weight: 700;
  background: white;
  position: absolute;
  left: 9px;
  top: -7px;
}

#conjunto table {
  margin: 0 !important;
  /* margin-bottom: 24px !important;*/
  border-top: 0;
  border-radius: 2px;
  width: 100%;
}

.conjunto-table {
  padding: 14px 16px 6px;
  /*border-bottom: 1px solid #ccc;*/
}

#conjunto table > tbody > tr > td,
#conjunto table > tbody > tr > th,
#conjunto table > tfoot > tr > td,
#conjunto table > tfoot > tr > th,
#conjunto table > thead > tr > td,
#conjunto table > thead > tr > th {
  padding: 5px 10px;
}

#conjunto table th {
  font-size: 12px;
  border-bottom: 2px solid #707070;
}

#conjunto table tr {
  background: none !important;
  border: none !important;
}

#conjunto table td {
  font-size: 12px;
  vertical-align: middle;
  background: #f8f8f8 !important;
  border-bottom: 1px solid #ddd;
}
/*    #conjunto table tr:last-child td {
        border-bottom: 1px solid #333;
    }*/

#conjunto .tw-container-form {
  padding: 20px 16px 16px;
}

#conjunto .tw-row {
  gap: 16px;
}

#conjunto .tw-container-input {
  margin: 0;
  min-width: initial;
}

#conjunto-faturado {
  /*padding: 16px;*/
  border: 1px solid #ccc;
  border-radius: 6px;
  position: relative;
}

#conjunto-faturado h2 {
  color: #0ea5e9;
  margin: 0;
  padding: 0 6px;
  font-size: 12px !important;
  font-weight: 700;
  background: white;
  position: absolute;
  left: 9px;
  top: -7px;
}

#conjunto-faturado table {
  margin: 0 !important;
  /* margin-bottom: 24px !important;*/
  border-top: 0;
  border-radius: 2px;
  width: 100%;
}

.conjunto-table {
  padding: 14px 16px 6px;
  /*border-bottom: 1px solid #ccc;*/
}

#conjunto-faturado table > tbody > tr > td,
#conjunto-faturado table > tbody > tr > th,
#conjunto-faturado table > tfoot > tr > td,
#conjunto-faturado table > tfoot > tr > th,
#conjunto-faturado table > thead > tr > td,
#conjunto-faturado table > thead > tr > th {
  padding: 5px 10px;
}

#conjunto-faturado table th {
  font-size: 12px;
  border-bottom: 2px solid #707070;
}

#conjunto-faturado table tr {
  background: none !important;
  border: none !important;
}

#conjunto-faturado table td {
  font-size: 12px;
  vertical-align: middle;
  background: #f8f8f8 !important;
  border-bottom: 1px solid #ddd;
}
/*    #conjunto table tr:last-child td {
        border-bottom: 1px solid #333;
    }*/

#conjunto-faturado .tw-container-form {
  padding: 20px 16px 16px;
}

#conjunto-faturado .tw-row {
  gap: 16px;
}

#conjunto-faturado .tw-container-input {
  margin: 0;
  min-width: initial;
}

/*    #tblMinuta tr {
        background: none;
    }

    #tblMinuta th {
        background: none;
        border: none;
        border-bottom: 2px solid #707070;
    }

    #tblMinuta td {
        background: none;
        border: none;
        border-bottom: 1px solid #ddd;
    }*/

/*Bloco Condicoes Gerais - Pagamentos*/

.conjunto-table-action {
  border-bottom: 1px solid #ddd;
}

.conjunto-head-sticky {
  position: sticky;
  top: -14px;
  box-shadow: 0 1px #333;
  background: #fff;
}

.conjunto_pagamento {
  border-radius: 4px;
  /* padding: 10px; */
  border: 1px solid #ccc;
  border-left: 2px solid #707070;

  h4 {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 600;
    gap: 12px;
    /* height: 34px; */
    padding: 15px;
    margin: 0;
    background-color: #FFF4E6;

    span {
      font-size: 11px;
      padding: 0px 0px 0px 12px;
      border-radius: 24px;
      height: 24px;
      display: flex;
      gap: 8px;
      align-items: center;
      white-space: nowrap;
      background: none;
      border: 2px solid #333;
      color: #333;
      font-weight: 700;

      small {
        height: 20px;
        width: 21px;
        font-size: 10px;
        font-weight: bold;
        background: #ccc;
        border-radius: 50%;
        color: #333;
        display: grid;
        place-content: center;
      }
    }
  }
}

.form-container-pagamento {
  max-width: 400px;
  margin: 0 auto;
}

/* .tipos_pagamentos {
  padding: 1rem;
} */

.table-no-border,
.table-no-border th,
.table-no-border td {
  border: none;
}

/* .tipos_pagamentos label {
  font-weight: 800;
  margin-top: 1rem;
} */

.seal {
  padding: 20px;
  background: white;
}

.seal .conjunto-table {
  padding: 14px 16px 16px;
}

.lavrada .note-editor.note-frame.panel {
  padding-top: 8px;
}

#conjunto table tr.creditos-clientes:hover td {
  background: #f5f5f5 !important;
  cursor: pointer;
}

#conjunto table tr.creditos-clientes:active td {
  background: #ebebeb !important;
}

.consolidado-line:hover {
  outline: 1px solid #707070;
  border-radius: 4px;
}

/* Table conjunto */

.tabela_conjuntos {
  margin: 16px;
  padding: 6px 16px 16px;
  /* border: 1px solid #333; */
  border-radius: 4px;
  background: #f5f5f5;

  table {
    margin-bottom: 0;
    /* border-bottom: 2px solid #707070; */
  }
  th,
  td {
    border: none !important;
    border-bottom: 1px solid #ebebeb !important;
    padding: 8px;
    font-size: 12px !important;
  }
  th {
    background-color: #f5f5f5;
    text-align: left;
  }
  td {
    background-color: #fff;
  }
}

.tipos_pagamentos {
  margin: 6px;
}
#quadro_parcelas {
  margin: 10px;
  padding: 6px 16px 16px;
  /* border: 1px solid #333; */
  border-radius: 4px;
  background: #f5f5f5;
  
  table {
    margin-bottom: 0;
    /* border-bottom: 2px solid #707070; */
  }
  th,
  td {
    border: none !important;
    border-bottom: 1px solid #ebebeb !important;
    padding: 8px;
    font-size: 12px !important;
  }
  th {
    background-color: #f5f5f5;
    text-align: left;
  }
  td {
    background-color: #fff;
  }
}

/* Tmeline */
.timeline-container {
  scrollbar-width: none;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 24px 16px;
  margin-bottom: 20px;
}

.timeline-container::-webkit-scrollbar,
.timeline-list::-webkit-scrollbar {
  display: none;
}

.timeline-list {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  min-width: 470px;
  overflow-x: scroll;
}

.timeline-list li {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}

.timeline-list li a {
  transition: all 0.2s;
  white-space: nowrap;
}

.timeline-list li::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #ccc;
  position: absolute;
  bottom: 18px;
}

.timeline-list li:first-child::after {
  width: 50%;
  right: 0;
}

.timeline-list li:last-child::after {
  width: 50%;
  left: 0;
}

.timeline-list li.step::after {
  background-color: #ffccc0;
}

.timeline-list li.complete::after {
  background-color: #ff3201;
}

.timeline-list li.complete a {
  border-color: #ff3201;
  background-color: #ff3201;
  color: #fff;
  transition: all 0.2s;
}

.timeline-list li.complete a:hover {
  border-color: #e62d01;
  background-color: #e62d01;
}

.timeline-list li.complete a:active {
  border-color: #bf2601;
  background-color: #bf2601;
}

.timeline-list li.complete a:last-child {
  border-width: 2px;
  fill: #ff3201;
}

.timeline-list li.complete-block a {
  border-color: #999;
  background-color: #999;
  color: #fff;
}

.timeline-list li.complete-block a:hover {
  border-color: #999;
  background-color: #999;
  color: #fff;
}

.timeline-list li.complete-block::after {
  background-color: #999;
}

.timeline-list li a {
  font-weight: 600;
  box-sizing: border-box;
  position: relative;
  z-index: 10;
  background-color: #ffffff;
  border-radius: 9999px;
  border-width: 2px;
  border-style: solid;
  border-color: #ffccc0;
  fill: #fff;
  color: #333;
  padding: 6px 16px;
  text-decoration: none;
}

.timeline-list li a:hover {
  text-decoration: none;
  background-color: #ffccc0;
}

.timeline-list li a.events-none {
  text-decoration: none;
  border-color: #ccc;
  cursor: not-allowed;
  color: #999;
}

.timeline-list li a.events-none:hover {
  background-color: #fff;
}

.bloqueio-text {
  text-align: center;
  font-weight: 500;
  margin: 30px;
  color: #ff3201;
}

.Custom_Cancel > .sa-button-container > .cancel {
  background-color: #484848;
  border-color: #484848;
}

.Custom_Cancel > .sa-button-container > .cancel:hover {
  background-color: #484849;
  border-color: #484849;
}

.badge-informacao {
  margin-top: 16px;
  display: inline-block;
  background: #ff3201;
  color: #fff;
  font-size: 16px;
  padding: 2px 6px 3px;
  border-radius: 4px;
  font-weight: 500;
}

/* Wizard documentos */

/* .col-full {
  grid-column: 1 / -1;
} */

#divBlocoInformacao,
#divBlocoInformacaoExtra {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: #f8f8f8;
  padding: 16px;
}

#divBlocoInformacaoExtra {
  margin-top: 16px;
}

.accordion-doc-bloco {
  /* margin-top: 16px; */
  border: 1px solid #ddd;
  border-left: 2px solid #707070;
  border-radius: 4px;
  /* overflow: hidden; */
  background: #fff;

  &.active {
    > .accordion-doc-bloco-title {
      background: #FFF4E6;
    }
    .doc-bloco-svg-1 {
      rotate: 180deg;
    }
  }
}
.div-relacao-entre-parte-principal-2 {
  &.active {
    .doc-bloco-svg-2 {
      rotate: 180deg;
    }
  }
}

div[id^="div-relacao-entre-parte-conteudo-2"] {
  &.active {
    .doc-bloco-svg-3 {
      rotate: 180deg;
    }
  }
}
div[id^="div-relacao-entre-parte-conteudo-3"] {
  &.active {
    .doc-bloco-svg-4 {
      rotate: 180deg;
    }
  }
}

.accordion-doc-bloco-title {
  display: flex;
  align-items: center;
  background: #fff;
  position: relative;
  cursor: pointer;
}

.accordion-doc-bloco-title:hover {
  background: #FFF4E6;
}
.relacionamento-container {

  .accordion-doc-bloco-title {
    background: #f8f8f8;

      &:hover {
        background: #f5f5f5;
      }
  }
}
.accordion-doc-bloco-title [type="checkbox"] {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  width: 17px;
  height: 17px;
  accent-color: #ff3201;
  margin: 0;
  line-height: 0;
}

.accordion-doc-bloco-title[aria-expanded="true"],
.accordion-doc-bloco-title [aria-expanded="true"] {
  background: #f5f5f5;
}

.accordion-doc-bloco-title[aria-expanded="true"] svg,
.accordion-doc-bloco-title [aria-expanded="true"] svg,
.accordion-doc-bloco-title [aria-expanded="true"] ~ .doc-bloco-arrow svg {
  transform: rotate(180deg);
  background: #f5f5f5;
}

.accordion-doc-bloco-title h4 {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
  padding-left: 48px;
  gap: 12px;
  height: 34px;
}

.accordion-doc-bloco-title h4 span {
  background: #333;
  color: #fff;
  font-size: 11px;
  padding: 0px 2px 0px 12px;
  border-radius: 24px;
  height: 24px;
  display: flex;
  gap: 8px;
  align-items: center;
  white-space: nowrap;
}

.accordion-doc-bloco-title h4 small {
  height: 20px;
  width: 20px;
  font-size: 10px;
  font-weight: bold;
  background: #fff;
  border-radius: 50%;
  color: #333;
  display: grid;
  place-content: center;
}

.accordion-doc-bloco-title svg {
  margin: 0 16px;
  fill: #333;
  order: 4;
}

.accordion-doc-bloco-content {
  border-top: 1px solid #ddd;
  /* padding: 8px 6px; */
  display: flex;
  flex-direction: column;

  /* &.collapse.in {
      display: flex;
  } */
}

div[id^="divRelConjuge"] {
  grid-column: 1 / -1;
  
  .div-relacao-entre-parte-principal {
    margin: 16px 16px 0px 16px;
  }
}
div[id^="div-insere-relacao-parte"] {
  grid-column: 1 / -1;
  
  .div-relacao-entre-parte-principal {
    margin: 16px 16px 0px 16px;
  }
}
div[id^="div-relacao-entre-parte-conteudo-2"],
div[id^="div-relacao-entre-parte-conteudo-3"] {
    margin: 16px;
}
.accordion-doc-bloco-container {

  > .accordion-doc-bloco-content-father {
    /* display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start; */
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr));
    /* grid-auto-flow: dense; */
    align-items: start;

    > .tw-row {
      display: none;
      /* flex: 1; */
      /* grid-column: -1 / 1; */

      .tw-container-input {
        /* min-width: 280px; */
        min-width: initial;
      }
      .tw-content-input {
        min-width: initial;
      }
      &.col-full {
        grid-column: 1 / -1;
      }
      &.col-two {
        grid-column: 1 / -1;
        /* order: 2; */

        @container documentos-bloco-esquerdo (min-width: 898px) {
          grid-column: span 2;
        }
      }
      &:has(#cidade-onr-1) {
        grid-column: 1 / -1;
      }
      &:has(#cartorio-onr-1) {
        grid-column: 1 / -1;
      }
      &:has(.conjunto_pagamento) {
        grid-column: 1 / -1;
      }
    }
  }

  &.active {
    > .accordion-doc-bloco-content-father {
      padding: 8px 6px;

      > .tw-row {
        display: flex;
      }

      div[id^="divRelConjuge"],
      div[id^="div-insere-relacao-parte"] {
        .div-relacao-entre-parte-principal {
          margin-left: 10px !important;
          margin-right: 10px !important;
        }
      }
    }
  }
}
/* @container documentos-bloco-esquerdo (min-width: 600px) {
  .accordion-doc-bloco-container {

    > .accordion-doc-bloco-content-father {
  
      > .tw-row {
        &.col-two {
          grid-column: span 2;
        }
      }
    }
  
  }
} */
.accordion-body {

  > .accordion-doc-bloco-content-children {
    /* padding: 8px 6px; */

    > .tw-row {
      display: none;
    }
  }

  &.active {
    > .accordion-doc-bloco-content-children {
      padding: 8px 6px;

      > .tw-row {
        display: flex;
      }

      div[id^="div-relacao-entre-parte-conteudo-2"] {
          margin-left: 10px;
          margin-right: 10px;

          &.active {
            div[id^="div-relacao-entre-parte-conteudo-3"] {
              margin-left: 10px;
              margin-right: 10px;
          }
        }
      }
    }
  }
}
div[id^="div-relacao-entre-parte-conteudo-2"] {

    &.active {
      div[id^="div-relacao-entre-parte-conteudo-3"] {
        margin-left: 10px;
        margin-right: 10px;
    }
  }
}

.reordena-tipo-participacao {
  order: -1;
}
.reordena-last {
  order: 9999;
}

.btn-representant {
  margin-right: 18px;
}
.doc-bloco-details {
  border: none;
  border-radius: initial;
  overflow: initial;

  summary {
    border-radius: 50%;
    display: grid;
    place-content: center;
    width: 29px;
    height: 28px;
    background: #ebebeb;

    &:hover {
      border: 1px solid #ccc;
    }

    svg {
      margin: 0;
    }
  }
  &[open] {
    summary {
      border: 1px solid #333;
      background: #fff;

      /* &:hover {
        border: 1px solid #ccc;
      }
  
      svg {
        margin: 0;
      } */
    }
  }

  .doc-bloco-details-content {
    position: absolute;
    top: 50px;
    right: 7px;
    z-index: 1;
    background: #fff;
    padding: 8px;
    border: 2px solid #ebebeb;
    border-radius: 10px;

    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .btn-doc-accordion {
    min-width: 94px;

    &.blue {
      color: #0284c7;
      border: 1px solid #fff;
      order: 1;

      &:hover {
        border: 1px solid #f0f9ff;
        background: #f0f9ff;
      }
    }

    &.black {
      color: #333;
      border: 1px solid #fff;
      order: 2;

      &:hover {
        border: 1px solid #ebebeb;
        background: #ebebeb;
      }
    }

    &.red {
      color: #ef4444;
      border: 1px solid #fff;
      order: 3;
      background: none;

      &:hover {
        border: 1px solid #fee2e2;
        background: #fee2e2;
      }
    }
  }
}

.doc-bloco-arrow {
  position: absolute;
  right: 0;
  pointer-events: none;
  svg {
  }
}

.btn-doc-accordion {
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 600;
  padding: 5px 9px;
  border-radius: 4px;
  font-size: 11px;
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.btn-doc-accordion:hover {
  text-decoration: none;
}

.btn-doc-accordion.blue {
  color: #0284c7;
  border: 1px solid #0284c7;
  order: 1;
}

.btn-doc-accordion.blue:hover {
  background: #f0f9ff;
}

.btn-doc-accordion.black {
  color: #333;
  border: 1px solid #333;
  order: 2;
}

.btn-doc-accordion.black:hover {
  background: #ebebeb;
}

.btn-doc-accordion.red {
  color: #ef4444;
  border: 1px solid #ef4444;
  order: 3;
  background: none;
}

.btn-doc-accordion.red:hover {
  background: #fee2e2;
}

.btn-doc-accordion .fa {
  font-weight: 100;
  margin-right: 6px;
  width: 14px;
  display: grid;
  place-content: center;
  margin-top: 2px;
}

/*Filtros Escritura Admin*/

.client-list,
.responsavel-list,
.client-list-minuta {
  border-top: 1px solid #ccc;
  max-height: 150px;
  overflow-y: auto;
  position: relative;
  width: 100%;
  background: #fff;
  border-radius: 0 0 4px 4px;
  margin-top: 2px;
  overflow-x: hidden;
  display: none;
  z-index: 1;
}

.pedido-list {
  border: 1px solid #ccc;
  max-height: 150px;
  overflow-y: auto;
  position: absolute;
  width: 100%;
  background: #fff;
  border-radius: 4px;
  margin-top: 4px;
  overflow-x: hidden;
  display: none;
  z-index: 1;
}

.client-item,
.responsavel-item {
  padding: 6px 10px;
  cursor: pointer;
  font-size: 11px;
  margin: 1px;
}

.pedido-item {
  padding: 6px 10px;
  cursor: pointer;
  font-size: 11px;
}

.client-item:hover,
.responsavel-item:hover {
  background-color: #fff5f2;
  outline-style: auto;
  outline-color: #ff3201;
}

.client-item:focus,
.responsavel-item:focus {
  background-color: #fff5f2;
  outline-color: #ff3201;
}

.pedido-item:hover {
  background-color: #f5f5f5;
}

#buscar_cliente_pedido:focus + #clientList {
  display: block;
}

#buscar_pedido:focus + #clientList {
  display: block;
}

/* Toggle Accordion */

#toggleAccordion {
  /* width: 20px; */
  height: 20px;
  gap: 4px;
}

#toggleAccordion div {
  border-radius: 4px;
  border: 1px solid #ccc;
  background: #f5f5f5;
  flex: 1;
  display: grid;
  place-content: center;
  padding: 0 5px;
  cursor: pointer;
}

#toggleAccordion div:hover {
  border: 1px solid #333;
}

#toggleAccordion div:active,
#toggleAccordion div:focus {
  background: #ddd;
}

/* Title bloco or�amento */

.drop-container-emolumentos {
  /* margin: 10px; */
}

.drop-container-emolumentos[open] .drop-btn-emolumentos svg {
  transform: rotate(180deg);
}

.drop-btn-emolumentos {
  display: grid;
  align-items: center;
  justify-items: center;
  padding: 8px 10px 6px;
  cursor: pointer;
  color: #333;
}

.drop-btn-emolumentos:hover {
  opacity: 0.8;
}

.drop-btn-emolumentos span {
  width: 100%;
  height: 1px;
  background-color: #333;
  grid-column: -1 / -1;
  grid-row: -1 / -1;
}

.drop-btn-emolumentos i {
  padding: 0 10px;
  background-color: #fff;
  grid-column: -1 / -1;
  grid-row: -1 / -1;
  font-weight: 600;
}
/* .drop-content-emolumentos {
    display: none;
}
.drop-content-emolumentos.open {
    display: block;
} */

.orcamento-bloco-title h4 {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
  gap: 12px;
  height: 34px;
  margin: 0;
}

.orcamento-bloco-title h4 span {
  background: #333;
  color: #fff;
  font-size: 11px;
  padding: 0px 2px 0px 12px;
  border-radius: 24px;
  height: 24px;
  display: flex;
  gap: 8px;
  align-items: center;
}

.orcamento-bloco-title h4 small {
  height: 20px;
  width: 20px;
  font-size: 10px;
  font-weight: bold;
  background: #fff;
  border-radius: 50%;
  color: #333;
  display: grid;
  place-content: center;
}

.orcamento-bloco-title-content {
  display: flex;
  align-items: center;
  border: 1px solid #ff3201;
  border-radius: 4px;
  overflow: hidden;
  font-size: 12px;
  background: #fff;
}

.orcamento-bloco-title-title {
  padding: 0 8px;
  font-weight: 600;
  color: #333;
  white-space: nowrap;
}

.orcamento-bloco-title-values {
  font-weight: 600;
  color: #fff;
  padding: 3px 10px 3px;
  background: #ff3201;
  height: 24px;
}

.custas-full-value {
  line-height: 1;
  color: #333;
  font-weight: 600;
}
.custas-btn {
  padding: 0 10px;
  height: 34px;

  &.active {
    path {
      fill: #ff3201;
    }
  }
}
.tw-form-btn:hover,
.tw-form-btn:focus {
  text-decoration: none;
}

.btn-abas {
  color: #333;
  text-decoration: none;
  background: #f5f5f5;
  padding: 8px 24px;
  display: inline-block;
  border-radius: 6px;
  user-select: none;
  white-space: nowrap;
  font-weight: 600;
  border: 0;
  margin-right: 12px;
  margin-block: 16px;
}

.btn-abas:hover {
  background: #ebebeb;
}

.btn-abas.active {
  color: #fff;
  background: #333;
}

/*.title-total {
    border-color: #65A30D;
}

.title-referencial {
    border-color: #0284C7;
}

.title-venal {
    border-color: #C026D3;
}

.total {
    background: #65A30D;
}

.referencial {
    background: #0284C7;
}

.venal {
    background: #C026D3;
}*/

.title-total {
  border-color: #22c55e;
}

.title-referencial {
  border-color: #0ea5e9;
}

.title-venal {
  border-color: #d946ef;
}

.total {
  background: #22c55e;
}

.referencial {
  background: #0ea5e9;
}

.venal {
  background: #d946ef;
}

.panel-orcamento-container {
  /*padding: 20px;*/
  /*background: #f8f8f8;*/
  box-shadow: initial;
}

.panel-orcamento {
  border: 1px solid #ccc;
  box-shadow: initial;
  margin-bottom: 0;
  border-left: 4px solid #333;
  border-radius: 6px;
  width: 100%;
}

.panel-orcamento .panel-body {
  /*Border-top: 1px solid #ccc;*/
  padding: 14px 6px 8px;
}

.panel-orcamento .panel-heading {
  background: #fff;
  margin: 0 16px;
  padding: 16px 0;
  border-bottom: 1px solid #ccc;
}

.panel-body .tw-container-input {
  min-width: 242px;
}

#div-valores,
#div-orcamentoSecundario,
#liberacao-orcamento,
.orcamento-actions {
  max-width: 1305px;
  margin: 0 auto;
}

.orcamento-actions {
  display: flex;
  justify-content: space-between;
  /*margin-bottom: 20px;*/
  position: sticky;
  bottom: 0;
  background: #fff;
  z-index: 3;
  padding-bottom: 16px;
  border-top: 1px solid #ccc;
}

/*.orcamento-extra::before {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    background: #ccc;
}*/

.orcamento-box-input {
  background: #fff;
  position: relative;
  padding: 9px 6px 6px;
  /*border-radius: 6px;
    border-bottom: 2px solid #ccc;*/
}
.orcamento-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  position: absolute;
  left: 0;
  right: 0;
  top: 12px;

  span {
    font-size: 15px;
    font-weight: bold;
    color: #ccc;
  }
}

/* Title line or�amento */
.title-line {
  margin: 10px 10px 5px;
  position: relative;
}

.title-line h2 {
  position: absolute;
  top: 2px;
  left: 0;
  color: #ff3201;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  /*text-transform: uppercase;*/
  background: white;
  padding-right: 12px;
  font-weight: 600;
}

.title-line hr {
  border-color: #fff;
  margin: 10px 0;
}

.panel-footer-orcamento {
  margin: 0;
  border: none;
  padding: 12px 16px;
  font-size: 16px;
  color: #ff3201;
  background: #fffaf2;
  border-top: none;
}

.total-escritura {
  padding: 12px 16px;
  font-size: 16px;
}

.orcamento-badge {
  font-size: 10px;
  background: #ff3201;
  color: #fff;
  padding: 2px 6px;
  font-weight: 600;
  border-radius: 4px;
  /*margin-left: 4px;*/
}

.btn-despesa-extra {
  position: absolute;
  right: 17px;
  top: 20px;
}

/* .btn-orcamento-sem-valor {
    position: absolute;
    right: 37px;
    top: 40px;
}
.btn-orcamento-com-valor {
    position: absolute;
    right: 37px;
    top: 40px;
} */

/* .select-fator-reducao-com-valor {
    position: absolute;
    right: 0px;
    left: 468px;
    top: 40px;
    width: 20%;
}



.div-orcamento-com-valor-referencia {
    position: absolute;
    right: 0px;
    left: 200px;
    top: 40px;
    width: 20%;
} */

/* .select-orcamento-sem-valor {
    position: absolute;
    right: 0px;
    left: 180px;
    top: 40px;
    width: 15%;
}
.input-quantidade-paginas {
    position: absolute;
    right: 0px;
    left: 400px;
    top: 40px;
    width: 10%;
}
.select-fator-reducao-sem-valor {
    position: absolute;
    right: 0px;
    left: 568px;
    top: 40px;
    width: 20%;
}
.select-diligencia-sem-valor {
    position: absolute;
    right: 0px;
    left: 840px;
    top: 40px;
    width: 20%;
} */

/* Escrituras New */
#body-informacao-pedido {
  cursor: pointer !important;
}

#conjunto table tr.pedidoEscritura td {
  cursor: pointer;
}

#conjunto table tr.pedidoEscritura:hover td {
  background: #f5f5f5 !important;
}

#conjunto table tr.pedidoEscritura:hover {
  outline: 1px solid #707070;
  border-radius: 4px;
}

/*#conjunto table tr.pedidoEscritura:active td {
    background: #ebebeb !important;
}*/

#toggleAccordionFilter {
  position: absolute;
  left: 78px;
  top: -10px;
  gap: 4px;
  padding: 0 4px;
  background: #fff;
  z-index: 4;
}

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

#toggleAccordionFilter div {
  border-radius: 4px;
  border: 1px solid #ccc;
  /*background: #f5f5f5;*/
  flex: 1;
  display: grid;
  place-content: center;
  padding: 1px 4px;
  cursor: pointer;
}

#toggleAccordionFilter div:hover {
  background: #f5f5f5;
}

/* Mensalista balcão */

.btn-radio {
  background: none;
  border: none;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 13px;
  padding: 10px 18px 10px 16px;
  margin: 10px 0 0 10px;
  border-radius: 24px;
}

.btn-radio:hover,
.btn-radio.check {
  background-color: #fff5f2;
}

.radio-check {
  display: block;
  height: 12px;
  width: 12px;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(51 51 51 / var(--tw-ring-opacity));
}

.nao-identificado-ou-nao-mensalista.check .radio-check,
.mensalista.check .radio-check {
  --tw-bg-opacity: 1;
  background-color: rgb(255 50 1 / var(--tw-bg-opacity));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 50 1 / var(--tw-ring-opacity));
  border: 2px solid #fff;
}

/*Perguntas e respostas Novo Pedido Admin*/

.pergunta-label {
  margin: 10px;
  background: #ddd;
  gap: 1px;
  border: 1px solid #ddd;
}

.linha-pergunta {
  background-color: #fff;
  height: 58px;
}

.form-control {
  outline: 0 !important;
  box-shadow: none !important;
}

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

.txt-pergunta {
  margin-block: 0;
  font-weight: 600;
  font-size: 13px;
}

/* New Pedido */

.pedido-new-container {
  max-width: 1200px;
  margin-inline: auto;
  display: flex;
  gap: 20px;
  align-items: start;
}

.pedido-new {
  /* max-width: 768px;
    margin-inline: auto; */
  padding: 6px 16px 26px;
  background: white;
  border: 1px solid #e7ecf1;
}

.pedido-new .pedido-title,
.new-title {
  --s: 1px;
  --c: #333;
  --w: 40px;
  --g: 12px;
  border: 1px solid;
  border-image: linear-gradient(
      #0000 calc(50% - var(--s) / 2),
      var(--c) 0 calc(50% + var(--s) / 2),
      #0000 0
    )
    0 1/0 var(--w) / 0 calc(var(--w) + var(--g));
  margin: 22px auto;
  width: fit-content;
  font-size: 18px;
  font-weight: bold;
  line-height: 21px;
}

/* Swal Copy Bloco */

.title-consolidado {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
  margin: 0;
}

.copiar-bloco-imovel h2 {
  --s: 1px;
  --c: #333;
  --w: 40px;
  --g: 12px;
  border: 1px solid;
  border-image: linear-gradient(
      #0000 calc(50% - var(--s) / 2),
      var(--c) 0 calc(50% + var(--s) / 2),
      #0000 0
    )
    0 1/0 var(--w) / 0 calc(var(--w) + var(--g));
  margin: 22px auto;
  width: fit-content;
  font-size: 18px;
  font-weight: bold;
  line-height: 21px;
  text-transform: uppercase;
}

.copiar-bloco-imovel #msgn_erro {
  color: #ff3201;
  font-size: 12px;
  font-weight: 600;
}

.copiar-bloco-imovel.sweet-alert .sa-button-container {
  display: flex;
  justify-content: space-between;
  padding: 20px 0 10px;
  margin: 20px 10px 0;
  border-top: 1px solid #ededed;
}

.copiar-bloco-imovel.sweet-alert .sa-button-container .cancel {
  background: #fff !important;
  border: 1px solid #ff3201;
  color: #ff3201;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  padding: 0 16px;
  height: 36px;
  margin: 0;
}

.copiar-bloco-imovel.sweet-alert .sa-button-container .confirm {
  background: #ff3201 !important;
  border: 1px solid #ff3201;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  padding: 0 16px;
  height: 36px;
  margin: 0;
  display: flex !important;
  align-items: center;
  gap: 8px;
}

.copiar-bloco-imovel.sweet-alert .sa-button-container .confirm::before {
  content: "\f0c5";
  font-family: "FontAwesome";
  font-weight: normal;
}

/* Info Float */

.info-float {
  position: fixed;
  top: 9px;
  left: 380px;
  z-index: 9999;
  width: calc(100% - 640px);
  display: flex;
  justify-content: center;
  /* background-color: #fff; */
}

.info-float-content {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  border: 2px solid #ebebeb;
  padding: 8px 16px;
  border-radius: 8px;
  overflow-x: auto;
  max-width: 100%;
  height: 57px;
  background-color: #fff;
}

.info-float-content {
  scrollbar-width: none;
}

.info-float-content::-webkit-scrollbar {
  display: none;
}

.info-float::after {
  position: absolute;
  right: 2px;
  top: 2px;
  height: 53px;
  width: 22px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 1) 100%
  );
  content: "";
  display: block;
  border-radius: 8px;
}

.info-float::before {
  position: absolute;
  left: 2px;
  top: 2px;
  height: 53px;
  width: 22px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    transparent 100%
  );
  content: "";
  display: block;
  border-radius: 8px;
}

.info-float-divider {
  width: 1px;
  height: 31px;
  background-color: #ccc;
}

.info-float label {
  margin: 0;
  font-size: 12px;
  white-space: nowrap;
}

.info-float span {
  font-size: 12px;
  white-space: nowrap;
  font-weight: 600;
  color: #ff3201;
}

/* Form Informações */

#formPedidoInformacoes {
  background: #fff;
  display: grid;
  grid-template-columns: 1fr;
  align-items: end;
  /* display: flex;
    flex-wrap: wrap;
    align-items: flex-end; */
  /* flex-direction: column; */
  /* max-width: 850px; */
  margin-inline: auto;
  border: 2px solid #ebebeb;
  padding: 10px;
  border-radius: 8px;
}

/*@media(min-width: 1280px) {
    #formPedidoInformacoes {
        grid-template-columns: repeat(7, 1fr) auto;
    }
}*/

#formPedidoInformacoes .tw-container-input {
  min-width: initial;
}

.actionsButtons {
  /*justify-content: flex-end;
  padding-bottom: 10px;
  padding-top: 0 !important;
  margin-right: 10px;*/

  .btn-action {
    display: flex;
    align-items: center;
    line-height: 1.1;
    padding: 9px 14px 10px;
  }
}

/*.actionsButtons .btn-action {
  margin: 10px;
}*/

.formPedidoInformacoesContainer {
  margin-bottom: 40px;
  background: #fcfcfc;
  padding: 32px;
  border-bottom: 1px solid #ddd;
}

/* Add Bloco */

#divAdicionarBlocoInformacaoExtra {
  display: flex;
  gap: 12px;
}

#divAdicionarBlocoInformacaoExtra a {
}

#divAdicionarBlocoInformacaoExtra a .fa {
  font-weight: 100;
  margin-right: 6px;
  width: 14px;
  display: grid;
  place-content: center;
  margin-top: 2px;
}

/* Consolidado */

#consolidado-sidebar-button {
  /*text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
    padding: 5px 9px 5px 11px;
    border-radius: 24px;
    font-size: 11px;
    color: #333;
    border: 1px solid #333;
    margin-top: 6px;*/
  padding: 9px 10px;
  border-radius: 6px;
  border: 1px solid #ccc;
  transform: rotate(180deg);
}

#consolidado-sidebar {
  display: none;
}

#consolidado-sidebar.active {
  display: block;
}

#consolidado-sidebar.active-flex {
  display: flex;
}

.consolidado-container {
  background: #f5f5f5;
  border-radius: 6px;
  /*border: 1px solid #ccc;*/
  height: 100%;
  padding: 16px;
  margin-top: 8px;
}

/* Ajustes doc */

.name-parte {
  font-size: 13px;
  min-width: 160px;
  margin: 0 auto 0 12px;
  padding-right: 12px;
  font-weight: 600;

 /* display: flex;
  flex-direction: column;*/
}

.pedido-scroll {
  overflow-x: auto;
}

.pedido-scroll::-webkit-scrollbar {
  display: none;
}

/* Consolidado action */

.btn-gerar-link {
  background: #22c55e;
  border: 1px solid #22c55e;
  color: #fff;
}

.btn-faturar {
  background: #0ea5e9;
  border: 1px solid #0ea5e9;
  color: #fff;
}

.btn-refaturar {
  background: #fff;
  border: 1px solid #0ea5e9;
  color: #0ea5e9;
}

.btn-cancelar-faturamento {
  background: #fff;
  border: 1px solid red;
  color: red;
}

.btn-block-faturamento {
  background: #e9e9e9;
  border: 1px solid #939393;
  color: #727272;
}

.copiar-link-pagamento {
  display: none;
}

.copiar-link-pagamento.active {
  display: block;
}

.regerar-link-pagamento {
  background: #fff;
  border: 1px solid #22c55e;
  color: #22c55e;
}

.orcamento-pagamento-actions {
  all: unset !important;
  strong {
    font-size: 12px;
  }

  span {
    font-size: 11px;
    font-weight: 600;
  }
}

.orcamento-pagamento-saldo {
  border-bottom: 1px solid #ccc;
  padding-block: 9px 8px;
  margin-inline: 10px;
  /* strong:last-child {
    color: #d745ec;
  } */
}

.orcamento-pagamento-pago {
  > span {
    color: #2fc563;
    font-weight: bold;
  }
}

.orcamento-pagamento-block {
  border-radius: 6px;
  border: 1px solid #ccc;
  border-left: 3px solid #ccc;
  padding: 6px 10px 4px;
  margin-top: 16px;
}

.orcamento-faturado {
  div {
    span {
      display: block;
      border-bottom: 1px solid #ccc;
      padding-block: 4px;
      color: #707070;
      &:last-child {
        border-bottom: none;
      }
    }

    &:last-child {
      span {
        text-align: right;
        color: #333;
        font-weight: 600;
        &:first-child {
          color: #0ea5e9;
        }
      }
    }
  }
}

#orcamento-consolidado {
  .orcamento-cliente {
    div {
      > .orcamento-content {
        border-bottom: 3px solid #ccc;
        > .orcamento-content {
          border: none;
        }
      }
    }
  }
}

.orcamento-historico {
  background: none;
  border: none;
  padding: 0;
  color: #22c55e;
  font-weight: 600;
  font-size: 12px;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}

.modal-historico {
  padding: 16px;
}

.modal-historico .summary {
  padding-left: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /*background: #f5f5f5;*/
  cursor: pointer;
  /* border-bottom: 1px solid #333; */
  /*margin-bottom: 16px;*/
  padding: 8px 16px;
  font-weight: 600;
}

.accordion-historico {
  border-radius: 6px;
  border: 1px solid #ccc;
  overflow: hidden;
}

.accordion-historico .summary:hover {
  color: #333;
  background: #f5f5f5;
  /* border-bottom: 1px solid #ccc; */
}

.accordion-historico[open] .summary {
  color: #333;
  background: #f5f5f5;
  border-bottom: 1px solid #ccc;
}

.modal-historico .summary-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /*gap: 16px;*/
  width: 100%;
}

.accordion-historico h4 {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
  gap: 12px;
  height: 34px;
  margin: 0;
}

.accordion-historico h4 span {
  background: #333;
  color: #fff;
  font-size: 11px;
  padding: 0px 2px 0px 12px;
  border-radius: 24px;
  height: 24px;
  display: flex;
  gap: 8px;
  align-items: center;
}

.accordion-historico h4 small {
  height: 20px;
  width: 20px;
  font-size: 10px;
  font-weight: bold;
  background: #fff;
  border-radius: 50%;
  color: #333;
  display: grid;
  place-content: center;
}

/* Table minuta */

.note-editable {
  > table {
    margin: 0 0 20px;
    border: none;
    text-align: left;
    > tbody > tr > td > tbody > tr > td {
      padding: 6px 8px;
    }

    > tbody > tr {
      border-bottom: 1px solid #ddd;
    }

    > tbody > tr:first-child,
    > tbody > tr:last-child {
      border-bottom: 2px solid #333;
    }

    tr:nth-child(even) {
      background: #f8f8f8;
    }

    tr:nth-child(odd) {
      background: #fff;
    }
  }

  .td-grey {
    /* background-color: #f5f5f5; */
    background: none;
    border: none;
    white-space: nowrap;
    font-weight: 600;
    color: #333;
  }

  .conteudo {
    border: none;
    text-align: justify;
  }
}

/* pagination table*/

.pagtable {
  margin: 0;
  padding: 16px;
  .pagination {
    margin: 0;
  }
}

.extend-height {
  gap: 4px;
  margin: 0 0 -42px;
  &:hover {
    margin: 0;
  }
}

#conjunto table tr td {
  overflow: hidden;
}

#conjunto table tr:hover div {
  margin: 0;
}

.info-drop-content {
  overflow: initial;
  display: block;
  height: auto;
  background: #fff;
  padding: 0;
  margin-left: -19px;
  border-radius: 0 8px 8px 0;
  p {
    margin: 0;
    font-size: 12px;
  }

  details {
    border: none;
    overflow: hidden;
    border-radius: 0;
    summary {
      /* padding: 9px 16px; */
      cursor: pointer;
      height: 53px;
      border-radius: 0 6px 6px 0;
      &:hover {
        background-color: #f5f5f5;
      }
    }
  }
}

.edit-solicitante {
  background: #fff;
  border: none;
  padding: 0;
  line-height: 0;
  height: 100%;
  width: 45px;
  border-radius: 0 6px 6px 0;
  svg {
    fill: #333;
  }

  &:hover svg {
    fill: #ff3201;
  }
}

.pedidoEscritura td {
  cursor: pointer !important;
}

.pedidoEscritura .no-click {
  cursor: initial !important;
}

#conjunto table tr.pedidoEscritura:active td.no-click {
  background: #f5f5f5 !important;
}

/*Arquivo Upload*/

.image-document-container {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  /*max-width: 800px;*/
  margin: 0 auto;
  border: 1px solid #ddd; /* Optional border */
  padding: 14px;
  background-color: #fff; /* Optional background color */
  border-radius: 4px;
}

.actions-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
  gap: 16px;
}

.action-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: none;
  background: none;
  cursor: pointer;
  transition: color 0.3s ease;
}

.action-button:hover {
  color: #007bff; /* Change color on hover */
}

.document-image {
  height: auto;
  border-radius: 4px; /* Optional rounded corners */
}

.esconder-lupa {
  display: none;
}

.actions-container-separado {
  display: flex;
  justify-content: space-evenly;
  /*margin-bottom: 2rem;*/
  align-items: center;
}

/* modal upload */

#tablefiles {
  margin: 0;
}

.fileinput-button input {
  bottom: 0;
  left: 0;
}

.upload-btn-drag {
  width: 100%;
  height: calc(100vh - 160px);
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #e0f2fe;
  border: 2px dashed #b5d1e6;
  border-radius: 6px;
  gap: 16px;
  font-size: 18px;
  /* cursor: pointer; */

  &.active {
    display: flex !important;
  }

  &.inactive {
    display: none !important;
  }
  /* &:hover {
        background: #f5f5f5;
    } */
}

.upload-btn-bar {
  &.active {
    display: flex !important;
  }

  &.inactive {
    display: none !important;
  }
}

.browser-files {
  border: 1px solid #13284a;
  background: #13284a;
  color: #fff;
  padding: 14px 22px;
  border-radius: 12px;
  font-size: 16px;
  margin-top: 16px;
  position: relative;
  z-index: 1;
  cursor: pointer;
  &:hover {
    background: #2e4c73;
  }
}

.browser-divider {
  position: relative;
  hr {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -7px;
    border-top: 1px solid #707070;
    width: 120px;
  }

  span {
    color: #707070;
    background: #e0f2fe;
    padding: 0 8px;
    position: relative;
    font-size: 14px;
    font-weight: 600;
  }
}

.browser-drag {
  font-size: 24px;
  font-weight: 700;
  color: #13284a;
}

.fileinput-button input {
  cursor: initial !important;
  font-size: 0 !important;
}

.preview {
  width: 50px;
  height: 50px;
  display: flex;
  canvas {
    width: 100%;
    object-fit: contain;
  }
}

.btn-modal-upload {
  background: none;
  padding: 8px 16px;
  i {
    margin-right: 6px;
  }
}

.btn-modal-upload-i {
  background: #13284a;
  border: 1px solid #13284a !important;
  color: #fff !important;
  display: flex;
  align-items: center;
  gap: 12px;
  &:hover {
    background: #2e4c73 !important;
  }
}

.cancel-upload {
  background: none;
  i {
    margin: 0 !important;
  }
}

.upload-files tr:last-child td {
  border-bottom: 1px solid #e7ecf1;
}

/*Dropdown Partes Customizadas*/

.nome_parte_customizada a:hover {
  background-color: #ddd;
}

.nome_parte_customizada {
  color: black;
  padding: 1rem;
}

/* Ajustes upload */

.nome-documento-bloco {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  background: #e0f2fe;
  padding: 14px;
}

.numero-documento-bloco {
  background: #13284a;
  color: #fff;
  font-size: 11px;
  padding: 0px 12px 0px 2px;
  border-radius: 24px;
  height: 24px;
  display: flex;
  gap: 8px;
  align-items: center;
  white-space: nowrap;
  small {
    height: 20px;
    width: 20px;
    font-size: 10px;
    font-weight: bold;
    background: #fff;
    border-radius: 50%;
    color: #13284a;
    display: grid;
    place-content: center;
  }
}

.image-document-container {
  counter-increment: embla;

  iframe {
    aspect-ratio: 9 / 14;
    max-height: 1000px;
  }
}
.actions-container::before {
  content: counter(embla);
  height: 22px;
  width: 22px;
  font-size: 10px;
  font-weight: bold;
  background: #fff;
  border-radius: 50%;
  color: #13284a;
  display: grid;
  place-content: center;
  border: 2px solid #13284a;
}

/* imagem documento grid */

.icon-list,
.icon-grid {
  pointer-events: none;
}
.icon-grid {
  display: none;
}
.imagem-documento-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr));
  gap: 14px;

  .nome-documento-bloco {
    grid-column-end: -1;
    grid-column-start: 1;
  }
  .icon-list {
    display: none;
  }
  .icon-grid {
    display: block;
  }
  .expand-documento {
    display: grid !important;
  }
}
.documento-view-grid {
  background: none !important;
  padding: 0px;
  display: grid;
  place-content: center;
  border: 1px solid #13284a !important;
  &:hover {
    background: #f5f5f5 !important;
  }
}

.icon-fullscreen-back {
  display: none;
}

.documento-full {
  grid-column-end: -1;
  grid-column-start: 1;
  .icon-fullscreen {
    display: none;
  }

  .icon-fullscreen-back {
    display: block;
  }
}

.nome-documento-bloco {
  & > span {
    display: flex;
    align-items: center;
    gap: 16px;
  }
}

.imagem-documento {
  display: flex;
  flex-direction: column;
  gap: 14px;

  button {
    background: #f8f8f8;
    border: none;
    padding: 0;
    display: grid;
    place-content: center;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    flex: 1;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid #f8f8f8;

    &:hover {
      background: #f5f5f5;
      border: 1px solid #333;
    }
  }

  .expand-documento {
    display: none;
  }

  svg {
    width: 14px;
    height: 14px;
  }

  .excluir-todos-arquivo-documento {
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 86px;
    flex: initial;
    border: 1px solid #13284a;
    color: #13284a;
  }
}

.image-container {
  display: block;
}

.contem-anexo-bloco {
  display: block;
}
.nao-contem-anexo-bloco {
  display: none;
}

/* Usuarios */

.btn-filter-group {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;

  &::before {
    display: none;
  }

  .btn-filter-group-content {
    display: flex;
    flex-direction: column;
    gap: 4px;

    > span {
      font-weight: 600;
    }

    div {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
    }
  }
}
.filter-btn {
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  border-radius: 24px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 12px;
  font-size: 14px;
  /*font-weight: 600;*/

  &.active {
    border: 1px solid #ff3201;
    color: #ff3201;
    background-color: #fff5f2;

    &:hover {
      background-color: #fff4e6;
    }

    .filter-btn-check {
      border: 1px solid #ff3201;
      background-color: #ff3201;
      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
    }
  }

  &:hover {
    background-color: #f5f5f5;
  }
}
.filter-btn-check {
  display: inline-block;
  height: 14px;
  width: 14px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.group-filter-line,
.group-filter-line-large {
  color: rgb(31, 41, 55);
  font-family: Roboto, sans-serif;
  line-height: 24px;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
  border-width: 1px 0px 0px 1px;
  border-style: solid;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  width: clamp(0px, (768px - 100%) * 999, 100%);
}
.group-filter-line-large {
  width: clamp(0px, (1580px - 100%) * 999, 100%);
}

/* recibo-orcamento */

.recibo-orcamento {
  border-block: 1px solid #ccc;
  padding-block: 16px;

  a {
    border: 1px solid #ccc;
    border-radius: 24px;
    padding: 6px 10px;

    display: flex;
    align-items: center;
    gap: 6px;

    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    color: #333;
    background-color: #f8f8f8;

    &:hover {
      background-color: #f5f5f5;
      text-decoration: none;
    }
  }
}

.total-usado {
  color: #22c55e !important;
  font-size: 14px !important;
}
.total-consolidado {
  color: #ff3201 !important;
  font-size: 14px !important;
}

/* Representante documentos */

.div-relacao-entre-parte-principal {

  .relacionamento-container {
    /* margin: 10px; */

    .accordion-doc-bloco-title {
      h4 {
        padding-left: 16px;

        span {
          background: none;
          border: 2px solid #333;
          color: #333;
          font-weight: 700;
          padding-right: 12px;
        }
      }
    }
  }
}

.tw-col-start-1 {
  grid-column-start: 1;
}
.tw-col-start-2 {
  grid-column-start: 2;
}
.tw-col-start-3 {
  grid-column-start: 3;
}
.tw-col-end-2 {
  grid-column-end: 2;
}
.tw-col-end-3 {
  grid-column-end: 3;
}
.tw-col-end-4 {
  grid-column-end: 4;
}
.tw-row-start-1 {
  grid-row-start: 1;
}
.tw-grid {
  display: grid;
}
.tw-grid-cols-\[auto_auto_1fr\] {
  grid-template-columns: auto auto 1fr;
}
.tw-grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
.tw-items-center {
  align-items: center;
}
.tw-gap-4 {
  gap: 1rem;
}

/* Nova minuta */

#botoes-blocos {
  position: sticky;
  top: 76px;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #fff;
  padding: 5px 0;
}

/* logo */

.logo-default {
  height: 32px;
}
.logo-default path {
    fill: #ff3201;
}

/*  orcamento valores responsivos */

.orcamento-header-values {
    display: inline-flex;
    border: 1px solid #333;
    border-radius: 4px;
    color: #333;
    font-weight: 600;
    font-size: 12px;
    flex-direction: column;
    flex: 1;
    min-width: 170px;
    padding: 4px;

    span {
        padding: 3px 6px;
        white-space: nowrap;
    }

    span:last-child {
        /* background-color: #333; */
        color: #fff;
    }

}

.orcamento-purple {
    border: 1px solid #D946EF;
    background-color: #FEF5FF;

    span:last-child {
        color: #D946EF;
    }

}

.orcamento-blue {
    border: 1px solid #21A6E6;
    background-color: #F2FDFF;

    span:last-child {
        color: #21A6E6;
    }

}

.orcamento-green {
    border: 1px solid #2FC563;
    background-color: #F2FCF9;

    span:last-child {
        color: #2FC563;
    }

}

/* orçamento grupo */

.bar-group {
  position: sticky;
  top: 75px;
  background: #fff;
  z-index: 9;
  display: none;
  border-block: 1px solid #ccc;
  padding: 16px 0;
  margin-bottom: 20px;

  &.active {
    display: block;
  }
}
.id-group-imovel {
  display: none;

    &.active {
      display: block;
    }
}
.btn-group-bens {
  color: #333;
  font-weight: 600;
  background-color: #fff;
  padding: 8px 20px;
  border-radius: 6px;
  border: 1px solid #ccc;
  font-size: 12px;
}

.orcamento-grupo-title {

  h4 {

    span {
      font-size: 11px;
      padding: 0px 0px 0px 12px;
      border-radius: 24px;
      height: 24px;
      display: flex;
      gap: 8px;
      align-items: center;
      white-space: nowrap;
      background: none;
      border: 2px solid #333;
      color: #333;
      font-weight: 700;

      small {
        height: 20px;
        width: auto;
        font-size: 10px;
        font-weight: bold;
        background: #ccc;
        border-radius: 24px;
        color: #333;
        display: grid;
        place-content: center;
        padding: 0 7.15px;
      }
    }
  }
}

/* Modal editar cliente */

.cadastro-dados-content-destaque {
  background-color: #f5f5f5;
  padding: 16px;
  margin: 0 10px 16px;
  border-radius: 4px;
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);

  .tw-row {
    background-color: #fff;
    padding: 10px;
    border-radius: 4px;
  }
}