/***** LOADER DO ROTEADOR *****/


#zen_loader
{

    position: fixed !important;

    inset: 0 !important;

    z-index: 999999 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    height: 100% !important;

    margin: 0 !important;

    padding: 24px !important;

    box-sizing: border-box !important;

    background: rgba( 15, 23, 42, .16 ) !important;

    -webkit-backdrop-filter: blur( 7px ) !important;

    backdrop-filter: blur( 7px ) !important;

    opacity: 0 !important;

    visibility: hidden !important;

    pointer-events: none !important;

    transition:
        opacity .22s ease,
        visibility .22s ease !important;

}


#zen_loader.opn
{

    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: all !important;

}


#zen_loader #zen_loader_in
{

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    justify-content: center !important;

    width: auto !important;

    min-width: 150px !important;

    min-height: 125px !important;

    padding: 28px 32px !important;

    box-sizing: border-box !important;

    border: 1px solid rgba( 255, 255, 255, .9 ) !important;

    border-radius: 18px !important;

    background: rgba( 255, 255, 255, .96 ) !important;

    box-shadow:
        0 18px 50px rgba( 15, 23, 42, .14 ),
        0 4px 12px rgba( 15, 23, 42, .06 ) !important;

    transform: translateY( 5px ) scale( .97 ) !important;

    opacity: 0 !important;

    transition:
        transform .25s ease,
        opacity .25s ease !important;

}


#zen_loader.opn #zen_loader_in
{

    transform: translateY( 0 ) scale( 1 ) !important;

    opacity: 1 !important;

}


#zen_loader #zen_loader_spinner
{

    width: 38px !important;

    height: 38px !important;

    box-sizing: border-box !important;

    border: 3px solid #e9e9ee !important;

    border-top-color: var( --theme-color, #4c7188 ) !important;

    border-right-color: var( --theme-color, #4c7188 ) !important;

    border-radius: 50% !important;

    animation: zenSpin .75s linear infinite !important;

}


#zen_loader #zen_loader_txt
{

    margin: 16px 0 0 !important;

    color: #60616b !important;

    font-size: 13px !important;

    font-weight: 500 !important;

    line-height: 1.4 !important;

    letter-spacing: .1px !important;

}


@keyframes zenSpin
{

    to
    {

        transform: rotate( 360deg );

    }

}