/* version  2020-01-09 */

/* Étiquettes de groupe de champs */
.legend {
    display: block;
    width: 100%;
    margin-bottom: 0.75rem;
}

    .legend label {
        position: relative;
        display: inline;
    }

    .legend.h3 {
        border-bottom: 1px solid #414141
    }
/* / Étiquettes de groupe de champs */

/* Étiquette de champs */
label.radio-inline {
    display: inline-block;
    margin-bottom: 0.5rem;
    margin-right: 1rem;
}
/* / Étiquette de champs */
/* Postionnement de l'astérisque pour les champs ou groupe de champs requis */
.requis {
    position: relative;
}

    .requis::before {
        content: "* ";
        color: #be1615;
        position: relative;
        top: 0.15rem;
        margin-right: 0.15rem;
    }

.mainbox .requis::before {
    position: absolute;
    top: 0.15rem;
    left: -1.35rem;
}

p.requis {
    margin-top: 2rem;
    margin-bottom: 0;
}
/* / Postionnement de l'astérisque pour les champs ou groupe de champs requis */

/* Ajouts à la droite de certains champs texte */
.input-group-append button, .input-group-append .input-group-text,
.input-group-prepend button, .input-group-prepend .input-group-text {
    /*background-color: transparent;*/
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #a8a8a8 !important;
    color: #495057;
}

.form-control.is-invalid ~ .input-group-append button, .form-control.is-invalid ~ .input-group-append .input-group-text {
    border: 1px solid #be1615 !important;
}

.form-control ~ .input-group-append button:focus, .form-control ~ .input-group-append button:hover {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
    background-color: #dbdbdb !important;
    color: #006c08 !important;
    border: 1px solid #003d04 !important;
}

.input-group-append button {
    min-width: 4rem;
    text-align: center;
}

.input-group-append .btn-outline-secondary {
    color: #006c08;
}

.input-group-text {
    font-size: inherit;
    font-weight: 400;
    line-height: 1.5;
    color: inherit;
}

input + p.text-muted, .input-group + p.text-muted {
    margin-top: 0.65rem;
    line-height: 1.3;
}

.gj-datepicker-bootstrap [role="right-icon"] button .gj-icon, .gj-datepicker-bootstrap [role="right-icon"] button .material-icons {
    font-size: 2.4rem !important;
    top: 0.8rem !important;
    left: 0.7rem !important;
}

/* / Ajouts à la droite de certains champs texte */
/*largeur de champs texte*/
/*.gj-datepicker-bootstrap input[type="text"]{width: 14rem !important;max-width: 14rem !important;}*/
input[type="text"].l14 {
    width: 14rem !important;
    max-width: 14rem !important;
}

input[type="text"].l15 {
    width: 15.5rem !important;
    max-width: 15.25rem !important;
}
/*largeur de champs texte*/
/**** Pointe vers le haut pour boite Note  ****/
/**** Boite de note avec pointe ****/
.note {
    background-color: #fff;
    border: 1px solid #006c08;
    padding: 0.5rem 1rem;
    margin: 1rem 0 3rem;
    position: relative;
    font-size: inherit;
    height: auto;
    top: 0.6rem;
}

.form-check-inline ~ .note { /* Ajustement lorsque sous un groupe de champs en ligne */
    top: 0.5rem;
}

.pointe::before, .pointe::after {
    content: " ";
    position: absolute;
    top: -10px;
    left: 3.1rem;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.pointe::before {
    border-top: 10px solid #006c08;
}

.pointe::after {
    margin-top: 1px;
    border-top: 10px solid #fff;
}
/* Choix de position de la pointe */
.pointe.p1::before, .pointe.p1::after {
    left: 0.5rem !important;
}

.pointe.p2::before, .pointe.p2::after {
    left: 1.5rem !important;
}

.pointe.p3::before, .pointe.p3::after {
    left: 2.5rem !important;
}

.pointe.p4::before, .pointe.p4::after {
    left: 4.5rem !important;
}

.pointe.p5::before, .pointe.p5::after {
    left: 5.5rem !important;
}

.pointe.p6::before, .pointe.p6::after {
    left: 6.5rem !important;
}

.pointe.p7::before, .pointe.p7::after {
    left: 7.5rem !important;
}

.pointe.p8::before, .pointe.p8::after {
    left: 8.5rem !important;
}

.pointe.p9::before, .pointe.p9::after {
    left: 9.5rem !important;
}

.pointe.p10::before, .pointe.p10::after {
    left: 10.5rem !important;
}

.pointe.p11::before, .pointe.p11::after {
    left: 11.5rem !important;
}

.pointe.p12::before, .pointe.p12::after {
    left: 12.5rem !important;
}

.pointe.p13::before, .pointe.p13::after {
    left: 13.5rem !important;
}

.pointe.p14::before, .pointe.p14::after {
    left: 14.5rem !important;
}

.pointe.p15::before, .pointe.p15::after {
    left: 15.5rem !important;
}

.pointe.p19::before, .pointe.p19::after {
    left: 18.75rem;
}
/* /Choix de position de la pointe */
/**** /Boite de note avec pointe ****/


select.form-control:not([size]):not([multiple]) {
    /*height: auto;*/
    height: 4rem;
}
/* Radiobuttons and Checkbox */

.form-check-label {
    padding-left: 1.35rem;
}

    .form-check-label.requis {
        padding-left: 0.15rem;
    }

.form-check-inline {
    margin-right: 1.75rem;
}

    .form-check-inline .form-check-label {
        margin-left: 0;
        padding-left: 0.5rem;
    }
/* Distance entre les groupages de champs*/
.groupage {
    margin-bottom: 2rem;
}
    /* /Distance entre les groupages de champs*/
    .groupage.lastgroupage {
        margin-bottom: 0;
    }

.indente { /* Intendation d'un champ ou d'un groupe de champs versus son parent*/
    margin-left: 4rem;
}

    .indente .indente {
        margin-left: 3rem;
    }

.form-check-input:disabled, .form-check.disabled > .form-check-input /*, .form-check-input:disabled ~ .form-check-label*/ {
    opacity: 0.75;
}

.grayed, .disabled {
    opacity: 0.6;
    /*background-color: #efefef;
	margin: -1rem;
	padding: 1rem;*/
}

    .grayed .requis::before, .disabled .requis::before {
        content: "*";
        color: #999;
    }

    .form-check-input:disabled ~ .form-check-label, .grayed label, .grayed .legend, .disabled label, .disabled .legend {
        //color: #999;
        color: #767676; /*ratio 4,54*/
        color: #414141;
    }

.form-check-input {
    margin-top: 0;
}

.form-check {
    line-height: 1.3;
    margin-bottom: 0.75rem;
}
/*** Champs texte ***/
input[type="text"], .form-control, select.form-control, textarea {
    padding: 0.5rem;
    border: 1px solid #a8a8a8;
    font-size: inherit;
    padding-top: 0.7rem !important;
    min-height: 4rem;
    font-family: inherit;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/*ie 11 hack*/
_:-ms-fullscreen,
:root input[type="text"] {
    padding-top: 0.55rem !important;
}


input[type="text"][readonly], .form-control[readonly], select.form-control[readonly], textarea[readonly], select.readonly {
    border: 1px dotted #bbb;
    cursor: default;
}

.form-control:disabled {
    background-color: #ececec;
    color: 575757;
}

.form-control[readonly], select.readonly {
    background-color: #f7f7f7;
    color: #606060;
}

    .form-control:disabled.border-0, .form-control[readonly].border-0 {
        line-height: 1;
        min-height: 0;
    }

.input-group-prepend .acronyme {
    padding-top: 0.2rem !important;
}
/*ie 11 hack*/
_:-ms-fullscreen,
:root .input-group-prepend .acronyme {
    padding-top: 0.1rem !important;
    margin-top: 0 !important;
    /*background-color: yellow;*/
}

.input-group-append .btn-outline-secondary {
    padding-top: 0.5rem !important;
}

textarea.resizable {
    resize: vertical;
    min-height: 13rem !important;
    width: 100%;
    background-clip: padding-box;
    border-radius: .25rem;
}

    textarea.resizable.h-5rem {
        min-height: 5rem !important;
    }


textarea.is-invalid {
    border-color: #dc3545;
}

/*** / Champs texte ***/

.form-control, .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control {
    font-size: inherit;
}

.form-check-inline .form-check-input {
    margin-right: 0;
}

.form-group {
    width: 100%;
    margin-bottom: 2rem;
}

.resume > .form-group:last-child, .mainbox > .form-group > p:last-child {
    margin-bottom: 0;
}

.mainbox > .form-group:last-child {
    margin-bottom: 0.75rem;
}

.mainbox .groupage .groupage {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.mainbox .groupage .row .form-group, .mainbox .groupage .form-row .form-group {
    margin-top: 1rem;
    margin-bottom: 0;
}

.mainbox .groupage .groupage:last-child {
    margin-bottom: 0;
}

.mainbox .groupage .groupage.indente {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.main-container .groupage .legend, .main-container .multibtn .form-group:first-child, .mainbox .groupage .legend + div .form-group {
    margin-top: 1rem;
}

.mainbox .groupage:first-child, .mainbox .groupage:first-child > .legend, .main-container .groupage.fichiers .legend {
    margin-top: 0;
}

.form-row.submitrow, .form-group.submitgroup {
    margin-top: 0;
    margin-bottom: 0;
}

    .form-row.submitrow .form-group {
        margin: 0;
    }

input[type="radio"] {
    border-radius: 5rem;
    padding: 0;
}
/* Bouton radio */
input[type="radio"] {
    background-image: url("../images/ic_radio_button_unchecked.svg");
    background-position: center bottom;
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
    background-size: 100% 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    input[type="radio"]:checked {
        background-image: url("../images/ic_radio_button_checked.svg");
    }

    input[type="radio"]:disabled {
        background-image: url("../images/ic_radio_button_unchecked_d.svg");
    }

    input[type="radio"]:checked:disabled {
        background-image: url("../images/ic_radio_button_checked_d.svg");
    }
/* /Bouton radio */
/* Cases à cocher */
input[type="checkbox"] {
    background-image: url("../images/ic_check_box_unchecked.svg");
    background-position: center bottom;
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
    background-size: 100% 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    input[type="checkbox"]:active, input[type="checkbox"]:checked {
        background-image: url("../images/ic_check_box_checked.svg");
        background-position: center bottom;
        background-repeat: no-repeat;
        width: 2rem;
        height: 2rem;
        background-size: 100% 100%;
    }

    input[type="checkbox"][disabled] {
        background-image: url("../images/ic_check_box_unchecked_d.svg");
        background-color: inherit;
    }

        input[type="checkbox"][disabled]:checked {
            background-image: url("../images/ic_check_box_checked_d.svg");
            background-color: inherit;
        }

/* /Cases à cocher */
/* Ajustement du style de cases à cocher et boutons radio pour ie */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE10+ specific styles go here */
    input[type="radio"], input[type="radio"]:checked, input[type="checkbox"], input[type="checkbox"]:active, input[type="checkbox"]:checked {
        width: 1.8rem;
        height: 1.8rem;
    }
}
/* / Ajustement du style de cases à cocher et boutons radio pour ie */

.groupage.fichiers /*, .total*/ {
    background-color: #f2f2f2 !important;
    border: 1px solid #ccc !important;
    padding: 2rem;
}

.groupage .dossiers {
    border: 1px solid #ccc;
    padding: 1rem 2rem;
    margin-bottom: 2rem;
}

.upload-drop-zone {
    border-width: 2px;
    margin-bottom: 2rem;
    vertical-align: middle;
    color: #717171;
    border-style: dashed;
    border-color: #717171;
    text-align: center;
    padding: 2.5rem;
}

li.list-group-item {
    margin-left: 0;
}

.fichiers .list-group-item {
    position: relative;
    display: block;
    padding: 1rem 4.5rem 1rem 1.25rem;
    margin-bottom: 0.75rem;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    font-size: 1.8rem;
    min-height: 5rem;
    margin-left: 0;
}

.fichiers .list-group-item {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.wordWrap {
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: normal;
}

.fichiers .list-group-item span span {
    display: inline-block;
}

.fichiers .list-group-item.alert-danger {
    background-image: url(../images/ic_danger.svg);
    background-size: 4rem 4rem;
    background-position: 1rem center;
    background-repeat: no-repeat;
    padding: 0.75rem 0.5rem 0.75rem 6rem;
    color: #be1615;
    border-color: #e00000;
    border: 1px #be1615 solid;
    background-color: #F7E5E5;
    line-height: 2.3rem;
    min-height: 5rem;
    font-size: 1.8rem;
}

/* 2018-06-04 */
.indente input[type="text"].form-control {
    max-width: 90%;
}

.delediTitre {
    border-bottom: 0.1rem solid #ccc;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
}

.hover[readonly]:focus,
.hover[aria-readonly]:focus {
    box-shadow: 0 0 0 0 rgba(255,255,255,.0);
    outline: none;
}

.gj-datepicker > input[type="text"]:disabled + .input-group-append {
    display: none;
}

.gj-datepicker > input[type="text"]:disabled {
    max-width: 11rem !important;
}

/* Groupage de champs No Dépôt direct */
.groupage.row5050 {
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: 1.0rem;
    padding-top: 1.25rem;
    margin: -1px 0 0 0 !important;
}

    .groupage.row5050 .legend {
        /*font-weight: bold;*/
        margin: 0;
    }

    .groupage.row5050 .form-group {
        margin-top: 0 !important;
    }

        .groupage.row5050 .form-group label {
            color: #6e6e6e !important;
            font-size: 1.8rem !important;
            padding: 0 !important;
            margin-bottom: -1rem !important;
        }

    .groupage.row5050:first-child {
        margin-top: 1.5rem !important;
    }

    .groupage.row5050:last-child {
        margin-bottom: 1.25rem !important;
    }

    .groupage.row5050 .invalid-feedback {
        margin-bottom: 0.25rem !important;
        margin-top: 0 !important;
    }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield;
    margin: 0;
}

/* / Groupage de champs No Dépôt direct */

/* Compteur de caractère sur textarea */
.row.compteur .compteurCD {
    text-align: right;
}

.char-textarea.zero {
    /*background-color: #ffdd401a;*/
    background-color: #FFFCEC;
}

.compteurCD .zero {
    font-weight: bold;
}

.sec-cc {
    top: -1rem;
    margin-bottom: -1rem !important;
    padding-top: 0.9rem !important;
    padding-bottom: 0 !important;
    background-position: 1.5rem 1.5rem !important;
}

.alert-2lm {
    padding-top: 0.9rem !important;
    padding-bottom: 0 !important;
    background-position: 1.25rem 1.5rem !important;
}

.sec-cc.pointe::before, .sec-cc.pointe::after {
    left: 90% !important;
}

.sec-cc p {
    padding-top: 0;
    padding-bottom: 0;
}

@media screen and (max-width: 575px) {
    .row.compteur .compteurCD {
        text-align: left;
        width: 100% !important;
    }

    .sec-cc.pointe::before, .sec-cc.pointe::after {
        left: 4rem !important;
    }
}

/* / Compteur de caractère sur textarea */

input[type=text]::-ms-clear {
    display: none;
}

.pointe.pRight::before, .pointe.pRight::after {
    left: 93% !important;
}