p
{
    margin-bottom: 0;
}
.upload-description
{
    font-size: 0.8em;
}
.marked_spell_error
{
    color: red;
    text-decoration: underline;
}
.marked_text,
.marked_text_corr
{
   /* color: blue;*/
    text-decoration: underline;
    text-decoration-style: dotted;
    text-decoration-color: red;
    cursor: pointer;
}
.hint-block
{
    display:none;
    border: 1px grey solid;
    background-color: white;
    padding: 7px;
    position:absolute;
    z-index: 2;

 }

 .hint-block p
 {
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 0;
 }

 #comment
 {
    float:right;
    width:32%;
    height:400px;
    overflow-y:auto;
   /* border: 1px grey solid;*/
    padding:1%;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    text-align: justify;
    text-indent: 15px;

 }
 .full-hint-block
 {display:none}

 #result
 {

    padding: 1%;
    height: 350px;
    overflow-y: auto;
    outline: none;
    text-align: justify;
    text-indent: 15px;
 }

#content-wrapper
{
    float: left;
    width: 66%;
}

#result-wrapper
{
    min-height: 400px;
    text-indent: 20px;
    width: 100%;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    position: relative;
 }
 #file
 {
    display: block;
    margin-left: 1%;
 }
 #upload-file
 {
    margin-top: 3%;
    min-height: 50px;
    text-indent: 20px;
    width: 100%;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    position: relative;
    display: flex;
/*    align-items: center; */
    flex-direction: column;
 }
 #upload-file form
 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
 }
 #comment-wrapper
 {
    height: 95%;
    overflow: auto;
    /*overflow: scroll;*/
 }
#action-tip
{
    color: grey;
}