:root {
  --my-unique-bg-color: #8634e5; /* your custom color */
}

.validation-text{
  width: 100%;
  display: flex;
  margin-top: 4px
}

.validation-text small{
  font-size: 12px;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order{
  display: none !important;
}


.side-nav>.side-nav-item.active>a {
    color: #9B92D9 !important;
    background-color: #23303c00 !important;
}


.side-nav>.side-nav-item>a.router-link-active{
  color: #CFDFF1 !important;
    background-color: #2b1457 !important
}

.puerta-shade-bg {
     background-color: #602a86;
    border-radius: 4px;
    color: white;
}
.bg-gray {
 background-color: #dfdfdf;
    border-radius: 4px;
    color: #454545;
}
/* .sidenav-menu .router-link-active{
  background-color: #F9F5FF !important;
} */

.top-logo-container{
   background-color: #F9F5FF !important;
}


html[data-sidenav-size=condensed] .sidenav-menu .router-link-active.logo{
  background-color: #E7DBFF !important;
   background: #E7DBFF !important;
}

.flatpickr-calendar {
  z-index: 1055 !important; /* ή οποιαδήποτε τιμή θέλεις */
}

.breadcrumb-item + .breadcrumb-item::before {
  /* content: "/";
  padding: 0 8px;
  color: #6c757d; προαιρετικά για γκρι χρώμα */
  content: "/" !important;
    padding: 0px 16px 0px 4px;
    display: block;
    position: relative;
}


.status-active p{
  color: green;
  display: flex;
  align-items: center;
  gap: 8px;
}

.status-active .bullet-active{
  color: green;
  border-radius: 100px;
  width: 8px;
  height: 8px;
  background-color: green;
  display: block;
}

.avatar-xxxl{
  height: 8.4rem;
    width: 8.4rem;
}



.p-skeleton {
  background: rgba(200, 200, 200, 0.3) !important; /* lighter gray */
}

.p-skeleton::after {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  ) !important; /* white shimmer */
}


/* Κουμπί Ναι */
.p-confirmpopup-footer .p-confirm-popup-accept {
  background-color: #d32f2f !important; /* Κόκκινο πχ */
  border-color: #d32f2f !important;
  color: white !important;
}

/* Κουμπί Όχι */
.p-confirmpopup-footer .p-confirm-popup-reject {
  background-color: #757575 !important; /* Γκρι */
  border-color: #757575 !important;
  color: white !important;
}

/* Προαιρετικά hover */
.p-confirmpopup-footer .p-confirm-popup-accept:hover {
  background-color: #b71c1c !important;
  border-color: #b71c1c !important;
}

.p-confirmpopup-footer .p-confirm-popup-reject:hover {
  background-color: #616161 !important;
  border-color: #616161 !important;
}

.form-label{
  color: #2f2f2f !important;
  font-size: 13px !important;
  margin-bottom: 4px !important;
}

.card{
  border-radius: 8px !important;;
}