/**
 * Style definitions relevant for backend
 */
body {
    padding-top: 40px; /* compensate for the fixed top navbar */
    position: relative;
}

.ui-autocomplete-loading {
    background: white url('loading.gif') right center no-repeat;
}

.text-ellipsis {
    width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

a{
    cursor:pointer;
}

#Invoices_date_added {
    min-width: 50px;
}

#Invoices_date_due {
    min-width: 50px;
}

.datepicker {
    z-index: 100000 !important;
    display: block;
}

.grid-view-loading {
    pointer-events: none;
    opacity: 0.3;
}

table tr.overdeadline {
    background-color: #F7B2D2 !important;
}

table tr.paid {
    background-color: #C8F7C3 !important;
}

.list-group-item{
    height:40px;
    z-index: inherit;
}

.list-group-item:hover{
    background-color:#ccc;
    z-index: inherit;
}

.list-group-item.active{
    border-color:#ccc;
    z-index: inherit;
}

.list-group-item.active:hover{
    background-color:#ccc;
    border-color:#ccc;
    z-index: inherit;
}

.list-group-item h3{
    color:#000;
}

.tree_link, .tree_edit, .tree_delete, .tree_add{
    width:15px;
    cursor:pointer;
}

.tree_priority{
    color:#32d632;
    font-weight:bold;
}

.tree_link:hover, .tree_edit:hover, .tree_add:hover, .tree_priority:hover{
    color:#32d632;
}

.tree_delete:hover{
    color: #ff0000;
}

.small_font{
    font-size: 10px;
}

.red{
    color:#ff0000;
}

#subInvoiceModal .modal-dialog, #invoicePaymentModal .modal-dialog, #invoiceInPaymentModal .modal-dialog {
    width: 800px;
}

.thumbnail {
    display: inline !important;
    margin-bottom: 0px !important;
}

.ui-autocomplete {
    z-index: 100;
}