/* ==============================================================================
   UTILITY CLASSES
   ============================================================================== */

/* Text Utilities */
.nowrap         { white-space: nowrap; }
.rightAligned   { text-align: right; }
.text-center    { text-align: center; }
.text-left      { text-align: left; }

/* Shadow Utilities - Use CSS Variables for theme-aware shadows */
.shadow-xs      { box-shadow: var(--shadow-xs); }
.shadow-sm      { box-shadow: var(--shadow-sm); }
.shadow-md      { box-shadow: var(--shadow-md); }
.shadow-lg      { box-shadow: var(--shadow-lg); }
.shadow-xl      { box-shadow: var(--shadow-xl); }

/* Legacy shadow classes - mapped to CSS variables */
.card-shadow    { box-shadow: var(--shadow-sm); }
.shadowed       { box-shadow: var(--shadow-md); }
.materialShadowed { box-shadow: var(--shadow-md); }
.maxShadowed    { box-shadow: var(--shadow-xl); }

.icon-pulsate {
  animation: pulse 3s infinite;
}

@keyframes pulse {
  0% {
    font-variation-settings: 'wght' 100;
  }
  50% {
    font-variation-settings: 'wght' 700;
  }
  100% {
    font-variation-settings: 'wght' 100;
  }
}

.blink {
    animation   : blink 1.5s infinite; -webkit-animation: blink 1.5s infinite; -o-animation: blink 1.5s infinite; -moz-animation: blink 1.5s infinite;
}

.pin-blink {
    fill        : var(--main-accent-color) !important;
    animation   : blink 1.5s infinite; -webkit-animation: blink 1.5s infinite; -o-animation: blink 1.5s infinite; -moz-animation: blink 1.5s infinite;
}

@keyframes pinblink {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}




@keyframes blink {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.dx-scrollview-scrollbottom {
    display: none !important;
}

*[clickable],
.clickable {
    cursor                      : pointer;
}
*[draggable],
.draggable {
    cursor                      : move;
}

.common-grid-header {
    font-size                   : 1.5rem;
    color                       : var(--main-high-color);
    font-weight                 : 500;
}

.import-grid-header {
    font-size                   : 1.5rem;
    color                       : var(--main-high-color);
    font-weight                 : 500;
    text-align                  : center;
    margin                      : 1rem;
}