﻿.validation {
    color: var(--bs-danger);
}

.maxWidth200 {
    max-width: 200px;
}

.maxWidth100 {
    max-width: 100px;
}

.maxWidth120 {
    max-width: 120px;
}

.maxWidth80 {
    max-width: 80px;
}

.maxLengthNb {
    max-width: 4rem;
}

.maxLengthFN {
    max-width: 100px;
}

.maxLengthOACI {
    max-width: 5rem;
}

.dropdown-item-multi {
    padding: 0 !important;
}

.invoice-title h2, .invoice-title h3 {
    display: inline-block;
}

.table > tbody > tr > .no-line {
    border-top: none;
}

.table > thead > tr > .no-line {
    border-bottom: none;
}

.table > tbody > tr > .thick-line {
    border-top: 2px solid;
}

p.lead {
    font-size: 1rem;
}

.invoice-table th, .invoice-table td {
    padding: .25rem;
}

.invoice-categoryName {
    padding-left: .25rem !important;
}

.invoice-item {
    padding-left: 1rem !important;
}

.breadcrumb-wrap {
    margin-bottom: 1.25rem;
}

.badge-accepted {
    color: var(--bs-white);
    background-color: #a4d06d;
    padding: .25rem;
}

.badge-pending {
    color: var(--bs-dark);
    background-color: var(--bs-white);
    padding: .25rem;
}

.badge-noavailability {
    color: var(--bs-white);
    background-color: #d72e33;
    padding: .25rem;
}

.badge-alternate {
    color: var(--bs-white);
    background-color: #ffd067;
    padding: .25rem;
}

.badge-cancelednotbilled {
    color: var(--bs-white);
    background-color: #FF0000;
    padding: .25rem;
}

.badge-invoiced {
    color: var(--bs-white);
    background-color: #84BBCE;
    padding: .25rem;
}

.badge-canceledtobill {
    color: var(--bs-white);
    background-color: #FF0000;
    padding: .25rem;
}

.badge-canceledbilled {
    color: var(--bs-white);
    background-color: #FF0000;
    padding: .25rem;
}

.badge-invoicedAsset {
    color: var(--bs-white);
    background-color: #FFD700;
    padding: .25rem;
}

.badge-extern {
    color: var(--bs-dark);
    background-color: #C0C0C0;
    padding: .25rem;
}

.badge-invoicesent {
    color: var(--bs-white);
    background-color: #AD2BCD;
    padding: .25rem;
}

.badge-waitinglist {
    color: var(--bs-dark);
    background-color: #e6f27b;
    padding: .25rem;
}

.badge-APTransfer {
    color: var(--bs-white);
    background-color: #FFADFF;
    padding: .25rem;
}

.badge-APTransferred {
    color: var(--bs-white);
    background-color: #F5A9D0;
    padding: .25rem;
}

.badge-closed {
    color: var(--bs-dark);
    background-color: #8FFDFE;
    padding: .25rem;
}

.badge-quotation {
    color: var(--bs-dark);
    background-color: var(--bs-white);
    padding: .25rem;
}

.badge-noinvoice {
    color: var(--bs-dark);
    background-color: #f6f408;
    padding: .25rem;
}

.badge-quotationrefused {
    color: var(--bs-white);
    background-color: #d72e33;
    padding: .25rem;
}

.badge-autoinvoiced {
    color: var(--bs-white);
    background-color: #346d81;
    padding: .25rem;
}

.footeraccount {
    /* position: fixed; */
    bottom: 0;
    width: 100%;
    /* Height of the footer*/
    height: 2.5rem;
}

.form-check-input:not(.dropdown-item > .form-check > .form-check-input) {
    background-color: #ff6666 !important;
    border-color: #ff6666 !important;
}

.form-check-input:checked:not(.dropdown-item > .form-check > .form-check-input:checked) {
    background-color: green !important;
    border-color: green !important;
}

/***************Page guide*****************/
#tlyPageGuideWrapper #tlyPageGuideMessages span {
    background: rgb(0, 138, 167) !important;
}

.tlypageguide-active .tlyPageGuideStepIndex {
    background: rgb(0, 138, 167) !important;
}

    .tlypageguide-active .tlyPageGuideStepIndex.tlypageguide_right::after, .tlypageguide-active .tlyPageGuideStepIndex.tlypageguide_left::after, .tlypageguide-active .tlyPageGuideStepIndex.tlypageguide_top::after {
        border-top: 15px solid rgb(0, 138, 167) !important;
    }

.tlypageguide-open #tlyPageGuideWrapper .tlypageguide_toggle.tlyPageGuideToggleActive {
    background: rgb(0, 138, 167) !important;
}

#tlyPageGuideWrapper #tlyPageGuideMessages .tlypageguide_close {
    background: rgb(0, 138, 167) !important;
}

/***************fin Page guide*****************/

/************PDF Scroll************/

.pdf-viewer-container {
    width: 80%;
    max-height: 20rem;
    overflow-y: scroll;
    border: 1px solid #ccc;
    margin-bottom: 1.25rem;
    background-color: #f5f5f5;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.1);
}

canvas {
    display: block;
    margin: 0 auto;
    border-bottom: 1px solid #eee;
}

.actionButton {
    padding: .25rem .5rem;
    font-size: .75rem;
    cursor: not-allowed;
    background-color: #f0f0f0;
    color: #666;
    border: 1px solid #ddd;
    border-radius: .25rem;
    transition: all 0.3s ease;
}

    .actionButton:enabled {
        cursor: pointer;
        background-color: #4CAF50;
        color: white;
        border-color: #4CAF50;
        box-shadow: 0 .25rem .375rem rgba(0, 0, 0, 0.1);
    }

/************Fin PDF Scroll************/
