select#edit-field-uq-water-region {
    width: 100%;
}

select#edit-field-uq-water-departement {
    width: 100%;
}

select#edit-field-uq-water-commune {
    width: 100%;
}

select#edit-field-uq-hydrogeological {
    width: 100%;
}

.strate-grey-paragraph-intro {
    padding: 0.7rem;
    margin-left: 1.5rem;
}

.uq-water-link-wrapper-style-fix {
    padding: unset !important;
}

.uq-water-link-style-fix {
    padding: 10px !important;
}

.bloc-doc-blue .card-doc-blue {
    justify-content: inherit !important;
}
.title-no-document {
    width: 100%;
    height: 43px;
    color: var(--couleur-vert);
    -webkit-box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.4);
    -moz-box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.4);
    box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.4);
    border-left: 10px solid var(--couleur-vert);
    margin: 5px 0;
    opacity: 0.7;
    background-color: #eaeaea;
}

.title-no-document h6 {
    margin: 0;
    text-transform: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--couleur-vert);
}

.uq-water-document-title {
    padding: 13px 10px 10px 10px;
}

.uq-water-title-custom-class {
    display: none !important;
}

/*
#edit_field_uqw_mass_chosen, #edit_field_uq_hydrogeological_chosen {
    opacity: unset !important;
    border-radius: 4px;
    width: 100% !important;
    padding: 5px 0px 5px 5px;
    background-color: #eaeaea;
    color: var(--couleur-vert);
    font-size: 1.4rem;
    font-family: 'Roboto-Regular', sans-serif;
    margin: 2px 0px 2px 0px !important;
}
*/
.clicker {
    width:100px;
    height:100px;
    outline:none;
    cursor:pointer;
    box-shadow: 0px 5px 7px 3px black;
}

.explicit-relative {
    position: relative;
}

.hiddendiv{
    display:none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: fit-content;
    background-color: white;
    color: black;
    z-index: 1;
    padding: 5px;
    text-decoration: none;
    font-size: x-small;
    font-size:1.5rem;
    border: 1px solid #6699FF;
    text-align: left;
    font-weight: lighter;
}

.clicker:focus ~ .hiddendiv{
    display:block;
}

.explicit-relative:hover .hiddendiv, .explicit-relative .hiddendiv:hover {
  display: block;
}

/* fix IE 11 pour le texte dans les box */
.important-page-accessibility {
    width: 100%;
}

/* edit chosen style */

.chosen-container-single .chosen-single div {
    width: 16px;
}

.chosen-container-single .chosen-single {
    background-color: #eaeaea;
    background: inherit;
    border: inherit;
    border-radius: inherit;
    box-shadow: inherit;
    color: var(--couleur-vert);
}

.chosen-container-active .chosen-single {
    background-color: #eaeaea;
    background: inherit;
    border: inherit;
    border-radius: inherit;
    box-shadow: inherit;
    font-size: 1.4rem;
    font-family: 'Roboto-Regular', sans-serif;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    background-color: #eaeaea;
    background: inherit;
    border: inherit;
    border-radius: inherit;
    box-shadow: inherit;
}

.chosen-container .chosen-drop {
    background-color: #eaeaea;
    left: 0;
}


.chosen-container-single .chosen-single div b {
    background: url("../image/chosen-sprite-sierm.png") no-repeat 0px 2px;
}

.chosen-container-single .chosen-single span {
    font-size: 1.5rem;
}

a.chosen-single {
    cursor: default;
}

.chosen-container .chosen-results li.active-result {
    cursor: default;
}


li.active-result::before {
    content: none !important;
}

.field--type-entity-reference {
    margin: unset !important;
}

/* style du tableau */
.left-col-style {
    background: inherit;
    color: black !important;
    font-weight: normal!important;
    min-width: 258px !important;
    border: inherit;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.tab-border-style {
    border: inherit !important;
    border-bottom: 1px solid #fff !important;
    border-top: 1px solid #fff !important;
}

.tab-date-style {
    text-align: center;
    font-weight: bold;
    background: inherit;
    color: #333;
}

.col_left_bold {
    font-weight: bold;
}
