.buttons,
.gogol .buttons,
a.tree {
    font-family:sans-serif;
    font-size:15px;
}

.buttons,
.gogol .buttons {
    align-items:baseline;
    justify-content:flex-start;
    background:#fff;
    padding: 0 .3em .5em .7em;
    text-align:left;
}
.buttons{
    display:flex;
    flex-wrap:wrap;
}


.buttons .button,
.buttons .tags{
    border:outset 1px #ccc;
    border-radius:1em;
    padding:.2em .75em .1em;
    margin:.4em .5em 0.1em 0;
    text-decoration:none;
    display:inline-block;
    vertical-align:bottom;
    font:inherit;
}

.buttons .button{
    background:#fd3;
    pointer-events: auto;
}

.buttons .button[disabled]{
    opacity:.4;
    pointer-events: none;
}

.buttons .tags{
    background-color:#def;
}
.buttons .tags:before{
    content:'Теги: ';
}
.buttons .tags:empty:before{
    content:'Теги';
}

.buttons .icon.close{
    margin-left:auto;
}

.buttons .icon.close:before{
    font-size:2em;
    vertical-align:bottom;
}

.button.save.on{
   opacity:.5;
   pointer-events:none;
}

a.tree {
	margin-left: .7em;
}

a.tree:before {
    content: "\f196";
    margin: 0 .3em 0 0;
    vertical-align: middle;
    font: normal 14px/1 FontAwesome;
    font-size: 1.05em;
    display: inline-block;
    color: #555;
}

a.tree.on:before {
    content: "\f147";
}

a.notify{
    padding-left:0;
    padding-right:.8em;
}
a.notify:before{
    content:'□';
    margin-right:.25em;
    text-decoration:none;
    display:inline-block;
}
a.notify.on:before{
    content:'✓';
}
a.notify span{
   white-space:nowrap;
}


a.scroll-to-top {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 1040;
    font-size: 2em;
    opacity:0.5;
    display:none;
    text-decoration:none;
}

@media screen and (max-width:700px){
    .buttons,
	.gogol .buttons{
        font-size:17px;
    }
}