:root {
    --primary: #390262;
    --secondary: #9529e8;
}

.login-button {
    background: var(--primary) !important;
    border: white !important;
    color: rgba(186, 186, 186, 0.926) !important;
}
.login-button:hover{
    color: white !important;
}

.button-custom {
    background: var(--primary) !important;
    border: white !important;
    color: white !important;
}
.button-custom:hover{
    color: white !important;
}

.login-card {
    border-top: 3px solid var(--primary) !important;
}

.profile-card {
    border-top: 3px solid var(--primary) !important;
}

.danger-up{
    color:red;
}

.success-down{
    color:green;
}

.nav-link.active{
    background-color: var(--primary) !important;
}


/* Para Pantalla de clientes */
.actions-client{
    border-color: transparent !important;
}
/* Finaliza Pantalla de clientes */

.swal2-actions{
    display: flex;
    gap: 10px;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: var(--primary) !important;
    background-color: var(--secondary) !important;
    box-shadow: none;
}


.btn-outline-purple {
    color: var(--primary);
    border-color: var(--secondary);
  }
  
  .btn-outline-purple:hover {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--secondary);
  }
  
  .btn-outline-purple:focus, .btn-outline-purple.focus {
    box-shadow: var(--primary);
  }
  
  .btn-outline-purple.disabled, .btn-outline-purple:disabled {
    color: var(--primary);
    background-color: transparent;
  }
  
  .btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active,
  .show > .btn-outline-purple.dropdown-toggle {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--secondary);
  }
  
  .btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus,
  .show > .btn-outline-purple.dropdown-toggle:focus {
    box-shadow: var(--primary);
  }

.active-navbar{
    box-shadow: inset var(--primary) 0px -4px
}

.select2-selection__choice{
    background-color: var(--primary) !important;
}