.nav {
    width: 100%;
}

.nav ul {
    list-style: none;
}

.nav li {
    display: inline-block;
    width: 150px;
    text-align: center;
}

.nav li span {

    line-height: 50px;
}

.nav a {
    display: block;
    text-align: center;
}

.label-as-badge {
    border-radius: 1em !important;
}

.color-user {
    display: block;
    width: 100px;
    height: 30px;
    border: .2em solid #000000;
}

.color-client {
    display: block;
    width: 100px;
    height: 30px;
    cursor: pointer;
    border: .2em solid #000000;
}

.margin-left-10 {
    margin-left: 10%;
}

div.progress {
    padding-right: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
}

tr.lots > td {
    vertical-align: middle !important;
}

.jauge-cout-under {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: rgb(0, 0, 0);
    fill: rgb(0, 0, 0);
    text-shadow: rgb(255, 255, 255) 0px 0px 6px, rgb(255, 255, 255) 0px 0px 3px;
}

.cout-under {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: rgb(0, 0, 0);
    fill: rgb(0, 0, 0);
    text-shadow: rgb(255, 255, 255) 0px 0px 6px, rgb(255, 255, 255) 0px 0px 3px;
}

.temps-under {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: rgb(0, 0, 0);
    fill: rgb(0, 0, 0);
    text-shadow: rgb(255, 255, 255) 0px 0px 6px, rgb(255, 255, 255) 0px 0px 3px;
}

.table-responsive {

}

a.link-td {
    display: block;
    color: initial;
}

a.link-td:link {
    text-decoration: none;
}

a.link-td:hover {
    text-decoration: none;
}

a.link-td:active {
    text-decoration: none;
}

a.link-td:visited {
    text-decoration: none;
}

.top-buffer {
    margin-top: 10px;
}

.modal-user {
    width: 800px !important;
}

.modal-salaire {
    width: 100% !important;
}

.vertical-align {
    display: flex;
    align-items: flex-end;
}

#filter {
    margin-top: 50px;
}

.glyphicon-spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.bold {
    font-weight: bold;
}

.green {
    color: green;
}

.red {
    color: red;
}

hr.client {
    border-top: 7px solid #eee;
}

hr.lot {
    border-top: 5px solid #eee;
}

hr.tache {
    border-top: 3px solid #eee;
}

.truncate {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-height: 30px;
}

.notruncate .truncate, .truncate:hover {
    overflow: visible;
    white-space: normal;
    text-overflow: ellipsis;
    max-height: none;
}

.hide-travaux .row-travail {
    display: none;
}

.hide-travaux .force-display .row-travail {
    display: block;
}

.margin-top {
    margin-top: 15px;
}

#filter .primary {
    background-color: #337ab7;
}

#filter .info {
    background-color: #5bc0de;
}

#filter .warning {
    background-color: #f0ad4e;
}

#filter .success {
    background-color: #5cb85c;
}

#filter .input-list {
    text-align: center;
    color: #ffffff;
    border-radius: 5px;
}

#filter .border-right {
    border-right: 5px solid #eee;
}

#filter .block {
    height: 300px;
    min-height: 300px;
}

#filter .no-padding {
    padding: 0px;
}

#filter .scroll {
    height: 250px;
    overflow: hidden;
    overflow-y: scroll;
}

#list_travaux hr {
    margin-bottom: 3px;
    margin-top: 3px;
}

#list_travaux span.lot {
    padding-left: 30px;
}

#list_travaux span.tache {
    padding-left: 60px;
}

#list_travaux span.travail {
    padding-left: 75px;
}

.float-right {
    float: right;
    width: 60px;
}

.row-client {
    border-bottom: 7px solid #eee;
}

.row-lot {
    border-top: 8px solid #eee;
    border-bottom: 5px solid #eee;
}

.row-tache {
    border-bottom: 3px solid #eee;
    background-color: #e0e0e0;
}

.row-tache:hover {
    cursor: zoom-in;
}

.force-display .row-tache:hover {
    cursor: zoom-out;
}

.row-travail {
    border-bottom: 1px solid #eee;
}

.row-travail input.checkbox_grp {
    margin-left: 15px;
}

#btn_edit_grp {
    position: fixed;
    top: 150px;
    right: 15px;
}

#type {
    margin-bottom: 35px;
}

.lots.lot-locked {
    background-color: #eecd79;
}

.lots.lot-locked .cout-under,
.lots.lot-locked .temps-under,
.lots.lot-locked a {
    color: #666;
}

.facturation-modal .modal-dialog {
    width: 95% !important;
    height: 85% !important;
}

.scrollable-div {
    padding: 2em;
    overflow-y: scroll;
    height: 80%;
}

.push-left {
    margin-left: 2em;
}

.push-bottom {
    margin-bottom: 2em;
}

.js-lines-result {
    width: 100%;
}

.js-line-description {
    width: 100%;
    min-height: 150px;
}

.add-desc {
    margin-left: 20px;
}

.top-btn {
    padding: .8em;
    float: right;
}

[contenteditable="true"] {
    padding: .3em;
    border: 1px solid grey;
    background-color: #eceff1;
    border-radius: .2em;
}

.form-title {
    display: block;
    text-align: center;
    background-color: lightblue;
    padding: 0.2em;
    margin-top: 1em;
    border-top: solid #888;
}
.issue-color {
    display: block;
}
.issue-color-yellow {
    color: #f08c4e;
}
.issue-color-green {
    color: #50b650;
}
.issue-color-, .issue-color-blue-gray {
    color: #346077;
}