:root {
  --cor-azul-petroleo: #045B8F;
  --cor-azul-petroleo-escuro: #013F65;
  --cor-cinza-claro: #B2B2B2;
  --cor-cinza-escuro: #4D4D4D;
  --cor-verde-claro: #DEF7ED;
  --cor-verde-escuro: #0F5236;
  --cor-azul-bebe: #9CD8FC;
  --cor-off-white: #F2F2F2;
  --cor-escura: #121212;
  --cor-preta: #000000;
  --cor-vermelha: #FF0000;
  --cor-azul-lavanda-claro: #E7E7FF;
  --cor-branca: #FFFFFF;
  --fonte-principal: 'Nunito', sans-serif;
  /* --fonte-principal: 'Curlz MT', cursive; NOSONAR Usado para teste interno*/
}

.bg-menu-theme {
  background-color: var(--cor-off-white) !important;
}

.app-brand-text {
  color: var(--cor-escura) !important;
}

i.text-primary {
  color: var(--cor-azul-petroleo) !important;
}

h5.text-primary {
  color: var(--cor-azul-petroleo) !important;
  font-size: 16px !important;
}

.menu-item.active .menu-link {
  background-color: var(--cor-azul-petroleo) !important;
}

.menu-link {
  color: var(--cor-azul-petroleo) !important;
}

.custom-svg .path1 {
  fill: var(--cor-azul-petroleo) !important;
}

.custom-svg .path2 {
  fill: var(--cor-azul-petroleo) !important;
}

.logo {
  background: var(--cor-escura) !important;
}

body {
  font-family: var(--fonte-principal) !important;
}

.btn-primary {
  background: var(--cor-azul-petroleo) !important;
  color: var(--cor-off-white) !important;
}

.btn-primary:hover {
  background: var(--cor-azul-petroleo-escuro) !important;
}

button.botao-login:hover {
  background-color: var(--cor-azul-petroleo-escuro) !important;
}

a.botao-login:hover {
  background-color: var(--cor-azul-petroleo-escuro) !important;
}

button.botao-login.disabled,
button.botao-login:disabled {
  background-color: var(--cor-cinza-claro) !important;
  border-color: var(--cor-cinza-claro) !important;
}

.btn-primary:disabled {
  background: var(--cor-cinza-claro) !important;
  border-color: var(--cor-cinza-claro) !important;
}

.btn-secondary {
  color: var(--cor-azul-petroleo) !important;
  background-color: var(--cor-branca) !important;
  border-color: var(--cor-azul-petroleo) !important;
}

.btn-secondary:hover {
  color: var(--cor-preta) !important;
  border-color: var(--cor-preta) !important;
  background: var(--cor-azul-bebe) !important;
}

.chat-contact-info h6.text-truncate {
  font-size: 16px !important;
}

.chat-contact-info small.text-muted {
  font-size: 12px !important;
}

.chat-contact-list-item.active {
  background-color: var(--cor-azul-bebe) !important;
}

.light-style .app-chat .app-chat-contacts .sidebar-body .chat-contact-list li.active .text-muted,
.light-style .app-chat .app-chat-contacts .sidebar-body .chat-contact-list li.active h6 {
  color: var(--cor-preta) !important;
}

span.avatar-inicial {
  cursor: default !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  font-size: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: var(--cor-azul-lavanda-claro) !important;
}

.ri-add-line {
  margin-right: 0.5rem !important;
}

h2.card-title {
  color: var(--cor-azul-petroleo) !important;
}

td.dtr-control a {
  color: var(--cor-azul-petroleo) !important;
}

.pagination .paginate_button.page-item.active .page-link {
  background-color: var(--cor-azul-petroleo) !important;
  border-color: transparent !important;
}

.menu-vertical .menu-item .menu-toggle::after {
  color: var(--cor-azul-petroleo) !important;
}

a.footer-link {
  color: var(--cor-azul-petroleo) !important;
}

a.fw-medium {
  color: var(--cor-azul-petroleo) !important;
}

.app-chat .app-chat-history .chat-history .chat-message.chat-message-right .chat-message-text {
  background-color: var(--cor-azul-bebe) !important;
  color: var(--cor-preta) !important;
}

div.avatar-sm {
  width: 24px !important;
  height: 24px !important;
  cursor: default !important;
}

textarea.my-input {
  background-color: var(--cor-branca) !important;
}

textarea.my-input:disabled {
  background-color: var(--cor-off-white) !important;
}

textarea.my-input:focus {
  border-color: var(--cor-azul-petroleo) !important;
}

output.spinner-border {
  color: var(--cor-azul-petroleo) !important;
}

i.my-mic {
  color: var(--cor-azul-petroleo) !important;
}

.form-select:focus {
  border-color: var(--cor-azul-petroleo) !important;
}

.form-check-input:checked {
  background-color: var(--cor-azul-petroleo) !important;
}

.more-options:hover {
  background: var(--cor-off-white);
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 4px;
}

nav.my-toolbar {
  background-color: var(--cor-branca) !important;
}

i.my-icon {
  color: var(--cor-azul-petroleo) !important;
}

button.my-button {
  background-color: var(--cor-branca) !important;
  color: var(--cor-azul-petroleo) !important;
}

button.my-button:hover {
  /* background-color: var(--cor-off-white) !important; */
  color: var(--cor-azul-petroleo) !important;
}

.my-button.btn-light.show.dropdown-toggle {
  background-color: var(--cor-off-white) !important;
  color: var(--cor-azul-petroleo) !important;
}

a.my-link {
  color: var(--cor-azul-petroleo) !important;
}

i[class^="ri-eye-"] {
  color: var(--cor-azul-petroleo) !important;
}

.my-menu-item.dropdown-item.waves-effect:active {
  background-color: var(--cor-azul-bebe) !important;
  color: var(--cor-preta) !important;
}

div.alert,
.mb-5.alert.alert-success {
  background-color: var(--cor-verde-claro) !important;
  color: var(--cor-verde-escuro) !important;
}

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