/*Menus map*/
.menu-vertical .titleMenu, li span.titleMenu {
    background-color: var(--FormCouleurSpin) !important;
}
.accordion .slide .titleMenu {
    color: var(--white) !important;
}
.left-map .menu-map label, .left-map .menu-map span, .menu-container .accordion .form-check label {
    color: var(--FormCouleurCarac);
}
.left-map .menu-map input, .menu-container .accordion .form-check-input {
    accent-color: var(--marron) !important;
}
.accordion ul.accordion-list a {
    color: var(--FormCouleurCarac);
}

/*input100*/
.input100 {
    -webkit-text-fill-color: var(--FormCouleurCarac) !important;
}

/*Scroll color*/
#my-icon-select-box-scroll::-webkit-scrollbar-thumb, #my-icon-select2-box-scroll::-webkit-scrollbar-thumb, #my-icon-select3-box-scroll::-webkit-scrollbar-thumb, #my-icon-select4-box-scroll::-webkit-scrollbar-thumb, #my-icon-select5-box-scroll::-webkit-scrollbar-thumb, #my-icon-select6-box-scroll::-webkit-scrollbar-thumb {
    background: var(--scrollBar) !important;
}

/*Icons menu container*/
.icons-menu-container li.account a {
    color: var(--white) !important;
}

/*Form recherche & creation*/
.icon-hr {
    position: relative;
    margin: 5px 0px 0px 5px;
    padding: 0px;
    width: 100%;
    height: 50px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    float: left;
}
  
.title-icon {
    font-weight: bolder;
    font-size: var(--FormTailleTitreCarte);
    color:var(--FormCouleurCarac);
    text-align: center;
}
  
.icon-hr-create {
    position: relative;
    margin: 5px 0px 0px 5px;
    padding: 0px;
    width: 100%;
    height: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
}

.title-icon-create {
    font-weight: bolder;
    font-size: var(--FormTailleTitreCarte);
    color: var(--FormCouleurCarac);
    text-align: center;
    position: relative;
}

@media screen and (max-width:780px) and (max-height:900px) {

    :root{
      --BorderRaduisMap: 0px;
    }
  
    form {
        border-radius: 0px !important;
        overflow-y: auto;
        overflow-x: hidden;
    }
  
    .multi-button {transform: scale(1.3, 1.1) !important; }
  
    .obsStyle {
        z-index: 1 !important;
    }
  
    .icon-hr {
      position: relative;
      margin: 5px 0px 0px 5px;
      padding: 0px;
      width: 100%;
      height: 50px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      overflow: hidden;
      float: left;
    }
    
    .title-icon {
      font-weight: bolder;
      font-size: var(--FormTailleTitreCarte);
      color:var(--FormCouleurCarac);
      text-align: center;
    }
    
    .icon-hr-create {
        position: relative;
        margin: 5px 0px 0px 5px;
        padding: 0px;
        width: 100%;
        height: 10px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        overflow: hidden;
    }
    
    html{
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
    }
    
    .likeCss{
        width: 120px;
        height: 120px;
    }
    
    .formMap {
        background-color: var(--FormCouleurFond);
        font-family: var(--FormPoliceChamp);
        border: var(--FormEpaisseurTour) solid transparent;
        height: 100%;
    }
  
    .icon-select .selected-box:hover {
        width: 100% !important;
    }
  
    .icon-select .selected-icon {
        width: 100% !important;
    }
}
  
#my-icon-select-box-scroll, #my-icon-select2-box-scroll,#my-icon-select3-box-scroll,#my-icon-select4-box-scroll,#my-icon-select5-box-scroll,#my-icon-select6-box-scroll{
    background-color: var(--FormCouleurFond);
}
  
.marginForm { margin: 0px 2vw 2vw 2vw;}

.title-icon-create:not(#title-icon-create1) {
    margin-top: 1em;
}

/*for disable features*/
.disableFeature {
    color: grey !important;
    cursor: default !important;
}
.accordion ul.accordion-list a.disableFeature::after {
    background: #ff0000;
}
.default-cursor, .default-cursor a {
    cursor: default !important;   
}

.form-check-input:disabled~.form-check-label {
    color: grey ! important;
}

#bodySearch .disableFeatureMyObsOnly {
    background-color: grey;
    opacity: 0.5;
    cursor: auto;
}
#bodySearch .disableFeatureMyObsOnly .checkbox__inner {
    background-color: unset;
}

#confirmMainSynchro .message {
    margin: 20px !important;
}