.gutenberg #editor .blue-message,

.blue-message {

    background: none repeat scroll 0 0 #39f;

    color: #fff;

    text-shadow: none;

    font-size: 14px;

    line-height: 24px;

    padding: 10px

}



.gutenberg #editor .green-message,

.green-message {

    background: none repeat scroll 0 0 #8cc14c;

    color: #fff;

    text-shadow: none;

    font-size: 14px;

    line-height: 24px;

    padding: 10px

}



.gutenberg #editor .orange-message,

.orange-message {

    background: none repeat scroll 0 0 #faa732;

    color: #fff;

    text-shadow: none;

    font-size: 14px;

    line-height: 24px;

    padding: 10px

}



.gutenberg #editor .red-message,

.red-message {

    background: none repeat scroll 0 0 #da4d31;

    color: #fff;

    text-shadow: none;

    font-size: 14px;

    line-height: 24px;

    padding: 10px

}



.gutenberg #editor .grey-message,

.grey-message {

    background: none repeat scroll 0 0 #53555c;

    color: #fff;

    text-shadow: none;

    font-size: 14px;

    line-height: 24px;

    padding: 10px

}



.gutenberg #editor .left-block,

.left-block {

    background: none repeat scroll 0 0, radial-gradient(ellipse at center center, #fff 0%, #f2f2f2 100%) repeat scroll 0 0 transparent;

    color: #8b8e97;

    padding: 10px;

    margin: 10px;

    float: left

}



.gutenberg #editor .right-block,

.right-block {

    background: none repeat scroll 0 0, radial-gradient(ellipse at center center, #fff 0%, #f2f2f2 100%) repeat scroll 0 0 transparent;

    color: #8b8e97;

    padding: 10px;

    margin: 10px;

    float: right

}



.gutenberg #editor .blockquotes,

.blockquotes {

    background: 0 0;

    border-left: 5px solid #f1f1f1;

    color: #8b8e97;

    font-size: 14px;

    font-style: italic;

    line-height: 22px;

    padding-left: 15px;

    padding: 10px;

    width: 60%;

    float: left

}
@media (max-width: 781px)
{
   a.uagb-infbox__link-to-all
   {
       position : static

   }
}