#diagram-solution-view {
    padding: 40px 0;

    .solutions-container {
        overflow: auto;   

        h4 {
            max-width: 800px;
            margin: 0 auto 32px auto;
            text-align: center;
        }

    }

    .solution-container { 
        width: 100%;       
             

        
        h3 {
            width: 100%;
            max-width: 800px;
            margin: auto;
            padding: 0 10px;
            font-size: 20px;
            border-bottom: 1px solid;
            display: block;
        }

        .img-container {
            width: 100%;
            padding: 10px;
            display: inline-block;     
            text-align: center;   
            margin-bottom: 20px;  

            img {
                max-width: 100%;
            }
        }

    }

    #button-container {
        
        position: absolute;
        width: 100%;
        bottom: 0;
        padding: 40px 0 20px 0;
    }    
    

    button, #inner-button-container{
        display: block;
        width: 100%;
        max-width: 800px;
        margin: auto;
        font-size: 18px;
        
        &#edit-diagram, &#skip-exercise {
            margin-top: 20px;
            display: inline-block;
            width: 49%;
        }

        &#edit-diagram {
            float: right;
        }

        &#load-next-lesson {
            display: none;
            margin-top: 20px;         
            width: 100%;
               
        }
    }

    #hidden-svg svg {
        display: none;
    }

}