#btnGoTop {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: lightblue; /* Set a background color */
    color: black; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 50%; /* Rounded corners */
    font-size: 18px; /* Increase font size */
  }

  .hidden{
    display: none !important;
  }

  .card-heigth{
    min-height: 300px !important;
  }

  .strech{
    width: 100% !important;
  }

  .error{
    color: red;
  }

  .loader {
      position: relative;
      text-align: center;
      margin: 15px auto 35px auto;
      z-index: 9999;
      display: block;
      width: 80px;
      height: 80px;
      border: 10px solid rgba(0, 0, 0, .3);
      border-radius: 50%;
      border-top-color: #000;
      animation: spin 1s ease-in-out infinite;
      -webkit-animation: spin 1s ease-in-out infinite;
  }

#tb-condicoes{
  font-size: 0.9em;
}

.nav-tabs .active,
.nav-link.active {
  background-color: #0d6efd !important;
  color: white !important;
}

.bi-trash-fill{
  color: red;
}

.white{
  color: white;
}

.red{
  color: red;
}

.green{
  color: green;
}

.blue{
  color: blue;
}

.lightgree{
  color: lightgreen;
}

.lightblue{
  color: SlateBlue;
}

.yellow{
  color: yellow;
}

.black{
  color: black;
}

.gray{
  color: gray;
}

.bg-gray{
  background-color: gray;
}
.bg-red{
  background-color: red;
  color: #FFFFFF;
}

.bg-lightred{
  background-color: lightcoral;
}

.bg-gray{
  background-color: gray;
  color: #FFFFFF;
}

.bg-blue{
  background-color: blue;
  color: #FFFFFF;
}

.bg-black{
  background-color: black;
  color: #FFFFFF;
}

.bg-green{
  background-color: green;
  color: #FFFFFF;
}

.bg-ligthgreen{
  background-color: lightgreen;
}

.bg-orange{
  background-color: orange;
}

.bg-lightyellow{
  background-color: lightyellow;
}

.btn-alt{
  border: gray 2px solid;
}

/* Main Navbar Styles */
#main-navbar {
  box-shadow: 0 2px 4px rgba(0,0,0,.08);
  padding: 0.8rem 1rem;
  background-color: #ffffff !important;
}

#main-navbar .nav-link {
  font-weight: 500;
  padding: 0.5rem 1rem !important;
  color: #2c3e50 !important;
}

#main-navbar .nav-link:hover {
  color: #0d6efd !important;
}

#main-navbar .nav-link.active {
  color: #0d6efd !important;
}

#main-navbar .dropdown-menu {
  border: none;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
  border-radius: 0.5rem;
}

#main-navbar .dropdown-item {
  padding: 0.5rem 1.5rem;
  font-weight: 500;
}

#main-navbar .dropdown-item:hover {
  background-color: #f8f9fa;
  color: #0d6efd;
}

#main-navbar .navbar-brand img {
  height: 40px;
  width: auto;
}

#main-navbar .user-info {
  padding: 0.5rem 1rem;
  background-color: #f8f9fa;
  border-radius: 0.5rem;
  font-size: 0.9rem;
}

/* CORES DE STATUS CSS */

.pendente{
  color: red;
}

.aguardando_aprovacao{
  color: lightskyblue;
}

.aprovado{
  color: green;
}

.aguardando_assinatura{
  color: blue;
}
.recusado{
  color: black;
}

.cancelado{
  color: gray;
}

.finalizado{
  color: rgb(0, 255, 98);
  font-weight: 800;
}

.revisao{
  color: orangered;
}

.bg-pendente{
  color: #FFFFFF;
  background: red;
}

.bg-aprovado{
  color: #FFFFFF;
  background: green;
}

.bg-recusado{
  color: #FFFFFF;
  background: black;
}

.bg-cancelado{
  color: #FFFFFF;
  background: gray;
}

table td{
  display: flexbox;
  vertical-align: middle !important;
}

a{
  text-decoration: none !important;
}

/* MODAL CUSTOMIZACAO CONFIRMACAO */

#confirmacao-modal .modal-content {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}

#confirmacao-modal .modal-header {
  border-bottom: none;
}

#confirmacao-modal .modal-body {
  font-size: 18px;
  font-weight: 400;
}

#confirmacao-modal .modal-footer {
  border-top: none;
}

#confirmacao-modal .btn-close {
  font-size: 24px;
  margin-top: -10px;
}

#confirmacao-modal .btn-close-white {
  color: #fff;
}

#confirmacao-modal .modal-content {
  background-color: #f9f9f9;
  padding: 0;
}

#confirmacao-modal .modal-header {
  background-color: #337ab7;
  color: #fff;
  padding: 10px;
  border-bottom: 1px solid #337ab7;
}

#confirmacao-modal .modal-footer {
  background-color: #f9f9f9;
  padding: 10px;
  border-top: 1px solid #ddd;
}

/* APROVACAO MODAL */

#aprovacao-modal .modal-content {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}

#aprovacao-modal .modal-header {
  border-bottom: none;
}

#aprovacao-modal .modal-body {
  font-size: 18px;
  font-weight: 400;
}

#aprovacao-modal .modal-footer {
  border-top: none;
}

#aprovacao-modal .btn-close {
  font-size: 24px;
  margin-top: -10px;
}

#aprovacao-modal .btn-close-white {
  color: #fff;
}

#aprovacao-modal .form-label {
  font-weight: 600;
}

#aprovacao-modal .form-control {
  border-radius: 10px;
  padding: 10px;
}