body.access_denied
    {
        background: #F9F5E7;
        display: flex;
        justify-content: center;
        align-items: center;

        .access_denied
        {
            border-radius: 10px;
            border: 1px solid #F9F0CA;
            padding: 8px;
            box-shadow: 0px 4px 4px 0px #00000040;
            background: #FFFFFF;

            display: flex;
            flex-direction: column;
            gap: 10px;
            align-items: center;

            *
            {
                font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
            }

            .access_denied_msg
            {
                font-weight: bold;
                font-size: 16px;
            }
            .access_denied_code
            {
                font-size: 12px;
            }

            
            .access_denied_btn
            {
                button
                {
                    padding: 8px;
                    width: 100px;
                    border: 1px solid #5082E4;
                    border-radius: 4px;
                    background: white;
                    color: #5082E4;

                    &#ad_login_again
                    {
                        background: #5082E4;
                        color: white;
                    }
                }
            }
        }
    }






    @media only screen and (max-width:720px), (max-device-width : 720px) /* desktop and mobile orientation: portrait */
    {
        
    }
    /* ( === V_2 === ) */
        @media (min-width:720px) and (max-width:850px) and (min-device-width : 720px) /* tablet portrait */
        { 
            
        }
        @media (min-width:850px) and (max-width:1200px) and (min-device-width : 850px) /* ( === V_2 === ) ( desktop portrait ) and ( mobile and tablet orientation: landscape ) */
        { 
            
        }
    /* ( === V_2 === ) */        


    @media (min-width:1200px) /* all other */
    {

    }


    @media (max-height:400px) and (max-width : 730px) /* screen resolution not supported */
    {
        html, body
        {
            background: lightgray;
        }
        body *
        {
            display: none !important;
        }
        body::before
        {
            content: '\A \A Device resolution are not supported! \A \A Please flip your device to portrait mode for best experience. \A \A Thank you!';
            white-space: pre;
            white-space: pre-wrap;
        }
    }