html,
body,
div,
span,
applet,
object,
iframe,
header,
nav,
section,
aside,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    font-size: 1em;
    vertical-align: baseline;
    text-decoration: none;
    border: 0;
    background: 0 0
}
input,
select,
textarea,
button {
    margin: 0;
    padding: 0;
    font-size: 1em;
    vertical-align: baseline
}
button::-moz-focus-inner {
    padding: 0;
    border: 0
}
ol,
ul {
    list-style: none
}
table {
    border-spacing: 0;
    border-collapse: collapse
}
header,
nav,
section,
aside,
footer {
    display: block
}
html {
    font-size: 10px
}
body {
    color: #222;
    font: 1.1rem/1.5 'Lucida Grande', Leelawadee, Tahoma, Verdana, sans-serif;
    background: #fff
}
body>div,
body>form {
    font-size: 1.1rem
}
h3 {
    font-weight: 700
}
p {
    margin-bottom: 1.5rem
}
p.label {
    position: relative;
    margin: 0 0 .2rem
}
a {
    color: #3f69a5;
    border-bottom: 1px solid rgba(63, 105, 165, .15);
    cursor: pointer
}
a:hover,
.inactive a:hover {
    color: #000;
    border-bottom-color: rgba(0, 0, 0, .3)
}
a:active,
a:focus,
.inactive a:active,
.inactive a:focus {
    color: #d42;
    border-bottom-color: rgba(221, 68, 34, .3)
}
ul,
ol {
    margin: 0 0 1.5rem 2.5rem
}
ul.tags {
    margin: -.75rem 0 1.5rem 0;
    padding: 0;
    color: #a2a2a2;
    color: rgba(0, 0, 0, .4);
    list-style: none
}
ul.tags li,
ul.tags li:first-of-type,
ul.tags li:last-of-type {
    display: inline;
    float: none;
    padding: 0 6px 0 0;
    font-size: 90.91%;
    border: none;
    cursor: pointer
}
ul.tags li:hover {
    color: #554
}
ul.tags li.more {
    color: #5072bf;
    border-bottom: .1rem solid rgba(63, 105, 165, .15)
}
ul.tags .more:hover {
    color: #222;
    border-bottom-color: rgba(0, 0, 0, .1)
}
code,
.code {
    font: 100%/1.5 Monaco, Consolas, 'Andale Mono', monospace;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}
pre {
    margin-bottom: 1.5rem;
    color: #474742;
    font: inherit;
    white-space: normal;
    background: #f4f4f4
}
pre code {
    display: block;
    overflow: auto;
    padding: .5rem .7rem;
    white-space: pre;
    border: .1rem solid #d5d6d0
}
i code {
    font-size: 1em;
    font-size-adjust: 0
}
i,
var {
    color: #a9a9a9;
    font-style: normal;
    text-shadow: none
}
fieldset {
    position: relative;
    padding: 1rem 0
}
legend {
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-weight: 700;
    line-height: 1
}
label {
    display: block;
    position: relative;
    margin-bottom: 1.5rem
}
label>i,
p.label>i {
    position: absolute;
    top: 0;
    right: 0
}
label.inline-help>i {
    position: relative
}
.busy,
.busy * {
    cursor: wait
}
.inactive,
.inactive * {
    color: #b4b4b4
}
.inactive a {
    border-bottom-color: rgba(180, 180, 180, .3)
}
.irrelevant {
    display: none!important
}
.selected,
.selected a,
.selected .inactive {
    color: #fff
}
.selected,
.selected a {
    border-bottom-color: rgba(255, 255, 255, .2)
}
.selected a:hover {
    color: #f2f2f2
}
.help {
    clear: both;
    color: gray
}
.centered {
    text-align: center
}
.accessible {
    position: absolute;
    top: auto;
    left: -10000px;
    overflow: hidden;
    width: 1px;
    height: 1px
}
.js-affix-scroll {
    position: fixed!important;
    top: 1rem
}
.columns {
    clear: both;
    margin-left: -1.5rem
}
.columns:after {
    content: '';
    display: block;
    clear: both
}
.columns .column,
.columns>.invalid {
    float: left;
    box-sizing: border-box;
    margin: 0 0 1.5rem;
    padding: 0 0 0 1.5rem
}
.two.columns .column,
.two.columns>.invalid {
    width: 50%
}
.three.columns .column,
.three.columns>.invalid {
    width: 33.33%
}
.four.columns .column,
.four.columns>.invalid {
    width: 25%
}
.columns legend {
    margin: 0 0 0 -1.5rem!important;
    padding: 0 .5rem 0 1.5rem!important
}
.columns legend+* {
    margin-top: 1rem
}
form.columns {
    margin: 0;
    padding: 1rem 1.8rem 0
}
form.columns .column.primary {
    width: 100%;
    padding: 0
}
.two.columns .column.primary {
    width: 65%;
    margin: 0
}
.two.columns .column.secondary {
    width: 35%;
    margin: 0
}
@media screen and (max-width: 700px) {
    .two.columns .column,
    .two.columns>.invalid,
    .two.columns .column.primary,
    .two.columns .column.secondary {
        width: 100%
    }
    .two.columns .column.secondary {
        margin-top: .5rem;
        padding: 1.5rem 0 0 0;
        border-top: .1rem solid rgba(0, 0, 0, .1)
    }
    .two.columns .column.secondary p.label {
        margin-top: 1rem
    }
}
.columns>.invalid {
    border: none;
    border-radius: 0;
    background: 0 0;
    box-shadow: none
}
.columns>.invalid .column {
    float: none;
    width: 100%;
    margin: 0;
    padding: 1rem;
    border: .1rem solid #c31;
    border-bottom: 0;
    border-radius: .4rem .4rem 0 0;
    background-color: #eb6347
}
.columns>.invalid>.column>i {
    top: 1rem;
    right: 1rem
}
.columns>.invalid>.column>.tags {
    margin-bottom: 0
}
.columns>.invalid>p {
    padding: 0 1rem 1rem;
    border: .1rem solid #c31;
    border-top: 0;
    border-radius: 0 0 .4rem .4rem;
    background-color: #eb6347;
    box-shadow: 0 .1rem .2rem rgba(204, 51, 17, .3)
}
.columns .column.justified {
    padding-top: 2.1rem
}
input,
textarea,
select[multiple],
.field-value-readonly {
    box-sizing: border-box;
    width: 100%;
    margin-top: .2rem;
    padding: .2rem .3rem;
    font-family: inherit;
    font-size: 109.09%;
    border: .1rem solid rgba(0, 0, 0, .25)
}
input,
select[multiple] {
    background-color: #fff
}
input {
    height: 2.2rem
}
input[type=file] {
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    background: 0 0
}
input:active,
input:focus,
textarea:active,
textarea:focus,
select[multiple]:active,
select[multiple]:focus {
    border-color: rgba(0, 0, 0, .4);
    outline: none
}
select {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin-top: .2rem;
	height: 2.2rem
}
select[multiple] {
    width: 100%;
    height: 10rem;
    padding: 0;
    font-size: 1.1rem
}
select[size] {
    height: auto;
    max-height: 10rem
}
input[size] {
    width: auto
}
input[type='radio'],
input[type='checkbox'] {
    display: inline;
    width: auto;
    height: auto;
    margin-top: 0;
    margin-right: .5rem;
    padding: inherit;
    font-size: inherit;
    border: none;
    box-shadow: none
}
button,
input,
select,
optgroup {
    font-family: 'Lucida Grande', Leelawadee, Tahoma, Verdana, sans-serif
}
button[disabled] {
    opacity: .5
}
optgroup {
    font-weight: 700;
    font-style: normal
}
a,
select,
textarea,
option,
fieldset {
    outline: 0
}
input[type='reset'],
input[type='button'],
input[type='submit'] {
    width: auto;
    font-size: inherit
}
button::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner,
select::-moz-focus-inner,
input[type='file']>input[type='button']::-moz-focus-inner {
    border: none
}
.field-value-readonly {
    display: block;
    min-height: 2.2rem;
    padding-left: 0;
    border: none;
    opacity: .5
}
.invalid input .invalid select[multiple],
.invalid textarea {
    border-color: #c31
}
.invalid input:active,
.invalid input:focus,
.invalid textarea:active,
.invalid textarea:focus {
    border-color: #9d270d;
    box-shadow: 0 0 .6rem rgba(0, 0, 0, .3)
}
input[type=submit],
button,
.button,
.apply-button-left,
.apply-button-right,
.apply-label-left,
.apply-label-right {
    display: inline-block;
    min-height: 2rem;
    margin-left: 1rem;
    padding: 0 1rem;
    color: rgba(85, 85, 85, .95);
    line-height: 1.85;
    border: .1rem solid rgba(0, 0, 0, .25);
    border-radius: .4rem;
    background-image: -webkit-linear-gradient(top, #fbfbfa 0%, #e3e3df 100%);
    background-image: linear-gradient(to bottom, #fbfbfa 0%, #e3e3df 100%)
}
input[type=submit]:hover,
input[type=submit]:active,
input[type=submit]:focus,
button:hover,
button:active,
button:focus,
.button:hover,
.button:active,
.button:focus {
    color: #3c3c3c;
    border-color: rgba(0, 0, 0, .35);
    background-image: -webkit-linear-gradient(top, #fbfbfa 0%, #e3e3df 50%);
    background-image: linear-gradient(to bottom, #fbfbfa 0%, #e3e3df 50%);
    cursor: pointer
}
input[type=submit].selected,
button.selected,
.button.selected {
    color: rgba(0, 0, 0, .7);
    border-color: rgba(0, 0, 0, .3);
    background: #e3e3df;
    box-shadow: inset 0 0 .15rem rgba(0, 0, 0, .2);
    text-shadow: .1rem .1rem 0 rgba(255, 255, 255, .7);
    cursor: pointer
}
textarea[disabled=disabled],
textarea[disabled=disabled]:hover,
textarea[disabled=disabled]:active,
textarea[disabled=disabled]:focus,
textarea[readonly=readonly],
textarea[readonly=readonly]:hover,
textarea[readonly=readonly]:active,
textarea[readonly=readonly]:focus,
input[type=submit][disabled=disabled]:hover,
input[type=submit][disabled=disabled]:active,
input[type=submit][disabled=disabled]:focus,
input[readonly=readonly],
input[readonly=readonly]:hover,
input[readonly=readonly]:active,
input[readonly=readonly]:focus,
button[disabled=disabled],
button[disabled=disabled]:hover,
button[disabled=disabled]:active,
button[disabled=disabled]:focus {
    opacity: .5;
    cursor: not-allowed
}
button.create,
.button.create {
    color: #fff;
    border-color: #799747;
    background-image: -webkit-linear-gradient(top, #b3d47d 0%, #8b3 100%);
    background-image: linear-gradient(to bottom, #b3d47d 0%, #8b3 100%)
}
button.create:hover,
button.create:active,
button.create:focus,
.button.create:hover,
.button.create:active,
.button.create:focus {
    border-color: #6b863f;
    background-image: -webkit-linear-gradient(top, #b3d47d 0%, #8b3 50%);
    background-image: linear-gradient(to bottom, #b3d47d 0%, #8b3 50%)
}
button.delete:hover,
button.delete:active,
button.delete:focus,
.button.delete:hover,
.button.delete:active,
.button.delete:focus {
    color: rgba(255, 255, 255, .8);
    border-color: #870915;
    background-image: -webkit-linear-gradient(top, #e90a20 0%, #9e0b19 100%);
    background-image: linear-gradient(to bottom, #e90a20 0%, #9e0b19 100%)
}
.submit input {
    margin-top: 1.5rem
}
.apply,
.apply.inactive:hover {
    display: block;
    float: right;
    height: 1.85em;
    min-height: 2rem;
    margin: 0;
    padding: 0;
    border: .1rem solid rgba(0, 0, 0, .25);
    border-radius: .4rem;
    background: #fbfbfa
}
.apply.inactive {
    opacity: .5
}
.apply div {
    float: left;
    overflow: hidden;
    text-align: left;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAwCAYAAADHEYBIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAORJREFUeNpiYIAAHiDuBmJWEOf///9YMRNUcRUQOwJxJgMeAFLsBcRuUH4cEFvhUsyITRBkJS6TiQYgxb5AfAYJW+FTvBmId0H5i4D4GCEbiAo6RlyeoYoHRxUPacWMjIwMQMwKxBZADOYTMtkQiKWAWIuQM+SAWAbKVwNicfrnQRYglgdiYySxo0D8EpfJD4H4CZR/C5dCZADKexYwZ43mwVHF5OZBEC3DCAEETZYEYl4gFiXkDH4g5oPyhaFVxgDkQX5omQEDj4H4Cy6TPwLxJyj/LS6FMJNB4DnU/a/xOQMgwACLFl2Yo1jbdgAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: right -1.4rem
}
.apply:hover div {
    background-position: right .6rem
}
.apply.inactive div {
    background: right -3.4rem
}
.apply select {
    display: inline-block;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 110%!important;
    min-width: 17rem;
    margin: .2rem 0 0 0;
    padding: 0 0 0 .7rem;
    color: #3c3c3c;
    line-height: 1.5;
    border: none;
    border-radius: .5rem;
    -webkit-appearance: none;
    background: 0 0;
    outline: none;
    cursor: pointer
}
.apply.inactive select {
    cursor: default
}
.apply select:hover {
    background-position: right -1.6rem
}
.apply button,
.apply-button-right,
.apply-button-left,
.apply-label-right,
.apply-label-left {
    float: right;
    height: 1.85rem;
    margin: 0;
    line-height: 1.85;
    border: none;
    border-right: none;
    border-left: .1rem solid rgba(0, 0, 0, .15);
    border-radius: 0 .4rem .4rem 0
}
.apply-button-left,
.apply-label-left {
    float: left;
    border-right: .1rem solid rgba(0, 0, 0, .15);
    border-left: none;
    border-radius: .4rem 0 0 .4rem
}
.apply.inactive button,
.apply.inactive button:hover {
    color: rgba(60, 60, 60, .8);
    border-left: .1rem solid rgba(0, 0, 0, .15);
    box-shadow: none;
    cursor: default
}
.apply:hover button {
    border-left: .1rem solid rgba(0, 0, 0, .25)
}
.apply.single {
    border: none
}
.apply.single select {
    display: none
}
.apply.single button {
    height: auto;
    white-space: nowrap;
    border: .1rem solid rgba(0, 0, 0, .25);
    border-bottom-color: rgba(0, 0, 0, .3);
    border-radius: .4rem
}
.apply.single button:before {
    display: none
}
fieldset input[type=submit],
fieldset button,
fieldset .button {
    margin-right: 1rem;
    margin-left: 0
}
table {
    width: 100%;
    margin-top: .8rem;
    border-collapse: collapse
}
table.fixed {
    overflow-wrap: break-word;
    word-wrap: break-word;
    table-layout: fixed
}
th {
    padding-right: 1.9rem;
    color: rgba(0, 0, 0, .6);
    font-weight: 400;
    line-height: 2;
    text-align: left;
    white-space: nowrap
}
td {
    padding: .8rem 1.9rem .8rem 0;
    border: .1rem solid #e6e6e5;
    border-width: .1rem 0;
    background-color: #f5f5f5
}
th:first-child,
td:first-child {
    padding-left: 1.9rem
}
tr:nth-child(even) td {
    background-color: transparent
}
tbody a {
    padding-top: .67rem
}
table input {
    float: right;
    margin-right: 1.9rem
}
th span {
    float: left;
    overflow: hidden;
    max-width: 90%;
    white-space: nowrap;
    text-overflow: ellipsis
}
th a {
    border-bottom: none
}
th a,
th a:hover,
th a:hover:after {
    color: rgba(0, 0, 0, .6)
}
th a:after {
    color: rgba(0, 0, 0, .2)
}
th a:active,
th a.active,
th a.active:after {
    color: gray
}
th a:after,
th a.active:hover:after,
th a.active[href$=asc]:after {
    content: '\2193';
    margin-left: .3rem
}
th a.active:after,
th a[href$=asc]:after,
th a.active[href$=asc]:hover:after {
    content: '\2191'
}
table.busy td {
    border-top: .1rem solid #e6e6e5;
    border-bottom: .1rem solid #e6e6e5;
    background-color: #fff
}
table.busy tr:nth-child(odd) td {
    border-top: .1rem solid #e6e6e5;
    border-bottom: .1rem solid #e6e6e5;
    background-color: #f5f5f4
}
table.busy a {
    color: #5072bf
}
table+fieldset {
    margin-top: 5rem!important
}
td img {
    vertical-align: middle
}
table.selectable input {
    display: none
}
tr.selected td {
    border-top: .1rem solid #4d78b4;
    border-bottom: .1rem solid #7492bc;
    background-color: #668abe
}
tr:nth-child(odd).selected td {
    background: #5c83ba
}
tr.selected td,
tr.selected a,
tr.selecting td,
tr.selecting a {
    color: #fff
}
tr.selected td a:hover {
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, .5)
}
tr.selected td a:focus {
    color: #fff;
    border-bottom-color: #fff
}
tr.selected .inactive,
tr.selected i {
    color: rgba(255, 255, 255, .6)
}
tr.ordering {
    cursor: move
}
tr.ordering td,
tr:nth-child(odd).ordering td {
    border-top: .1rem solid #2d466a;
    border-bottom: .1rem solid #3c5e8e;
    background-color: #4870a9;
    text-shadow: .1rem .1rem rgba(0, 0, 0, .2)
}
tr.ordering td,
tr.ordering a {
    color: #fff
}
tr[class*=status-] {
    border-left-width: .8rem;
    border-left-style: solid
}
tr.status-notice {
    border-left-color: #f9ba4b
}
tr.status-ok {
    border-left-color: #90c648
}
tr.status-error {
    border-left-color: #c4301e
}
tr[class*=status-].selected {
    border-left-color: #4967a1
}
tr[class*=status-] td:first-of-type {
    padding-left: 1.5rem
}
tr[class*=status-] a:first-of-type::after {
    content: attr(data-status);
    color: transparent;
    border-bottom: 1px solid #f5f5f5
}
tr[class*=status-]:nth-child(even) a:first-of-type::after,
tr[class*=status-]:nth-child(even):hover a:first-of-type::after {
    border-bottom-color: #fff
}
tr[class*=status-]:hover a:first-of-type::after {
    color: #b4b4b4
}
.frame {
    position: relative;
    box-sizing: border-box;
    margin: 0 0 4.5rem;
    padding: 0;
    list-style: none;
    border: .1rem solid #c5c5c5;
    border-radius: .4rem;
    background: #f5f5f5
}
.frame h1 {
    margin: -1.1rem -1.1rem 1.5rem;
    padding: 1.8rem 1.1rem;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
    border-radius: .4rem .4rem 0 0;
    background: #282828
}
.frame.empty {
    height: 3rem;
    border: .1rem dashed #b8b8b8
}
.frame::after {
    content: '';
    display: block;
    clear: both
}
.frame ol,
.frame ul {
    margin: 0;
    padding: 0
}
.frame .tags {
    margin-top: -1rem;
    margin-bottom: 1.5rem
}
.frame-header {
    position: relative;
    padding: .8rem 1rem .7rem;
    color: #3d3d3d;
    border-top: .1rem solid #d0d0d0;
    border-bottom: .1rem solid #dcdcdc
}
.frame:not(.collapsible) .frame-header {
    box-shadow: 0 .1rem .4rem #e5e5e5
}
.frame .collapsed .frame-header {
    border-bottom: .1rem solid #f5f5f5
}
.frame-header h4 {
    display: inline;
    font-weight: 700
}
.frame-header span {
    margin: 0 0 0 1rem;
    color: #a1a1a1;
    font-weight: 400
}
.main::before,
.sidebar::before {
    content: '';
    display: block;
    float: left;
    width: .1rem;
    height: 1rem;
    margin: .3rem .7rem 0 0;
    border-right: .3rem solid #dcdcdc;
    border-left: .6rem solid #b8b8b8
}
.sidebar::before {
    border-right: .3rem solid #b8b8b8;
    border-left: .6rem solid #dcdcdc
}
.highlight .main::before {
    border-right: .3rem solid #b9b9b9;
    border-left: .6rem solid #747474
}
.highlight .sidebar::before {
    border-right: .3rem solid #747474;
    border-left: .6rem solid #b9b9b9
}
.frame .content {
    box-sizing: border-box;
    padding: 1rem
}
.frame .instance:last-of-type .content {
    border-radius: 0 0 .4rem .4rem
}
.frame .content::after {
    content: '';
    display: block;
    clear: both
}
.frame .content fieldset {
    border-top-color: #d0d0d0
}
.frame.dark .content {
    color: #fff;
    background: #323230
}
.frame.dark legend {
    background: 0 0
}
.frame.dark i,
.frame.dark ul.tags {
    color: #6f6f6e
}
.frame.dark fieldset {
    border-top-color: #464644
}
span.frame,
fieldset.frame,
.frame.inline {
    display: block;
    margin-bottom: 1.5rem;
    padding: 1rem
}
#login .frame {
    overflow: visible;
    width: 28rem;
    margin: 10rem auto;
    padding: 1rem 1rem 1.5rem;
    text-align: left
}
#login fieldset {
    padding: 0
}
#login legend {
    display: none
}
#login .action-link {
    float: left;
    margin-top: .3rem
}
#login button {
    float: right
}
.frame .destructor,
.frame .debug {
    position: absolute;
    top: .8rem;
    right: 1rem;
    margin: 0;
    color: #aeaeae;
    font-weight: 400;
    border-bottom: none
}
.frame .destructor:hover,
.frame .debug:hover,
.frame .constructor:hover {
    color: #494949
}
.frame .disabled {
    color: #adadad;
    opacity: .4;
    cursor: not-allowed
}
.frame .apply {
    position: absolute;
    right: 0;
    bottom: -3.5rem;
    clear: left;
    margin: 1rem 0 0;
    text-align: right;
    border-color: rgba(0, 0, 0, .25);
    cursor: default
}
.frame .apply:hover {
    border-color: rgba(0, 0, 0, .4)
}
.frame .actions {
    height: 2rem;
    margin: 0 0 .7rem
}
.frame .actions input {
    margin-top: 0
}
.frame .actions button {
    float: right
}
.orderable .frame-header,
.collapsible.orderable .ordering * {
    cursor: move
}
.frame .selected,
.frame .ordering {
    position: relative;
    background-color: #668abe
}
.frame .selected::before,
.frame .selected::after,
.frame .ordering::before,
.frame .ordering::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -.1rem;
    width: .1rem;
    height: 100%;
    background: #4d78b4;
    z-index: 1000
}
.frame .selected::after,
.frame .ordering::after {
    left: auto;
    right: 0
}
.frame .ordering+.instance .frame-header {
    border-top: .1rem solid #4d78b4
}
.ordering .frame-header {
    color: #fff;
    border-top: .1rem solid #4d78b4;
    border-bottom-color: #7093c3;
    background: #5c83ba;
    -webkit-transition: none;
    transition: none;
    cursor: move
}
.frame:not(.collapsible) .ordering .frame-header {
    box-shadow: 0 .1rem .4rem #7093c3
}
.frame .ordering .frame-header span,
.frame .ordering .frame-header .destructor,
.frame .ordering .content i,
.frame .ordering ul.tags {
    color: #bdcbdd
}
.frame .ordering .content,
.frame .ordering .content legend {
    color: #fff;
    background: #668abe
}
.frame.dark .ordering .content,
.frame.dark .ordering .content legend {
    color: #fff;
    background: #4d78b4
}
.frame .ordering .content input,
.frame .ordering .content textarea {
    border-color: #4b76b1
}
.frame .ordering .content fieldset {
    border-top-color: #7093c3
}
.frame .ordering .main::before {
    border-right: .3rem solid #7c9bc7;
    border-left: .6rem solid #cedaea
}
.frame .ordering .sidebar::before {
    border-right: .3rem solid #cedaea;
    border-left: .6rem solid #7c9bc7
}
.frame .highlight {
    background: #e8e8e8
}
.collapsible .instance {
    overflow: visible
}
.collapsible .instance.collapsed {
    overflow: hidden
}
.collapsible .instance,
.collapsible input,
.collapsible textarea,
.collapsible select,
.collapsible option {
    -webkit-font-smoothing: subpixel-antialiased!important
}
.collapsible .frame-header {
    cursor: pointer
}
.collapsible .content {
    background: #e8e8e8
}
.collapsible legend {
    padding-right: .5rem;
    background: #e8e8e8
}
.frame .js-animate {
    overflow: hidden;
    -webkit-transition: max-height .25s linear;
    transition: max-height .25s linear
}
.collapsed.js-animate,
.destructed.js-animate {
    -webkit-transition: max-height .25s ease-out;
    transition: max-height .25s ease-out
}
.collapsible .js-animate {
    overflow: hidden
}
.collapsible .js-animate .content {
    -webkit-transition: padding .25s ease-in;
    transition: padding .25s ease-in
}
.collapsed.js-animate .frame-header {
    border-bottom-color: rgba(0, 0, 0, 0);
    -webkit-transition: border-color .25s ease-in;
    transition: border-color .25s ease-in
}
.collapsed .content {
    padding-top: 0
}
.duplicator ol {
    margin-top: -.1rem;
    border-radius: .4rem
}
.frame .template {
    display: none
}
.invalid {
    display: block;
    box-sizing: border-box;
    margin: 0 0 1.5rem;
    padding: 1rem;
    color: #fff;
    border: .1rem solid #c31;
    border-radius: .4rem;
    background: #eb6347
}
.invalid p {
    clear: both;
    margin: 0
}
.invalid p,
.invalid a {
    color: rgba(255, 255, 255, .7)
}
.invalid a:hover {
    color: #fff
}
.invalid label {
    margin-bottom: 1rem
}
.invalid i {
    color: rgba(255, 255, 255, .5)
}
.conflict.collapsed .frame-header {
    background: #fff9a2
}
.conflict.ordering .frame-header {
    background: 0 0
}
.conflict.collapsed .frame-header span,
.conflict.collapsed .destructor {
    color: #bd7053
}
.conflict.collapsed .frame-header::before {
    border-right: .3rem solid #e7a973;
    border-left: .6rem solid #bd7053
}
.conflict.collapsed .frame-header.sidebar::before {
    border-right: .3rem solid #bd7053;
    border-left: .6rem solid #e7a973
}
#error {
    padding: 10rem 5rem
}
#error .frame {
    display: block;
    overflow: hidden;
    min-width: 50rem;
    max-width: 80rem;
    margin: 0 auto
}
#error .frame::after {
    content: '';
    display: block;
    clear: both
}
#error h1 {
    margin: 0
}
#error .frame h1 em {
    color: rgba(255, 255, 255, .5);
    font-family: inherit;
    font-style: normal
}
#error p {
    margin: 0;
    padding: 1rem
}
#error .frame pre {
    font: 100%/1.5 Monaco, Consolas, 'Andale Mono', monospace
}
#error .frame pre,
#error .frame ul ul {
    overflow: auto;
    padding: 1rem 0;
    background: #fefefe
}
#error .content ul {
    margin: 0 -1rem
}
#error .frame ul ul li {
    padding: 0 1rem;
    line-height: 1.8;
    white-space: nowrap;
    border-top: .1rem solid rgba(0, 0, 0, .05)
}
#error .frame ul ul li.full {
    white-space: normal
}
#error .frame ul ul:first-of-type li:first-of-type {
    border-top: none
}
#error .frame .error {
    color: #bd7053;
    background-color: #fff9a2
}
#error .frame .error b {
    display: inline-block;
    margin: -.2rem 0 -.1rem;
    padding: .2rem 0 .1rem;
    color: #fff;
    line-height: 1.8;
    background: rgba(167, 31, 45, .7)
}
#error .frame code a {
    margin: 0
}
#error .frame strong,
#error .frame em {
    color: rgba(0, 0, 0, .5);
    font: 100%/1.5 Monaco, Consolas, 'Andale Mono', monospace;
    font-style: normal
}
#error .frame .content {
    padding-bottom: 0;
    background: #fefefe
}
#error .frame .content:last-of-type ul {
    border-radius: 0 0 .4rem .4rem
}
#error .frame .actions {
    padding: 1rem
}
ul.tabs {
    position: relative;
    top: .1rem;
    clear: both;
    height: 2.3rem;
    margin: 0;
    padding: 0;
    list-style-type: none;
    z-index: 10
}
ul.tabs li {
    display: block;
    position: relative;
    float: left;
    box-sizing: border-box;
    height: 2.4rem;
    margin: 0 .3rem 0 0;
    padding: .4rem 1rem 0;
    color: rgba(0, 0, 0, .5);
    list-style-type: none;
    border: .1rem solid rgba(0, 0, 0, .1);
    border-bottom-color: #d5d5d0;
    border-radius: .4rem .4rem 0 0;
    background: #fafafa;
    cursor: pointer;
    cursor: pointer
}
ul.tabs li:hover {
    color: rgba(0, 0, 0, .65);
    border: .1rem solid rgba(0, 0, 0, .2);
    border-bottom-color: #c4c4c4;
    background: #f5f5f5
}
ul.tabs .selected,
ul.tabs .invalid.selected,
ul.tabs .invalid.selected:hover {
    color: rgba(0, 0, 0, .8);
    border: .1rem solid rgba(0, 0, 0, .2);
    border-bottom-color: #fff;
    background: #fff;
    text-shadow: none;
    z-index: 1000
}
ul.tabs .selected:before {
    content: '';
    display: block;
    position: absolute;
    left: -.4rem;
    bottom: -.1rem;
    width: .3rem;
    height: .3rem;
    border: none;
    border-right: .1rem solid #ccc;
    border-bottom: .1rem solid #ccc;
    border-radius: 0 0 .2rem 0
}
ul.tabs .selected:after {
    content: '';
    display: block;
    position: absolute;
    right: -.4rem;
    bottom: -.1rem;
    width: .3rem;
    height: .3rem;
    border: none;
    border-bottom: .1rem solid #ccc;
    border-left: .1rem solid #ccc;
    border-radius: 0 0 0 .2rem
}
ul.tabs a.destructor,
ul.tabs .selected.invalid a.destructor {
    margin: 0 -.4rem 0 0;
    padding: 0 0 0 .5rem;
    color: rgba(0, 0, 0, .15);
    line-height: 1;
    border-bottom: none;
    text-shadow: .1rem .1rem #fff
}
ul.tabs:hover a.destructor,
ul.tabs .selected.invalid:hover a.destructor {
    color: rgba(0, 0, 0, .2)
}
ul.tabs a.destructor:hover,
ul.tabs .selected a.destructor:hover {
    color: rgba(0, 0, 0, .5)
}
ul.tabs .invalid {
    color: rgba(255, 255, 255, .7);
    border-color: #b21;
    background: #d42;
    box-shadow: none;
    text-shadow: .1rem .1rem .1rem rgba(187, 34, 17, 1)
}
ul.tabs .invalid:hover {
    color: rgba(255, 255, 255, .9)
}
ul.tabs .invalid a.destructor {
    color: #fb9;
    text-shadow: none
}
#context ul.tabs {
    margin: 2rem 0 0 -1.1rem
}
div.drawer.horizontal {
    position: relative
}
div.drawer.horizontal .contents {
    margin-top: 1.7rem;
    padding: 2rem 0;
    border-top: .1rem solid rgba(0, 0, 0, .05)
}
div.drawer.horizontal .contents:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden
}
div.drawer.vertical-left,
div.drawer.vertical-right {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    width: 30rem;
    background: #f4f4f4
}
div.drawer.vertical-left {
    left: 0;
    border-right: .1rem solid rgba(0, 0, 0, .05)
}
div.drawer.vertical-right {
    right: 0;
    border-left: .1rem solid rgba(0, 0, 0, .05)
}
div.drawer.vertical-left .contents,
div.drawer.vertical-right .contents {
    padding: 2rem
}
#drawer-section-associations .contents {
    padding: .5rem 2rem
}
.association {
    min-height: 3rem;
    margin-top: 2rem;
    color: #666
}
.association+.association {
    margin-top: 1.5rem
}
.empty+.empty {
    margin-top: 0
}
.association:last-of-type {
    padding-bottom: 1rem
}
.association a {
    color: #666
}
.association a:hover {
    color: #323232
}
.association:first-of-type header {
    padding-top: .6rem
}
.association header {
    padding-top: 1rem
}
.association header p {
    margin: 0;
    padding: 0
}
.association header i a {
    color: #a9a9a9;
    border-bottom: none
}
.association header i {
    float: right;
    margin-left: .3rem
}
.association .association-section {
    color: #323232
}
.association-links {
    width: 26rem;
    margin: 0;
    padding: 1rem 0 0
}
.association-links li {
    display: block;
    box-sizing: border-box;
    line-height: 2;
    white-space: nowrap
}
.association-links a,
.association-links a:hover {
    display: inline-block;
    overflow: hidden;
    width: 26rem;
    line-height: 3rem;
    text-overflow: ellipsis;
    border-color: #e8e8e8
}
.association-links li a::before {
    content: '\2192 ';
    margin-right: .3rem
}
.association-links.parent li a::before {
    content: '\2190 ';
    margin-right: .3rem
}
.association-more a {
    color: #a9a9a9
}
.association-more a::before {
    content: '\00B7\00B7\00B7'!important
}
.association-new {
    float: right;
    margin-top: -1.9rem
}
.notifier {
    overflow: hidden;
    border-bottom: .1rem solid #575757;
    background: #383838
}
.notifier nav {
    display: block;
    position: absolute;
    top: 0;
    right: 1.8rem;
    padding: .4rem 0;
    cursor: pointer
}
.notifier nav:before {
    content: '\2193';
    padding-right: .3rem;
    opacity: .2
}
.notifier .notice:last-child nav:before {
    content: '\2191'
}
.notifier nav:hover:before {
    opacity: .5
}
.notice {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: .4rem 9rem .3rem 1.8rem;
    color: #9b9b9b;
    border-bottom: .1rem solid #575757;
    background: #383838
}
.notice a {
    margin: 0 .3rem;
    color: #bdc3c3;
    border-bottom: .1rem solid rgba(189, 195, 195, .2)
}
.notice a:hover,
.notice a:active,
.notice a:focus {
    color: #e4ece4;
    border-color: #9b9b9b
}
.notice.success {
    color: #6d7841;
    border-color: #90c349;
    background-color: #bfdc96;
    -webkit-transition: color .5s ease-out, border-color .5s ease-out, background-color .5s ease-out;
    transition: color .5s ease-out, border-color .5s ease-out, background-color .5s ease-out
}
.notice.success a {
    color: #4e5b39;
    border-color: #a1bf7e;
    -webkit-transition: color .5s ease-out, border-color .5s ease-out;
    transition: color .5s ease-out, border-color .5s ease-out
}
.notice.success.dimmed {
    color: #9b9b9b;
    border-color: #575757;
    background-color: #383838
}
.notice.success.dimmed a {
    color: #bdc3c3;
    border-color: #7c7c7c
}
.notice.success a:hover {
    color: #333c25;
    border-color: #4e5b39
}
.notice.success.dimmed a:hover {
    color: #dbdede;
    border-color: #bdc3c3
}
.notice.error {
    color: #bd7053;
    border-color: #e7a973;
    background-color: #fff9a2
}
.notice.error a {
    color: #b02d3c;
    border-bottom: .1rem solid #eed08a
}
.notice.error a:hover {
    color: #87232e;
    border-bottom: .1rem solid #b02d3c
}
.frame.suggests,
.suggests {
    overflow: visible
}
.suggestions {
    position: absolute;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    max-height: 0;
    margin: .3rem 0 0 0!important;
    border: .1rem solid #b3b3b3;
    border-right-color: #a6a6a6;
    border-bottom-color: #999;
    border-left-color: #a6a6a6;
    border-radius: .4rem;
    background: #fff;
    box-shadow: 0 1rem 1.5rem rgba(0, 0, 0, .35);
    -webkit-transition: opacity 0 ease-in .15s, max-height 0 ease-in .25s;
    transition: opacity 0s ease-in .15s, max-height 0s ease-in .25s;
    opacity: 0;
    z-index: -1
}
@media screen and (min-width: 700px) {
    .column .suggestions {
        width: calc(100% - 1.5rem)
    }
}
input:focus~.suggestions:not(:empty),
textarea:focus~.suggestions:not(:empty) {
    max-height: 35rem;
    -webkit-transition: opacity 0 ease-in .15s, max-height 0 ease-in 0;
    transition: opacity 0s ease-in .15s, max-height 0s ease-in 0s;
    opacity: 1;
    overflow: auto;
    z-index: 10000
}
input:focus~.suggestions[data-search-types='date'] {
    overflow: visible;
    z-index: 10000;
    max-width: 36rem
}
.suggestions li:not(.calendar) {
    box-sizing: border-box;
    padding: .5rem .8rem;
    border-bottom: .1rem solid rgba(0, 0, 0, .1)
}
.suggestions .calendar+li {
    border-top: .1rem solid rgba(0, 0, 0, .1)
}
.suggestions li:last-of-type {
    border-bottom: none
}
.suggestions .active {
    color: #fff;
    background-color: #668abe;
    cursor: pointer
}
.suggestions .help {
    display: none
}
.suggestions .help.active {
    display: block;
    color: #999;
    border-bottom: none;
    background-color: #f5f5f5;
    cursor: default;
    border-radius: 0 0 .4rem .4rem
}
.field-date[data-interactive] .suggestions {
    -webkit-transition: none;
    transition: none
}
.field-date[data-interactive] .suggestions li {
    padding: 0;
    border-bottom: 0
}
.calendar {
    position: relative;
    margin-top: .2rem;
    padding-bottom: .5rem;
    border: .1rem solid #c5c5c5;
    border-radius: .4rem .4rem 0 0;
    background-color: #f5f5f5;
    box-shadow: 0 .2rem .15rem rgba(0, 0, 0, .15)
}
.calendar.hidden {
    display: none
}
.suggestions .calendar {
    margin-top: 0;
    padding-bottom: 0;
    border: none;
    border-bottom: .5rem solid #fff;
    border-radius: .4rem;
    background-image: -webkit-linear-gradient(top, transparent 0, transparent 3.3rem, #ececec 3.3rem, #ececec 3.4rem, #f9f9f9 3.4rem, #f9f9f9 3.5rem, #fcfcfc 3.5rem, #fcfcfc 6.8rem, #e2e2e2 6.8rem, #e2e2e2 6.9rem, #f6f6f6 6.9rem, #f6f6f6 7rem, #fff 7rem);
    background-image: linear-gradient(to bottom, transparent 0, transparent 3.3rem, #ececec 3.3rem, #ececec 3.4rem, #f9f9f9 3.4rem, #f9f9f9 3.5rem, #fcfcfc 3.5rem, #fcfcfc 6.8rem, #e2e2e2 6.8rem, #e2e2e2 6.9rem, #f6f6f6 6.9rem, #f6f6f6 7rem, #fff 7rem);
    box-shadow: none
}
.calendar nav {
    display: block;
    position: relative;
    box-sizing: border-box;
    height: 3.3rem;
    margin: 0
}
.calendar .clndr-previous-button,
.calendar .clndr-next-button {
    position: absolute;
    top: .2rem;
    left: .4rem;
    width: 3rem;
    height: 3rem;
    text-indent: -1000em;
    border: none;
    background: url(../img/symphony.calendar.svg) 0 -3rem no-repeat;
    background-size: 3rem 9rem;
    opacity: .3
}
.calendar .clndr-next-button {
    left: auto;
    right: .4rem;
    background-position: 0 -6rem
}
.calendar .clndr-previous-button:hover,
.calendar .clndr-next-button:hover {
    opacity: 1
}
.calendar .switch {
    position: absolute;
    top: .8rem;
    left: 50%;
    float: left;
    overflow: hidden;
    width: 18rem;
    height: 2rem;
    margin: 0 0 0 -9rem;
    border: none;
    border-radius: .4rem;
    background: 0 0;
    cursor: pointer
}
.calendar .select {
    top: calc(-2.2rem * 6 + .3rem);
    overflow: visible;
    height: auto;
    border: .1rem solid #b3b3b3;
    border-right-color: #a6a6a6;
    border-bottom-color: #999;
    border-left-color: #a6a6a6;
    border-radius: .4rem;
    background: #fcfcfc;
    box-shadow: 0 1rem 1.5rem rgba(0, 0, 0, .35);
    z-index: 12000
}
.calendar .months,
.calendar .years {
    display: block;
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 8rem;
    margin: calc(-2.2rem * 6 - .5rem)0 0;
    padding: .25rem .25rem .25rem .15rem;
    font-size: 1.2rem;
    border: none;
    border-radius: .4rem
}
.calendar .months {
    width: 10rem;
    padding: .25rem .15rem .25rem .25rem;
    text-align: right;
    border-right: .1rem solid transparent
}
.calendar .months::before,
.calendar .years::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 3rem;
    height: 3rem;
    margin-top: -1.5rem;
    background: url(../img/symphony.calendar.svg) 0 0 no-repeat;
    opacity: .3
}
.calendar .years::before {
    left: auto;
    right: 0
}
.calendar .switch:hover .months::before,
.calendar .switch:hover .years::before {
    opacity: 1
}
.calendar .select .months::before,
.calendar .select .years::before {
    display: none
}
.calendar .months li,
.calendar .years li,
.calendar .months li:hover,
.calendar .years li:hover {
    position: relative;
    box-sizing: border-box;
    height: 2.2rem;
    padding: 0 .4rem;
    color: inherit;
    line-height: 2.2rem;
    border: none;
    border-radius: .2rem 0 0 .2rem;
    background: 0 0;
    box-shadow: none;
    cursor: pointer;
    z-index: 3000
}
.calendar .years li {
    border-radius: 0 .2rem .2rem 0
}
.calendar .select .months,
.calendar .select .years {
    overflow: hidden;
    margin: 0;
    background: #fcfcfc
}
.calendar .select .months {
    border-color: rgba(0, 0, 0, .1)
}
.calendar .select ul:hover li:nth-child(7) {
    color: #000;
    background: #fff
}
.calendar .select ul li:nth-child(7) {
    color: #fff;
    background: #668abe
}
.calendar .select ul li:hover {
    color: #fff!important;
    background: #668abe!important
}
.calendar table {
    margin: 0;
    border-top: .1rem solid rgba(0, 0, 0, .075);
    border-collapse: separate;
    background-color: #f5f5f5
}
.suggestions .calendar table {
    max-width: 60rem;
    margin: 0 auto;
    border-color: transparent;
    background-color: transparent
}
.calendar thead td {
    color: #333331;
    text-transform: uppercase;
    border-bottom: .1rem solid rgba(0, 0, 0, .1);
    background-color: #fcfcfc
}
.suggestions .calendar thead td {
    border-color: transparent;
    background-color: transparent
}
.calendar tr,
.calendar td {
    height: 3.3rem;
    padding: 0;
    border: none;
    background-color: inherit
}
.calendar tr:first-of-type td {
    border-top: .1rem solid rgba(0, 0, 0, .025)
}
.suggestions .calendar tr:first-of-type td {
    border-top: none
}
.calendar tbody tr:first-of-type td {
    padding-top: .5rem
}
.calendar td {
    width: 14.2857142857%;
    text-align: center;
    vertical-align: middle
}
.calendar .day {
    display: inline-block;
    box-sizing: boder-box;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.3rem;
    border: .1rem solid transparent;
    border-radius: 50%;
    cursor: pointer
}
.calendar .day:hover {
    border-color: #c5c5c5;
    box-shadow: 0 0 .5rem rgba(0, 0, 0, .1)
}
.calendar .today,
.calendar .today:hover {
    border-color: #c5c5c5;
    background: #fff
}
.calendar .last-month,
.calendar .next-month {
    color: rgba(0, 0, 0, .2)
}
.calendar .active,
.calendar .active:hover {
    color: #fff;
    border-width: .2rem;
    border-color: #fff;
    background: #668abe;
    box-shadow: 0 0 .5rem rgba(0, 0, 0, .1)
}
.calendar:not(.hidden)+input,
.calendar:not(.hidden)+input:focus {
    height: 3.3rem;
    margin-top: 0;
    padding: .6rem 1rem;
    border-top: none;
    border-radius: 0 0 .4rem .4rem
}
.show-timezone label::after {
    content: attr(data-timezone);
    display: block;
    position: absolute;
    right: .1rem;
    bottom: .1rem;
    height: 2rem;
    margin: 0;
    padding: 0 .5rem 0 1rem;
    color: #a9a9a9;
    line-height: 2rem;
    background-color: #fff
}
.show-timezone[data-interactive] label::after {
    margin-bottom: .5rem;
    padding-right: 1rem
}
.drawer-filtering .contents {
    padding-top: 0!important;
    border: none!important
}
.drawer-filtering .frame {
    min-height: 6.2rem;
    margin-bottom: 2rem;
    border: none;
    border-top: .1rem solid #e7e7e7
}
.drawer-filtering .frame.empty ol {
    height: 3.3rem;
    border-bottom: .1rem solid #e7e7e7
}
.drawer-filtering .frame.empty ol::before {
    content: attr(data-empty);
    display: block;
    color: #b4b4b4;
    font-size: 1.1rem;
    line-height: 3.3rem
}
.drawer-filtering .instance {
    min-height: 6rem;
    border-bottom: .1rem solid #e7e7e7
}
.drawer-filtering .frame-header {
    padding: .8rem 0 .3rem;
    border: none;
    box-shadow: none!important
}
.drawer-filtering .destructor {
    right: 0
}
.drawer-filtering .content {
    padding: 0
}
.drawer-filtering .clear-filters {
    position: absolute;
    bottom: 0;
    left: -1rem;
    cursor: pointer
}
.drawer-filtering .apply-filters {
    float: right;
    margin-top: 1rem;
    cursor: pointer
}
.drawer-filtering .apply {
    position: relative;
    right: auto;
    bottom: auto;
    float: right;
    clear: none
}
@media screen and (max-width: 700px) {
    .drawer-filtering .columns {
        margin-left: 0
    }
    .drawer-filtering .primary,
    .drawer-filtering .secondary {
        float: none;
        clear: both;
        width: 100%;
        margin: 0;
        padding: 0 0 .7rem;
        border-top: none
    }
}
#wrapper {
    position: relative;
    background: #fff
}
#header {
    position: relative;
    margin: 0 0 0;
    color: #fff;
    border-bottom: 1px solid #e6e6e6;
    z-index: 9000
}
#header h1 {
    position: relative;
    padding: 1.8rem;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1;
    background: #282828;
    text-shadow: -.1rem .2rem .3rem #111;
    z-index: 10
}
#header h1 a,
#session a {
    color: #e6e6e6;
    color: rgba(255, 255, 255, .85);
    border: none
}
#header h1 a:hover,
#header h1 a:focus,
#session a:hover,
#session a:focus {
    color: rgba(255, 255, 255, .99)
}
#header h1 a:focus,
#session a:focus {
    border-bottom: .1rem solid #fff
}
#session {
    position: relative;
    float: right;
    margin: -3.1rem 0 0;
    padding: 0 .9rem;
    z-index: 11
}
#session li {
    display: inline;
    padding: 0 .9rem
}
#nav {
    display: block;
    float: left;
    box-sizing: border-box;
    width: 100%;
    min-height: 3.1rem;
    margin: 0;
    padding: 0 .8rem 0;
    font-size: 12px;
    list-style: none;
    border-bottom: .1rem solid #e0e0e0;
    background-image: -webkit-linear-gradient(top, #efefed 0, #efefed .6rem, #d7d7d2 2.5rem, #d7d7d2 3rem, #bbbbb7 3rem);
    background-image: linear-gradient(to bottom, #efefed 0, #efefed .6rem, #d7d7d2 2.5rem, #d7d7d2 3rem, #bbbbb7 3rem);
    background-size: 100% 3.1rem;
    z-index: 3
}
#nav ul {
    float: left;
    margin: 0;
    padding: 0
}
#nav.wide ul.structure {
    float: right
}
#nav>ul>li {
    display: block;
    position: relative;
    float: left;
    height: 3.1rem;
    padding: 0 1rem;
    color: #555;
    line-height: 3.1rem;
    white-space: nowrap;
    border-right: .1rem solid transparent;
    border-left: .1rem solid transparent;
    text-shadow: 0 .1rem 0 rgba(255, 255, 255, .3);
    cursor: default;
    z-index: 11000
}
#nav>ul>li.active {
    height: 3.1rem;
    color: #fff;
    background-color: #4d78b4;
    background-image: -webkit-linear-gradient(top, #6f92c2 0%, #6f92c2 35%, #4d78b4 65%, #4d78b4 100%);
    background-image: linear-gradient(to bottom, #6f92c2 0%, #6f92c2 35%, #4d78b4 65%, #4d78b4 100%);
    text-shadow: .1rem .1rem 0 rgba(0, 0, 0, .2);
    z-index: 2
}
#nav>ul>li:hover,
#nav>ul>li.active:hover {
    height: 3.1rem;
    color: #555;
    background: #fff;
    text-shadow: none;
    z-index: 12000
}
#nav>ul>li:hover:after {
    content: '';
    position: absolute;
    left: -.1rem;
    bottom: 0;
    width: 100%;
    max-width: 11.8rem;
    height: .3re, ;
    padding: 0 .1rem;
    background: #fff
}
#nav li ul {
    display: none;
    position: absolute;
    top: 3.1rem;
    left: -.2rem;
    min-width: 12rem;
    margin: 0;
    padding: 0;
    list-style: none;
    border: .1rem solid rgba(187, 187, 187, .5);
    border-top: none;
    border-bottom-right-radius: .4rem;
    border-bottom-left-radius: .4rem;
    background: #fff;
    box-shadow: 0 .4rem .5rem rgba(0, 0, 0, .03), 0 7px 15px -5px rgba(0, 0, 0, .15);
    text-shadow: none
}
#nav.wide ul.structure li ul {
    left: auto;
    right: -.2rem
}
#nav li:hover ul {
    display: block
}
#nav ul a {
    display: block;
    padding: 0 .9rem;
    color: #555;
    font-weight: 400;
    -webkit-font-smoothing: subpixel-antialiased!important;
    border: .1rem solid transparent;
    cursor: pointer
}
#nav ul a:hover {
    color: #fff;
    border: .1rem solid #fff;
    background: #888;
    text-shadow: .1rem .1rem 0 #807d79
}
#nav ul ul li:last-child a {
    border-bottom-right-radius: .3rem;
    border-bottom-left-radius: .3rem
}
#context {
    position: relative;
    clear: both;
    min-height: 3.8rem;
    margin: 0;
    padding: 2.5rem 1.8rem 0;
    color: #000;
    background-color: #f4f4f4
}
#context:after {
    content: ' ';
    display: block;
    clear: both;
    visibility: hidden
}
#context h2 {
    float: left;
    padding: 0;
    font-size: 127.28%;
    font-weight: 400;
    line-height: 1.35;
    border-bottom: 0
}
#context .actions {
    position: absolute;
    top: 2.1rem;
    right: 1.8rem;
    margin: 0;
    padding: 0
}
#context .actions li {
    float: right
}
#breadcrumbs nav,
#breadcrumbs p {
    float: left;
    margin: 0;
    padding: 0
}
#breadcrumbs:after {
    content: ' ';
    display: block;
    clear: both;
    font-size: 0;
    visibility: hidden
}
#breadcrumbs a,
#breadcrumbs span {
    float: left;
    padding: 0;
    color: #2e2e2e;
    font: 127.28%/1.35 'Lucida Grande', Leelawadee, Tahoma, Verdana, sans-serif;
    text-shadow: 0 0 .1rem #fff
}
#breadcrumbs a {
    border-bottom: .1rem solid rgba(0, 0, 0, .05)
}
#breadcrumbs a:hover,
#breadcrumbs a:focus {
    color: #2e2e2e;
    color: rgba(0, 0, 0, .8);
    border-bottom-color: #a9a9a9
}
#breadcrumbs span {
    padding: 0 .4rem
}
#breadcrumbs .inactive span {
    color: #b4b4b4
}
#contents {
    position: relative;
    clear: both;
    min-height: 100%;
    padding: 0 0 5rem;
    border-top: .1rem solid rgba(191, 191, 183, .65);
    background: #fff;
    box-shadow: 0 -.2rem .3rem rgba(0, 0, 0, .05)
}
#contents h2 {
    padding: 2rem 1.8rem 1.7rem
}
#contents h2 span {
    float: left
}
#contents h2:after {
    content: '';
    display: block;
    clear: both;
    height: 0
}
#contents h2 .button {
    margin-top: -.3rem;
    margin-bottom: -.2rem
}
fieldset.settings {
    position: relative;
    margin: 0 1.8rem 1rem;
    padding: 1rem 0 1rem 27.5rem;
    border-top: .1rem solid rgba(0, 0, 0, .1)
}
fieldset.settings>legend {
    position: absolute;
    line-height: 1.5;
    text-indent: -27.5rem
}
fieldset.settings select {
    width: 100%
}
fieldset.settings p.help {
    margin: -.5rem 0 1.5rem
}
fieldset.settings input+p.help,
fieldset.settings select+p.help {
    margin-top: 1rem
}
fieldset.settings li .label {
    margin: 1rem 0 1.25rem
}
fieldset.settings:first-of-type {
    margin-top: .5rem;
    border-top: none
}
fieldset.settings>legend+.help {
    position: absolute;
    width: 22rem;
    margin: 1.75rem 0 0 -27.5rem
}
fieldset.settings>legend+.help p {
    margin: 0 0 1.5rem
}
fieldset.settings>*:first-child {
    margin-top: 0
}
fieldset.settings fieldset {
    margin-top: .5rem;
    padding-bottom: 0;
    border-top: .1rem solid #ddc
}
fieldset.settings fieldset legend {
    display: inline;
    margin: 0;
    padding: 0;
    color: #665;
    font-weight: 400;
    line-height: 1.5;
    text-indent: 0;
    background: #fff
}
fieldset.settings.highlight {
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-right: 1.8rem;
    padding-bottom: 2rem;
    padding-left: 29.3rem;
    border-bottom: .1rem solid rgba(0, 0, 0, .1);
    background: #fff9a2;
    -webkit-transition: background .25s ease-in;
    transition: background .25s ease-in
}
.single #contents fieldset.highlight+.actions {
    border-top: 0
}
@media screen and (max-width: 700px) {
    fieldset.settings {
        padding-left: 0
    }
    fieldset.settings.highlight {
        padding-left: 1.8rem
    }
    fieldset.settings:first-of-type {
        margin: 1.5rem 1.8rem 1rem;
        border-top: .1rem solid rgba(0, 0, 0, .1)
    }
    fieldset.settings>legend {
        position: relative;
        padding: 0 1rem 0 0;
        text-indent: 0
    }
    fieldset.settings>legend+.help {
        position: relative;
        width: auto;
        margin: 0 0 1.5rem
    }
}
.js-active .settings.condensed:not(.pickable) {
    margin-bottom: .5rem
}
.js-active .settings.condensed:not(.pickable) label {
    margin-bottom: 0
}
.js-active .settings.pickable.condensed {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}
.js-active .settings.pickable.condensed {
    padding-top: 0;
    border-top: 0
}
.js-active .settings.pickable.condensed legend {
    display: none
}
#password {
    margin: 0 0 0 -1.5rem;
    padding: 0;
    border: none
}
#password legend {
    margin: 0!important;
    padding: 0 0 0 1.5rem;
    color: #222;
    line-height: 1.5;
    text-shadow: none
}
#password i {
    position: absolute;
    top: -1rem;
    right: 0
}
div.password {
    position: absolute;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 0 0 0 27.5rem;
    z-index: 1000
}
@media screen and (max-width: 700px) {
    div.password {
        padding: 0
    }
}
.page-index h2,
.index h2 {
    border: none
}
.page-index form,
.index form {
    margin: 0;
    padding: 0
}
.page-index .actions,
.index .actions {
    height: 3.8rem;
    padding: 3rem 1.8rem 0;
    text-align: right
}
.page-index .actions+ul.page,
.index .actions+ul.page {
    margin-top: -5.8rem
}
ul.page {
    height: 3.6rem;
    margin: -6.1rem 0 0;
    padding: 2.3rem 5rem 0 1.9rem;
    color: #9e9e9e;
    cursor: default
}
ul.page li {
    display: inline;
    margin-right: .75rem
}
ul.page a {
    margin: 0 -.67rem;
    padding: .67rem;
    border-bottom: none
}
ul.page form {
    display: inline-block;
    box-sizing: border-box;
    min-height: 2rem;
    padding: 0;
    border: .1rem solid transparent;
    border-radius: .4rem
}
ul.page:hover form {
    border-color: #dedede
}
ul.page form:hover,
ul.page form.active {
    border-color: rgba(0, 0, 0, .4);
    box-shadow: 0 0 .7rem rgba(0, 0, 0, .1)
}
ul.page form.invalid {
    border-color: rgba(0, 0, 0, .4);
    background-color: #fff9a2;
    box-shadow: 0 0 .7rem rgba(0, 0, 0, .1)
}
ul.page form.invalid input {
    background-color: #fff9a2
}
ul.page input {
    height: 20px;
    margin: 0;
    padding: 0;
    color: #666;
    font-size: 1rem;
    line-height: 1;
    text-align: center!important;
    border: none;
    border-radius: .4rem;
    box-shadow: none;
    outline: none
}
ul.page form:hover input {
    color: #9e9e9e
}
ul.page form.active input,
ul.page input:focus {
    color: #000
}
ul.page form span {
    visibility: hidden
}
#blueprints-datasources table td.pages {
    width: 30%
}
.field {
    box-sizing: border-box;
    min-height: 4.7rem;
    margin-bottom: 1.5rem
}
div.field-checkbox {
    min-height: 1.6rem
}
div.field-checkbox:first-child {
    margin-top: 2rem
}
div.field-checkbox+.field:not(.field-checkbox) {
    margin-top: 2.6rem
}
.file input {
    margin: -.3rem 0;
    font: inherit;
    color: #222
}
.file span.frame {
    margin-top: .1rem;
    text-align: left
}
.file span.frame span {
    float: left;
    overflow: hidden;
    max-width: 50%
}
.file a {
    word-wrap: break-word;
    overflow-wrap: break-word
}
.file a,
.file a:hover {
    color: #3f69a5
}
.file em {
    float: right;
    color: #998;
    font-style: normal;
    border-bottom: .1rem solid rgba(153, 153, 136, .3);
    cursor: pointer
}
.file em:hover {
    color: #d42;
    border-bottom-color: rgba(221, 68, 34, .3)
}
.page-single #contents .actions,
.single #contents .actions {
    clear: both;
    margin: 0 1.8rem;
    padding: 1.75rem 0 0;
    border-top: .1rem solid rgba(0, 0, 0, .1)
}
.page-single #contents .columns .actions,
.single #contents .columns .actions {
    margin: 0
}
.page-single #contents .actions input,
.single #contents .actions input {
    float: right;
    margin-left: 1rem
}
.page-single #contents .actions button,
.single #contents .actions button {
    float: left;
    margin-left: 0
}
#utilities>li {
    min-height: 3rem;
    padding: 0 1rem;
    line-height: 3rem
}
#utilities>li:nth-child(2n) {
    background: #fff
}
#utilities>li.selected {
    background: #668abe
}
#version {
    float: left;
    margin: 3.3rem 0 0 1.9rem;
    color: #9e9e9e
}
.actions #version {
    margin: .5rem 0 0
}
#fields p.help.toggle a {
    color: gray;
    font-weight: 400
}
.js-animate {
    pointer-events: none
}


.fields {
	margin: 100px 150px 100px 80px;
}

.noNewLine
{
	display:table-cell;
	width: 100%;
	margin-bottom: 0px;
	padding-bottom: 0px;
}