/* Custom CSS */

.dropdown-item {
    cursor: pointer !important;
}
.drop_filter{
    box-shadow: 0 3rem 6rem rgb(0 0 0 / 50%);
    max-width: 400px;
}

.image-arrengement{
  margin-bottom: -5%;
}

  .text-wrap-chat {
    word-break: break-word;
  }

  body[data-sidebar="dark"] .vertical-menu {
    background: var(--bg-menu-color) ;
  }
  body[data-sidebar="dark"] .navbar-brand-box {
    background: var(--bg-menu-color);
  }



/* 
  body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active {
    color: #4441f1 !important; }
    body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active i {
      color: #4441f1 !important; }
 */



body[data-sidebar="dark"] #sidebar-menu ul li a {
  color: #a6b0cf; }
  body[data-sidebar="dark"] #sidebar-menu ul li a i {
    color: #6a7187; }
  body[data-sidebar="dark"] #sidebar-menu ul li a:hover {
    color: #ffffff; }
    body[data-sidebar="dark"] #sidebar-menu ul li a:hover i {
      color: #ffffff; }

body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a {
  color: #79829c; }
  body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a:hover {
    color: #ffffff; }

body[data-sidebar="dark"].vertical-collpsed {
  min-height: auto !important; }
  body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {
    background: #ffffff;
    color: #79829c; }
    body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i {
      color: #79829c; }
  body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a {
    color: #79829c; }
    body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {
      color: #79829c; }
  body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul ul {
    background-color: #f8f8fb; }


    body[data-sidebar="dark"] .mm-active {
      color: #4441f1 !important; }
      body[data-sidebar="dark"] .mm-active > a {
        color: #4441f1 !important; }
        body[data-sidebar="dark"] .mm-active > a i {
          color: #4441f1 !important; }
      body[data-sidebar="dark"] .mm-active > i {
        color: #4441f1 !important; }
      body[data-sidebar="dark"] .mm-active .active {
        color: #4441f1 !important; }
        body[data-sidebar="dark"] .mm-active .active i {
          color: #4441f1 !important; }

          body[data-sidebar="dark"] #sidebar-menu ul li a {
            color: #a6b0cf; }
            body[data-sidebar="dark"] #sidebar-menu ul li a i {
              color: #6a7187; }
            body[data-sidebar="dark"] #sidebar-menu ul li a:hover {
              color: #4441f1; }
              body[data-sidebar="dark"] #sidebar-menu ul li a:hover i {
                color: #4441f1; }

.name_topbar {
  max-width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}

body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active i {
  color: #6a7187 !important
}
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active {
  color: #6a7187 !important
}

#page-topbar {
  background-color: var(--bg-topbar-color);
}

.trash:hover {
  transition: color .15s ease-in-out;
  color: red !important;
}

.green-link:hover {
  transition: color .15s ease-in-out;
  color: #34c38f !important;
}

.pointer {
  cursor: pointer !important;
}

.btn-edit-oportunidade {
  PADDING: 0;
  width: 20px;
  height: 20px;
  font-size: 13px;
  border: none;
}


@media (max-width: 576px) {
  .w-mob-100 {
    width: 100% !important;
  }
}

.card-indicadores {
  border-radius: 10px;
  /* border: solid 1px rgba(195, 255, 190, 0.151); */
}

:root {
  --card-indicadores-bg-opacity: 0.07;
}

.card-indicadores.success {
  background-color: rgba(var(--bs-success-rgb),var(--card-indicadores-bg-opacity));
}

.card-indicadores.info {
  background-color: rgba(var(--bs-info-rgb),var(--card-indicadores-bg-opacity));
}

.card-indicadores.warning {
  background-color: rgba(var(--bs-warning-rgb),var(--card-indicadores-bg-opacity));
}

.card-indicadores.danger {
  background-color: rgba(var(--bs-danger-rgb),var(--card-indicadores-bg-opacity));
}

.card-indicadores.secondary {
  background-color: rgba(var(--bs-secondary-rgb),var(--card-indicadores-bg-opacity));
}
.card-indicadores.primary {
  background-color: rgba(var(--bs-primary-rgb),var(--card-indicadores-bg-opacity));
}