:root {
  --color-primary-base: 245 20 30;
  --color-primary-gradient: 199 0 0;
  --color-primary-button-text: 245 20 30;
  --color-primary-button-alternative-text: 255 255 255;
  --color-secondary-base: 47 138 47;
  --color-secondary-gradient: 0 104 1;
  --color-secondary-button-text: 255 255 255;
  --color-tertiary-base: 13 14 13;
  --color-tertiary-gradient: 35 36 35;
  --color-tertiary-button-text: 13 14 13;
  --color-success-base: 47 138 47;
  --color-success-gradient: 0 104 1;
  --color-success-button-text: 255 255 255;
  --color-info-base: 47 138 47;
  --color-info-gradient: 0 104 1;
  --color-info-button-text: 255 255 255;
  --color-warning-base: 245 180 0;
  --color-warning-gradient: 191 129 0;
  --color-warning-button-text: 0 0 0;
  --color-danger-base: 245 20 30;
  --color-danger-gradient: 199 0 0;
  --color-danger-button-text: 255 255 255;
  --color-form-base: 47 138 47;
}

/* =====================================================
   CAMPUS SAMI VALE - LIMPIEZA GENERAL
===================================================== */

.app-main,
.app-main-no-sidebar{
    background:#FFFFFF !important;
    background-image:none !important;
}

.app-sidebar__bottom > p{
    display:none !important;
}

/* =====================================================
   SIDEBAR SAMI VALE
===================================================== */

.app-sidebar{
    background:#F6F8F6 !important;
    border-right:1px solid #E8ECE8 !important;
}

.app-sidebar a,
.app-sidebar button{
    color:#5B6776 !important;
    font-weight:700 !important;
}

.app-sidebar a.router-link-active,
.app-sidebar a.active,
.app-sidebar [aria-current="page"]{
    background:#FCEBEC !important;
    color:#F5141E !important;
    border-radius:12px !important;
    margin:0 12px !important;
    width:auto !important;
}

.app-sidebar a:hover,
.app-sidebar button:hover{
    color:#2F8A2F !important;
    background:#EAF6EA !important;
    border-radius:12px !important;
}

.app-sidebar__logout-link{
    margin:15px !important;
    padding:12px 16px !important;
    border-radius:12px !important;
    background:#FFFFFF !important;
    border:1px solid #E8ECE8 !important;
    color:#5B6776 !important;
    font-weight:700 !important;
}

.app-sidebar__logout-link:hover{
    background:#FCEBEC !important;
    color:#F5141E !important;
}

/* =====================================================
   TOPBAR SAMI VALE
===================================================== */

/* Cabecera */
.app-topbar{
    height:74px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
}

/* Logo */
.app-topbar_start{
    display:flex !important;
    align-items:center !important;
}

.app-topbar .platform-logo{
    margin-left:18px !important;
}

.app-topbar .platform-logo img{
    height:42px !important;
    width:auto !important;
    max-height:42px !important;
}

/* Iconos derecha */
.app-topbar_items,
.app-topbar_end{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:14px !important;
    padding-right:22px !important;
}

/* Avatar */
.app-topbar_end .user-avatar,
.app-topbar_end img{
    width:34px !important;
    height:34px !important;
    border-radius:50% !important;
}