/* Barvy pro světlý a tmavý režim */

:root {
    --background-color: #0C132A;
    --contentbgcolor: #2b2b2b;
    --text-color: #ffffff;
    --container-background: #414e7b;
    --sidebar-background-color: #414e7b;
    --table-border-color: #000;
    --table-header-background-color: #EEB400;
    --table-header-text-color: #000;
    --footer-background-color: #0C132A;
    --footer-text-color: #ddd;
    --header_color: #ffffff;
    --barva_odkaz: #0C132A;
    --sidebar-line: #ffffff;
    --inner-menu-color: #0c132a;
    --navbar-a-hover: #4992ff;
    --button-background: #ffffff;
    --button-hover: #2c3c71;
    --button-text: #000;
    --navbar-background: #414e7b;
    --dash-hover: #4992ff;
}


body.dark-mode {
    --background-color: #0C132A;
    --contentbgcolor: #2b2b2b;
    --text-color: #ffffff;
    --container-background: #414e7b;
    --sidebar-background-color: #414e7b;
    --table-border-color: #000;
    --table-header-background-color: #EEB400;
    --table-header-text-color: #000;
    --footer-background-color: #0C132A;
    --footer-text-color: #ddd;
    --header_color: #ffffff;
    --barva_odkaz: #0C132A;
    --sidebar-line: #ffffff;
    --inner-menu-color: #0c132a;
    --navbar-a-hover: #4992ff;
    --button-background: #ffffff;
    --button-hover: #2c3c71;
    --button-text: #000;
    --navbar-background: #414e7b;
    --dash-hover: #4992ff;
}

body {
    background-color: var(--background-color);
    color: var(--text-color);
    margin-left: 20px;
    margin-top: 20px;
    font-family: Arial, sans-serif;

}
.logout {
    color:#c43131;
}