
/* PAIDIA APP STATIC NAV V2 */

#paidiaAppStaticNavV2{

    width:100%;

    min-height:70px;

    display:flex !important;

    visibility:visible !important;

    opacity:1 !important;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    padding:
        10px 4%;

    direction:rtl;

    background:#fff;

    border-bottom:
        1px solid #dfe7e4;

    position:relative;

    z-index:99999;

    box-sizing:border-box;
}


#paidiaAppStaticNavV2 *{
    box-sizing:border-box;
}


.paidia-app-static-links{

    display:flex;

    align-items:center;

    gap:5px;

    flex-wrap:wrap;
}


.paidia-app-static-links a{

    min-height:42px;

    padding:
        0 13px;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#294c43 !important;

    text-decoration:none !important;

    font-size:12px;

    font-weight:800;

    border-radius:9px;
}


.paidia-app-static-links a:hover{

    background:#f0f6f3;
}


.paidia-app-static-actions{

    display:flex;

    align-items:center;

    gap:8px;
}


.paidia-app-static-actions a{

    min-height:44px;

    padding:
        0 16px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:10px;

    text-decoration:none !important;

    font-size:12px;

    font-weight:900;
}


.paidia-static-my-library{

    color:#183f36 !important;

    background:#f1f6f4;

    border:
        1px solid #d7e2de;
}


.paidia-static-signin{

    color:#fff !important;

    background:#173f36;

    border:
        1px solid #173f36;
}


@media(max-width:720px){

    #paidiaAppStaticNavV2{

        min-height:auto;

        padding:
            8px 10px;

        flex-direction:column;

        align-items:stretch;
    }


    .paidia-app-static-links{

        overflow-x:auto;

        flex-wrap:nowrap;

        scrollbar-width:none;
    }


    .paidia-app-static-links::-webkit-scrollbar{
        display:none;
    }


    .paidia-app-static-actions{

        display:grid;

        grid-template-columns:
            1fr 1fr;
    }

}

