:root {
  /* base */
  --base-escura: #355858;
  --base-media: #00a86a;
  --base-clara: #a7d174;
  --base-degrade: #00ae81;
  --base-linha-escura: #bae0d1;
  --base-linha-clara: #daeee5;
  --base-linha-clara-clara: #f1f8f4;

  /* primárias */
  --green: #00995d;
  --green-75: #1daa7d;
  --green-50: #7ac0a0;
  --green-25: #baddcc;
  --green-ligth: #b1d34b;
  --green-ligth-75: #c4dc79;
  --green-ligth-50: #d4e5a3;
  --green-ligth-25: #e7f0ce;
  --beige: #fff0c7;
  --beige-75: #fff1d2;
  --beige-50: #fff6e1;
  --beige-25: #fffaee;
  --white: #ffffff;
  --black: #000;
  /* secundárias claras */
  --pink: #ed1651;
  --pink-75: #f0666f;
  --pink-50: #f59695;
  --pink-25: #fac8c3;
  --purple: #a3238e;
  --purple-75: #b35fa4;
  --purple-50: #c68dbe;
  --purple-25: #dec1dd;
  --orange: #f47920;
  --orange-75: #f69651;
  --orange-50: #fab683;
  --orange-25: #ffd9bb;
  --yellow: #ffcb08;
  --yellow-75: #ffd55b;
  --yellow-50: #ffe191;
  --yellow-25: #ffeec5;
  --gray: #c4cbcf;
  --gray-75: #cfd3d6;
  --gray-50: #dfe0e1;
  --gray-25: #ececec;
  /* secundárias escuras */
  --green-dark: #00401a;
  --green-dark-75: #245f40;
  --green-dark-50: #61856e;
  --green-dark-25: #a5b9aa;
  --purple-dark: #411564;
  --purple-dark-75: #62447f;
  --purple-dark-50: #86729c;
  --purple-dark-25: #b6abca;
  --green-medium: #0a5f55;
  --green-medium-75: #4e7a72;
  --green-medium-50: #7f9994;
  --green-medium-25: #b7c3c1;
  --gray-dark: #5b5c65;
  --gray-dark-75: #7c7c83;
  --gray-dark-50: #9ea0a8;
  --gray-dark-25: #c8c9cd;
  --brown: #682d00;
  --brown-75: #87532c;
  --brown-50: #aa7f5f;
  --brown-25: #d1b5a0;
  --yellow-dark: #d1b604;
  --yellow-dark-75: #e1be41;
  --yellow-dark-50: #ebd481;
  --yellow-dark-25: #f5eac0;
  --yellow-dark-dark: #b58e02;
  /* diversas */
  --blue: #1a92df;
  --blue-75: #52ade7;
  --blue-50: #8cc9ef;
  --blue-25: #c6e4f7;
  --green-dash: #e0e9c8;
  --blue-light: #1fb4ff;
  --blue-light-75: #56c7ff;
  --blue-light-50: #8fdaff;
  --blue-light-25: #c7edff;
  --blue-dark: #1479b8;
  --disable: rgb(235, 235, 228);
  --red: red;
  /* radius */
  --radius: 7px;
}

.radius {
  -webkit-border-top-left-radius: var(--radius);
  -webkit-border-top-right-radius: var(--radius);
  -webkit-border-bottom-left-radius: var(--radius);
  -moz-border-radius-topleft: var(--radius);
  -moz-border-top-right-radius: var(--radius);
  -moz-border-radius-bottomright: var(--radius);
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}

/** BOOTSTRAP */
.btn:disabled {
  /* opacity: 0.6; */
  cursor: not-allowed !important;
  pointer-events: inherit;
}

/** TEXT ALIGN */

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

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

.al-left {
  text-align: left !important;
}

.v-midlle {
  vertical-align: middle !important;
}

/** LOGIN */

.login-container {
  height: 100vh;
}

.login-container ul {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.75em;
}

.image-section {
  background: url("../imgs/background_login.webp") no-repeat center center;
  background-size: cover;
}

.esqueci_senha{
  text-decoration: none;
  color: rgba(0, 0, 0, 0.3);
}

.esqueci_senha:hover{
  color: rgba(0, 0, 0, 0.9);
}

/** CONTEÚDO */

.header {
  height: 45px;
  border-bottom: 2px solid var(--base-media);
  box-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  z-index: 99;
}

.navbar {
  border-bottom: 1px solid var(--gray-50);
  box-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  background-color: var(--white);
}

.navbar img {
  max-height: 30px;
}

.conteudo {
  height: calc(100vh - 63px);
  background-color: var(--gray-50);
  /* padding: 20px; */
  overflow-y: auto;
}

.conteudo .content {
  padding: 20px;
}

/** IFRAME */
/* Estilo do iframe */
.dashboard-frame {
  width: 100%;
  border: none;
  background-color: white;
}

/* Tela cheia do iframe */
.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.8);
}

/* Botão para fechar o iframe */
.close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #f44336;
  color: white;
  padding: 10px;
  font-size: 18px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}

.close-btn:hover {
  background-color: #e53935;
}

.character-count {
  font-size: 0.9rem;
  color: gray;
}

.area-buttons {
  display: flex;
}

thead {
  text-transform: uppercase;
}

tbody > tr:hover {
  cursor: pointer;
}

.tabela {
  height: calc(100vh - 200px);
  overflow-y: auto;
}

.upper {
  text-transform: uppercase;
}

.loader-full-screen {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9;
  display: flex;
}

.loader-full-screen .spinner-border {
  width: 100px;
  height: 100px;
  border: 10px solid currentcolor;
  border-right-color: transparent;
}

.error-container {
  display: none;
}

.btn-close {
  right: 10px;
}

.small {
  font-size: 0.875em;
}

.data_liberada {
  display: flex;
  flex-direction: column;
  line-height: 1em;
}

.data_liberada > div {
  font-size: 0.625em;
}

.separador {
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}

.erro_contrato > td {
  background-color: red !important;
  color: yellow !important;
}

.sem_responsavel > td {
  background-color: blueviolet !important;
  color: yellow !important;
}

.erro_nao_liberada > td {
  background-color: var(--yellow-dark-dark);
}

/** 404 */
.ops {
  padding: 30px;
  display: flex;
  flex-direction: column;
  margin: auto;
}

.ops .icon {
  font-size: 13em !important;
  color: var(--brown);
}

.ops .opss {
  color: var(--brown);
  font-size: 5em;
}

.ops .desc {
  font-size: 2em !important;
  padding: 20px 0;
  color: var(--brow);
}

.acoes button {
  background-color: transparent;
  border: 0;
  font-size: 1.5em;
}

.acoes .edit {
  color: #1479b8;
}

.acoes .delete {
  color: red;
}

.acoes .revalida {
  color: #00401a;
}

.acoes button:hover {
  opacity: 50%;
}

/** ERRO PÁGINA CONFIRMA USUARIO */
.erro_confirma_usuario {
  padding: 10px;
}

.erro_confirma_usuario .erro_title {
  font-size: 2em;
  color: red;
  text-align: center;
  font-weight: 400;
}

.erro_confirma_usuario .desc {
  text-align: center;
}

/** TRIGGERS */

.trigger-box {
  position: absolute;
  top: 0;
  right: 0;
}

.trigger {
  /* margin: 0 0 0 12px; */
  color: #fff;
  font-size: 0.9375em;
  background: #888;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  padding: 12px;
  text-align: left !important;
  /* width: 100%; */
  position: relative;
}

.success {
  background: var(--green);
}

.info {
  background: var(--blue);
}

.alert {
  background: var(--orange);
}

.error {
  background: var(--pink);
}

.ajax-close {
  position: absolute;
  top: 5px;
  right: 5px;
  color: var(--white);
  cursor: pointer;
}

.ajax-close:hover {
  color: var(--pink-75);
}

.trigger i {
  margin-right: 5px;
}

.msg_recuperar_senha{
  color: #fff;
  font-size: 0.9375em;
  background: var(--blue);
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  padding: 12px;
  text-align: left !important;
  position: relative;
}

.j_erro_cad_usuario,
.j_erro_redefinir_senha,
.j_login_error,
.j_erro_cad_categoria,
.j_erro_cad_dashboard {
  display: none;
}

.j_login_error {
  margin: 0 !important;
}

.card-body {
  display: flex;
  flex-direction: column;
}
.card-body .base {
  margin-top: auto;
}