/* Fonts */
:root {
  --default-font: "Roboto",  system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --heading-font: "Nunito",  sans-serif;
  --nav-font: "Inter",  sans-serif;
}
:root {
    --vnc-primary-text-emphasis: #003cc7;/*editado*/
    --vnc-secondary-text-emphasis: #525b75;/*editado*/
    --vnc-success-text-emphasis: #1c6c09;/*editado*/
    --vnc-info-text-emphasis: #005585;/*editado*/
    --vnc-warning-text-emphasis: #bc3803;/*editado*/
    --vnc-danger-text-emphasis: #b81800;/*editado*/
    --vnc-light-text-emphasis: #1c6c09;/*editado*/
    --vnc-dark-text-emphasis: #fff;/*editado*/
    --vnc-primary-bg-subtle: #e5edff;/*editado*/
    --vnc-secondary-bg-subtle: #eff2f6;/*editado*/
    --vnc-success-bg-subtle: #d9fbd0;/*editado*/
    --vnc-info-bg-subtle: #c7ebff;/*editado*/
    --vnc-warning-bg-subtle: #ffefca;/*editado*/
    --vnc-danger-bg-subtle: #ffe0db;/*editado*/
    --vnc-light-bg-subtle: #f7f9fb;/*editado*/
    --vnc-dark-bg-subtle: #9fa6bc;/*editado*/
    --vnc-primary-border-subtle: #85a9ff;/*editado*/
    --vnc-secondary-border-subtle: #cbd0dd;/*editado*/
    --vnc-success-border-subtle: #90d67f;/*editado*/
    --vnc-info-border-subtle: #60c6ff;/*editado*/
    --vnc-warning-border-subtle: #ffcc85;/*editado 1-ffcc85 2-51453A */
    --vnc-danger-border-subtle: #f48270;/*editado*/
    --vnc-light-border-subtle: #eff2f6;/*editado*/
    --vnc-dark-border-subtle: #8a94ad;/*editado*/
    --vnc-input-border-color: #696cff;
    --default-color: #3d4348;
    --surface-color: #ffffff;
}
body{
    background-color: #eeeeee !important;
}
.bg-navbar{
    background-color: #f6f6f6;
}
.nav-link p{
    font-size: 15px;
}
.sidebar-wrapper .nav-icon-circle {
    font-size: 8px;
  }
/*--------------------------------------------------------------
# General Styling & Shared Classes
--------------------------------------------------------------*/
.btn-xs {
    --vnc-btn-padding-y: 0.2rem;
    --vnc-btn-padding-x: 0.6rem;
    padding: var(--vnc-btn-padding-y) var(--vnc-btn-padding-x);
    font-size: 0.75rem;
    line-height: 1.5 !important;
    border-radius: 0.4rem;
  }
  .btn-xs:hover {
   border: 1px solid #dee2e6;
  }
  .fs-9 {
    font-size: 0.65rem !important;
  }
/*--------------------------------------------------------------
# Estilos personalizados para los badge
--------------------------------------------------------------*/
.badge-vnc{
    text-transform:uppercase;
    padding:3px 10px;
    border-radius: 5px;
}
.badge-label {
    padding:0;
    font-size: 11px;
}
  .badge-vnc i {
    margin-left: 6px;
    font-size: 13px;
  }
.badge-vnc-primary{
    color: #003cc7;
  }
  .badge-vnc-secondary{
    color: #525b75;
  }
  .badge-vnc-success{
    color: #1c6c09;
  }
  .badge-vnc-info{
    color: #005585;
  }
  .badge-vnc-warning{
    color: #664d03;
  }
  .badge-vnc-danger{
    color: #b81800;
  }
  .bg-primary-subtle {
    background-color: var(--vnc-primary-bg-subtle) !important;
  }
  .bg-secondary-subtle {
    background-color: var(--vnc-secondary-bg-subtle) !important;
  }
  .bg-success-subtle {
    background-color: var(--vnc-success-bg-subtle) !important;
  }
  .bg-info-subtle {
    background-color: var(--vnc-info-bg-subtle) !important;
  }
  .bg-warning-subtle {
    background-color: var(--vnc-warning-bg-subtle) !important;
  }
  .bg-danger-subtle {
    background-color: var(--vnc-danger-bg-subtle) !important;
  }
  .bg-light-subtle {
    background-color: var(--vnc-light-bg-subtle) !important;
  }
  .bg-dark-subtle {
    background-color: var(--vnc-dark-bg-subtle) !important;
  }
  .border-primary-subtle {
    border-color: var(--vnc-primary-border-subtle) !important;
  }
  .border-secondary-subtle {
    border-color: var(--vnc-secondary-border-subtle) !important;
  }
  .border-success-subtle {
    border-color: var(--vnc-success-border-subtle) !important;
  }
  .border-info-subtle {
    border-color: var(--vnc-info-border-subtle) !important;
  }
  .border-warning-subtle {
    border-color: var(--vnc-warning-border-subtle) !important;
  }
  .border-danger-subtle {
    border-color: var(--vnc-danger-border-subtle) !important;
  }
  .border-light-subtle {
    border-color: var(--vnc-light-border-subtle) !important;
  }
  .border-dark-subtle {
    border-color: var(--vnc-dark-border-subtle) !important;
  }

/*--------------------------------------------------------*/  

.user-member{
    width: 2rem;
    height: 2rem;
}
.profile-user-img {
    border: 3px solid #adb5bd;
    margin: 0 auto;
    padding: 3px;
    width: 100px;
  }
.profile-username {
    font-size: 21px;
    margin-top: 5px;
  }

/* Forms Label */
.form-label {
  margin-top: 1px;
  font-size: 13px;
  font-weight: bold;
  opacity: .6;
}
.form-label,
.col-form-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: inherit;
}
/* Forms Inputs */
input[type=text], input[type=datetime-local], input[type=number], input[type=date], input[type=password], input[type=email], textarea, select{
    font-size: 14px;
    box-shadow: none;
    border-radius: 5px;
    color: color-mix(in srgb, var(--default-color), transparent 60%);
    background-color: var(--surface-color);
    border-color: color-mix(in srgb, var(--default-color), transparent 80%);
  }
  input[type=text]::placeholder,
  input[type=email]::placeholder,
  textarea::placeholder, .form-select, .form-control{
    color: color-mix(in srgb, var(--default-color), transparent 60%);
  }
  option:selected{
    color: #000;
  }

  /*****/
  table thead{
    font-size: 0.85rem;
    text-transform: uppercase;
    color: var(--default-color);
  }
  table thead th{
    color: color-mix(in srgb, var(--default-color), transparent 40%) !important;
  }

  /*****/

  .todo-indicator{
    width: 4px;
    height: 40px;
    content: "";
    border-radius: 8px;
    margin-right: 15px;
  }

/* custom login form*/
.card-header img {
    width: 130px;
}