@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');





* {

    font-family: 'Montserrat', sans-serif;

    font-family: 'DejaVu Sans', sans-serif; 

}



body {

    background-image: url(/storage/images/it-lion-pozadina.png);

}



a:hover {

    text-decoration: none;

}

.welcome_highlight {
    margin-top: 10px;
    padding: 10px;
    background-color: limegreen;
    text-align: center;
    border-radius: 10px;
}

.welcome_highlight:hover {
    background-color: darkorange;
}

.welcome_highlight h2 {
    margin-bottom: 0px;
    font-size: 1em;
    color: white;
    font-weight: bold;
}



.navbar {

    padding: 0px;

    background-color: #ff8c0061 !important;

}



.nav-item a {

    font-weight: 600;

    text-transform: uppercase;

}



.maintenence {

    margin: 20px 0px;

}

.green {
    color: limegreen;
}

.red {
    color: red;
}



.maintenence h6 {

    padding: 0px 6px;

}



.tip_odrzavanja {

    width: 18%;

    display: inline-block;

}



.dan_naplate {

    width: 10%;

    display: inline-block;

    margin: 0px 30px;

    padding: 3px;

    border-radius: 10x;

}



.cena_odrzavanja {

    margin: 0px 30px;

}



.odrzavanje_baza h4 {

    font-size: 1em;

}



.odrzavanje_baza span {

    font-size: .9em;

}



.mesecno .card {

    padding: 1%;

}



.projekti h4, .mesecno h4, .pdf_naslov {

    padding: 4px;

    color: white;

    background-color: #514949;

    background-color: #423f3f;

    text-align: center;

}

.choose_balance select {
        margin-right: 10px;
        padding: 10px;
    }



.pdf_naslov {

    font-weight: bold;

    background-color: #f9951b;

}



.mesecno button,

.mesecno .dugme2 {

    background-color: limegreen;

    border-color: limegreen;

}

.mesecne_transakcije h3 {

    font-size: 1.2em;

}

.date_list {
    display: inline-block;
    list-style: none;
}

.date_list li {
    display: inline-block;
    background-color: limegreen;
    border-radius: 11px;
}

.date_list li:hover {
    background-color: darkorange;
}

.current {
    background-color: darkorange !important;
}

.date_list li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 6px 10px;
    color: white;
}


.mesecno button:hover,

.mesecno .dugme2:hover,

.host_email_dugme:hover {

    background-color: darkorange !important;

    border-color: darkorange !important;

}

.add_new_submit {
    float: right;
}



.highlight {

    padding: 0.9% 0.6%;

    color: #676363;

    background-color: #ffaf4e;

    color: white;

    background-color: darkorange;

    box-shadow: 1px 1px 4px black;

}



.u_toku {

    background-color: gold;

    border-bottom: 1px dotted white;

}



.placeno {

    background-color: #a9f8a9;

    border-bottom: 1px dotted white;

}



.rashod {

    background-color: #fe746a !important;

    border-color: white !important; 

    border-bottom: 1px dotted white !important;

}



.pdf_ukupno {

    background-color: gold !important;

    border-color: white !important; 

    border-bottom: 1px dotted white !important;

}



.rashod a {

    color: #5344c1;

}



.odbijena {

    background-color: #cbcaca !important;

    border-color: white !important; 

    border-bottom: 1px dotted white !important; 

}



.nenaplativo {

    background-color: #dbf5db;

}



.projekat .card {

    width: 100% !important;

    margin-bottom: 3%;

    border: none;

    box-shadow: 0px 1px 3px #423f3f;

    box-shadow: 1px 1px 4px #959393;

}



.naslov_projekta {
    padding: 4px;
    background-color: limegreen;
    color: white;
    font-weight: bold;
}

.naslov_projekta h3 {
    margin: 0px;
}

.naslov_projekta a {
    color: white;
}

.projekat_klijent {
    /*** position: absolute;
    top: 15px;
    right: 10px; ***/
    padding: 3px;
    font-size: .7em;
    background-color: #423f3f;
    border-radius: 3px;
}

.datum_projekta {
    margin: 0px;
    font-weight: normal;
}

.projekat .card-body {
    padding: 10px;
}

.opis_projekta {
    margin: 0px;
    font-size: 1.1em;
    text-align: justify;
}



.cena_projekta {
    float: right;
    font-size: 1.3em;
    color: darkorange;
    font-weight: bold;
}



.highlight_ukupno {

    margin-left: 33px;;

    font-size: .8em;

} 



/* .pdf h4 {

    padding: 1%;

    color: white;

    background-color: darkorange;

    text-align: center;

} */



.pdf h4 {

    font-family: 'DejaVu Sans', sans-serif !important;

}



.pdf {

    font-size: .9em;

    line-height: .9em;

}



.pdf table td {

    padding: 0px !important;

    margin: 0px !important;

}



.host_email {

    height: 20px;

}



.host_email_dugme {

    height: 23px;

    padding: 0px 20px !important;

    background-color: #423f3f !important;

    border-color: #423f3f !important;

}



.ukupno {

    background-color: limegreen !important; 

}


.submit {
    position: relative;
}

.submit a {
    color: #212529;
}

.dot {

  height: 7px;

  width: 7px;

  margin-right: 10px;

  border-radius: 50%;

  display: inline-block;

}



.dot_zeleni {

    background-color: limegreen;

}



.dot_zuti {

    background-color: orange;

}



.dot_beli {

    background-color: white;

    border: 1px solid #d1cccc;

}

.podsetnik {
    position:  absolute;
    right:  25px;
}

.podsetnik img {
    max-width:  20px;
}



.recap_submits {

    color: white;

    background-color: #636363;

}



.page-break {

    page-break-after: always;

}



.pdf_submits {

    display: block;

    margin: 10px 0px;

}

.rezervoar_submit {
    background-color: #fdd19d;
}


.table_highlights {
    text-align: center;
    font-weight: bold;
}

.table .thead-dark th {
    background-color: #423f3f;
    border-color: #423f3f;
}

.table_total {
    color:  white;
    background-color: darkorange;
}

.font_highlight {
    font-size:  1.1em;
}

.add_personel_button,
.add_project_button {
    padding: 3px;
    color: #423f3f;
    border-radius: 50%;
    font-size: 11px;
    float: right;
    cursor: pointer;
}

.add_project_button {
    font-size: 14px;
}

.add_personel_button:hover,
.add_project_button:hover {
    color: white;
}

.mobile_only_field {
    display: none;
}

.month_tabs li button {
    color: white;
    outline: none;
}

.month_tabs .active {
    color: white !important;
    background-color: darkorange !important;
}

@media(max-width: 900px) {

    .mobile_only_field {
        display: block;
    }

    .desktop_only_field {
        display: none;
    }

    .podsetnik {
        right: 0px
    }

    .podsetnik img {
        max-width: 16px;
    }

    .choose_balance select {
        width: 100%;
    }

    .choose_balance button {
        width: 100%;
    }

    .date_list {
        width: 100%;
        padding-left: 0px;
        text-align: center;
    }

    .date_list li {
        margin-top: 10px;
    }

    .mesecne_transakcije .form-group div {
        padding: 0px 3px;
    }

    .mesecne_transakcije .dugme {
        width: 100%;
        margin-top: 10px;
    }

    .month_tabs {
        margin-bottom: 30px;
    }

    .statistics_table th {
        font-size: 11px;
    }

    .statistics_container {
        padding: 0px;
    }

    .statistics_table td {
        font-size: 10.6px;
    }
}