:root {
    --lynn-primary: #8245bf;
    --lynn-primary-rgb: 130, 69, 191;
    --lynn-primary-02: #8e50cd;
    --lynn-primary-02-rgb: 142, 80, 205;
    --lynn-primary-03: #663792;
    --lynn-primary-03-rgb: 102, 55, 146;
    --lynn-primary-04: #d6c0f2;
    --lynn-primary-04-rgb: 214, 192, 242;
}
:root {
    --k-primary: #8245bf;
    --k-primary-rgb: 130, 69, 191;
    --k-primary-02: #8e50cd;
    --k-primary-02-rgb: 142, 80, 205;
    --k-primary-03: #663792;
    --k-primary-03-rgb: 102, 55, 146;
    --k-primary-04: #d6c0f2;
    --k-primary-04-rgb: 214, 192, 242;
}
main.login-wrapper .side-left .logo {
    width: 220px;
    height: 74px;
    background: url(../images-2024/kyubo-logo.svg) no-repeat 0 0;
}
main.login-wrapper .login-form header .logo {
    width: 52px;
    height: 51px;
    background: url(../images-2024/kyubo-icono.svg) no-repeat 0 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
aside.sidebar .sidebar-header .logo {
    width: 90px;
    height: 30px;
    background: url("../images-2024/kyubo-logo.svg") no-repeat 0 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
aside.sidebar .sidebar-header .slogan-kyubo {
    /*white-space: nowrap;*/
    /*line-height: 0;*/
}
aside.sidebar:not(.open) .sidebar-header .slogan-kyubo {
    display: none;
}
aside.sidebar.open .sidebar-header .slogan-kyubo {
    animation: fadeIn;
    animation-duration: 2s;
}
.white-toolbar .nav-buttons:hover,
.white-toolbar .nav-buttons:focus,
.white-toolbar .nav-buttons.active,
.white-toolbar .content-buttons.active {
    background: var(--lynn-primary);
}
.content-buttons:hover,
.content-buttons:focus {
    background: var(--lynn-primary);
}

/*
body.supervision-active .k-button-solid-base:hover, 
body.supervision-active .k-button-solid-base.k-hover {
    background-color: var(--lynn-supervision-color-hover);
}
body.supervision-active .k-list-item.k-selected, 
body.supervision-active .k-selected.k-list-optionlabel {
    background-color: var(--lynn-supervision-color-hover);
}
body.supervision-active .k-button-solid-primary {
    border-color: var(--lynn-supervision-color);
    background-color: var(--lynn-supervision-color);
}
body.supervision-active .k-button-solid-primary:hover, .k-button-solid-primary.k-hover {
    border-color: var(--lynn-supervision-color-hover);
    background-color: var(--lynn-supervision-color-hover);
}
body.supervision-active #monitoring-list li:hover {
    background-color: var(--lynn-supervision-color-hover);
}
body.supervision-active .k-grid .k-link.k-state-selected {
    color: #fff;
    background-color: var(--lynn-supervision-color-hover);
}
body.supervision-active .k-grid .k-pager-numbers .k-link:hover,
body.supervision-active .k-grid .k-pager-wrap .k-link:hover {
    color: #fff;
    background-color: rgba(var(--lynn-supervision-background-rgb), .8);
}
body.supervision-active .k-checkbox:checked,
body.supervision-active .k-checkbox.k-checked {
    border-color: var(--lynn-supervision-color);
    color: #ffffff;
    background-color: var(--lynn-supervision-color);
}
body.supervision-active .voice-recording-processing .ai-card.selected {
    border: 2px solid var(--lynn-supervision-color);
}
body.supervision-active .voice-recording-processing .k-i-arrow-chevron-right {
    color: var(--lynn-supervision-color);
}
body.supervision-active .k-calendar .k-calendar-view .k-today {
    color: var(--lynn-supervision-color);
}
body.supervision-active .k-calendar .k-state-focused, 
body.supervision-active .k-calendar .k-state-focused.k-state-selected {
    color: #fff;
    background-color: var(--lynn-supervision-color);
}
*/