html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 5px;
}

.colorborde {
  background: rgb(30,72,133);
  background: linear-gradient(135deg, rgba(30,72,133,1) 11%, rgba(46,118,228,1) 70%, rgba(60,127,230,1) 100%) !important;
}

.colorborde-invert {
  background: rgb(30,72,133);
  background: linear-gradient(85deg, rgba(60,127,230,1) 11%, rgba(46,118,228,1) 30%, rgba(30,72,133,1) 100%) !important;
}

.bg-primary {
  background: rgb(30,72,133) !important;
}

.bg-primary-high-contrast {
  background: rgb(9, 48, 92) !important;
}

.bg-danger {
  background: #F00 !important;
}

.btn-primary {
  background: rgb(30,72,133) !important;
}

.btn-primary:hover {
  background: rgba(46,118,228,1) !important;
}

.btn-primary:active {
  background: rgba(60,127,230,1) !important;
}

.img {
  width: 150px;
}

.v-center {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.paragraph-painel {
  font-size: 50px; 
  font-weight: 600 !important; 
  line-height: 60px !important; 
  margin-bottom: 0 !important;
  color: #444 !important;
}

.card-text-title {
  font-weight: 600;
  font-size: 40px;
  line-height: 45px;
  letter-spacing: 3px;
}

.card-text-title-sub {
  font-weight: 600;
  font-size: 30px;
  line-height: 35px;
  letter-spacing: 5px;
}

.table-head-text {
  font-weight: 600;
  font-size: 30px;
  line-height: 35px;
  letter-spacing: 3px;
  color: #444 !important;
}

.table-body-text {
  font-weight: 600;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 2px;
  color: #555 !important;
}

#page-alerts {
  top: 50px;
  right: 20px;
  position: absolute;
  width: 800px;
  z-index: 15000;
}

.alert-sub-text-size {
  font-size: 22px;
}

.icon-alert-size {
  font-size: 50px;
}

.center-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.backdrop-painel {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 15001;
  background-color: #000;
  opacity: 0.8;
}

.backdrop-carregando {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 16000;
  color: #fff;
}

.progress-container {
  position: relative;
  width: 100%;
  height: 10px;
  background-color: #f3f3f3;
  border-radius: 5px;
  overflow: hidden;
  margin-top: 10px;
}

/* Barra de progresso animada */
.progress-bar {
  width: 100%;
  height: 100%;
  background-color: #4caf50;
  animation: indeterminate 2.5s infinite;
}

/* Animação para barra indeterminada */
@keyframes indeterminate {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}