/** neutralisation radius */
.wiz-component-field {
  border-top-left-radius: 0px 0px !important;
  border-top-right-radius: 0px 0px !important;
}

/** neutralisation padding */
.base-view {
  background-color: #FFFFFF00 !important;
  padding-top: 0px !important;
  padding-left: 0px !important;
  padding-bottom: 2px !important;
  padding-right: 2px !important;
}

wiz-root {
  padding: 0px !important;
  /* opacity: 1;
  background: url(backVector2.0.jpg); 
  background-repeat: no-repeat;
  background-size: 100%; */
}

menu-bar {
  padding: 0px !important;
  /* background: url(TexSteam.jpg) !important;
  background-repeat: no-repeat !important;
  background-size: 100% !important; */
  background-color: #000000;
}

information-bar {
  height: 35px !important;
  background-color: #000000;

  /* background: url(TexSteam.jpg) !important;
  background-repeat: no-repeat !important;
  background-size: 100% !important; */
  /* background-color: #FFFFFF00; */
}


/** rendu des titres DANS les vues (titres de rubriques)*/
.headerTitle {
  color: var(--item-white);
  font-size: 18px !important;
  user-select: none;
  font-weight: 600;
}

/** rendu des titres DANS les vues (titres de rubriques)*/
.smallTitle {
  font-size: 12px !important;
  user-select: none;
  font-weight: 600;
}

/** petit texte */
.small {
  font-size: 10px !important;
  user-select: none;
}

/** petit texte */
.title {
  font-size: 16px !important;
  user-select: none;
  font-weight: 600;
}

.container {
  padding-right: 5px !important;
  padding-bottom: 5px !important;
}

/** rendu des titres DANS les vues (titres de rubriques)*/
.window {
  background-color: #FFFFFFBB !important;
  border-top-left-radius: 5px 5px;
  border-top-right-radius: 5px 5px;
  box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.50);
}

/** fenêtre arrondi base */
.downwindow {
  background-color: #FFFFFFBB !important;
  border-bottom-left-radius: 5px 5px;
  border-bottom-right-radius: 5px 5px;
  box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.50);
}

.blackbar {
  background-color: #000000;
    /* background: url(TexSteam.jpg);
    background-repeat: no-repeat !important;
    background-size: 100% !important; */
    padding-left: 5px;
    padding-right: 5px;
    min-height: 25px;
}

.darkbluebar {
    background: url(texBlue.jpg);
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    padding-left: 5px;
    padding-right: 5px;
    min-height: 25px;
}

.darkredebar {
    background: url(TexBordeaux.avif);
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    padding-left: 5px;
    padding-right: 5px;
    min-height: 25px;
}

/** padding gauche et droite */
.pad {
    padding-left: 5px;
    padding-right: 5px;
}

/** conteneur de type scroller */
.scroller {
    overflow: scroll;
}

.ag-header-viewport {
  background: url(TexSteam.jpg);
  background-repeat: no-repeat !important;
  background-size: 100% !important;
}

.bluegrid {
  .ag-header-viewport {
    background: url(texBlue.jpg);
    background-repeat: no-repeat !important;
    background-size: 100% !important;
  }
}

.redgrid {
  .ag-header-viewport {
    background: url(TexBordeaux.avif);
    background-repeat: no-repeat !important;
    background-size: 100% !important;
  }
}

/* .ag-header-icon,
.ag-header-cell-label {
  color: var(--item-white) !important;
} */

.ag-header-cell-text {
    width: 100%;
    text-align: center;
}

/** theme agGrid */
.ag-row-selected {
  background-color: var(--item-selected) !important;
  color: var(--item-black) !important;
}

.ag-row-even:not(.ag-row-selected) {
  background-color: #FFFFFFDD !important;
  &:hover {
    color: var(--item-black) !important;
    background-color: var(--item-hover) !important;
  }
}

.ag-row-odd:not(.ag-row-selected) {
  background-color: #FFFFFF88 !important ;
    &:hover {
    color: var(--item-black) !important;
    background-color: var(--item-hover) !important;
  }
}



/** bouton blanc sur fond noir */
.orangeButton {

  background-color: var(--item-orange);
  color: var(--item-white);
  border-color: var(--item-orange);
  border-radius: 3px;
  height: 35px;

  &:focus-within {
    background-color: var(--item-selected);
    border-color: var(--item-selected);
    color: var(--item-white);
  }

  &:hover:not(.disabled-class){
    background-color: var(--item-selected);
    border-color: var(--item-selected);
    color: var(--item-white);
  }
}

/** bouton blanc sur fond noir */
.blackButton {

  background-color: var(--item-black);
  color: var(--item-white);
  border-color: var(--item-black);
  border-radius: 3px;
  height: 25px;

  &:focus-within {
    background-color: var(--item-selected);
    border-color: var(--item-selected);
    color: var(--item-white);
  }

  &:hover:not(.disabled-class){
    background-color: var(--item-selected);
    border-color: var(--item-selected);
    color: var(--item-white);
  }
}

/** bouton cancel, pas de fond */
.whiteCancelButton {

  background-color: var(--transparent);
  color: var(--item-white);
  border-color: var(--transparent);
  border-radius: 3px;
  height: 25px;

  &:focus-within {
    background-color: var(--transparent);
    border-color: var(--transparent);
    color: var(--item-selected);
  }

  &:hover:not(.disabled-class){
    background-color: var(--transparent);
    border-color: var(--transparent);
    color: var(--item-selected);
  }
}


/** style par défaut des wizIcon (taille, radius & curseur) */
.basicIcon {
  font-size: 24px;
  cursor: pointer;
  user-select: none;
  border-radius: 3px;
}

/** petit texte */
.smallIcon {
  font-size: 14px !important;
}

/** rendu des titres DANS les vues (titres de rubriques)*/
.black {
  color: var(--item-black);
}
.white {
  color: var(--item-white);
}
.orange {
  color: var(--item-orange);
}
.blue {
  color: #030f3199;
}
.red {
  color: #6b060699;
}


.hover {
  &:hover {
    color: var(--item-orange) !important;
  }
}

.hoversave {
  &:hover {
    color: var(--item-selected) !important;
  }
}


/** override hover sur les icones */
.border {
  border-color: #8C8C8C99 !important;
  border-style: solid;
  border-width: 1px;
}

.h-grabber {
  width: 6px !important;
}

.closebottom {
    position: absolute;
    margin-bottom: -25px !important;
    padding-left: 5px;
    padding-top: 3px;
    pointer-events: none;
    z-index: 100;
}

.innerfocus-class {
  border-color:  var(--border-bottom) !important;
}