label {
  font-size: 12px !important;
}

.container-login .login-content [page-name="LoginForm"] .tfield,
.input-group.spinner .input-group-addon {
  padding-left: 34px !important;
  border-radius: var(--radius) !important;
}
.tpassword {
  position: relative !important;
}
.tpassword button {
  position: absolute !important;
  top: 2px !important;
  right: 2px !important;
  height: 30px !important;
  width: 30px !important;
  border-radius: var(--radius) !important;
  border: 1px solid var(--border) !important;
  max-width: 33px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer;
  z-index: 20;
  transition: background 150ms ease-in-out;
}
.login-wrapper .panel-title .card-title {
  font-size: 14.5px !important;
}

.form-control .tfield::placeholder {
  color: black !important;
}
.tabpanel_form_login {
  padding: 0px !important;
}
.login-content .card-header {
  padding: 0px;
}
.login-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  align-items: start !important;
}
.login-content .card.panel {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}
#tbutton_btn_login {
  width: 100%;
}
#login-wrapper .card-footer {
  padding: 0px !important;
}
.create-reset-password {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin-top: 10px !important;
  > div {
    display: flex;
    /* width: 100% !important; */
    gap: 10px !important;
  }
}
#login-wrapper {
  width: 100% !important;
  padding: 0px !important;
  > h1 {
    font-weight: 600 !important;
    text-align: left !important;
    margin-bottom: 20px !important;
  }
}
.login-content .adianti_online_content,
.login-content .adianti_online_content2 {
  display: none !important;
  height: 0.1px !important;
  width: 0px !important;
}
.tpassword button:hover {
  background: var(--muted);
}
.inplace_field,
.tfield::not(.tseekentry):not(.tdate-group),
.btn:not(.tseekbutton):not(.tdate-group-addon) {
  border: 1px solid #b7b7b7d9 !important;
  border-radius: 4px !important;
}

.select2-container .select2-selection--single,
.select2-search__field {
  border: 1px solid var(--border) !important;
  border-radius: var(--radius) !important;
  background: var(--card) !important;
  font-size: 14px !important;
  box-shadow: var(--shadow-sm) !important;
}
.select2-container .select2-selection--single:focus {
  box-shadow: 0 0 0 3px var(--ring) !important;
}

.tseparator {
  font-size: 14px !important;
}

.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:not(:first-child) {
  border-radius: 0px !important;
  border-top-right-radius: 0.45rem !important;
  border-bottom-right-radius: 0.45rem !important;
  border: 1px solid var(--border) !important;
}

.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-radius: 0px !important;
  border-bottom-left-radius: 0.45rem !important;
  border-top-left-radius: 0.45rem !important;
  border: 1px solid var(--border) !important;
}

.tpagenavigation {
  text-align: center;
}

.table td,
.table th {
  padding: 14px !important;
  color: var(--muted-foreground) !important;
}
.table td:not(.tdatagrid_cell),
.table th:not(.tdatagrid_cell) {
  padding: 10px !important;
}
tbody {
  background: var(--background);
}
.table-hover tbody tr td {
  background: var(--card);
  transition: background 150ms ease-in-out;
}
.table-hover tbody tr:hover td {
  color: var(--muted-foreground);
  background: var(--muted) !important;
}

.tscroll {
  display: flex;
  height: 100%;
}

.ui-dialog {
  box-shadow: inset;
  /*width: 40% !important;*/
}

.table thead th {
  font-size: 13px;
  color: #777777;
  font-weight: 700;
}

#tbutton_btn_login {
  background: #3b82f6 !important;
  transition: background 150ms ease-in-out !important;
  width: 100% !important;
  margin-top: 10px !important;
}
#tbutton_btn_login:hover {
  background: #2563eb !important;
}

.container-login .panel-login .info-login .login-image.force-full {
  background-size: cover;
}

button[name="btn_login"] span {
  font-size: 18px;
  font-weight: 500;
  color: #f8f9fb !important;
}

.table {
  font-size: 14px;
  color: white !important;
  background: var(--card);
}

.select2-container--open .select2-dropdown--below {
  z-index: 100000000;
}

.select2-search__field {
  border: 1px;
  /*border-color: #ff0000;*/
}

.fixed-sidebar-mini-menu {
  right: 10px;
  top: 20px;
}

.fb-field-container {
  min-height: 0px !important;
  height: fit-content !important;
}

/*[id^="tlabel"] {*/
/*    font-size: 12px !important;*/
/*}*/

[id^="search_cd_dotacao"],
[id^="search_naturezadespesa_cd_despesa"],
[id^="search_naturezareceita_cd_naturezareceita"],
[id^="search_naturezareceita_ds_receita"],
[id^="search_naturezadespesa_nm_naturezadespesa"],
[id^="search_cd_identificadornd"],
[id^="search_cd_identificadornr"],
[id^="search_amparolegal_ds_amparolegal"],
[id^="search_name"],
[id^="search_dt_ano"] {
  width: 100% !important;
}

#builder-layout button:not(.beditorcss).pcr-button {
  background: #ffffff !important;
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  padding-top: 2.54497px !important;
  padding-right: 2.54497px !important;
  padding-bottom: 2.54497px !important;
  padding-left: 2.54497px !important;
  box-shadow: none !important;
  color: #e91e63 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  text-decoration-line: none !important;
  text-align: center !important;
  border-top-style: solid !important;
  border-right-style: solid !important;
  border-bottom-style: solid !important;
  border-left-style: none !important;
  border-color: #dfe4ede4 !important;
  border-top-width: 1.11111px !important;
  border-right-width: 1.11111px !important;
  border-bottom-width: 1.11111px !important;
  border-left-width: 0px !important;
  border-top-right-radius: 4px !important;
  border-top-left-radius: 0px !important;
  border-bottom-right-radius: 4px !important;
  border-bottom-left-radius: 0px !important;
}
#builder-layout button:not(.beditorcss).pcr-button:hover {
  color: #ff5722 !important;
  background: #9c27b0 !important;
  box-shadow: 234px 234px 234px 234px #9c27b0 !important;
  margin-top: 234px !important;
  margin-right: 234px !important;
  margin-bottom: 234px !important;
  margin-left: 234px !important;
  padding-top: 234px !important;
  padding-right: 234px !important;
  padding-bottom: 234px !important;
  padding-left: 234px !important;
  text-decoration-line: underline !important;
  font-style: italic !important;
  font-weight: bold !important;
}
#builder-layout div:not(.beditorcss).pcr-swatches {
  background: rgba(0, 0, 0, 0) !important;
  margin-top: 9px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  padding-top: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
  box-shadow: none !important;
  color: rgb(51, 51, 51) !important;
  font-size: 12px !important;
  font-weight: bold !important;
  font-style: normal !important;
  text-decoration-line: none !important;
  text-align: left !important;
  border-top-style: none !important;
  border-right-style: none !important;
  border-bottom-style: none !important;
  border-left-style: none !important;
  border-color: rgb(51, 51, 51) !important;
  border-top-width: 0px !important;
  border-right-width: 0px !important;
  border-bottom-width: 0px !important;
  border-left-width: 0px !important;
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

#builder-layout div:not(.beditorcss).ambiente {
  background-color: #f0f0f0;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
  color: #333;
  font-size: 12px;
  font-weight: bold;
}

#builder-layout div:not(.beditorcss).ambiente h3 {
  color: #555555;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
}

#builder-layout i:not(.beditorcss).fas.fa-cog {
  margin-right: 5px !important;
}

.btn-danger:is([name="btn_fechar"]) > span {
  width: 8.25px !important;
  height: 11px !important;
}

.dialog-overflow-hidden {
  overflow: hidden !important;
}

.table-bordered td,
.table-bordered th {
  border-left: none !important;
  border-right: none !important;
}
.dropdown-select {
  background: var(--accent) !important;
  border: 1px solid var(--border) !important;
  cursor: pointer !important;
  padding: 0.2rem 0.6rem !important;
  transition-property: background !important;
  outline: none !important;
  color: var(--primary) !important;
  border-radius: var(--radius) !important;
  transition: background 150ms ease-in-out;
}
.dropdown-select:hover {
  background: var(--card) !important;
}
.dropdown-select-items {
  display: flex !important;
  flex-direction: column !important;
  width: fit-content !important;
  > li {
    padding: 0.1rem 0.3rem !important;
  }
  > li:hover {
    background-color: rgba(247, 247, 247, 0.966) !important;
  }
}

#headerlist-limit-count {
  display: flex !important;
  flex-direction: column !important;
  /* width: fit-content !important; */
  > li {
    padding: 0.1rem 0.3rem !important;
  }
  > li:hover {
    background-color: rgba(247, 247, 247, 0.966) !important;
  }
}
.dropdown-menu.select-limit {
  background-color: rgba(247, 247, 247, 0.966) !important;
  margin-bottom: 1rem !important;
  border: none !important;
  width: 100px !important;
  > li {
    padding: 0.1rem 0.3rem !important;
  }
  > li:hover {
    background-color: rgba(247, 247, 247, 0.966) !important;
  }
}
.dropdown-menu[selectDropdown="true"] {
  background-color: rgba(255, 255, 255, 0) !important;
  border: none !important;
  width: 100px !important;
  margin-bottom: -1rem;
  padding: 2rem 0rem !important;
  max-width: 60px !important;
  overflow: hidden !important;
  > li:first-child {
    border-radius: 0.2rem 0.2rem 0px 0px !important;
  }
  > li:last-child {
    border-radius: 0px 0px 0.2rem 0.2rem !important;
    border-bottom: 0px !important;
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1),
      0 8px 10px -6px rgb(0 0 0 / 0.1) !important;
  }
  > li {
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1),
      0 8px 10px -6px rgb(0 0 0 / 0.1) !important;
    margin: 0 auto !important;
    background-color: var(--primary-foreground) !important ;
    border-bottom: 1px solid var(--border);
    width: 60px;
    max-width: 60px;
    padding: 0 !important;
    transition: background 150ms ease-in-out !important;
    > a {
      color: var(--primary) !important;
      font-size: 14px;
      text-align: center !important;
      height: 100% !important;
      width: 100% !important;
      margin: 0 auto !important;
      padding: 0.8rem 1rem !important;
    }
  }

  > li:hover {
    background-color: var(--muted) !important;
  }
}