:root {
  /*--bs-primary: #b4c204;
  --bs-light-rgb: 111, 104, 94; /* novo valor RGB */
  --bs-body-bg: #eaebed;
}
.user-profile-tab .nav-item .nav-link.active {
    color: var(--bs-primary);
    border-bottom: 2px solid var(--bs-primary);
}

/*-----------------------------------------------------------------------------------*/
/*  PRELOADER INTERNO
/*-----------------------------------------------------------------------------------*/
.loader-interno {
  border: 5px solid #f3f3f3; 
  border-top: 5px solid #6286e2; 
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin:10px;
  animation: spin 1s linear infinite;
}
.loader-interno-hidden{
  display: none; 
}
.loader-interno-show{
  display: block; 
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*-----------------------------------------------------------------------------------*/
/*  NEW PRELOADER
/*-----------------------------------------------------------------------------------*/
.new_preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 20% 0;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 999;
  text-align: center;
}
.loader {
  border: 5px solid #f3f3f3; 
  border-top: 5px solid #6286e2; 
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin:10px;
  animation: spin 1s linear infinite;
  float: none;
  margin:  auto;
}
.loder-hidden{
  display: none; 
}
.loder-show{
  display: block; 
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.largura100 {
  width: 100%;
}

.note-has-grid .nav-link {
    padding: .5rem
}

.note-has-grid .single-note-item .favourite-note {
    cursor: pointer
}

.note-has-grid .single-note-item .side-stick {
    position: absolute;
    width: 3px;
    height: 35px;
    left: 0;
    background-color: var(--bs-gray-700)
}

.note-has-grid .single-note-item .category-dropdown.dropdown-toggle:after {
    display: none
}

.note-has-grid .single-note-item .category [class*=category-] {
    height: 15px;
    width: 15px;
    display: none
}

.note-has-grid .single-note-item .category .category-business {
    background-color: var(--bs-success-bg-subtle);
    border: 2px solid var(--bs-success)
}

.note-has-grid .single-note-item .category .category-social {
    background-color: var(--bs-info-bg-subtle);
    border: 2px solid var(--bs-info)
}

.note-has-grid .single-note-item .category .category-important {
    background-color: var(--bs-danger-bg-subtle);
    border: 2px solid var(--bs-danger)
}

.note-has-grid .single-note-item.all-category .point {
    color: rgba(var(--bs-gray-700), .5)
}

.note-has-grid .single-note-item.note-business .point {
    color: var(--bs-success-bg-subtle)
}

.note-has-grid .single-note-item.note-business .side-stick {
    background-color: var(--bs-success)
}

.note-has-grid .single-note-item.note-business .category .category-business {
    display: inline-block
}

.note-has-grid .single-note-item.note-favourite .favourite-note {
    color: var(--bs-warning)
}

.note-has-grid .single-note-item.note-social .point {
    color: var(--bs-info-bg-subtle)
}

.note-has-grid .single-note-item.note-social .side-stick {
    background-color: var(--bs-info)
}

.note-has-grid .single-note-item.note-social .category .category-social {
    display: inline-block
}

.note-has-grid .single-note-item.note-important .point {
    color: var(--bs-danger-bg-subtle)
}

.note-has-grid .single-note-item.note-important .side-stick {
    background-color: var(--bs-danger)
}

.note-has-grid .single-note-item.note-important .category .category-important {
    display: inline-block
}

.note-has-grid .single-note-item.all-category .more-options,
.note-has-grid .single-note-item.all-category.note-favourite .more-options {
    display: block
}

.note-has-grid .single-note-item.all-category.note-business .more-options,
.note-has-grid .single-note-item.all-category.note-favourite.note-business .more-options,
.note-has-grid .single-note-item.all-category.note-favourite.note-important .more-options,
.note-has-grid .single-note-item.all-category.note-favourite.note-social .more-options,
.note-has-grid .single-note-item.all-category.note-important .more-options,
.note-has-grid .single-note-item.all-category.note-social .more-options {
    display: none
}

.app-invoice .invoice-users {
    height: calc(100vh - 262px)
}

.note-has-grid .single-note-item.note-expired .side-stick {
    background-color: var(--bs-danger);
}
.note-has-grid .single-note-item.note-active .side-stick {
    background-color: var(--bs-success);
}
.note-has-grid .single-note-item.note-pending .side-stick {
    background-color: var(--bs-warning);
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.circle-shape {
    width: 18px;
    height: 10px;
}

.danger-card {
    background: url(../images/shapes/danger-card-shape.png) no-repeat top right
}

.secondary-card {
    background: url(../images/shapes/secondary-card-shape.png) no-repeat top right
}

.success-card {
    background: url(../images/shapes/success-card-shape.png) no-repeat top right
}

#sortable_imagem .el-card-item {
  cursor: grab;
}
#sortable_imagem .el-card-item:active {
  cursor: grabbing;
}
.float-n {
    float: none;
    margin: auto;
}