#overlayer {
    position: fixed;
    z-index: 9999;
    background: white;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.loader {
    position: fixed;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    z-index: 99999;
    /* border: 4px solid #e3e5d2; */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
}
._spin {
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.cursor{
    cursor:pointer;
}

.preview-image-container {
    position: relative;
    margin-bottom: 10px; 
}

.preview-image {
    margin: 5px 5px;
    max-width: 100px;
    max-height: 100px;
}

.btn-danger {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
}
.yello-bg{
    background-color: #ebe417 !important;
    color: black;
}
.blink_me {
    animation: blinker 1s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.valid {
    background-color: #c5f2c1;
    /* font-weight: normal !important; */
}

.in-valid {
    background-color: #ffdddd;
    /* font-weight: normal !important; */
}

.table-sticky-header thead th {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 5;
}

/* Custom Css to adjsut content on small screen without zoomout */

@media screen and (max-width: 1366px) {
    body {
        transform: scale(0.89);
        /* Slightly more zoom out than 0.9 */
        transform-origin: top left;
        width: 112%;
        /* Adjusted width to keep content within bounds */
    }
}

@media screen and (max-width: 1366px) {
    body {
        transform: scale(0.9);
        transform-origin: top left;
        width: 111%;
    }
}

@media screen and (max-width: 1280px) {
    body {
        transform: scale(0.85);
        transform-origin: top left;
        width: 117%;
    }
}

@media screen and (max-width: 1152px) {
    body {
        transform: scale(0.8);
        transform-origin: top left;
        width: 125%;
    }
}

@media screen and (max-width: 1024px) {
    body {
        transform: scale(0.75);
        transform-origin: top left;
        width: 133%;
    }
}

@media screen and (max-width: 900px) {
    body {
        transform: scale(0.7);
        transform-origin: top left;
        width: 143%;
    }
}