:root {
    --couleur-1: #697d88;
    --couleur-2: #d6b161;
    --couleur-3: #0097d0;
}

.watermark{
    position: fixed; 
    top: 50%; 
    left: 33%;
    transform: rotate(-45deg); 
    font-size: 80px;
    opacity: 0.1;
    justify-content: center;
    display: grid;
    align-content: center;
}
.btnIndex {
    margin: 10px;
    width: 75%;
    font-size: 1.4rem;
    border-radius: 25px;
    flex:1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #34B788;
    color: #fff;
}
.colBtnIndex {
    display: flex;
    justify-content: center;
    flex:1;
}
.rowBtnIndex {
    display: flex;
    width: 100%;
    min-height:150px;
}
.dispContents {
    display: contents;
    color: #34B788;
}
.myjumbotron {
    border: none;
    background-color: aliceblue;
    border-radius:25px;
}
.global-font-size {
    font-size: 18px;
}
.color-A {
    background-color: #34B788;
}
.btn-valid {
    font-size: 1.0rem;
    border-radius: 5px;
    float: right;
    background-color: #34B788;
    color: #fff;
}
.btn-print {
    font-size: 1.0rem;
    border-radius: 5px;
    margin: auto;
    background-color: #34B788;
    color: #fff;
}
.logos-partenaires {
    padding-top:30px;
    display: flex;;
    justify-content: space-evenly;
    /*width: 75%;*/
    margin: auto;
}
.logos-partenaires img{
    height: 75px !important;
    background-color: #fff;
}
.form-element {
    display: flex;
    align-items: center;
}
.form-element > label {
    display: flex;
    flex: 1;
}
.form-element > input {
    display: flex;
    flex: 0.75;
}
.ico-consulter {
    font-size: 1.75rem;
    font-weight: bold;
    color: var(--couleur-1);
}

/*.innovation-color {
    background-color: #FFC300;
    color: #fff;
}*/
.btn-common {
    background-color: #34b788;
    border: none;
    border-radius: 5px;
    color: #fff;
    padding: 5px 10px;
}
.btn-uncommon {
    background-color: #013243;
    border: none;
    border-radius: 5px;
    color: #fff;
    padding: 5px 10px;
    font-size: larger;
}
.btn-remove {
    background-color: #e32;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 2px 10px;
}
.red-icon {
    font-size: larger;
    color: #ff0000;
}
.green-icon {
    font-size: larger;
    color: #00ff00;
}
.color-3-icon {
    font-size: larger;
    color: var(--couleur-3);
}
/*************************************************************************/
/*input:invalid {
    background-color: #ffdddd;
}
input:valid {
    background-color: #ddffdd;
}*/

.required:after {
    color: #e32;
    content: ' *';
    font-weight: bold;
}

.panel-alignv1 {
    border: solid 1px #ced4da;
    border-radius: 5px;
    box-shadow: none;
}
.header-lot {
    background-color: #34b788;
    font-weight: bold;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.jc-center {
    justify-content: center;
}
.title-ro {
    background-color: #34B788;
    border: none;
    color: #000;
    font-weight: bold;
}
.title-w {
    background-color: #fff;
    border-radius: 5px;
    color: #000;
    font-weight: bold;
}
.pen-icon {
    color: #fff;
    cursor: pointer;
}
.font-w-bold {
    font-weight: bold !important;
}
.table-bg-color {
    background-color: var(--couleur-1);
}
.my-modal-header {
    background: transparent linear-gradient(90deg, var(--couleur-1) 0%, var(--couleur-2) 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    /*max-height: 1rem !important;*/
}
.blur-bg-modal {
    filter: blur(5px);
}
.splashModalContent{
    background: transparent linear-gradient(90deg, var(--couleur-1) 0%, var(--couleur-2)  100%) 0% 0% no-repeat padding-box;
    color: #fff;
}