:root {
  --sirges-red: #c5192d;
  --sirges-dark-red: #793030;
  --sirges-darkness-red: #5a1211;
  --sirges-light-red: #e38383;
  --sirges-light-grey: #dbdbdb;
  --sirges-grey: #b5b5b5;
  --sirges-dark-grey: #9e9e9e;
  --sirges-darkness-grey: #757575;
  --sirges-yellow: #fecc2a;
  --sirges-dark-yellow: #deb325;
  --sirges-light-green: rgb(71, 165, 71);
}

.input {
  border: solid 1px var(--sirges-red);
}

.hide {
  display: none !important;
}

.save-btn {
  background-color: var(--sirges-red) !important;
  color: white !important;
}

.save-btn:hover {
  background-color: var(--sirges-dark-red) !important;
}

.cancel-btn {
  background-color: var(--sirges-grey) !important;
  color: white !important;
}

.cancel-btn:hover {
  background-color: var(--sirges-dark-grey) !important;
  color: white;
}

.disabled-btn {
  background-color: var(--sirges-darkness-grey) !important;
  color: white !important;
}

/* .disabled-btn:hover{
    background-color: var(--sirges-) !important;
    color: #ffffff !important;
} */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: inherit;
}