/*loader*/

body:has(.loading)::-webkit-scrollbar {
    display: none;
    overflow: -moz-scrollbars-none;
}

body:has(.loading)::-moz-scrollbar {
    display: none;
}

.loading {
    background-color: rgba(255, 255, 255, 0.75);
    display: flex;
    min-height: 100%;
    justify-content: center;
    align-items: center;
    padding: 0px;
    margin: 0px;
    outline: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999;
}

    .loading .cajaElemLoading {
        display: flex;
        flex-flow: column;
        margin-top: -100px;
    }

    .loading .titLoading {
        display: flex;
        justify-content: center;
    }

        .loading .titLoading p {
            font-weight: 600;
            font-family: "Open Sans", sans-serif;
            font-size: 1.5rem;
            margin: 5px;
            z-index: 999999999;
        }

            /*.loading .titLoading p span:nth-child(1) {
        color: #000000;
    }

    .loading .titLoading p span:nth-child(2) {
        color: #254489;
        font-weight: 800;
    }*/

            .loading .titLoading p span {
                color: #254489;
                font-weight: 700;
            }

    .loading .loading {
        display: flex;
    }

        .loading .loading .dot {
            position: relative;
            width: 2em;
            height: 2em;
            margin: 0.8em;
            border-radius: 50%;
        }

            .loading .loading .dot::before {
                position: absolute;
                content: "";
                width: 100%;
                height: 100%;
                background: inherit;
                border-radius: inherit;
                animation: wave 2s ease-out infinite;
            }

            .loading .loading .dot:nth-child(1) {
                background: #dfe8ef;
            }

                .loading .loading .dot:nth-child(1)::before {
                    animation-delay: 0.2s;
                }

            .loading .loading .dot:nth-child(2) {
                background: #b1d3ec;
            }

                .loading .loading .dot:nth-child(2)::before {
                    animation-delay: 0.4s;
                }

            .loading .loading .dot:nth-child(3) {
                background: #599ed3;
            }

                .loading .loading .dot:nth-child(3)::before {
                    animation-delay: 0.6s;
                }

            .loading .loading .dot:nth-child(4) {
                background: #4d6eb6;
            }

                .loading .loading .dot:nth-child(4)::before {
                    animation-delay: 0.8s;
                }

            .loading .loading .dot:nth-child(5) {
                background: #254489;
            }

                .loading .loading .dot:nth-child(5)::before {
                    animation-delay: 1s;
                }

@keyframes wave {
    50%, 75% {
        transform: scale(2.5);
    }

    80%, 100% {
        opacity: 0;
    }
}