/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/opensans.woff2') format('woff2');
}

:root {
    --primary-color: #027bff;
    --primary-color-first: #009cde;
    --primary-color-sec: #003087;
    --height-menu-bar: 3.5rem;
    --color-content: white;
    --color-line: 0, 0, 0;
    --color-placeholder: rgba(0, 0, 0, 0.30);
    --color-text: #000000;
    --top-form: 3.5rem;
    --color-background-header: rgb(245, 245, 245);
    --color-background-sum: rgb(238, 238, 238);
    --background-loading-cell: linear-gradient(to right, rgba(160, 160, 160, 0.35) 20%, rgba(140, 140, 140, 0.50) 50%, rgba(160, 160, 160, 0.35) 80%);
}

.kyDarkMode {
    --primary-color: #027bff;
    --primary-color-first: #009cde;
    --primary-color-sec: #003087;
    --color-text: #000000;
    --button-color: #b3b3b3;
    --primary-color: #027bff;
    --color-line: 0, 0, 0;
    --color-placeholder: rgba(0, 0, 0, 0.30);
    --color-placeholder-span: #027bff;
    --line-heingt-span: 1.4rem;
    --line-heingt-span-focus: 3.7rem;
    --color-red: #dc143c;
    --color-green: #79b418;
    --color-content: white;
    --radius-content: 1rem;
    --height-menu-bar: 3.5rem;
    --top-form: 1.8rem;
    --color-text-menu-bar: #000000;
    --background-menu-bar: rgba(255,255,255,.8);
    --background-menu-bar-over: linear-gradient(rgba(100, 100, 100, 0.1),rgba(100, 100, 100, 0.13));
    --border-content: 1px solid rgba(50,50,50,.15);
    --background-logout: rgba(0,0,0,0.6);
    --effect-menu: brightness(50%);
    --background-popup: rgba(255,255,255,.6);
    --border-color-popup: rgba(184, 184, 184, 0.43);
    --opacity-blur: .7rem;
    --top-form: 3.5rem;
    --color-background-header: rgb(245, 245, 245);
    --color-background-sum: rgb(238, 238, 238);
    --background-loading-cell: linear-gradient(to right, rgba(160, 160, 160, 0.35) 20%, rgba(140, 140, 140, 0.50) 50%, rgba(160, 160, 160, 0.35) 80%);
}

.ky-menu-bar {
    background-image: radial-gradient(circle farthest-side at right bottom, var(--primary-color-first), var(--primary-color-sec) 125%);
}

#divMenuBar * .ky-button-menu {
    color: white;
}

.window {
    border-radius: 0;
    transition: left .5s;
    box-shadow: unset;
}

.btn-window-div{
    display: none;
}

.ky-btn-bar{
    margin-left: 2rem;
}

.ky-window-toolbar{
    margin-top: .7rem;
}

.ky-side-menu {
    box-shadow: unset;
    background-color: #fcfcfc;
    background: radial-gradient(circle farthest-side at right bottom, #ebebeb, #f8f8f8 125%);
}

.ky-menu-item > div{
    padding-bottom: .3rem;
}
    .ky-menu-item > div > span {
        background: radial-gradient(circle farthest-side at right bottom, #d1d1d1, #a1a1a1 125%);
        display: inline-block;
        height: 2.5rem;
        width: 2.5rem;
        border-radius: 50%;
    }

.ky-portal-div-sel > div > span {
    background: radial-gradient(circle farthest-side at right bottom,var(--primary-color-first),var(--primary-color-sec) 125%);
    display: inline-block;
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 50%;
}

.ky-menu-item > div > span > svg {
    width: 1.5rem;
    margin: .5rem;
    color: white;
}

.ky-menu-item > div  {
    width: calc(100% - 1.2rem);
}

#BtnSudoUser {
    display: flex;
    align-items: center;
}