h1 {
   background-color: #005dab !important;
}

#kategorije-tree-header {
    background: #005dab;
}

.btn-add {
    border-color: #005dab;
    transition: background-image
}

.btn-add:hover {
    background-color: #005dab;
}

.btn-view {
    border-color: #005dab;
}

.btn-view:hover {
    background-color: #005dab;
}

.tabela-caption {
    text-align: center;
}

.tabela-caption span {
    margin: auto;
    text-align: center !important;

}

.tabela-caption a:hover {
    color: #005dab;
}

body, html {
    margin: 0;
    padding: 0;
    width: 100%;
}

.background-animation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #e6f4ff, #ffffff, #cce9ff);
    background-size: 300% 300%;
    animation: gradientAnimation 3s infinite alternate;
}

@keyframes gradientAnimation {
    0% {
        background-position: 0% 0%;
    }
    100% {
        background-position: 100% 100%;
    }
}

/* body {
    background-image: linear-gradient(to right, white, #e6f4ff);
} */

/* ^Maknuti komentar samo ako se NE odlučimo za gradijent */

#btnOnlyMandatory {
    background-color: #ef4371;
    border-radius: 15px;
    border: none;
}

#btnSelected {
    display: none !important;
    background-color: #0070cc;
    border-radius: 15px;
    border: none;
}

#btnAll {
    background-color: #0070cc;
    border-radius: 15px;
    border: none;
}

#bSubmitNarudzba {
    background: linear-gradient(to right, #005dab, #d31245) !important;
    border: none;
    border-radius: 25px;
}

/*.racun > .racun-artikl:nth-child(even) {
    background: #e6f4ff;
} */

/* Checkout zebra, requires consensus */

.d-inline-flex > img {
    border-radius: 20px;
}

.thumb > img {
    border-radius: 15px;
}

#filterButton {
    border-radius: 15px;
    border: none;
    background-color: #005dab !important;
}

#filterButton:hover {
    background-image: linear-gradient(to right, #005dab, #d31245) !important;
}

.card-title > a {
    color: #005dab;
}

/* OKVIR ARTIKALA */

.card-outline-primary {
    border: none !important;
}

#resetFilter {
    border-radius: 20px;
    color: #d31245;
    border-color: #d31245;
}

#resetFilter:hover {
    color: white;
    background-color: #d31245 !important;
}

.clicked-color-change {
    background-image: linear-gradient(to right, #005dab, #d31245);
}

.card-title > a:hover {
    color: #003866;
}

.product-btn-add {
    border-radius: 20px;
    border: none;
    background: #005dab !important;
}

.product-btn-add:hover {
    background: linear-gradient(to right, #005dab, #d31245) !important;
    border: none;
}

.table-condensed > tbody tr:nth-child(even) {
    background-color: #e6f4ff;
}

.table-condensed > tbody tr:nth-child(even):hover, .table-condensed > tbody tr:nth-child(odd):hover {
    background-color: none !important;
}

td:hover {
    color: #005dab !important;
}

.form-check-label:hover {
    color: #005dab;
}

.main-cart-wrapper > a:hover {
    background: linear-gradient(to right, #005dab, #d31245);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.modal-header {
    background: #005dab;
}

.modal-footer > button:nth-child(-n+2) {
    border-color: #005dab !important;
    color: #005dab !important;
}

.modal-footer > button:nth-child(-n+2):hover {
    background: #005dab !important;
    border-color: #005dab !important;
    color: white !important;
}

.modal-footer > button:nth-child(3) {
    background: #005dab !important;
}

.modal-footer > button:nth-child(3):hover {
    background: linear-gradient(to right, #005dab, #d31245) !important;
    color: white !important;
}

#prekidButton {
    color: #005dab !important;
}

#prekidButton:hover {
    color: white !important;
}

/* SKRIVENO POVECHALO */

.angle:after {
    display: none !important;
}

.modal-header-danger {
    background: #d31245 !important;
}

.btn-outline-danger {
    border-color: #d31245 !important;
    color: #d31245 !important;
}

.btn-outline-danger:hover {
    background: #d31245 !important;
    border-color: #d31245 !important;
    color: white !important;
}


.inner-kosara:nth-child(even) {
    background-color: #e6f4ff;
}

.ctrlbar-dugme:nth-child(-n+2):hover {
    color: white;
    background: #005dab;
}

/* .inner-kosara:nth-child(odd) {
    margin-top: 0 !important;
} */

/* Margine u košari koje smetaju zebri */
/* Uncomment jedino nakon zajedničkog koncenzusa */

#btnremoverow > i {
    color: #d31245;
}

#mobile-kosara-body-top > div > button {
    border-color: #d31245 !important;
    color: #d31245 !important;
}

#mobile-kosara-body-top > div > button:hover {
    background-color: #d31245 !important;
    color: white !important;
}

.dubina-1:hover {
    color: #005dab !important;
}

.dubina-2:hover {
    color: #005dab !important;
}

.grupe-header {
    background: linear-gradient(to right, #d31245 1%, #005dab 23%);
}

.sidr {
    background: linear-gradient(to bottom, #002a4d 50%, #8d0c2f 100%) !important;
}

.sidr {
    box-shadow: 0 0 2.5px 2.5px #222 inset !important;
}

.sidr ul li {
    border-top: 1px solid #d9d9d9 !important;
    border-bottom: 1px solid #d9d9d9 !important;
}

/* TABELA ZEBRA - DISKUTIRATI */

.hoverable-row:nth-child(4n+1) {
    background-color: #e6f4ff;
}

.hoverable-row:nth-child(4n+1):hover {
    background-color: rgba(68, 110, 155, .1);
}

.product-current-price {
    text-align: center;
}

.product-info-price {
    text-align: center;
}

footer {
    background: linear-gradient(to left, #005dab 20%, #e6f4ff) !important;
    border-bottom: solid 5px #005dab;
}

footer a {
    color: white;
}

footer a:hover {
    color: #f3f3f3;
}

footer .firma {
    border-top: 1px solid white;
    border-bottom: 0px solid #f2f2f2;
}

footer .links ul>li {
    border-left: 2px solid #f2f2f2;
}

@media (max-width: 600px) {
    .modal-footer > button:nth-child(-n+2) {
        color: white !important;
    }
}

/*4dblue.css DIFF*/

.card-outline-primary:hover {
    box-shadow: 3px 3px 5px 0px rgba(128,198,255,0.4);
}

.nav-link:hover,
.nav-link:active {
    background: #005dab;
}

.nav-link:nth-child(3):hover,
.nav-link:nth-child(3):active {
    background: linear-gradient(to right, #005dab, #d31245) !important;
}

.primarni-header {
    border-top: solid 4px #005dab;
    background: linear-gradient(to right, #0062b3, #ffffff 83%);
}

.atribut-title {
    border-bottom: .25rem solid #005dab;
}

.btn-add {
    transition: background-color 0.5s ease;
}

.btn-add:hover {
    background-color: #005dab;
    border-color: #005dab;
}

.page-item.active .page-link {
    background-color: #005dab;
    border-color: #005dab;
}

#mobile-nav .nav-item,
#mobile-kosara .nav-item {
    background-color: rgba(0, 93, 171, 0.6) !important;
}

.kosara {
    overflow-y: auto;
}

.cookie-banner {
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.cookie-banner .container {
    width: 37% !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    padding: 20px !important;
    background-color: #fff !important;
    border-radius: 20px !important;
}

.cookie-banner .container > div:nth-child(3) {
    display: none !important;
}

.d-block h4 {
    text-align: center;
}