.draggable {
    cursor: grab;
}
.draggable--hover {
    border: 1px dashed #424d5c;
}

.draggable:active {
    cursor: grabbing;
    border: 1px solid #424d5c;
}


.dragging {
    cursor: grabbing;
    
}

@media print {
    .pdf-container {
        display: none;
    }
}

.quotelist-company-combo {
    border-radius:  16px;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: bold;
}
.novalyo-color {
    color: #942193
}

.company-novalyo {
    color : white;
    //background-color : #299fae;
    background-color : #008bb5;
}
.company-novalyosud {
    color : white;
    //background-color : #d1458c;
    background-color : #942193;
}

quote-switch-company-novalyo {
    background-color: #008bb538;
}

quote-switch-company-novalyosud {
    background-color: #e8cee7;
}

.quote-main-tabpage-novalyo {
    background-color: #008bb50f;
}

.quote-main-tabpage-novalyosud {
    background-color: #e8cee852;
}

.quote-button-novalyo svg {
    fill: #008bb5 !important;
}

.quote-button-novalyosud svg {
    fill: #942193 !important;
}

.quote-avatar-novalyo {
    color: #008bb5;
    border-color: #008bb5;
}

.quote-avatar-novalyosud {
    color: #942193;
    border-color: #942193;
}

.quote-main-tabpage-active-novalyo {
    border-bottom: #008bb5 solid 2px;
    opacity: 1;
    color: #008bb5;
}

.quote-main-tabpage-active-novalyosud {
    border-bottom: #942193 solid 2px;
    opacity: 1;
    color: #942193;
}

.quotelist-header-status {
    color : #299fae;
}
.quote-status-accepted {
    color : #0bb3c1;
    background-color: #dbf4f6;
}
.quote-status-refused {
    color : #ee427a;
    background-color: #f9dfe9;
}
.quote-status-cancelled {
    color : grey;
    background-color: lightgrey;
}
.quote-status-draft {
    color : #f29c1b;
    background-color : #fdf0dd;
}
.quote-status-waiting {
    color : #8b54ff;
    background-color : #f1ebff;
}

.quotelist-header-bloc {
    background: #fff;
    border: 1px #DDD solid;
    border-radius: 6px;
}

.quotelist-chip-clickable {
    margin-left: -1px;
    height: 2.7rem;
    font-size: 1.10rem;
}

.quotelist-chip-clickable svg {
    font-size: 1.5rem;
}

.quotelist-row-clickable:hover {
    cursor: pointer;
    background-color: #f5f5f5;
}

.quotelist-chip-status {
    border-radius: 6px !important;
    width: 85px;
}

.quotelist-chip-status-action {
    margin-left: -3px !important;
    align-self: self-start !important;
    border-radius: 6px !important;
}

.quotelist-project-chip {
    border-radius: 5px !important;
    padding: 0.95rem;
    margin: 3px !important;
}

.quoteline-numeric-overlay {
    z-index: 999 !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: white;
}

.quote-add-reserve-btn span svg {
    color: #bb4bb5;
}

.template-miniature-text  {
    font-size: 0.5rem;
}
.field-align-right input{
    text-align: right;
}
/* ----------------------------------------------------------------- */
.sirene-search .help {
    color: lightsteelblue;
    font-family: Dejavu Sans;
    font-style: normal;
    font-variant: normal;
    /*font-weight: 200;*/
    font-size: small;

    /*line-height: 26.4px;
        font-size: 0.6em; */
}
.sirene-search .left-help-img {
    float: left;
    /*shape-outside: ellipse(96px 96px at 20% 20%);*/
    /*opacity: 0.8;*/
    /*shape-outside: circle(50%);*/
    /*shape-outside: ellipse(96px 96px at 40% 50%);*/
    shape-outside: circle(50%);
    width: 64px;
    height: 64px;
}

.sirene-search .left-help  {
    font-family: Dejavu Sans;
    font-style: normal;
    font-variant: normal;
    /*font-weight: 200;*/
    font-size: x-small;
    color: darkblue;
}
.sirene-search .left-help .ul {
    list-style-type: disc; !important;
    list-style-position: inside;
    color: darkblue;
}
.sirene-search .left-help .ul.a {
    list-style-type: disc; !important;
    list-style-position: inside;
    color: darkblue;
}
.sirene-help-ul {
    list-style-type: disc; !important;
    list-style-position: inside;
    color: darkblue;

    background-position: 0 5px;
    line-height: 1.5625;
    /*padding: 0 0 4px 30px;*/
    /*margin-left: 1em;*/
}
.sirene-search .header {
    background-color: #efeeff;
    color: blue;
    /*font-size: 1.2em;
    font-variant: normal;
    font-weight: 600;*/
}
/* ----------------------------------------------------------------- */
.quotes-prospect-text strong{
    color: green;
    font-size: 1.2em;
}

.quotes-competitor-text strong{
    color: #d03731;
    font-size: 1.2em;
}
.quotes-prospect-card {
    color: green;
    font-family: Dejavu Sans;
    font-style: normal;
    font-variant: normal;
//font-weight: 700; line-height: 26.4px;

    background-color: #efeeff;
}
.quotes-prospect-card .header {
    color: blue;
    font-size: 1.2em;
    font-variant: normal;
    font-weight: 600;
}
/* ----------------------------------------------------------------- */
.quotes-display {
    display: flex;
    flex-flow: column;
    height: 100%;
    width: 100%;
}
.quotes-display .quotes-header {
    flex: 0 1 auto;
}
.quotes-display .quotes-content {
    flex: 1 1 auto;
}
.quotes-display .quotes-footer {
    flex: 0 1 auto;
}
/* --------------------------- family tags ----------------------------*/
.family-tags {
    height:96px;
    transition: transform .2s; /* Animation */
    /*overflow: hidden; ko */
    clip-path: inset(10px 20px 30px 40px);
}
.family-tags:hover {
    transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

/* Colors for tag chips */
/* 001 telephonie */
.family1-1 {
    color: #24d700;
    background-color: rgba(84, 213, 250, 0.2);
}

/* 002 Réseaux */
.family1-2 {
    color: #d35401;
    background-color: rgba(248, 248, 76, 0.2);
}

/* 003 Mobilité */
.family1-3 {
    color: #0041d9;
    background-color: rgba(102, 135, 248, 0.2);
}

/* 004 Appel malade */
.family1-4 {
    color: #6d00e3;
    background-color: rgba(252, 74, 207, 0.2);
}
/* 005,Contrôle d'accés */
.family1-5 {
    color: #c40066;
    background-color: rgba(248, 85, 209, 0.2);
}
/* 000 bad tag */
.family1-0 {
    color: rgba(248, 253, 251, 0.48);
    background-color: rgba(84, 213, 250, 0.2);
}
/*

6,Cabling
7,Audiovisuel
8,Energie
9,Divers
10,Prestations
11,Contrat
12,Matériel technicien
13,Réparation
14,Affichage dynamique
15,Sonorisation
16,Vidéosurveillance
17,Sécurité incendie
*/
.family-level1 {
    font-size: 0.9rem;
    font-weight: bold;
}
.family-level2 {
    font-size: 0.675rem;
}
 /* --------------------------- timeline ----------------------------*/
.timeline-header {
    background-color: #bdbdbd;
}

.timeline-background {
    //background-color: #8dc7d8;
    background-color: white;
}

.quote-timeline .mud-timeline-item .mud-timeline-item-divider {

    min-height: 64px;

}
/* line margin */
line-margin-error {
    color: red !important;
    border: 2px solid !important;
}

/* color for line */

/* line # 08 tint codes */
.optional-group-1 {
    background-color: rgba(199, 228, 197,0.06);
}
.optional-group-2 {
    background-color: rgba(197, 232, 236, 0.06);
}
.optional-group-3 {
    background-color: rgba(194, 216, 237, 0.06);
}
.optional-group-4 {
    background-color: rgba(192, 196, 225, 0.06);
}
.optional-group-5 {
    background-color: rgba(43, 122, 191, 0.06);
}
.optional-group-6 {
    background-color: rgba(52, 83, 165, 0.06);
}
.optional-group-7 {
    background-color: rgba(105, 77, 161, 0.06);
}
.optional-group-8 {
    background-color: rgba(57, 201, 168, 0.06);
}

.group-0 {
    background-color: rgba(166, 203, 243, 0.25);
}
.group-1 {
    background-color: rgba(231, 193, 140, 0.25);
}
.group-2 {
    background-color: rgba(253, 195, 172, 0.25);
}
.group-3 {
    background-color: rgba(250, 185, 201, 0.25);
}
.group-4 {
    background-color: rgba(253, 198, 237, 0.25);
}
.group-5 {
    background-color: rgba(221, 189, 250, 0.25);
}
.group-6 {
    background-color: rgba(207, 196, 248, 0.25);
}
.group-7 {
    background-color: rgba(161, 176, 250, 0.25);
}
.group-8 {
    background-color: rgba(166, 203, 243, 0.25);
}

/* ---- CQ REDESIGN NEW COLORS ---- */

/* ---- COLLAPSE GROUPS ---- */
.group-0-new {
    background-color: #d2e5f9;
}

.group-1-new {
    background-color: #f3e0c5;
}

.group-2-new {
    background-color: #fee1d5;
}

.group-3-new {
    background-color: #fcdce4;
}

.group-4-new {
    background-color: #fee2f6;
}

.group-5-new {
    background-color: #eedefc;
}

.group-6-new {
    background-color: #e7e1fb;
}

.group-7-new {
    background-color: #d0d7fc;
}

.group-8-new {
    background-color: #d2e5f9;
}

/* ---- FADDED GROUPS ---- */
.group-0-new-fadded {
    background-color: #eef5fd;
}

.group-1-new-fadded {
    background-color: #faf3e9;
}

.group-2-new-fadded {
    background-color: #fff4ef;
}

.group-3-new-fadded {
    background-color: #fef2f5;
}

.group-4-new-fadded {
    background-color: #fff4fc;
}

.group-5-new-fadded {
    background-color: #f9f3fe;
}

.group-6-new-fadded {
    background-color: #f6f4fe;
}

.group-7-new-fadded {
    background-color: #edf0fe;
}

.group-8-new-fadded {
    background-color: #eef5fd;
}


.grouplist-header {
    background-color: #e1f5fe;
}

.productlist {
    font-style: italic;
    font-size: large;
}
.product-family {
    color: dodgerblue;
}
.product {
    font-stretch: expanded;
}

.product-price {
    font-size: large;
}
.productlist-item {
    font-style: italic;
    font-size: xxx-large;
    color: yellowgreen;
}

.align-right input{
    text-align: right;
}

.clickable-field {
    /* debug: uncomment this to see the place of the field on the screen */
    /* border: 1px solid lightgray; */
    z-index: auto;
}
.clickable-field-editable {
    z-index: 15;
}
.display-over-top {
    z-index: 15;
}
@media (max-width: 1920px) {
    .nova-container:has(> quotes-editor) {
        max-width: 1900px;
    }

    .quotes-editor {
        max-width: 1900px;
    }
}

/* ---- QUOTE LINES - MODAL HTML EDITOR ---- */

.quote-html-editor-cgv > #QuillEditor {
    height: calc(-24.15rem + 100vh);
}

.quote-html-editor-note > #QuillEditor {
    height: calc(-19.25rem + 100vh);
}

.quote-html-editor-cover-page > #QuillEditor {
    height: calc(-19.25rem + 100vh);
}