html {
  user-select: none;
}

.center-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.center-space-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.center-space-evenly {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.flex-center {
  display: flex;
  align-items: center;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

.flex-row{
  display: flex;
  flex-direction: row;
}

.flex-end{
  display: flex;
  align-items: flex-end;
}

.flex-space-evenly {
  display: flex;
  justify-content: space-evenly;
}

.inline-flex-col {
  display: inline-flex;
  flex-direction: column;
}

.center-space-evenly {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.center-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

::-webkit-scrollbar-track {
  visibility: hidden;
  border-radius: 0px;
  background-color: transparent;
}
::-webkit-scrollbar {
  visibility: hidden;
  width: 5px;
  height: 7px;
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  visibility: hidden;
  border-radius: 5px;
  background-color: #CCC;
}
:hover::-webkit-scrollbar-track {
  visibility: visible;
}
:hover::-webkit-scrollbar {
  visibility: visible;
}
:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.upper-case{
  text-transform:uppercase;
}

.disabled {
  background-color: #999 !important;
  pointer-events: none;
}

.disabled-ui {
  opacity: 0.7;
  pointer-events: none;
}

.custom-btn {
  cursor: pointer;
}

.upper-case {
  text-transform: uppercase;
}

.ml-20 {
  margin-left: 20px;
}