.containerMax{
    max-width: 1000px;
    margin: 0 auto;
}

.navbar{
    display: none;
}

.logoDiv img{
    max-width: 80px;
}

.theme-btn{
    background-color: #37cdd2;
    border-color: #37cdd2;
    color: #ffffff;
    border-radius: 20px;
}

.theme-btn:hover{
    background-color: transparent;
    border-color: #37cdd2;
    color: #37cdd2;
}

.theme-btn-sec{
    background-color: transparent;
    border-color: #225895;
    color: #225895;
    border-radius: 20px;
}

.theme-btn-sec:hover{
    background-color: #225895;
    border-color: #225895;
    color: #ffffff;

}

.theme-btn-darkblue{
    background-color: #225895;
    border-color: #225895;
    color: #ffffff;
    border-radius: 20px;
}

.theme-btn-darkblue:hover{
    background-color: #ffffff;
    border-color: #225895;
    color: #225895;
}

.theme-btn-black{
    background-color: #000000;
    color: #ffffff;
    border-radius: 20px;
}

.theme-btn-black:hover{
    background-color: #ffffff;
    border-color: #000000;
    color: #000000;
}

.btn-block{
    display: block;
    width: 100%;
}

form input[type="text"],
form input[type="email"],
form input[type="password"]{
    border-radius: 20px;
}

span{
    color: #aa0000;
}

.racunImg{
    width: 100%;
    height: 100%;
    padding-left: 20px;
}

.racunImg img{
    border: 1px solid #000000;
    border-radius: 5px;
    padding-bottom: 6px;
}

@media (max-width: 1050px) {
    .containerMax{
        padding: 0 20px;
    }

    .racunImg{
        margin-bottom: 40px;
        padding-left: 0;
    }

    .racunImg img{
        width: 100%;
    }

}

.bg-clr{
    background: #f8f9fa;
    padding: 20px;
    border-radius: 10px;
}

.loginItems{
    margin-bottom: 30px;
}

.loginItems p{
    color: #6c757d;
}

.loginIcon{
    height: 100%;
    width: 100%;
    max-width: 40px;
    max-height: 40px;
    margin-right: 25px;
    margin-top: 5px;
}

.acc-flex{
    display: flex;
    justify-content: space-between;
    padding: 0;
}

.acc-flex .billsInfo{
    flex: 3;
    padding: 30px 20px;
}

.acc-flex .billsInfo a{
    background: #225895;
    color: #ffffff;
    padding: 10px 15px;
    text-decoration: none;
}

.acc-flex .billsIznos{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #ededed;
}

.accordion-button:not(.collapsed),
.accordion-button:hover{
    color: #ffffff;
    background-color: #225895;
    box-shadow: none;
}

.accordion-button:focus {
    box-shadow: none;
}

footer a,
footer a:focus,
footer a:visited{
    color: #225895;
    text-decoration: none;
}

.switch a{
    color: #225895;
}

@media (max-width: 575px) {
    .btn-gr{
        display: none;
    }

    .navbar{
        display: block;
    }

    .acc-flex{
        flex-direction: column-reverse;
    }

    .acc-flex .billsIznos{
        padding: 20px 0;
    }

    .acc-flex .billsInfo a{
        display: block;
        width: 100%;
        text-align: center;
    }
}

.switch1.hide,
.switch2.hide{
    display: none;
}

.switchBtn1{
    margin-right: 10px;
    text-decoration: none;
}

.switchBtn2{
    margin-left: 10px;
    text-decoration: none;
}

.kartica-container{
    max-height: 65vh;
    overflow-y: scroll
}

@media (max-width: 575px) {
    .kartica-container{
        max-height: 80vh;
    }
}

.kartica thead tr{
    height: 59px;
    background: #225895;
    color: #ffffff
}

.kartica thead tr th p{
    margin-top: .5rem;
    margin-bottom:  .5rem;
}

.kartica tbody tr td{
    border-top: 2px solid #d7d7d7;
    border-bottom: 2px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
}

.racuni,
.kartice{
    text-decoration: none;
    padding: 5px 10px;
    margin-right: 5px;
    margin-left: 5px;
}

.racuni.active,
.kartice.active{
    font-weight: 600;
    background: #225895;
    color: #fff;
    border-radius: 25px;
}