/*---------------------------grid----------------------*/
/* 
.body-color {
    background-color: #00808069;
} */

.nav-top-datum {
    color: white;
    border-radius: 3px;
    padding: 20px 0px;
    margin-bottom: 20px;
    margin-top: 40px;
}

.content-div {
    padding: 20px 0px;
    border-radius: 3px;
}

.prijava-btn {
    margin-bottom: 30px;
    width: 100%;
}

.korisnik {
    margin-bottom: 20px;
    font-size: 18px;
    cursor: pointer;
    font-weight: 600;
}

.korisnik:active {
    transform: translateY(2px);
}

.korisnik p {
    display: inline;
    float: left;
    margin-right: 20px;
    font-size: 15px;
    padding-top: 2px;
}

.obavijesti-scroll,
.obavijesti-scroll-admin {
    overflow-y: scroll;
    height: 550px;
}


/*-------------------login--------------------*/
.nav-pills>.admin-active.active {
    background-color: #dc3545 !important;
}

.pill-ico {
    margin-right: 10px;
}

.nav-pills {
    font-size: 20px;
    font-weight: 500;
}

/*-------------------modal login--------------------*/
.modal-body {
    border-radius: 3px;
    margin: 15px;
}

.login-title {
    text-align: center;
    padding-bottom: 20px;
}

.modal-ime,
.modal-sifra,
.modal-prijava-btn {
    height: 60px;
    width: 100%;
}

/*-------------------table pregledZaposlenik--------------------*/
.table-style {
    text-align: center;
    font-size: 14px;
}

.one-long-line {
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.one-long-line-log {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.one-long-line-log:hover {
    overflow: visible;
    word-wrap: break-word;
    hyphens: auto;
    white-space: normal;
    height: auto;
    transition-timing-function: ease-in;
}

.one-long-line:hover {
    overflow: visible;
    word-wrap: break-word;
    hyphens: auto;
    white-space: normal;
    height: auto;
    transition-timing-function: ease-in;
}

.srafura {
    background-color: #007bff;
    color: #ffffff;
    font-weight: 600;
    border-radius: 3px;
    padding: 3px;
    margin-right: 10px;
}

.zbroj {
    /*  background-color: #007bff; */
    color: #007bff;
    font-weight: 600;
    border-radius: 3px;
    font-size: 16px;
}

.radno-vrijeme {
    text-align: left;
}

.srafura2 {
    background-color: #ffffff;
    color: #000000;
    font-weight: 600;
    border-radius: 3px;
    padding: 3px;
    margin-right: -2px;
    /*  font-size: 16px; */
}

.pregled-zaposlenik-poslovnica {
    border-radius: 3px;
    font-size: 15px;
    font-weight: 500;
    border: 1px solid #007bff;
    display: inline-block;
    width: 24px;
}

.select-mjesec {
    margin-top: 7px;
}

/* .scroll-admin-poslovnice {
    overflow-y: scroll;
} */

.divHeight {
    height: auto;
}

/*-------------------table pregledAdmin--------------------*/
/* .admin-pills a, */
/* .admin-pills a:active {
    background-color: #dc3545 !important;
} */
/* .admin-pills a:focus, */
/* .admin-pills a:active {
    background-color: #536872 !important;
    color: #FFFFFF !important;
} */
.admin-pills>.admin-active {
    color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.admin-pills>.admin-active:hover {
    color: #a72d39 !important;
    transition-timing-function: ease-in !important;
    border-color: #dc3545 !important;
}

.admin-pills>.admin-active.active {
    background-color: #dc3545 !important;
    color: #ffffff !important;
    border-color: #dc3545 !important;
}

/*-------------------pregled zaposlenika--------------------*/
.zaposlenici-admin {
    overflow-y: scroll;
    height: 550px;
}

.pregled-admin-title {
    text-align: center;
    /* padding-bottom: 40px; */
}

.aktivni-title {
    font-size: 18px;
}

.aktivni-br-poslovnice {
    /* margin-right: 10px;
    padding: 1px 3px; */
    border-radius: 3px;
    font-size: 15px;
    font-weight: 500;
    border: 1px solid #dc3545;
    display: inline-block;
    min-width: 24px;
    /* max-width: 80px; */
    padding: 0 4px;
    /* width: auto; */
}

.sef-br-poslovnice {
    /* margin-right: 10px;
    padding: 1px 3px; */
    border-radius: 3px;
    font-size: 15px;
    font-weight: 500;
    border: 1px solid #007bff;
    display: inline-block;
    min-width: 24px;
    padding: 0 4px;
}

.table-admin-pregled-zaposlenika td,
.table-admin-pregled-zaposlenika th {
    border: 0 !important;
}

.table-admin-pregled-zaposlenika .br-poslovnice-admin {
    text-align: center;
}

.table-admin-pregled-zaposlenika td {
    font-size: 18px;
    font-weight: 500;
}

.table-admin-pregled-poslovnica td,
.table-admin-pregled-poslovnica th {
    border: 0 !important;
}

.table-admin-pregled-poslovnica .br-poslovnice-admin {
    text-align: center;
}

.table-admin-pregled-poslovnica td {
    font-size: 15px;
    font-weight: 500;
}

.border-table-zaposlenici {
    border-top: 1px solid #00000046;
    padding-bottom: 8px;

}

.search-admin-zaposlenici {
    /* width: 40%; */
    float: left;
    width: 190px;
}

.grad-table-admin {
    width: 250px;
}

.odgovorni-table-admin {
    width: 280px;
}

.uredi-zaposlenika-btn {
    /* visibility: hidden; */
    opacity: 0.1;
}

.table-row-admin:hover .uredi-zaposlenika-btn {
    /* visibility: visible; */
    opacity: 1;
}

/* .search-admin-zaposlenici {
    width: 185px;
} */
.search-admin-zaposlenici-field:focus {
    border: 1px solid #dc3546be !important;
    box-shadow: 0px 0px 0px 3px #dc354679 !important;
}

.table-row-admin td {
    cursor: pointer;
    font-weight: 400;
}

.sve-osim-buttona:active>.br-poslovnice-admin {
    color: #007bff;
}

.table-row-admin td:active {
    transform: translateY(2px);
}

.zupanija {
    color: #dc3546;
    text-align: center;
}

/*------------------------------------admin-modal-forma--------------------------*/
.content-div .form-control:focus {
    border: 1px solid #dc3546be !important;
    box-shadow: 0px 0px 0px 3px #dc354679 !important;
}

.content-div label {
    color: #dc3546 !important;
    font-weight: 500;
}

.labelRed {
    color: #dc3546 !important;
    font-weight: 500;
}

.modal-select {
    overflow-y: scroll;
    height: 200px;
}

/* .custom-control-label::before,
.custom-control-label::after {
    top: .8rem;
    width: 1.25rem;
    height: 1.25rem;
    color: #dc3546 !important;
} */
/*----------------obavijesti---------------------*/
.obavijesti-admin .form-control:focus {
    border: 1px solid #dc3546be !important;
    box-shadow: 0px 0px 0px 3px #dc354679 !important;
}

/*-------------------------------pregled zaposlenika admin-----------------------------*/
.border-br-poslovnice-admin {
    /* margin-right: 10px; */
    /* padding: 1px 3px; */
    border-radius: 3px;
    font-size: 15px;
    font-weight: 500;
    border: 1px solid #dc3545;
    display: inline-block;
    width: 24px;
}

.srafura-admin {
    background-color: #dc3545;
    color: #ffffff;
    font-weight: 600;
    border-radius: 3px;
    padding: 3px;
    margin-right: 10px;
}

.srafura-admin2 {
    background-color: #ffffff;
    color: #000000;
    font-weight: 600;
    border-radius: 3px;
    padding: 3px;
    margin-right: -2px;
    /*  font-size: 16px; */
}

.zbroj-admin {
    /*  background-color: #007bff; */
    color: #dc3545;
    font-weight: 600;
    border-radius: 3px;
    font-size: 16px;
}

.edit-time-modal {
    cursor: pointer;
}

.edit-time-modal:active {
    transform: translateY(2px);
}

.body2 {
    background-color: #e9e9e9;
    margin-top: -15px;
}

.table-scroll {
    overflow-y: scroll;
    height: 650px;
}

/* @media(max-width:1440px) {
    .table-scroll {
        overflow-y: scroll;
        height: 500px;
    }
}

@media(max-width:1440px) {
    .table-scroll {
        overflow-y: scroll;
        height: 500px;
    }
}
 */
/*----------------------------------pregled admin poslovnica-------------------------*/
.border-ime-admin {
    width: 180px;
}

.sef-forma .form-group label {
    color: #007bff;
    font-weight: 600;
}

/*---------------------------------mobile----------------------*/
/* .navigacija {
    display: none;
    visibility: hidden;
}

.mobile-colapse {
    display: none;
} */
@media(max-width:1200px) {
    .ostale {
        display: none;
    }

    .obavijesti-scroll {
        overflow-y: hidden;
    }



    .margina-prijave {
        margin-top: -150px;
    }

    .radno-vrijeme {
        white-space: nowrap;
    }

    .nav-link {
        width: 100% !important;


    }
}

@media(min-width:1201px) {

    .nav-link {
        width: 270px !important;
        margin-left: -20px !important;
    }

    .nav .naslovna-posmak {
        width: 270px !important;
        margin-left: 10px !important;
    }

    .nav .branches-posmak {
        width: 270px !important;
        margin-left: 0px !important;
    }

}

@media(min-width:1200px) {
    #nav-mobile {
        display: none;
    }

    .pomak .nav-pills {
        margin-left: 15px;
        width: 255px;
    }
}

@media(max-width:1200px) {
    #nav-desktop {
        display: none;
    }

    .nav-top-datum {
        display: none;
    }

    .table-scroll,
    .zaposlenici-admin,
    .scroll-admin-poslovnice {
        overflow-y: scroll;
        height: 800px;
    }
}

/*---------------------------select------------------*/
.name-select,
.label-select {
    color: #dc3546;
}

.sifra-select,
.caption-select {
    color: #00000073;
    font-size: 12px;
}

.caption-select {
    display: block;
}

.sifra-select {
    padding-left: 10px;
}

/*------------------------dodano nanovo 09.10.2018.------------------*/
.body-za-sve {

    background-color: #ffffff !important;
}

.naziv-oj {
    font-weight: 700;
    display: inline;
}

.obavijesti-subtitle {
    font-weight: 600;
}

.obavijesti-datum {
    font-weight: 600;
}

/* .form-group .focus-modal-naslovna:active{
    border: 1px solid #007bff !important;
    box-shadow: 0px 0px 0px 3px #007bff !important;
} */
.form-group .focus-modal-naslovna:focus {
    border: 1px solid #007bffbe !important;
    box-shadow: 0px 0px 0px 3px #007bff79 !important;
}

.naslovna-datum {
    margin-left: -10px !important;
}

.naslovna-oj {
    padding-left: 25px !important;
}

.pregled-zaposlenik-poslovnica {
    font-weight: 900;
    font-size: 16px;
}

.aktivni-br-poslovnice {
    font-weight: 900;
    font-size: 16px;
}

.select-mjesec-user {
    max-width: 50px !important;

}

.select-godina-user {
    max-width: 80px !important;
    margin-left: 5px !important;
}

.form-row .select-mjesec-user:focus {
    border: 1px solid #007bffbe !important;
    box-shadow: 0px 0px 0px 3px #007bff79 !important;

}

.form-row .select-godina-user:focus {
    border: 1px solid #007bffbe !important;
    box-shadow: 0px 0px 0px 3px #007bff79 !important;
}

.div-select-time {
    padding-bottom: 5px !important;
    padding-left: 5px;
}

.select-time-btn {
    max-width: 135px !important;
}

/* .pregled-user-title .user-title{
    text-decoration: underline;
    
} */
.pregled-user-title .user-subtitle {
    font-size: 20px;

    font-weight: 500;
}

.pregled-moderator-border {
    border-radius: 3px;
    /* font-size: 15px;
    font-weight: 500; */
    font-weight: 900;
    font-size: 16px;
    border: 1px solid #007bff;
    display: inline-block;
    width: 24px;
}

.table-head-moderator {
    text-decoration: underline;


}

.select-time-btn-moderator {
    max-width: 160px !important;
    min-width: 160px;
    margin-bottom: 5px !important;
    display: inline-block;

}

.btn-moderator {
    margin-bottom: 30px !important;
}

.odaberite-mjesec-txt {
    margin-top: -32px;
}

.labelBlue {
    color: #007bff !important;
    /*  font-weight: 600; */
    font-size: 16px;
}

.modal-content .labelBlue {
    color: #007bff !important;
    /*  font-weight: 600; */
    font-size: 16px;
}

.focus-input-moderator-modal .form-control:focus {
    border: 1px solid #007bffbe !important;
    box-shadow: 0px 0px 0px 3px #007bff79 !important;
}

.focus-input-moderator-modal .title {
    font-size: 30px;
    padding-bottom: 15px;
}

.edit-moderator .labelBlue {
    color: #007bff !important;
    /*  font-weight: 600; */
    font-size: 16px;
}

.edit-moderator .form-control:focus {
    border: 1px solid #007bffbe !important;
    box-shadow: 0px 0px 0px 3px #007bff79 !important;
}

.edit-moderator .title {
    font-size: 26px;
    padding-bottom: 20px;
}

.login-login label {
    color: #007bff !important;
}

.login-login .form-control:focus {
    border: 1px solid #007bffbe !important;
    box-shadow: 0px 0px 0px 3px #007bff79 !important;
}

.admin-pregled-aktivnih {
    margin-bottom: 20px !important;
    min-width: 225px;
    max-width: 225px;

}

.admin-datum {
    margin-left: -10px !important;
}

.admin-oj {
    padding-left: 25px !important;
}

.table-admin-active {
    overflow-y: scroll;
}

.select-mjesec-admin {
    max-width: 50px !important;

}

.select-godina-admin {
    max-width: 80px !important;
    margin-left: 5px !important;
}

.btn-izbrisi {
    padding-top: 50px;
}

.title-izbrisi {}

.neaktivni {
    background-color: #e0e0e0;
}