/* tableau */

table,
tr,
th,
td {
    /*border: 1px solid #000;*/
}

body {
    width: 100%;
}

#view.connected {
    width: 88%;
    height: 92%;
    overflow-y: scroll;
    padding-left: 15px;
}

#view.connected.relative {
    position: relative;
}

@media screen and (max-height: 875px) {
    #view.connected {
        height: 88%;
    }
    .menu {
        max-height: 88%;
    }
}

@media screen and (max-height: 580px) {
    #view.connected {
        height: 75%;
    }
    .menu {
        max-height: 75%;
    }
}

@media screen and (max-height: 280px) {
    #view.connected {
        height: 70%;
    }
    .menu {
        max-height: 70%;
    }
}

.contentMathieu {
    float: left;
    max-width: 86%;
}

.contentMathieu .table-striped>tbody>tr:nth-child(odd)>td,
.contentMathieu .table-striped>tbody>tr:nth-child(odd)>th {
    color: #000;
}

.sortTable .active {
    color: #000;
}

.icofolder {
    margin-right: 7px;
    font-size: 1.7rem;
}

.popup-instancestep {
    font-size: 12px;
    font-family: Arial;
}

#label-grad {
    float: left;
    margin-right: 35px;
}

.btn-star {
    font-size: 1.25em;
    color: #636362;
    background-color: #fff;
    border-color: #eee;
    border: 1px solid #eee;
    margin: 4px 0 0 0;
    padding: 0;
    cursor: pointer;
}

.btn-star.yellow {
    color: #FFFB00;
}

.btn-star.star-xs {
    font-size: 1.07em;
}

.flag-red {
    color: #DD525D
}

.flag-green {
    color: #A9C756
}

.autoCompleteListeValue {
    position: absolute;
    top: auto;
    left: auto;
    display: none;
    background: #fff;
    list-style: none;
    padding-left: 15px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.autoCompleteListeValue li:hover {
    background: #ccc;
    cursor: pointer;
}

.autoCompleteListeValue.visible {
    display: block;
    z-index: 1000;
}


/* DATA */

.popover,
.tooltip {
    font-family: Helvetica;
}

.data-mathieu .table-mathieu:last-child {
    max-height: 660px;
    overflow-y: scroll;
}

.data-mathieu .table-mathieu.bill-supplier {
    max-height: 240px;
    overflow-y: scroll;
}

.data-mathieu .table-mathieu.bill-supplier.without-limit {
    max-height: 600px;
    overflow-y: scroll;
}

.data-mathieu .table-mathieu.bill-supplier.compta {
    max-height: 400px;
    overflow-y: scroll;
}

.data-mathieu,
.table-mathieu {
    width: 100%;
    margin: 0;
}

.data-mathieu .table-mathieu .table-line-mathieu {
    clear: left;
    background: #eee;
    min-height: 60px;
    cursor: pointer;
}

.data-mathieu .table-mathieu .table-line-mathieu.docsx2 {
    min-height: 80px;
}

.data-mathieu .table-mathieu .table-line-mathieu.docsx3 {
    min-height: 100px;
}

.data-mathieu .table-mathieu .table-line-mathieu.docsx4 {
    min-height: 120px;
}

.data-mathieu .table-mathieu.bill-supplier .table-line-mathieu {
    min-height: 80px;
}

.data-mathieu .table-mathieu .table-line-mathieu.odd {
    background: #ccc;
}

.data-mathieu .table-mathieu .table-line-mathieu.bordered,
.data-mathieu .table-mathieu .table-line-mathieu .bordered {
    border-bottom: #636362 1px solid;
}

.data-mathieu .table-mathieu .table-line-mathieu.bordered.hover,
.data-mathieu .table-mathieu .table-line-mathieu.hover .bordered {
    border-bottom: #fff 1px solid;
}

.data-mathieu .table-mathieu .table-line-mathieu.hover {
    background: #636362;
    color: #fff;
}

.data-mathieu .table-mathieu .table-line-mathieu.active {
    color: #BED367;
    background: #555;
}

.data-mathieu .table-mathieu .table-line-mathieu.active.odd {
    background: #444;
}

.data-mathieu .table-mathieu .table-line-mathieu.locked,
.data-mathieu .table-mathieu .table-line-mathieu.locked.hover {
    color: #ddd;
    background: #fff;
    cursor: default;
}

.data-mathieu .table-mathieu .table-line-mathieu.locked.bordered,
.data-mathieu .table-mathieu .table-line-mathieu.locked .bordered,
.data-mathieu .table-mathieu .table-line-mathieu.hover.locked.bordered,
.data-mathieu .table-mathieu .table-line-mathieu.locked.hover .bordered {
    border-bottom: #ddd 1px solid;
}

.data-mathieu .table-mathieu .table-line-mathieu.locked.odd,
.data-mathieu .table-mathieu .table-line-mathieu.locked.odd.hover {
    color: #ccc;
    background: #eee;
    cursor: default;
}

.data-mathieu .table-mathieu .table-line-mathieu.table-header {
    clear: left;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    background: #aaa;
    color: #222;
    font-size: 16px;
    min-height: 60px;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column {
    padding: 10px 5px;
    min-width: 50px;
    min-height: 60px;
    float: left;
}

.data-mathieu .table-mathieu .table-line-mathieu.table-header .table-column {
    padding-top: 16px;
    padding-bottom: 0px;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column:last-child {
    /*float: none;
    margin-left: 1000px;*/
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column .icon-sort {
    float: left;
    width: 16px;
    height: 32px;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.ref-mathieu {
    width: 100px;
    text-align: center;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.ref-mathieu.mini {
    width: 50px;
    text-align: center;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.ref-mathieu .icon-mathieu {
    /*width: 15px;*/
    /*text-align: right;*/
    /*margin-right: 12px;*/
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.ref-mathieu .icon-mathieu .icon-alert-mathieu {
    color: #EA6C34;
    font-size: 14px;
    top: -6px;
    left: 8px;
    position: relative;
    float: right;
    width: 100%;
    height: 0;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.name-mathieu {
    width: 250px;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.account-mathieu {
    width: 150px;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.dateorder-mathieu {
    width: 190px;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.empty-ref-mathieu {
    width: 540px;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.empty-ref-mathieu.mini {
    width: 250px;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.product-mathieu {
    width: 325px;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.product-mathieu .product-link {
    padding-left: 15px;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.product-mathieu .product-link:hover {
    color: orange;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.workflow-mathieu {
    width: 225px;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.pdf-mathieu {
    width: 150px;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.pdf-mathieu.alone {
    width: 50px;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.pdf-mathieu i {
    font-size: 35px;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.pdf-mathieu i:hover {
    color: orange;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.pdf-mathieu i.disable {
    color: #888;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.pdf-mathieu i.disable:hover {
    color: #888;
    cursor: default;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.text-mathieu {
    width: 250px;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.text-mathieu.standard {
    width: 190px;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.text-mathieu.mini {
    width: 120px;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.text-mathieu.micro {
    width: 20px;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.text-mathieu.large {
    width: 350px;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.text-mathieu.last {
    float: none;
    margin-left: 1160px;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.text-mathieu .table.bordered {
    background: #fff;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.text-mathieu .table,
.data-mathieu .table-mathieu .table-line-mathieu .table-column.text-mathieu .table>tbody>tr>td {
    margin-bottom: 0px;
    border-top: none;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.text-mathieu .table .form-control {
    height: 26px;
    padding: 0px 12px;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.text-mathieu .table>tbody>tr {
    border: 1px solid #ddd;
}


/* Bill-Supplier */

.data-mathieu .table-mathieu.bill-supplier .table-line-mathieu .table-column {
    min-height: 80px;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.billnumber-mathieu {
    width: 100px;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.type-mathieu {
    width: 100px;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.total-mathieu {
    width: 150px;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.purchaseprice-mathieu {
    width: 150px;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.date-mathieu {
    width: 120px;
}

.data-mathieu .table-mathieu .table-line-mathieu .table-column.action-mathieu {
    width: 100px;
}

#dragPDFObject {
    position: absolute;
    right: 70px;
    width: 700px;
    height: 650px;
    padding: 10px;
    background: #f6f6f6;
    border-radius: 10px;
    text-align: right;
    border: 1px solid #000;
}

#dragPDFObject i {
    cursor: pointer;
}

#dragPDFObject object embed {
    width: 100%;
    height: 100%;
}

.data-mathieu .form-bill-tc-mathieu {
    width: 500px;
    border-left: 6px solid #636362;
    border-right: 6px solid #636362;
    font-size: 0.8em;
    background: none repeat scroll 0% 0% #F3F3F3;
}

.data-mathieu .detail-order-mathieu h3 {
    margin-top: 0;
}

.data-mathieu .detail-order-mathieu {
    width: 500px;
    border-left: 6px solid #636362;
    border-right: 6px solid #636362;
    margin-top: 23px;
    background: none repeat scroll 0% 0% #F3F3F3;
    padding: 5px 15px 15px;
}

.data-mathieu .form-bill-tc-mathieu h4 {
    padding-top: 5px;
    padding-left: 6%;
    margin-bottom: 0;
    max-width: 88%;
    margin-top: 0;
}

.data-mathieu .form-bill-tc-mathieu .list-mathieu {
    width: 30%;
    float: left;
    padding: 5%;
    padding-right: 0;
    font-size: 12px;
}

.data-mathieu .form-bill-tc-mathieu .comment-mathieu {
    width: 50%;
    height: 100px;
    padding-top: 25px;
    padding-bottom: 25px;
    float: left;
    color: #636362;
    font-size: 0.9em;
}

.data-mathieu .form-bill-tc-mathieu .comment-mathieu textarea {
    width: 100%;
    height: 80px;
    font-size: 12px;
    color: #000;
    font-family: 'helvetica';
}

.data-mathieu .form-bill-tc-mathieu .btn-mathieu {
    width: 10%;
    margin-left: 85%;
    padding-top: 39px;
    padding-bottom: 25px;
    color: white;
    font-size: 1.4em;
    cursor: pointer;
    /*
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    */
}

.data-mathieu .form-bill-tc-mathieu .btn-mathieu .btn-ok-mathieu,
.data-mathieu .form-bill-tc-mathieu .btn-mathieu .btn-nok-mathieu {
    width: 32px;
    height: 32px;
    cursor: pointer;
    margin-bottom: 5px;
    text-align: center;
    padding-top: 4px;
}

.data-mathieu .form-bill-tc-mathieu .btn-mathieu .btn-ok-mathieu {
    background: #A9C756;
}

.data-mathieu .form-bill-tc-mathieu .btn-mathieu .btn-nok-mathieu {
    background: #DD525D;
}


/* Validated Treatment Supplier */

.validated-treatment-mathieu {
    width: 35%;
    float: left;
}

.validated-treatment-mathieu .treatment-line-mathieu {
    padding-top: 10px;
    padding-left: 15px;
    /*   padding-bottom: 10px;
*/
    background: #F6F6F6;
    border-top: #636362 4px solid;
}

.validated-treatment-mathieu .treatment-line-mathieu .line-date-mathieu {
    clear: left;
    margin-top: 10px;
}

.validated-treatment-mathieu .treatment-line-mathieu .label-date-mathieu {
    width: 51%;
    height: 20px;
    margin-bottom: 10px;
    float: left;
}

.validated-treatment-mathieu .treatment-line-mathieu .date-mathieu {
    height: 20px;
    margin-bottom: 10px;
}

.validated-treatment-mathieu .treatment-line-mathieu .charte {
    color: #636362;
    min-height: 60px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-right: 10px;
    cursor: pointer;
}

.validated-treatment-mathieu .treatment-line-mathieu .charte:hover {
    color: orange;
}

.content-validated-treatment-mathieu .objectPDF {
    width: 57%;
    height: 687.85px;
    margin-top: 50px;
    margin-left: 70px;
}

.content-validated-treatment-mathieu .linkPDF {
    width: 57%;
    margin-left: 70px;
    position: relative;
    top: 45px;
}

.validated-treatment-mathieu .treatment-line-mathieu .checkbox-mathieu {
    float: left;
    padding: 5px 10px 15px 0;
    min-height: 70px;
}

.validated-treatment-mathieu .treatment-line-mathieu .product-link {
    padding-left: 0px;
    cursor: pointer;
}

.validated-treatment-mathieu .treatment-line-mathieu .product-link:hover {
    color: orange;
}

.validated-treatment-mathieu .treatment-line-mathieu .document-link {
    float: right;
    font-size: 36px;
    margin-top: -10px;
    margin-right: 10px;
    color: #636362;
}

.validated-treatment-mathieu .treatment-line-mathieu .document-link i:hover {
    color: orange;
    cursor: pointer;
}

.ListDateResume li {
    list-style-type: none;
}

.ListDateResume {
    background: #F6F6F6;
    padding: 10px;
    padding-top: 0;
    padding-left: 0;
}

.validated-treatment-mathieu.resume {
    font-size: 1.5rem;
}

.validated-treatment-mathieu h1 {
    font-size: 2.6rem;
    background: #636362;
    color: #FFF;
    padding: 4px;
    margin-top: 52px;
    margin-bottom: 0;
}

.validated-treatment-mathieu.resume .treatment-line-mathieu .date-mathieu {
    margin-bottom: 8px;
}

.validated-treatment-mathieu.resume h5 {
    font-size: 16px;
    border-bottom: 2px solid #636362;
    padding-bottom: 23px;
    clear: left;
}

.validated-treatment-mathieu.resume h4,
.validated-treatment-mathieu.resume h6 {
    margin-bottom: 5px;
}

.validated-treatment-mathieu.resume .address-mathieu {
    margin-top: 0px;
}

.validated-treatment-mathieu.resume .treatment-line-mathieu {
    border-left: 0px;
}

#PdfIconsResume i {
    font-size: 4.3rem;
    color: #636362;
    cursor: pointer;
}

#PdfIconsResume i:hover {
    color: #BFD467;
}

#workflowTable table th {
    color: white;
    background: #636362;
}

#workflowTable {
    background: #f6f6f6;
}

.validated-treatment-mathieu .treatment-line-mathieu .line-date-mathieu {
    margin-top: 0;
}

h3 small {
    color: #BFD467;
}

.infos-product,
.infos-supplierproductlink {
    background: #c4c4c4;
    padding: 15px;
    margin-top: 5%;
    width: 45%;
    margin-left: 55%;
}

.infos-product h2,
.infos-supplierproductlink h2 {
    font-size: 2rem;
    margin: 0;
    padding: 0;
    padding-bottom: 2%;
}

.infos-product h3,
.infos-supplierproductlink h3,
#descript-prod .infos-supplierproductlink h3 {
    font-size: 18px;
    margin: 0;
    padding: 0;
    padding-top: 2%;
}

.infos-supplierproductlink {
    margin-top: 0%;
    margin-left: 0%;
    margin-bottom: 15px;
}

.fileinput-button input {
    width: 100%;
    height: 100%;
}

.mathieu-alert {
    background: #DD525D;
    color: #FFF;
    padding: 5px;
    margin-right: 10px;
}

form h4 {
    border-bottom: 1px #626263 solid;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    background: #626263;
    color: #fff;
}