/**********************************************---***********************
    File name: refund-policy.css
    Site: al-porto.org

    Copyright 2023-2024 Michael J. Miller, All rights reserved

    Purpose: rules for displaying refund policy dialog

    Revision History:
    Date        Version     Details
    --------    --------    --------------------------------------------
    8/30/24     3.0a        Added header comments.

************************************************************************/

@layer page {

    /**************************************************************************
    *
    * refund policy modal dialog
    *
    ***************************************************************************/
    #refund-policy-dialog {
        max-width: 600px;
        width: 90%;
        background-color: white;
    }
    #refund-policy h2 {
        text-align: center;
    }
    #refund-policy p {
        font-size: smaller;
    }
    #refund-policy-table thead,
    #refund-policy-table tfoot {
        background-color: #3f87a6;
        color: #fff;
    }

    #refund-policy-table tbody {
        background-color: #e4f0f5;
    }

    #refund-policy-table caption {
        padding: 10px;
        caption-side: bottom;
    }

    #refund-policy-table table {
        border-collapse: collapse;
        border: 2px solid rgb(200, 200, 200);
        border-radius: 6px;
        letter-spacing: 1px;
        font-family: sans-serif;
        font-size: .8rem;
        margin: 0 auto;
        width: 86%;
    }

    #refund-policy-table td,
    #refund-policy-table th {
        border: 1px solid rgb(190, 190, 190);
        padding: 5px 10px;
    }

    #refund-policy-table td {
        text-align: center;
    }
    #refund-policy-table tfoot td {
        font-size: x-small;
        text-align: left;
        padding-left: 1em;
    }
    .expired_rule {
        
    }

    @media (max-width: 768px) {
        #refund-policy-frame {
            max-width: 100vw;
        }
        #refund-policy-table {
            width: 100%;
            overflow: auto;
        }
    }
}