/* =====================================================================

CHECKBOX CSS

===================================================================== */

.ui-checkbox {
  display: flex;
  margin-bottom: 30px;
}

.ui-checkbox__check {
    border: 2px solid #333333;
    border-radius: 2px;
    height: 16px;
    margin-right: 4px;
    position: relative;
    width: 16px;
    cursor: pointer;
}

    .ui-checkbox__check.is-invalid {
        border: 2px solid #e23e5a;
    }
.ui-checkbox__input:checked + .ui-checkbox__check.is-invalid {
    border: 2px solid #e23e5a;
}

.ui-checkbox__check.is-disabled {
    border: 2px solid grey;
    cursor: not-allowed;
}
.ui-checkbox__input:checked + .ui-checkbox__check.is-disabled { border: 2px solid grey; }
.ui-checkbox__input:checked + .ui-checkbox__check.is-disabled .ui-checkbox__path {fill: grey;}

.ui-checkbox__hidden {
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
  z-index: -1;
}

.ui-checkbox__input:checked + .ui-checkbox__check {
    border-color: #333333;
}
    .ui-checkbox__input:checked + .ui-checkbox__check .ui-checkbox__path {
        fill: #333333;
    }
.ui-checkbox__input:checked + .ui-checkbox__check .ui-checkbox__polyline { stroke-dashoffset: 0; }

.ui-checkbox__label {
    align-items: center;
    cursor: pointer;
    display: flex;
}
/* si le label est à droite, on le met de la même couleur que la couleur de saisie des textbox*/
.ui-checkbox__label-right {
    color: #333333;
}

.ui-checkbox__label-txt { pointer-events: none; }

.ui-checkbox__path {
  fill: none;
  stroke: none;
}

.ui-checkbox__polyline {
  fill: none;
  stroke: white;
  stroke-dasharray: 18px;
  stroke-dashoffset: 18px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
  transition: all 0.3s ease;
}

.ui-checkbox__svg {
  left: -2px;
  position: absolute;
  top: -2px;
}
/*pour avoir la case à cocher à droite dans une div col-xx de bootstrap float:left;*/
.ui-checkbox-right 
{
    float:right;
}
/* Ajout VO pour checkBox dans entête tableau*/
.ui-checkbox__check_entete {
    border: 2px solid #e23e5a;
    border-radius: 2px;
    height: 16px;
    margin-right: 4px;
    position: relative;
    width: 16px;
    cursor: pointer;
    justify-content: center;
}

.ui-checkbox__input_entete:checked + .ui-checkbox__check_entete {
    border-color: #e23e5a;
}

    .ui-checkbox__input_entete:checked + .ui-checkbox__check_entete .ui-checkbox__path {
        fill: #e23e5a;
    }
    .ui-checkbox__input_entete:checked + .ui-checkbox__check_entete .ui-checkbox__polyline {
        stroke-dashoffset: 0;
    }

/*fin ajout pour checkBox dans entête tableau*/
/* pour wucliste*/
.ui-checkbox__label_wuclist {
    align-items: center;
    cursor: pointer;
}

.wuclist-item .ui-checkbox__check {
    margin-right: 0;
}
/* Ajout VO pour wucList checkBox dans entête*/
.ui-checkbox__check_wuclist {
    border: 2px solid #ffffff;
    border-radius: 2px;
    height: 16px;
    margin-right: 0px;
    position: relative;
    width: 16px;
}

.ui-checkbox__input_wuclist:checked + .ui-checkbox__check_wuclist {
    border-color: #e23e5a;
}

    .ui-checkbox__input_wuclist:checked + .ui-checkbox__check_wuclist .ui-checkbox__path {
        fill: #e23e5a;
    }
/*fin ajout pour wucList*/