/* 
    <button class="pybutton primary"></button> Boutons importants liés à des actions type save/close/Add..
    <button class="pybutton outline"></button> Boutons secondaires, avec juste un contour et éventuellement une icone dedans 
*/
.pybutton {
  border: 1px solid #eee;
  border-radius: 5px;
  min-width: 20px;
  padding: 5px 10px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;

  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}



.pybutton.outline {
    background-color: transparent !important;
    border: 1px solid #d6d6d6 !important;
    color: black;
}

.pybutton.primary {
    background-color: var(--primary-color) !important;
    color: white;
}


.pybutton.primarylight {
  background-color: var(--primarylight-color) !important;
  color: white;
}

.pybutton.info {
    background-color: var(--info-color) !important;
    color: white;
}

.pybutton.infolight {
    background-color: var(--infolight-color) !important;
    color: white;
}

.pybutton.success {
    background-color: var(--success-color) !important;
    color: white;
}

.pybutton.successlight {
    background-color: var(--successlight-color) !important;
    color: white;
}

.pybutton.danger {
    background-color: var(--danger-color) !important;
    color: white;
}

.pybutton.dangerlight {
        background-color: var(--dangerlight-color) !important;
    color: white;
}

.pybutton.purple {
    background-color: var(--purple-color) !important;
    color: white;
}

.pybutton.purplelight {
    background-color: var(--purplelight-color) !important;
    color: white;
}

.pybutton.warning {
        background-color: var(--warning-color) !important;
    color: white;
}

.pybutton.warninglight {
    background-color: var(--warninglight-color) !important;
    color: white;
} 

.pybutton.yellowstar {
    background-color: var(--yellowstar-color) !important;
    color: white;
}

.pybutton.highlight {
    background-color: var(--highlight-color) !important;
    color: white;
}

.pybutton.gray {
        background-color: var(--gray-color) !important;
    color: white;
}

.pybutton.darkgray {
    background-color: var(--darkgray-color) !important;
    color: white;
}

.pybutton.lightgray {
    background-color: var(--lightgray-color) !important;
    color: white;
}


.pybutton:disabled { 
    background-color: gray !important;
    opacity: 1 !important;
    color: white;
}

.pybutton:hover {
  opacity: 0.8 !important;
  /* background-color: #eeeeee !important; */
}