body {
    background-image: none;
}

#page-content {
    background-image: url("../img/background/bg4.webp");
    background-repeat: no-repeat;        
    padding-left: 24px;
    padding-right: 24px;    
}

#post-main-container {
    background: white;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.5cm;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);    
    border-radius: 8px;   
}

#main-image-div {
    background-color: #F9F9FB; 
    border-right: 0px solid rgb(207, 207, 207);
    border-bottom: 1px solid rgb(207, 207, 207);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

#main-image {
    max-height: 300px;
}

#report-header {
    border-bottom: 1px solid rgb(207, 207, 207); 
    padding-top: 8px; 
    background-image: linear-gradient(to right, #F9F9FB ,white); 
    border-top-left-radius: 8px; 
    border-top-right-radius: 8px;
}

#top-copy-clipboard {
    background-color: rgb(243, 243, 243);
}

#bottom-help {
    color: #F92C8B; 
    font-size: 36px; 
    cursor: pointer;
}

#bottom-div-buttons {
    background-color: #F9F9F9; 
    border-top: 1px solid rgb(207, 207, 207); 
    padding-top: 16px; 
    padding-bottom: 16px; 
    border-bottom-left-radius: 8px; 
    border-bottom-right-radius: 8px;
}

#report-description-1 {
    padding-bottom: 8px;
}

#report-description-2 {
    padding-top: 8px;
}

#report-title {
    color: #F92C8B; 
}

@media (min-width: 768px) {
    .report-feature-group {
        padding-bottom: 24px;
    }

    .post-previous-desc,.post-next-desc {    
        font-size: small;
        color: gray;
    }       
}

@media (max-width: 767px) {
    .report-feature-group {
        padding-bottom: 16px;
    }

    .post-previous-desc,.post-next-desc {    
        font-size: x-small;
        color: gray;
    }    
}

#report-help {
    font-size: 16px; 
    position: absolute; 
    bottom: 16px; 
    right: 20px; 
    color: silver; 
    cursor: pointer;
}