/* _content/Rakar.Client2/Components/ActionMessage.razor.rz.scp.css */
.message[b-ytqop9k81e] {
    display: grid;
    grid-template-columns: 1fr 8fr; /* Dva sloupce stejné šířky */
    gap: 0; /* Mezera mezi sloupci a řádky */
    padding: 10px; /* Odsazení mřížky od okraje */
    width: 100%;
    border: #f2b632 solid 2px;
    color: black;
    background: rgba(150, 150, 150, 0.3);
    padding: 0px;
    margin: 2px;
    max-width: 13vw;
}

.message p[b-ytqop9k81e] {
    padding: 0;
    margin: 10px;

}

    .message button[b-ytqop9k81e] {
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        background: gray;
        border: none;
        padding: 0;
        margin: 0;
    }

.message button:hover[b-ytqop9k81e] {
    background: red;
}

.positive[b-ytqop9k81e] {
    background: rgba(0, 255, 0, 0.3);
}

.negative[b-ytqop9k81e] {
    background: rgba(255, 70, 70, 0.3);
}

.neutral[b-ytqop9k81e] {
    background: rgba(150, 150, 150, 0.3);
}
/* _content/Rakar.Client2/Components/ChampionOverview.razor.rz.scp.css */
.item[b-2fnj9d6966] {
    width: 300px;
    height: 300px;
    background-size: cover;
    background-position: center;
    flex-direction: column;
    display: flex;
}

.item img[b-2fnj9d6966] {
    overflow: hidden;
}

.overlay.top[b-2fnj9d6966] {
    top: 0;
    align-items: center;
    text-align: center;
    font-weight: bold;
}

.overlay.bottom[b-2fnj9d6966] {
    bottom: -200px;
    align-items: center;
    display: flex;
}

.overlay.bottom p[b-2fnj9d6966] {
    margin: 0px 10px;
    font-weight: bold;
}

.overlay.bottom img[b-2fnj9d6966] {
    margin: 0px 10px;
}

.overlay[b-2fnj9d6966] {
    position: relative;
    left: 0;
    height: 50px;
    background-color: #f2c614;
    margin: 0;
}

.centaur[b-2fnj9d6966] {
    background-image: url('/imgs/champions/Centaur.png');
}

.horse[b-2fnj9d6966] {
    background-image: url('/imgs/champions/Horse.png');
}

.wizzard[b-2fnj9d6966] {
    background-image: url('/imgs/champions/Wizzard.png');
}

.knight[b-2fnj9d6966] {
    background-image: url('/imgs/champions/Knight.png');
}

.elf[b-2fnj9d6966] {
    background-image: url('/imgs/champions/Elf.png');
}

.gnome[b-2fnj9d6966] {
    background-image: url('/imgs/champions/Gnome.png');
}
/* _content/Rakar.Client2/Components/DragonsLair.razor.rz.scp.css */
.tile[b-ejc6y7vi09] {
    position: absolute;
    background-image: url('/imgs/monsters/dragon.png');
    background-size: cover; /* Zajistí pokrytí celého prostoru */
    background-position: center; /* Obrázek bude vystředěný */
    background-repeat: no-repeat; /* Obrázek se nebude opakovat */
    overflow: hidden;
    border: black solid 8px;
}
/* _content/Rakar.Client2/Components/GameBoard.razor.rz.scp.css */
.block[b-1ub8ch2i99] {
    width: 100%;
    height: 100%;
    position: relative;
}

.button-container[b-1ub8ch2i99] {
    display: flex;
    flex-direction: row;

}
.button-container button[b-1ub8ch2i99] {
    background: #f2b632;
    color: #fff;
    border: none;
    width: auto;
    padding: 5px;
    margin: 5px 5px;
}

.button-container input[b-1ub8ch2i99] {
    border: none;
    width: auto;
    padding: 5px;
    margin: 5px 5px;
}

.board[b-1ub8ch2i99] {
    height: 90%;
    position: relative;
    background: rgba(200,200,200,0.2);
    overflow: hidden;
    touch-action: auto;
}


.navigation-buttons button[b-1ub8ch2i99] {
    width: 60px;
    height: 30px;
    position: absolute;
}

.up[b-1ub8ch2i99] {

    left: 30px;
    top: 0px;

}
.down[b-1ub8ch2i99] {

    left: 30px;
    top: 60px;

}
.left[b-1ub8ch2i99] {

    left: 0px;
    top: 30px;

}
.right[b-1ub8ch2i99] {

    left: 60px;
    top: 30px;

}

@media (max-width: 600px) {
    .navigation-buttons[b-1ub8ch2i99] {
        position: absolute;
    }
}

@media (min-width: 601px) {
    .navigation-buttons[b-1ub8ch2i99] {
        display: none;
    }
}
/* _content/Rakar.Client2/Components/GameMessageList.razor.rz.scp.css */
.message-container[b-pycdg6nh15] {
    display: flex;
    flex-direction: column;
    position: fixed; /* Zajišťuje, že kontejner bude pevně umístěn na vrcholu stránky */
    top: 0; /* Zajišťuje, že kontejner bude u horního okraje okna */
    right: 0; /* Kontejner bude přilepený na pravé straně */
    width: 15vw; /* Kontejner zabere 15% šířky obrazovky */
    height: 100%; /* Kontejner bude mít výšku 50% obrazovky */
    overflow-y: auto; /* Povolený svislý posuv, pokud je obsah vyšší než kontejner */
    z-index: 1000; /* Ujistěte se, že kontejner bude před jinými prvky na stránce */
    padding: 0px;
}



    /* Works on Firefox */
*[b-pycdg6nh15] {
    scrollbar-width: 12px;
    scrollbar-color: #f2b632 rgba(0,0,0,0);
}

/* Works on Chrome, Edge, and Safari */
*[b-pycdg6nh15]::-webkit-scrollbar {
    width: 12px;
}
/* _content/Rakar.Client2/Components/InventoryView.razor.rz.scp.css */
.container[b-g4v607br0g] {
    display: grid;
    grid-template-rows: 55px 55px;
    grid-template-columns: repeat(8, 55px);
    grid-auto-flow: column;
    background: rgba(100,100,100,0.2);
    padding: 10px;
    justify-items: center; /* Horizontální vycentrování všech položek */
    align-items: center; /* Vertikální vycentrování všech položek */
}

.blank-slot[b-g4v607br0g] {
    background: rgba(150,150,150,0.3);
    border-radius: 5px;
    width: 50px;
    height: 50px;
}
/* _content/Rakar.Client2/Components/ItemView.razor.rz.scp.css */
.item[b-2vidco7gio] {
    width: 50px;
    height: 50px;
    border: 1px solid #ccc;
    border-radius: 5px;
    position: relative;
    background-size: contain; /* Zajistí zachování poměru stran */
    background-position: center; /* Obrázek bude vystředěný */
    background-repeat: no-repeat; /* Obrázek se nebude opakovat */
}

.tooltip[b-2vidco7gio] {
    visibility: hidden; /* Schová tooltip */
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    /* Pozicování tooltipu */
    position: absolute;
    top: 0%; /* Tooltip se zobrazí nad položkou */
    left: 100%;
    transform: translateX(10px);
    white-space: nowrap;
    /* Mírný efekt stínu */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    opacity: 0; /* Tooltip je neviditelný, dokud se nepoužije hover */
    transition: opacity 0.3s;
}

.item:hover .tooltip[b-2vidco7gio] {
    visibility: visible;
    opacity: 1; /* Zobrazí tooltip s hladkým přechodem */
}

.axe[b-2vidco7gio] {
    background-image: url("imgs/items/Axe.png");
}
.dragonEgg[b-2vidco7gio] {
    background-image: url("imgs/items/dragonEgg.png");
}
.hammer[b-2vidco7gio] {
    background-image: url("imgs/items/Hammer.png");
}
.bag[b-2vidco7gio] {
    background-image: url("imgs/items/Bag.png");
}
.knife[b-2vidco7gio] {
    background-image: url("imgs/items/Knife.png");
}
.sword[b-2vidco7gio] {
    background-image: url("imgs/items/Sword2.png");
}
.compass[b-2vidco7gio] {
    background-image: url("imgs/items/Compass.png");
}
.telescope[b-2vidco7gio] {
    background-image: url("imgs/items/Telescope.png");
}
/* _content/Rakar.Client2/Components/MonsterView.razor.rz.scp.css */
.monster[b-nzqrn4keza] {
    border: solid red 8px;
    border-radius: 50%;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.box[b-nzqrn4keza] {
    width: 100px;
    height: 100px;
}

.monster-bounding[b-nzqrn4keza] {
    width: 100%;
    height: 100%;
    background-size: cover; /* Zajistí pokrytí celého prostoru */
    background-position: center; /* Obrázek bude vystředěný */
    background-repeat: no-repeat; /* Obrázek se nebude opakovat */
}
/*.champion {
    width: 100%;
    height: 100%;
    background-size: cover;*/ /* Zajistí pokrytí celého prostoru */
    /*background-position: center;*/ /* Obrázek bude vystředěný */
    /*background-repeat: no-repeat;*/ /* Obrázek se nebude opakovat */
/*}*/


.tooltip[b-nzqrn4keza] {
    visibility: hidden; /* Schová tooltip */
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    /* Pozicování tooltipu */
    position: absolute;
    top: 50%; /* Tooltip se zobrazí nad položkou */
    left: 50%;
    transform: translateX(10px);
    white-space: nowrap;
    /* Mírný efekt stínu */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    opacity: 0; /* Tooltip je neviditelný, dokud se nepoužije hover */
    transition: opacity 0.3s;
}
.box:hover .tooltip[b-nzqrn4keza] {
    visibility: visible;
    opacity: 1; /* Zobrazí tooltip s hladkým přechodem */
}




.ork[b-nzqrn4keza] {
    background-image: url('imgs/monsters/Ork.png');
}

.dragon[b-nzqrn4keza] {
    background-image: url('imgs/monsters/Dragon.png');
}

.rat[b-nzqrn4keza] {
    background-image: url('imgs/monsters/Rat.png');
}

.minotaur[b-nzqrn4keza] {
    background-image: url('imgs/monsters/Minotaur.png');
}

.snake[b-nzqrn4keza] {
    background-image: url('imgs/monsters/Snake.png');
}

.spider[b-nzqrn4keza] {
    background-image: url('imgs/monsters/Spider.png');
}

/* _content/Rakar.Client2/Components/PlayerItemListView.razor.rz.scp.css */
.item[b-z0giol67r3] {
     display: flex;
     overflow: hidden;
     height: 40px;
     align-items: center;
     margin: 10px
 }

div.item img[b-z0giol67r3] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: #f2b632 solid;
    padding: 2px;
}

.stat[b-z0giol67r3] {
    display: flex;
    overflow: hidden;
    height: 40px;
    align-items: center;
    margin: 10px;
}

    .stat p[b-z0giol67r3] {
        color: black;
        margin-top: 10px;
    }


div.stat img[b-z0giol67r3] {
    width: 30px;
    height: 30px;
    padding: 2px;
}

div.item p[b-z0giol67r3] {
    padding: 10px;
}

.view[b-z0giol67r3] {
    border: solid #f2b632 1px;
}

.onMove[b-z0giol67r3] {
    background: rgba(0, 255, 0, 0.3);
}

.score[b-z0giol67r3] {
    text-align: center;
}
/* _content/Rakar.Client2/Components/PlayerListView.razor.rz.scp.css */
.container[b-6y7c7sc3en] {
    width: 30vw;
    display: flex;
    flex-direction: column; /* Stackuje divy pod sebe */
    gap: 10px; /* Mezera mezi stacked divy */
}

.stacked[b-6y7c7sc3en] {
    display: flex;
    flex-direction: row; /* Vnitřní divy budou vedle sebe */
    gap: 10px; /* Mezera mezi vnitřními divy */
}

.side-by-side[b-6y7c7sc3en] {
    padding: 10px;
    background-color: lightblue;
    border: 1px solid #ccc;
}

.winner[b-6y7c7sc3en] {
    background: gold;
}
.looser[b-6y7c7sc3en] {
    background: rgb(50,50,50);
}
/* _content/Rakar.Client2/Components/PlayerSimpleView.razor.rz.scp.css */
.item[b-skbebkadqf] {
    display: flex;
    align-items: center;
    background: rgba(200,200,200,0.3);
    width: 100%;
    height: 50px;
    overflow: hidden;
    margin: 5px;
    padding: 5px;
    border-bottom: #f2b632 solid 2px;
}

div.item img[b-skbebkadqf] {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: #f2b632 solid;
    padding: 2px;
}

.item p[b-skbebkadqf] {
    margin: 10px;
}
/* _content/Rakar.Client2/Components/PlayerView.razor.rz.scp.css */
.player[b-s32244v582] {
    border: solid orange 6px;
    border-radius: 50%;
    position: relative;
    transform: scale(0.8);
    transition: all 0.1s ease;
    overflow: hidden;
}

.currentPlayer[b-s32244v582] {
    border: solid black 6px;
    animation: pulseBorder-b-s32244v582 2s infinite;
}

.enemy[b-s32244v582] {
    border: solid orange 6px;
}

.champion[b-s32244v582] {
    width: 100%;
    height: 100%;
    background-size: cover; /* Zajistí pokrytí celého prostoru */
    background-position: center; /* Obrázek bude vystředěný */
    background-repeat: no-repeat; /* Obrázek se nebude opakovat */
}

/* Specifické styly pro různé šampiony */
.centaur[b-s32244v582] {
    background-image: url('/imgs/champions/Centaur.png');
}

.horse[b-s32244v582] {
    background-image: url('/imgs/champions/Horse.png');
}

.wizzard[b-s32244v582] {
    background-image: url('/imgs/champions/Wizzard.png');
}

.knight[b-s32244v582] {
    background-image: url('/imgs/champions/Knight.png');
}

.elf[b-s32244v582] {
    background-image: url('/imgs/champions/Elf.png');
}

.gnome[b-s32244v582] {
    background-image: url('/imgs/champions/Gnome.png');
}


@keyframes pulseBorder-b-s32244v582 {
    0% {
        border-color: orange;
        border-width: 6px;
    }

    50% {
        border-color: green;
        border-width: 10px;
    }

    100% {
        border-color: orange;
        border-width: 6px;
    }
}
/* _content/Rakar.Client2/Components/SpawnTileView.razor.rz.scp.css */
.tile[b-uqx3g0iefd] {
    position: absolute;
   /* width: 100px;
    height: 100px;*/
    background: rgb(150,150,150);
    border: solid white 2px;
    border-radius: 10%;
}


.telescope[b-uqx3g0iefd] {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('imgs/icons/Eye.png');
}
/* _content/Rakar.Client2/Components/TileView.razor.rz.scp.css */
.tile[b-0dqmwj2bkb] {
    position: absolute;
    /*width: 100px;*/ /* Šířka dlaždice */
    /*height: 100px;*/ /* Výška dlaždice */
   /* border: solid white 2px;*/
    /* background: black;*/
}


.spawner[b-0dqmwj2bkb] {
    background: yellow;
}

.rock[b-0dqmwj2bkb] {
    background-image: url('/imgs/rock.jpg');
    background-repeat: repeat;
}

.healing-spot[b-0dqmwj2bkb] {
    background: orange;
}
.dragonLair[b-0dqmwj2bkb] {
    background-image: url('/imgs/monsters/Dragon.png');
    background-size: cover; /* Zajistí pokrytí celého prostoru */
    background-position: center; /* Obrázek bude vystředěný */
    background-repeat: no-repeat; /* Obrázek se nebude opakovat */

}


.path[b-0dqmwj2bkb] {
    position: absolute;
    background: white; /* Barva cesty */
}

.top-path[b-0dqmwj2bkb] {
    top: 0%;
    left: 45%;
    width: 10%;
    height: 55%; /* Výška cesty */
}

.right-path[b-0dqmwj2bkb] {
    top: 45%;
    left: 45%;
    width: 55%; /* Šířka cesty */
    height: 10%;
}

.bottom-path[b-0dqmwj2bkb] {
    bottom: 0%;
    left: 45%;
    width: 10%;
    height: 55%; /* Výška cesty */
}

.left-path[b-0dqmwj2bkb] {
    top: 45%;
    left: 0%;
    width: 55%; /* Šířka cesty */
    height: 10%;
}

.heart[b-0dqmwj2bkb] {
    background-size: cover; /* Zajistí pokrytí celého prostoru */
    background-position: center; /* Obrázek bude vystředěný */
    background-repeat: no-repeat; /* Obrázek se nebude opakovat */
    position: absolute;
    background-image: url('/imgs/icons/RedHeart.png');
}


.trade-spot[b-0dqmwj2bkb] {
    background-size: cover; /* Zajistí pokrytí celého prostoru */
    background-position: center; /* Obrázek bude vystředěný */
    background-repeat: no-repeat; /* Obrázek se nebude opakovat */
    position: absolute;
    background-image: url('/imgs/icons/Weight.png');
}


.lucky-spot[b-0dqmwj2bkb] {
    background-size: cover; /* Zajistí pokrytí celého prostoru */
    background-position: center; /* Obrázek bude vystředěný */
    background-repeat: no-repeat; /* Obrázek se nebude opakovat */
    position: absolute;
    background-image: url('/imgs/icons/Fountain.png');
}

.tooltip-text[b-0dqmwj2bkb] {
    visibility: hidden;
    width: auto;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 4px;
    /* Pozice tooltipu */
    position: absolute;
    bottom: 100%; /* Zobrazí se nad divem */
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    white-space: nowrap;
}

.heart:hover .tooltip-text[b-0dqmwj2bkb] {
    visibility: visible;
}

.trade-spot:hover .tooltip-text[b-0dqmwj2bkb] {
    visibility: visible;
}

.lucky-spot:hover .tooltip-text[b-0dqmwj2bkb] {
    visibility: visible;
}
/* _content/Rakar.Client2/Components/WarView.razor.rz.scp.css */
.view[b-eelt18wp8g] {
    width: 600px;
    height: 300px;
    display: flex;
    flex-direction: row;
}
.column p[b-eelt18wp8g] {
    display: inline;
    font-size: 10px;
    margin: 0;
    padding: 0 5px;
    text-align: justify;
}

.force-stats[b-eelt18wp8g] {
    text-align: center;
    margin: 10px 0;
}


.footer[b-eelt18wp8g] {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
}
.attack-btn[b-eelt18wp8g] {
    background: #f2b632;
    color: #fff;
    border: none;
    width: 100%;
    padding: 5px;
    margin: 0;
}

.die-input[b-eelt18wp8g] {
    border: #f2b632 1px solid;
    width: 100%;
    padding: 5px;
    margin: 0;
}

.container[b-eelt18wp8g] {
    display: flex;
    flex-direction: column;
    padding: 0;
}


.column[b-eelt18wp8g] {
    width: 200px;
    height: 100%;
    background-size: cover; /* Zajistí pokrytí celého prostoru */
    background-position: center; /* Obrázek bude vystředěný */
    background-repeat: no-repeat; /* Obrázek se nebude opakovat */
}

.centaur[b-eelt18wp8g] {
    background-image: url('/imgs/champions/Centaur.png');
}

.horse[b-eelt18wp8g] {
    background-image: url('/imgs/champions/Horse.png');
}

.wizzard[b-eelt18wp8g] {
    background-image: url('/imgs/champions/Wizzard.png');
}

.knight[b-eelt18wp8g] {
    background-image: url('/imgs/champions/Knight.png');
}

.elf[b-eelt18wp8g] {
    background-image: url('/imgs/champions/Elf.png');
}

.gnome[b-eelt18wp8g] {
    background-image: url('/imgs/champions/Gnome.png');
}


.ork[b-eelt18wp8g] {
    background-image: url('imgs/monsters/Ork.png');
}

.dragon[b-eelt18wp8g] {
    background-image: url('imgs/monsters/Dragon.png');
}

.rat[b-eelt18wp8g] {
    background-image: url('imgs/monsters/Rat.png');
}

.minotaur[b-eelt18wp8g] {
    background-image: url('imgs/monsters/Minotaur.png');
}

.snake[b-eelt18wp8g] {
    background-image: url('imgs/monsters/Snake.png');
}

.spider[b-eelt18wp8g] {
    background-image: url('imgs/monsters/Spider.png');
}

/* _content/Rakar.Client2/Pages/GamePage.razor.rz.scp.css */
.main[b-4rhx99nnra] {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 4fr;
    grid-template-rows: 4fr 1fr;
    gap: 10px;
}

.stacked[b-4rhx99nnra] {
    display: flex;
    flex-direction: row; /* Vnitřní divy budou vedle sebe */
}

.chat-window[b-4rhx99nnra] {
    width: 100%; /* Nastavte šířku okna podle potřeby */
    height: 300px; /* Nastavte výšku okna podle potřeby */
    border: 1px solid #ccc; /* Přidejte rámeček pro lepší viditelnost */
    padding: 10px; /* Přidejte odsazení */
    background-color: #f9f9f9; /* Nastavte barvu pozadí */
    overflow-y: scroll; /* Umožněte vertikální posuvník */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Přidejte jemný stín pro efekt */
    border-radius: 5px; /* Zaoblení rohů */
}

.button-container button[b-4rhx99nnra] {
    background: #f2b632;
    color: #fff;
    border: none;
    width: 100%;
    padding: 2px;
    margin: 2px 5px;
}
/* _content/Rakar.Client2/Pages/LobbyView.razor.rz.scp.css */
.container[b-60xjzswrsf] {
    display: flex;
    flex-direction: row;
    overflow: hidden;
}

.grid-container[b-60xjzswrsf] {
    display: grid;
    grid-template-columns: 1fr 7fr;
    grid-template-rows: 5fr 1fr;
    height: 100vh;
    gap: 10px;
}

.champion-container[b-60xjzswrsf] {
    display: grid;
    grid-template-columns: 310px 310px;
    grid-auto-flow: row;
    gap: 5px;
    overflow-y: scroll;
}

.player-container[b-60xjzswrsf] {
    display: flex;
    flex-direction: column;
}

.selected[b-60xjzswrsf] {
    border: greenyellow solid 4px;
    box-sizing: content-box;
    align-content: center;
}

.button-container button[b-60xjzswrsf] {
    background: #f2b632;
    color: #fff;
    border: none;
    width: 100%;
    padding: 2px;
    margin: 2px 5px;
}

.button-container input[b-60xjzswrsf] {
    color: black;
    border: none;
    width: 100%;
    padding: 0px;
    margin: 1px 5px;
    font-size: 8px;
}

*[b-60xjzswrsf] {
    scrollbar-width: 12px;
    scrollbar-color: #f2b632 rgba(0,0,0,0);
}

/* Works on Chrome, Edge, and Safari */
*[b-60xjzswrsf]::-webkit-scrollbar {
    width: 12px;
}

.settings-container[b-60xjzswrsf] {
    background: rgba(150, 150, 150, 0.6);
    margin: 10px;
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.settings-item[b-60xjzswrsf] {
    display: grid;
}
/* _content/Rakar.Client2/Pages/LoginView.razor.rz.scp.css */
.container[b-wz4rb7zzgb] {
    display: flex; /* Aktivace flexboxu */
    justify-content: center; /* Horizontální centrování */
    align-items: center; /* Vertikální centrování */
    height: 100vh; /* Výška 100% viewportu */
    flex-direction: column;
}

.stack[b-wz4rb7zzgb] {

}

.container input[b-wz4rb7zzgb] {
    width: 320px;
    margin: 2px;
    border: #f2b632 solid 1px;
}


.container button[b-wz4rb7zzgb] {
    width: 120px;
    background: #f2b632;
    color: #fff;
    border: none;
}
/* _content/Rakar.Client2/Shared/MainLayout.razor.rz.scp.css */
.page[b-3rccef53pq] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.drake[b-3rccef53pq] {
    width: 100vw;
    height: 100vh;
    background-image: url("imgs/drake.jpg");
    background-size: cover; /* Vypln�n� prostoru s udr�en�m pom�ru stran */
    background-position: center; /* Ulo�en� pozad� uprost�ed */
    background-repeat: no-repeat; /* Zabr�n�n� opakov�n� pozad� */
}

main[b-3rccef53pq] {
    flex: 1;
}

.sidebar[b-3rccef53pq] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-3rccef53pq] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-3rccef53pq]  a, .top-row[b-3rccef53pq]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-3rccef53pq]  a:hover, .top-row[b-3rccef53pq]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-3rccef53pq]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-3rccef53pq] {
        justify-content: space-between;
    }

    .top-row[b-3rccef53pq]  a, .top-row[b-3rccef53pq]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-3rccef53pq] {
        flex-direction: row;
    }

    .sidebar[b-3rccef53pq] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-3rccef53pq] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-3rccef53pq]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-3rccef53pq], article[b-3rccef53pq] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-3rccef53pq] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-3rccef53pq] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/Rakar.Client2/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-gh3d0fqd91] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-gh3d0fqd91] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-gh3d0fqd91] {
    font-size: 1.1rem;
}

.oi[b-gh3d0fqd91] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-gh3d0fqd91] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-gh3d0fqd91] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-gh3d0fqd91] {
        padding-bottom: 1rem;
    }

    .nav-item[b-gh3d0fqd91]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-gh3d0fqd91]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-gh3d0fqd91]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-gh3d0fqd91] {
        display: none;
    }

    .collapse[b-gh3d0fqd91] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}