table.section {
    border: 1px solid black;
    background: white;
}
    
table.section .header {
    font-weight: bold;
    border: 1px solid black;
}
        
tr:nth-child(even) {
    background-color: #eeeeee;
}
        
table.section td {
    padding-left: 10px;
    padding-right: 10px;
}

table.section .number {
    width: 100px;
}
        

.supersection {
    background-color: #e8e4c5;
    padding:5px;
    padding-right: 300px;
    border: 1px solid black;
    display: inline-block;
}


div.section {
    background-color: #eeeeee;
    padding:5px;
    border: 1px solid black;
    display: inline-block;
}

.subsection {
    background-color: lightgrey;
    padding:5px;
    border: 1px solid black; 
}



.main h2 {
    font-size:18pt !important;
    margin:5px;
}
        
.main h3, .main h3 a {
    font-size:16pt !important;
}

.main h4, .main h4 a {
    font-size:14pt !important;
}



        .loader {
            border: 2px solid #f3f3f3;
            border-radius: 50%;
            border-top: 2px solid #3498db;
            width: 20px;
            height: 20px;
            animation: spin 2s linear infinite;
            display:inline-block;
            outline: none !important;
            background: none;
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        






        table.monthly-property {
            border: 1px solid black;
            background: white;
        }
    
        table.monthly-property tbody tr.header {
            font-weight: bold;
            border: 1px solid black;
        }
        
        .monthly-property td {
            width: 80px;
            padding-left: 5px;
        }
        
        .monthly-property td.wide {
            width: 250px;
        }
        


        
        .property {
            background: #f9f9f9;
        }
        
        
        @media print {
            .no-print {
                display: none;
            }
        }
        
        div.section {
            page-break-after:always;
        }
























 /* Add a black background color to the top navigation */
.topnav { background-color: #333; overflow: hidden; width: 100%; padding: 0; }

/* Style the links inside the navigation bar */
.topnav a {
    float: left; color: #f2f2f2;
    text-align: center; padding: 14px 16px;
    text-decoration: none; font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover { background-color: #ddd; color: black; }

/* Add a color to the active/current link */
.active { background-color: #04AA6D; color: white; }

.main *{font-size: 12px !important;}

.main{ width: 99%; margin: 10px auto; }

#scroll-section{
    display: none;
    position: fixed;
    right: 15px;
    bottom: 20px;
    padding: 10px 12px;
    background-color: #000;
    text-align: center;
    border: solid 2px #000;
    cursor: pointer;
    color: #fff;
    transition: 1s linear;
}

#scroll-section:hover{
    background-color: #fff;
    color: #000;
    box-shadow: 1px 2px 6px 1px #222;
}
    
html{scroll-behavior: smooth;}

@media screen and (max-width: 767px){
    #scroll-section{
        right: 20px;
        bottom: 20px;
    }
}