body { font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif; line-height: 1.6; word-wrap: break-word; padding: 30px; font-size: 16px; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); overflow: scroll; margin: 5%;}
body :first-child { margin-top: 0px !important; }
body :last-child { margin-bottom: 0px !important; }

#tree {
    border-right: 1px solid rgb(238, 238, 238);
}
.directory {
    cursor: pointer;
    list-style-type: disc;
}
.file {
    list-style: circle;
}
.file a {
    padding-top: 5px;
    padding-bottom: 5px;
}
@media screen and (max-width:991px) {
    #tree {
        border-right: none;
        border-bottom: 1px solid rgb(238, 238, 238);
    }
}
.qcm_item p { margin: 0; padding: 0; display:inline;}
.qcm_check { padding-left: 32px;}
.qcm_radio { padding-left: 32px;} 

blockquote {
    color: #777;
    padding: 1px 2%;
    border-left: 5px solid #ccc;
}

.special-box {
    background: #eee7da;
    margin: 12.5px 12.5px;
    padding: 10px 0 10px 95px; 
    color: #424242;
    min-height: 60px;
}
.special-box::before{
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    margin: 0px 0 -48px -70px;
}
.information{
    background: #daeaee;
}
.information::before{
    background-image: url("/img/ic_info_black_48px.svg"); 
}
.comment{
    background: #eea;
}
.comment::before{
    background-image: url("/img/ic_comment_black_48px.svg"); 
}
.attention{
    background: #eee7da;
}
.attention::before{
    background-image: url("/img/ic_error_black_48px.svg"); 
}
.question{
    background: #e2daee;
}
.question::before{
    background-image: url("/img/ic_help_black_48px.svg"); 
}
.good{
    background: #aea;
}
.good::before{
    background-image: url("/img/ic_good_black_48px.svg"); 
}
.bad{
    background: #eaa;
}
.bad::before{
    background-image: url("/img/ic_bad_black_48px.svg"); 
}
.secret {
    background: #eee;
    padding: 10px 0 10px 15px;
    min-height: 20px;
}
.hiden_block_quote {
    display: none;
}