.pointer { cursor: pointer; }
.filter-cell * { width: 100%; }
.btn.btn-disabled { background: #f8f9fa; color: #212529; cursor: default; }
.notification { display: none; color: firebrick; font-size: 12px; font-weight: 700; margin-top: 6px; margin-bottom: 16px; }
.notification.active { display: block; }

input.incorrect, input.incorrect:focus { border-color: firebrick; border-width: 2px; }
.page-filter { min-height: 42px; }

#progress {
    position: fixed;
    margin-left: -75px;
    margin-top: -75px;
    top: 50%;
    left: 50%;
    z-index: 100000;
}

.text-danger {
    color: #f62d51 !important;
}

#progress .icon {
    width: 150px;
    height: 150px;
    transform-origin: center;
    animation: icon 6s step-end infinite;
}

#progress .icon circle {
    fill: rgb(255 255 255 / 0%);
    stroke-width: 15px;
    stroke-dasharray: 339.292;
    stroke-dashoffset: 158;
    -webkit-transition: stroke-dashoffset 0s ease;
    -o-transition: stroke-dashoffset 0s ease;
    transition: stroke-dashoffset 0s ease;
    transform: rotate(45deg);
    transform-origin: center;
}

#progress .icon circle:first-child {
    animation: circle 6s linear infinite;
    stroke: #0081FF;
}

#progress .icon circle:nth-child(2) {
    stroke: rgb(0 129 255 / 20%);
}

@keyframes icon {
    0% {
        transform: rotate(0deg) scale(1, 1);
    }

    51% {
        transform: rotate(-10deg) scale(1, -1);
    }
}

@keyframes circle {
    0% {
        stroke-dashoffset: 339.292;
    }

    51% {
        stroke-dashoffset: 158;
    }

    100% {
        stroke-dashoffset: 340;
    }
}

.custom-table td .period {
    font-size: 11px;
}