.issuing-invoices{
    font-weight: bold;
    background-color: rgb(226, 244, 226);
    border-left: solid 4px green;
}

.invoice-data.totale {
    font-weight: bold;
    background-color: rgb(210, 240, 210);
    border-radius: 6px;
    text-align: right;
    padding: 2px;
    width: 100%;
}
.re-create-invoice{
    font-size: 2em !important;
    font-weight: bold;
    cursor: pointer;
}
.re-create-invoice:hover{
    background-color: lightgreen;
    border-radius: 5pc;
}
.draft-invoice-totals{
    border-radius: 6px;
    background-color: rgb(243, 243, 243);
    padding: 6px;
}
.icons-dashboard{
    float: inline-end;
    margin-top: -25px;
    font-size: 3em !important;
    color: rgb(6, 160, 6);
}
.draft-invoice-container.immutable {
    color: gray;
    background-color: rgb(224, 240, 221);
    cursor: not-allowed;
}
.draft-invoice-container.invalid {
    border: 2px solid red;
    background-color: rgb(255, 220, 220);
}

.progress-bar-container-invoices-creation {
    width: 100%;
    background-color: lightgray;
    
    display: none;
}
.tab-content.dashboard-invoice{
    border-left: solid 1px lightgray;
    border-right: solid 1px lightgray;
    border-bottom: solid 1px lightgray;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 10px;
    background-color: rgb(243, 243, 243);
}
.nav-link.inv-dash.active{
    
    background-color: rgb(243, 243, 243);
    font-weight: bold;
    border-top: solid 3px rgb(6, 160, 6);

}
.box-badge-invoice{
    font-size: 1.2em;
    font-weight: bold;
    padding: 4px;
    border-radius: 6px;
    background-color: rgb(231, 231, 231);
    color: black;
    padding-left: 20px;
    padding-right: 20px;
    border: solid 1px gray  ;
}
.box-badge-invoice.good{
    background-color: rgb(200, 255, 200);
    color: darkgreen;
}
.box-badge-invoice.error{
    background-color: rgb(255, 200, 200);
    color: darkred;
}
.box-badge-invoice.info{
    background-color: rgb(200, 220, 255);
    color: darkblue;
    font-size: 0.9em;
    font-weight: normal;
    display: block;
    margin-top: -5px;

}

.view-invoice-pdf{
    padding: 6px;
    cursor: pointer;
}
.view-invoice-pdf:hover{
    background-color: rgb(123, 236, 138);
    border-radius: 4px;
}
.invoice-icon-status{
    padding : 6px;
    cursor: pointer;
}
.invoice-icon-status:hover{
    background-color: rgb(123, 236, 138);
    border-radius: 4px;
}
.invoice-icon-status.sent{
    font-weight: bold;
    color: green;
    font-size: 2.2em;
    border :dotted rgb(0, 104, 0) 2px ;
    border-radius: 4px;
}
.invoice-icon-status.sent.good{
    font-weight: bold;
    color: white;
    font-size: 2.2em;
    border :solid rgb(0, 80, 0) 2px ;
    background-color: rgb(45, 211, 26) ;
    border-radius: 4px;
}
.invoice-icon-status.not-sent.bad{
    font-weight: bold;
    color: white;
    font-size: 2.2em;
    border :solid rgb(80, 3, 0) 2px ;
    background-color: rgb(211, 66, 26) ;
    border-radius: 4px;
}


.download-xml-fatele{
    padding : 6px;
    cursor: pointer;
}
.download-xml-fatele:hover{
    background-color: rgb(123, 236, 223);
    border-radius: 4px;
}
.download-invoice-pdf{
    padding : 6px;
    cursor: pointer;
}
.download-invoice-pdf:hover{
    background-color: rgb(123, 200, 255);
    border-radius: 4px;
}
.delete-record-request{
    padding : 6px;
    cursor: pointer;
}
.delete-record-request:hover{
    background-color: rgb(255, 123, 138);
    border-radius: 4px;
}
.delete-from-fatele-request{
    padding : 6px;
    cursor: pointer;
}
.delete-from-fatele-request:hover{
    background-color: rgb(255, 123, 223);
    border-radius: 4px;
}
.header-draft-container {
    margin-right: 45px;
    margin-left: 20px;
}
.header-draft.failed {
    background-color: rgb(255, 200, 200);
    border-left: solid 4px red;
    font-weight: bold;
}