﻿/*body {
    padding-top: 50px;
    padding-bottom: 20px;
    /*background-image: url("/images/background.jpg");*/

/*}*/

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
/*.body-content {
    padding-left: 15px;
    padding-right: 15px;
}*/

/* Carousel */
/*.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}*/

/* Make .svg files in the carousel display properly in older browsers */
/*.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}*/

/* QR code generator */
/*#qrCode {
    margin: 15px;
}*/

/* Hide/rearrange for smaller screens */
/*@media screen and (max-width: 767px) {
    /* Hide captions */
/*.carousel-caption {
        display: none;
    }*/
/*}*/

/*Custom design*/
.navbar{text-align: center;}
.navbar-header{display: inline-block; margin: 0 auto; float:none; margin-top:35px;}
.card-login input {background: #eee!important; border: 1px solid #ddd!important; padding: 5px !important;
box-sizing: border-box !important;}

.card-login .material-icons {margin-top: -17px;}
.card-login .input-group:last-child .material-icons {margin-top: 2px;}
.card-login .card-header{box-shadow:none;}

#adminPages .nav.nav-pills.nav-stacked {margin: 0px 15px 20px 15px; background: #f4f4f4;}
#adminPages .dropdown-item {background:#999999; color:#fff; padding:5px; border-radius: 3px!important; margin:10px 15px 0;}
#adminPages .dropdown-item:hover{background:#b0b0b0;}

.card .card-header i{float:left; margin-right: 30px;}
.activeTickets .card-header{box-shadow:none;}
.activeTickets .card-header .col-md-1{width:auto;}
.activeTickets .btn-success:link, .activeTickets .btn-success:active {background:#0976b4; box-shadow: none; }
.activeTickets .btn-success:hover, .activeTickets .btn-success:visited{background:#3699d2; box-shadow: none; }
.activeTickets .btn-info:link, .activeTickets .btn-info:active {background:#35465c; box-shadow: none; }
.activeTickets .btn-info:hover, .activeTickets .btn-info:visited{background:#4e5e74;  box-shadow: none;}

.extendedGroupTickets .card-header{box-shadow:none;}
.extendedGroupTickets .card-header .col-md-1{width:auto;}
.extendedGroupTickets .btn-success:link,.extendedGroupTickets .btn-success:active {background:#0976b4; box-shadow: none; }
.extendedGroupTickets  .btn-success:hover, .extendedGroupTickets  .btn-success:visited{background:#3699d2; box-shadow: none; }
.extendedGroupTickets .btn-info:link, .extendedGroupTickets  .btn-info:active {background:#35465c; box-shadow: none; }
.extendedGroupTickets  .btn-info:hover, .extendedGroupTickets .btn-info:visited{background:#4e5e74;  box-shadow: none;}


.finishedTickets .card-header{box-shadow:none;}
.finishedTickets .card-header .col-md-1{width:auto;}
.finishedTickets .btn-success:link, .finishedTickets .btn-success:active {background:#0976b4; box-shadow: none; }
.finishedTickets  .btn-success:hover, .finishedTickets .btn-success:visited{background:#3699d2; box-shadow: none; }
.finishedTickets .btn-info:link, .finishedTickets  .btn-info:active {background:#35465c; box-shadow: none; }
.finishedTickets .btn-info:hover, .finishedTickets .btn-info:visited{background:#4e5e74;  box-shadow: none;}

.statisticsTickets .card-header{box-shadow:none; background: #35465c;}

.newUporabnikForm .card-header{box-shadow:none; background: #35465c;}

.quickInfoPreview .card-header{box-shadow:none; background: #35465c;}

.userInfo .card-header{box-shadow:none; background: #35465c;}
.userInfo .card-title{ text-align: left;}

.statisticsInfo .card-header{background: #35465c; box-shadow:none;}
.statisticsInfo .card-title{ text-align: left;}

.podpornikPregled .btn{box-shadow: none;}
body{background-color:#D8D8D8;}


/*Edit*/
.mainEditTicket{background:#e1e1e1;}
.mainEditTicket .card-header{box-shadow:none;}

.ticketUserInfo .card-header{background:#5e6f86;}
.ticketUserInfo .card-content h4{font-weight: 500;}
.ticketTable.table > thead > tr > th, .ticketTable.table > tbody > tr > td{text-align: left!important;}

.ticketTable .list-group{background:#eee; padding:10px 5px;}
.ticketTable .list-group-item{padding:5px;}

.attachmentsTicket .card-header{background:#5e6f86;}
.disputeValueInfo .card-header, .legalFeeInfo .card-header, .extendedGroupInfo .card-header{background:#5e6f86;}

.workLogInfo {background:#fff}
.workLogInfo .card-header{background:#5e6f86;}
.workLogInfo .card{box-shadow: none; border:1px solid #ddd;}
.workLogInfo .card-content .card-header{background:#a4abb7;}
textarea {background: #eee!important; border: 1px solid #ddd!important; padding:15px!important; box-sizing: border-box!important;}
input[type="text"]{background: #eee!important;  padding:5px!important; box-sizing: border-box!important;}
.workLogInfo .btn.btn-fab.btn-fab-mini {border-radius: 5px;}

.ticketStatisticsInfo .card-header{background:#5e6f86;}
.ticketTopLine .label{background: #fff; color:#bd3232; padding: 8px 22px;margin-top: 0px!important;font-size: 12px;font-weight: 700;}
.ticketTopLine .card-title{float:left; width: auto; margin-right: 30px;}
.ticketTopLine .nazajPregled{margin:0 15px;}

/*AddNew*/
.newTicketForm .card-header{box-shadow:none;}
.btn.dropdown-toggle{color:#555; background:#eee;}
.btn.dropdown-toggle:hover{background-color:#a4a4a4;}
.newTicketForm .btn.btn-fab.btn-fab-mini {border-radius: 5px;}
#Zadeva{border: 1px solid #ddd!important;}


.rokIzvedbe .input-group-addon {
    background: #efefef;
    padding:2px 15px 0px;
}
.additionalInfo .additionalInfoOpis {
    font-weight: 400;
    margin-left: 10px;
}
.additionalInfo i {cursor:help;}
.additionalInfo label.newItemTextLabel {width:100% !important; margin-bottom: 0px;} 
.rokIzvedbe .input-group-addon {
    background: #efefef;
    padding: 2px 15px 0px;
}
.additionalInfo .additionalInfoOpis {
    font-weight: 400;
    margin-left: 10px;
}
.additionalInfo i {cursor:help;}
.additionalInfo label.newItemTextLabel {width:100% !important; margin-bottom: 0px;} 


.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 50;
        left: 0;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #cccccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #ffffff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

.section-right {
    border: 1px solid black;
    padding: 5px;
}

.topbar {
    background-color: #337ab7;
    color: white;
    overflow: hidden;
}

/*.glyphicon {
    font-size: 20px;
    line-height: 40px;
    color: white;
}*/

table tbody tr th, table tbody tr td {
    vertical-align: middle !important;
}
/*table.ticketTable tbody tr td {
    vertical-align: top !important;
}*/

table .list-group {
    margin-bottom: 0px !important;
}

/*#OpravljenoDeloDetailContainer {
    border: 1px solid #337ab7;
}*/

.logoText {
    font-size: 32px;
    float: left;
    width: 100%;
}

.subLogoText {
    font-size: 12px;
    float: left;
    width: 100%;
    margin-top: -6px;
}

.loginUserName {
    font-size: 14px;
    font-weight: bold;
}

.navbar-nav > li {
    width: 220px !important;
}

.nav-item a.btn.btn-tumblr {
    color: #fff !important;
}

ul.nav li a.btn.btn-google {
    color: #fff !important;
}

    ul.nav li a.btn.btn-google b {
        margin-top: 6px !important;
    }

ul.nav li a.btn.btn-tumblr:hover, ul.nav li a.btn.btn-tumblr:focus {
    background-color: #35465c !important;
    opacity: 0.9 !important;
}

ul.nav li a.btn.btn-google:hover, ul.nav li a.btn.btn-google:focus, .sidebar .nav li:hover > a.btn.btn-google {
    background-color: #dd4b39 !important;
    opacity: 0.9 !important;
}

ul.nav.nav-pills.nav-stacked a {
    padding-left: 0px !important;
    border-radius: 0px !important;
    margin-left: 15px;
}
.userInfoData h5 {font-weight: bold;}

.ticketTable.table > tbody > tr > td {
    padding: 0px 5px !important;
}
.ticketTable.table a.btn-ticket-title {
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    color: rgba(0,0,0, 0.87);
}
.ticketTable.table a.btn-ticket-title:hover{text-decoration:underline;}
.quickDetailTitle {font-weight: bold;}
.uporabnik-select .dropdown-menu > .active > a {
    background-color: #f04e23 !important;
}
.newItemTextLabel{color: #110000 !important;}

.breadcrumb.IPIRight-1 li span.label {
    font-weight: bold !important;
    color: #111 !important;
    background: #D8E4BC !important;
    text-transform: uppercase;
}
.breadcrumb.IPIRight-2 li span.label {
    font-weight: bold !important;
    color: #111 !important;
    background: #FCD5B4 !important;
    text-transform: uppercase;
}
.breadcrumb.IPIRight-3 li span.label {
    font-weight: bold !important;
    color: #111 !important;
    background: #B8CCE4 !important;
    text-transform: uppercase;
}
.breadcrumb.IPIRight-4 li span.label {
    font-weight: bold !important;
    color: #111 !important;
    background: #66FFFF !important;
    text-transform: uppercase;
}
.breadcrumb.IPIRight-5 li span.label {
    font-weight: bold !important;
    color: #111 !important;
    background: #FFFF00 !important;
    text-transform: uppercase;
}
.breadcrumb.IPIRight-6 li span.label {
    font-weight: bold !important;
    color: #111 !important;
    background: #66FF66 !important;
    text-transform: uppercase;
}
.breadcrumb.IPIRight-7 li span.label {
    font-weight: bold !important;
    color: #111 !important;
    background: #F79646 !important;
    text-transform: uppercase;
}
.breadcrumb.IPIRight-8 li span.label {
    font-weight: bold !important;
    color: #111 !important;
    background: #4BACC6 !important;
    text-transform: uppercase;
}
.breadcrumb.IPIRight-9 li span.label {
    font-weight: bold !important;
    color: #fff !important;
    background: #B1A0C7 !important;
    text-transform: uppercase;
}
.breadcrumb.IPIRight-10 li span.label {
    font-weight: bold !important;
    color: #111 !important;
    background: #D9D9D9 !important;
    text-transform: uppercase;
}

.newTicketForm .fa-square{
    font-size: 15px!important;
    line-height: 14px;
    margin-right: 15px;
    width: 17px;
    height: 17px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 1px;
}
.IPIRight-1.fa-square  {
    color: #D8E4BC!important;
}
.IPIRight-2.fa-square {
    color: #FCD5B4 !important;
}
.IPIRight-3.fa-square {
    color: #B8CCE4 !important;
}
.IPIRight-4.fa-square{
    color: #66FFFF !important;

}
.IPIRight-5.fa-square{
    color: #FFFF00 !important;
}
.IPIRight-6.fa-square{
    color: #66FF66 !important;
}
.IPIRight-7.fa-square{
    color: #F79646 !important;
}
.IPIRight-8.fa-square{
    color: #4BACC6 !important;
}
.IPIRight-9.fa-square{
    color: #B1A0C7 !important;
}

.IPIRight-10.fa-square{
    color: #D9D9D9 !important;
}



.ipiright-select .check-mark {font-weight:bold !important; font-size:18px !important;}
.label-spacing-left {margin-left:5px;}
.addNewEkipa .btn-group.bootstrap-select.form-control{background-image: none !important;}
.addNewEkipa .dropdown-menu > .active > a {
    background-color: #f04e23 !important;
}
.panel-widget {
    padding: 10px 0;
    position: relative;
    box-shadow: none;
    border-radius: 0;
    background: none;
    text-align: center;
    color: #333;
}
    .panel-widget .text-muted {
        margin-top: -6px;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 0.8em;
    }

    .panel-widget .large {
        color: #373b45;
        font-size: 26px;
        font-weight: 400;
        line-height: 64px;
    }
    .panel-widget.border-right {
        border-right: 1px solid #dadbda;
    }
.no-padding {
    padding: 0;
    margin: 0;
}
.panel-widget .color-red {
    color: #f9243f;
}
.panel-widget .color-teal {
    color: #3C4858;
}
.zakljuciZahtevek {padding:0px; margin:0px;}
.ticketTopLine span.label {margin-top: 4px;}
.dataTables_paginate a.paginate_button {
    padding: 0.1em 0.5em !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 2px 10px !important;
}
table.dataTable.no-footer{
    border-bottom: 1px solid #ddd !important;
}