[onclick], .a {
    cursor: pointer
}
body {
    height: 100%;
    overflow-x: hidden;
    width: 100%;
    z-index: -9
}
body, div, form, iframe, input, select, table, textarea {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}
img, video {
    border-radius: 5px;
    max-height: 100%;
    max-width: 100%
}
.grid {
    margin: 0 -5px 0 -5px
}
.grid:after {
    clear: both;
    content: '';
    display: block
}
.grid>div {
    padding: 0 5px 0 5px;
    float: left
}

@media (max-width:1280px) {
.grid {
    /* display: block */
}
.grid>div {
   /* flex: 0; */
   /* float: none; */
   /* width: 100%!important */
}
.c4 {
    width: 50%!important
}
}
.g10 {
    width: 10%
}
.g15 {
    width: 15%
}
.g20 {
    width: 20%
}
.g25 {
    width: 25%
}
.g30 {
    width: 30%
}
.g33 {
    width: 33.33333333333333%
}
.g35 {
    width: 35%
}
.g40 {
    width: 40%
}
.g50 {
    width: 50%
}
.g60 {
    width: 60%
}
.g65 {
    width: 65%
}
.g66 {
    width: 66.66666666666666%
}
.g70 {
    width: 70%
}
.g75 {
    width: 75%
}
.g80 {
    width: 80%
}
.g85 {
    width: 85%
}
.g90 {
    width: 90%
}
.c1 {
    width: 100%
}
.c2 {
    width: 50%
}
.c3 {
    width: 33.33333333333333%
}
.c4 {
    width: 25%
}
.c5 {
    width: 20%
}
.c6 {
    width: 16.66666666666667%
}
.ac {
    text-align: center
}
.al {
    text-align: left
}
.ar {
    text-align: right
}

@media (max-width:1280px) {
.ar {
    text-align: initial!important
}
}
.fl {
    float: left
}
.fr {
    float: right
}
.fbg {
    background: #f4f4f4;
    z-index: 99
}
.cb {
    clear: both
}
.cl {
    clear: left
}
.cr {
    clear: right
}
.fwb {
    left: 50%;
    margin-left: -50vw;
    position: relative;
    width: 100vw!important
}
#info {
    background: #eaf5ff;
    border-bottom: 1px solid #bfd5ea
}
#info p {
    color: #356ba0
}
#info p:not(:last-child) {
    border-bottom: 1px solid #bfd5ea
}
#notices {
    background: #eaffed;
    border-bottom: 1px solid #bfeac2
}
#notices p {
    color: #35a03b
}
#notices p:not(:last-child) {
    border-bottom: 1px solid #bfeac2
}
#warnings {
    background: #fff8ea;
    border-bottom: 1px solid #eadcbf
}
#warnings p {
    color: #a07d35
}
#warnings p:not(:last-child) {
    border-bottom: 1px solid #eadcbf
}
#errors {
    background: #ffeaea;
    border-bottom: 1px solid #eabfbf
}
#errors p {
    color: #a03535
}
#errors p:not(:last-child) {
    border-bottom: 1px solid #eabfbf
}
.req-field input:not([type='submit']), .req-field select, .req-field textarea {
    border-left: 1px solid #eabfbf
}
.req input:not([type='submit']), .req select, .req textarea {
    background: #ffeaea;
    border-left: 1px solid #eabfbf;
    color: #a03535
}
.req .err {
    color: #a03535;
    font-size: 9pt;
    text-transform: uppercase
}
.req .chk {
    display: inline!important
}
td.active {
    background: #bfeac2;
    color: #35a03b
}
td.inactive {
    background: #eabfbf;
    color: #a03535
}
.clr0 {
    color: inherit
}
.clr1 {
    color: #356ba0!important
}
.clr2 {
    color: #a03535!important
}
.clr3 {
    color: #a07d35!important
}
.clr4 {
    color: #35a03b!important
}
.clr5 {
    color: #808080!important
}
.iframe iframe {
    border: 0;
    height: 100%;
    width: 100%
}
.disabled {
    color: #aaa
}
.html {
    color: #a07d35
}
.html-sep {
    color: #a03535
}
.html-tag {
    color: #356ba0
}
.inactive {
    color: #a03535
}
.unpublish a {
    background: #fff8ea!important;
    color: #a07d35!important
}
.unpublish:hover a {
    background: #a07d35!important;
    color: #fff8ea!important
}
.delete a, .update a {
    background: #ffeaea!important;
    color: #a03535!important
}
.delete:hover a, .update:hover a {
    background: #a03535!important;
    color: #ffeaea!important
}
.lockfixed {
    opacity: .9;
    position: sticky;
    top: 0;
    z-index: 999
}
.vr.scroll {
    max-height: 360px;
    overflow-y: auto
}
.navicon {
    cursor: pointer;
    font-size: 10pt!important
}
#bdy-panel {
    bottom: 5px;
    display: none;
    min-width: 180px;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 5px;
    width: 25%;
    z-index: 99999
}
#bdy-panel .grid {
    width: 100%
}
#bdy-panel .vr>ul {
    max-height: 75vh;
    overflow-x: auto
}

@media (max-width:1280px) {
#bdy-panel {
    width: 50%!important
}
}

@media (max-width:640px) {
#bdy-panel {
    width: 75%!important
}
}
.no-results {
    color: #a07d35
}
.null {
    color: #aaa;
    font: italic 10pt "Courier New", Courier, monospace;
    text-transform: none
}
pre, .pre {
    clear: both;
    font: 10pt "Courier New", Courier, monospace;
    text-transform: none;
    white-space: pre
}
.pre {
    max-height: 360px;
    max-width: 1270px;
    overflow: auto
}

@media (max-width:1920px) {
pre {
    max-height: 720px;
    max-width: 1910px;
    overflow: auto
}
}

@media (max-width:1280px) {
pre {
    max-height: 360px;
    max-width: 1270px;
    overflow: auto
}
}
.bdy-descr {
    color: gray
}
.bdy-pct {
    background: #a03535;
    height: 1px
}
.bdy-pct-bg {
    background: #eabfbf;
    height: 1px;
    margin: 5px 0 0 0
}
.bdy-subnav {
    float: right;
    margin: -11px -5px 0 0;
    opacity: 0;
    transition: visibility 0s, opacity 0.2s linear;
    visibility: hidden
}
p:hover .bdy-subnav, tr:hover .bdy-subnav {
    opacity: .9;
    transition: all 0.2s linear;
    visibility: visible
}
.cfgCode {
    color: transparent;
    font: normal 10pt "Courier New", Courier, monospace;
    margin-right: 10px;
    visibility: hidden
}
tr:hover .cfgCode {
    color: gray;
    transition: all 0.2s linear;
    visibility: visible
}
.tag {
    color: #356ba0;
    font: normal 10pt "Courier New", Courier, monospace
}
.wrap {
    white-space: normal
}
div.wrap {
    clear: both;
    font: 10pt "Courier New", Courier, monospace;
    max-height: 360px;
    max-width: 1270px;
    overflow: auto;
    text-transform: none
}

@media (max-width:1280px) {
.pagination li, .pagi_compact li {
    float: left!important
}
.pagination .p, .pagination .showing {
    display: none
}
}
.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}
.stars li a:before, .stars li span:before {
    content: "\2605\0020";
    font: 11pt "Courier New", Courier, monospace
}
#dbg {
    background: #eaf5ff;
    padding-bottom: 40px;
    z-index: 9
}
#dbg h1 {
    cursor: pointer
}
#dbg h1, #dbg pre {
    border-bottom: 1px solid #bfd5ea;
    color: #356ba0
}
.captcha-basic, .captcha-check, .captcha-questions {
    color: #a03535;
    display: block
}
.captcha-basic {
    color: #a03535;
    display: block;
    font: 13pt "Courier New", Courier, monospace
}
.recaptcha {
    min-height: 88px;
    padding: 5px
}
.yogi {
    display: none;
    opacity: 0
}
.map {
    height: 360px;
    width: 100%
}
.map h1, .map p {
    line-height: normal;
    min-height: 0;
    padding: 5px
}
.map iframe {
    border: 0;
    height: 358px;
    width: 100%
}
.map img {
    max-height: none;
    max-width: none;
    width: 100%
}
.linedtextarea {
    margin: 0;
    padding: 0
}
.linedtextarea textarea {
    border: 0;
    padding-top: .3em;
    width: calc(100% + 60px)!important
}
.linedtextarea textarea, .linedwrap .codelines .lineno {
    font: 10pt "Courier New", Courier, monospace;
    line-height: normal!important
}
.linedwrap .lines {
    border-right: 1px solid #d5d5d5;
    float: left;
    margin-left: -60px;
    margin-right: 10px;
    margin-top: 0;
    overflow: hidden;
    width: 50px
}
.linedwrap .codelines {
    padding-top: 5px
}
.linedwrap .codelines .lineno {
    padding-right: .5em;
    padding-top: 0em;
    text-align: right;
    white-space: nowrap
}
.linedwrap .codelines .lineselect {
    color: red
}