/**
 * Palkmajade konfiguraatori stiilide fail
 */

:root
{
    /* põhilised värvid, mis on läbivalt kasutuses */
    --v2rvP6hilineTume: #2196f3;
    --v2rvP6hilineHele: #9bccf3;
    --v2rvTaustHele: #f1f1f1;
    --v2rvTaustTume: #e2e2e2;
    --v2rvTekstTume: #3d4fbb;
    --v2rvTekstHele: #ffffff;
    --v2rvTekstMitteaktiivne: #656984;

    /* veebilehe ja konfiguraatori globaalne taustavärv */
    --v2rvTaustGlobaalne: #aeeaff;

    /* maapinna värv ilma tekstuurita */
    --v2rvMaa: #5a6e14;

    /* puidu värv ilma tekstuurita */
    --v2rvPuit: #ede8c5;

    /* põrandate värv ilma tekstuurita */
    --v2rvP6rand: #c7b1a2;

    /* põranda perimeetrijoone värv */
    --v2rvP6randPerimeeter: #a58773;

    /* input text, textarea, input checkbox taustavärv */
    --v2rvTekstikastTaust: #e5eef5;

    /* dialoogakende ja abitekstide varju värv */
    --v2rvVari: #bababa;

    /* hoiatustekstide värv, nt. sisselogimisel vale parool */
    --v2rvHoiatus: red;

    /* mõõtjoonte värv */
    --v2rvM66tjooned: #3d4fbb;

    /* joonestusabide värv ehk object snap kast ja object tracking joon */
    --v2rvJoonestusabid: #019801;

    --v2rvRuudustik: #3d4fbb22;

    --v2rvTaustUdustatud: #bababa50;
}

html, body
{
    height: 100%;
    margin: 0;
    padding: 0;
    min-height: 100%;
    overflow: hidden;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Arial", "sans-serif";
    background-color: var( --v2rvTaustGlobaalne );
}

/* vajalik, et select tekstikastist kitsam ei tekiks */
input, select, textarea
{
    box-sizing: border-box;
}

/* vajalik, et textarea kasutaks sama tekstisuurust */
textarea, input, select
{
    font-family: inherit;
    font-size: inherit;
}

/* laadimisekraan, ehk hetkel lihtne staatiline pilt akna keskel */
#laadimisekraan
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var( --v2rvTekstTume );
}

/* WebGL põhiline canvas */
#canvas3d
{
    width: 100%;
    height: 100%;
    overflow: hidden;
    touch-action:none;
    margin: 0;
    padding: 0;
}

/* canvas tekstide, mõõtjoonte jm. 2d esituse jaoks */
#canvas2d
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    pointer-events: none;
}

/* canvas, millel näidatakse ajutiselt konfiguraatori suurusega ekraanitõmmist erineva suurusega ekraanitõmmise tegemise hetkel */
#canvasVarje
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    pointer-events: none;
    /*z-index: 10;*/
}

/* taust, mida näidatakse dialoogakende avamisel */
#taust
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    pointer-events: none;
    background-color: var(--v2rvTaustUdustatud);
    backdrop-filter: blur(1px);
}

/* versiooninumber, mida näidatakse akna all paremas nurgas */
#versiooninumber
{
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: hidden;
    margin: 3px;
    padding: 0;
    font-size: 75%;
    color: var( --v2rvTekstTume );
    user-select: none;  /* väldib teksti valimist, nt. topeltklikiga */
}

/* tööriistariba kõrval näidatavad kontekstipõhised lühikesed juhendid */
.abiinfo.aktiivne
{
    position: absolute;
    background-color: var( --v2rvTaustHele );
    color: var( --v2rvTekstTume );
    visibility: visible;
    opacity: 0.9;
    z-index: 6;
    padding: 5px;
    box-shadow: 3px 3px 10px var( --v2rvVari );
    transition: visibility 0.5s, opacity 0.2s ease-in-out;
    user-select: none;  /* väldib teksti valimist, nt. topeltklikiga */
    margin-right: 8px;  /* et kitsa ekraani korral tekst vastu paremat serva ei läheks */
}

/* eelmine peidetud olekus */
.abiinfo.mitteaktiivne
{
    visibility: hidden;
    opacity: 0;
}

/* kasutajaliidese elementidele abitekstide ehk tooltip'ide näitamiseks */
.abitekst.aktiivne
{
    white-space: normal;
    display: block;
    background-color: var( --v2rvTaustHele );
    color: var( --v2rvTekstTume );
    text-align: left;
    padding: 5px;
    position: absolute;
    z-index: 15;
    box-shadow: 3px 6px 18px var( --v2rvVari );
    /* notabene: vajalik, et tööriistaribas hiirega hüpikmenüüle liikudes, kui tooltip on avanenud, hüpikmenuu :hover olek ei eemalduks */
    pointer-events: none;
    margin-right: 8px;  /* et kitsa ekraani korral tekst vastu paremat serva ei läheks */
    max-width: 500px;   /* et pikad abitekstid väga pikaks ei veniks ekraanil */
    visibility: visible;
    opacity: 0.9;
    transition: opacity 0.2s ease-in 0.75s;
}

/* eelmine peidetud olekus */
.abitekst.mitteaktiivne
{
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.2s, opacity 0.2s linear;
}

/**
 * siin on dialoogakende sisu
 */

/* dialoogakna põhiklass, ehk ümbritsev div */
.dialoogAken
{
    /* opacity: 0.95; */
    position: absolute;
    z-index: 5;
    background-color: var( --v2rvTaustHele );
    border: 1px solid var( --v2rvTaustTume );
    box-shadow: 5px 10px 18px var( --v2rvVari );
    cursor: auto;
    max-width: 95vw;
    max-height: 95vh;
}

/* dialoogakna päis, ehk tiitliriba ja sulgemise nupp */
.dialoogP2is
{
    padding: 10px;
    cursor: move;
    z-index: 5;
    background-color: var( --v2rvP6hilineTume );
    color: var( --v2rvTekstHele );
    font-size: 100%;
}

/* dialoogakna päise sulgemise nupp */
.dialoogP2isSulge
{
    cursor: pointer;
    padding: 2px;
    margin-top: -5px;
    border: 1px solid transparent;
    color: var( --v2rvTaustTume );
    float: right;
    font-size: 125%;
    font-weight: bold;
}

/* dialoogakna päise sulgemise nupp peale liikudes */
.dialoogP2isSulge:hover
{
    border: 1px solid var( --v2rvTaustTume );
}

/* dialoogakna sisu ehk kõik päise ja jaluse vahel */
.dialoogSisu
{
    padding: 8px;
    /* vajalik, et dialoogana tekstis saaks \n kasutada, ilma on vaja teksti <br> elemente tekitada */
    white-space: pre-line;
}

/* dialoogakna jalus, ehk tekstilised nupud */
.dialoogJalus
{
    padding: 2px;
    z-index: 5;
    background-color: var( --v2rvTaustTume );
    color: var( --v2rvTekstHele );
    text-align: center;
}

/* konteiner kohtades, kus sisu ei mahu dialoogaknasse ära, nt. hinnad */
.dialoogKeritav
{
    max-height: 75vh;
    overflow-y: auto;
}

/* nimekiri piltidega tekstide näitamiseks, nt. seina materjali valik */
.dialoogNimekiri
{
    /* ajutiselt väljas, segab katuse andmetes; oli vajalik, et seina andmetes vaikimisi materjaliga kast teistega sama kõrgusega oleks */
    /*display: flex;*/
}

/* üks element nimekirjas */
.dialoogNimekiriElement
{
    display: inline-block;
    margin: 2px;
    padding: 5px;
    cursor: pointer;
    background-color: var( --v2rvP6hilineHele );
    color: var( --v2rvTekstHele );
    border: 1px solid var( --v2rvTaustTume );
}

/* üks element nimekirjas, kui on valitud */
.dialoogNimekiriElement.valitud
{
    background-color: var( --v2rvP6hilineTume );
}

/* üks element nimekirjas, kui on valitud */
.dialoogNimekiriElement.mitteaktiivne
{
    cursor: default; 
}

/* elemendi sisu, nii pilt, kui tekst */
.dialoogNimekiriElementPilt
{
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.dialoogNimekiriElementTekst
{
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    /*width: 0;
    min-width: 100%;*/
}

.dialoogNimekiriTabelita
{
    display: table;
    list-style:none;
    margin: 3px;
    padding: 0;
    border-collapse: separate;
    border: 1px solid var( --v2rvP6hilineHele );
    border-bottom: none;
    border-spacing: 0;
}

.dialoogNimekiriTabelitaP2is
{
    display: table-row;
    background-color: var( --v2rvP6hilineHele );
    color: var( --v2rvTekstHele );
    user-select: none;  /* väldib teksti valimist, nt. topeltklikiga */
}

/* tabeli ülesehitusega list item */
.dialoogNimekiriTabelitaElement
{
    display: table-row;
    background-color: var( --v2rvTaustHele );
    color: var( --v2rvTekstTume );
    padding: 4px;
    cursor: pointer;
    user-select: none;  /* väldib teksti valimist, nt. topeltklikiga */
}

.dialoogNimekiriTabelitaElement.valitud
{
    background-color: var( --v2rvTaustTume );
}

.dialoogNimekiriTabelita span
{
    display: table-cell;
    padding: 4px;
    border-bottom: 1px solid var( --v2rvP6hilineHele );
}

.dialoogNimekiriGrid
{
    display: grid;
}

/* dialoogakna nupp */
.dialoogNupp
{
    display: inline-block;
    padding: 6px;
    margin: 3px;
    background-color: var( --v2rvP6hilineTume );
    border: 1px solid var( --v2rvTaustTume );
    color: var( --v2rvTekstHele );
    font-size: 95%;
    cursor: pointer;
}

/* dialoogakna korras nupp, esiletõstetud tekstiga */
.dialoogNupp.korras
{
    font-weight: bold;
}

/* dialoogakna nupp peale liikudes */
.dialoogNupp:hover
{
    border: 1px solid var( --v2rvP6hilineTume );
}

/* dialoogakna nupp vajutades */
.dialoogNupp:focus
{
    outline: 1px solid var( --v2rvTekstTume );
}

/* dialoogakna katkesta nupp, heledam */
.dialoogNupp.katkesta
{
    background-color: var( --v2rvP6hilineHele );
}

/* dialoogaknas esitatav tabel, nt. hinnad või eelarve */
.dialoogTabel
{
    border: 1px solid var( --v2rvP6hilineHele );
    border-spacing: 0;
}

/* dialoogakna tabeli päis */
.dialoogTabel th
{
    padding: 2px 5px 3px 5px;
    background-color: var( --v2rvP6hilineHele );
    color: var( --v2rvTekstHele );
    font-weight: normal;
}

/* dialoogakna tabeli päis, joondatud vasakule, ehk arvud */
th.tabeliP2isVasakule
{
    text-align: left;
}

/* dialoogakna tabeli päis, joondatud paremale, ehk arvud */
th.tabeliP2isParemale
{
    text-align: right;
}

/* dialoogakna tabeli päis, fikseeritud tabeli ülaossa, kasutusel nt. eelarve tabeli */
.dialoogTabel th.p2isFikseeritud
{
    position: sticky; top: 0;
}

/* dialoogakna tabeli päis, fikseeritud tabeli alaossa, kasutusel nt. eelarve tabeli */
.dialoogTabel th.jalusFikseeritud
{
    position: sticky; bottom: 0;
}

/* dialoogakna tabeli lahter */
.dialoogTabel td
{
    padding: 5px;
    color: var( --v2rvTekstTume );
}

/* dialoogakna tabeli lahter, joondatud paremale, ehk arvud */
td.tabeliLahterParemale
{
    text-align: right;
}

/* dialoogakna tekstikast, nt. hindade sisestamiseks */
.dialoogTekstikast
{
    width: 50px;
    color: var( --v2rvTekstTume );
    border: 1px solid var( --v2rvP6hilineHele );
    background-color: var( --v2rvTekstikastTaust );
    font-size: 95%;
}

.dialoogTekstikast:focus
{
    outline: none;
    border: 1px solid var( --v2rvP6hilineTume );
    box-shadow: 0 0 5px 0 var( --v2rvP6hilineHele );
}

/* dialoogakna tekstikast, joondatud paremale, ehk arvud */
.dialoogTekstikast.paremale
{
    text-align: right;
}

.dialoogTekstikast.lai100
{
    width: 100px;
}

.dialoogTekstikast.lai
{
    width: 150px;
}

.dialoogTekstikast.lai200
{
    width: 200px;
}

.dialoogTekstikast.lai300
{
    width: 300px;
}

.dialoogTekstikast.lai450
{
    width: 450px;
}

/* dialoogakna tekstikast mitteaktiivses olekus */
.dialoogTekstikast.mitteaktiivne
{
    background-color: var( --v2rvTaustHele );
    color: var( --v2rvTekstMitteaktiivne );
}

/* input type checkbox asendus, mid näeb välja sarnane teistele dialoogakna elementidele */
.dialoogValikukast
{
    appearance: none;
    border: 1px solid var( --v2rvP6hilineHele );
    background-color: var( --v2rvTekstikastTaust );
    display: inline-block!important;
    width: 25px;
    height: 25px;
    padding-left: 6px;
}

.dialoogValikukast:after
{
    content: '\00A0';
    font-size: 1px;
    color: var( --v2rvTekstTume );
}

.dialoogValikukast:checked:after
{
    content: '\2714';
    font-size: 16px;
    color: var( --v2rvTekstTume );
}

.dialoogValikukast:focus
{
    outline: none;
    border: 1px solid var( --v2rvP6hilineTume );
    box-shadow: 0 0 5px 0 var( --v2rvP6hilineHele );
}

/* dialoogakna valikukast mitteaktiivses olekus */
.dialoogValikukast.mitteaktiivne
{
    background-color: var( --v2rvTaustHele );
}

/* dialoogakna valikukast mitteaktiivses olekus */
.dialoogValikukast.mitteaktiivne:checked:after
{
    color: var( --v2rvTekstMitteaktiivne );
}

/* input type checkbox asendus, mid näeb välja sarnane teistele dialoogakna elementidele */
.dialoogValikukastEkslusiivne
{
    appearance: none;
    border: 1px solid var( --v2rvP6hilineHele );
    border-radius: 11px;
    background-color: var( --v2rvTekstikastTaust );
    display: inline-block!important;
    width: 25px;
    height: 25px;
    padding-left: 6px;
}

.dialoogValikukastEkslusiivne:after
{
    content: '\00A0';
    font-size: 1px;
    color: var( --v2rvTekstTume );
}

.dialoogValikukastEkslusiivne:checked:after
{
    content: '\2714';
    font-size: 16px;
    color: var( --v2rvTekstTume );
}

.dialoogValikukastEkslusiivne:focus
{
    outline: none;
    border: 1px solid var( --v2rvP6hilineTume );
    box-shadow: 0 0 5px 0 var( --v2rvP6hilineHele );
}

/* dialoogakna valikukast mitteaktiivses olekus */
.dialoogValikukastEkslusiivne.mitteaktiivne
{
    background-color: var( --v2rvTaustHele );
}

/* dialoogakna valikukast mitteaktiivses olekus */
.dialoogValikukastEkslusiivne.mitteaktiivne:checked:after
{
    color: var( --v2rvTekstMitteaktiivne );
}

.dialoogVahelehtP2is
{

}

.dialoogVahelehtP2isNupp
{
    padding: 5px;
    float: left;
    cursor: pointer;
    border-top: 1px solid var( --v2rvP6hilineHele );
    border-right: 1px solid var( --v2rvTaustHele );
    border-left: 1px solid var( --v2rvP6hilineHele );
    user-select: none;  /* väldib teksti valimist, nt. topeltklikiga */
}

.dialoogVahelehtP2isNupp.aktiivne
{
    background-color: var( --v2rvP6hilineTume );
    color: var( --v2rvTekstHele );
}

.dialoogVahelehtP2isNupp.mitteaktiivne
{
    background-color: var( --v2rvP6hilineHele );
    color: var( --v2rvTekstHele );
}

.dialoogVaheleht
{
    border: 1px solid var( --v2rvP6hilineHele );
}

.dialoogVahelehtAktiivne
{
    display: block;
    clear: both;
    padding: 5px;
    border: 1px solid var( --v2rvP6hilineHele );
}

.dialoogVahelehtMitteaktiivne
{
    display: none;
    clear: both;
}

/* tabeli ülesehitusega ordered list */
.dialoogTabelita
{
    display: table;
    list-style:none;
    margin: 0;
    padding: 0;
    /*border-spacing: 15px;*/
}

/* tabeli ülesehitusega list item */
.dialoogTabelita li
{
    display: table-row;
}

/* tabeli ülesehitusega silt */
.dialoogTabelita label
{
    display: table-cell;
    text-align: right;

    /* vajalik, et silt textarea kõrval ülevalt joondatud oleks */
    vertical-align: top;
    padding-top: 4px;

    color: var( --v2rvTekstTume );
}

/* tabeli ülesehitusega tekstiväli */
.dialoogTabelita input, select, option, textarea
{
    display: table-cell;
    margin: 4px;
}

/* vajalik, et tekstikasti alla tühja ruumi ei tekiks, Chrome ja Edge */
.dialoogTabelita textarea
{
    margin-bottom: 0;
}

.dialoogTabelita span
{
    display: table-cell;
    margin: 4px;
}

/* katsetamiseks, ava andmetes */
.dialoogGrupp
{
    border: 1px solid var( --v2rvP6hilineHele );
    margin-bottom: 8px;
}

.dialoogGrupp:last-child
{
    margin: 0;
}

.dialoogGruppP2is
{
    padding: 2px 5px 3px 5px;
    background-color: var( --v2rvP6hilineHele );
    color: var( --v2rvTekstHele );
    cursor: default;
    /*font-size: 16px;*/
}

.dialoogGruppSisu
{
    padding: 5px;
}

.dialoogTekstSuur
{
    font-size: 100%;
    color: var( --v2rvTekstTume );
}

.dialoogSilt
{
    font-size: 100%;
    color: var( --v2rvTekstTume );
    user-select: none;  /* väldib teksti valimist, nt. topeltklikiga */
}

/* väiksem dialoogaknas näidatav tekst, nt. tellimuse üldinfo */
.dialoogTekstV2iksem
{
    font-size: 80%;
    color: var( --v2rvTekstTume );
    /* see muudab teksti täpselt nii laiaks, kui dialoogaknas ruumi on, aga ei muuda dialoogakent laiemaks */
    width: 0;
    min-width: 100%;
}

.dialoogGrid
{
    display: grid;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
}

.dialoogGruppGrid
{
    border: 1px solid var( --v2rvP6hilineHele );
    height: min-content;
}

/* punast värvi tekst, kasutusel sisselogimisaknas */
.teadeViga
{
    color: var( --v2rvHoiatus );
}

.teadeV2iksem
{
    color: var( --v2rvTekstTume );
    margin: 3px;
    font-size: 80%;
}

/* väiksem tekst, mida kasutataks valdavalt pikema teksti sees, nt. ühikute tähistamiseks */
.tekstV2iksem
{
    display: inline !important;
    margin: 0 !important;
    font-size: 80%;
}

/* tekst sisu keskele tsentreetitud, kasutusel sisselogimisaknas */
.tekstTsentreeritud
{
    display: block !important;
    width: 100%;
    text-align: center;
}

/* dialoogakendes näidatava eelvaate pilt */
.dialoogEelvaadePilt
{
    display: block;
    margin: 4px;
}

/* peidame ära file input elemendi, jääb ainult label */
.inputFile
{
    opacity: 0;
    position: absolute;
    z-index: -1;
}

/* vajalik, et mudeli avamise label saaks lingi kursori */
.inputFileLabel
{
    cursor: pointer;
}

.t88riistaribaNupp
{
    display: inline-block;
    margin: 2px;
    padding: 2px;
    background-color: var( --v2rvTaustHele );
    border: 1px solid var( --v2rvP6hilineHele );
    /*border: none;*/
    color: var( --v2rvTekstTume );
    font-size: 100%;
    cursor: pointer;
    user-select: none;  /* väldib teksti valimist, nt. topeltklikiga */
    height: 24px;
    width: 24px;
}

.t88riistaribaNupp:hover
{
    background-color: var( --v2rvTaustTume );
}

.t88riistaribaNupp:focus
{
    outline: none;
}

/* sees/väljas nupud menüüs näitamiseks, mille peidame ära, kuna selle asemel kasutame silti */
.t88riistaribaNuppValitav
{
    display: inline-block;
    margin: 2px;
    padding: 2px;
    background-color: var( --v2rvTaustHele );
    border: 1px solid var( --v2rvP6hilineHele );
    /*border: none;*/
    color: var( --v2rvTekstTume );
    font-size: 100%;
    cursor: pointer;
    user-select: none;  /* väldib teksti valimist, nt. topeltklikiga */
    height: 24px;
    width: 24px;
}

.t88riistaribaNuppValitav:hover
{
    background-color: var( --v2rvTaustTume );
}

.t88riistaribaNuppValitav:focus
{
    outline: none;
}

.t88riistaribaNuppSulge
{
    font-size: 125%;
    font-weight: bold;
}

.t88riistaribaNuppValitav.aktiivne
{
    /*border: 1px inset var( --v2rvP6hilineTume );
    border-style: solid inset solid solid;*/
    outline: 1px solid var( --v2rvP6hilineTume );
    /* background-color: var( --v2rvTaustHele ); */
    /*box-shadow: -2px -2px 2px var( --v2rvVari ) inset;*/
}

.t88riistaribaMaksumus
{
    font-size: 100%;
    color: var( --v2rvTekstTume );
    user-select: none;  /* väldib teksti valimist, nt. topeltklikiga */
    text-align: center;
}

/* tööriistabira päis, on sarnane tavalisele dialoogakna klassile */
.t88riistaribaP2is
{
    padding: 7px;
    cursor: move;
    z-index: 5;
    background-color: var( --v2rvP6hilineTume );
    color: var( --v2rvTekstHele );
    font-size: 100%;
    text-align: right;
    width: 54px;    /* laius on määratud, et tööriistariba sulgemisel päise laius säiliks */
}

.t88riistaribaSisu
{
    padding: 6px;
}

/* tööriistariba sisu peidetud olekus */
.t88riistaribaSisuPeidetud
{
    visibility: collapse;
    padding: 0;
    height: 0;
}

.t88riistaribaIkoon
{
    background-image: url("../Pildid/Ikoonid/ikoonid.png");
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

hr
{
    background-color: var( --v2rvP6hilineHele );
    height: 1px;
    border: 0;
    margin: 2px 2px 2px 2px;

}

/*#k2skVaadeZoomV2lja, #k2skVaadeZoomSisse, #k2skVaadeZoomUlatus, #k2skVaadeAbitekstid,
#k2skVaadeParalleelne, #k2skVaadePerspektiiv, #k2skVaadeJaluta, #k2skVaadePlaan,
#k2skVaadePealt, #k2skVaadeP6hjast, #k2skVaadeL6unast, #k2skVaadeIdast, #k2skVaadeL22nest
{
    background-image: url("../Pildid/Ikoonid/ikoonid.png");
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

#k2skVaadeZoomV2lja
{
    background-position: 0 0;
}

#k2skVaadeZoomSisse
{
    background-position: -16px 0;
}

#k2skVaadeZoomUlatus
{
    background-position: -32px 0;
}

#k2skVaadeAbitekstid
{
    background-position: -48px 0;
}

#k2skVaadeParalleelne
{
    background-position: 0 -16px;
}

#k2skVaadePerspektiiv
{
    background-position: -16px -16px;
}

#k2skVaadeJaluta
{
    background-position: -32px -16px;
}

#k2skVaadePlaan
{
    background-position: -48px -16px;
}

#k2skVaadePealt
{
    background-position: 0 -32px;
}

#k2skVaadeP6hjast
{
    background-position: -16px -32px;
}

#k2skVaadeL6unast
{
    background-position: -32px -32px;
}

#k2skVaadeIdast
{
    background-position: -48px -32px;
}

#k2skVaadeL22nest
{
    background-position: -64px -32px;
}*/

/* The container <div> - needed to position the dropdown content */
.t88riistaribaHypikmenyy
{
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.t88riistaribaHypikmenyySisu
{
    display: none;
    position: absolute;
    min-width: min-content;
    background-color: var( --v2rvTaustHele );
    border: 1px solid var( --v2rvTaustTume );
    box-shadow: 5px 10px 18px var( --v2rvVari );
    z-index: 1;
}

/* Show the dropdown menu on hover */
.t88riistaribaHypikmenyy:hover .t88riistaribaHypikmenyySisu
{
    display: block;
}