.preloader {
            width: 100%;
            height: 100%;
            top: 0;
            position: fixed;
            z-index: 99999;
            background: #fff;
        }
        .preloader .cssload-speeding-wheel {
            position: absolute;
            top: calc(50% - 3.5px);
            left: calc(50% - 3.5px);
        }
body {
    font-family: "Source Sans Pro", sans-serif;
}

        body {
            background: #fff;
        }
        .logo i {
            color: #fff;
        }
.navbar-header,
.right-sidebar .rpanel-title {
    background: #e5ebec;
    /*    background: -moz-linear-gradient(left, #efac29 1%, #d2a54b 100%);
            background: -webkit-linear-gradient(left, #efac29 1%, #d2a54b 100%);
            background: linear-gradient(to right, #efac29 1%, #d2a54b 100%);*/
}
        .bg-title .breadcrumb .active {
            color: #2ecc71;
        }
        .sidebar-nav,
        sidebar {
            background: #fff;
        }
        #side-menu li a {
            color: #8d9498;
        }
        .sidebar-nav ul#side-menu li a.active {
            color: #2b2b2b;
        }
            .sidebar-nav ul#side-menu li a.active i {
                color: #626a6e;
            }
.sidebar-nav #side-menu > li:hover > a {
    color: #2b2b2b;
    text-decoration: underline; /* podčiarknutie */
    text-decoration-thickness: 2px; /* hrúbka podčiarknutia */
  
}

.sidebar-nav ul#side-menu li a > a:hover {
    background: #ff0000;
}



    #side-menu ul > li > a:hover,
    .sidebar-nav #side-menu > li:hover > a i {
        color: #000;
    }
        #side-menu ul > li > a.active {
            color: #2b2b2b;
            font-weight: 500;
        }
        .fix-sidebar .top-left-part {
            background: #25bf67;
        }
        .bg-theme {
            background-color: #2ecc71 !important;
        }
        .chat-list .odd .chat-text {
            background: #2ecc71;
        }
        .btn-custom {
            background: #2ecc71;
            border: 1px solid #2ecc71;
            color: #fff;
        }
        .btn-custom:hover {
            background: #2ecc71;
            opacity: 0.8;
            color: #fff;
            border: 1px solid #2ecc71;
        }
        .customtab li.active a,
        .customtab li.active a:focus,
        .customtab li.active a:hover {
            border-bottom: 2px solid #2ecc71;
            color: #2ecc71;
        }
        .tabs-vertical li.active a,
        .tabs-vertical li.active a:focus,
        .tabs-vertical li.active a:hover {
            background: #2ecc71;
            border-right: 2px solid #2ecc71;
        }
        .nav-pills > li.active > a,
        .nav-pills > li.active > a:focus,
        .nav-pills > li.active > a:hover {
            background: #2ecc71;
            color: #fff;
        }


        .note-toolbar{
            background: #f5f5f5!important;
            border-bottom: 1px solid #d8d8d8 !important;
        }

            #txSuma {
                font-weight: 700;
                width: 150px;
                display: inline-block;
                line-height: 18px;
    
            }
#panelSuma {
    background: #003078;
    display: inline-block;
    line-height: 24px;
    text-align: center;
    border: 1px solid #0065b3;
    padding: 7px;
    margin-top: 7px;
    margin-left: 10px;
    color: #fff;
}

.sidebar-nav ul#side-menu li a{
    color: #000000;
}


#wrapper > div > div > div.row > div > div > div.jumbotron {
    background: #fff;
    border: 1px solid #d8d8d8;
    padding: 20px;
    margin-top: 30px;
    color: #000;
    font-family: "Source Sans Pro", sans-serif;
}


#side-menu > li.pull-right > a {
    background: #d8d8d8;
    margin-top: 5px;
    border: 0px solid #003078;
    padding: 8px 10px !important;
    
}

#side-menu > li.active > a {
    background: #c8cacb !important;
    padding: 8px 10px !important;
    margin-top: 5px;
}
}


#side-menu > li.pull-right > a:hover {
    background: #c8cacb;
}

#wrapper > div > div > div.row > div > div > div.jumbotron > p.text-center.m-t-25 > a:hover {
    text-decoration: underline !important; 
    text-decoration-thickness: 3px; /* hrúbka podčiarknutia */
}

div.white-box div.col-md-4.col-sm-4.col-xs-12.text-right.hvr-icon-pulse-grow > button:focus,
#infoModalText > div > div.box-body > div.col-lg-12.text-center > a:focus,
#wrapper > div > div > div.row > div > div > div > div > a:focus {
    background: #0283cc;
    border-color: #0283cc;
}

#wrapper > nav > div > a > i {
    color: #000!important;
}

#navod > #okolo {
    width: 100%;
    text-align: center; 
    padding: 10px; 
}

#okolo > img {
    padding: 25px; 
    
}

#navod > p {
    font-size: 20px;
    color: #000; 
}


#cookie-banner {
    position: fixed;
    top: 30px;
    left: 0;
    right: 0;
    background: #0b5cff;
    background: #0065b3;
    color: #fff;
    z-index: 2147483647;
    padding: 30px;
    box-shadow: 0 3px 6px rgba(0,0,0,.2);
    display: flex;
    justify-content: center;
}

    #cookie-banner.hidden {
        display: none;
    }

.cb-inner {
    max-width: 1100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

    .cb-inner p {
        margin: 0;
        line-height: 1.4;
        flex: 1;
    }

    .cb-inner a {
        color: #ffd966;
        text-decoration: underline;
    }

.cb-btn {
    background: #fff;
    color: #0b5cff;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 600;
    flex-shrink: 0;
}

    .cb-btn:hover {
        background: #f2f2f2;
    }