/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
/*! GERADO de frontend-dsi-lib/src/sgu-compat.css — NAO editar o vendorizado a mao.
    Editar este fonte e recompilar:
      npx @tailwindcss/cli -i src/sgu-compat.css -o <SGU>/SGUWeb/dsi/sgu-legacy.css */
@layer properties;
html, body {
  background: var(--portal-color-gray-0);
}
#Content {
  background: var(--portal-color-gray-0) !important;
  top: 0 !important;
}
#Content .form.form-aligned:not(.ModalBackground), #Content > .panel-white {
  background: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: calc(var(--radius) + 4px);
  padding: 20px 22px !important;
  margin-bottom: 16px;
  box-shadow: 0 1px 3px var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 1px 3px color-mix(in srgb, var(--foreground) 4%, transparent);
  }
}
#Content > div[style*="border-width"] {
  background: var(--color-white) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: calc(var(--radius) + 4px);
  box-shadow: 0 1px 3px var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 1px 3px color-mix(in srgb, var(--foreground) 4%, transparent);
  }
  margin-bottom: 16px;
}
body {
  font-family: var(--portal-font-ui-family);
}
#Content, #Content * {
  font-family: var(--portal-font-ui-family) !important;
}
#Content input[type=submit]:not([class*="dsi-"]):not([class*="icon"]):not(.plus-button):not(.btn-close):not(.pw-eye):not(.navbar-toggler), #Content input[type=button]:not([class*="dsi-"]):not([class*="icon"]):not(.plus-button):not(.btn-close):not(.pw-eye):not(.navbar-toggler), #Content button:not([class*="dsi-"]):not([class*="icon"]):not(.plus-button):not(.btn-close):not(.pw-eye):not(.navbar-toggler) {
  cursor: pointer;
  border-radius: calc(var(--radius) - 2px);
  background-color: var(--primary);
  color: var(--primary-foreground);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  background-image: none;
  border: 0;
  padding: .5em 1.1em;
  font-family: var(--portal-font-ui-family);
}
#Content input[type=submit]:not([class*="dsi-"]):not([class*="icon"]):not(.plus-button):not(.btn-close):not(.pw-eye):not(.navbar-toggler):hover, #Content input[type=button]:not([class*="dsi-"]):not([class*="icon"]):not(.plus-button):not(.btn-close):not(.pw-eye):not(.navbar-toggler):hover, #Content button:not([class*="dsi-"]):not([class*="icon"]):not(.plus-button):not(.btn-close):not(.pw-eye):not(.navbar-toggler):hover {
  background-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--primary) 90%, transparent);
  }
}
form .combos, form .textboxes, form .textboxesUpper, form .textboxes_readonly, #Content input[type=text], #Content input[type=password], #Content input[type=email], #Content input[type=number], #Content input[type=tel], #Content input[type=date], #Content input[type=search], #Content select, #Content textarea {
  border-radius: calc(var(--radius) - 2px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--input);
  box-shadow: none;
}
form .combos:focus, form .textboxes:focus, form .textboxesUpper:focus, #Content input[type=text]:focus, #Content input[type=password]:focus, #Content input[type=email]:focus, #Content input[type=number]:focus, #Content select:focus, #Content textarea:focus {
  border-color: var(--color-main-color);
  outline: none;
}
#Content input[type=checkbox], #Content input[type=radio], form .checkbox, form .radio {
  accent-color: var(--color-main-color);
}
.datagridcontrol tr.datagridheader td, .datagridcontrol tr.datagridheader th, tr.datagridheader, tr.datagridheader td, tr.datagridheader th, td.datagridheader, th.datagridheader, #dgMensagens th {
  height: calc(var(--spacing, 0.25rem) * 10);
  padding-inline: calc(var(--spacing, 0.25rem) * 3);
  text-align: left;
  vertical-align: middle;
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-main-color) !important;
  background: var(--portal-color-gray-2) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--portal-color-gray-2) 45%, var(--color-white)) !important;
  }
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid var(--portal-color-gray-2) !important;
}
.datagridcontrol tr.datagridheader td[align="right"], .datagridcontrol tr.datagridheader th[align="right"], tr.datagridheader td[align="right"], tr.datagridheader th[align="right"], td.datagridheader[align="right"], th.datagridheader[align="right"] {
  text-align: right;
}
.datagridcontrol tr.datagridheader td[align="center"], .datagridcontrol tr.datagridheader th[align="center"], tr.datagridheader td[align="center"], tr.datagridheader th[align="center"], td.datagridheader[align="center"], th.datagridheader[align="center"] {
  text-align: center;
}
.datagridheader a, tr.datagridheader a, #dgMensagens th a {
  color: var(--color-main-color) !important;
  text-decoration: none;
}
.datagridcontrol {
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  border: 0 !important;
}
.datagridcontrol tr:not(.datagridheader):not([style*="background"]):not([bgcolor]) {
  background: var(--color-white) !important;
}
.datagridcontrol tr:not(.datagridheader) td {
  padding-inline: calc(var(--spacing, 0.25rem) * 3);
  padding-block: calc(var(--spacing, 0.25rem) * 2);
  vertical-align: middle;
  border: 0 !important;
  border-bottom: 1px solid var(--portal-color-gray-2) !important;
}
.datagridcontrol tr:not(.datagridheader):not([style*="background"]):not([bgcolor]) td:not([style*="background"]):not([bgcolor]) {
  background: var(--color-white) !important;
}
.datagridcontrol tr:not(.datagridheader):not([style*="background"]):not([bgcolor]):hover td:not([style*="background"]):not([bgcolor]) {
  background: color-mix(in srgb, #005E66 6%, #fff) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-main-color) 6%, var(--color-white)) !important;
  }
}
tr.datagridcontent td, td.datagridcontent {
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid var(--portal-color-gray-2) !important;
}
.dsi-th {
  background: var(--portal-color-gray-2) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--portal-color-gray-2) 45%, var(--color-white)) !important;
  }
  color: var(--color-main-color) !important;
  font-weight: 600 !important;
}
#Content .accordionHeader, #Content .accordionHeaderSelected {
  background: var(--portal-color-gray-0) !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid var(--portal-color-gray-2) !important;
}
#Content .accordionHeader:hover {
  background: var(--portal-color-gray-1) !important;
}
#Content .accordionHeaderSelected {
  background: var(--portal-color-gray-1) !important;
}
#Content .accordionHeaderSelected, #Content .accordionHeaderSelected a, #Content .accordionHeaderSelected a:hover {
  color: var(--color-main-color) !important;
  font-weight: 600 !important;
}
#Content .accordionContent {
  background: var(--color-white) !important;
  border: 0 !important;
}
#Content a {
  color: var(--color-main-color);
}
#Content a:hover {
  color: var(--color-main-color);
  text-decoration: underline;
}
#Content a.dsi-btn, #Content a.dsi-btn:hover {
  text-decoration: none;
}
#Content a.dsi-btn-primary, #Content a.dsi-btn-primary:hover {
  color: var(--primary-foreground);
}
#Content a.dsi-btn-secondary, #Content a.dsi-btn-secondary:hover {
  color: var(--secondary-foreground);
}
#Content a.dsi-btn-destructive, #Content a.dsi-btn-destructive:hover {
  color: var(--color-white);
}
#Content .menu-tela .level-1 > li > a, #Content .menu-tela .level-1 > li > a span {
  color: var(--color-white);
}
#Content .menu-tela .level-1 > li > a:hover {
  color: var(--color-white);
  text-decoration: none;
}
#Content .menu-tela .level-1 > li > a img {
  filter: brightness(0) invert(1);
}
.success, .warning, .error {
  border-radius: var(--radius);
  border-style: var(--tw-border-style);
  border-width: 1px;
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
  padding-block: calc(var(--spacing, 0.25rem) * 3);
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
}
.success {
  border-color: var(--portal-color-green-2);
  background: var(--portal-color-green-lightest);
  color: var(--portal-color-green-3);
}
.warning {
  border-color: var(--portal-color-yellow-2);
  background: var(--portal-color-yellow-lightest);
  color: var(--portal-color-yellow-3);
}
.error {
  border-color: var(--portal-color-red-2);
  background: var(--portal-color-red-lightest);
  color: var(--portal-color-red-3);
}
.titulo_success {
  background-color: var(--portal-color-green-2);
  border-color: var(--portal-color-green-2);
}
.titulo_warning {
  background-color: var(--portal-color-yellow-2);
  border-color: var(--portal-color-yellow-2);
}
.titulo_error {
  background-color: var(--portal-color-red-2);
  border-color: var(--portal-color-red-2);
}
.titulo_success h2, .titulo_warning h2, .titulo_error h2 {
  color: var(--color-white);
}
#ValidationSummary1 li {
  background-color: var(--portal-color-red-2);
}
.validators {
  background: var(--portal-color-red-2) !important;
}
.form .panel-white, .form .panel-gray, .filtro {
  border-radius: calc(var(--radius) + 4px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border);
  background: var(--color-white);
  box-shadow: 0 1px 3px var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 1px 3px color-mix(in srgb, var(--foreground) 4%, transparent);
  }
}
.panel-gray h3, .panel-gray h4, .panel-white h3, .panel-white h4 {
  background-color: var(--portal-color-gray-0);
  color: var(--color-main-color);
}
#sb-overlay {
  background: var(--foreground) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--foreground) 28%, transparent) !important;
  }
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
@keyframes dsi-spin {
  to {
    transform: rotate(360deg);
  }
}
.dsi-spinner, .icoCarregando::after {
  content: "";
  box-sizing: border-box;
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 3px solid color-mix(in srgb, #005E66 22%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 3px solid color-mix(in srgb, var(--color-main-color) 22%, transparent);
  }
  border-top-color: var(--color-main-color);
  animation: dsi-spin .7s linear infinite;
}
.icoCarregando {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.icoCarregando img {
  display: none !important;
}
#dsi-navbar {
  position: fixed;
  top: 0;
  left: 0;
  height: 3px;
  width: 0;
  z-index: 10001;
  background: #fff;
  opacity: 0;
  pointer-events: none;
  box-shadow: 0 0 8px rgba(255,255,255,.75);
}
html.dsi-loading #dsi-navbar {
  opacity: 1;
  animation: dsi-navbar-grow 2.4s ease-out forwards;
}
@keyframes dsi-navbar-grow {
  0% {
    width: 0;
  }
  35% {
    width: 65%;
  }
  70% {
    width: 85%;
  }
  100% {
    width: 94%;
  }
}
#Content .ajax__tab_tab, #Content .ajax__tab_inner, #Content .ajax__tab_outer {
  background-image: none !important;
}
#Content .ajax__tab_tab, #Content .ajax__tab_inner {
  background-color: var(--portal-color-gray-1);
}
#Content .ajax__tab_outer {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
  background-color: var(--portal-color-gray-1);
  margin-right: 3px;
}
#Content .ajax__tab_outer a {
  color: var(--portal-color-neutral-on-primary-2) !important;
}
#Content .ajax__tab_active .ajax__tab_tab, #Content .ajax__tab_active .ajax__tab_inner, #Content .ajax__tab_active .ajax__tab_outer {
  background-color: var(--color-main-color) !important;
}
#Content .ajax__tab_active .ajax__tab_outer a {
  color: var(--color-white) !important;
}
#Content .ajax__tab_hover .ajax__tab_tab, #Content .ajax__tab_hover .ajax__tab_inner, #Content .ajax__tab_hover .ajax__tab_outer {
  background-color: var(--portal-color-gray-2) !important;
}
#Content .ajax__tab_hover .ajax__tab_outer a {
  color: var(--foreground) !important;
}
#Content .ajax__tab_body {
  border-color: var(--portal-color-gray-2);
}
.accordion .accordionHeader, .accordion .accordionHeader.GridSelGeral > a {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
  background-color: var(--portal-color-gray-1);
}
.accordionHeader:hover {
  background: var(--portal-color-gray-2);
  background-image: none;
}
.accordion .accordionHeaderSelected, .accordion .accordionHeaderSelected.GridSelGeral > a, .accordionHeaderSelected, .projHeaderSelected {
  background-color: var(--color-main-color) !important;
  color: var(--color-white) !important;
}
.ShadowMsg .ModalBackground {
  background: rgba(0,0,0,.45);
}
.ShadowMsg .ModalJanela {
  background: var(--color-white);
  border-radius: 3px;
  box-shadow: 0 10px 34px rgba(0,0,0,.28);
  overflow: hidden;
}
.ShadowMsg .ModalContentBar {
  background: var(--color-main-color);
  border: 0;
  height: auto;
  padding: .7em 1.1em;
  border-radius: 3px 3px 0 0;
  display: flex;
  align-items: center;
}
.ShadowMsg .ModalContentBar h2 {
  color: var(--color-white);
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  padding: 0;
  position: static;
}
.ShadowMsg .titulo_success {
  background: var(--portal-color-verde-2, #00a800);
}
.ShadowMsg .titulo_warning {
  background: var(--portal-color-amarelo-2, #e08c07);
}
.ShadowMsg .titulo_error {
  background: var(--portal-color-vermelho-2, #be002d);
}
.ShadowMsg .titulo_success h2, .ShadowMsg .titulo_warning h2, .ShadowMsg .titulo_error h2 {
  color: var(--color-white);
}
.ShadowMsg .ModalMsg {
  background: var(--color-white);
  border: 0;
  padding: 1.2em 1.15em;
  color: var(--foreground);
  font-size: 14px;
}
.ShadowMsg .ModalMsg p {
  color: var(--foreground);
  margin: 0;
}
.ShadowMsg .Modalnav {
  position: static;
  float: none;
  width: auto;
  margin: 0 0 0 auto;
  padding: 0;
  height: auto;
}
.ShadowMsg .Modalnav a.excluir {
  width: 26px;
  height: 26px;
  border-radius: 3px;
  opacity: .85;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3C/svg%3E") center / 15px no-repeat;
}
.ShadowMsg .Modalnav a.excluir:hover {
  opacity: 1;
  background-color: color-mix(in srgb, #fff 22%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb, var(--color-white) 22%, transparent);
  }
}
.ShadowMsg .Modalnav a.excluir::before {
  content: none;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-font-weight: initial;
    }
  }
}