/* -- Top navigation -- */
#top-head {
  z-index: 9;
  top: 0;
  left: 0;
  right: 0;
}
/* Smaller Header */
.uk-navbar-nav > li > a,
.uk-navbar-item,
.uk-navbar-toggle {
  /* navbar height */
  min-height: 52px;
  padding: 0 8px;
  font-size: 0.85rem;
}
.navbar-logo {
  background-color: #222a30;
  margin-left: -12px;
}
/* Left bar */
#left-col {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #222a30;
  width: 240px;
  z-index: 2;
  transition: height 0.3s ease-out;
}
/* Left bar links */
#left-col ul.uk-nav-default > li > a {
  padding: 8px 20px;
  border-left: 2px solid transparent;
  transition: all 0.15s ease-out;
}
#left-col ul.uk-nav-default li.uk-nav-header {
  padding: 20px 20px 8px 20px;
}

#left-col ul.uk-nav-default > li > a:hover,
#left-col ul.uk-nav-default > li.uk-open > a {
  border-left: 2px solid #39f;
  padding-left: 30px;
  color: white;
  background-color: rgba(0, 0, 0, 0.1);
}
#left-col ul.uk-nav-default li .uk-nav-sub {
  padding-left: 34px;
}
#left-col .uk-dropdown.user-drop {
  min-width: 160px;
  max-width: 160px;
  padding: 0.75rem;
}
/* Drop arrow */
#left-col .uk-dropdown.user-drop:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 4px;
  margin-left: -4px;
}
.left-content-box {
  padding: 0.75rem 20px;
  border-top: 0.7px solid #fa7f22;
  margin-bottom: -1px;
}
.left-nav-wrap {
  padding-bottom: 60px;
}
.content-box-dark {
  background-color: rgba(0, 0, 0, 0.09);
}
.text-light {
  font-weight: 200;
  font-size: 1.25rem;
}
.bar-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  padding: 15px 0;
  background-color: #222a30;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 3;
  bottom: 0;
  width: 240px;
}

.Sender-name {
  margin-top: -10px !important;
  margin-left: -20px !important;
  margin-right: 20px !important;
  margin-bottom: -15px !important;
  text-Align: left;
}

.left-logo {
  /* navbar height */
  height: 52px;
  line-height: 52px;
  padding: 0 20px;
}
.custom-logo {
  height: 55px;
}
.custom-logo2 {
  height: 90px;
}
.custom-logo1 {
  height: 62px;
  width: 150px;
  margin: 0 auto 0 auto;
  display: block;
}
.profile-img {
  width: 150px;
  margin: 0 auto 0 auto;
  display: block;
}

.profile-img-login {
  width: 110px;
  margin: 0 auto 0 auto;
  display: block;
  padding: 0%;
}



.panel-icons {
  margin: 0 4px;
}
.uk-tooltip {
  background-color: white;
  color: #242c33;
  box-shadow: 0 2px 12px rgba(50, 50, 50, 0.1);
}
#content {
  margin-top: 52px;
  padding: 30px 0 0 0;
  background-color: #ffffff;
  margin-left: 0;
  transition: margin 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (min-width: 960px) {
  #content {
    /* equal to left-col width */
    margin-left: 240px;
  }
  #top-head {
    /* equal to left-col width */
    left: 240px;
  }
}

#top-head [class*="uk-navbar-dropdown-bottom"] {
  margin-top: 0;
}

/* Search nav */
.search-field {
  width: 140px;
  -webkit-transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.search-field:focus {
  width: 200px;
  border-color: #fff !important;
}
.uk-card {
  box-shadow: none;
}
.uk-heading-primary {
  letter-spacing: -0.032em;
  font-weight: 300;
}
/* Smooth shadow transition */
.uk-card {
  -webkit-transition: box-shadow 0.55s cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 0.55s cubic-bezier(0.4, 0, 0.2, 1);
}
/* Progress */
.uk-progress {
  height: 3px;
  margin-bottom: 0.5rem;
  background-color: rgba(0, 0, 0, 0.23);
}
* + .uk-progress {
  margin-top: 0.25rem;
}
.uk-progress.warning::-webkit-progress-value {
  background-color: #faa05a;
}
.uk-progress.warning::-moz-progress-bar {
  background-color: #faa05a;
}
.uk-progress.warning::-ms-fill {
  background-color: #faa05a;
}
.uk-progress.success::-webkit-progress-value {
  background-color: #32d296;
}
.uk-progress.success::-moz-progress-bar {
  background-color: #32d296;
}
.uk-progress.success::-ms-fill {
  background-color: #32d296;
}
/* Charts */
.chart-container {
  position: relative;
  height: 300px;
  margin: 0 auto;
}
.uk-background-primary {
  background-color: #fa7f22 !important;
}

.uk-button-primary {
  background-color: #fa7f22 !important;
}

.ui-datepicker-calendar {
  display: none;
}
.ui-datepicker-month {
  display: none;
}
.ui-datepicker-next,
.ui-datepicker-prev {
  display: none;
}

#filename {
  margin-top: -1px;
  font-size: 0.9em;
}

.uk-card.uk-card-small.uk-card-hover.uk-card-body.uk-border-rounded {
  border: 1.9px solid #fa7f22 !important;
  
}

.uk-card.uk-card-small.uk-card-hover.uk-card-body.uk-border-rounded:hover {
  border: 1.9px solid #000000 !important;
  background-color:#ff9c51 !important;
  color: white !important;
}


.uk-card.uk-card-small.uk-card-hover.uk-card-body.uk-border-rounded1 {
  border: 2.3px solid #ff7810 !important;
  color: rgb(255, 255, 255) !important;

}

.uk-card.uk-card-small.uk-card-hover.uk-card-body.uk-border-rounded1:hover {
  border: 2.3px solid #ff9c51 !important;
  background-color:#ff9c51 !important;
  color: white !important;
}

.uk-card.uk-card-small.uk-card-hover.uk-card-body.uk-border-rounded5 {
  border: 2.3px solid #f5a263 !important;
  color: rgb(255, 255, 255) !important;
}

.uk-card.uk-card-small.uk-card-hover.uk-card-body.uk-border-rounded5:hover {
  border: 2.3px solid #ff9c51 !important;
  background-color:#ffffff !important;
  color: rgb(0, 0, 0) !important;
}

.uk-border-rounded1 {
  border-radius: 5px !important;
}

@media (max-width: 567px) {
  .hidden-mobile {
    display: none;
  }
}


.data-table-extensions> .data-table-extensions-filter {
  float: right !important;
}

.data-table-extensions > .data-table-extensions-filter > .icon {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: #ffffff !important;
  display: block !important;
  float: right !important;
  height: 37px !important;
  border: 2px solid !important;
  width: 50px !important;
  margin-left: 10px;
  border-radius: 5px;
}

.data-table-extensions>.data-table-extensions-filter>.filter-text {
  background-color: initial !important;
  border: 2 !important;
  border-bottom: 1px solid #f5f5f5 !important;
  margin-left: 10px !important;
  outline: auto !important;
  padding: 10px !important;
}

.uk-table td > li > a {
    color: #fa7f22 !important;
  }

.justify-content-between div > li > a {
  color: #fa7f22 !important;
  text-decoration: none !important;
}








.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-border-width: 1px;
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: 0.375rem;
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(0.375rem - 1px);
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: #fff;
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}

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

.text-white {
  color: #ffffff;
}

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

*, ::after, ::before {
  box-sizing: border-box;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl)!important;
  border-radius: 20px !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}

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

.list-unstyled {
  padding-left: 0;
  list-style: none;
  color: #ffffff !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-auto {
  margin-right: auto!important;
}

li {
  display: list-item!important;
}




.uk-page-text p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
  }

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

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

.feature-icon {
  width: 4rem;
  height: 4rem;
  border-radius: .75rem;
}

.icon-link > .bi {
  margin-top: .125rem;
  margin-left: .125rem;
  fill: currentcolor;
  transition: transform .25s ease-in-out;
}
.icon-link:hover > .bi {
  transform: translate(.25rem);
}

.icon-square {
  width: 3rem;
  height: 3rem;
  border-radius: .75rem;
}

.text-shadow-1 { text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25); }
.text-shadow-2 { text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); }
.text-shadow-3 { text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25); }

.card-cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #4b3c31;
}

.feature-icon-small {
  width: 3rem;
  height: 3rem;
}

.p-button.p-button-icon-only {
  width: 3rem;
  padding: 0.75rem 0;
}

.p-button.p-button-icon-only {
  width: 3rem;
  padding: 0.75rem 0;
}

.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
  color: #ffffff;
  background: #F59E0B;
  border: 1px solid #F59E0B;
}

.p-button.p-button-icon-only {
  width: 3rem;
  padding: 0.75rem 0;
}

.p-button.p-button-icon-only {
  width: 3rem;
  padding: 0.75rem 0;
}




















@media (min-width: 1200px){
  .display-5 {
      font-size: 3rem;
  }
}

@media (min-width: 960px){
  .uk-h1, h1 {
      font-size: 2.625rem;
  }
}

.fw-bold {
  font-weight: 700!important;
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}

.uk-h1, h1 {
  font-size: 2.23125rem;
  line-height: 1.2;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (min-width: 992px){
  .col-lg-6 {
      flex: 0 0 auto;
      width: 50%;
  }
}

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

@media (min-width: 1200px){
  .uk-margin-large {
    margin-bottom: 70px;
  }
}

address, dl, fieldset, figure, ol, p, pre, ul {
  margin: 0 0 20px 0;
}

.gap-3 {
  gap: 1rem !important;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
  cursor: pointer;
}

.btn-group-lg>.btn, .btn-lg {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: 0.5rem;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #f57423;
  --bs-btn-border-color: #f57523;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #f37322;
  --bs-btn-hover-border-color: #f47423;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #f57623;
  --bs-btn-active-border-color: #f47423;
  --bs-btn-active-shadow: inset 0 3px 5pxrgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #f47422;
  --bs-btn-disabled-border-color: #f47423;
}


.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #ffffff;
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.375rem;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0rgba(255, 255, 255, 0.15),0 1px 1pxrgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25remrgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid #f67723;
  border-radius: var(--bs-btn-border-radius);
  background-color: #f37322;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.text-margem {
  margin-top: 2px !important;
  color: #ffffff !important;
}

.welcome-message {
	margin-top: -150px !important;
}

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

.aside-container {
  position: relative;
  height: 10px; /* Altura desejada para as linhas */
  width: 100%;
  padding-bottom: 50px;
  overflow: hidden; /* Certifica-se de que as linhas não ultrapassam o contêiner */
}

.power-line {
  position: absolute;
  height: 1px; /* Largura inicial das linhas */
  width: 0; /* Inicialmente sem comprimento */
  border-radius: 50px; /* Borda arredondada para um design mais suave */

  animation: expandLinear 3s linear infinite; /* Ajuste a duração da animação conforme necessário */
  background-color: transparent; /* Fundo vazio transparente */
  border: 3px solid transparent; /* Borda transparente inicial */
}

.power-line-1 {
  top: 10px; /* Ajuste a posição inicial da linha amarela conforme necessário */
  background-color: #222a30; /* Cor amarela personalizada */
}

.power-line-2 {
  top: 20px; /* Ajuste a posição inicial da linha vermelha conforme necessário */
  background-color: var(--orange-900);
  animation: expandLinear 2s linear infinite 1s; /* Adiciona um atraso de 1 segundo para um efeito de cascata */
}

.power-line-3 {
  top: 30px; /* Ajuste a posição inicial da linha verde conforme necessário */
  background-color: #4d4949;
  animation: expandLinear 5s linear infinite 2s; /* Adiciona um atraso de 2 segundos para um efeito de cascata */
}

@keyframes expandLinear {
  to {
    width: 100%; /* Aumenta a largura para 100% */
  }
}