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

CHECKBOX CSS

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

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

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

.wuclist-item .ui-checkbox__check {
    margin-right: 0;
}

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

.ui-checkbox__check.is-disabled {
    border: 2px solid #C0C0C0;/*gris plus clair que input 808080 sinon pas flagrant*/
    cursor:not-allowed;
}
.ui-checkbox__input:checked + .ui-checkbox__check.is-disabled { border: 2px solid #C0C0C0; }
.ui-checkbox__input:checked + .ui-checkbox__check.is-disabled .ui-checkbox__path { fill: #C0C0C0; }
/*pour tableau de bord en gris*/
.ui-checkbox__check.is-tdb {
    border: 2px solid #C0C0C0;/*gris plus clair que input 808080 sinon pas flagrant*/
}
.ui-checkbox__input:checked + .ui-checkbox__check.is-tdb { border: 2px solid #C0C0C0; }
.ui-checkbox__input:checked + .ui-checkbox__check.is-tdb .ui-checkbox__path { fill: #C0C0C0; }

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

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

/* Ajout VO pour wucList checkBox dans entête*/
.ui-checkbox__check_wuclist {
  border: 2px solid #EE5545;
  border-radius: 2px;
  height: 16px;
  margin-right: 4px;
  position: relative;
  width: 16px;
}
.ui-checkbox__input_wuclist:checked + .ui-checkbox__check_wuclist { border-color: #EE5545; }
.ui-checkbox__input_wuclist:checked + .ui-checkbox__check_wuclist .ui-checkbox__path { fill: #EE5545; }
/*fin ajout pour wucList*/

.ui-checkbox__label {
  align-items: center;
  /*cursor: pointer; VO */
  display: flex;
}

.wuclist-item .ui-checkbox__label {
    justify-content: center;
}

.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;
}

/* ajout VO*/
/* pour mettre bord rouge si invalide mais ne marche pas
.ui-checkbox__input:checked + .ui-checkbox__check .is-invalid { border-color: #e84733; }
    */
/* 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: #537890; 
    font-size: 11px;
}
.ui-radiobutton__label-right { 
    color: #537890;
    font-size: 11px;
    padding-left: 1px; 
    padding-right: 15px; 
}
.ui-radiobutton__label-right.is-invalid, .ui-radiobutton__label-right.is-required { 
    border-bottom: 1px solid #e84733; 
    border-right: 1px solid #e84733;
}