.s-mt10 { margin-top: 10px; }
.s-mb10 { margin-bottom: 10px; }


/* спрятать, если кликнуть на пустое место экрана */
.vf-hiding { }
.vf- {}



/* элемент спрятанного текста, который появляется после нажатия кнопки .vb-expanding */
.vt-expand { background-color: #0001 !important; } 
/* элемент развёрнутого текста, который прячется после нажатия на него, при этом появляется кнопка .vb-expanding и класс элемента меняется на .vt-expand */
.vt-expanded { background-color: #0001 !important; } 

/* кнопка, которая добавляется перед элементом .vt-expand */
.vb-expanding { border-radius: 5px; }
.vb-expanding::after{ content: "...."; }
.vb-expanding + * { display: none; }    

.vb-confirm {
    position: relative;
}

.vb-confirm div {
    position: absolute;
    top: -5px;
    right:0;
    padding: 20px;
    background-color: white;
    z-index: 99;
    border: 1px solid #eee;
    display: inline-block;
    white-space: nowrap;
}
.vb-confirm div * { margin: 5px; }



.vb-hide, .vb-submit, .vb-expanding { cursor: pointer; }

.vb-create { background-color: var(--cl-hdr-back); padding: 5px; text-align: center; border: 1px solid #eee; border-radius: 3px; font-size: 12pt; }


aside.aside_form0
{
    position: absolute;
    top:10px;
    right: 10px;
    display: inline-block;
    width: 400px;
    text-align: left;
    background-color: white;
    border: 1px solid lightgray;
    border-radius: 5px;
}

aside.aside_form0 header { text-align: left; padding: 10px; background-color: var(--cl-hdr-back);}

aside.aside_form0 main {padding: 10px;}

aside.aside_form0 main div label { display: block; }
aside.aside_form0 main div input { width: calc(100% - 11px); }

aside.aside_form0 footer { text-align: center; padding: 5px;}

aside.aside_form0 footer .vb-submit { margin: 10px; border: 1px solid lightgray; padding: 10px; }
aside.aside_form0 footer .vb-hide { margin: 10px; border: 1px solid lightgray;  padding: 10px; }