@import './extra/font.css';
@import './extra/loader.css';
@import './extra/scrollbars.css';
@import './extra/general.css';

.move-handle {
  cursor: move;
  cursor: -webkit-grabbing;
}
.shadow-top {
  -webkit-box-shadow: 0px -13px 40px -27px rgba(0,0,0,0.65);
  -moz-box-shadow: 0px -13px 40px -27px rgba(0,0,0,0.65);
  box-shadow: 0px -13px 40px -27px rgba(0,0,0,0.65);
}
.priority-list-bg {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23a5a5a5' fill-opacity='0.2'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.ghost {
  cursor: move;
  border-radius: 5px;
  outline: 5px solid #2f4651;
}
.ghost div > label {
  cursor: move;
  background: #2f4651;
  color: var(--bs-gray-300);
}
.request-item {
  background-color: white;
  transition: background-color 200ms ease-in-out;
  user-select: none;
  -moz-user-select: none;
}
.request-item:hover {
  background-color: #7a7a7a;
  color: var(--bs-gray-300);
  user-select: none;
}
input[name=selected]:checked + div > .request-item {
  background-color: var(--bs-dark);
  color: var(--bs-gray-200);
}

/* Estilos para los inputs tipo range */
/*********** Baseline, reset styles ***********/
input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  cursor: pointer;
  width: 100%;
}

/* Removes default focus */
input[type="range"]:focus {
  outline: none;
}

/******** Chrome, Safari, Opera and Edge Chromium styles ********/
/* slider track */
input[type="range"]::-webkit-slider-runnable-track {
  background-color: var(--bs-gray-200);
  border-radius: 0.5rem;
  height: 3px;
}

/* slider thumb */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  margin-top: -4.5px; /* Centers thumb on the track */
  background-color: var(--bs-dark);
  border-radius: 0.5rem;
  height: 12px;
  width: 12px;
}

input[type="range"]:focus::-webkit-slider-thumb {
  outline: 3px solid var(--bs-gray-800);
  outline-offset: 0.125rem;
}

/*********** Firefox styles ***********/
/* slider track */
input[type="range"]::-moz-range-track {
  background-color: var(--bs-gray-200);
  border-radius: 0.5rem;
  height: 3px;
}
/* slider thumb */
input[type="range"]::-moz-range-thumb {
  background-color: var(--bs-dark);
  border: none; /*Removes extra border that FF applies*/
  border-radius: 0.5rem;
  height: 12px;
  width: 12px;
}
input[type="range"]:focus::-moz-range-thumb{
  outline: 3px solid var(--bs-gray-800);
  outline-offset: 0.125rem;
}
/* ---------------------------------- */