.iti.iti--allow-dropdown.iti--separate-dial-code {
    width: 100%;
  }
/* Chrome, Safari, Edge, Opera */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.alert-container {
    top: 5rem;
    right: 2rem;
    position: absolute;
    z-index: 50;
}

.iti__country-list {
    z-index: 30;
}

.is-hidden {
    display: none;
}

@-webkit-keyframes marquee {
    0% {text-indent:100%;}
    100% {text-indent:-200%}
}

.clickable {
    cursor: pointer;
}

.loader-container {
    position: fixed;  /* This makes it cover the whole viewport */
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader {
    width: 100px;
    padding: 15px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #3883b4;
    --_m: 
      conic-gradient(#0000 10%,#000),
      linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
            mask: var(--_m);
    -webkit-mask-composite: source-out;
            mask-composite: subtract;
    animation: l3 1s infinite linear;
  }

@keyframes l3 {to{transform: rotate(1turn)}}

.task-staging-area {
    min-height: 62vh;
    max-height: 68vh;
    height:100%;
    overflow-y: auto;
    border: 2px solid #ccc;
    border-radius: 10px;
    padding: 10px;
    /* margin: 10px 0; */
}

.worker-column {
    min-height: 62vh;
    max-height: 68vh;
    height:100%;
    overflow-y: auto;
    border: 2px solid #ccc;
    border-radius: 10px;
    padding: 10px;
    /* margin: 10px 0; */
}

.task-card {
    cursor: move;
    border-radius: 5px;
    margin-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #aaa;
}
.priority-high { background-color: #ffdddd; }
.priority-medium { background-color: #ffffdd; }
.priority-low { background-color: #ddffdd; }


.side-label {
    position: absolute;
    left: -142px; /* Width of the label */
    top: 10px;
    padding: 2px;
    height: 25px;
    font-size: 12px;
    width: 130px; /* Match margin-left of container */
    transform: translateY(-50%) rotate(-90deg);
    transform-origin: right center;
    background: #ccc; /* Label background color */
    text-align: center;
    border-radius: 4px 4px 0 0;
}

.label-container {
    position: relative;
}

.table-custom { --bs-table-bg: transparent !important; }

.tip{background-color: #757575;padding: 0 14px;line-height: 27px;position: absolute;border-radius: 4px;z-index: 100;color: #fff;font-size: 12px;animation-name: tip;animation-duration: .6s;animation-fill-mode: both}
.tip:before{content: "";background-color: #757575;height: 10px;width: 10px;display: block;position: absolute;transform: rotate(45deg);bottom: -4px;left: 17px}
#copied_tip{animation-name: come_and_leave;animation-duration: 1s;animation-fill-mode: both;top: -35px;left:2px}
.text-line{font-size: 14px}

@media print {
  .no-print {
    display: none !important;
  }

  .tooltip {
    display: none !important;
  }

  .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body {
    font-size: 75% !important;
  }
}

.fc-list-event-time{
  display:none;
}


.fc-daygrid-day.fc-day-today {
  background-color: #e3f2fd !important;
  border: 2px solid #2196f3 !important;
}

.fc-daygrid-day.fc-day-past {
  background-color: #f5f5f5 !important;
  color: #9e9e9e !important;
}

.fc-daygrid-day.fc-day-past .fc-daygrid-day-number {
  color: #bdbdbd !important;
}

.fc-daygrid-day.fc-day-past .fc-event {
  opacity: 0.6;
}

.fp-alt {
  width: 14rem !important;   /* ajustá a gusto */
  display: inline-block;
  white-space: nowrap;
}

.input-group .fp-alt {
  flex: 0 0 auto !important;
  min-width: 12rem !important;
}