/* Scrollbar global visível quando houver overflow */
html,
body {
  overflow-y: auto;
  overflow-x: hidden;
}

.wrapper,
.content-wrapper,
.right-side {
  overflow-y: visible;
}

body.fixed,
body.fixed .wrapper {
  overflow: auto !important;
  overflow-y: auto !important;
}

body.fixed .content-wrapper,
body.fixed .right-side,
body.fixed .main-footer {
  overflow: visible !important;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #9aa7b4 #edf1f5;
}

*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  display: block;
}

*::-webkit-scrollbar-track {
  background: #edf1f5;
}

*::-webkit-scrollbar-thumb {
  background: #9aa7b4;
  border-radius: 999px;
  border: 2px solid #edf1f5;
}

*::-webkit-scrollbar-thumb:hover {
  background: #7f8d9b;
}

/* Cursor consistente para elementos interativos */
a,
a:hover,
a:focus,
button,
.btn,
[role="button"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="checkbox"],
input[type="radio"],
label[for],
summary {
  cursor: pointer;
}

button:disabled,
.btn.disabled,
.btn[disabled],
input:disabled,
select:disabled,
textarea:disabled,
a.disabled,
.disabled > a {
  cursor: default !important;
}


.menu-acao li:hover {
  background-color: #333;
}

.menu-acao li a {
  transition: color 0.1s, background-color 0.1s;
  /* Adicionando uma transição suave de cor e plano de fundo */
  background-color: transparent;
  /* Defina a cor de fundo padrão */
}

.menu-acao li i {
  color: #fff;
  /* Defina a cor do ícone */
}

.menu-acao li:hover a {
  color: #fff;
  /* Altere a cor do texto do link para branco durante o hover */
  background-color: #222;
  /* Altere a cor de fundo para #555 durante o hover */
}

.menu-acao li:hover i {
  color: #fff !important;
  /* Altere a cor do ícone para branco durante o hover */
}

.check-w-20 {
  transform: scale(1.5) !important;
}

input[type="checkbox"] {
  cursor: pointer;
  background-color: #4CAF50 !important;
}

/* Adicione estilos personalizados para centralizar o modal */
.modal {
  text-align: center;
}

.modal:before {
  content: '';
  display: inline-block;
  /* height: 100%; */
  vertical-align: middle;
  margin-right: -4px;
  /* Adjusts for spacing */
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

/* ============================================
   UTILITÁRIOS BOOTSTRAP 4 PARA BOOTSTRAP 3
   Compatível com AdminLTE e projetos BS3
   Use !important para sobrescrever estilos
============================================ */

/* ========== SPACING (Margin e Padding) ========== */

/* Margin geral (0-5) */
.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

/* Padding geral (0-5) */
.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

/* Margin Top (0-5) */
.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

/* Margin Bottom (0-5) */
.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

/* Margin Left (0-5) */
.ml-0 {
  margin-left: 0 !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.ml-4 {
  margin-left: 1.5rem !important;
}

.ml-5 {
  margin-left: 3rem !important;
}

/* Margin Right (0-5) */
.mr-0 {
  margin-right: 0 !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mr-3 {
  margin-right: 1rem !important;
}

.mr-4 {
  margin-right: 1.5rem !important;
}

.mr-5 {
  margin-right: 3rem !important;
}

/* Margin Horizontal (0-5) */
.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

/* Margin Vertical (0-5) */
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

/* Padding Top (0-5) */
.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

/* Padding Bottom (0-5) */
.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

/* Padding Left (0-5) */
.pl-0 {
  padding-left: 0 !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.pl-3 {
  padding-left: 1rem !important;
}

.pl-4 {
  padding-left: 1.5rem !important;
}

.pl-5 {
  padding-left: 3rem !important;
}

/* Padding Right (0-5) */
.pr-0 {
  padding-right: 0 !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pr-3 {
  padding-right: 1rem !important;
}

.pr-4 {
  padding-right: 1.5rem !important;
}

.pr-5 {
  padding-right: 3rem !important;
}

/* Padding Horizontal (0-5) */
.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

/* Padding Vertical (0-5) */
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

/* Margin Negativa Top (-1 a -5) */
.mt-n1 {
  margin-top: -0.25rem !important;
}

.mt-n2 {
  margin-top: -0.5rem !important;
}

.mt-n3 {
  margin-top: -1rem !important;
}

.mt-n4 {
  margin-top: -1.5rem !important;
}

.mt-n5 {
  margin-top: -3rem !important;
}

/* Margin Negativa Bottom (-1 a -5) */
.mb-n1 {
  margin-bottom: -0.25rem !important;
}

.mb-n2 {
  margin-bottom: -0.5rem !important;
}

.mb-n3 {
  margin-bottom: -1rem !important;
}

.mb-n4 {
  margin-bottom: -1.5rem !important;
}

.mb-n5 {
  margin-bottom: -3rem !important;
}

/* Margin Negativa Left (-1 a -5) */
.ml-n1 {
  margin-left: -0.25rem !important;
}

.ml-n2 {
  margin-left: -0.5rem !important;
}

.ml-n3 {
  margin-left: -1rem !important;
}

.ml-n4 {
  margin-left: -1.5rem !important;
}

.ml-n5 {
  margin-left: -3rem !important;
}

/* Margin Negativa Right (-1 a -5) */
.mr-n1 {
  margin-right: -0.25rem !important;
}

.mr-n2 {
  margin-right: -0.5rem !important;
}

.mr-n3 {
  margin-right: -1rem !important;
}

.mr-n4 {
  margin-right: -1.5rem !important;
}

.mr-n5 {
  margin-right: -3rem !important;
}

/* ========== WIDTH E HEIGHT ========== */

/* Width */
.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-95 {
  width: 95% !important;
}

/* Height */
.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

/* Max Width */
.mw-100 {
  max-width: 100% !important;
}

/* ========== DISPLAY ========== */

.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

/* ========== FLEXBOX ========== */

/* Flex Direction */
.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

/* Flex Wrap */
.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

/* Justify Content */
.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

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

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

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

/* Align Items */
.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

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

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

/* Align Self */
.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

/* ========== TEXT ALIGNMENT ========== */

/* Alinhamento básico */
.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

/* Alinhamento responsivo (básico) */
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }

  .text-md-center {
    text-align: center !important;
  }

  .text-md-right {
    text-align: right !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }

  .text-lg-center {
    text-align: center !important;
  }

  .text-lg-right {
    text-align: right !important;
  }
}

/* ========== OUTROS UTILITÁRIOS ========== */

/* Floats (compatibilidade BS3) */
.pull-left {
  float: left !important;
}

.pull-right {
  float: right !important;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

/* Clearfix */
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

/* Text Colors */
.text-muted {
  color: #6c757d !important;
}

.text-primary {
  color: #007bff !important;
}

.text-success {
  color: #28a745 !important;
}

.text-info {
  color: #17a2b8 !important;
}

.text-warning {
  color: #ffc107 !important;
}

.text-danger {
  color: #dc3545 !important;
}


/* Adicione ao seu CSS */
.b-0 {
  border: 0 !important;
}

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

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

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

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

.bx-0 {
  border-left: 0 !important;
  border-right: 0 !important;
}

.by-0 {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* Margin-bottom responsiva - Bootstrap 3 style */
.sm-mb-0 {
  margin-bottom: 0 !important;
}

.sm-mb-1 {
  margin-bottom: 5px !important;
}

.sm-mb-2 {
  margin-bottom: 10px !important;
}

.sm-mb-3 {
  margin-bottom: 15px !important;
}

.sm-mb-4 {
  margin-bottom: 20px !important;
}

.sm-mb-5 {
  margin-bottom: 30px !important;
}

/* Apenas no breakpoint SM (≥768px) */
@media (min-width: 768px) {
  .sm-mb-0 {
    margin-bottom: 0 !important;
  }

  .sm-mb-1 {
    margin-bottom: 5px !important;
  }

  .sm-mb-2 {
    margin-bottom: 10px !important;
  }

  .sm-mb-3 {
    margin-bottom: 15px !important;
  }

  .sm-mb-4 {
    margin-bottom: 20px !important;
  }

  .sm-mb-5 {
    margin-bottom: 30px !important;
  }
}

/* Para os outros breakpoints (se quiser completo) */
@media (min-width: 992px) {
  .md-mb-0 {
    margin-bottom: 0 !important;
  }

  .md-mb-1 {
    margin-bottom: 5px !important;
  }

  .md-mb-2 {
    margin-bottom: 10px !important;
  }

  .md-mb-3 {
    margin-bottom: 15px !important;
  }

  .md-mb-4 {
    margin-bottom: 20px !important;
  }

  .md-mb-5 {
    margin-bottom: 30px !important;
  }
}

@media (min-width: 1200px) {
  .lg-mb-0 {
    margin-bottom: 0 !important;
  }

  .lg-mb-1 {
    margin-bottom: 5px !important;
  }

  .lg-mb-2 {
    margin-bottom: 10px !important;
  }

  .lg-mb-3 {
    margin-bottom: 15px !important;
  }

  .lg-mb-4 {
    margin-bottom: 20px !important;
  }

  .lg-mb-5 {
    margin-bottom: 30px !important;
  }
}

/* Versões para XS (mobile-first) - sempre aplicadas */
.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 5px !important;
}

.mb-2 {
  margin-bottom: 10px !important;
}

.mb-3 {
  margin-bottom: 15px !important;
}

.mb-4 {
  margin-bottom: 20px !important;
}

.mb-5 {
  margin-bottom: 30px !important;
}


/* Texto Verde Bold - Hover Underline */
.texto-verde-bold {
  color: #28a745;
  font-weight: bold;
  font-style: normal;
  cursor: pointer;
  transition: text-decoration 0.2s ease;
}

.texto-verde-bold:hover {
  text-decoration: underline;
}

/* Ícone FontAwesome Verde - Hover Scale */
.icone-verde {
  color: #28a745;
  margin-right: 5px;
  transition: transform 0.2s ease;
  cursor: pointer;
}

.icone-verde:hover {
  transform: scale(1.1);
}

/* Se quiser apenas o texto verde sem hover */
.texto-verde {
  color: #28a745;
  font-weight: bold;
  font-style: normal;
}

/* Se quiser apenas o ícone verde sem hover */
.icone-verde-simples {
  color: #28a745;
  margin-right: 5px;
}

/* btn-black - Admin LTE 2.4 */
.btn-black,
.btn-black:active,
.btn-black.active {
  color: #fff;
  background-color: #222;
  border-color: #080808;
}

.btn-black:hover,
.btn-black:focus,
.btn-black.focus {
  color: #fff;
  background-color: #080808;
  border-color: #000;
}

.btn-black:active,
.btn-black.active,
.open>.dropdown-toggle.btn-black {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.btn-black:active:hover,
.btn-black.active:hover,
.btn-black:active:focus,
.btn-black.active:focus,
.btn-black:active.focus,
.btn-black.active.focus,
.open>.dropdown-toggle.btn-black:hover,
.open>.dropdown-toggle.btn-black:focus,
.open>.dropdown-toggle.btn-black.focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.btn-black:disabled,
.btn-black[disabled],
fieldset[disabled] .btn-black,
.btn-black.disabled,
.btn-black[disabled]:hover,
.btn-black[disabled]:focus,
.btn-black[disabled].focus,
.btn-black.disabled:hover,
.btn-black.disabled:focus,
.btn-black.disabled.focus {
  background-color: #222;
  border-color: #080808;
}

/* ===== BORDER UTILITIES ===== */
.border {
  border: 1px solid #ddd !important;
}

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

.border-1 {
  border: 1px solid #ddd !important;
}

.border-2 {
  border: 2px solid #ddd !important;
}

.border-3 {
  border: 3px solid #ddd !important;
}

.border-4 {
  border: 4px solid #ddd !important;
}

.border-5 {
  border: 5px solid #ddd !important;
}

.border-top {
  border-top: 1px solid #ddd !important;
}

.border-right {
  border-right: 1px solid #ddd !important;
}

.border-bottom {
  border-bottom: 1px solid #ddd !important;
}

.border-left {
  border-left: 1px solid #ddd !important;
}

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

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

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

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

.border-top-1 {
  border-top: 1px solid #ddd !important;
}

.border-right-1 {
  border-right: 1px solid #ddd !important;
}

.border-bottom-1 {
  border-bottom: 1px solid #ddd !important;
}

.border-left-1 {
  border-left: 1px solid #ddd !important;
}

.border-top-2 {
  border-top: 2px solid #ddd !important;
}

.border-right-2 {
  border-right: 2px solid #ddd !important;
}

.border-bottom-2 {
  border-bottom: 2px solid #ddd !important;
}

.border-left-2 {
  border-left: 2px solid #ddd !important;
}

.border-top-3 {
  border-top: 3px solid #ddd !important;
}

.border-right-3 {
  border-right: 3px solid #ddd !important;
}

.border-bottom-3 {
  border-bottom: 3px solid #ddd !important;
}

.border-left-3 {
  border-left: 3px solid #ddd !important;
}

.border-top-4 {
  border-top: 4px solid #ddd !important;
}

.border-right-4 {
  border-right: 4px solid #ddd !important;
}

.border-bottom-4 {
  border-bottom: 4px solid #ddd !important;
}

.border-left-4 {
  border-left: 4px solid #ddd !important;
}

.border-top-5 {
  border-top: 5px solid #ddd !important;
}

.border-right-5 {
  border-right: 5px solid #ddd !important;
}

.border-bottom-5 {
  border-bottom: 5px solid #ddd !important;
}

.border-left-5 {
  border-left: 5px solid #ddd !important;
}

/* Border Colors */
.border-primary {
  border-color: #3c8dbc !important;
}

.border-success {
  border-color: #00a65a !important;
}

.border-info {
  border-color: #00c0ef !important;
}

.border-warning {
  border-color: #f39c12 !important;
}

.border-danger {
  border-color: #dd4b39 !important;
}

.border-light {
  border-color: #f5f5f5 !important;
}

.border-dark {
  border-color: #222 !important;
}

/* ===== BORDER RADIUS UTILITIES ===== */
.rounded {
  border-radius: 4px !important;
}

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

.rounded-1 {
  border-radius: 2px !important;
}

.rounded-2 {
  border-radius: 4px !important;
}

.rounded-3 {
  border-radius: 6px !important;
}

.rounded-4 {
  border-radius: 8px !important;
}

.rounded-5 {
  border-radius: 10px !important;
}

.rounded-top {
  border-radius: 4px 4px 0 0 !important;
}

.rounded-right {
  border-radius: 0 4px 4px 0 !important;
}

.rounded-bottom {
  border-radius: 0 0 4px 4px !important;
}

.rounded-left {
  border-radius: 4px 0 0 4px !important;
}

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

.rounded-top-1 {
  border-radius: 2px 2px 0 0 !important;
}

.rounded-top-2 {
  border-radius: 4px 4px 0 0 !important;
}

.rounded-top-3 {
  border-radius: 6px 6px 0 0 !important;
}

.rounded-top-4 {
  border-radius: 8px 8px 0 0 !important;
}

.rounded-top-5 {
  border-radius: 10px 10px 0 0 !important;
}

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

.rounded-right-1 {
  border-radius: 0 2px 2px 0 !important;
}

.rounded-right-2 {
  border-radius: 0 4px 4px 0 !important;
}

.rounded-right-3 {
  border-radius: 0 6px 6px 0 !important;
}

.rounded-right-4 {
  border-radius: 0 8px 8px 0 !important;
}

.rounded-right-5 {
  border-radius: 0 10px 10px 0 !important;
}

.rounded-bottom-0 {
  border-radius: 0 0 0 0 !important;
}

.rounded-bottom-1 {
  border-radius: 0 0 2px 2px !important;
}

.rounded-bottom-2 {
  border-radius: 0 0 4px 4px !important;
}

.rounded-bottom-3 {
  border-radius: 0 0 6px 6px !important;
}

.rounded-bottom-4 {
  border-radius: 0 0 8px 8px !important;
}

.rounded-bottom-5 {
  border-radius: 0 0 10px 10px !important;
}

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

.rounded-left-1 {
  border-radius: 2px 0 0 2px !important;
}

.rounded-left-2 {
  border-radius: 4px 0 0 4px !important;
}

.rounded-left-3 {
  border-radius: 6px 0 0 6px !important;
}

.rounded-left-4 {
  border-radius: 8px 0 0 8px !important;
}

.rounded-left-5 {
  border-radius: 10px 0 0 10px !important;
}

.rounded-tl {
  border-radius: 4px 0 0 0 !important;
}

.rounded-tr {
  border-radius: 0 4px 0 0 !important;
}

.rounded-br {
  border-radius: 0 0 4px 0 !important;
}

.rounded-bl {
  border-radius: 0 0 0 4px !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 9999px !important;
}

/* .btn-black .badge {
  color: #222;
  background-color: #fff;
}

.tooltip-inner {
  max-width: 280px;
  text-align: left;
  padding: 12px;
  background-color: #333;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #333;
} */


/* ========== 12. GRID GUTTER (NOVO NO BS4) ========== */
/* BS4 tem g-*, gx-*, gy-* */
.g-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.g-0>.col,
.g-0>[class*="col-"] {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.g-1 {
  margin-right: -4px !important;
  margin-left: -4px !important;
}

.g-1>.col,
.g-1>[class*="col-"] {
  padding-right: 4px !important;
  padding-left: 4px !important;
}

.g-2 {
  margin-right: -8px !important;
  margin-left: -8px !important;
}

.g-2>.col,
.g-2>[class*="col-"] {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

.g-3 {
  margin-right: -16px !important;
  margin-left: -16px !important;
}

.g-3>.col,
.g-3>[class*="col-"] {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

/* ========== 13. LINE HEIGHT (REM→PX) ========== */
.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

/* ========== 14. WIDTH/HEIGHT EM % (já existem) ========== */
.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

/* Viewport width/height */
.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}


/* MATERIAL DESIGN - COMPLETE COLOR PALETTE */
/* Text, Background and Border Colors */

/* ===== RED ===== */
.text-red-50 {
  color: #ffebee !important;
}

.bg-red-50 {
  background-color: #ffebee !important;
}

.border-red-50 {
  border-color: #ffebee !important;
}

.text-red-100 {
  color: #ffcdd2 !important;
}

.bg-red-100 {
  background-color: #ffcdd2 !important;
}

.border-red-100 {
  border-color: #ffcdd2 !important;
}

.text-red-200 {
  color: #ef9a9a !important;
}

.bg-red-200 {
  background-color: #ef9a9a !important;
}

.border-red-200 {
  border-color: #ef9a9a !important;
}

.text-red-300 {
  color: #e57373 !important;
}

.bg-red-300 {
  background-color: #e57373 !important;
}

.border-red-300 {
  border-color: #e57373 !important;
}

.text-red-400 {
  color: #ef5350 !important;
}

.bg-red-400 {
  background-color: #ef5350 !important;
}

.border-red-400 {
  border-color: #ef5350 !important;
}

.text-red-500 {
  color: #f44336 !important;
}

.bg-red-500 {
  background-color: #f44336 !important;
}

.border-red-500 {
  border-color: #f44336 !important;
}

.text-red-600 {
  color: #e53935 !important;
}

.bg-red-600 {
  background-color: #e53935 !important;
}

.border-red-600 {
  border-color: #e53935 !important;
}

.text-red-700 {
  color: #d32f2f !important;
}

.bg-red-700 {
  background-color: #d32f2f !important;
}

.border-red-700 {
  border-color: #d32f2f !important;
}

.text-red-800 {
  color: #c62828 !important;
}

.bg-red-800 {
  background-color: #c62828 !important;
}

.border-red-800 {
  border-color: #c62828 !important;
}

.text-red-900 {
  color: #b71c1c !important;
}

.bg-red-900 {
  background-color: #b71c1c !important;
}

.border-red-900 {
  border-color: #b71c1c !important;
}

.text-red-a100 {
  color: #ff8a80 !important;
}

.bg-red-a100 {
  background-color: #ff8a80 !important;
}

.border-red-a100 {
  border-color: #ff8a80 !important;
}

.text-red-a200 {
  color: #ff5252 !important;
}

.bg-red-a200 {
  background-color: #ff5252 !important;
}

.border-red-a200 {
  border-color: #ff5252 !important;
}

.text-red-a400 {
  color: #ff1744 !important;
}

.bg-red-a400 {
  background-color: #ff1744 !important;
}

.border-red-a400 {
  border-color: #ff1744 !important;
}

.text-red-a700 {
  color: #d50000 !important;
}

.bg-red-a700 {
  background-color: #d50000 !important;
}

.border-red-a700 {
  border-color: #d50000 !important;
}

/* ===== PINK ===== */
.text-pink-50 {
  color: #fce4ec !important;
}

.bg-pink-50 {
  background-color: #fce4ec !important;
}

.border-pink-50 {
  border-color: #fce4ec !important;
}

.text-pink-100 {
  color: #f8bbd0 !important;
}

.bg-pink-100 {
  background-color: #f8bbd0 !important;
}

.border-pink-100 {
  border-color: #f8bbd0 !important;
}

.text-pink-200 {
  color: #f48fb1 !important;
}

.bg-pink-200 {
  background-color: #f48fb1 !important;
}

.border-pink-200 {
  border-color: #f48fb1 !important;
}

.text-pink-300 {
  color: #f06292 !important;
}

.bg-pink-300 {
  background-color: #f06292 !important;
}

.border-pink-300 {
  border-color: #f06292 !important;
}

.text-pink-400 {
  color: #ec407a !important;
}

.bg-pink-400 {
  background-color: #ec407a !important;
}

.border-pink-400 {
  border-color: #ec407a !important;
}

.text-pink-500 {
  color: #e91e63 !important;
}

.bg-pink-500 {
  background-color: #e91e63 !important;
}

.border-pink-500 {
  border-color: #e91e63 !important;
}

.text-pink-600 {
  color: #c2185b !important;
}

.bg-pink-600 {
  background-color: #c2185b !important;
}

.border-pink-600 {
  border-color: #c2185b !important;
}

.text-pink-700 {
  color: #ad1457 !important;
}

.bg-pink-700 {
  background-color: #ad1457 !important;
}

.border-pink-700 {
  border-color: #ad1457 !important;
}

.text-pink-800 {
  color: #880e4f !important;
}

.bg-pink-800 {
  background-color: #880e4f !important;
}

.border-pink-800 {
  border-color: #880e4f !important;
}

.text-pink-900 {
  color: #560027 !important;
}

.bg-pink-900 {
  background-color: #560027 !important;
}

.border-pink-900 {
  border-color: #560027 !important;
}

.text-pink-a100 {
  color: #ff80ab !important;
}

.bg-pink-a100 {
  background-color: #ff80ab !important;
}

.border-pink-a100 {
  border-color: #ff80ab !important;
}

.text-pink-a200 {
  color: #ff4081 !important;
}

.bg-pink-a200 {
  background-color: #ff4081 !important;
}

.border-pink-a200 {
  border-color: #ff4081 !important;
}

.text-pink-a400 {
  color: #f50057 !important;
}

.bg-pink-a400 {
  background-color: #f50057 !important;
}

.border-pink-a400 {
  border-color: #f50057 !important;
}

.text-pink-a700 {
  color: #c51162 !important;
}

.bg-pink-a700 {
  background-color: #c51162 !important;
}

.border-pink-a700 {
  border-color: #c51162 !important;
}

/* ===== PURPLE ===== */
.text-purple-50 {
  color: #f3e5f5 !important;
}

.bg-purple-50 {
  background-color: #f3e5f5 !important;
}

.border-purple-50 {
  border-color: #f3e5f5 !important;
}

.text-purple-100 {
  color: #e1bee7 !important;
}

.bg-purple-100 {
  background-color: #e1bee7 !important;
}

.border-purple-100 {
  border-color: #e1bee7 !important;
}

.text-purple-200 {
  color: #ce93d8 !important;
}

.bg-purple-200 {
  background-color: #ce93d8 !important;
}

.border-purple-200 {
  border-color: #ce93d8 !important;
}

.text-purple-300 {
  color: #ba68c8 !important;
}

.bg-purple-300 {
  background-color: #ba68c8 !important;
}

.border-purple-300 {
  border-color: #ba68c8 !important;
}

.text-purple-400 {
  color: #ab47bc !important;
}

.bg-purple-400 {
  background-color: #ab47bc !important;
}

.border-purple-400 {
  border-color: #ab47bc !important;
}

.text-purple-500 {
  color: #9c27b0 !important;
}

.bg-purple-500 {
  background-color: #9c27b0 !important;
}

.border-purple-500 {
  border-color: #9c27b0 !important;
}

.text-purple-600 {
  color: #8e24aa !important;
}

.bg-purple-600 {
  background-color: #8e24aa !important;
}

.border-purple-600 {
  border-color: #8e24aa !important;
}

.text-purple-700 {
  color: #7b1fa2 !important;
}

.bg-purple-700 {
  background-color: #7b1fa2 !important;
}

.border-purple-700 {
  border-color: #7b1fa2 !important;
}

.text-purple-800 {
  color: #6a1b9a !important;
}

.bg-purple-800 {
  background-color: #6a1b9a !important;
}

.border-purple-800 {
  border-color: #6a1b9a !important;
}

.text-purple-900 {
  color: #4a148c !important;
}

.bg-purple-900 {
  background-color: #4a148c !important;
}

.border-purple-900 {
  border-color: #4a148c !important;
}

.text-purple-a100 {
  color: #ea80fc !important;
}

.bg-purple-a100 {
  background-color: #ea80fc !important;
}

.border-purple-a100 {
  border-color: #ea80fc !important;
}

.text-purple-a200 {
  color: #e040fb !important;
}

.bg-purple-a200 {
  background-color: #e040fb !important;
}

.border-purple-a200 {
  border-color: #e040fb !important;
}

.text-purple-a400 {
  color: #d500f9 !important;
}

.bg-purple-a400 {
  background-color: #d500f9 !important;
}

.border-purple-a400 {
  border-color: #d500f9 !important;
}

.text-purple-a700 {
  color: #aa00f3 !important;
}

.bg-purple-a700 {
  background-color: #aa00f3 !important;
}

.border-purple-a700 {
  border-color: #aa00f3 !important;
}

/* ===== DEEP PURPLE ===== */
.text-deep-purple-50 {
  color: #ede7f6 !important;
}

.bg-deep-purple-50 {
  background-color: #ede7f6 !important;
}

.border-deep-purple-50 {
  border-color: #ede7f6 !important;
}

.text-deep-purple-100 {
  color: #d1c4e9 !important;
}

.bg-deep-purple-100 {
  background-color: #d1c4e9 !important;
}

.border-deep-purple-100 {
  border-color: #d1c4e9 !important;
}

.text-deep-purple-200 {
  color: #b39ddb !important;
}

.bg-deep-purple-200 {
  background-color: #b39ddb !important;
}

.border-deep-purple-200 {
  border-color: #b39ddb !important;
}

.text-deep-purple-300 {
  color: #9575cd !important;
}

.bg-deep-purple-300 {
  background-color: #9575cd !important;
}

.border-deep-purple-300 {
  border-color: #9575cd !important;
}

.text-deep-purple-400 {
  color: #7e57c2 !important;
}

.bg-deep-purple-400 {
  background-color: #7e57c2 !important;
}

.border-deep-purple-400 {
  border-color: #7e57c2 !important;
}

.text-deep-purple-500 {
  color: #673ab7 !important;
}

.bg-deep-purple-500 {
  background-color: #673ab7 !important;
}

.border-deep-purple-500 {
  border-color: #673ab7 !important;
}

.text-deep-purple-600 {
  color: #5e35b1 !important;
}

.bg-deep-purple-600 {
  background-color: #5e35b1 !important;
}

.border-deep-purple-600 {
  border-color: #5e35b1 !important;
}

.text-deep-purple-700 {
  color: #512da8 !important;
}

.bg-deep-purple-700 {
  background-color: #512da8 !important;
}

.border-deep-purple-700 {
  border-color: #512da8 !important;
}

.text-deep-purple-800 {
  color: #4527a0 !important;
}

.bg-deep-purple-800 {
  background-color: #4527a0 !important;
}

.border-deep-purple-800 {
  border-color: #4527a0 !important;
}

.text-deep-purple-900 {
  color: #311b92 !important;
}

.bg-deep-purple-900 {
  background-color: #311b92 !important;
}

.border-deep-purple-900 {
  border-color: #311b92 !important;
}

.text-deep-purple-a100 {
  color: #b388ff !important;
}

.bg-deep-purple-a100 {
  background-color: #b388ff !important;
}

.border-deep-purple-a100 {
  border-color: #b388ff !important;
}

.text-deep-purple-a200 {
  color: #7c4dff !important;
}

.bg-deep-purple-a200 {
  background-color: #7c4dff !important;
}

.border-deep-purple-a200 {
  border-color: #7c4dff !important;
}

.text-deep-purple-a400 {
  color: #651fff !important;
}

.bg-deep-purple-a400 {
  background-color: #651fff !important;
}

.border-deep-purple-a400 {
  border-color: #651fff !important;
}

.text-deep-purple-a700 {
  color: #6200ea !important;
}

.bg-deep-purple-a700 {
  background-color: #6200ea !important;
}

.border-deep-purple-a700 {
  border-color: #6200ea !important;
}

/* ===== INDIGO ===== */
.text-indigo-50 {
  color: #e8eaf6 !important;
}

.bg-indigo-50 {
  background-color: #e8eaf6 !important;
}

.border-indigo-50 {
  border-color: #e8eaf6 !important;
}

.text-indigo-100 {
  color: #c5cae9 !important;
}

.bg-indigo-100 {
  background-color: #c5cae9 !important;
}

.border-indigo-100 {
  border-color: #c5cae9 !important;
}

.text-indigo-200 {
  color: #9fa8da !important;
}

.bg-indigo-200 {
  background-color: #9fa8da !important;
}

.border-indigo-200 {
  border-color: #9fa8da !important;
}

.text-indigo-300 {
  color: #7986cb !important;
}

.bg-indigo-300 {
  background-color: #7986cb !important;
}

.border-indigo-300 {
  border-color: #7986cb !important;
}

.text-indigo-400 {
  color: #5c6bc0 !important;
}

.bg-indigo-400 {
  background-color: #5c6bc0 !important;
}

.border-indigo-400 {
  border-color: #5c6bc0 !important;
}

.text-indigo-500 {
  color: #3f51b5 !important;
}

.bg-indigo-500 {
  background-color: #3f51b5 !important;
}

.border-indigo-500 {
  border-color: #3f51b5 !important;
}

.text-indigo-600 {
  color: #3949ab !important;
}

.bg-indigo-600 {
  background-color: #3949ab !important;
}

.border-indigo-600 {
  border-color: #3949ab !important;
}

.text-indigo-700 {
  color: #303f9f !important;
}

.bg-indigo-700 {
  background-color: #303f9f !important;
}

.border-indigo-700 {
  border-color: #303f9f !important;
}

.text-indigo-800 {
  color: #283593 !important;
}

.bg-indigo-800 {
  background-color: #283593 !important;
}

.border-indigo-800 {
  border-color: #283593 !important;
}

.text-indigo-900 {
  color: #1a237e !important;
}

.bg-indigo-900 {
  background-color: #1a237e !important;
}

.border-indigo-900 {
  border-color: #1a237e !important;
}

.text-indigo-a100 {
  color: #8c9eff !important;
}

.bg-indigo-a100 {
  background-color: #8c9eff !important;
}

.border-indigo-a100 {
  border-color: #8c9eff !important;
}

.text-indigo-a200 {
  color: #536dfe !important;
}

.bg-indigo-a200 {
  background-color: #536dfe !important;
}

.border-indigo-a200 {
  border-color: #536dfe !important;
}

.text-indigo-a400 {
  color: #3d5afe !important;
}

.bg-indigo-a400 {
  background-color: #3d5afe !important;
}

.border-indigo-a400 {
  border-color: #3d5afe !important;
}

.text-indigo-a700 {
  color: #304ffe !important;
}

.bg-indigo-a700 {
  background-color: #304ffe !important;
}

.border-indigo-a700 {
  border-color: #304ffe !important;
}

/* ===== BLUE ===== */
.text-blue-50 {
  color: #e3f2fd !important;
}

.bg-blue-50 {
  background-color: #e3f2fd !important;
}

.border-blue-50 {
  border-color: #e3f2fd !important;
}

.text-blue-100 {
  color: #bbdefb !important;
}

.bg-blue-100 {
  background-color: #bbdefb !important;
}

.border-blue-100 {
  border-color: #bbdefb !important;
}

.text-blue-200 {
  color: #90caf9 !important;
}

.bg-blue-200 {
  background-color: #90caf9 !important;
}

.border-blue-200 {
  border-color: #90caf9 !important;
}

.text-blue-300 {
  color: #64b5f6 !important;
}

.bg-blue-300 {
  background-color: #64b5f6 !important;
}

.border-blue-300 {
  border-color: #64b5f6 !important;
}

.text-blue-400 {
  color: #42a5f5 !important;
}

.bg-blue-400 {
  background-color: #42a5f5 !important;
}

.border-blue-400 {
  border-color: #42a5f5 !important;
}

.text-blue-500 {
  color: #2196f3 !important;
}

.bg-blue-500 {
  background-color: #2196f3 !important;
}

.border-blue-500 {
  border-color: #2196f3 !important;
}

.text-blue-600 {
  color: #1e88e5 !important;
}

.bg-blue-600 {
  background-color: #1e88e5 !important;
}

.border-blue-600 {
  border-color: #1e88e5 !important;
}

.text-blue-700 {
  color: #1976d2 !important;
}

.bg-blue-700 {
  background-color: #1976d2 !important;
}

.border-blue-700 {
  border-color: #1976d2 !important;
}

.text-blue-800 {
  color: #1565c0 !important;
}

.bg-blue-800 {
  background-color: #1565c0 !important;
}

.border-blue-800 {
  border-color: #1565c0 !important;
}

.text-blue-900 {
  color: #0d47a1 !important;
}

.bg-blue-900 {
  background-color: #0d47a1 !important;
}

.border-blue-900 {
  border-color: #0d47a1 !important;
}

.text-blue-a100 {
  color: #82b1ff !important;
}

.bg-blue-a100 {
  background-color: #82b1ff !important;
}

.border-blue-a100 {
  border-color: #82b1ff !important;
}

.text-blue-a200 {
  color: #448aff !important;
}

.bg-blue-a200 {
  background-color: #448aff !important;
}

.border-blue-a200 {
  border-color: #448aff !important;
}

.text-blue-a400 {
  color: #2979ff !important;
}

.bg-blue-a400 {
  background-color: #2979ff !important;
}

.border-blue-a400 {
  border-color: #2979ff !important;
}

.text-blue-a700 {
  color: #2962ff !important;
}

.bg-blue-a700 {
  background-color: #2962ff !important;
}

.border-blue-a700 {
  border-color: #2962ff !important;
}

/* ===== LIGHT BLUE ===== */
.text-light-blue-50 {
  color: #e1f5fe !important;
}

.bg-light-blue-50 {
  background-color: #e1f5fe !important;
}

.border-light-blue-50 {
  border-color: #e1f5fe !important;
}

.text-light-blue-100 {
  color: #b3e5fc !important;
}

.bg-light-blue-100 {
  background-color: #b3e5fc !important;
}

.border-light-blue-100 {
  border-color: #b3e5fc !important;
}

.text-light-blue-200 {
  color: #81d4fa !important;
}

.bg-light-blue-200 {
  background-color: #81d4fa !important;
}

.border-light-blue-200 {
  border-color: #81d4fa !important;
}

.text-light-blue-300 {
  color: #4fc3f7 !important;
}

.bg-light-blue-300 {
  background-color: #4fc3f7 !important;
}

.border-light-blue-300 {
  border-color: #4fc3f7 !important;
}

.text-light-blue-400 {
  color: #29b6f6 !important;
}

.bg-light-blue-400 {
  background-color: #29b6f6 !important;
}

.border-light-blue-400 {
  border-color: #29b6f6 !important;
}

.text-light-blue-500 {
  color: #03a9f4 !important;
}

.bg-light-blue-500 {
  background-color: #03a9f4 !important;
}

.border-light-blue-500 {
  border-color: #03a9f4 !important;
}

.text-light-blue-600 {
  color: #039be5 !important;
}

.bg-light-blue-600 {
  background-color: #039be5 !important;
}

.border-light-blue-600 {
  border-color: #039be5 !important;
}

.text-light-blue-700 {
  color: #0288d1 !important;
}

.bg-light-blue-700 {
  background-color: #0288d1 !important;
}

.border-light-blue-700 {
  border-color: #0288d1 !important;
}

.text-light-blue-800 {
  color: #0277bd !important;
}

.bg-light-blue-800 {
  background-color: #0277bd !important;
}

.border-light-blue-800 {
  border-color: #0277bd !important;
}

.text-light-blue-900 {
  color: #01579b !important;
}

.bg-light-blue-900 {
  background-color: #01579b !important;
}

.border-light-blue-900 {
  border-color: #01579b !important;
}

.text-light-blue-a100 {
  color: #80d8ff !important;
}

.bg-light-blue-a100 {
  background-color: #80d8ff !important;
}

.border-light-blue-a100 {
  border-color: #80d8ff !important;
}

.text-light-blue-a200 {
  color: #40c4ff !important;
}

.bg-light-blue-a200 {
  background-color: #40c4ff !important;
}

.border-light-blue-a200 {
  border-color: #40c4ff !important;
}

.text-light-blue-a400 {
  color: #00b0ff !important;
}

.bg-light-blue-a400 {
  background-color: #00b0ff !important;
}

.border-light-blue-a400 {
  border-color: #00b0ff !important;
}

.text-light-blue-a700 {
  color: #0091ea !important;
}

.bg-light-blue-a700 {
  background-color: #0091ea !important;
}

.border-light-blue-a700 {
  border-color: #0091ea !important;
}

/* ===== CYAN ===== */
.text-cyan-50 {
  color: #e0f2f1 !important;
}

.bg-cyan-50 {
  background-color: #e0f2f1 !important;
}

.border-cyan-50 {
  border-color: #e0f2f1 !important;
}

.text-cyan-100 {
  color: #b2dfdb !important;
}

.bg-cyan-100 {
  background-color: #b2dfdb !important;
}

.border-cyan-100 {
  border-color: #b2dfdb !important;
}

.text-cyan-200 {
  color: #80cbc4 !important;
}

.bg-cyan-200 {
  background-color: #80cbc4 !important;
}

.border-cyan-200 {
  border-color: #80cbc4 !important;
}

.text-cyan-300 {
  color: #4db6ac !important;
}

.bg-cyan-300 {
  background-color: #4db6ac !important;
}

.border-cyan-300 {
  border-color: #4db6ac !important;
}

.text-cyan-400 {
  color: #26a69a !important;
}

.bg-cyan-400 {
  background-color: #26a69a !important;
}

.border-cyan-400 {
  border-color: #26a69a !important;
}

.text-cyan-500 {
  color: #00bcd4 !important;
}

.bg-cyan-500 {
  background-color: #00bcd4 !important;
}

.border-cyan-500 {
  border-color: #00bcd4 !important;
}

.text-cyan-600 {
  color: #00acc1 !important;
}

.bg-cyan-600 {
  background-color: #00acc1 !important;
}

.border-cyan-600 {
  border-color: #00acc1 !important;
}

.text-cyan-700 {
  color: #0097a7 !important;
}

.bg-cyan-700 {
  background-color: #0097a7 !important;
}

.border-cyan-700 {
  border-color: #0097a7 !important;
}

.text-cyan-800 {
  color: #00838f !important;
}

.bg-cyan-800 {
  background-color: #00838f !important;
}

.border-cyan-800 {
  border-color: #00838f !important;
}

.text-cyan-900 {
  color: #006064 !important;
}

.bg-cyan-900 {
  background-color: #006064 !important;
}

.border-cyan-900 {
  border-color: #006064 !important;
}

.text-cyan-a100 {
  color: #84ffff !important;
}

.bg-cyan-a100 {
  background-color: #84ffff !important;
}

.border-cyan-a100 {
  border-color: #84ffff !important;
}

.text-cyan-a200 {
  color: #18ffff !important;
}

.bg-cyan-a200 {
  background-color: #18ffff !important;
}

.border-cyan-a200 {
  border-color: #18ffff !important;
}

.text-cyan-a400 {
  color: #00e5ff !important;
}

.bg-cyan-a400 {
  background-color: #00e5ff !important;
}

.border-cyan-a400 {
  border-color: #00e5ff !important;
}

.text-cyan-a700 {
  color: #00b8d4 !important;
}

.bg-cyan-a700 {
  background-color: #00b8d4 !important;
}

.border-cyan-a700 {
  border-color: #00b8d4 !important;
}

/* ===== TEAL ===== */
.text-teal-50 {
  color: #e0f2f1 !important;
}

.bg-teal-50 {
  background-color: #e0f2f1 !important;
}

.border-teal-50 {
  border-color: #e0f2f1 !important;
}

.text-teal-100 {
  color: #b2dfdb !important;
}

.bg-teal-100 {
  background-color: #b2dfdb !important;
}

.border-teal-100 {
  border-color: #b2dfdb !important;
}

.text-teal-200 {
  color: #80cbc4 !important;
}

.bg-teal-200 {
  background-color: #80cbc4 !important;
}

.border-teal-200 {
  border-color: #80cbc4 !important;
}

.text-teal-300 {
  color: #4db6ac !important;
}

.bg-teal-300 {
  background-color: #4db6ac !important;
}

.border-teal-300 {
  border-color: #4db6ac !important;
}

.text-teal-400 {
  color: #26a69a !important;
}

.bg-teal-400 {
  background-color: #26a69a !important;
}

.border-teal-400 {
  border-color: #26a69a !important;
}

.text-teal-500 {
  color: #009688 !important;
}

.bg-teal-500 {
  background-color: #009688 !important;
}

.border-teal-500 {
  border-color: #009688 !important;
}

.text-teal-600 {
  color: #00897b !important;
}

.bg-teal-600 {
  background-color: #00897b !important;
}

.border-teal-600 {
  border-color: #00897b !important;
}

.text-teal-700 {
  color: #00796b !important;
}

.bg-teal-700 {
  background-color: #00796b !important;
}

.border-teal-700 {
  border-color: #00796b !important;
}

.text-teal-800 {
  color: #00695c !important;
}

.bg-teal-800 {
  background-color: #00695c !important;
}

.border-teal-800 {
  border-color: #00695c !important;
}

.text-teal-900 {
  color: #004d40 !important;
}

.bg-teal-900 {
  background-color: #004d40 !important;
}

.border-teal-900 {
  border-color: #004d40 !important;
}

.text-teal-a100 {
  color: #a7ffeb !important;
}

.bg-teal-a100 {
  background-color: #a7ffeb !important;
}

.border-teal-a100 {
  border-color: #a7ffeb !important;
}

.text-teal-a200 {
  color: #64ffda !important;
}

.bg-teal-a200 {
  background-color: #64ffda !important;
}

.border-teal-a200 {
  border-color: #64ffda !important;
}

.text-teal-a400 {
  color: #1de9b6 !important;
}

.bg-teal-a400 {
  background-color: #1de9b6 !important;
}

.border-teal-a400 {
  border-color: #1de9b6 !important;
}

.text-teal-a700 {
  color: #00bfa5 !important;
}

.bg-teal-a700 {
  background-color: #00bfa5 !important;
}

.border-teal-a700 {
  border-color: #00bfa5 !important;
}

/* ===== GREEN ===== */
.text-green-50 {
  color: #e8f5e9 !important;
}

.bg-green-50 {
  background-color: #e8f5e9 !important;
}

.border-green-50 {
  border-color: #e8f5e9 !important;
}

.text-green-100 {
  color: #c8e6c9 !important;
}

.bg-green-100 {
  background-color: #c8e6c9 !important;
}

.border-green-100 {
  border-color: #c8e6c9 !important;
}

.text-green-200 {
  color: #a5d6a7 !important;
}

.bg-green-200 {
  background-color: #a5d6a7 !important;
}

.border-green-200 {
  border-color: #a5d6a7 !important;
}

.text-green-300 {
  color: #81c784 !important;
}

.bg-green-300 {
  background-color: #81c784 !important;
}

.border-green-300 {
  border-color: #81c784 !important;
}

.text-green-400 {
  color: #66bb6a !important;
}

.bg-green-400 {
  background-color: #66bb6a !important;
}

.border-green-400 {
  border-color: #66bb6a !important;
}

.text-green-500 {
  color: #4caf50 !important;
}

.bg-green-500 {
  background-color: #4caf50 !important;
}

.border-green-500 {
  border-color: #4caf50 !important;
}

.text-green-600 {
  color: #43a047 !important;
}

.bg-green-600 {
  background-color: #43a047 !important;
}

.border-green-600 {
  border-color: #43a047 !important;
}

.text-green-700 {
  color: #388e3c !important;
}

.bg-green-700 {
  background-color: #388e3c !important;
}

.border-green-700 {
  border-color: #388e3c !important;
}

.text-green-800 {
  color: #2e7d32 !important;
}

.bg-green-800 {
  background-color: #2e7d32 !important;
}

.border-green-800 {
  border-color: #2e7d32 !important;
}

.text-green-900 {
  color: #1b5e20 !important;
}

.bg-green-900 {
  background-color: #1b5e20 !important;
}

.border-green-900 {
  border-color: #1b5e20 !important;
}

.text-green-a100 {
  color: #b9f6ca !important;
}

.bg-green-a100 {
  background-color: #b9f6ca !important;
}

.border-green-a100 {
  border-color: #b9f6ca !important;
}

.text-green-a200 {
  color: #69f0ae !important;
}

.bg-green-a200 {
  background-color: #69f0ae !important;
}

.border-green-a200 {
  border-color: #69f0ae !important;
}

.text-green-a400 {
  color: #00e676 !important;
}

.bg-green-a400 {
  background-color: #00e676 !important;
}

.border-green-a400 {
  border-color: #00e676 !important;
}

.text-green-a700 {
  color: #00c853 !important;
}

.bg-green-a700 {
  background-color: #00c853 !important;
}

.border-green-a700 {
  border-color: #00c853 !important;
}

/* ===== LIGHT GREEN ===== */
.text-light-green-50 {
  color: #f1f8e9 !important;
}

.bg-light-green-50 {
  background-color: #f1f8e9 !important;
}

.border-light-green-50 {
  border-color: #f1f8e9 !important;
}

.text-light-green-100 {
  color: #dcedc1 !important;
}

.bg-light-green-100 {
  background-color: #dcedc1 !important;
}

.border-light-green-100 {
  border-color: #dcedc1 !important;
}

.text-light-green-200 {
  color: #c5e1a5 !important;
}

.bg-light-green-200 {
  background-color: #c5e1a5 !important;
}

.border-light-green-200 {
  border-color: #c5e1a5 !important;
}

.text-light-green-300 {
  color: #aed581 !important;
}

.bg-light-green-300 {
  background-color: #aed581 !important;
}

.border-light-green-300 {
  border-color: #aed581 !important;
}

.text-light-green-400 {
  color: #9ccc65 !important;
}

.bg-light-green-400 {
  background-color: #9ccc65 !important;
}

.border-light-green-400 {
  border-color: #9ccc65 !important;
}

.text-light-green-500 {
  color: #8bc34a !important;
}

.bg-light-green-500 {
  background-color: #8bc34a !important;
}

.border-light-green-500 {
  border-color: #8bc34a !important;
}

.text-light-green-600 {
  color: #7cb342 !important;
}

.bg-light-green-600 {
  background-color: #7cb342 !important;
}

.border-light-green-600 {
  border-color: #7cb342 !important;
}

.text-light-green-700 {
  color: #689f38 !important;
}

.bg-light-green-700 {
  background-color: #689f38 !important;
}

.border-light-green-700 {
  border-color: #689f38 !important;
}

.text-light-green-800 {
  color: #558b2f !important;
}

.bg-light-green-800 {
  background-color: #558b2f !important;
}

.border-light-green-800 {
  border-color: #558b2f !important;
}

.text-light-green-900 {
  color: #33691e !important;
}

.bg-light-green-900 {
  background-color: #33691e !important;
}

.border-light-green-900 {
  border-color: #33691e !important;
}

.text-light-green-a100 {
  color: #ccff90 !important;
}

.bg-light-green-a100 {
  background-color: #ccff90 !important;
}

.border-light-green-a100 {
  border-color: #ccff90 !important;
}

.text-light-green-a200 {
  color: #b2ff59 !important;
}

.bg-light-green-a200 {
  background-color: #b2ff59 !important;
}

.border-light-green-a200 {
  border-color: #b2ff59 !important;
}

.text-light-green-a400 {
  color: #76ff03 !important;
}

.bg-light-green-a400 {
  background-color: #76ff03 !important;
}

.border-light-green-a400 {
  border-color: #76ff03 !important;
}

.text-light-green-a700 {
  color: #64dd17 !important;
}

.bg-light-green-a700 {
  background-color: #64dd17 !important;
}

.border-light-green-a700 {
  border-color: #64dd17 !important;
}

/* ===== LIME ===== */
.text-lime-50 {
  color: #f9fbe7 !important;
}

.bg-lime-50 {
  background-color: #f9fbe7 !important;
}

.border-lime-50 {
  border-color: #f9fbe7 !important;
}

.text-lime-100 {
  color: #f0f4c3 !important;
}

.bg-lime-100 {
  background-color: #f0f4c3 !important;
}

.border-lime-100 {
  border-color: #f0f4c3 !important;
}

.text-lime-200 {
  color: #e6ee9c !important;
}

.bg-lime-200 {
  background-color: #e6ee9c !important;
}

.border-lime-200 {
  border-color: #e6ee9c !important;
}

.text-lime-300 {
  color: #dcedc8 !important;
}

.bg-lime-300 {
  background-color: #dcedc8 !important;
}

.border-lime-300 {
  border-color: #dcedc8 !important;
}

.text-lime-400 {
  color: #d4e157 !important;
}

.bg-lime-400 {
  background-color: #d4e157 !important;
}

.border-lime-400 {
  border-color: #d4e157 !important;
}

.text-lime-500 {
  color: #cddc39 !important;
}

.bg-lime-500 {
  background-color: #cddc39 !important;
}

.border-lime-500 {
  border-color: #cddc39 !important;
}

.text-lime-600 {
  color: #c0ca33 !important;
}

.bg-lime-600 {
  background-color: #c0ca33 !important;
}

.border-lime-600 {
  border-color: #c0ca33 !important;
}

.text-lime-700 {
  color: #afb42b !important;
}

.bg-lime-700 {
  background-color: #afb42b !important;
}

.border-lime-700 {
  border-color: #afb42b !important;
}

.text-lime-800 {
  color: #9aaf22 !important;
}

.bg-lime-800 {
  background-color: #9aaf22 !important;
}

.border-lime-800 {
  border-color: #9aaf22 !important;
}

.text-lime-900 {
  color: #827717 !important;
}

.bg-lime-900 {
  background-color: #827717 !important;
}

.border-lime-900 {
  border-color: #827717 !important;
}

.text-lime-a100 {
  color: #f4ff81 !important;
}

.bg-lime-a100 {
  background-color: #f4ff81 !important;
}

.border-lime-a100 {
  border-color: #f4ff81 !important;
}

.text-lime-a200 {
  color: #eeff41 !important;
}

.bg-lime-a200 {
  background-color: #eeff41 !important;
}

.border-lime-a200 {
  border-color: #eeff41 !important;
}

.text-lime-a400 {
  color: #c6ff00 !important;
}

.bg-lime-a400 {
  background-color: #c6ff00 !important;
}

.border-lime-a400 {
  border-color: #c6ff00 !important;
}

.text-lime-a700 {
  color: #aeea00 !important;
}

.bg-lime-a700 {
  background-color: #aeea00 !important;
}

.border-lime-a700 {
  border-color: #aeea00 !important;
}

/* ===== YELLOW ===== */
.text-yellow-50 {
  color: #fffde7 !important;
}

.bg-yellow-50 {
  background-color: #fffde7 !important;
}

.border-yellow-50 {
  border-color: #fffde7 !important;
}

.text-yellow-100 {
  color: #fff9c4 !important;
}

.bg-yellow-100 {
  background-color: #fff9c4 !important;
}

.border-yellow-100 {
  border-color: #fff9c4 !important;
}

.text-yellow-200 {
  color: #fff59d !important;
}

.bg-yellow-200 {
  background-color: #fff59d !important;
}

.border-yellow-200 {
  border-color: #fff59d !important;
}

.text-yellow-300 {
  color: #fff176 !important;
}

.bg-yellow-300 {
  background-color: #fff176 !important;
}

.border-yellow-300 {
  border-color: #fff176 !important;
}

.text-yellow-400 {
  color: #ffee58 !important;
}

.bg-yellow-400 {
  background-color: #ffee58 !important;
}

.border-yellow-400 {
  border-color: #ffee58 !important;
}

.text-yellow-500 {
  color: #ffeb3b !important;
}

.bg-yellow-500 {
  background-color: #ffeb3b !important;
}

.border-yellow-500 {
  border-color: #ffeb3b !important;
}

.text-yellow-600 {
  color: #fdd835 !important;
}

.bg-yellow-600 {
  background-color: #fdd835 !important;
}

.border-yellow-600 {
  border-color: #fdd835 !important;
}

.text-yellow-700 {
  color: #fbc02d !important;
}

.bg-yellow-700 {
  background-color: #fbc02d !important;
}

.border-yellow-700 {
  border-color: #fbc02d !important;
}

.text-yellow-800 {
  color: #f9a825 !important;
}

.bg-yellow-800 {
  background-color: #f9a825 !important;
}

.border-yellow-800 {
  border-color: #f9a825 !important;
}

.text-yellow-900 {
  color: #f57f17 !important;
}

.bg-yellow-900 {
  background-color: #f57f17 !important;
}

.border-yellow-900 {
  border-color: #f57f17 !important;
}

.text-yellow-a100 {
  color: #ffff8d !important;
}

.bg-yellow-a100 {
  background-color: #ffff8d !important;
}

.border-yellow-a100 {
  border-color: #ffff8d !important;
}

.text-yellow-a200 {
  color: #ffff00 !important;
}

.bg-yellow-a200 {
  background-color: #ffff00 !important;
}

.border-yellow-a200 {
  border-color: #ffff00 !important;
}

.text-yellow-a400 {
  color: #ffea00 !important;
}

.bg-yellow-a400 {
  background-color: #ffea00 !important;
}

.border-yellow-a400 {
  border-color: #ffea00 !important;
}

.text-yellow-a700 {
  color: #ffd600 !important;
}

.bg-yellow-a700 {
  background-color: #ffd600 !important;
}

.border-yellow-a700 {
  border-color: #ffd600 !important;
}

/* ===== AMBER ===== */
.text-amber-50 {
  color: #fff8e1 !important;
}

.bg-amber-50 {
  background-color: #fff8e1 !important;
}

.border-amber-50 {
  border-color: #fff8e1 !important;
}

.text-amber-100 {
  color: #ffecb3 !important;
}

.bg-amber-100 {
  background-color: #ffecb3 !important;
}

.border-amber-100 {
  border-color: #ffecb3 !important;
}

.text-amber-200 {
  color: #ffe082 !important;
}

.bg-amber-200 {
  background-color: #ffe082 !important;
}

.border-amber-200 {
  border-color: #ffe082 !important;
}

.text-amber-300 {
  color: #ffd54f !important;
}

.bg-amber-300 {
  background-color: #ffd54f !important;
}

.border-amber-300 {
  border-color: #ffd54f !important;
}

.text-amber-400 {
  color: #ffca28 !important;
}

.bg-amber-400 {
  background-color: #ffca28 !important;
}

.border-amber-400 {
  border-color: #ffca28 !important;
}

.text-amber-500 {
  color: #ffc107 !important;
}

.bg-amber-500 {
  background-color: #ffc107 !important;
}

.border-amber-500 {
  border-color: #ffc107 !important;
}

.text-amber-600 {
  color: #ffb300 !important;
}

.bg-amber-600 {
  background-color: #ffb300 !important;
}

.border-amber-600 {
  border-color: #ffb300 !important;
}

.text-amber-700 {
  color: #ffa000 !important;
}

.bg-amber-700 {
  background-color: #ffa000 !important;
}

.border-amber-700 {
  border-color: #ffa000 !important;
}

.text-amber-800 {
  color: #ff8f00 !important;
}

.bg-amber-800 {
  background-color: #ff8f00 !important;
}

.border-amber-800 {
  border-color: #ff8f00 !important;
}

.text-amber-900 {
  color: #ff6f00 !important;
}

.bg-amber-900 {
  background-color: #ff6f00 !important;
}

.border-amber-900 {
  border-color: #ff6f00 !important;
}

.text-amber-a100 {
  color: #ffe57f !important;
}

.bg-amber-a100 {
  background-color: #ffe57f !important;
}

.border-amber-a100 {
  border-color: #ffe57f !important;
}

.text-amber-a200 {
  color: #ffd740 !important;
}

.bg-amber-a200 {
  background-color: #ffd740 !important;
}

.border-amber-a200 {
  border-color: #ffd740 !important;
}

.text-amber-a400 {
  color: #ffc400 !important;
}

.bg-amber-a400 {
  background-color: #ffc400 !important;
}

.border-amber-a400 {
  border-color: #ffc400 !important;
}

.text-amber-a700 {
  color: #ffab00 !important;
}

.bg-amber-a700 {
  background-color: #ffab00 !important;
}

.border-amber-a700 {
  border-color: #ffab00 !important;
}

/* ===== ORANGE ===== */
.text-orange-50 {
  color: #fff3e0 !important;
}

.bg-orange-50 {
  background-color: #fff3e0 !important;
}

.border-orange-50 {
  border-color: #fff3e0 !important;
}

.text-orange-100 {
  color: #ffe0b2 !important;
}

.bg-orange-100 {
  background-color: #ffe0b2 !important;
}

.border-orange-100 {
  border-color: #ffe0b2 !important;
}

.text-orange-200 {
  color: #ffcc80 !important;
}

.bg-orange-200 {
  background-color: #ffcc80 !important;
}

.border-orange-200 {
  border-color: #ffcc80 !important;
}

.text-orange-300 {
  color: #ffb74d !important;
}

.bg-orange-300 {
  background-color: #ffb74d !important;
}

.border-orange-300 {
  border-color: #ffb74d !important;
}

.text-orange-400 {
  color: #ffa726 !important;
}

.bg-orange-400 {
  background-color: #ffa726 !important;
}

.border-orange-400 {
  border-color: #ffa726 !important;
}

.text-orange-500 {
  color: #ff9800 !important;
}

.bg-orange-500 {
  background-color: #ff9800 !important;
}

.border-orange-500 {
  border-color: #ff9800 !important;
}

.text-orange-600 {
  color: #fb8c00 !important;
}

.bg-orange-600 {
  background-color: #fb8c00 !important;
}

.border-orange-600 {
  border-color: #fb8c00 !important;
}

.text-orange-700 {
  color: #f57c00 !important;
}

.bg-orange-700 {
  background-color: #f57c00 !important;
}

.border-orange-700 {
  border-color: #f57c00 !important;
}

.text-orange-800 {
  color: #ef6c00 !important;
}

.bg-orange-800 {
  background-color: #ef6c00 !important;
}

.border-orange-800 {
  border-color: #ef6c00 !important;
}

.text-orange-900 {
  color: #e65100 !important;
}

.bg-orange-900 {
  background-color: #e65100 !important;
}

.border-orange-900 {
  border-color: #e65100 !important;
}

.text-orange-a100 {
  color: #ffd180 !important;
}

.bg-orange-a100 {
  background-color: #ffd180 !important;
}

.border-orange-a100 {
  border-color: #ffd180 !important;
}

.text-orange-a200 {
  color: #ffab40 !important;
}

.bg-orange-a200 {
  background-color: #ffab40 !important;
}

.border-orange-a200 {
  border-color: #ffab40 !important;
}

.text-orange-a400 {
  color: #ff9100 !important;
}

.bg-orange-a400 {
  background-color: #ff9100 !important;
}

.border-orange-a400 {
  border-color: #ff9100 !important;
}

.text-orange-a700 {
  color: #ff6d00 !important;
}

.bg-orange-a700 {
  background-color: #ff6d00 !important;
}

.border-orange-a700 {
  border-color: #ff6d00 !important;
}

/* ===== DEEP ORANGE ===== */
.text-deep-orange-50 {
  color: #fbe9e7 !important;
}

.bg-deep-orange-50 {
  background-color: #fbe9e7 !important;
}

.border-deep-orange-50 {
  border-color: #fbe9e7 !important;
}

.text-deep-orange-100 {
  color: #ffccbc !important;
}

.bg-deep-orange-100 {
  background-color: #ffccbc !important;
}

.border-deep-orange-100 {
  border-color: #ffccbc !important;
}

.text-deep-orange-200 {
  color: #ffab91 !important;
}

.bg-deep-orange-200 {
  background-color: #ffab91 !important;
}

.border-deep-orange-200 {
  border-color: #ffab91 !important;
}

.text-deep-orange-300 {
  color: #ff8a65 !important;
}

.bg-deep-orange-300 {
  background-color: #ff8a65 !important;
}

.border-deep-orange-300 {
  border-color: #ff8a65 !important;
}

.text-deep-orange-400 {
  color: #ff7043 !important;
}

.bg-deep-orange-400 {
  background-color: #ff7043 !important;
}

.border-deep-orange-400 {
  border-color: #ff7043 !important;
}

.text-deep-orange-500 {
  color: #ff5722 !important;
}

.bg-deep-orange-500 {
  background-color: #ff5722 !important;
}

.border-deep-orange-500 {
  border-color: #ff5722 !important;
}

.text-deep-orange-600 {
  color: #f4511e !important;
}

.bg-deep-orange-600 {
  background-color: #f4511e !important;
}

.border-deep-orange-600 {
  border-color: #f4511e !important;
}

.text-deep-orange-700 {
  color: #e64a19 !important;
}

.bg-deep-orange-700 {
  background-color: #e64a19 !important;
}

.border-deep-orange-700 {
  border-color: #e64a19 !important;
}

.text-deep-orange-800 {
  color: #d84315 !important;
}

.bg-deep-orange-800 {
  background-color: #d84315 !important;
}

.border-deep-orange-800 {
  border-color: #d84315 !important;
}

.text-deep-orange-900 {
  color: #bf360c !important;
}

.bg-deep-orange-900 {
  background-color: #bf360c !important;
}

.border-deep-orange-900 {
  border-color: #bf360c !important;
}

.text-deep-orange-a100 {
  color: #ff9e64 !important;
}

.bg-deep-orange-a100 {
  background-color: #ff9e64 !important;
}

.border-deep-orange-a100 {
  border-color: #ff9e64 !important;
}

.text-deep-orange-a200 {
  color: #ff6e40 !important;
}

.bg-deep-orange-a200 {
  background-color: #ff6e40 !important;
}

.border-deep-orange-a200 {
  border-color: #ff6e40 !important;
}

.text-deep-orange-a400 {
  color: #ff3d00 !important;
}

.bg-deep-orange-a400 {
  background-color: #ff3d00 !important;
}

.border-deep-orange-a400 {
  border-color: #ff3d00 !important;
}

.text-deep-orange-a700 {
  color: #dd2c00 !important;
}

.bg-deep-orange-a700 {
  background-color: #dd2c00 !important;
}

.border-deep-orange-a700 {
  border-color: #dd2c00 !important;
}

/* ===== BROWN ===== */
.text-brown-50 {
  color: #efebe9 !important;
}

.bg-brown-50 {
  background-color: #efebe9 !important;
}

.border-brown-50 {
  border-color: #efebe9 !important;
}

.text-brown-100 {
  color: #d7ccc8 !important;
}

.bg-brown-100 {
  background-color: #d7ccc8 !important;
}

.border-brown-100 {
  border-color: #d7ccc8 !important;
}

.text-brown-200 {
  color: #bcaaa4 !important;
}

.bg-brown-200 {
  background-color: #bcaaa4 !important;
}

.border-brown-200 {
  border-color: #bcaaa4 !important;
}

.text-brown-300 {
  color: #a1887f !important;
}

.bg-brown-300 {
  background-color: #a1887f !important;
}

.border-brown-300 {
  border-color: #a1887f !important;
}

.text-brown-400 {
  color: #8d6e63 !important;
}

.bg-brown-400 {
  background-color: #8d6e63 !important;
}

.border-brown-400 {
  border-color: #8d6e63 !important;
}

.text-brown-500 {
  color: #795548 !important;
}

.bg-brown-500 {
  background-color: #795548 !important;
}

.border-brown-500 {
  border-color: #795548 !important;
}

.text-brown-600 {
  color: #6d4c41 !important;
}

.bg-brown-600 {
  background-color: #6d4c41 !important;
}

.border-brown-600 {
  border-color: #6d4c41 !important;
}

.text-brown-700 {
  color: #5d4037 !important;
}

.bg-brown-700 {
  background-color: #5d4037 !important;
}

.border-brown-700 {
  border-color: #5d4037 !important;
}

.text-brown-800 {
  color: #4e342e !important;
}

.bg-brown-800 {
  background-color: #4e342e !important;
}

.border-brown-800 {
  border-color: #4e342e !important;
}

.text-brown-900 {
  color: #3e2723 !important;
}

.bg-brown-900 {
  background-color: #3e2723 !important;
}

.border-brown-900 {
  border-color: #3e2723 !important;
}

/* ===== GREY ===== */
.text-grey-50 {
  color: #fafafa !important;
}

.bg-grey-50 {
  background-color: #fafafa !important;
}

.border-grey-50 {
  border-color: #fafafa !important;
}

.text-grey-100 {
  color: #f5f5f5 !important;
}

.bg-grey-100 {
  background-color: #f5f5f5 !important;
}

.border-grey-100 {
  border-color: #f5f5f5 !important;
}

.text-grey-200 {
  color: #eeeeee !important;
}

.bg-grey-200 {
  background-color: #eeeeee !important;
}

.border-grey-200 {
  border-color: #eeeeee !important;
}

.text-grey-300 {
  color: #e0e0e0 !important;
}

.bg-grey-300 {
  background-color: #e0e0e0 !important;
}

.border-grey-300 {
  border-color: #e0e0e0 !important;
}

.text-grey-400 {
  color: #bdbdbd !important;
}

.bg-grey-400 {
  background-color: #bdbdbd !important;
}

.border-grey-400 {
  border-color: #bdbdbd !important;
}

.text-grey-500 {
  color: #9e9e9e !important;
}

.bg-grey-500 {
  background-color: #9e9e9e !important;
}

.border-grey-500 {
  border-color: #9e9e9e !important;
}

/* =====================================================
   Dark Deep Theme - Bootstrap 3 & AdminLTE 2.4
   Color: #0C1B25 (Dark Deep)
   ===================================================== */

/* Color Variables */
:root {
  --dark-deep: #0C1B25;
  --dark-deep-hover: #081117;
  --dark-deep-light: #152435;
  --dark-deep-lighter: #1F3A4D;
}

/* =====================================================
   BOTÕES
   ===================================================== */

.btn-dark-deep {
  color: #fff;
  background-color: #0C1B25;
  border-color: #0C1B25;
}

.btn-dark-deep:hover,
.btn-dark-deep:focus,
.btn-dark-deep:active,
.btn-dark-deep.active,
.open>.dropdown-toggle.btn-dark-deep {
  color: #fff;
  background-color: #222 !important;
  border-color: #050B0F;
}

.btn-dark-deep:active,
.btn-dark-deep.active,
.open>.dropdown-toggle.btn-dark-deep {
  background-image: none;
}

.btn-dark-deep.disabled,
.btn-dark-deep[disabled],
fieldset[disabled] .btn-dark-deep,
.btn-dark-deep.disabled:hover,
.btn-dark-deep[disabled]:hover,
fieldset[disabled] .btn-dark-deep:hover,
.btn-dark-deep.disabled:focus,
.btn-dark-deep[disabled]:focus,
fieldset[disabled] .btn-dark-deep:focus,
.btn-dark-deep.disabled:active,
.btn-dark-deep[disabled]:active,
fieldset[disabled] .btn-dark-deep:active,
.btn-dark-deep.disabled.active,
.btn-dark-deep[disabled].active,
fieldset[disabled] .btn-dark-deep.active {
  background-color: #0C1B25;
  border-color: #0C1B25;
  opacity: 0.65;
}

/* Variações de botão */
.btn-dark-deep-outline {
  color: #0C1B25;
  background-color: transparent;
  border-color: #0C1B25;
}

.btn-dark-deep-outline:hover,
.btn-dark-deep-outline:focus,
.btn-dark-deep-outline:active,
.btn-dark-deep-outline.active {
  color: #fff;
  background-color: #0C1B25;
  border-color: #0C1B25;
}

/* =====================================================
   BADGES
   ===================================================== */

.badge-dark-deep {
  background-color: #0C1B25;
  color: #fff;
}

.badge-dark-deep[href]:hover,
.badge-dark-deep[href]:focus {
  background-color: #081117;
  color: #fff;
  text-decoration: none;
}

/* =====================================================
   ALERTS
   ===================================================== */

.alert-dark-deep {
  color: #fff;
  background-color: #0C1B25;
  border-color: #081117;
}

.alert-dark-deep hr {
  border-top-color: #081117;
}

.alert-dark-deep .alert-link {
  color: #fff;
}

/* =====================================================
   LABELS
   ===================================================== */

.label-dark-deep {
  background-color: #0C1B25;
  color: #fff;
}

.label-dark-deep[href]:hover,
.label-dark-deep[href]:focus {
  background-color: #081117;
  color: #fff;
}

/* =====================================================
   PANELS
   ===================================================== */

.panel-dark-deep {
  border-color: #0C1B25;
}

.panel-dark-deep>.panel-heading {
  color: #fff;
  background-color: #0C1B25;
  border-color: #0C1B25;
}

.panel-dark-deep>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #0C1B25;
}

.panel-dark-deep>.panel-heading .badge {
  background-color: #fff;
  color: #0C1B25;
}

.panel-dark-deep>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #0C1B25;
}

/* =====================================================
   PROGRESS BARS
   ===================================================== */

.progress-bar-dark-deep {
  background-color: #0C1B25;
}

.progress-striped .progress-bar-dark-deep {
  background-image: linear-gradient(45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent);
}

/* =====================================================
   WELL
   ===================================================== */

.well-dark-deep {
  background-color: #0C1B25;
  border-color: #081117;
  color: #fff;
}

/* =====================================================
   BACKGROUND COLORS
   ===================================================== */

.bg-dark-deep {
  background-color: #0C1B25 !important;
}

.bg-dark-deep-light {
  background-color: #152435 !important;
}

.bg-dark-deep-lighter {
  background-color: #1F3A4D !important;
}

/* =====================================================
   TEXT COLORS
   ===================================================== */

.text-dark-deep {
  color: #0C1B25;
}

a.text-dark-deep:hover,
a.text-dark-deep:focus {
  color: #081117;
}

/* =====================================================
   BORDERS
   ===================================================== */

.border-dark-deep {
  border-color: #0C1B25 !important;
}

.border-top-dark-deep {
  border-top-color: #0C1B25 !important;
}

.border-bottom-dark-deep {
  border-bottom-color: #0C1B25 !important;
}

.border-left-dark-deep {
  border-left-color: #0C1B25 !important;
}

.border-right-dark-deep {
  border-right-color: #0C1B25 !important;
}

/* =====================================================
   ADMINLTE INTEGRAÇÃO
   ===================================================== */

/* Box widget AdminLTE */
.box-dark-deep {
  border-top-color: #0C1B25;
}

.box-dark-deep>.box-header.with-border {
  color: #fff;
  background-color: #0C1B25;
  border-bottom: 1px solid #081117;
}

.box-dark-deep.box-solid>.box-header {
  color: #fff;
  background-color: #0C1B25;
  background-image: none;
}

.box-dark-deep.box-solid>.box-header a,
.box-dark-deep.box-solid>.box-header .btn {
  color: rgba(255, 255, 255, 0.8);
}

.box-dark-deep>.box-header .btn-box-tool {
  color: rgba(255, 255, 255, 0.5);
}

.box-dark-deep>.box-header .btn-box-tool:hover {
  color: #fff;
}

/* Sidebar AdminLTE */
.sidebar-dark-deep .user-panel>.info,
.sidebar-dark-deep .user-panel>.info>a {
  color: #fff;
}

.sidebar-dark-deep .nav-tabs {
  border-bottom-color: #0C1B25;
}

.sidebar-dark-deep .nav-tabs>li.active>a,
.sidebar-dark-deep .nav-tabs>li.active>a:hover,
.sidebar-dark-deep .nav-tabs>li.active>a:focus {
  background-color: #0C1B25;
  color: #fff;
  border: 1px solid #0C1B25;
}

.sidebar-dark-deep .nav-tabs>li>a:hover {
  border-color: #081117;
}

/* Info Box AdminLTE */
.info-box-dark-deep {
  background: #0C1B25;
  color: #fff;
}

.info-box-dark-deep .info-box-icon {
  background-color: #081117;
}

.info-box-dark-deep .progress-bar {
  background-color: #0C1B25;
}

/* Small Box AdminLTE */
.small-box-dark-deep {
  background-color: #0C1B25 !important;
}

.small-box-dark-deep>.small-box-footer {
  background-color: #081117;
  color: #fff;
}

.small-box-dark-deep>.small-box-footer:hover {
  background-color: #050B0F;
  color: #fff;
}

/* =====================================================
   FORM ELEMENTS
   ===================================================== */

.form-control-dark-deep:focus {
  border-color: #0C1B25;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(12, 27, 37, 0.3);
}

.input-group-addon-dark-deep {
  color: #fff;
  background-color: #0C1B25;
  border-color: #0C1B25;
}

/* Checkboxes e Radios customizados */
input[type="checkbox"].dark-deep:focus,
input[type="radio"].dark-deep:focus {
  outline-color: #0C1B25;
}

/* =====================================================
   UTILITIES
   ===================================================== */

.shadow-dark-deep {
  box-shadow: 0 2px 4px rgba(12, 27, 37, 0.3) !important;
}

.shadow-dark-deep-lg {
  box-shadow: 0 10px 25px rgba(12, 27, 37, 0.3) !important;
}

.opacity-dark-deep {
  opacity: 0.8;
}

/* =====================================================
   HOVER EFFECTS
   ===================================================== */

.hover-dark-deep:hover {
  background-color: #0C1B25;
  color: #fff;
  transition: all 0.3s ease;
}

.hover-dark-deep-light:hover {
  background-color: #152435;
  color: #fff;
  transition: all 0.3s ease;
}

/* =====================================================
   TABLES
   ===================================================== */

.table>thead>tr>td.dark-deep,
.table>tbody>tr>td.dark-deep,
.table>tfoot>tr>td.dark-deep,
.table>thead>tr>th.dark-deep,
.table>tbody>tr>th.dark-deep,
.table>tfoot>tr>th.dark-deep,
.table>thead>tr.dark-deep>td,
.table>tbody>tr.dark-deep>td,
.table>tfoot>tr.dark-deep>td,
.table>thead>tr.dark-deep>th,
.table>tbody>tr.dark-deep>th,
.table>tfoot>tr.dark-deep>th {
  background-color: #0C1B25;
  color: #fff;
}

.table-hover>tbody>tr.dark-deep:hover>td,
.table-hover>tbody>tr.dark-deep:hover>th,
.table-hover>tbody>tr>td.dark-deep:hover,
.table-hover>tbody>tr>th.dark-deep:hover {
  background-color: #081117;
  color: #fff;
}

/* =====================================================
   DROPDOWN
   ===================================================== */

/* Use .dropdown-dark-deep para aplicar ao menu */
.dropdown-dark-deep>li>a:hover,
.dropdown-dark-deep>li>a:focus {
  background-color: #152435;
}

.dropdown-dark-deep>.active>a,
.dropdown-dark-deep>.active>a:hover,
.dropdown-dark-deep>.active>a:focus {
  background-color: #0C1B25;
}

/* =====================================================
   PAGINATION
   ===================================================== */

/* Use .pagination-dark-deep para aplicar */
.pagination-dark-deep>.active>a,
.pagination-dark-deep>.active>a:hover,
.pagination-dark-deep>.active>a:focus,
.pagination-dark-deep>.active>span,
.pagination-dark-deep>.active>span:hover,
.pagination-dark-deep>.active>span:focus {
  background-color: #0C1B25;
  border-color: #0C1B25;
}

.pagination-dark-deep>li>a:hover,
.pagination-dark-deep>li>a:focus,
.pagination-dark-deep>li>span:hover,
.pagination-dark-deep>li>span:focus {
  background-color: #152435;
  border-color: #0C1B25;
}

/* =====================================================
   TOOLTIPS & POPOVERS
   ===================================================== */

.tooltip-inner {
  background-color: #0C1B25;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #0C1B25;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #0C1B25;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #0C1B25;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #0C1B25;
}

.popover-title {
  background-color: #0C1B25;
  color: #fff;
  border-bottom-color: #081117;
}

/* =====================================================
   MODALS
   ===================================================== */

.modal-header-dark-deep {
  background-color: #0C1B25;
  color: #fff;
  border-bottom-color: #081117;
}

.modal-header-dark-deep .close {
  color: #fff;
  opacity: 0.8;
}

.modal-header-dark-deep .close:hover,
.modal-header-dark-deep .close:focus {
  opacity: 1;
}

/* =====================================================
   BREADCRUMB
   ===================================================== */

/* Use .breadcrumb-dark-deep para aplicar */
.breadcrumb-dark-deep>.active {
  color: #0C1B25;
}

.breadcrumb-dark-deep>li+li:before {
  color: #0C1B25;
}

/* =====================================================
   LIST GROUP
   ===================================================== */

.list-group-item.dark-deep {
  background-color: #0C1B25;
  border-color: #081117;
  color: #fff;
}

.list-group-item.dark-deep.active,
.list-group-item.dark-deep.active:hover,
.list-group-item.dark-deep.active:focus {
  background-color: #081117;
  border-color: #050B0F;
}

.list-group-item.dark-deep>a,
.list-group-item.dark-deep>a:hover {
  color: #fff;
}

/* =====================================================
   RESPONSIVE
   ===================================================== */

@media (max-width: 768px) {

  .btn-dark-deep,
  .btn-dark-deep-outline,
  .badge-dark-deep,
  .label-dark-deep {
    transition: all 0.2s ease;
  }
}


/* MODIFICADO MARLOS */

.bg-dark {
  background-color: #094462 !important;
}

.bg-yellow-ligth {
  background-color: #e7daae !important;
}

.bg-bar {
  background-color: #f4f4f4 !important;
}

.bg-gray {
  background-color: #eaeaec !important;
}

.bg-black {
  background-color: #222222 !important;
}

.bg-red {
  background-color: #f56954 !important;
}

.bg-yellow {
  background-color: #f39c12 !important;
}

.bg-aqua {
  background-color: #00c0ef !important;
}

.bg-blue {
  background-color: #0073b7 !important;
}

.bg-light-blue {
  background-color: #3c8dbc !important;
}

.bg-green {
  background-color: #00a65a !important;
}

.bg-navy {
  background-color: #001f3f !important;
}

.bg-teal {
  background-color: #39cccc !important;
}

.bg-olive {
  background-color: #3d9970 !important;
}

.bg-lime {
  background-color: #01ff70 !important;
}

.bg-orange {
  background-color: #ff851b !important;
}

.bg-fuchsia {
  background-color: #f012be !important;
}

.bg-purple {
  background-color: #932ab6 !important;
}

.bg-maroon {
  background-color: #85144b !important;
}

/* Text colors */
.text-dark {
  color: #094462 !important;
}

.text-pink {
  color: #e91e63 !important;
}

.text-gray {
  color: #546e7a !important;
}

.text-red {
  color: #f56954 !important;
}

.text-red-strong {
  color: #d50000 !important;
}

.text-yellow {
  color: #f39c12 !important;
}

.text-aqua {
  color: #00c0ef !important;
}

.text-blue {
  color: #0073b7 !important;
}

.text-purple-strong {
  color: #5e35b1 !important;
}

.text-black {
  color: #222222 !important;
}

.text-light-blue {
  color: #3c8dbc !important;
}

.text-green {
  color: #00a65a !important;
}

.text-navy {
  color: #001f3f !important;
}

.text-teal {
  color: #39cccc !important;
}

.text-olive {
  color: #3d9970 !important;
}

.text-lime {
  color: #01ff70 !important;
}

.text-orange {
  color: #ff851b !important;
}

.text-fuchsia {
  color: #f012be !important;
}

.text-purple {
  color: #605ca8 !important;
}

.text-maroon {
  color: #85144b !important;
}

.text-white {
  color: #ffffff !important;
}

.border-bar-g {
  border: 1px solid #d8d8d8 !important;
}

.border-g {
  border: 1px solid #d8d8d8 !important;
}

.border-g-grid {
  border-bottom: 0.5px solid #dee2e6 !important;
  border-left: 0.5px solid #dee2e6 !important;
  border-right: 0.5px solid #dee2e6 !important;
}

.bg-g-grid {
  color: #f3f4f5 !important;
}

.border-bar-sb {
  border-top: 1px solid #d8d8d8 !important;
  border-right: 1px solid #d8d8d8 !important;
  border-left: 1px solid #d8d8d8 !important;
  border-bottom: none !important;
  margin-top: -10px;
}

.border-bar-st {
  border-top: none !important;
  border-bottom: 1px solid #d8d8d8 !important;
  border-right: 1px solid #d8d8d8 !important;
  border-left: 1px solid #d8d8d8 !important;
}

.remover-scroll {
  overflow: hidden !important;
}

#LISTA tr {
  font-size: 14px !important;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold !important;

  border: 1px solid #DEE2E6 !important;
  border: 1px solid red !important;
  color: #3b3d3e !important;
}

/* th {
  vertical-align: middle !important;
  height: 36px;
  padding: 0 14px !important;
  font-weight: bold !important;
  font-size: 12px !important;
   background-color: #605CA8 !important; 

  border: 2px solid red !important;
   color: text-primary; 
} */

.tr {
  background-color: #094462 !important;
}

th:hover {
  cursor: pointer;
  /* text-decoration: underline; */
}

td {
  vertical-align: middle !important;
  height: 40px;
  padding: 0 14px !important;
  font-weight: normal;

  /* 0 de padding na vertical e 16px na horizontal */
}

#LISTA_info {
  /* background-color: red !important; */
  font-size: 14px !important;
  margin-top: 5px;
  color: #444;
}

.btn-acao {
  /* width: 12px !important; */
  /* height: 15px !important; */
  text-align: center !important;
  align-items: center !important;
  font-size: 15px !important;
  max-width: 28px;
  max-height: 28px;
  border-radius: 4px !important;
}

.btn-add {
  background-color: green !important;
}

/* .select2-selection__arrow {
  margin-top: 5px !important;
  display: none !important;
} */

.select2-selection.select2-selection--single {
  /* height: 38px; */
  border: 1px solid #ccc !important;
  border-radius: 8px !important;
  min-height: 38px;
}

.select2-search__field {
  border: 1px solid #ccc !important;
  border-radius: 8px !important;
  min-height: 38px;
}

.select2-search__field:focus {
  border-radius: 8px !important;
  background-color: violet;
  border: 1px solid #ccc !important;
}

.input-text.form-control {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal !important;
  min-height: 38px;
  color: rgb(73, 80, 87) !important;
}

.search.form-control {
  min-height: 38px;
}

.form-control {
  min-height: 38px;
  border-radius: 4px !important;
  font-size: 1.5rem !important;
}

.form-control:hover {
  border: 1.2px solid #094462 !important;
  /* min-height: 38px; */
}

.form-control:focus {
  border: 1.2px solid #094462 !important;
  background-color: #fff9c4 !important;
  color: #263238 !important;
}

.meu-iwcombobox {
  display: flex;
  justify-content: space-between;

}

.select2 {
  max-height: 38px !important;
  min-height: 38px !important;
}

.select2-search__field:focus {
  background-color: rgb(255, 249, 196) !important;
  border-radius: 8px !important;
  min-height: 38px !important;
}

/* CSS para manter a cor de fundo quando o mouse é passado sobre os resultados */
.select2-container--default .select2-results__option:hover {
  background-color: #333 !important;
  color: #fff !important;
}

/*zebrar o combom*/
.select2-results__option:nth-child(even) {
  background-color: #f2f2f2;
}

.select2-results__option:nth-child(odd) {
  background-color: #ffffff;
}

.paginate_button:hover {
  background-color: red;
}

.my-btn-add {
  font-size: 15px !important;
  height: 38px !important;
  width: 120px !important;
  margin-bottom: 0.5px;
}

.my-btn-cancel {
  font-size: 1.5rem !important;
  height: 36px !important;
  /* width: auto !important; */
  /* min-width: 86px !important; */
  /* padding: 0 16px !important; */
  /* padding horizontal */
}

/* .btn-add{
    font-size: 15px !important;
    height: 38px !important;  
    text-align: center; 
  } */
.star-checkbox {
  display: none;
}

.star-icon {
  font-size: 24px;
  cursor: pointer;
}

.star-checkbox:checked+.star-icon::before {
  content: "\2605";
  /* Código Unicode da estrela preenchida */
  color: gold;
}

.star-icon::before {
  content: "\2606";
  /* Código Unicode da estrela vazia */
}

/* input[type="search"] {
  height: 38px !important;
} */

/* input[type="select"] {
    height: 38px !important;
    background-color: red;
  } */

.LISTA_length input {
  height: 30px !important;
}

.dataTables_filter {
  text-align: right;
}

.label.dataTables_filter {
  color: red;
}

.dataTables_length {
  margin-top: 20px;
}

.dataTables_paginate {
  text-align: right !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mt-1 {
  margin-top: 5px !important;
}

.mt-2 {
  margin-top: 10px !important;
}

.mt-3 {
  margin-top: 15px !important;
}

.mt-4 {
  margin-top: 20px !important;
}

.mt-5 {
  margin-top: 25px !important;
}

.mb-1 {
  margin-bottom: 5px !important;
}

.mb-2 {
  margin-bottom: 10px !important;
}

.mb-3 {
  margin-bottom: 15px !important;
}

.mb-4 {
  margin-bottom: 20px !important;
}

.mb-5 {
  margin-bottom: 25px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.mr-1 {
  margin-right: 5px !important;
}

.mr-2 {
  margin-right: 10px !important;
}

.mr-3 {
  margin-right: 15px !important;
}

.mr-4 {
  margin-right: 20px !important;
}

.mr-5 {
  margin-right: 25px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.ml-1 {
  margin-left: 5px !important;
}

.ml-2 {
  margin-left: 10px !important;
}

.ml-3 {
  margin-left: 15px !important;
}

.ml-4 {
  margin-left: 20px !important;
}

.ml-5 {
  margin-left: 25px !important;
}

.ml-6 {
  margin-left: 30px !important;
}

/* Remover espaçamento entre colunas no Bootstrap 3 */
.row {
  margin-left: -15px;
  margin-right: -15px;
}

/* Ajustar margens negativas nas colunas */
[class^="col-"] {
  padding-left: 5px;
  padding-right: 5px;
  margin: 0;
}

.texto-inatativo {
  font-weight: bold !important;
  color: #b71c1c !important;
}

.texto-inativo {
  font-weight: bold !important;
  color: red !important;
}

.inativo-grid {
  background-color: #ffcdd2 !important;
}

.inativo-reg {
  /* background-color: #ffcdd2 !important; */
  /* background-color: white !important; */
}


.card-default {
  border: 1.3px solid #d8d8d8 !important;
}

.card-default-header {
  border-bottom: 1px solid #d8d8d8 !important;
  background-color: #f7f7f7 !important;
  height: 50px !important;
}

.lbl {
  /* color: #212529 !important; */
  font-size: 14px !important;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal !important;
}

.eh_cliente {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: linear-gradient(40deg, #b71c1c, #ff8a80);
  border-radius: 50%;
  text-align: center;
  line-height: 25px;
  /* Centraliza o texto verticalmente */
  color: white;
  /* Cor do texto dentro do círculo */
  font-weight: bold;
}

.eh_fornecedor {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: linear-gradient(40deg, #1a237e, #536dfe);
  border-radius: 50%;
  /* Torna as bordas arredondadas, criando um círculo */
  text-align: center;
  line-height: 25px;
  /* Centraliza o texto verticalmente */
  color: white;
  /* Cor do texto dentro do círculo */
  font-weight: bold;
}

.eh_comissionado {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: linear-gradient(40deg, #1b5e20, #4caf50);
  border-radius: 50%;
  /* Torna as bordas arredondadas, criando um círculo */
  text-align: center;
  line-height: 25px;
  /* Centraliza o texto verticalmente */
  color: white;
  /* Cor do texto dentro do círculo */
  font-weight: bold;
}

.eh_funcionario {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: linear-gradient(40deg, #e65100, #ffab40);
  border-radius: 50%;
  /* Torna as bordas arredondadas, criando um círculo */
  text-align: center;
  line-height: 25px;
  /* Centraliza o texto verticalmente */
  color: white;
  /* Cor do texto dentro do círculo */
  font-weight: bold;
}

.eh_transportadora {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: linear-gradient(40deg, #6200ea, #d1c4e9);
  border-radius: 50%;
  /* Torna as bordas arredondadas, criando um círculo */
  text-align: center;
  line-height: 25px;
  /* Centraliza o texto verticalmente */
  color: white;
  /* Cor do texto dentro do círculo */
  font-weight: bold;
}

.eh_revendedor {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: linear-gradient(40deg, #3e2723, #a1887f);
  border-radius: 50%;
  /* Torna as bordas arredondadas, criando um círculo */
  text-align: center;
  line-height: 25px;
  /* Centraliza o texto verticalmente */
  color: #fff;
  /* Cor do texto dentro do círculo */
  font-weight: bold;
}

.eh_cliente_fornecedor {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: linear-gradient(40deg, #1b5e20, #81c784);
  border-radius: 50%;
  /* Torna as bordas arredondadas, criando um círculo */
  text-align: center;
  line-height: 25px;
  /* Centraliza o texto verticalmente */
  color: #fff;
  /* Cor do texto dentro do círculo */
  font-weight: bold;
}

.eh_outro {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: linear-gradient(30deg, #0091ea, #81d4fa);
  border-radius: 50%;
  /* Torna as bordas arredondadas, criando um círculo */
  text-align: center;
  line-height: 25px;
  /* Centraliza o texto verticalmente */
  color: #fff;
  /* Cor do texto dentro do círculo */
  font-weight: bold;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: #9aa7b4;
}

* {
  scrollbar-width: thin;
}

.desabilitado {
  pointer-events: none;
  cursor: not-allowed;
  /* color: #333; */
  opacity: 0.6;
}

.habilitado {
  pointer-events: visible;
  cursor: auto;
  /* color: #333; */
  opacity: 1;
}

.campo-vazio {
  background-color: #EBCCCC !important;
  border: 1px solid #D43F3A !important;
}

.campo-preenchido {
  background-color: white;
}

.campo-vazioL {
  background-color: #EBCCCC !important;
  border: 1px solid #D43F3A !important;
}

.campo-preenchidoL {
  background-color: white;
}


/* AdminLTE 2.4 - Campos inativos com cinza claro */

/* Inputs, textarea e select */
.form-control:disabled,
.form-control[readonly],
.form-control[contenteditable="false"],
input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly],
select:disabled {
  background-color: #F5F8FB !important;
  color: #555555 !important;
  border-color: #D2D6DE !important;
  cursor: default !important;
  opacity: 1 !important;
}

/* Campos dentro de input-group (com ícone) */
.input-group .form-control:disabled,
.input-group .form-control[readonly] {
  background-color: #F5F8FB !important;
  color: #555555 !important;
}

/* Addon do input-group (ícone ao lado) */
.input-group-addon:has(+ .form-control:disabled),
.input-group-addon:has(+ .form-control[readonly]) {
  background-color: #ebebeb !important;
  color: #555555 !important;
  border-color: #e0e0e0 !important;
}

/* Select2 (muito usado no AdminLTE) */
.select2-container--disabled .select2-selection--single,
.select2-container--disabled .select2-selection--multiple {
  background-color: #f9f9f9 !important;
  color: #555555 !important;
  border-color: #e0e0e0 !important;
  cursor: not-allowed !important;
}

.select2-container--disabled .select2-selection__rendered {
  color: #555555 !important;
}

/* iCheck (checkboxes e radios do AdminLTE) */
.icheck-disabled label,
input[type="checkbox"]:disabled+label,
input[type="radio"]:disabled+label {
  color: #555555 !important;
  cursor: not-allowed !important;
}

/* Botões desabilitados */
.btn:disabled,
.btn[disabled],
fieldset:disabled .btn {
  background-color: #e0e0e0 !important;
  border-color: #d0d0d0 !important;
  color: #555555 !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}

.btn-xs {
  border-radius: 3px !important;
}

input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  position: relative !important;
  width: 20px !important;
  height: 20px !important;
  background-color: #fff !important;
  border: 2px solid #CED4DA !important;
  border-radius: 3px !important;
  vertical-align: middle !important;
  margin-top: -2px !important;
  margin-right: 5px !important;
  cursor: pointer !important;
  display: inline-block !important;
}

input[type="checkbox"]::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 10px !important;
  height: 5px !important;
  border-left: 2px solid #fff !important;
  border-bottom: 2px solid #fff !important;
  transform: translate(-50%, -70%) rotate(-45deg) scale(0) !important;
  transform-origin: center !important;
  transition: 0.1s transform ease-in-out !important;
}

input[type="checkbox"]:checked {
  background-color: #094462 !important;
  border-color: #094462 !important;
}

input[type="checkbox"]:checked::before {
  transform: translate(-50%, -70%) rotate(-45deg) scale(1) !important;
}

input[type="checkbox"]:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

input[type="checkbox"]:focus {
  outline: none !important;
  border-color: #094462 !important;
  /* box-shadow: 0 0 0 3px rgba(9, 68, 98, 0.2) !important; */
}

input[type="checkbox"]:focus+label {
  color: #094462 !important;
}

input[type="checkbox"]:hover:not(:disabled) {
  border-color: #094462 !important;
}

/* Ajuste específico para o label do AdminLTE */
.checkbox label {
  display: flex !important;
  align-items: center !important;
  line-height: 1 !important;
  /* padding-left: 0 !important; */
}

.checkbox label input[type="checkbox"] {
  margin-top: 0 !important;
}

.contratante-setor-title {
  margin: 8px 0 20px 0;
  padding-bottom: 6px;
  border-bottom: 1.5px dotted #4f4f4f;
  font-weight: normal;
  font-size: 1.6rem;
  color: #1E88E5;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* 
.skin-blue .main-header {
    background-color: #0C1B25 !important;
}
.skin-blue .main-header {
    background-color: #0C1B25 !important;
}
 .skin-blue .main-header {
    background-color: #0C1B25 !important;
}

.skin-blue.main-header .navbar,
.skin-blue.main-header .navbar .sidebar-toggle,
.skin-blue.main-header .navbar .nav > li > a,
.skin-blue.main-header .logo {
    background-color: #094462 !important;
}

.skin-blue.main-sidebar,
.skin-blue.sidebar-menu,
.skin-blue.sidebar-menu > li > a {
    /* background-color: #F4F4F4 !important; 
    background-color: #f6f6f6 !important;
}

.skin-blue.sidebar-menu .treeview-menu,
.skin-blue.sidebar-menu .treeview-menu > li > a {
    background-color: #F9F9F9 !important;
}
.skin-blue.sidebar-menu > li > a,
.skin-blue.sidebar-menu .treeview-menu > li > a {
    color: #646464 !important;
}
.skin-blue.sidebar-menu > li:hover > a {
    background-color: #F9F9F9 !important;
    color: #363636 !important;
}

.skin-blue.sidebar-menu .treeview-menu > li:hover > a {
    background-color: transparent !important;
    color: #363636 !important;
}

.skin-blue.sidebar-menu > li {
    border-bottom: 1px solid #E1E1E1;
}

.skin-blue.sidebar-menu > li:first-child {
    border-top: 1px solid #E1E1E1;
}

.skin-blue.sidebar-menu .treeview-menu > li {
    border-bottom: none !important;
}  */