.reportMainContainer {
    background-color: #f8f8fb;
    width: 100%;
    height: 100%
}

.defaultInput {
    outline: red none;
    border: none;
    border-radius: 5px;
    padding: 5px 0 5px .5rem;
}

.defaultInput:focus {
    outline: 2px #0a226a solid;
}

.baseSelect {
    border: none #0a226a;
}

.baseSelect:focus {
    border: 2px #0a226a solid;
}

.baseLabel {
    color: midnightblue;
    text-transform: uppercase;
}

.dropdownContainer {
    margin-top: 5px
}


.baseBtn {
    display: inline-flex;
    height: 3rem;
    min-height: 3rem;
    flex-shrink: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
    border-color: transparent;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    font-size: .875rem;
    line-height: 1em;
    gap: .5rem;
    font-weight: 600;
    text-decoration-line: none;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
    border-width: 1px;
    transition-property: color, background-color, border-color, opacity, box-shadow, transform;
    --tw-text-opacity: 1;
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-bg-opacity: 1;
    --tw-border-opacity: 1
}

.baseBtn-disabled, .baseBtn[disabled], .baseBtn:disabled {
    pointer-events: none
}

@keyframes button-pop {
    0% {
        transform: scale(.98)
    }

    40% {
        transform: scale(1.02)
    }

    to {
        transform: scale(1)
    }
}


@media (prefers-reduced-motion: no-preference) {
    .baseBtn {
        animation: button-pop .25s ease-out
    }
}

.baseBtn:active:hover, .baseBtn:active:focus {
    background-color: red;
    animation: button-pop 0s ease-out;
    transform: scale(.85)
}