.text-area {
    margin-top: .5em;
    width: 100%;
    font-size: 0.9em;
    line-height: 1.15
}

.wpGeneralContent {
    position: relative;
}


/*

Zenburn style from voldmar.ru (c) Vladimir Epifanov <voldmar@voldmar.ru>
based on dark.css by Ivan Sagalaev

*/

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #3f3f3f;
  color: #dcdcdc;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-tag {
  color: #e3ceab;
}

.hljs-template-tag {
  color: #dcdcdc;
}

.hljs-number {
  color: #8cd0d3;
}

.hljs-variable,
.hljs-template-variable,
.hljs-attribute {
  color: #efdcbc;
}

.hljs-literal {
  color: #efefaf;
}

.hljs-subst {
  color: #8f8f8f;
}

.hljs-title,
.hljs-name,
.hljs-selector-id,
.hljs-selector-class,
.hljs-section,
.hljs-type {
  color: #efef8f;
}

.hljs-symbol,
.hljs-bullet,
.hljs-link {
  color: #dca3a3;
}

.hljs-deletion,
.hljs-string,
.hljs-built_in,
.hljs-builtin-name {
  color: #cc9393;
}

.hljs-addition,
.hljs-comment,
.hljs-quote,
.hljs-meta {
  color: #7f9f7f;
}


.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}



.fa {
    font-family: FontAwesome !important
}

span.fa,
i.fa {
    padding: 0 0.5em
}

.message-box span.fa,
.message-box i.fa {
    padding: 0
}

.pure-table-attributes {
    table-layout: fixed;
    width: 100%
}
 


.pure-button.hljs {
    display: inline-block;
    border: 0;
    background-color: transparent
}

.pure-button.hljs:hover,
.pure-button.hljs:focus {
    background-color: #f0f0f0;
    color: black
}

.pure-button-group .pure-button:first-child,
.pure-button-group .pure-button:last-child {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.pure-button-group.two-elements .pure-button {
    margin: 0;
    line-height: unset;
    border: 1px solid #E6E6E6
}

.pure-button-group.two-elements form {
    display: inline
}

.pure-button-group.two-elements .pure-button:first-child {
    border-right: none
}

.pure-button-group.two-elements .pure-button:last-child {
    border-right: 1px solid #E6E6E6
}

.pure-button-group .pure-button.show-files {
    max-width: 450px;
    overflow: hidden
}

.top-right-corner {
    position: absolute;
    right: 1.75em;
}

#layout,
#menu,
#foot,
.menu-link {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

#layout.active #menu {
    right: 11em;
    width: 11em
}

#menu {
    margin-right: -11em;
    width: 11em;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: #e8410c;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

#menu a {
    color: #ffffff;
    border: none;
    padding: 0.6em 0 0.6em 0.6em
}

#menu .pure-menu,
#menu .pure-menu ul {
    border: none;
    background: transparent
}

#menu .pure-menu ul,
#menu .pure-menu .menu-item-divided {
    border-top: 1px solid #db0100
}

#menu .pure-menu-selected,
#menu .pure-menu-heading {
    background: #b8002c;
    color: black
}

#menu .pure-menu-selected a {
    color: #fff
}

#menu .pure-menu-heading {
    font-size: 110%;
    color: #fff;
    margin: 0;
    text-transform: none
}

.frontpage-menu {
    margin-bottom: 1em
}

.frontpage-menu .pure-menu-item {
    border-bottom: 1px solid lightgrey
}

.frontpage-menu .pure-menu-selected {
    border-bottom: 1px solid black;
    font-weight: bold
}

.menu-link {
    position: relative;
    display: block;
    top: 0;
    right: 0;
    background: transparent;
    z-index: 10;
    height: 2rem;
    padding: 2rem 0;
    text-decoration: none
}

.menu-link:hover,
.menu-link:focus {
    padding: 2rem 0;
    background: none !important
}

.menu-link span:hover,
.menu-link span:focus {
    color: rgba(1, 1, 1, 0.8)
}

.menu-link span {
    position: relative;
    display: block;
    color: #FFFFFF
}

.menu-link span,
.menu-link span:before,
.menu-link span:after {
    background-color: transparent
}


.overflow{
    overflow:hidden;
}

pre, code, kbd, samp, tt {
    font-family: monospace, monospace;
    font-size: .9rem;
    padding: 0 .2rem
}

.xmldata {
    font-family: monospace
}

.code-box-title .clipboard-btn {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    position: absolute;
    right: 0;
    height: inherit;
    margin-top: -2em;
    margin-right: 4px
}

.code-box {
    margin-bottom: 1em;
    border: 1px solid #ccc
}

.code-box a {
    padding: .5em
}

.code-box-content {
    font-size: 1em;
    line-height: 1.15;
    padding: 0.5em 1em;
    display: inline-block;
    min-height: 1em;
    width: 100%;
    height: 100%;
    white-space: pre-wrap;
    font-family: monospace
}

.code-box-content::selection {
    color: black;
    background: "#fffdbf"
}

.code-box-title {
    border-bottom: 1px solid #ccc;
    background-color: #e0e0e0;
    padding: 0.5em 0 0.5em 0.5em
}

pre#xmlmetadata {
    width: 98%
}


.pure-menu {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.pure-menu-fixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3;
}

.pure-menu-list,
.pure-menu-item {
    position: relative;
}

.pure-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pure-menu-item {
    padding: 0;
    margin: 0;
    height: 100%;
}

.pure-menu-link,
.pure-menu-heading {
    display: block;
    text-decoration: none;
    white-space: nowrap;
}

/* HORIZONTAL MENU */
.pure-menu-horizontal {
    width: 100%;
    white-space: nowrap;
}

.pure-menu-horizontal .pure-menu-list {
    display: inline-block;
}

/* Initial menus should be inline-block so that they are horizontal */
.pure-menu-horizontal .pure-menu-item,
.pure-menu-horizontal .pure-menu-heading,
.pure-menu-horizontal .pure-menu-separator {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}

/* Submenus should still be display: block; */
.pure-menu-item .pure-menu-item {
    display: block;
}

.pure-menu-children {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0;
    padding: 0;
    z-index: 3;
}

.pure-menu-horizontal .pure-menu-children {
    left: 0;
    top: auto;
    width: inherit;
}

.pure-menu-allow-hover:hover > .pure-menu-children,
.pure-menu-active > .pure-menu-children {
    display: block;
    position: absolute;
}

/* Vertical Menus - show the dropdown arrow */
.pure-menu-has-children > .pure-menu-link:after {
    padding-left: 0.5em;
    content: "\25B8";
    font-size: small;
}

/* Horizontal Menus - show the dropdown arrow */
.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {
    content: "\25BE";
}

/* scrollable menus */
.pure-menu-scrollable {
    overflow-y: scroll;
    overflow-x: hidden;
}

.pure-menu-scrollable .pure-menu-list {
    display: block;
}

.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {
    display: inline-block;
}

.pure-menu-horizontal.pure-menu-scrollable {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /* a little extra padding for this style to allow for scrollbars */
    padding: .5em 0;
}

/* misc default styling */

.pure-menu-separator,
.pure-menu-horizontal .pure-menu-children .pure-menu-separator {
    background-color: #ccc;
    height: 1px;
    margin: .3em 0;
}

.pure-menu-horizontal .pure-menu-separator {
    width: 1px;
    height: 1.3em;
    margin: 0 .3em ;
}

/* Need to reset the separator since submenu is vertical */
.pure-menu-horizontal .pure-menu-children .pure-menu-separator {
    display: block;
    width: auto;
}

.pure-menu-heading {
    text-transform: uppercase;
    color: #565d64;
}

.pure-menu-link {
    color: #777;
}

.pure-menu-children {
    background-color: #fff;
}

.pure-menu-link,
.pure-menu-disabled,
.pure-menu-heading {
    padding: .5em 1em;
}

.pure-menu-disabled {
    opacity: .5;
}

.pure-menu-disabled .pure-menu-link:hover {
    background-color: transparent;
}

.pure-menu-active > .pure-menu-link,
.pure-menu-link:hover,
.pure-menu-link:focus {
    background-color: #eee;
}

.pure-menu-selected > .pure-menu-link,
.pure-menu-selected > .pure-menu-link:visited {
    color: #000;
}

.pure-table {
    /* Remove spacing between table cells (from Normalize.css) */
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb;
}

.pure-table caption {
    color: #000;
    font: italic 85%/1 arial, sans-serif;
    padding: 1em 0;
    text-align: center;
}

.pure-table td,
.pure-table th {
    border-left: 1px solid #cbcbcb;/*  inner column border */
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible; /*to make ths where the title is really long work*/
    padding: 0.5em 1em; /* cell padding */
}

.pure-table thead {
    background-color: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom;
}

/*
striping:
   even - #fff (white)
   odd  - #f2f2f2 (light gray)
*/
.pure-table td {
    background-color: transparent;
}
.pure-table-odd td {
    background-color: #f2f2f2;
}

/* nth-child selector for modern browsers */
.pure-table-striped tr:nth-child(2n-1) td {
    background-color: #f2f2f2;
}

/* BORDERED TABLES */
.pure-table-bordered td {
    border-bottom: 1px solid #cbcbcb;
}
.pure-table-bordered tbody > tr:last-child > td {
    border-bottom-width: 0;
}


/* HORIZONTAL BORDERED TABLES */

.pure-table-horizontal td,
.pure-table-horizontal th {
    border-width: 0 0 1px 0;
    border-bottom: 1px solid #cbcbcb;
}
.pure-table-horizontal tbody > tr:last-child > td {
    border-bottom-width: 0;
}




.enablebox table {
    border: 1px solid #eee;
    margin-left: 1em
}

.enablebox.mini table {
    float: right
}

.enablebox tr td {
    padding: .5px 1em 1px .5em;
    margin: 0
}

.enablebox {
    font-size: 85%
}

.enablebox tr.enabled td {
    background: #eee
}

.enablebox tr.disabled td {
    background: #ccc
}


.expandable {
    border: solid 1px #bbb;
    width: 100%
}

.expandable .general {
    padding: 1em
}

.expandable .content {
    display: none;
    padding: 1em
}

.expandable .expander {
    cursor: pointer;
    text-align: center;
    padding: .25em;
    display: block;
    color: black;
    background-color: #f4f4f4;
    border-top: solid 1px #bbb
}

.expandable .expander:focus,
.expandable .expander:hover {
    background-color: #555;
    color: white
}

.expandable .expander:after {
    content: "\f078";
    font-family: FontAwesome
}

.expandable.expanded .content {
    display: block;
    border-left: solid .25em #555;
    border-right: solid .25em #555
}

.expandable.expanded .expander {
    border-bottom: none;
    border-top: solid 1px #bbb;
    border-left: solid .25em #555;
    border-right: solid .25em #555
}

.expandable.expanded .expander:after {
    content: "\f077"
}

.hidden {
    display: none
}


@media screen and (max-width: 40em) {
    .pure-form .pure-input-sm-1-1 {
        width: 100%
    }
}

@media screen and (max-width: 40em) {
    .wrap {
        width: 90%
    }
    .pure-form-aligned .pure-controls {
        margin: 0.5em 0 0;
        float: left
    }
    #layout {
        padding-top: 0;
        margin-bottom: -4rem
    }
    .auth_methods {
        width: 60%
    }
    #logo {
        font-size: 1.8em
    }
    #footer {
        height: 2.5rem;
        padding-top: 1.5rem
    }
    #footer .copyrights {
        height: 1rem;
        padding-top: 0
    }
}

@media screen and (max-width: 0em),
screen and (min-width: 40em) {
    .show-for-small-only {
        display: none !important
    }
    .input-sm-placeholder {
        display: inline-block
    }
}

@media screen and (min-width: 40em) {
    .hide-for-large {
        display: none !important
    }
}

@media screen and (max-width: 40em) {
    .show-for-large {
        display: none !important
    }
}

.center {
    padding: auto;
    text-align: center
}


.attributes {
    width: 100%;
    max-width: 100%;
    margin-bottom: 30px;
    background-color: #fff;
    border-collapse: collapse;
}

.attributes td, .attributes th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #e6e6e6;
}

.btn {
    color: #fff;
    background-color: #069;
    border-color: #069;
}