#map {
        z-index: 5;
        height: 70vh;
        width: 99%;
        margin: 0 auto;
    }

    #map2 {
        z-index: 5;
        height: 35vh;
        width: 100%;
        margin: 0 auto;
        float: left;
    }

    #map3 {
        z-index: 5;
        height: 40vh;
        width: 95%;
        margin: 0 auto;
    }



    #rekordiZunanjaTabela {
        table-layout: fixed;
        width: 100%;
    }

    #tabelaRekordiVse {
        width: 100%;
    }

    .napisostrani {
        font-size: 2vw;
    }

    .napisostranibigger {
        font-size: 3vw;
    }

    .napisostrani3 {
        font-size: 3vw;
    }

    #tabelaostrani {
        text-align: center;
    }


    .sredinaitemi {
        align-items: center;
        text-align: center;
    }


    .dodajBtnGps {
        background-color: #4CAF50;
        border: none;
        color: white;
        padding: 10px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 2vw;
        border-radius: 30%;
    }

    .dodajBtnGps:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .labelImeTockeGPS {
        font-size: 3vw;
        align-items: center;
    }


    #tableGpsDodaj {
        text-align: center;
    }

    .centerTableGPS {
        text-align: center;
    }

    .labelBlizuZelen {
        background-color: #1eff00;
        border-radius: 20%;
    }

    .labelBlizuRumen {
        background-color: #E2EE35;
        border-radius: 20%;
    }

    .labelBlizuRdec {
        background-color: #ff0000;
        border-radius: 20%;
    }

    .thBlizu {
        font-size: 2vw;
    }

    .topnav {
        overflow: hidden;
        background-color: #1583af;
    }

    .topnav a {

        color: #f2f2f2;
        text-align: center;

        text-decoration: none;
        font-size: 1.5vw;
    }


    .topnav a.active {

        background-color: #4CAF50;
        color: white;
        padding: 14px 16px;
    }


    .mnItemGray {
        padding: 14px 16px;
        background-color: #1583af;
        color: black;
        float: left;
    }

    .mnItemGray:hover {
        background-color: #ddd;
        color: black;
        padding: 14px 16px;
    }






    .mnItemUserIcon:hover {
        background-color: #f2f2f2;
        color: black;
        cursor: pointer;
        padding: 0px 0px;
        text-align: center;
    }



    #iskanjemenu {
        padding: 0px 0px;
        float: left;
        margin-top: 2.5vw;

    }

    #rekordiicon {
        float: left;
        width: 7%;
    }

    #mojdnevnikicon {
        float: left;
        width: 7%;
    }

    #skupnosticon {
        float: left;
        width: 7%;
    }

    #znackeicon {
        float: left;
        width: 7%;
    }

    #gorovjaicon {
        float: left;
        width: 7%;
    }

    #ostraniicon {
        float: left;
        width: 7%;
    }

    #gpsicon {
        float: left;
        width: 7%;
    }

    #vrstetockicon {
        float: left;
        width: 7%;
    }

    #vbliziniicon {
        float: left;
        width: 7%;
    }

    #searchicon {
        float: left;
        width: 7%;
    }

    #usericon {
        float: right;
        width: 7%;
    }



    .active {
        padding: 14px 16px;
        float: left;
    }



    #labeliskanje22 {
        background-color: rgba(37, 187, 100, 0.7);
        font-style: italic;
        font-size: 30px;
        font-family: "Trebuchet MS", Helvetica, sans-serif;
        display: flex;
        justify-content: center;
        border-radius: 20%;
    }

    #trenutniniz {
        background-color: rgba(37, 187, 100, 0.7);
        font-style: italic;
        font-size: 30px;
        font-family: "Trebuchet MS", Helvetica, sans-serif;
        display: flex;
        justify-content: center;
        border-radius: 20%;
    }

    #bannerGEO {
        border-radius: 20%;
    }

    .leaflet-container .leaflet-control-mouseposition {
        background-color: rgba(255, 255, 255, 0.7);
        box-shadow: 0 0 5px #bbb;
        padding: 0 5px;
        margin: 0;
        color: #333;
        font: 11px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
    }

    .column {
        float: left;
        width: 20%;
    }

    .column2 {
        float: left;
        width: 18%;
    }

    .green {
        background-color: rgba(37, 187, 100, 0.7);
    }

    .red {
        background-color: rgba(245, 56, 56, 0.7);
        ;
    }

    .lightred {
        background-color: rgba(245, 56, 56, 0.7);
    }

    .hardred {
        background-color: #de432a;
    }

    .blue {
        background-color: rgba(37, 148, 221, 0.7);
    }

    .posevnoGorovje {
        font-style: italic;
        font-size: large;
        font-family: "Trebuchet MS", Helvetica, sans-serif;
    }

    .posevnoGorovjeBlue {
        background-color: rgba(37, 148, 221, 0.7);
        font-style: italic;
        font-size: large;
        font-family: "Trebuchet MS", Helvetica, sans-serif;
    }

    .posevnoGorovjeGreen {
        background-color: rgba(37, 187, 100, 0.7);
        font-style: italic;
        font-size: large;
        font-family: "Trebuchet MS", Helvetica, sans-serif;
    }

    .urediBTN {
        background-color: #2AC5DE;
        width: 100%;
        display: block;
    }

    .izbrisiBTN {
        background-color: rgba(245, 56, 56, 0.7);
        width: 100%;
        display: block;
    }

    #btnKSA {
        background-color: #2AC5DE;
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    #btnKSA:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .datumVelikeCrkeKSA {
        background-color: #2AC5DE;
        border-radius: 50%;
        text-align: center;
        font-size: 30px;
        max-width: 100px;
    }

    .imeHribovjaKsa {
        font-size: 2vw;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #2AC5DE;
        border-left: thick solid #2AC5DE;
        border-top: thick solid #2AC5DE;
        border-bottom: thick solid #2AC5DE;
        border-radius: 20%;
    }

    .imeHribovjaKsaMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #2AC5DE;
        border-left: thick solid #2AC5DE;
        border-top: thick solid #2AC5DE;
        border-bottom: thick solid #2AC5DE;
        border-radius: 20%;
        margin-left: 20px;
    }

    .imeHribovjaSPP {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid white;
        border-left: thick solid white;
        border-top: thick solid white;
        border-bottom: thick solid white;
        border-radius: 20%;
    }

    .imeHribovjaSPPMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid white;
        border-left: thick solid white;
        border-top: thick solid white;
        border-bottom: thick solid white;
        border-radius: 20%;
        margin-left: 20px;
    }

    .imeHribovjaRAZSPP {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgb(189, 188, 188);
        border-left: thick solid rgb(189, 188, 188);
        border-top: thick solid rgb(189, 188, 188);
        border-bottom: thick solid rgb(189, 188, 188);
        border-radius: 20%;
    }

    .imeHribovjaRAZSPPMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgb(189, 188, 188);
        border-left: thick solid rgb(189, 188, 188);
        border-top: thick solid rgb(189, 188, 188);
        border-bottom: thick solid rgb(189, 188, 188);
        border-radius: 20%;
        margin-left: 20px;
    }

    .imeHribovjaVSEznacke {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid black;
        border-left: thick solid black;
        border-top: thick solid black;
        border-bottom: thick solid black;
        border-radius: 20%;
    }

    .imeHribovjaVSEznackeMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid black;
        border-left: thick solid black;
        border-top: thick solid black;
        border-bottom: thick solid black;
        border-radius: 20%;
        margin-left: 20px;
    }

    #btnKSA-znacke {
        background-color: #2AC5DE;
        width: 100%;
        display: block;
    }

    #btnJUL {
        background-color: #0935FF;
        color: white;
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    #btnJUL:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaJul {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #0935FF;
        border-left: thick solid #0935FF;
        border-top: thick solid #0935FF;
        border-bottom: thick solid #0935FF;
        border-radius: 20%;
    }

    .imeHribovjaJulMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #0935FF;
        border-left: thick solid #0935FF;
        border-top: thick solid #0935FF;
        border-bottom: thick solid #0935FF;
        border-radius: 20%;
        margin-left: 20px;
    }

    .datumVelikeCrkeJUL {
        background-color: #0935FF;
        border-radius: 50%;
        text-align: center;
        font-size: 30px;
    }

    #btnJUL-znacke {
        background-color: #0935FF;
        color: white;
        width: 100%;
        display: block;
    }

    #btnKAR {
        background-color: #3ED037;
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    #btnKAR:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaKar {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #3ED037;
        border-left: thick solid #3ED037;
        border-top: thick solid #3ED037;
        border-bottom: thick solid #3ED037;
        border-radius: 20%;
    }

    .imeHribovjaKarMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #3ED037;
        border-left: thick solid #3ED037;
        border-top: thick solid #3ED037;
        border-bottom: thick solid #3ED037;
        border-radius: 20%;
        margin-left: 20px;
    }

    .datumVelikeCrkeKAR {
        background-color: #3ED037;
        border-radius: 50%;
        text-align: center;
        font-size: 30px;
    }

    #btnKAR-znacke {
        background-color: #3ED037;
        width: 100%;
        display: block;
    }

    #btnGOR {
        background-color: #DED52A;
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    #btnGOR:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaGor {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #DED52A;
        border-left: thick solid #DED52A;
        border-top: thick solid #DED52A;
        border-bottom: thick solid #DED52A;
        border-radius: 20%;
    }

    .imeHribovjaGorMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #DED52A;
        border-left: thick solid #DED52A;
        border-top: thick solid #DED52A;
        border-bottom: thick solid #DED52A;
        border-radius: 20%;
        margin-left: 20px;
    }

    .datumVelikeCrkeGOR {
        background-color: #DED52A;
        border-radius: 30%;
        text-align: center;
        font-size: 30px;
    }

    .makssirina120 {
        width: 120px;
    }

    #btnGOR-znacke {
        background-color: #DED52A;
        width: 100%;
        display: block;
    }

    #btnPOH {
        background-color: #B72ADE;
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    #btnPOH:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .datumVelikeCrkePOH {
        background-color: #B72ADE;
        border-radius: 50%;
        text-align: center;
        font-size: 30px;
    }

    #btnPOH-znacke {
        background-color: #B72ADE;
        width: 100%;
        display: block;
    }

    #btnPOL {
        background-color: #D84129;
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    #btnPOL:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaPol {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #D84129;
        border-left: thick solid #D84129;
        border-top: thick solid #D84129;
        border-bottom: thick solid #D84129;
        border-radius: 20%;
    }

    .imeHribovjaPolMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #D84129;
        border-left: thick solid #D84129;
        border-top: thick solid #D84129;
        border-bottom: thick solid #D84129;
        border-radius: 20%;
        margin-left: 20px;
    }

    .datumVelikeCrkePOL {
        background-color: #D84129;
        border-radius: 30%;
        text-align: center;
        font-size: 30px;
    }

    #btnPOL-znacke {
        background-color: #D84129;
        width: 100%;
        display: block;
    }

    #btnSKO {
        background-color: #6570CD;
        color: white;
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    #btnSKO:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaSko {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #6570CD;
        border-left: thick solid #6570CD;
        border-top: thick solid #6570CD;
        border-bottom: thick solid #6570CD;
        border-radius: 20%;
    }

    .imeHribovjaSkoMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #6570CD;
        border-left: thick solid #6570CD;
        border-top: thick solid #6570CD;
        border-bottom: thick solid #6570CD;
        border-radius: 20%;
        margin-left: 20px;
    }

    .datumVelikeCrkeSKO {
        background-color: #6570CD;
        border-radius: 50%;
        text-align: center;
        font-size: 30px;
    }

    #btnSKO-znacke {
        background-color: #6570CD;
        color: white;
        width: 100%;
        display: block;
    }

    #btnZAS {
        background-color: #FF7C09;
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    #btnZAS:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaZas {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #FF7C09;
        border-left: thick solid #FF7C09;
        border-top: thick solid #FF7C09;
        border-bottom: thick solid #FF7C09;
        border-radius: 20%;
    }

    .imeHribovjaZasMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #FF7C09;
        border-left: thick solid #FF7C09;
        border-top: thick solid #FF7C09;
        border-bottom: thick solid #FF7C09;
        border-radius: 20%;
        margin-left: 20px;
    }

    .datumVelikeCrkeZAS {
        background-color: #FF7C09;
        border-radius: 40%;
        text-align: center;
        font-size: 30px;
    }

    #btnZAS-znacke {
        background-color: #FF7C09;
        width: 100%;
        display: block;
    }

    #btnDOL {
        background-color: #4E86C5;
        color: white;
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    #btnDOL:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaDol {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #4E86C5;
        border-left: thick solid #4E86C5;
        border-top: thick solid #4E86C5;
        border-bottom: thick solid #4E86C5;
        border-radius: 20%;
    }

    .imeHribovjaDolMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #4E86C5;
        border-left: thick solid #4E86C5;
        border-top: thick solid #4E86C5;
        border-bottom: thick solid #4E86C5;
        border-radius: 20%;
        margin-left: 20px;
    }

    .datumVelikeCrkeDOL {
        background-color: #4E86C5;
        border-radius: 50%;
        text-align: center;
        font-size: 30px;
    }

    #btnDOL-znacke {
        background-color: #4E86C5;
        color: white;
        width: 100%;
        display: block;
    }

    #btnPRE {
        background-color: #FF02D7;
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    #btnPRE:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaPre {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #FF02D7;
        border-left: thick solid #FF02D7;
        border-top: thick solid #FF02D7;
        border-bottom: thick solid #FF02D7;
        border-radius: 20%;
    }

    .imeHribovjaPreMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #FF02D7;
        border-left: thick solid #FF02D7;
        border-top: thick solid #FF02D7;
        border-bottom: thick solid #FF02D7;
        border-radius: 20%;
        margin-left: 20px;
    }

    .datumVelikeCrkePRE {
        background-color: #FF02D7;
        border-radius: 50%;
        text-align: center;
        font-size: 30px;
    }

    #btnPRE-znacke {
        background-color: #FF02D7;
        width: 100%;
        display: block;
    }

    #btnSGH {
        background-color: #634EC5;
        color: white;
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    #btnSGH:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaSgh {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #634EC5;
        border-left: thick solid #634EC5;
        border-top: thick solid #634EC5;
        border-bottom: thick solid #634EC5;
        border-radius: 20%;
    }

    .imeHribovjaSghMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #634EC5;
        border-left: thick solid #634EC5;
        border-top: thick solid #634EC5;
        border-bottom: thick solid #634EC5;
        border-radius: 20%;
        margin-left: 20px;
    }

    .datumVelikeCrkeSGH {
        background-color: #634EC5;
        border-radius: 40%;
        text-align: center;
        font-size: 30px;
    }

    #btnSGH-znacke {
        background-color: #634EC5;
        color: white;
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    #btnSTR {
        background-color: #A9DC4E;
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    #btnSTR:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaStr {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #A9DC4E;
        border-left: thick solid #A9DC4E;
        border-top: thick solid #A9DC4E;
        border-bottom: thick solid #A9DC4E;
        border-radius: 20%;
    }

    .imeHribovjaStrMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #A9DC4E;
        border-left: thick solid #A9DC4E;
        border-top: thick solid #A9DC4E;
        border-bottom: thick solid #A9DC4E;
        border-radius: 20%;
        margin-left: 20px;
    }

    .datumVelikeCrkeSTR {
        background-color: #A9DC4E;
        border-radius: 30%;
        text-align: center;
        font-size: 30px;
    }

    #btnSTR-znacke {
        background-color: #A9DC4E;
        width: 100%;
        display: block;
    }

    #btnOBA {
        background-color: #29438C;
        color: white;
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    #btnOBA:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaOba {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #29438C;
        border-left: thick solid #29438C;
        border-top: thick solid #29438C;
        border-bottom: thick solid #29438C;
        border-radius: 20%;
    }

    .imeHribovjaObaMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #29438C;
        border-left: thick solid #29438C;
        border-top: thick solid #29438C;
        border-bottom: thick solid #29438C;
        border-radius: 20%;
        margin-left: 20px;
    }

    .datumVelikeCrkeOBA {
        background-color: #29438C;
        border-radius: 30%;
        text-align: center;
        font-size: 30px;
    }

    #btnOBA-znacke {
        background-color: #29438C;
        color: white;
        width: 100%;
        display: block;
    }

    #btnNOT {
        background-color: #72D1B1;
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    #btnNOT:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaNot {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #72D1B1;
        border-left: thick solid #72D1B1;
        border-top: thick solid #72D1B1;
        border-bottom: thick solid #72D1B1;
        border-radius: 20%;
    }

    .imeHribovjaNotMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #72D1B1;
        border-left: thick solid #72D1B1;
        border-top: thick solid #72D1B1;
        border-bottom: thick solid #72D1B1;
        border-radius: 20%;
        margin-left: 20px;
    }

    .datumVelikeCrkeNOT {
        background-color: #72D1B1;
        border-radius: 50%;
        text-align: center;
        font-size: 30px;
    }

    #btnKOC {
        background-color: #E2EE35;
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    #btnKOC:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaKoc {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #E2EE35;
        border-left: thick solid #E2EE35;
        border-top: thick solid #E2EE35;
        border-bottom: thick solid #E2EE35;
        border-radius: 20%;
    }

    .imeHribovjaKocMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #E2EE35;
        border-left: thick solid #E2EE35;
        border-top: thick solid #E2EE35;
        border-bottom: thick solid #E2EE35;
        border-radius: 20%;
        margin-left: 20px;
    }

    .datumVelikeCrkeKOC {
        background-color: #E2EE35;
        border-radius: 30%;
        text-align: center;
        font-size: 30px;
    }

    #btnNOT-znacke {
        background-color: #72D1B1;
        width: 100%;
        display: block;
    }

    #btnVZH {
        background-color: #2CB09D;
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    #btnVZH:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaVzh {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #2CB09D;
        border-left: thick solid #2CB09D;
        border-top: thick solid #2CB09D;
        border-bottom: thick solid #2CB09D;
        border-radius: 20%;
    }

    .imeHribovjaVzhMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #2CB09D;
        border-left: thick solid #2CB09D;
        border-top: thick solid #2CB09D;
        border-bottom: thick solid #2CB09D;
        border-radius: 20%;
        margin-left: 20px;
    }

    .datumVelikeCrkeVZH {
        background-color: #2CB09D;
        border-radius: 30%;
        text-align: center;
        font-size: 30px;
    }

    #btnVZH-znacke {
        background-color: #2CB09D;
        width: 100%;
        display: block;
    }

    #btnJEL {
        background-color: #2C9360;
        width: 100%;
        display: block;
        color: white;
        font-size: 1vw;
    }

    #btnJEL:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .stylevzdevek {
        font-size: 20px;
        font-family: 'URW Chancery L', cursive;
        font-style: bold;
    }

    .imeHribovjaJel {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #2C9360;
        border-left: thick solid #2C9360;
        border-top: thick solid #2C9360;
        border-bottom: thick solid #2C9360;
        border-radius: 20%;
    }

    .imeHribovjaJelMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #2C9360;
        border-left: thick solid #2C9360;
        border-top: thick solid #2C9360;
        border-bottom: thick solid #2C9360;
        border-radius: 20%;
        margin-left: 20px;
    }

    .datumVelikeCrkeJEL {
        background-color: #2C9360;
        border-radius: 50%;
        text-align: center;
        font-size: 30px;
    }

    #btnJEL-znacke {
        background-color: #2C9360;
        width: 100%;
        display: block;
        color: white;
    }

    #btnSPP {
        background-color: white;
        width: 100%;
        display: block;
        color: black;
        font-size: 1vw;
    }

    #btnSPP:hover {
        background-color: #f2f2f2;
        color: black;
    }

    #btnRazSPP {
        background-color: rgb(189, 188, 188);
        width: 100%;
        display: block;
        color: black;
        font-size: 1vw;
    }

    #btnRazSPP:hover {
        background-color: #f2f2f2;
        color: black;
    }

    #tabelaVrhov {
        text-align: center;
        table-layout: fixed;
        display: block;
        margin-left: auto;
        margin-right: auto;


    }

    #tabelaVrhov2 {
        text-align: center;
        width: 100%;
        margin-left: auto;
        margin-right: auto;


    }

    #siroka {
        width: 30%;
    }

    #sirokaForm {
        border-left: thick solid #6e8def;
    }

    .naslovNaVrhu {
        font-size: 20px;
    }

    #colPrikaz {
        width: 11%;
    }

    #divNajdene {
        border-left: thick solid #08f00e;
        border-right: thick solid #08f00e;
        border-bottom: thick solid #08f00e;
        border-top: thick solid #08f00e;
        width: 100%;
    }

    .znacka1 {
        width: 10%;
    }

    .znacka2 {
        width: 20%;
    }

    .znacka3 {
        width: 30%;
    }

    .znacka4 {
        width: 40%;
    }

    .znacka5 {
        width: 50%;
    }

    .znacka6 {
        width: 60%;
    }

    .znacka7 {
        width: 70%;
    }

    .znacka8 {
        width: 80%;
    }

    .znacka9 {
        width: 90%;
    }

    .znacka10 {
        width: 100%;
    }

    .wide1 {
        max-width: 100%;
        max-height: 100%;
        height: auto;
    }

    .tall1 {
        max-height: 100%;
        max-width: 100%;
        width: auto;
    }

    #tablePrvaVrsticaA {
        table-layout: fixed;
    }

    #tablePrvaVrsticaB {
        table-layout: fixed;
    }

    #tablePrvaVrsticaC {
        table-layout: fixed;
    }

    #tablePrvaVrsticaD {
        table-layout: fixed;
    }

    #tablePrvaVrsticaE {
        table-layout: fixed;
    }

    #tableDrugaVrstica {
        table-layout: fixed;
    }

    #tableDrugaVrsticaB {
        table-layout: fixed;
    }

    #tableTretjaVrstica {
        table-layout: fixed;
    }

    #tableTretjaVrsticaB {
        table-layout: fixed;
    }

    #tableCetrtaVrstica {
        table-layout: fixed;
    }

    #tablePrvaVrstica1 {
        table-layout: fixed;
    }

    #tablePrvaVrstica2 {
        table-layout: fixed;
    }

    #tablePrvaVrstica3 {
        table-layout: fixed;
    }

    #tablePrvaVrstica4 {
        table-layout: fixed;
    }

    #tablePrvaVrstica5 {
        table-layout: fixed;
    }

    #tablePrvaVrstica6 {
        table-layout: fixed;
    }

    #tablePrvaVrstica77 {
        table-layout: fixed;
    }

    #tablePrvaVrstica8 {
        table-layout: fixed;
    }

    #tablePrvaVrstica9 {
        table-layout: fixed;
    }

    #tablePrvaVrstica10 {
        table-layout: fixed;
    }

    #divVrstaIskanja {
        border-left: thick solid #08f00e;
        border-right: thick solid #08f00e;
        border-bottom: thick solid #08f00e;
        border-top: thick solid #08f00e;
        width: 100%;

    }

    #divVrste {
        border-left: thick solid #2db4f8;
    }

    #divVisina {
        border-left: thick solid #34e0d4;
    }

    #divBarve {
        border-left: thick solid #2df68c;
    }

    #divBarve2 {
        border-left: thick solid #36b85d;
    }



    #stNajdenih {
        font-size: 2vw;
    }

    #vrednostVrstaIskanja {
        font-size: 1.5vw;
    }

    #btnPrikazi {
        background-color: #08f00e;
        border: none;
        color: white;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 1.5vw;
        width: 100%;

    }

    #btnPrikazi:hover {
        background-color: #f2f2f2;
        color: black;
    }

    #btnPrijavise {
        background-color: #1583af;
        border: none;
        color: white;
        padding: 15px 32px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 24px;
    }

    #btnOdjavise {
        background-color: #1583af;
        border: none;
        color: white;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 1.5vw;
        width: 100%;
        align-items: center;

    }


    #btnOdjavise:hover {
        background-color: #f2f2f2;
        color: black;
    }

    #btnOdjaviseprofil {
        background-color: #1583af;
        border: none;
        color: white;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        text-decoration: none;
        border-radius: 20%;
        font-size: 1.5vw;
        width: 30%;
        align-items: center;

    }

    #btnOdjaviseprofil:hover {
        background-color: #f2f2f2;
        color: black;
    }

    #imgLogo {
        padding: 9px 70px;
    }

    #btnLogin {
        background-color: #4CAF50;
        border: none;
        color: white;
        padding: 15px 32px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 25px;
    }

    #btnCancel {
        background-color: #af1f37;
        border: none;
        color: white;
        padding: 15px 32px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 25px;
    }

    #btnRegister {
        background-color: #2b6ce4;
        border: none;
        color: white;
        padding: 15px 32px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 25px;
    }

    #stVrhovDIV {
        font-size: 1.5vw;
        width: 100%;
        margin: 20px;
        padding: 0px;
        background: powderblue;
    }

    #mapDol {
        width: 100%;
        height: 30px;
        border: none;
        background: powderblue;
        font-size: 20px;
        border-radius: 50%;
    }

    #mapDol:hover {
        background-color: #f2f2f2;
        color: #1583af;
    }

    #mapGor {
        width: 100%;
        height: 30px;
        border: none;
        background: powderblue;
        font-size: 20px;
        border-radius: 50%;
    }

    #mapGor:hover {
        background-color: #f2f2f2;
        color: #1583af;
    }

    #imeHribovja {
        font-size: 1.5vw;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-radius: 20%;
    }

    .imeHribovjaPoh {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #B72ADE;
        border-left: thick solid #B72ADE;
        border-top: thick solid #B72ADE;
        border-bottom: thick solid #B72ADE;
        border-radius: 20%;
    }

    .imeHribovjaPohMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #B72ADE;
        border-left: thick solid #B72ADE;
        border-top: thick solid #B72ADE;
        border-bottom: thick solid #B72ADE;
        border-radius: 20%;
        margin-left: 20px;
    }

    #imeHribovjaTocka {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 30px;
        padding: 5.5px;
        background: powderblue;
        border-right: thick solid rgba(37, 148, 221, 0.7);
        border-left: thick solid rgba(37, 148, 221, 0.7);
        border-top: thick solid rgba(37, 148, 221, 0.7);
        border-bottom: thick solid rgba(37, 148, 221, 0.7);
    }

    #ikonatiptocke {
        margin-left: 30px;
    }

    #ikonazavtom {
        margin-left: 15px;
    }

    #btnPrikazi:active {
        background-color: rgb(28, 156, 71);
    }

    .razmakvtabeli {
        border-spacing: 1%;
    }

    .razmakvtabeli2 {
        border-spacing: 1%;
    }

    .razmakvtabeliKartice {
        border-spacing: 1%;
    }

    .rdeclabel {
        font-size: 0.8vw;
        background-color: red;
        border-radius: 40%;
        text-align: center;
    }

    .rdeclabel:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .rumenlabel {
        font-size: 0.8vw;
        background-color: yellow;
        border-radius: 40%;
        text-align: center;
    }

    .rumenlabel:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .zelenlabel {
        font-size: 0.8vw;
        background-color: rgb(54, 187, 54);
        border-radius: 40%;
        text-align: center;
    }

    .zelenlabel:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .moder1label {
        font-size: 0.8vw;
        background-color: rgb(63, 96, 243);
        border-radius: 40%;
        text-align: center;
    }

    .moder1label:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .shranikoorhelper {
        width: 500px;
        height: 200px;
    }

    .moder2label {
        font-size: 0.8vw;
        background-color: rgb(82, 174, 236);
        border-radius: 40%;
        text-align: center;
    }

    .moder2label:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .boldLabel {
        font-weight: bold;
        font-size: 1vw;
        vertical-align: top;
    }

    .tooltip {
        position: relative;
        display: inline-block;
    }

    .tooltipmenuitem {
        position: relative;

    }

    .tooltipmenuitem .tooltiptext {
        visibility: hidden;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        top: 455px;
        left: -350px;

    }

    .tooltipmenuitem:hover .tooltiptext {
        visibility: visible;
    }

    #spanmenu {
        float: left;
    }


    .tooltip .tooltiptext {
        visibility: hidden;

        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        top: -5px;
        left: 0px;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }


    .tooltip .tooltiptext2 {
        visibility: hidden;
        width: 100%;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        top: -5px;
        left: -5px;
    }


    .tooltip2 {
        position: relative;
    }

    .tooltip2 .tooltiptext {
        visibility: hidden;

        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        top: -5px;
        left: 0px;
    }

    .tooltip2:hover .tooltiptext {
        visibility: visible;
    }

    .najdiBTNokrogel {
        border-radius: 40%;
        font-size: 1vw;
    }

    .najdiBTN {
        background-color: #4CAF50;
        color: white;
    }

    .najdiBTN:hover {
        background-color: #f2f2f2;
        color: black;
    }

    #btnONVsaGorovja {
        background-color: #6e8def;
        color: white;
    }

    #btnONVsaGorovja:hover {
        background-color: #f2f2f2;
        color: black;
    }

    #btnOFFVsaGorovja {
        background-color: #6e8def;
        color: white;
    }

    #btnOFFVsaGorovja:hover {
        background-color: #f2f2f2;
        color: black;
    }

    #btnONVseVisine {
        background-color: #34e0d4;
        color: white;
    }

    #btnONVseVisine:hover {
        background-color: #f2f2f2;
        color: black;
    }

    #btnOFFVseVisine {
        background-color: #34e0d4;
        color: white;
    }

    #btnOFFVseVisine:hover {
        background-color: #f2f2f2;
        color: black;
    }

    #btnONVsiTipiTock {
        background-color: #2db4f8;
        color: white;
    }

    #btnONVsiTipiTock:hover {
        background-color: #f2f2f2;
        color: black;
    }

    #btnOFFVsiTipiTock {
        background-color: #2db4f8;
        color: white;
    }

    #btnOFFVsiTipiTock:hover {
        background-color: #f2f2f2;
        color: black;
    }

    #btnIsci {
        background-color: #34e0d4;
        color: white;
    }

    #btnIsci:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .btnLetnice {
        background-color: #1583af;
        color: white;
        font-size: 1vw;
    }

    .btnLetnice:hover {
        background-color: #f2f2f2;
        color: black;
    }

    #curved1 {
        border-radius: 40%;
    }

    #dodajModal {
        border-radius: 60%;
    }

    #btnGrafi {
        background-color: #4CAF50;
        border: none;
        color: white;
        padding: 10px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 1.5vw;
        border-radius: 30%;
    }

    #btnGrafi:hover {
        background-color: #f2f2f2;
        color: black;
    }

    #btnTop50 {
        background-color: #4CAF50;
        border: none;
        color: white;
        padding: 10px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 1.5vw;
        border-radius: 30%;
    }

    #btnTop50:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .zelenooadje {
        background-color: #4CAF50;
        border-radius: 10%;
    }

    .ozadje_vrh {
        background-color: rgba(54, 162, 235, 1);
        border-radius: 10%;
        text-align: center;

    }

    .gumbvrh {
        background-color: rgba(54, 162, 235, 1);
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    .gumbvrh:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaVrh {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(54, 162, 235, 1);
        border-left: thick solid rgba(54, 162, 235, 1);
        border-top: thick solid rgba(54, 162, 235, 1);
        border-bottom: thick solid rgba(54, 162, 235, 1);
        border-radius: 20%;
    }

    .imeHribovjaVrhMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(54, 162, 235, 1);
        border-left: thick solid rgba(54, 162, 235, 1);
        border-top: thick solid rgba(54, 162, 235, 1);
        border-bottom: thick solid rgba(54, 162, 235, 1);
        border-radius: 20%;
        margin-left: 20px;
    }

    .ozadje_stolp {
        background-color: rgba(54, 162, 235, 0.75);
        border-radius: 10%;
        text-align: center;
        margin-right: 5px;
    }

    .gumbstolp {
        background-color: rgba(54, 162, 235, 0.75);
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    .gumbstolp:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaStolp {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(54, 162, 235, 0.75);
        border-left: thick solid rgba(54, 162, 235, 0.75);
        border-top: thick solid rgba(54, 162, 235, 0.75);
        border-bottom: thick solid rgba(54, 162, 235, 0.75);
        border-radius: 20%;
    }

    .imeHribovjaStolpMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(54, 162, 235, 0.75);
        border-left: thick solid rgba(54, 162, 235, 0.75);
        border-top: thick solid rgba(54, 162, 235, 0.75);
        border-bottom: thick solid rgba(54, 162, 235, 0.75);
        border-radius: 20%;
        margin-left: 20px;
    }

    .ozadje_vrhcerkev {
        background-color: rgba(54, 162, 235, 0.5);
        border-radius: 10%;
        text-align: center;
        margin-right: 5px;
    }

    .gumbvrhcerkev {
        background-color: rgba(54, 162, 235, 0.5);
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    .gumbvrhcerkev:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaVrhCerkev {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(54, 162, 235, 0.5);
        border-left: thick solid rgba(54, 162, 235, 0.5);
        border-top: thick solid rgba(54, 162, 235, 0.5);
        border-bottom: thick solid rgba(54, 162, 235, 0.5);
        border-radius: 20%;
    }

    .imeHribovjaVrhCerkevMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(54, 162, 235, 0.5);
        border-left: thick solid rgba(54, 162, 235, 0.5);
        border-top: thick solid rgba(54, 162, 235, 0.5);
        border-bottom: thick solid rgba(54, 162, 235, 0.5);
        border-radius: 20%;
        margin-left: 20px;
    }

    .imeHribovjaVrhcerkev {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(54, 162, 235, 0.5);
        border-left: thick solid rgba(54, 162, 235, 0.5);
        border-top: thick solid rgba(54, 162, 235, 0.5);
        border-bottom: thick solid rgba(54, 162, 235, 0.5);
        border-radius: 20%;
    }

    .imeHribovjaVrhcerkevMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(54, 162, 235, 0.5);
        border-left: thick solid rgba(54, 162, 235, 0.5);
        border-top: thick solid rgba(54, 162, 235, 0.5);
        border-bottom: thick solid rgba(54, 162, 235, 0.5);
        border-radius: 20%;
        margin-left: 20px;
    }

    .vseznacke {
        font-size: 1.4vw;
    }

    .vseznacke2 {
        font-size: 2vw;

    }

    .ozadje_jezero {
        background-color: rgba(11, 209, 249, 1);
        border-radius: 10%;
        text-align: center;
        margin-right: 5px;
    }

    .gumbjezero {
        background-color: rgba(11, 209, 249, 1);
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    .gumbjezero:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaJezero {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(11, 209, 249, 1);
        border-left: thick solid rgba(11, 209, 249, 1);
        border-top: thick solid rgba(11, 209, 249, 1);
        border-bottom: thick solid rgba(11, 209, 249, 1);
        border-radius: 20%;
    }

    .imeHribovjaJezeroMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(11, 209, 249, 1);
        border-left: thick solid rgba(11, 209, 249, 1);
        border-top: thick solid rgba(11, 209, 249, 1);
        border-bottom: thick solid rgba(11, 209, 249, 1);
        border-radius: 20%;
        margin-left: 20px;
    }

    .ozadje_izvir {
        background-color: rgb(11, 209, 249, 0.75);
        border-radius: 10%;
        text-align: center;
        margin-right: 5px;
    }

    .gumbizvir {
        background-color: rgb(11, 209, 249, 0.75);
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    .gumbizvir:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaIzvir {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(11, 209, 249, 0.75);
        border-left: thick solid rgba(11, 209, 249, 0.75);
        border-top: thick solid rgba(11, 209, 249, 0.75);
        border-bottom: thick solid rgba(11, 209, 249, 0.75);
        border-radius: 20%;
    }

    .imeHribovjaIzvirMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(11, 209, 249, 0.75);
        border-left: thick solid rgba(11, 209, 249, 0.75);
        border-top: thick solid rgba(11, 209, 249, 0.75);
        border-bottom: thick solid rgba(11, 209, 249, 0.75);
        border-radius: 20%;
        margin-left: 20px;
    }

    .ozadje_slap {
        background-color: rgba(11, 209, 249, 0.5);
        border-radius: 10%;
        text-align: center;
        margin-right: 5px;
    }

    .gumbslap {
        background-color: rgba(11, 209, 249, 0.5);
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    .gumbslap:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaSlap {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(11, 209, 249, 0.5);
        border-left: thick solid rgba(11, 209, 249, 0.5);
        border-top: thick solid rgba(11, 209, 249, 0.5);
        border-bottom: thick solid rgba(11, 209, 249, 0.5);
        border-radius: 20%;
    }

    .imeHribovjaSlapMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(11, 209, 249, 0.5);
        border-left: thick solid rgba(11, 209, 249, 0.5);
        border-top: thick solid rgba(11, 209, 249, 0.5);
        border-bottom: thick solid rgba(11, 209, 249, 0.5);
        border-radius: 20%;
        margin-left: 20px;
    }

    .ozadje_cerkev {
        background-color: rgba(75, 192, 192, 1);
        border-radius: 10%;
        text-align: center;
        margin-right: 5px;
    }

    .gumbcerkev {
        background-color: rgba(75, 192, 192, 1);
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    .gumbcerkev:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaCerkev {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(75, 192, 192, 1);
        border-left: thick solid rgba(75, 192, 192, 1);
        border-top: thick solid rgba(75, 192, 192, 1);
        border-bottom: thick solid rgba(75, 192, 192, 1);
        border-radius: 20%;
    }

    .imeHribovjaCerkevMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(75, 192, 192, 1);
        border-left: thick solid rgba(75, 192, 192, 1);
        border-top: thick solid rgba(75, 192, 192, 1);
        border-bottom: thick solid rgba(75, 192, 192, 1);
        border-radius: 20%;
        margin-left: 20px;
    }

    .ozadje_jama {
        background-color: rgba(75, 192, 192, 0.75);
        border-radius: 10%;
        text-align: center;
        margin-right: 5px;
    }

    .gumbjama {
        background-color: rgba(75, 192, 192, 0.75);
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    .gumbjama:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaJama {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(75, 192, 192, 0.75);
        border-left: thick solid rgba(75, 192, 192, 0.75);
        border-top: thick solid rgba(75, 192, 192, 0.75);
        border-bottom: thick solid rgba(75, 192, 192, 0.75);
        border-radius: 20%;
    }

    .imeHribovjaJamaMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(75, 192, 192, 0.75);
        border-left: thick solid rgba(75, 192, 192, 0.75);
        border-top: thick solid rgba(75, 192, 192, 0.75);
        border-bottom: thick solid rgba(75, 192, 192, 0.75);
        border-radius: 20%;
        margin-left: 20px;
    }

    .ozadje_grad {
        background-color: rgba(75, 192, 192, 0.5);
        border-radius: 10%;
        text-align: center;
        margin-right: 5px;
    }

    .gumbgrad {
        background-color: rgba(75, 192, 192, 0.5);
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    .gumbgrad:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaGrad {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(75, 192, 192, 0.5);
        border-left: thick solid rgba(75, 192, 192, 0.5);
        border-top: thick solid rgba(75, 192, 192, 0.5);
        border-bottom: thick solid rgba(75, 192, 192, 0.5);
        border-radius: 20%;
    }

    .imeHribovjaGradMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(75, 192, 192, 0.5);
        border-left: thick solid rgba(75, 192, 192, 0.5);
        border-top: thick solid rgba(75, 192, 192, 0.5);
        border-bottom: thick solid rgba(75, 192, 192, 0.5);
        border-radius: 20%;
        margin-left: 20px;
    }

    .ozadje_parti {
        background-color: rgba(8, 240, 14, 0.3);
        border-radius: 10%;
        text-align: center;
        margin-right: 5px;
    }

    .gumbparti {
        background-color: rgba(8, 240, 14, 0.3);
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    .gumbparti:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaParti {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(0, 204, 102, 1);
        border-left: thick solid rgba(0, 204, 102, 1);
        border-top: thick solid rgba(0, 204, 102, 1);
        border-bottom: thick solid rgba(0, 204, 102, 1);
        border-radius: 20%;
    }

    .imeHribovjaParti {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(0, 204, 102, 0.3);
        border-left: thick solid rgba(0, 204, 102, 0.3);
        border-top: thick solid rgba(0, 204, 102, 0.3);
        border-bottom: thick solid rgba(0, 204, 102, 0.3);
        border-radius: 20%;
        margin-left: 20px;
    }
    .imeHribovjaPartiMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(0, 204, 102, 0.3);
        border-left: thick solid rgba(0, 204, 102, 0.3);
        border-top: thick solid rgba(0, 204, 102, 0.3);
        border-bottom: thick solid rgba(0, 204, 102, 0.3);
        border-radius: 20%;
        margin-left: 20px;
    }

    
    .imeHribovjaRim {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(0, 204, 102, 1);
        border-left: thick solid rgba(0, 204, 102, 1);
        border-top: thick solid rgba(0, 204, 102, 1);
        border-bottom: thick solid rgba(0, 204, 102,1);
        border-radius: 20%;
        margin-left: 20px;
    }
    .imeHribovjaRimMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(0, 204, 102, 1);
        border-left: thick solid rgba(0, 204, 102, 1);
        border-top: thick solid rgba(0, 204, 102, 13);
        border-bottom: thick solid rgba(0, 204, 102, 1);
        border-radius: 20%;
        margin-left: 20px;
    }

    .ozadje_rim {
        background-color: rgba(8, 240, 14, 1);
        border-radius: 10%;
        text-align: center;
        margin-right: 5px;
    }

    .gumbrimljani {
        background-color: rgba(8, 240, 14, 1);
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    .gumbrim {
        background-color: rgba(8, 240, 14, 1);
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    .gumbrim:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .gumbrimljani:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaRimljani {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(0, 204, 102, 1);
        border-left: thick solid rgba(0, 204, 102, 1);
        border-top: thick solid rgba(0, 204, 102, 1);
        border-bottom: thick solid rgba(0, 204, 102, 1);
        border-radius: 20%;
    }

    .imeHribovjaRimljani {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(0, 204, 102, 1);
        border-left: thick solid rgba(0, 204, 102, 1);
        border-top: thick solid rgba(0, 204, 102, 1);
        border-bottom: thick solid rgba(0, 204, 102, 1);
        border-radius: 20%;
        margin-left: 20px;
    }

    .ozadje_soska {
        background-color: rgba(8, 240, 14, 0.6);
        border-radius: 10%;
        text-align: center;
        margin-right: 5px;
    }


    .gumbsoska {
        background-color: rgba(8, 240, 14, 0.6);
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    .gumbsoska:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaSoska {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(0, 204, 102,0.6);
        border-left: thick solid rgba(0, 204, 102, 0.6);
        border-top: thick solid rgba(0, 204, 102, 0.6);
        border-bottom: thick solid rgba(0, 204, 102, 0.6);
        border-radius: 20%;
    }

    .imeHribovjaSoska {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(0, 204, 102, 0.6);
        border-left: thick solid rgba(0, 204, 102, 0.6);
        border-top: thick solid rgba(0, 204, 102, 0.6);
        border-bottom: thick solid rgba(0, 204, 102, 0.6);
        border-radius: 20%;
        margin-left: 20px;
    }
    .imeHribovjaSoskaMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(0, 204, 102, 0.6);
        border-left: thick solid rgba(0, 204, 102, 0.6);
        border-top: thick solid rgba(0, 204, 102, 0.6);
        border-bottom: thick solid rgba(0, 204, 102, 0.6);
        border-radius: 20%;
        margin-left: 20px;
    }





    .ozadje_bivak {
        background-color: rgba(0, 204, 102, 0.75);
        border-radius: 10%;
        text-align: center;
        margin-right: 5px;
    }

    .gumbbivak {
        background-color: rgba(0, 204, 102, 0.75);
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    .gumbbivak:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaBivak {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(0, 204, 102, 0.75);
        border-left: thick solid rgba(0, 204, 102, 0.75);
        border-top: thick solid rgba(0, 204, 102, 0.75);
        border-bottom: thick solid rgba(0, 204, 102, 0.75);
        border-radius: 20%;
    }

    .imeHribovjaBivakMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(0, 204, 102, 0.75);
        border-left: thick solid rgba(0, 204, 102, 0.75);
        border-top: thick solid rgba(0, 204, 102, 0.75);
        border-bottom: thick solid rgba(0, 204, 102, 0.75);
        border-radius: 20%;
        margin-left: 20px;
    }

    .ozadje_koca {
        background-color: rgba(0, 204, 102, 0.5);
        border-radius: 10%;
        text-align: center;
        margin-right: 5px;
    }

    .gumbkoca {
        background-color: rgba(0, 204, 102, 0.5);
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    .gumbkoca:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaKoca {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(0, 204, 102, 0.5);
        border-left: thick solid rgba(0, 204, 102, 0.5);
        border-top: thick solid rgba(0, 204, 102, 0.5);
        border-bottom: thick solid rgba(0, 204, 102, 0.5);
        border-radius: 20%;
    }

    .imeHribovjaKocaMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(0, 204, 102, 0.5);
        border-left: thick solid rgba(0, 204, 102, 0.5);
        border-top: thick solid rgba(0, 204, 102, 0.5);
        border-bottom: thick solid rgba(0, 204, 102, 0.5);
        border-radius: 20%;
        margin-left: 20px;
    }

    .ozadje_planina {
        background-color: rgba(51, 255, 153, 1);
        border-radius: 10%;
        text-align: center;
        margin-right: 5px;
    }

    .gumbplanina {
        background-color: rgba(51, 255, 153, 1);
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    .gumbplanina:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaPlanina {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(51, 255, 153, 1);
        border-left: thick solid rgba(51, 255, 153, 1);
        border-top: thick solid rgba(51, 255, 153, 1);
        border-bottom: thick solid rgba(51, 255, 153, 1);
        border-radius: 20%;
    }

    .imeHribovjaPlaninaMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(51, 255, 153, 1);
        border-left: thick solid rgba(51, 255, 153, 1);
        border-top: thick solid rgba(51, 255, 153, 1);
        border-bottom: thick solid rgba(51, 255, 153, 1);
        border-radius: 20%;
        margin-left: 20px;
    }

    .ozadje_pragozd {
        background-color: rgba(51, 255, 153, 0.75);
        border-radius: 10%;
        text-align: center;
        margin-right: 5px;
    }

    .gumbpragozd {
        background-color: rgba(51, 255, 153, 0.75);
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    .gumbpragozd:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaPragozd {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(51, 255, 153, 0.75);
        border-left: thick solid rgba(51, 255, 153, 0.75);
        border-top: thick solid rgba(51, 255, 153, 0.75);
        border-bottom: thick solid rgba(51, 255, 153, 0.75);
        border-radius: 20%;
    }

    .imeHribovjaPragozdMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(51, 255, 153, 0.75);
        border-left: thick solid rgba(51, 255, 153, 0.75);
        border-top: thick solid rgba(51, 255, 153, 0.75);
        border-bottom: thick solid rgba(51, 255, 153, 0.75);
        border-radius: 20%;
        margin-left: 20px;
    }

    .ozadje_drevo {
        background-color: rgba(51, 255, 153, 0.5);
        border-radius: 10%;
        text-align: center;
        margin-right: 5px;
    }

    .gumbdrevo {
        background-color: rgba(51, 255, 153, 0.5);
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    .gumbdrevo:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaDrevo {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(51, 255, 153, 0.5);
        border-left: thick solid rgba(51, 255, 153, 0.5);
        border-top: thick solid rgba(51, 255, 153, 0.5);
        border-bottom: thick solid rgba(51, 255, 153, 0.5);
        border-radius: 20%;
    }

    .imeHribovjaDrevoMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(51, 255, 153, 0.5);
        border-left: thick solid rgba(51, 255, 153, 0.5);
        border-top: thick solid rgba(51, 255, 153, 0.5);
        border-bottom: thick solid rgba(51, 255, 153, 0.5);
        border-radius: 20%;
        margin-left: 20px;
    }

    .gumb2k {
        background-color: #de432a;
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    .gumb2k:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .gumb2000 {
        background-color: #fa5b5b;
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    .gumb2000:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .gumb1500 {
        background-color: yellow;
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    .gumb1500:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .ozadje_ostalo {
        background-color: rgba(158, 201, 207, 255);
        border-radius: 10%;
        text-align: center;
        margin-right: 5px;
    }

    .gumbostalo {
        background-color: rgba(158, 201, 207, 255);
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    .gumbostalo:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .imeHribovjaOstalo {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(158, 201, 207, 255);
        border-left: thick solid rgba(158, 201, 207, 255);
        border-top: thick solid rgba(158, 201, 207, 255);
        border-bottom: thick solid rgba(158, 201, 207, 255);
        border-radius: 20%;
    }

    .imeHribovjaOstaloMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid rgba(158, 201, 207, 255);
        border-left: thick solid rgba(158, 201, 207, 255);
        border-top: thick solid rgba(158, 201, 207, 255);
        border-bottom: thick solid rgba(158, 201, 207, 255);
        border-radius: 20%;
        margin-left: 20px;
    }

    .nasredino2244 {
        align-items: center;
    }



    .imeHribovja2000 {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #fa5b5b;
        border-left: thick solid #fa5b5b;
        border-top: thick solid #fa5b5b;
        border-bottom: thick solid #fa5b5b;
        border-radius: 20%;
    }

    #imeHribovja2 {
        font-size: 1.5vw;
    }

    .imeHribovja2000Malo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #fa5b5b;
        border-left: thick solid #fa5b5b;
        border-top: thick solid #fa5b5b;
        border-bottom: thick solid #fa5b5b;
        border-radius: 20%;
        margin-left: 20px;
    }

    .imeHribovja1500 {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid yellow;
        border-left: thick solid yellow;
        border-top: thick solid yellow;
        border-bottom: thick solid yellow;
        border-radius: 20%;
    }

    .imeHribovja1500Malo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid yellow;
        border-left: thick solid yellow;
        border-top: thick solid yellow;
        border-bottom: thick solid yellow;
        border-radius: 20%;
        margin-left: 20px;
    }

    .imeHribovja2000Vrhovi {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        padding: 0px;
        background: powderblue;
        border-right: thick solid red;
        border-left: thick solid red;
        border-top: thick solid red;
        border-bottom: thick solid red;
        border-radius: 20%;
    }

    .imeHribovjaABC {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        padding: 0px;
        background: powderblue;
        border-right: thick solid red;
        border-left: thick solid red;
        border-top: thick solid red;
        border-bottom: thick solid red;
        border-radius: 20%;
    }

    .imeHribovja2000VrhoviMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        padding: 0px;
        background: powderblue;
        border-right: thick solid red;
        border-left: thick solid red;
        border-top: thick solid red;
        border-bottom: thick solid red;
        border-radius: 20%;
        margin-left: 20px;
    }

    .imeHribovjaABCMalo {
        font-size: 20px;
        width: 100%;
        margin: 0 auto;
        padding: 0px;
        background: powderblue;
        border-right: thick solid red;
        border-left: thick solid red;
        border-top: thick solid red;
        border-bottom: thick solid red;
        border-radius: 20%;
        margin-left: 20px;
    }

    .imeHribovjaDefault {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #36b85d;
        border-left: thick solid #36b85d;
        border-top: thick solid #36b85d;
        border-bottom: thick solid #36b85d;
        border-radius: 20%;
    }

    .imeHribovja {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: powderblue;
        border-right: thick solid #36b85d;
        border-left: thick solid #36b85d;
        border-top: thick solid #36b85d;
        border-bottom: thick solid #36b85d;
        border-radius: 20%;
    }

    .sivoozadje {
        border-radius: 10%;
        text-align: center;
        margin-right: 5px;
    }

    .tablePetPloscic {
        padding-top: 30px;
        border-spacing: 15px;
        width: 80%;
        table-layout: fixed;
    }

    .bottomplac {
        padding-bottom: 50px;
    }

    .roundedimg1 {
        border-radius: 100%;
    }

    .roundedimg2 {
        border-radius: 100%;
        max-width: 100%;

    }

    .opisPrazna {
        font-size: 2vw
    }

    .gumbzadodat {
        height: 70px;
        width: 70px;
        font-size: 70px;
        border-radius: 100%;
    }

    #btnGrafiRegija {
        background-color: #4CAF50;
        border: none;
        color: white;
        padding: 10px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 1.5vw;
        border-radius: 30%;
    }

    #btnGrafiRegija:hover {
        background-color: #f2f2f2;
        color: black;
    }

    #imetockelabel {
        text-align: center;
        padding-top: 100px;
        margin-top: 100px;
        max-width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }




    #btnSlike {
        background-color: #4CAF50;
        border: none;
        color: white;
        padding: 10px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 1.5vw;
        border-radius: 30%;
    }

    .roundedimg {
        border-radius: 20%;

        padding-top: 5px;
        text-align: center;
    }

    .roundedimggray {
        border-radius: 20%;
        filter: grayscale(100%) brightness(140%);

        padding-top: 5px;
        text-align: center;
    }

    .distancelabel {
        font-size: 1.5vw;
    }

    .distancelabel2 {
        font-size: 3vw;
    }

    #btnPodrobnosti {
        background-color: #4CAF50;
        border: none;
        color: white;
        padding: 10px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 1.5vw;
        border-radius: 30%;
    }

    #btnPodrobnosti:hover {
        background-color: #f2f2f2;
        color: black;
    }

    #btnKartice {
        background-color: #4CAF50;
        border: none;
        color: white;
        padding: 10px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 1.5vw;
        border-radius: 30%;
    }

    #btnKartice:hover {
        background-color: #f2f2f2;
        color: black;
    }

    #btnTabela {
        background-color: #4CAF50;
        border: none;
        color: white;
        padding: 10px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 1.5vw;
        border-radius: 30%;
    }

    #btnVOkolici {
        background-color: #4CAF50;
        border: none;
        color: white;
        padding: 10px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 1.5vw;
        border-radius: 30%;
    }

    #btnVOkolici:hover {
        background-color: #f2f2f2;
        color: black;
    }

    #btnMesta {
        background-color: #4CAF50;
        border: none;
        color: white;
        padding: 10px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 1.5vw;
        border-radius: 30%;

    }

    #btnMesta:hover {
        background-color: #f2f2f2;
        color: black;
    }

    #btnNaZemljevidu {
        background-color: #4CAF50;
        border: none;
        color: white;
        padding: 10px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 1.5vw;
        border-radius: 30%;

    }

    #mesto {
        font-size: 1.5vw;
    }

    #btnNaZemljevidu:hover {
        background-color: #f2f2f2;
        color: black;
    }

    #detajliGorovjeKSA {
        text-align: center;
    }

    .gorovjasirinatabele {
        width: 10%;
        text-align: center;
    }

    .gorovjasirinatabele2 {

        text-align: center;
        table-layout: fixed;
        width: 20vw;
    }

    .gorovjasirinatabele123 {
        text-align: center;
        table-layout: fixed;
        width: 30vw;
    }

    .levideltabele {
        width: 20%;
    }

    #tabelaStevilkeVrstaTocke {
        table-layout: fixed;
    }

    #tabelaJumboKSA {
        width: 80%;
    }

    .biggertitleKSA {
        font-size: 2vw;
        height: 15vh;

        background-color: #2AC5DE;
        border-radius: 10%;
        width: 100%;
    }

    .biggertitleKSA2 {
        font-size: 2vw;
        height: 17vh;
        background-color: #2AC5DE;
        border-radius: 10%;
        width: 100%;
    }

    .smallertitleKSA {
        font-size: 1.5vw;
        background-color: #2AC5DE;
        border-radius: 10%;
    }

    .biggertitleJUL {
        font-size: 2vw;
        height: 15vh;
        background-color: #0935FF;
        border-radius: 10%;
        width: 100%;
    }

    .biggertitleJUL2 {
        font-size: 2vw;
        height: 17vh;
        background-color: #0935FF;
        border-radius: 10%;
        width: 100%;
    }

    .smallertitleJUL {
        font-size: 1.5vw;
        background-color: #0935FF;
        border-radius: 10%;
    }

    .smallertitleKAR {
        font-size: 1.5vw;
        background-color: #3ED037;
        border-radius: 10%;
    }

    .biggertitleKAR {
        font-size: 2vw;
        height: 15vh;
        background-color: #3ED037;
        border-radius: 10%;
        width: 100%;
    }

    .biggertitleKAR2 {
        font-size: 2vw;
        height: 17vh;
        background-color: #3ED037;
        border-radius: 10%;
        width: 100%;
    }

    .biggertitleGOR {
        font-size: 2vw;
        height: 14vh;
        background-color: #DED52A;
        border-radius: 10%;
        width: 100%;
    }

    .biggertitleGOR2 {
        font-size: 2vw;
        height: 15vh;
        background-color: #DED52A;
        border-radius: 10%;
        width: 100%;
    }

    .smallertitleGOR {
        font-size: 1.5vw;
        background-color: #DED52A;
        border-radius: 10%;
    }

    .biggertitlePOH {
        font-size: 2vw;
        height: 14vh;
        background-color: #B72ADE;
        border-radius: 10%;
        width: 100%;
    }

    .biggertitlePOH2 {
        font-size: 2vw;
        height: 15vh;
        background-color: #B72ADE;
        border-radius: 10%;
        width: 100%;
    }

    .smallertitlePOH {
        font-size: 1.5vw;
        background-color: #B72ADE;
        border-radius: 20%;
    }

    .biggertitlePOL {
        font-size: 2vw;
        height: 14vh;
        background-color: #D84129;
        border-radius: 10%;
        width: 100%;
    }

    .biggertitlePOL2 {
        font-size: 2vw;
        height: 15vh;
        background-color: #D84129;
        border-radius: 10%;
        width: 100%;
    }

    .smallertitlePOL {
        font-size: 1.5vw;
        background-color: #D84129;
        border-radius: 10%;
    }

    .biggertitleSKO {
        font-size: 2vw;
        height: 14vh;
        background-color: #6570CD;
        border-radius: 10%;
        width: 100%;
    }

    .biggertitleSKO2 {
        font-size: 2vw;
        height: 15vh;
        background-color: #6570CD;
        border-radius: 10%;
        width: 100%;
    }

    .smallertitleSKO {
        font-size: 1.5vw;
        background-color: #6570CD;
        border-radius: 10%;
    }

    .biggertitleZAS {
        font-size: 2vw;
        height: 14vh;
        background-color: #FF7C09;
        border-radius: 10%;
        width: 100%;
    }

    .biggertitleZAS2 {
        font-size: 2vw;
        height: 15vh;
        background-color: #FF7C09;
        border-radius: 10%;
        width: 100%;
    }

    .smallertitleZAS {
        font-size: 1.5vw;
        background-color: #FF7C09;
        border-radius: 10%;
    }

    .biggertitleDOL {
        font-size: 2vw;
        height: 14vh;
        background-color: #4E86C5;
        border-radius: 10%;
        width: 100%;
    }

    .biggertitleDOL2 {
        font-size: 2vw;
        height: 15vh;
        background-color: #4E86C5;
        border-radius: 10%;
        width: 100%;
    }

    .smallertitleDOL {
        font-size: 1.5vw;
        background-color: #4E86C5;
        border-radius: 10%;
    }

    .biggertitlePRE {
        font-size: 2vw;
        height: 14vh;
        background-color: #FF02D7;
        border-radius: 10%;
        width: 100%;
    }

    .biggertitlePRE2 {
        font-size: 2vw;
        height: 15vh;
        background-color: #FF02D7;
        border-radius: 10%;
        width: 100%;
    }

    .smallertitlePRE {
        font-size: 1.5vw;
        background-color: #FF02D7;
        border-radius: 10%;
    }

    .biggertitleSGH {
        font-size: 2vw;
        height: 14vh;
        background-color: #634EC5;
        border-radius: 10%;
        width: 100%;
    }

    .biggertitleSGH2 {
        font-size: 2vw;
        height: 15vh;
        background-color: #634EC5;
        border-radius: 10%;
        width: 100%;
    }

    .smallertitleSGH {
        font-size: 1.5vw;
        background-color: #634EC5;
        border-radius: 10%;
    }

    .biggertitleSTR {
        font-size: 2vw;
        height: 14vh;
        background-color: #A9DC4E;
        border-radius: 10%;
        width: 100%;
    }

    .biggertitleSTR2 {
        font-size: 2vw;
        height: 15vh;
        background-color: #A9DC4E;
        border-radius: 10%;
        width: 100%;
    }

    .smallertitleSTR {
        font-size: 1.5vw;
        background-color: #A9DC4E;
        border-radius: 10%;
    }

    .biggertitleOBA {
        font-size: 2vw;
        height: 14vh;
        background-color: #29438C;
        border-radius: 10%;
        width: 100%;
    }

    .biggertitleOBA2 {
        font-size: 2vw;
        height: 15vh;
        background-color: #29438C;
        border-radius: 10%;
        width: 100%;
    }

    .smallertitleOBA {
        font-size: 1.5vw;
        background-color: #29438C;
        border-radius: 10%;
    }

    .biggertitleNOT {
        font-size: 2vw;
        height: 14vh;
        background-color: #72D1B1;
        border-radius: 10%;
        width: 100%;
    }

    .biggertitleNOT2 {
        font-size: 2vw;
        height: 15vh;
        background-color: #72D1B1;
        border-radius: 10%;
        width: 100%;
    }

    .smallertitleNOT {
        font-size: 1.5vw;
        background-color: #72D1B1;
        border-radius: 10%;
    }

    .biggertitleKOC {
        font-size: 2vw;
        height: 14vh;
        background-color: #E2EE35;
        border-radius: 10%;
        width: 100%;
    }

    .biggertitleKOC2 {
        font-size: 2vw;
        height: 15vh;
        background-color: #E2EE35;
        border-radius: 10%;
        width: 100%;
    }

    .smallertitleKOC {
        font-size: 1.5vw;
        background-color: #E2EE35;
        border-radius: 10%;
    }

    .biggertitleVZH {
        font-size: 2vw;
        height: 14vh;
        background-color: #2CB09D;
        border-radius: 10%;
        width: 100%;
    }

    .biggertitleVZH2 {
        font-size: 2vw;
        height: 15vh;
        background-color: #2CB09D;
        border-radius: 10%;
        width: 100%;
    }

    .smallertitleVZH {
        font-size: 1.5vw;
        background-color: #2CB09D;
        border-radius: 10%;
    }

    .biggertitleJEL {
        font-size: 2vw;
        height: 14vh;
        background-color: #2C9360;
        border-radius: 10%;
        width: 100%;
    }

    .biggertitleJEL2 {
        font-size: 2vw;
        height: 15vh;
        background-color: #2C9360;
        border-radius: 10%;
        width: 100%;
    }

    .smallertitleJEL {
        font-size: 1.5vw;
        background-color: #2C9360;
        border-radius: 10%;
    }

    .biggertitleVRH {
        font-size: 30px;
        height: 105px;
        background-color: rgba(54, 162, 235, 1);
        border-radius: 10%;
    }

    .smallertitleVRH {
        font-size: 25px;
        height: 40px;
        background-color: rgba(54, 162, 235, 1);
        border-radius: 10%;
    }

    .podatkivrh {
        font-size: 1vw;
        background-color: rgba(54, 162, 235, 1);
        border-radius: 10%;
    }

    .podatkivrh2 {
        font-size: 1vw;
        background-color: rgba(54, 162, 235, 1);
        border-radius: 20%;
        width: 6%;
    }

    .biggertitleSTOLP {
        font-size: 30px;
        height: 105px;
        background-color: rgba(54, 162, 235, 0.75);
        border-radius: 10%;
    }

    .smallertitleSTOLP {
        font-size: 25px;
        height: 40px;
        background-color: rgba(54, 162, 235, 0.75);
        border-radius: 10%;
    }

    .podatkistolp {
        font-size: 1vw;
        background-color: rgba(54, 162, 235, 0.75);
        border-radius: 10%;
    }

    .podatkistolp2 {
        font-size: 1vw;
        background-color: rgba(54, 162, 235, 0.75);
        border-radius: 20%;
        width: 8%;
    }

    .biggertitleVRHCERKEV {
        font-size: 30px;
        height: 105px;
        background-color: rgba(54, 162, 235, 0.5);
        border-radius: 10%;
    }

    .smallertitleVRHCERKEV {
        font-size: 25px;
        height: 40px;
        background-color: rgba(54, 162, 235, 0.5);
        border-radius: 10%;
    }

    .podatkivrhcerkev {
        font-size: 1vw;
        background-color: rgba(54, 162, 235, 0.5);
        border-radius: 10%;
    }

    .podatkivrhcerkev2 {
        font-size: 1vw;
        background-color: rgba(54, 162, 235, 0.5);
        border-radius: 20%;
        width: 8%;
    }

    .biggertitlePLANINA {
        font-size: 30px;
        height: 105px;
        background-color: rgba(51, 255, 153, 1);
        border-radius: 10%;
    }

    .smallertitlePLANINA {
        font-size: 25px;
        height: 40px;
        background-color: rgba(51, 255, 153, 1);
        border-radius: 10%;
    }

    .podatkiplanina {
        font-size: 1vw;
        background-color: rgba(51, 255, 153, 1);
        border-radius: 10%;
    }

    .podatkiplanina2 {
        font-size: 1vw;
        background-color: rgba(51, 255, 153, 1);
        border-radius: 20%;
        width: 6%;
    }

    .biggertitleKOCA {
        font-size: 30px;
        height: 105px;
        background-color: rgba(0, 204, 102, 0.5);
        border-radius: 10%;
    }

    .smallertitleKOCA {
        font-size: 25px;
        height: 40px;
        background-color: rgba(0, 204, 102, 0.5);
        border-radius: 10%;
    }

    .podatkikoca {
        font-size: 1vw;
        background-color: rgba(0, 204, 102, 0.5);
        border-radius: 10%;
        width: 12%;
    }

    .podatkikoca2 {
        font-size: 1vw;
        background-color: rgba(0, 204, 102, 0.5);
        border-radius: 20%;
        width: 6%;
    }

    .biggertitleCERKEV {
        font-size: 30px;
        height: 105px;
        background-color: rgba(54, 162, 235, 0.5);
        border-radius: 10%;
    }

    .smallertitleCERKEV {
        font-size: 25px;
        height: 40px;
        background-color: rgba(54, 162, 235, 0.5);
        border-radius: 10%;
    }

    .podatkicerkev {
        font-size: 1vw;
        background-color: rgba(54, 162, 235, 0.5);
        border-radius: 10%;
    }

    .podatkicerkev2 {
        font-size: 1vw;
        background-color: rgba(54, 162, 235, 0.5);
        border-radius: 20%;
        width: 6%;
    }

    .biggertitleJEZERO {
        font-size: 30px;
        height: 105px;
        background-color: rgba(11, 209, 249, 1);
        border-radius: 10%;
    }

    .smallertitleJEZERO {
        font-size: 25px;
        height: 40px;
        background-color: rgba(11, 209, 249, 1);
        border-radius: 10%;
    }

    .podatkijezero {
        font-size: 1vw;
        background-color: rgba(11, 209, 249, 1);
        border-radius: 10%;
    }

    .podatkijezero2 {
        font-size: 1vw;
        background-color: rgba(11, 209, 249, 1);
        border-radius: 20%;
        width: 6%;
    }

    .biggertitleDREVO {
        font-size: 30px;
        height: 105px;
        background-color: rgba(51, 255, 153, 0.5);
        border-radius: 10%;
    }

    .smallertitleDREVO {
        font-size: 25px;
        height: 40px;
        background-color: rgba(51, 255, 153, 0.5);
        border-radius: 10%;
    }

    .podatkidrevo {
        font-size: 1vw;
        background-color: rgba(51, 255, 153, 0.5);
        border-radius: 10%;
    }

    .podatkidrevo2 {
        font-size: 1vw;
        background-color: rgba(51, 255, 153, 0.5);
        border-radius: 20%;
        width: 6%;
    }

    .biggertitleGRAD {
        font-size: 30px;
        height: 105px;
        background-color: rgba(75, 192, 192, 0.5);
        border-radius: 10%;
    }

    .smallertitleGRAD {
        font-size: 25px;
        height: 40px;
        background-color: rgba(75, 192, 192, 0.5);
        border-radius: 10%;
    }

    .podatkigrad {
        font-size: 1vw;
        background-color: rgba(75, 192, 192, 0.5);
        border-radius: 10%;
    }

    .podatkigrad2 {
        font-size: 1vw;
        background-color: rgba(75, 192, 192, 0.5);
        border-radius: 20%;
        width: 6%;
    }

    .biggertitleSLAP {
        font-size: 30px;
        height: 105px;
        background-color: rgba(11, 209, 249, 0.5);
        border-radius: 10%;
    }

    .smallertitleSLAP {
        font-size: 25px;
        height: 40px;
        background-color: rgba(11, 209, 249, 0.5);
        border-radius: 10%;
    }

    .podatkislap {
        font-size: 1vw;
        background-color: rgba(11, 209, 249, 0.5);
        border-radius: 10%;
    }

    .podatkislap2 {
        font-size: 1vw;
        background-color: rgba(11, 209, 249, 0.5);
        border-radius: 20%;
        width: 6%;
    }

    .biggertitleIZVIR {
        font-size: 30px;
        height: 105px;
        background-color: rgb(11, 209, 249, 0.75);
        border-radius: 10%;
    }

    .smallertitleIZVIR {
        font-size: 25px;
        height: 40px;
        background-color: rgb(11, 209, 249, 0.75);
        border-radius: 10%;
    }

    .podatkiizvir {
        font-size: 1vw;
        background-color: rgb(11, 209, 249, 0.75);
        border-radius: 10%;
    }

    .podatkiizvir2 {
        font-size: 1vw;
        background-color: rgb(11, 209, 249, 0.75);
        border-radius: 20%;
        width: 6%;
    }

    .biggertitleBIVAK {
        font-size: 30px;
        height: 105px;
        background-color: rgba(0, 204, 102, 0.75);
        border-radius: 10%;
    }

    .smallertitleBIVAK {
        font-size: 25px;
        height: 40px;
        background-color: rgba(0, 204, 102, 0.75);
        border-radius: 10%;
    }

    .podatkibivak {
        font-size: 1vw;
        background-color: rgba(0, 204, 102, 0.75);
        border-radius: 10%;
    }

    .podatkibivak2 {
        font-size: 1vw;
        background-color: rgba(0, 204, 102, 0.75);
        border-radius: 20%;
        width: 6%;
    }

    .biggertitleJAMA {
        font-size: 30px;
        height: 105px;
        background-color: rgba(75, 192, 192, 0.75);
        border-radius: 10%;
    }

    .smallertitleJAMA {
        font-size: 25px;
        height: 40px;
        background-color: rgba(75, 192, 192, 0.75);
        border-radius: 10%;
    }

    .podatkijama {
        font-size: 1vw;
        background-color: rgba(75, 192, 192, 0.75);
        border-radius: 10%;
    }

    .podatkijama2 {
        font-size: 1vw;
        background-color: rgba(75, 192, 192, 0.75);
        border-radius: 20%;
        width: 6%;
    }

    .biggertitleOSTALO {
        font-size: 30px;
        height: 105px;
        background-color: rgba(158, 201, 207, 255);
        border-radius: 10%;
    }

    .smallertitleOSTALO {
        font-size: 25px;
        height: 40px;
        background-color: rgba(158, 201, 207, 255);
        border-radius: 10%;
    }

    .podatkiostalo {
        font-size: 1vw;
        background-color: rgba(158, 201, 207, 255);
        border-radius: 10%;
    }

    .podatkiostalo2 {
        font-size: 1vw;
        background-color: rgba(158, 201, 207, 255);
        border-radius: 20%;
        width: 6%;
    }

    .biggertitlePRAGOZD {
        font-size: 30px;
        height: 105px;
        background-color: rgba(51, 255, 153, 0.75);
        border-radius: 10%;
    }

    .smallertitlePRAGOZD {
        font-size: 25px;
        height: 40px;
        background-color: rgba(51, 255, 153, 0.75);
        border-radius: 10%;
    }

    .podatkipragozd {
        font-size: 1vw;
        background-color: rgba(51, 255, 153, 0.75);
        border-radius: 10%;
    }

    .podatkipragozd2 {
        font-size: 1vw;
        background-color: rgba(51, 255, 153, 0.75);
        border-radius: 20%;
        width: 80px;
    }

    .biggertitlePARTI {
        font-size: 30px;
        height: 105px;
        background-color: rgba(8, 240, 14, 0.3);
        border-radius: 10%;
    }

    .smallertitlePARTI {
        font-size: 25px;
        height: 40px;
        background-color: rgba(8, 240, 14, 0.3);
        border-radius: 10%;
    }

    .podatkiparti {
        font-size: 1vw;
        background-color: rgba(8, 240, 14, 0.3);
        border-radius: 10%;
    }

    .podatkiparti2 {
        font-size: 1vw;
        background-color:rgba(8, 240, 14, 0.3);
        border-radius: 20%;
        width: 8%;
    }

    .podatki2tisocaki {
        font-size: 1.5vw;
        background-color: black;
        color: white;
        border-radius: 10%;
    }

    .txtcenter {
        align-items: center;
        text-align: center;
    }

    .buttonzelen {
        background-color: #4CAF50;
        border: none;
        color: white;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 21px;
        border-radius: 10%;
        width: 49%;
    }

    .imetockelabel {
        vertical-align: top;

    }

    .buttonzelen2 {
        background-color: #4CAF50;
        border: none;
        color: white;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 21px;
        border-radius: 10%;
        width: 49%;
        height: 36px;
    }

    .buttonzelen:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .buttonzelen2:hover {
        background-color: #f2f2f2;
        color: black;
    }

    #btnTabela:hover {
        background-color: #f2f2f2;
        color: black;
    }

    #btnSlike:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .malodleve {
        margin-left: 49px;
    }

    #razdalja3 {
        font-size: 1.5vw;
    }

    #do123 {
        font-size: 1.5vw;
        margin-left: 10px;
    }

    .datumVelikeCrke {
        background-color: #4CAF50;
        border-radius: 50%;
        text-align: center;
        font-size: 30px;

    }

    #grafiVseSkupaj {
        background-color: #2df68c;

        border: none;
        color: white;
        padding: 10px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 1.5vw;
        border-radius: 20%;
        display: block;
        margin: auto;


    }

    .itemsaligncenter {
        align-items: center;
    }

    #grafiVseSkupaj:hover {
        background-color: #f2f2f2;
        color: black;
    }

    #buttonStatistika {
        background-color: #08f00e;

        border: none;
        color: white;
        padding: 10px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 1.5vw;
        border-radius: 20%;

        display: block;
        margin: auto;
    }



    #vse-stevPrikaz {
        text-align: center;
        font-size: 2vw;

    }

    #vse-stevPrikazTR {
        text-align: center;


    }

    #vse-napredekPrikaz {
        text-align: center;
        font-size: 1vw;
        width: 100%;
    }

    #canvasVrstePie {
        font-size: 1vw;
    }



    #buttonStatistika:hover {
        background-color: #f2f2f2;
        color: black;
    }

    #btnVseHoolder {
        margin-left: 15px;
    }

    #btnVse {
        font-size: 1vw;
    }

    .columnGrafVisina1 {
        background-color: #FFFFFF;
        position: absolute;
        left: 950px;
        width: 340px;
        height: 100px;
    }

    #btnSeznam:active {
        background-color: rgb(28, 156, 71);
    }

    .inlineTable {
        float: left;
        table-layout: fixed;
    }

    .verticalLine {
        border-left: thick solid #ff0000;
    }

    .sredina122 {
        text-align: center;
        font-size: 1vw;
    }

    .sredina133 {
        text-align: center;
        font-size: 1.4vw;
    }

    .row:after {
        content: "";
        display: table;
        clear: both;
    }

    #visinarangemin {
        width: 95%
    }

    #visinarangemax {
        width: 95%
    }

    .widthProgress {
        width: 100%;
        font-size: 1vw;
    }



    progress {
        text-align: center;
    }

    progress:after {
        content: attr(value)'%';
    }

    .tipiinvisine {
        background-color: #72D1B1;
        width: 100%;
        display: block;
    }

    .vseskupaj {
        background-color: black;
        width: 100%;
        display: block;
        color: white;
    }

    .vseskupaj:hover {
        background-color: #f2f2f2;
        color: black;
    }

    #gumbiGOR {
        padding-right: 3%;
        border-right: thick solid #2df68c;
    }



    #vse-stevPrikaz2 {
        font-size: 2vw;
    }

    #gumbiGOR2 {
        margin-left: 3%;
        padding-right: 3%;
        border-right: thick solid #08f00e;
    }

    #gumbiGOR2abc {
        margin-left: 3%;
        padding-right: 3%;

    }

    .sizeth {
        font-size: 1.4vw;
    }

    .middle1vw {
        font-size: 1vw;
        text-align: center;

    }

    #gumbiGOR2a {
        margin-left: 3%;
        padding-right: 3%;

        text-align: center;
    }

    #velikatabela {
        table-layout: fixed;

    }

    table {
        border-spacing: 1%;

    }

    td {
        padding: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    #gumbiGOR5 {
        margin-left: 3%;

    }

    #lbl1 {
        font-size: 30px;
        width: 100%;
        margin: 0 auto;
        margin-left: 2000;
        padding: 0px;
        background: rgb(157, 218, 192);
        border-right: thick solid #36b85d;
        border-left: thick solid #36b85d;
        border-top: thick solid #36b85d;
        border-bottom: thick solid #36b85d;
    }

    #divPohodi {
        text-align: center;
        align-items: center;
    }

    .center {
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        border-radius: 40%;
    }

    .stylePopup .leaflet-popup-tip {
        background-color: #f4913b;
        padding: 8px;
    }

    #gumbiGOR3 {
        font-size: 15px;
        background-color: #6e8def;
        margin: 10 auto;


        border-radius: 30%;
    }

    #gumbiGOR3a {
        font-size: 15px;
        background-color: #2db4f8;
        margin: 10 auto;
        padding: 3vh;

        border-radius: 30%;
    }

    #labelImeTocke {
        text-align: center;
        font-size: 15px;
        background-color: rgb(96, 198, 224);
        margin: 10 auto;
        padding: 7px;
        margin-left: 20px;
        width: 100%;
    }

    #tabIskanje {
        font-size: 15px;
        background-color: #34e0d4;
        margin: 10 auto;
        padding: 7px;

        border-radius: 30%;
    }

    .wrapper {
        text-align: center;
    }

    .button {
        position: absolute;
        top: 50%;
    }

    #gumbiGOR4 {
        font-size: 15px;
        background-color: rgb(167, 241, 192);
        margin-left: 30px;
    }

    #statTabela {
        font-size: 17px;
        background-color: rgb(167, 241, 192);
        padding: 21px;

        padding-left: 25px;
        padding-right: 25px;
    }

    #statTabelaOLD {
        font-size: 17px;
        background-color: rgb(167, 241, 192);
        padding: 21px;
        margin-left: 1045px;
        padding-left: 25px;
        padding-right: 25px;
    }

    #tabelaMaxDosezkov {
        font-size: 17px;
        background-color: rgb(167, 241, 192);
        margin: 10 auto;
        padding: 10px;
        margin-left: 5px;
        border: 1px solid black;
    }

    .poljeNajvec {
        border: 1px solid black;
        padding: 5px;
    }

    .poljeNajvec:first-word {
        border: 1px solid rgb(109, 53, 53);
        padding: 5px;
    }

    .aktivnihinnajvisje {
        border: 1px solid black;
        padding: 5px;
        background-color: rgb(22, 214, 86);
    }

    .boldTabela {
        font-weight: bold;
        background-color: rgb(22, 214, 86);
    }

    #praznaVrticaStat {
        height: "100"
    }

    .greenBackStat {
        background-color: rgb(22, 214, 86);
    }

    .frgtPswd {
        position: relative;
    }

    .buttonzelen3 {
        background-color: #4CAF50;
        border: none;
        color: white;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 1vw;
        border-radius: 10%;
        height: 5vh;
        width: 100%;
    }

    .buttonzelen3:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .biggertitleJUL:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .biggertitleKSA:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .biggertitleKAR:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .biggertitleGOR:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .biggertitlePOH:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .biggertitlePOL:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .biggertitleSKO:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .biggertitleZAS:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .biggertitleDOL:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .biggertitlePRE:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .biggertitleSGH:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .biggertitleSTR:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .biggertitleOBA:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .biggertitleNOT:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .biggertitleKOC:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .biggertitleVZH:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .biggertitleJEL:hover {
        background-color: #f2f2f2;
        color: black;
    }

    #myBtn {


        display: none;
        position: fixed;
        bottom: 5%;
        right: 2%;
        z-index: 99;
        font-size: 1vw;
        border: none;
        outline: none;
        background-color: #4CAF50;
        color: white;
        cursor: pointer;
        padding: 1%;
        border-radius: 4px;
        width: 7%;


    }

    #myBtn:hover {
        background-color: #f2f2f2;
        color: black;
    }

    #myBtn2 {
        display: none;
        position: fixed;
        bottom: 12%;
        right: 2%;
        z-index: 99;
        font-size: 1vw;
        border: none;
        outline: none;
        background-color: #4CAF50;
        color: white;
        cursor: pointer;
        padding: 1%;
        border-radius: 4px;
        width: 7%;
    }

    #myBtn2:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .tabelarekordov {
        margin: auto;
        width: 95%;
        height: 270px;
        top: 0;
        left: 0;
        overflow: auto;
    }

    .zlatRekord {
        background-color: #e6cc80;
        font-size: 1vw;
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

    .zlatRekord:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .zlatRekord2 {
        background-color: #e6cc80;
        font-size: 1vw;
        width: 100%;
    }

    .srebrnRekord {
        background-color: #C0C0C0;
        font-size: 1vw;
        width: 100%;
    }

    .srebrnRekord:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .srebrnRekord2 {
        background-color: #C0C0C0;
        font-size: 1vw;
        width: 100%;
    }

    .bronastRekord {
        background-color: #CD7F32;
        font-size: 1vw;
        width: 100%;
    }

    .bronastRekord:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .bronastRekord2 {
        background-color: #CD7F32;
        font-size: 1vw;
        width: 100%;
    }

    .zelenRekord {
        background-color: rgba(37, 187, 100, 0.7);
        font-size: 1vw;
        width: 100%;
    }

    .zelenRekord:hover {
        background-color: #f2f2f2;
        color: black;
    }

    .zelenRekord2 {
        background-color: rgba(37, 187, 100, 0.7);
        font-size: 1vw;
        width: 100%;
    }

    .zelenRekordPrazen {
        background-color: rgba(37, 187, 100, 0.7);
        color: rgba(37, 187, 100, 0.7);
        font-size: 1vw;
        width: 100%;
    }

    .zelenRekordPrazen2 {
        background-color: rgba(37, 187, 100, 0.7);
        color: rgba(37, 187, 100, 0.7);
        font-size: 1vw;
        width: 100%;
    }

    .drzisegor {
        position: relative;
        bottom: 50%;
    }

    .posrelative {
        position: relative;
    }

    .littlebigger {
        font-size: 2vw;
    }

    .littlebigger2 {
        font-size: 18px;
    }

    .littlebigger3 {
        font-size: 1vw;
    }

    .sredina {
        z-index: 5;
        height: 360px;
        width: 95%;
        margin: 0 auto;
    }

    #labelDatum {
        z-index: 5;
        width: 95%;
        margin: 0 auto;
        text-align: center;
        font-size: 30px;
        background-color: rgba(37, 187, 100, 0.7);
        border-radius: 20%;
    }

    #div1 {
        background-color: #0070dd;
        padding: 6px 6px 12px 6px;
    }

    .divSiv {
        border-radius: 20%;
        overflow: hidden;
        background-color: #9d9d9d;
        padding: 6px 6px 12px 6px;
        text-align: center;
        width: 10%;
    }

    .divSiv2 {
        border-radius: 20%;
        overflow: hidden;
        background-color: #9d9d9d;
        padding: 6px 6px 12px 6px;
        text-align: center
    }

    .divBel {
        border-radius: 20%;
        overflow: hidden;
        background-color: #ffffff;
        padding: 6px 6px 12px 6px;
        text-align: center;
        width: 10%;
    }

    .divZelen {
        background-color: #1eff00;
        /* width: 9%;
    margin: 12px 12px 12px 12px;*/
        padding: 6px 6px 12px 6px;
        text-align: center;
        border-radius: 20%;
        overflow: hidden;
        ;
        width: 10%;
    }

    .divZelenLight1 {
        background-color: #8CFF7F;
        /*  width: 9%;
   margin: 12px 12px 12px 12px;*/
        padding: 6px 6px 12px 6px;
        text-align: center;
        border-radius: 20%;
        overflow: hidden;
        width: 10%;
    }

    .divZelenLight2 {
        background-color: #c6fcc0;
        /*  width: 9%;
   margin: 12px 12px 12px 12px;*/
        padding: 6px 6px 12px 6px;
        text-align: center;
        border-radius: 20%;
        overflow: hidden;
        width: 10%;
    }

    .divModer {
        background-color: #0070dd;
        padding: 6px 6px 12px 6px;
        text-align: center;
        border-radius: 20%;
        overflow: hidden;
        ;
        width: 10%;
    }

    .divModerLight {
        background-color: #5195d8;
        padding: 6px 6px 12px 6px;
        text-align: center;
        border-radius: 20%;
        overflow: hidden;
        width: 10%;
    }

    .divVijolicen {
        background-color: #a335ee;
        padding: 6px 6px 12px 6px;
        text-align: center;
        border-radius: 20%;
        overflow: hidden;
        width: 10%;
    }

    .divOranzen {
        background-color: #ff8000;
        padding: 6px 6px 12px 6px;
        text-align: center;
        border-radius: 20%;
        overflow: hidden;
        width: 10%;
    }

    .divZlat {
        background-color: #e6cc80;
        padding: 6px 6px 12px 6px;
        text-align: center;
        border-radius: 20%;
        overflow: hidden;
        width: 10%;
    }

    .labelItalic {
        font-size: 1vw;
        font-style: italic;
    }

    .naslovLabel1 {
        font-size: 45px;
    }

    .naslovLabel2 {
        font-style: italic;
        font-size: 2vw;
    }

    .labelImeZnacke {
        font-style: italic;
        font-size: 1.5vw;
    }

    .labelImeZnackeMini {
        font-style: italic;
        font-size: 1vw;
    }

    .labelImeZnackePrazna {
        font-style: italic;
        font-size: 30px;
        background-color: white;
    }

    .ImgNotAvailable {
        border-radius: 30%;
        border-collapse: separate;
    }

    #columnVpis {
        width: 100%;
        align-items: center;
        text-align: center;
    }

    #tabelaDodajanje {
        text-align: center;
        width: 100%;
        margin-left: auto;
        margin-right: auto;

    }

    .biggerDodajanje {
        font-size: 3vw;
    }

    .dodajBTN2 {
        font-size: 3vw;
    }

    #uporText123 {
        width: 20%;
        align-items: center;
        text-align: center;
    }

    #gesloText123 {
        width: 20%;
        align-items: center;
        text-align: center;
    }

    .iskanjemenuClass {

        float: right;
        padding: 0px 0px;
        margin-top: 0px;
        margin-right: 0px;
        background: #ddd;
        font-size: 1.9vw;
        border: none;
        width: 10%;

    }

    .mnItemUsername {

        float: right;
        text-align: center;
        margin-top: 1vw;

    }

    #searchbiginput {
        font-size: 1.9vw;
    }

    #searchbigbutton {
        font-size: 1.9vw;
        background-color: #1583af;
        color: white;
    }

    #searchbigbutton:hover {
        font-size: 1.9vw;
        background-color: #f2f2f2;
        color: black;
    }