#transparent {
    display: none;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    _height: 100%;
    background: #000;
    opacity: 0;
    z-index: 20;
}
#block {
    position: fixed;
    top: 50%;
    left: 50%;
    background: #fff url(/data/images/loading.gif) center center no-repeat;
    box-shadow: #000 0 0 20px;
    display: none;
    opacity: 0;
    z-index: 30;
}
#block h1 {
    padding: 5px 20px;
    font: 700 11pt Roboto;
    color: #fff;
    background: #990b0b;
}
#block-content {
    padding: 20px;
    height: calc(100% - 80px);
    background: #fff;
    overflow-y: auto;
} 
.block-content-hide {
    padding: 20px;
    height: calc(100% - 80px);
    background: #fff;
    overflow-y: auto;
    display: none;
    opacity: 0;
} 
#block textarea {
    display: block;
    width: calc(100% - 30px);
    padding: 5px 14px;
    margin-bottom: 10px;
    font: 400 11pt Roboto;
    border: #ddd solid 1px;
    resize: none;
}
#block input.text {
    display: block;
    width: calc(100% - 30px);
    padding: 5px 14px;
    margin-bottom: 10px;
    font: 400 11pt Roboto;
    border: #ddd solid 1px;
    resize: none;
}
#block textarea:focus, #block input.text:focus {
    border: #777 solid 1px;
}
button.adm {
    margin-right: 10px;
    padding: 5px 13px;
    font: 700 11pt Roboto;
    color: #990b0b;
    background: none;
    border: #990b0b solid 2px;
    cursor: pointer;
    transition: all 0.5s ease;
}
button.adm:hover {
    color: #fff;
    background: #990b0b;
}
button.adm-gray {
    margin-right: 10px;
    padding: 5px 13px;
    font: 700 11pt Roboto;
    color: #aaa;
    background: none;
    border: #aaa solid 2px;
    cursor: pointer;
    transition: all 0.5s ease;
}
button.adm-gray:hover {
    color: #fff;
    background: #aaa;
}
#block p {
    font: 400 11pt Roboto;
}
#block p b {
    font: 700 11pt Roboto;
}
#block p span {
    font: 400 10pt Roboto;
}
#block p.error {
    margin-bottom: 10px;
    font: 400 11pt Roboto;
    color: #d00;
}
#block .delimiter {
    margin: 10px 0;
    border-bottom: #aaa solid 1px;
}
#block-content-ok {
    display: none;
    padding: 20px;
    height: calc(100% - 80px);
    background: #fff;
    font: 400 20pt Roboto;
} 
#adm-label {
    position: fixed;
    top: 150px;
    left: 0;
    padding: 10px 10px 10px 40px;
    font: 400 9pt Roboto;
    line-height: 1.8;
    background: rgba(255,255,255,0.5) url(/data/images/admin.png) no-repeat;
    background-position: 10px 15px;
    border-radius: 0 10px 10px 0;
    border: rgba(150,150,150,0.5) solid 1px;
    border-left: none;
    z-index: 10;
    transition: all 0.5s ease;
}
#adm-label:hover {
    background-color: #fff;
}
#adm-label p {
    padding-left: 10px;
    border-left: #990b0b solid 2px;
}
.adm-module {
    position: absolute;
    top: 0;
    right: 20px;
    padding: 10px 10px 10px 20px;
    background: rgba(255,255,255,0.5);
    border-radius: 22px;
    transition: all 0.5s ease;
}
.adm-module:hover {
    background: #fff;
}
.adm-module img {
    display: block;
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    height: 24px;
    width: 24px;
    cursor: pointer;
}