#exercise-solution-view {

    
    overflow: auto;

    .title-container, .diagram-container,.identification-container { 
        width: 100%;                

        h3 {
            width: 50%;
            text-align: center;
            font-size: 20px;
            text-decoration: underline;
            display: inline-block;
        }

        .table-container {
            width: 50%;
            padding: 10px;
            display: inline-block;
            vertical-align: top;

            &.left-container {
                padding-right: 5px;
            }

            &.right-container{
                padding-left: 5px;
            }
        }

        table {
            margin: auto;
            vertical-align: top;
            width: 100%;



            td {
                padding: 10px 5px;
                border: 1px solid;

                .correct-answer{
                    color: #16A085;
                }

                .incorrect-answer {
                    color: #C0392B;
                }
            }
        }


    }

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

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

        &#edit-table {
            float: right;            
        }

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

    #hidden-svg svg {
        display: none;
    }

}