/*
    * CSS za pojedini account (samo boje elemenata, sve ostalo je zajednicko)
    * DIGEST:
        - zuta:         #FFE06A
        - crvena:       #F27453
        - plava:        #A7DAE1
        - ljubicasta:   #85A0D2
        - siva:         #414042
*/


/* login */

    .login_box {
        border-radius:15px !important;
        background:rgba(245,245,245,0.9) !important;
        min-width:200px !important;
        max-width:550px !important;
    }
    .login_span {
        background-color: #848484;
        color:#e2e2e2;
    }
    .login_input {
        font-weight: bold;
        background-color: #e2e2e2;
        color: #848484;
    }
    body.login.login_bg {
        background-image: url("../storage/digest/img/login_bg.png");
        background-color: rgba(0, 0, 0, 0);
    }

    #suglasnost_a:hover {color: dodgerblue;}

/* blockUI */

.blockUI.blockOverlay {
    opacity: 0 !important;
}
.blockUI.blockMsg.blockPage {
    z-index: 99999 !important;
    position: absolute !important;
    top:0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
}
.blockUI.blockMsg.blockPage > span {
    position: absolute !important;
    color:lightgrey;
    font-size:0.8em;
    z-index: 99999 !important;
    bottom: 7px !important;
    left: 7px !important;
}

/* player */
#plejer_data {
    background-color: #4a4f58;
}

/* navbar */

    .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
        background-color: #7d8385;
        font-weight: bold;
    }
    .navbar-inverse .nav > li:hover > a, .navbar-inverse .nav > li:active > a {
        background: #2b2a2c;
    }
    .navbar-inverse .navbar-nav > li > a {
        color: #888e90;
    }
    .navbar-inverse {
        background: #414042;
    }
    .navbar-inverse .nav > li.active > a:hover {
        border-bottom: 1px solid #7d8385;
    }
    .current-user, .current-user:hover, .current-user:active {
        height:50px;
    }
    .current-user ul {
        background-color: #414042;
        border: 1px solid #2b2a2c;
    }
    .current-user li a {
        color: #888e90;
    }
    .current-user li a:hover {
        background-color: #2b2a2c;
        color: white;
    }

    @media (max-width: 767px) {
        .navbar-inverse {
            background: rgb(64, 64, 64);
            height: auto;
        }
        .navbar-tools {
            background: rgb(64, 64, 64);
            border-top-color: #C8C7CC;
        }
        .navbar-inverse .nav > li:hover > a, .navbar-inverse .nav > li:active > a {
            color: #ffffff;
            background: #2b2a2c;
            height: auto;
        }
        .navbar-inverse .nav > li > a:hover {
            border-bottom: none;
        }
        .navbar-inverse .nav > li.active > a:hover {
            border-bottom: none;
        }
        .current-user, .current-user:hover, .current-user:active {
            height:auto;
        }
        .current-user li:hover {
            background-color: #535353;
        }
        .current-user .divider {
            display:none;
        }
        .current-user li {
            padding-left: 20px;
        }
    }

/* headeri */

    .header_naslov {
        color: #d4d4d4;
    }
    .header_1 {
        background-color: #7d8385;
        border-bottom: 1px solid #ccc;
    }
    .header_2 {
        background-color: #c6c9c6;
        border-bottom: 1px solid #a5a8a5;
        border-top: 1px solid #d6d9d6;
    }

    .dropdown-menu > li.active > a {
        background-color: #6d88b7;
    }
    .dropdown-menu > li.active > a:hover {
        background-color: #567099;
    }

/* table */

    .table_header {
        color: #ececec;
        background-color: #5c6776;
        opacity: 0.7;
    }
    .td_naziv {
        color: #363636;
    }
    .table>thead>tr>th {
        background-color: #c6c9c6;
        border: 1px solid #a5a8a5;
    }
    table.table-hover tr:hover td {
        background-color: #dbe2ee;
    }
    .tr_selected {
        background-color: #e7e7e7;
    }


/* modal */

    .modal-header {
        background-color: #656b6d;
    }
    .modal-header-tab {
        height: auto;
        white-space: nowrap;
        background-color: #7d8385;
        padding: 5px;
        text-align: center;
    }
    .modal-title {
        color: #e3e9eb;
    }

    .modal-body {
        background-color: #f5f5f5;
    }

/* nav-pills */

    .nav-pills li {
        padding: 0 3px;
    }
    .nav-pills > li > a {
        font-size: 0.95em;
        background-color: #a4aaac;
        font-weight: bold;
        color: #656b6d;
        height: 35px;
        padding-top: 8px;
        border-top-left-radius:5px;
        border-top-right-radius:5px;
        border-bottom-left-radius:0;
        border-bottom-right-radius:0;
        border-bottom: none;
    }
    .nav-pills > li > a:hover {
        background-color: #b7bdbf;
    }
    .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
        color: #57517b;
        font-size: 0.95em;
        font-weight: bold;
        background-color: #f5f5f5;
        height: 37px;
        border: 1px solid #a4aaac;
        border-top-left-radius:5px;
        border-top-right-radius:5px;
        border-bottom-left-radius:0;
        border-bottom-right-radius:0;
        border-bottom: none;
    }

    .nav-pills-home li {
        padding: 0 3px;
    }
    .nav-pills-home > li > a {
        font-size: 0.95em;
        background-color: #a4aaac;
        font-weight: bold;
        color: #656b6d;
        height: 35px;
        padding-top: 8px;
        border-top-left-radius:5px;
        border-top-right-radius:5px;
        border-bottom-left-radius:0;
        border-bottom-right-radius:0;
        border-bottom: none;
    }
    .nav-pills-home > li > a:hover {
        background-color: #b7bdbf;
    }
    .nav-pills-home > li.active > a, .nav-pills-home > li.active > a:hover, .nav-pills-home > li.active > a:focus {
        color: #cacaca;
        font-size: 0.95em;
        font-weight: bold;
        background-image: url("../storage/digest/img/login_bg.png");
        height: 37px;
        border: 1px solid #a4aaac;
        border-top-left-radius:5px;
        border-top-right-radius:5px;
        border-bottom-left-radius:0;
        border-bottom-right-radius:0;
        border-bottom: none;
    }


.ui-datepicker {
    z-index: 2000 !important;
}



/* footer css je u footer.phu jer se includa nakon css filea */