/* ============================== */
/* ========== Bob-Web =========== */
/* ==== Company: Deck Genius ==== */
/* ======== Benoît KOPP ========= */
/* ============================== */

/* =========================================================== */
/* ==== PROPRIETES DES CARTES LOTS / SOUS LOTS / OUVRAGES ==== */
/* =========================================================== */

.cartes-ag {
    height: 100%;
}

/* Modification style de l'ensemble de la carte */
.card-restyle {
    box-shadow: none !important;
    border-radius: 0.1rem;
}

.border-bob {
    border: 1px solid rgba(0, 0, 0, 0.3) !important;
}

/* Reformattage du bord de l'entête de la carte, sa couleur et ses arrondis */
.card-header-rad:first-child {
    border-radius: 0;
}

/* Restylisation des entetes */
.card-header-restyle {
    /* Couleurs bordures */
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-right: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);

    /* Couleur de fond */
    background-color: rgba(0, 0, 0, 0.05);

    overflow: hidden;
}

/* Changement de la couleur de l'icone +/- */
.color-pm-lot {
    color: rgba(63, 81, 181, 0.8) !important;
}

.color-pm-sslot {
    color: rgba(156, 39, 176, 0.8) !important;
}

.color-pm-ouv {
    color: rgba(233, 30, 99, 0.8) !important;
}

/* Changement de la couleur de l'icone +/- survol souris */
.color-pm-lot:hover {
    color: rgba(0, 0, 0, 0.7) !important;
}

.color-pm-sslot:hover {
    color: rgba(0, 0, 0, 0.7) !important;
}

.color-pm-ouv:hover {
    color: rgba(0, 0, 0, 0.7) !important;
}

/* Couleur stylo de modification pour articles groupes */
.color-pencil-lot {
    color: rgba(63, 81, 181, 0.8) !important;
}

.color-pencil-sslot {
    color: rgba(156, 39, 176, 0.8) !important;
}

.color-pencil-ouv {
    color: rgba(233, 30, 99, 0.8) !important;
}

.color-pencil-art {
    color: rgba(3, 169, 244, 0.7) !important;
}

/* Couleurs badges proposition */
.rgba-indigo-lot {
    background-color: rgba(63, 81, 181, 0.8) !important;
}

.rgba-purple-sslot {
    background-color: rgba(156, 39, 176, 0.8) !important;
}

.rgba-pink-ouv {
    background-color: rgba(233, 30, 99, 0.8) !important;
}

/* Permet d'afficher le curseur en passant sur le crayon d'edition */
.ag_edit_pencil:hover {
    cursor: pointer !important;
}

/* Couleur du pinceau de modification */
.ag_edit_pencil a {
    color: black !important;
}

/* Ajuste la couleur du fond du corps de les cartes lots et sous lots */
.card-body-bg-lot {
    background: rgba(63, 81, 181, 0.12);
}

.card-body-bg-sslot {
    background: rgba(124, 57, 138, 0.13);
}

.card-body-bg-ouv {
    background: rgba(233, 30, 99, 0.08);
}

.card-body-bg-art {
    background: rgba(3, 169, 244, 0.05);
}

/* Taille de la police du header d'un sous lot */
.card .card-body h5 {
    font-weight: 300 !important;
    font-size: 1.25rem !important;
}

/* Taille de la police du titre du header d'un ouvrage */
.card .card-body h5.resize-sm {
    font-weight: 300 !important;
    font-size: 1rem !important;
}

.resize-sm2 {
    font-weight: 300 !important;
    font-size: 1rem !important;
}

.resize-sm3 {
    font-weight: 300 !important;
    font-size: 0.8rem !important;
}

.resize-sm4 {
    font-weight: 300 !important;
    font-size: 70% !important;
}

/* ==================================== */
/* ===== COULEURS ARTICLESGROUPES ===== */
/* ==================================== */
.bg-lot {
    /* Couleurs bordures */
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-left: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);

    /* Arrondis des coins */
    border-top-left-radius: 0.1rem !important;

    /* Couleur de fond */
    background: rgba(63, 81, 181, 0.8);

    /* Hauteur */
    height: 100% !important;

    /* Largeur */
    width: 20px;
}

.bg-lot-dqe {
    /* Couleurs bordures */
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-left: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);

    /* Arrondis des coins */
    border-top-left-radius: 0.1rem !important;
    border-bottom-left-radius: 0.1rem !important;

    /* Couleur de fond */
    background: rgba(63, 81, 181, 0.8);

    /* Hauteur */
    height: 100% !important;

    /* Largeur */
    width: 20px;
}

.bg-sslot {
    /* Couleurs bordures */
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-left: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);

    /* Arrondis des coins */
    border-top-left-radius: 0.15rem !important;

    /* Couleur de fond */
    background: rgba(156, 39, 176, 0.8);

    /* Hauteur */
    height: 100% !important;

    /* Largeur */
    width: 20px;
}

.bg-sslot-dqe {
    /* Couleurs bordures */
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-left: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);

    /* Arrondis des coins */
    border-top-left-radius: 0.1rem !important;
    border-bottom-left-radius: 0.1rem !important;

    /* Couleur de fond */
    background: rgba(156, 39, 176, 0.8);

    /* Hauteur */
    height: 100% !important;

    /* Largeur */
    width: 20px;
}

.bg-ouv {
    /* Couleurs bordures */
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-left: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);

    /* Arrondis des coins */
    border-top-left-radius: 0.15rem !important;

    /* Couleur de fond */
    background: rgba(233, 30, 99, 0.8);

    /* Hauteur */
    height: 100% !important;

    /* Largeur */
    width: 20px;
}

.bg-art {
    /* Couleurs bordures */
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-left: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);

    /* Arrondis des coins */
    border-top-left-radius: 0.15rem !important;

    /* Couleur de fond */
    background: rgba(3, 169, 244, 0.7);

    /* Hauteur */
    height: 100% !important;

    /* Largeur */
    width: 20px;
}

.bg-val {
    background-color: rgba(0, 0, 0, 0.05);
}

.bg-old {
    background-color: rgba(0, 0, 0, 0.05);
}

.bg-header-lot {
    background-color: rgba(0, 0, 0, 0.05);
}

.bg-header-sslot {
    background-color: rgba(0, 0, 0, 0.05);
}

.bg-header-ouv {
    background-color: rgba(0, 0, 0, 0.05);
}

.bg-header-art {
    background-color: rgba(0, 0, 0, 0.05);
}

/* Permet d'aligner le côté droit des cartes des articlesgroupes */
.right-align-cards {
    padding-right: 0;
    margin-left: 5px;
    padding-left: 5px !important;
}

/* Permet d'aligner le côté droit et d'ajouter une marge à la carte ouvrage */
.right-align-cards-sslot {
    padding-right: 0;
    margin-left: 5px;
    padding-left: 15px !important;
}

/* Permet d'aligner le côté droit et d'ajouter une marge à la carte ouvrage */
.right-align-cards-ouv {
    padding-right: 0;
    margin-left: 5px;
    padding-left: 15px !important;
}

/* Lot */
.bg-modif-lot {
    background-color: rgba(63, 81, 181, 0.8);
}

.btn-outline-lot {
    border: 2px solid rgba(63, 81, 181, 0.8);
    color: rgba(63, 81, 181, 0.8) !important;
    background-color: transparent;
}

.checkbox-tasks-filled.edit-lot [type='checkbox'][class*='filled-in']:checked + label:after {
    border-color: rgba(63, 81, 181, 0.8) !important;
    background-color: rgba(63, 81, 181, 0.8) !important;
    border-radius: 0.25rem;
}

/* Sous lot */
.bg-modif-sslot {
    background-color: rgba(156, 39, 176, 0.8);
}

.btn-outline-sslot {
    border: 2px solid rgba(156, 39, 176, 0.8);
    color: rgba(156, 39, 176, 0.8) !important;
    background-color: transparent;
}

.checkbox-tasks-filled.edit-sslot [type='checkbox'][class*='filled-in']:checked + label:after {
    border-color: rgba(156, 39, 176, 0.8) !important;
    background-color: rgba(156, 39, 176, 0.8) !important;
    border-radius: 0.25rem;
}

/* Ouvrage DQE */

.bg-modif-ouv {
    background-color: rgba(233, 30, 99, 0.8);
}

.btn-outline-ouv {
    border: 2px solid rgba(233, 30, 99, 0.8);
    color: rgba(233, 30, 99, 0.8) !important;
    background-color: transparent;
}

.checkbox-tasks-filled [type='checkbox'][class*='filled-in']:checked + label:after {
    border-color: rgba(233, 30, 99, 0.8) !important;
    background-color: rgba(233, 30, 99, 0.8) !important;
    border-radius: 0.25rem;
}

.checkbox-tasks-filled.edit-article [type='checkbox'][class*='filled-in']:checked + label:after {
    border-color: #63b5f7 !important;
    background-color: #63b5f7 !important;
    border-radius: 0.25rem;
}

.checkbox-tasks-filled .custom-control-label::before {
    background-color: #cfcfcf !important;
}

.prop-txt-color {
    color: #ff9800 !important;
}

/* Articles DQE */

.right-align-cards-art {
    padding-right: 0;
    padding-left: 15px !important;
}

#libelleLongArticle {
    font-weight: 300;
}

.card .card-body .infos-article {
    font-weight: 300;
}

.btn-outline-art {
    border: 2px solid rgba(3, 169, 244, 0.7);
    color: rgba(3, 169, 244, 0.7) !important;
    background-color: transparent;
}

.border-specs {
    border-color: rgba(3, 169, 244, 0.7) !important;
}

.legend-specs {
    width: auto;
    font-size: 1.1rem;
    padding: 5px;
    margin-bottom: 0 !important;
}

/* Checkboxes propositions */
.checkbox-lot [type='checkbox'][class*='filled-in']:checked + label:after {
    border-color: rgba(63, 81, 181, 0.8) !important;
    background-color: rgba(63, 81, 181, 0.8) !important;
    border-radius: 0.25rem !important;
}

.checkbox-sslot [type='checkbox'][class*='filled-in']:checked + label:after {
    border-color: rgba(156, 39, 176, 0.8) !important;
    background-color: rgba(156, 39, 176, 0.8) !important;
    border-radius: 0.25rem !important;
}

.checkbox-ouv [type='checkbox'][class*='filled-in']:checked + label:after {
    border-color: rgba(233, 30, 99, 0.8) !important;
    background-color: rgba(233, 30, 99, 0.8) !important;
    border-radius: 0.25rem !important;
}

.checkbox-art [type='checkbox'][class*='filled-in']:checked + label:after {
    border-color: rgba(3, 169, 244, 0.7) !important;
    background-color: rgba(3, 169, 244, 0.7) !important;
    border-radius: 0.25rem !important;
}

.checkbox-prop [type='checkbox'][class*='filled-in']:checked + label:after {
    border-color: #ff9800 !important;
    background-color: #ff9800 !important;
    border-radius: 0.25rem !important;
}

.checkbox-prop [type='checkbox'][class*='filled-in']:disabled + label:after {
    border-color: #ff9800 !important;
    background-color: #ff9800 !important;
    border-radius: 0.25rem !important;
}

.checkbox-std [type='checkbox'][class*='filled-in']:checked + label:after {
    border-color: rgb(51, 71, 82) !important;
    background-color: rgb(51, 71, 82) !important;
    border-radius: 0.25rem !important;
}

.checkbox-std [type='checkbox'][class*='filled-in']:disabled + label:after {
    border-color: rgb(51, 71, 82) !important;
    background-color: rgb(51, 71, 82) !important;
    border-radius: 0.25rem !important;
}

/* Libelles parents */
.lot-parent-label {
    color: rgba(63, 81, 181, 0.8);
}

.sslot-parent-label {
    color: rgba(156, 39, 176, 0.8);
}

.ouv-parent-label {
    color: rgba(233, 30, 99, 0.8);
}

.art-parent-label {
    color: rgba(3, 169, 244, 0.7);
}

/* Images */
.img-article {
    width: 100%;
    height: auto;
    border-radius: 2%;
}

/* Borders */
.right-border {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}