@media (min-width: 992px) {
    .navbar-custom .navbar-nav > li > a {
        line-height: 80px;
    }
}

.navbar-custom {
    background-color: #fff;
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #004d00;
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: #004d00;
    font-family: 'Cuprum', sans-serif;
    font-size: 20px;
    padding: 0 12px 0 12px;
    margin: 5px;
    /*line-height: 80px;*/
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    background-color: #004d00;
    color: #fff;
    font-family: 'Cuprum', sans-serif;
    font-size: 20px;
    /*line-height: 80px;*/
    vertical-align: middle;
}

.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
    background-color: #004d00;
    color: #fff;
}

.custom-toggler.navbar-toggler {
    border-color: #004d00;
    border-width:2px;
}

.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,141,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}


/* --- navbar drugi nivo --- */

.navbar-custom2 {
    background-color: #004d00;
}
/* change the brand and text color */
    .navbar-custom2 .navbar-brand,
    .navbar-custom2 .navbar-text {
        color: #fff;
        font-family: 'Cuprum', sans-serif;
        font-size: 16px;
    }
/* change the link color */
    .navbar-custom2 .navbar-nav .nav-link {
        color: #fff;
        font-family: 'Cuprum', sans-serif;
        font-size: 16px;
        padding: 0 6px 0 6px;
        margin: 5px;
    }
/* change the color of active or hovered links */
    .navbar-custom2 .nav-item.active .nav-link,
    .navbar-custom2 .nav-item:hover .nav-link {
        background-color: #fff;
        color: #004d00;
        font-family: 'Cuprum', sans-serif;
        font-size: 16px;
    }

    .navbar-custom2 .navbar-nav > .active > a,
    .navbar-custom2 .navbar-nav > .active > a:hover,
    .navbar-custom2 .navbar-nav > .active > a:focus {
        background-color: #fff;
        color: #004d00;
    }

.custom-toggler2.navbar-toggler {
    border: none;
}

.custom-toggler2 .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.btn-default {
    padding:6px 30px;
    color: #004d00;
    border: 1px solid #004d00;
}

    .btn-default:hover {
        background-color: #004d00;
        color: #fff;
        font-weight:bold;
    }


.img-thumbnail {
    width: 100%;
    margin: 6px;
}

.txtBoxLabel {
    -webkit-border-radius: 10px 0px 0px 10px;
    -moz-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
    border: 1px solid #808080;
    background-color: #E8E8E8;
    float: left;
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    font-weight:bold;
    color: #004d00;
    padding: 12px;
}

.txtBox {
    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
    border: 1px solid #808080;
    border-left: none;
    background-color: #fff;
    float: left;
    padding: 12px;
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
}

    .txtBox:focus {
        background-color: #E8E8E8;
        font-weight:bold;
    }