:root {
    --font-main: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu,Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial,sans-serif;
    
    --header-color: white;
    --header-bgr: #222;
    --c-bgr: #222;
    --c-btn: white;
    --c-bgr-light: #DDD; 
    --c-btn-bgr: #222;
    --c-btn-bgr-border: #777;
    --c-btn-bgr-hover: #333;
    --f-color: #444;
    --f-color-dark: #222;
    --link-color-hover: #666;
    --link-color: #212121;

    --c-bar: #222;
    --c-bar-bgr: #ccc;
    --c-bar-bgr-closed: #ccc;
    --c-bar-bgr-hover: #c3c3c3;
}

.grp-change-form {
    --primary: #a9c8d5;
    --primary-fg: #000;
    --secondary: var(--f-color);
    --button-bg: var(--c-btn-bgr);
    --button-hover-bg: var(--c-btn-bgr-hover);
    --selected-bg: #ececec;
    --darkened-bg: #f5f5f5;
    --body-fg: #333;
    --link-fg: var(--f-color);
    --border-color: #AAA;
}

/*SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace*/
/*BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu,Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial,sans-serif;*/

/*@font-face {
  font-family: "Soehne Mono";
  src: url("soehne-mono-web-halbfett_fe9d3c6e.woff2") format("woff2");
  font-weight: bold;
}
@font-face {
  font-family: "Soehne Mono";
  src: url("soehne-mono-web-buch_5bd67545.woff2") format("woff2");
  font-weight: normal;
}*/


html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: rgba(0, 0, 0, 0)
}

body {
    line-height: 1
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: rgba(0, 0, 0, 0)
}


ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

/*#container {
    margin-left: 60px;
    position: relative;
}

body.grp-login .grp-module-login h1 {
    padding: 0 !important;
}

body.grp-login .grp-module-login h1 .grp-admin-title {
    display: none;
}*/

.l-2cr-fluid {
    display: flex !important;
    flex-direction: row-reverse;
}

body .l-2cr-fluid .c-2 {
    margin-right: auto !important;
}

.action-checkbox-column {
    text-align: left;
}

.grp-login #container,
.grp-popup #container {
    margin-left: 0;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input,
select {
    vertical-align: middle
}

.grp-font-family,
body,
.ui-autocomplete,
#ui-timepicker,
.ui-datepicker,
a.grp-button,
button.grp-button,
input[type=button].grp-button,
input[type=submit],
.grp-button {
    font-family: var(--font-main)
}

.grp-font-color,
body {
    color: var(--f-color)
}

.grp-font-color-quiet {
    color: #888
}

.grp-font-color-error {
    color: #bf3030
}

.grp-border-radius {
    border-radius: 3px
}

.grp-border-radius-s {
    border-radius: 2px
}

.grp-form-field-border-radius {
    border-radius: 3px
}

.grp-form-button-border-radius {
    border-radius: 5px
}

.grp-margin-xl {
    margin: 30px !important
}

.grp-margin-l {
    margin: 20px !important
}

.grp-margin-m {
    margin: 15px !important
}

.grp-margin {
    margin: 10px !important
}

.grp-margin-s {
    margin: 5px !important
}

.grp-margin-xs {
    margin: 2px !important
}

.grp-margin-top-xl {
    margin-top: 30px !important
}

.grp-margin-top-l {
    margin-top: 20px !important
}

.grp-margin-top-m {
    margin-top: 15px !important
}

.grp-margin-top {
    margin-top: 10px !important
}

.grp-margin-top-s {
    margin-top: 5px !important
}

.grp-margin-top-xs {
    margin-top: 2px !important
}

.grp-margin-bottom-xl {
    margin-bottom: 30px !important
}

.grp-margin-bottom-l {
    margin-bottom: 20px !important
}

.grp-margin-bottom-m {
    margin-bottom: 15px !important
}

.grp-margin-bottom {
    margin-bottom: 10px !important
}

.grp-margin-bottom-s {
    margin-bottom: 5px !important
}

.grp-margin-bottom-xs {
    margin-bottom: 2px !important
}

.grp-margin-left-xl {
    margin-left: 30px !important
}

.grp-margin-left-l {
    margin-left: 20px !important
}

.grp-margin-left-m {
    margin-left: 15px !important
}

.grp-margin-left {
    margin-left: 10px !important
}

.grp-margin-left-s {
    margin-left: 5px !important
}

.grp-margin-left-xs {
    margin-left: 2px !important
}

.grp-margin-right-xl {
    margin-right: 30px !important
}

.grp-margin-right-l {
    margin-right: 20px !important
}

.grp-margin-right-m {
    margin-right: 15px !important
}

.grp-margin-right {
    margin-right: 10px !important
}

.grp-margin-right-s {
    margin-right: 5px !important
}

.grp-margin-right-xs {
    margin-right: 2px !important
}

.grp-margin-vertical-xl {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.grp-margin-vertical-l {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.grp-margin-vertical-m {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.grp-margin-vertical {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.grp-margin-vertical-s {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.grp-margin-vertical-xs {
    margin-top: 2px !important;
    margin-bottom: 2px !important
}

.grp-margin-horizontal-xl {
    margin-left: 30px !important;
    margin-right: 30px !important
}

.grp-margin-horizontal-l {
    margin-left: 20px !important;
    margin-right: 20px !important
}

.grp-margin-horizontal-m {
    margin-left: 15px !important;
    margin-right: 15px !important
}

.grp-margin-horizontal {
    margin-left: 10px !important;
    margin-right: 10px !important
}

.grp-margin-horizontal-s {
    margin-left: 5px !important;
    margin-right: 5px !important
}

.grp-margin-horizontal-xs {
    margin-left: 2px !important;
    margin-right: 2px !important
}

.grp-no-margin {
    margin: 0 !important
}

.grp-no-margin-top {
    margin-top: 0 !important
}

.grp-no-margin-right {
    margin-right: 0 !important
}

.grp-no-margin-bottom {
    margin-bottom: 0 !important
}

.grp-no-margin-left {
    margin-left: 0 !important
}

.grp-padding-xl {
    padding: 30px !important
}

.grp-padding-l {
    padding: 20px !important
}

.grp-padding-m {
    padding: 15px !important
}

.grp-padding {
    padding: 10px !important
}

.grp-padding-s {
    padding: 5px !important
}

.grp-padding-xs {
    padding: 2px !important
}

.grp-padding-top-xl {
    padding-top: 30px !important
}

.grp-padding-top-l {
    padding-top: 20px !important
}

.grp-padding-top-m {
    padding-top: 15px !important
}

.grp-padding-top {
    padding-top: 10px !important
}

.grp-padding-top-s {
    padding-top: 5px !important
}

.grp-padding-top-xs {
    padding-top: 2px !important
}

.grp-padding-bottom-xl {
    padding-bottom: 30px !important
}

.grp-padding-bottom-l {
    padding-bottom: 20px !important
}

.grp-padding-bottom-m {
    padding-bottom: 15px !important
}

.grp-padding-bottom {
    padding-bottom: 10px !important
}

.grp-padding-bottom-s {
    padding-bottom: 5px !important
}

.grp-padding-bottom-xs {
    padding-bottom: 2px !important
}

.grp-padding-left-xl {
    padding-left: 30px !important
}

.grp-padding-left-l {
    padding-left: 20px !important
}

.grp-padding-left-m {
    padding-left: 15px !important
}

.grp-padding-left {
    padding-left: 10px !important
}

.grp-padding-left-s {
    padding-left: 5px !important
}

.grp-padding-left-xs {
    padding-left: 2px !important
}

.grp-padding-right-xl {
    padding-right: 30px !important
}

.grp-padding-right-l {
    padding-right: 20px !important
}

.grp-padding-right-m {
    padding-right: 15px !important
}

.grp-padding-right {
    padding-right: 10px !important
}

.grp-padding-right-s {
    padding-right: 5px !important
}

.grp-padding-right-xs {
    padding-right: 2px !important
}

.grp-padding-vertical-xl {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.grp-padding-vertical-l {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.grp-padding-vertical-m {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.grp-padding-vertical {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.grp-padding-vertical-s {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.grp-padding-vertical-xs {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.grp-padding-horizontal-xl {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.grp-padding-horizontal-l {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.grp-padding-horizontal-m {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.grp-padding-horizontal {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.grp-padding-horizontal-s {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.grp-padding-horizontal-xs {
    padding-left: 2px !important;
    padding-right: 2px !important
}

.grp-no-padding {
    padding: 0 !important
}

.grp-no-padding-top {
    padding-top: 0 !important
}

.grp-no-padding-right {
    padding-right: 0 !important
}

.grp-no-padding-bottom {
    padding-bottom: 0 !important
}

.grp-no-padding-left {
    padding-left: 0 !important
}

.grp-font-size-xl,
h1,
.h1 {
    font-size: 20px
}

.grp-font-size-l,
h2 {
    font-size: 13px
}

.grp-font-size-m,
h3 {
    font-size: 12px
}

.grp-font-size,
body,
a.grp-button,
button.grp-button,
input[type=button].grp-button,
input[type=submit],
.grp-button,
h4 {
    font-size: 13px
}

.grp-font-size-s,
.grp-actions {
    font-size: 11px
}

.grp-font-size-xs {
    font-size: 10px
}

.grp-line-height-xl,
h1,
.h1 {
    line-height: 24px
}

.grp-line-height-l,
h2 {
    line-height: 18px
}

.grp-line-height-m,
h3 {
    line-height: 16px
}

.grp-line-height,
body,
a.grp-button,
button.grp-button,
input[type=button].grp-button,
input[type=submit],
.grp-button,
.grp-actions,
h4 {
    line-height: 16px
}

.grp-line-height-s {
    line-height: 14px
}

.grp-line-height-xs {
    line-height: 13px
}

a {
    text-decoration: none;
    color: var(--link-color);
    cursor: pointer;
}

a:hover {
    color: var(--link-color-hover)
}

a.grp-back-link {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -3px;
    background-repeat: no-repeat
}

a.grp-back-link:hover {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -3px;
    background-repeat: no-repeat
}

a.grp-back-link.grp-icon-text {
    padding-left: 24px;
    width: auto
}

a.grp-link-external {
    padding-left: 18px;
    color: #62bbd9;
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -5788px;
    background-repeat: no-repeat
}

a.grp-link-external:hover {
    color: var(--f-color);
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -5571px;
    background-repeat: no-repeat
}

a.grp-link-internal {
    padding-left: 18px;
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -7090px;
    background-repeat: no-repeat
}

a.grp-link-internal:hover {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -6873px;
    background-repeat: no-repeat
}

h1,
.h1 {
    padding: 20px 0 10px;
    font-weight: bold
}

h2 {
    font-weight: bold
}

h3 {
    font-weight: bold
}

h4 {
    font-weight: bold
}

h1 span,
h2 span,
h3 span,
h4 span {
    display: inline-block;
    margin-left: 10px;
    font-weight: normal
}

em {
    font-style: italic
}

strong {
    font-weight: bold
}

.grp-float-left {
    float: left !important
}

.grp-float-right {
    float: right !important
}

.grp-transparent {
    border: 0 !important;
    background-color: rgba(0, 0, 0, 0) !important
}

body.grp-doc article#grp-content section.grp-doc-section {
    margin-top: 40px;
    border-top: 5px solid #d94800
}

body.grp-doc article#grp-content section.grp-doc-section:first-child {
    margin-top: 0
}

body.grp-doc span.anchor-helper {
    position: relative;
    top: -80px
}

body.grp-doc .grp-doc-code-source {
    padding-top: 15px;
    border-top: 1px dashed #c30
}

body.grp-doc .grp-doc-description {
    margin-bottom: 20px
}

body.grp-doc .grp-doc-description h1 {
    margin-top: 30px;
    padding-top: 40px;
    border-top: 3px solid #c30
}

body.grp-doc .grp-doc-description h2 {
    font-size: 16px;
    line-height: 16px;
    margin: 40px 0 10px
}

body.grp-doc .grp-doc-description h3 {
    font-size: 16px;
    line-height: 24px;
    margin: 20px 0 10px
}

body.grp-doc .grp-doc-description p,
body.grp-doc .grp-doc-description ul,
body.grp-doc .grp-doc-description ol {
    margin: 10px 0;
    font-size: 14px;
    line-height: 24px
}

body.grp-doc .grp-doc-description ul {
    list-style-type: disc
}

body.grp-doc .grp-doc-description ul li {
    margin-left: 20px
}

body.grp-doc .grp-doc-description small {
    font-size: 11px
}

body.grp-doc .grp-doc-class,
body.grp-doc .grp-doc-id,
body.grp-doc .grp-doc-dom,
body.grp-doc .grp-doc-file,
body.grp-doc .grp-doc-django {
    display: inline-block;
    margin: -2px 0;
    padding: 0 5px;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    border: 1px solid #d9d9c3;
    border-radius: 2px;
    background: #f2f2e6
}

body.grp-doc .grp-doc-dom span:before {
    content: "<"
}

body.grp-doc .grp-doc-dom span:after {
    content: ">"
}

body.grp-doc code {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0 10px 20px;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    font-size: 11px;
    border: 1px solid #d9d9c3;
    background: #f2f2e6;
    border-radius: 3px;
    box-sizing: border-box
}

body.grp-doc pre {
    margin: 10px 0;
    padding: 0
}

body.grp-doc pre code {
    display: block;
    margin: 0;
    padding: 0 20px 15px
}

p.grp-help {
    max-width: 758px;
    padding: 5px 0 0;
    color: #9a9a9a;
    font-size: 11px !important;
    line-height: 13px;
    white-space: normal !important
}

p.grp-help:first-child {
    margin-top: 5px
}

.errorlist+p.grp-help {
    padding-top: 2px
}

.grp-cells p.grp-help,
.grp-td p.grp-help {
    max-width: 278px
}

.grp-row p.grp-help:first-child,
.grp-td p.grp-help:first-child {
    margin: -2px 0 8px
}

.grp-row p.grp-help {
    margin-bottom: -2px
}

.grp-related-widget-wrapper+p.grp-help {
    position: relative;
    clear: left;
    margin-top: 5px
}

img.grp-help-tooltip {
    opacity: .5
}

.grp-table img.grp-help-tooltip {
    position: absolute;
    right: 18px;
    top: 3px
}

.grp-description {
    font-size: 11px
}

.grp-row img {
    font-size: 1px;
    line-height: 1px;
    vertical-align: middle
}

.fb_show+p.grp-help a {
    display: inline-block;
    padding: 3px;
    font-size: 0;
    line-height: 0
}

.fb_show+p.grp-help a img {
    margin: 0;
    font-size: 0;
    line-height: 0
}

p.file-upload {
    margin: 6px 0 3px;
    font-size: 11px;
    line-height: 14px
}

p.file-upload span.clearable-file-input {
    display: block;
    margin: 5px 0 -12px
}

p.file-upload span.clearable-file-input input {
    margin: 1px 0 0
}

p.file-upload span.clearable-file-input label {
    margin: 0 0 0 5px
}

tr p.file-upload {
    margin: 1px 0 -2px;
    line-height: 13px
}

p.preview {
    margin: 5px 0 0
}

tr p.preview {
    margin: 9px 0 -5px
}

p.preview a {
    display: inline-block;
    padding: 3px;
    font-size: 0;
    line-height: 0;
    border: 1px solid black;
    border-radius: 2px
}

p.preview a:hover {
    border: 1px solid #444
}

.grp-rte {
    font-size: 13px;
    line-height: 18px
}

.grp-rte h4 {
    margin: 5px 0
}

.grp-rte p,
.grp-rte ul,
.grp-rte ol,
.grp-rte blockquote,
.grp-rte dl,
.grp-rte dt,
.grp-rte dd {
    margin: 10px 0
}

.grp-rte p:only-child,
.grp-rte ul:only-child,
.grp-rte ol:only-child,
.grp-rte blockquote:only-child,
.grp-rte dl:only-child,
.grp-rte dt:only-child,
.grp-rte dd:only-child {
    margin: 5px 0
}

.grp-rte ul {
    margin-left: 30px
}

.grp-rte ul li {
    margin-left: 20px;
    list-style-type: disc;
    list-style-position: outside
}

.grp-rte ul li ul {
    margin-top: -5px !important
}

.grp-rte ul li ul li {
    list-style-type: circle
}

.grp-docutils .grp-module h4 {
    padding: 0;
    font-size: 13px;
    border: 0;
    background: none
}

.grp-docutils .grp-module h4 p {
    margin: 0
}

.grp-docutils table p {
    margin: 0 !important
}

.grp-docutils code,
.grp-docutils pre {
    font-size: 11px;
    font-family: "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace
}

.grp-docutils pre.literal-block {
    margin: 10px;
    padding: 6px 8px;
    background: #fff
}

.grp-docutils .grp-group h2+.grp-row>p {
    padding: 3px 10px 0
}

span.grp-anchor {
    position: relative;
    float: left;
    clear: both;
    top: -80px
}

.grp-nowrap {
    white-space: nowrap
}

p.datetime {
    white-space: nowrap !important
}

p.datetime br {
    display: none
}

p.datetime input.vTimeField {
    margin-left: 6px
}

a.add-another img,
a.related-lookup img {
    opacity: 0
}

a.related-lookup img {
    display: none
}

.deletelink {
    padding-left: 12px;
    background: rgba(0, 0, 0, 0)
}

fieldset.grp-module .grp-row label {
    margin: 6px 0 6px;
    display: inline-block;
    font-family: var(--font-main);
    font-size: 13px;
    line-height: 13px;
    color: var(--f-color)
}

fieldset.grp-module .grp-row label.required {
    font-weight: bold
}

input[type=text],
input[type=password],
input[type=url],
input[type=email],
input[type=number],
input[type=submit],
input[type=reset],
textarea,
select {
    margin: 0;
    padding: 2px 5px;
    height: 25px;
    font-family: var(--font-main);
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fdfdfd;
    box-sizing: border-box;
    overflow: hidden;
    vertical-align: middle
}

input[type=text]:focus,
input[type=text].grp-state-focus,
input[type=password]:focus,
input[type=password].grp-state-focus,
input[type=url]:focus,
input[type=url].grp-state-focus,
input[type=email]:focus,
input[type=email].grp-state-focus,
input[type=number]:focus,
input[type=number].grp-state-focus,
input[type=submit]:focus,
input[type=submit].grp-state-focus,
input[type=reset]:focus,
input[type=reset].grp-state-focus,
textarea:focus,
textarea.grp-state-focus,
select:focus,
select.grp-state-focus {
    border: 1px solid #aaa;
    box-shadow: 0 0 6px #ccc;
    background: #fff;
    outline: 0
}

.grp-errors input[type=text],
.grp-errors input[type=password],
.grp-errors input[type=url],
.grp-errors input[type=email],
.grp-errors input[type=number],
.grp-errors input[type=submit],
.grp-errors input[type=reset],
.grp-errors textarea,
.grp-errors select {
    border-color: #bf3030
}

input[readonly],
input[disabled],
textarea[readonly],
select[disabled] {
    border: 1px solid #ccc !important;
    border-style: dotted !important;
    background: rgba(0, 0, 0, 0) !important
}

input[readonly]:focus,
input[disabled]:focus,
textarea[readonly]:focus,
select[disabled]:focus {
    box-shadow: none
}

div.grp-readonly {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 4px 5px 3px !important;
    min-width: 106px;
    max-width: 746px;
    min-height: 16px;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    color: #555;
    border: 1px dotted #ccc;
    border-radius: 3px
}

div.grp-readonly * {
    white-space: normal !important
}

div.grp-readonly pre {
    white-space: pre !important
}

div.grp-readonly+div.grp-readonly {
    margin-left: 20px
}

div.grp-readonly:empty {
    margin-bottom: -5px !important
}

.grp-errors label {
    color: #bf3030 !important
}

.grp-errors .radiolist.inline label,
.grp-errors ul.checkboxlist.inline label {
    color: var(--f-color) !important
}

.grp-errors input[type=text],
.grp-errors input[type=password],
.grp-errors input[type=url],
.grp-errors input[type=email],
.grp-errors input[type=number],
.grp-errors input[type=submit],
.grp-errors input[type=reset],
.grp-errors textarea,
.grp-errors select {
    border-color: #bf3030 !important
}

.grp-errors .selector input,
.grp-errors .selector select,
.grp-errors .selector textarea {
    border: 1px solid #ccc !important
}

.grp-errors ul.errorlist {
    padding: 5px 0 0;
    color: #bf3030;
    font-size: 11px !important;
    line-height: 14px
}

select {
    padding: 4px 3px 4px 2px;
    min-width: 118px
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

    select,
    select:focus {
        padding: 4px 28px 4px 5px;
        -webkit-appearance: none;
        background-image: url("../images/icons/form-select.png");
        background-position: 100% 50%;
        background-repeat: no-repeat
    }
}

select[multiple] {
    padding-right: 5px;
    height: 160px;
    overflow: auto
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    select[multiple] {
        background-image: none
    }
}

textarea {
    vertical-align: top;
    padding: 5px 5px;
    height: 60px;
    overflow: auto
}

fieldset.monospace textarea {
    font-family: "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace
}

.grp-row input[type=checkbox],
.grp-row input[type=radio] {
    position: relative;
    top: 1px
}

.grp-row input[type=checkbox]+label,
.grp-row input[type=radio]+label {
    position: relative;
    margin: 0 0 0 5px
}

input[type=text].grp-search-field {
    margin-right: -5px;
    padding-left: 10px;
    padding-right: 30px;
    border-radius: 20px
}

.radiolist,
ul.checkboxlist {
    position: relative;
    float: none;
    display: inline-block;
    margin: 5px 0 0;
    padding: 0;
    font-size: 11px;
    line-height: 15px;
    font-weight: normal
}

.radiolist label,
ul.checkboxlist label {
    float: none;
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    white-space: nowrap
}

.radiolist li+li,
ul.checkboxlist li+li {
    margin-top: 2px
}

.grp-row>.radiolist,
.grp-row>ul.checkboxlist {
    margin: 0
}

.radiolist.inline,
ul.checkboxlist.inline {
    position: relative;
    float: none;
    display: inline-block;
    margin: 5px 0 0;
    padding: 0;
    font-size: 11px;
    line-height: 15px;
    font-weight: normal;
    max-width: 760px;
    float: left;
    display: inline;
    margin-top: 5px;
    margin-bottom: 3px;
    padding-right: 20px
}

.radiolist.inline label,
ul.checkboxlist.inline label {
    float: none;
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    white-space: nowrap
}

.radiolist.inline li+li,
ul.checkboxlist.inline li+li {
    margin-top: 2px
}

.radiolist.inline li,
.radiolist.inline>div,
ul.checkboxlist.inline li,
ul.checkboxlist.inline>div {
    float: left;
    display: inline;
    margin-top: 0 !important;
    margin-bottom: 2px;
    padding-right: 20px
}

.radiolist.inline label input {
    margin-top: -1px;
    margin-right: 5px
}

.grp-module.grp-tbody .radiolist.inline,
.grp-module.grp-tbody ul.checkboxlist.inline {
    white-space: normal
}

.grp-module.grp-tbody .radiolist.inline li,
.grp-module.grp-tbody .radiolist.inline>div,
.grp-module.grp-tbody ul.checkboxlist.inline li,
.grp-module.grp-tbody ul.checkboxlist.inline>div {
    position: relative;
    float: left;
    display: inline
}

.grp-row.grp-cells .radiolist.inline>div,
.grp-row.grp-cells .radiolist.inline li,
.grp-row.grp-cells ul.checkboxlist.inline li {
    float: none
}

.selector {
    position: relative;
    float: left;
    overflow: hidden;
    width: 758px
}

.selector .selector-available,
.selector .selector-chosen {
    float: left;
    width: 366px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: var(--c-bgr-light)
}

.selector .selector-available.stacked,
.selector .selector-chosen.stacked {
    width: 756px
}

.selector .selector-available h2,
.selector .selector-chosen h2 {
    padding: 7px 5px 6px 7px;
    font-size: 12px;
    line-height: 13px;
    font-weight: bold
}

.selector .selector-available h2 img,
.selector .selector-chosen h2 img {
    display: none
}

.selector ul.selector-chooser {
    float: left;
    margin: 110px 2px 0;
    padding: 0;
    width: 18px
}

.selector .selector-chosen h2 {
    border-bottom: 0 !important
}

.selector .selector-filter {
    display: block !important;
    height: 27px;
    padding: 3px 5px 2px 2px;
    font-weight: bold;
    color: #666;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    line-height: 25px;
    text-indent: 25px;
    background: url("../images/icons/searchbox.png") 6px 50% no-repeat
}

.selector .selector-filter label {
    display: none !important
}

.selector .selector-filter input[type=text] {
    position: relative;
    margin: 0;
    width: 326px !important;
    max-width: 326px !important
}

.selector .selector-filter img {
    display: none
}

.selector .selector-filter h2+select {
    position: relative;
    top: -1px
}

.selector select[multiple] {
    margin: 0 0 0 -1px;
    padding-left: 3px;
    max-width: 368px !important;
    width: 368px !important;
    height: 254px;
    border-radius: 0
}

.selector .selector-chosen select[multiple] {
    height: 235px !important
}

.selector a.selector-add {
    background-image: url("../images/icons/selector-add-m2m-horizontal.png")
}

.selector a.selector-add:hover {
    background-image: url("../images/icons/selector-add-m2m-horizontal_hover.png")
}

.selector a.selector-remove {
    background-image: url("../images/icons/selector-remove-m2m-horizontal.png")
}

.selector a.selector-remove:hover {
    background-image: url("../images/icons/selector-remove-m2m-horizontal_hover.png")
}

.selector .list-footer-display {
    padding: 2px 7px
}

.selector a.selector-chooseall,
.selector a.selector-clearall {
    display: block;
    margin: 0;
    padding: 2px 7px;
    font-size: 11px;
    line-height: 13px;
    font-weight: bold
}

.selector.stacked .selector-available,
.selector.stacked .selector-chosen {
    width: 756px
}

.selector.stacked .selector-filter input[type=text] {
    width: 716px !important;
    max-width: 716px !important
}

.selector.stacked .selector-chosen .selector-filter:after {
    content: " "url("../images/icons/selector-add-m2m-vertical_hover.png")
}

.selector.stacked select[multiple] {
    width: 758px !important;
    max-width: 758px !important
}

.selector.stacked ul.selector-chooser {
    margin: 4px 0 0 356px;
    width: 36px
}

.selector.stacked ul.selector-chooser li {
    float: left
}

.selector.stacked a.selector-add {
    background-image: url("../images/icons/selector-add-m2m-vertical.png")
}

.selector.stacked a.selector-add:hover {
    background-image: url("../images/icons/selector-add-m2m-vertical_hover.png")
}

.selector.stacked a.selector-remove {
    background-image: url("../images/icons/selector-remove-m2m-vertical.png")
}

.selector.stacked a.selector-remove:hover {
    background-image: url("../images/icons/selector-remove-m2m-vertical_hover.png")
}

.selector a.selector-add,
.selector a.selector-remove {
    display: block;
    width: 18px;
    height: 18px;
    color: rgba(0, 0, 0, 0) !important;
    background-position: 50% 0;
    background-repeat: no-repeat
}

ul.errorlist+.selector {
    margin-top: 8px !important
}

p.errornote {
    position: relative;
    float: left;
    clear: both;
    margin: 0 0 5px;
    padding: 5px 10px;
    width: 100%;
    box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    background: #bf3030
}

p.errornote+ul.errorlist {
    font-size: 11px;
    line-height: 13px;
    font-weight: bold;
    color: #bf3030;
    white-space: normal;
    margin: 5px 0 0;
    margin: -5px 0 0
}

p.errornote+ul.errorlist:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

p.errornote+ul.errorlist li {
    padding: 5px 10px
}

p.errornote+ul.errorlist li+li {
    border-top: 1px solid #bf3030
}

ul.errorlist {
    font-size: 11px;
    line-height: 13px;
    font-weight: bold;
    color: #bf3030;
    white-space: normal
}

ul.errorlist:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

ul.errorlist+ul.errorlist {
    padding-top: 2px
}

p.preview+ul.errorlist {
    margin-top: 5px !important
}

p.preview+ul.errorlist {
    margin-top: 5px !important
}

.grp-row ul.errorlist {
    font-size: 11px;
    line-height: 13px;
    font-weight: bold;
    color: #bf3030;
    white-space: normal;
    margin: 0
}

.grp-row ul.errorlist:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.grp-row ul.errorlist li {
    padding: 2px 0 0;
    border-top: 0 !important
}

.grp-row ul.errorlist li:first-child {
    padding-top: 0
}

.grp-tabular p.errornote {
    margin: 2px 0 0
}

.grp-tabular p.errornote+ul.errorlist {
    margin: 0
}

.grp-tabular ul.errorlist {
    font-size: 11px;
    line-height: 13px;
    font-weight: bold;
    color: #bf3030;
    white-space: normal;
    margin: 5px 0 0
}

.grp-tabular ul.errorlist:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.grp-tabular ul.errorlist li {
    padding: 5px 10px
}

.grp-tabular ul.errorlist li+li {
    border-top: 1px solid #bf3030
}

.grp-tabular .grp-tbody ul.errorlist {
    margin: 0
}

.grp-tabular .grp-td ul.errorlist {
    clear: both;
    font-size: 11px;
    line-height: 13px;
    font-weight: bold;
    color: #bf3030;
    white-space: normal;
    margin: 0
}

.grp-tabular .grp-td ul.errorlist:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.grp-tabular .grp-td ul.errorlist li {
    padding: 2px 0 0;
    border-top: 0 !important
}

.grp-tabular .grp-td ul.errorlist li:first-child {
    padding-top: 0
}

.grp-stacked p.errornote {
    margin: 0
}

.grp-stacked p.errornote+ul.errorlist {
    margin: 0
}

.grp-stacked ul.errorlist {
    font-size: 11px;
    line-height: 13px;
    font-weight: bold;
    color: #bf3030;
    white-space: normal;
    margin: 5px 0 0;
    margin: 3px 0
}

.grp-stacked ul.errorlist:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.grp-stacked ul.errorlist li {
    padding: 5px 10px
}

.grp-stacked ul.errorlist li+li {
    border-top: 1px solid #bf3030
}

.grp-stacked h3+*+ul.errorlist {
    font-size: 11px;
    line-height: 13px;
    font-weight: bold;
    color: #bf3030;
    white-space: normal;
    margin: 0;
    margin: 0 !important;
    padding: 5px 10px 8px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ddd
}

.grp-stacked h3+*+ul.errorlist:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.grp-stacked h3+*+ul.errorlist li {
    padding: 2px 0 0;
    border-top: 0 !important
}

.grp-stacked h3+*+ul.errorlist li:first-child {
    padding-top: 0
}

.grp-stacked .grp-row ul.errorlist {
    font-size: 11px;
    line-height: 13px;
    font-weight: bold;
    color: #bf3030;
    white-space: normal;
    margin: 0
}

.grp-stacked .grp-row ul.errorlist:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.grp-stacked .grp-row ul.errorlist li {
    padding: 2px 0 0;
    border-top: 0 !important
}

.grp-stacked .grp-row ul.errorlist li:first-child {
    padding-top: 0
}

.grp-errors a.add-another+ul.errorlist {
    clear: both
}

.grp-errors td.mceIframeContainer {
    border: 1px solid #bf3030 !important;
    border-radius: 3px
}

input[type=text],
input[type=password],
input[type=number],
.vDateField,
.vTimeField,
.vIntegerField,
.vPositiveSmallIntegerField,
.vManyToManyRawIdAdminField,
.vForeignKeyRawIdAdminField {
    width: 118px
}

input.grp-has-related-lookup,
input.vDateField.hasDatepicker,
input.vTimeField.hasTimepicker,
input.vFileBrowseField {
    padding-right: 24px !important
}

input[type=url],
input[type=email],
input.vTextField,
input.vURLField,
input.vFileBrowseField,
textarea,
.vLargeTextField,
.vXMLLargeTextField {
    width: 278px
}

.row select {
    min-width: 118px
}

.vLargeTextField {
    height: 118px
}

.grp-row input[type=url],
.grp-row input[type=email],
.grp-row .vTextField,
.grp-row .vURLField,
.grp-row .vFileBrowseField,
.grp-row textarea,
.grp-row .vLargeTextField,
.grp-row .vXMLLargeTextField,
.grp-autocomplete-wrapper-m2m {
    width: 758px
}

.grp-row select {
    max-width: 758px
}

.grp-autocomplete-wrapper-m2m ul.grp-repr,
.grp-autocomplete-wrapper-m2m ul.grp-repr li {
    max-width: 700px
}

.grp-changelist-results table.grp-table input[type=url],
.grp-changelist-results table.grp-table input[type=email],
.grp-changelist-results table.grp-table .vTextField,
.grp-changelist-results table.grp-table .vURLField,
.grp-changelist-results table.grp-table .vFileBrowseField,
.grp-changelist-results table.grp-table textarea,
.grp-changelist-results table.grp-table .vLargeTextField,
.grp-changelist-results table.grp-table .vXMLLargeTextField,
.grp-changelist-results table.grp-table select {
    max-width: 278px
}

.grp-module.grp-table select,
.grp-module.grp-table .grp-autocomplete-wrapper-m2m,
.grp-module.grp-table .grp-autocomplete-wrapper-fk {
    max-width: 278px
}

.grp-module.grp-table .grp-autocomplete-wrapper-m2m,
.grp-module.grp-table .grp-autocomplete-wrapper-fk {
    width: 278px
}

.grp-module.grp-table .grp-autocomplete-wrapper-m2m ul.grp-repr,
.grp-module.grp-table .grp-autocomplete-wrapper-m2m ul.grp-repr li {
    max-width: 222px
}

.grp-cell input[type=url],
.grp-cell input[type=email],
.grp-cell input[type=number],
.grp-cell input[type=text],
.grp-cell input[type=password],
.grp-cell select,
.grp-cell input[readonly],
.grp-cell input[disabled],
.grp-cell textarea[readonly],
.grp-cell select[disabled],
.grp-cell .grp-autocomplete-wrapper-m2m,
.grp-cell .grp-autocomplete-wrapper-fk {
    max-width: 278px
}

.grp-cell .grp-autocomplete-wrapper-m2m ul.grp-repr,
.grp-cell .grp-autocomplete-wrapper-m2m ul.grp-repr li {
    max-width: 220px
}

.grp-cell div.grp-readonly {
    max-width: 266px
}

.grp-autocomplete-wrapper-m2m,
.grp-autocomplete-wrapper-fk input.ui-autocomplete-input {
    margin: 0;
    padding: 2px 5px;
    height: 25px;
    font-family: var(--font-main);
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fdfdfd;
    box-sizing: border-box;
    box-shadow: 0 1px 3px 0 #eee inset;
    overflow: hidden;
    vertical-align: middle
}

.grp-autocomplete-wrapper-m2m:focus,
.grp-autocomplete-wrapper-m2m.grp-state-focus,
.grp-autocomplete-wrapper-fk input.ui-autocomplete-input:focus,
.grp-autocomplete-wrapper-fk input.ui-autocomplete-input.grp-state-focus {
    border: 1px solid #aaa;
    box-shadow: 0 0 6px #ccc;
    background: #fff;
    outline: 0
}

.grp-autocomplete-wrapper-m2m:focus,
.grp-autocomplete-wrapper-m2m.grp-state-focus,
.grp-autocomplete-wrapper-fk input.ui-autocomplete-input:focus,
.grp-autocomplete-wrapper-fk input.ui-autocomplete-input.grp-state-focus {
    background-color: #DDD;
}

.grp-autocomplete-wrapper-m2m a.related-lookup,
.grp-autocomplete-wrapper-fk a.related-lookup {
    position: absolute;
    right: 0
}

.grp-autocomplete-wrapper-m2m a.related-lookup,
.grp-autocomplete-wrapper-m2m input:focus+a.related-lookup,
.grp-autocomplete-wrapper-fk a.related-lookup,
.grp-autocomplete-wrapper-fk input:focus+a.related-lookup {
    border: 1px solid #ccc !important
}

.grp-autocomplete-wrapper-m2m.grp-state-focus a.grp-related-remove,
.grp-autocomplete-wrapper-m2m.grp-state-focus a.related-lookup,
.grp-autocomplete-wrapper-fk.grp-state-focus a.grp-related-remove,
.grp-autocomplete-wrapper-fk.grp-state-focus a.related-lookup {
    border: 1px solid #aaa !important
}

.grp-autocomplete-wrapper-m2m a.grp-related-remove,
.grp-autocomplete-wrapper-m2m div.grp-loader,
.grp-autocomplete-wrapper-fk a.grp-related-remove,
.grp-autocomplete-wrapper-fk div.grp-loader {
    display: inline-block;
    position: absolute;
    right: 24px;
    top: 0;
    font-size: 0;
    line-height: 0;
    width: 23px;
    height: 23px;
    border: 1px solid #ccc
}

.grp-autocomplete-wrapper-m2m div.grp-loader,
.grp-autocomplete-wrapper-fk div.grp-loader {
    background: #fdfdfd url("../images/backgrounds/loading-small.gif") 50% 50% no-repeat scroll
}

.grp-autocomplete-wrapper-m2m.grp-autocomplete-preremove input.ui-autocomplete-input,
.grp-autocomplete-wrapper-m2m.grp-autocomplete-preremove li.grp-repr a,
.grp-autocomplete-wrapper-fk.grp-autocomplete-preremove input.ui-autocomplete-input,
.grp-autocomplete-wrapper-fk.grp-autocomplete-preremove li.grp-repr a {
    color: #bf3030 !important;
    text-decoration: line-through
}

.grp-autocomplete-wrapper-m2m li.grp-repr.grp-autocomplete-preremove a,
.grp-autocomplete-wrapper-fk li.grp-repr.grp-autocomplete-preremove a {
    color: #bf3030 !important;
    text-decoration: line-through
}

.grp-autocomplete-wrapper-m2m li.grp-repr a:after {
    content: ","
}

.grp-autocomplete-wrapper-m2m li.grp-repr:nth-last-child(2) a:after {
    content: ""
}

.grp-autocomplete-wrapper-m2m li.grp-repr a:after {
    content: ","
}

.grp-autocomplete-wrapper-m2m li.grp-repr:nth-last-child(2) a:after {
    content: ""
}

.grp-autocomplete-wrapper-m2m {
    display: inline-block;
    position: relative;
    padding: 0;
    height: auto !important;
    vertical-align: top;
    box-sizing: border-box;
    overflow: visible
}

.grp-autocomplete-wrapper-m2m ul.grp-repr {
    float: left;
    padding-right: 55px;
    width: 100%;
    max-width: 700px;
    overflow: hidden;
    box-sizing: border-box
}

.grp-autocomplete-wrapper-m2m ul.grp-repr li {
    float: left;
    display: inline;
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 700px
}

.grp-autocomplete-wrapper-m2m ul.grp-repr li.grp-repr {
    margin: 3px 5px 0 1px;
    font-weight: bold;
    line-height: 18px
}

.grp-autocomplete-wrapper-m2m ul.grp-repr li.grp-repr a.grp-m2m-remove {
    color: #555;
    padding-left: 5px
}

.grp-autocomplete-wrapper-m2m ul.grp-repr li.grp-search {
    margin-top: 1px;
    margin-bottom: 1px;
    background: rgba(0, 0, 0, 0)
}

.grp-autocomplete-wrapper-m2m ul.grp-repr li.grp-search input[type=text] {
    margin: 0 0 -1px;
    padding: 0 4px;
    width: 100px;
    height: 22px;
    font-size: 12px;
    line-height: 16px;
    outline: 0;
    border: 0;
    box-shadow: none;
    background: rgba(0, 0, 0, 0);
    cursor: text
}

.grp-autocomplete-wrapper-m2m a.related-lookup {
    top: -1px;
    right: -1px
}

.grp-autocomplete-wrapper-m2m a.grp-related-remove+a.grp-related-lookup {
    border-bottom-left-radius: 0
}

.grp-autocomplete-wrapper-m2m a.grp-related-remove,
.grp-autocomplete-wrapper-m2m a.grp-related-remove+div.grp-loader {
    top: -1px;
    right: 23px
}

.grp-autocomplete-wrapper-fk {
    display: inline-block;
    position: relative;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: top;
    font-size: 0 !important;
    line-height: 0 !important;
    background: rgba(0, 0, 0, 0) !important
}

.grp-autocomplete-wrapper-fk input.ui-autocomplete-input {
    padding-right: 55px
}

.grp-errors .grp-autocomplete-wrapper-m2m,
.grp-errors .grp-autocomplete-wrapper-fk input.ui-autocomplete-input,
.grp-errors a.grp-related-remove {
    border-color: #bf3030 !important
}

#changelist table.grp-table div.autocomplete-wrapper-fk a.grp-related-remove,
#changelist table.grp-table div.autocomplete-wrapper-m2m a.grp-related-remove,
#changelist table.grp-table div.autocomplete-wrapper-fk div.grp-loader,
#changelist table.grp-table div.autocomplete-wrapper-m2m div.grp-loader {
    top: -5px
}

.grp-autocomplete-wrapper-m2m .grp-autocomplete-hidden-field,
.grp-autocomplete-wrapper-fk .grp-autocomplete-hidden-field {
    position: absolute !important;
    z-index: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: rgba(0, 0, 0, 0) !important;
    border: 0 !important;
    background: rgba(0, 0, 0, 0) !important
}

.grp-actions {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    float: right;
    font-weight: bold
}

.grp-actions .clearfix:after {
    content: "";
    display: table;
    clear: both
}

.grp-actions li {
    list-style-type: none;
    white-space: nowrap;
    float: left;
    padding-left: 5px;
    padding-right: 5px
}

.grp-actions li:first-child,
.grp-actions li.first {
    padding-left: 0
}

.grp-actions li:last-child {
    padding-right: 0
}

.grp-actions li.last {
    padding-right: 0
}

.grp-actions li.grp-add-link a,
.grp-actions li.grp-add-link>span:first-child,
.grp-actions li.grp-change-link a,
.grp-actions li.grp-change-link>span:first-child,
.grp-actions li.grp-delete-link a,
.grp-actions li.grp-delete-link>span:first-child {
    padding-left: 20px;
    display: block;
    font-weight: bold
}

.grp-actions li.grp-add-link a {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -3401px;
    background-repeat: no-repeat
}

.grp-actions li.grp-add-link a:hover {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -3184px;
    background-repeat: no-repeat
}

.grp-actions li.grp-change-link a {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -4269px;
    background-repeat: no-repeat
}

.grp-actions li.grp-change-link a:hover {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -4052px;
    background-repeat: no-repeat
}

.grp-actions li.grp-delete-link a,
.grp-actions li.grp-delete-link>span:first-child {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -4486px;
    background-repeat: no-repeat
}

.grp-actions li.grp-icon a,
.grp-actions li.grp-icon>span:first-child {
    padding: 0 6px 0 6px
}

.grp-group {
    position: relative;
    float: left;
    clear: both;
    margin: 0 -4px 5px;
    padding: 2px;
    width: 100%;
    border: 2px solid #ccc;
    border-radius: 5px;
    background: #fff
}

.grp-group.grp-closed {
    border: 2px solid #ddd
}

.grp-group.grp-closed:hover {
    border: 2px solid #ccc
}

.grp-module h2 {
    color: var(--c-bar);
    padding: 5px 10px 4px;
    border-bottom: 1px solid #ccc;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: var(--c-bar-bgr);
}

.grp-module h3 {
    font-size: 13px;
    padding: 5px 10px;
    text-shadow: 0 1px 0 #f5f5f5;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #ccc;
    background-image: linear-gradient(#e5e5e5, #dbdbdb)
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .grp-module h3 {
        padding: 5px 10px 4px
    }
}

.grp-module h4 {
    padding: 5px 10px;
    text-shadow: 0 1px 0 #f5f5f5;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #ccc;
    background-image: linear-gradient(#eaeaea, #e0e0e0)
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .grp-module h4 {
        padding: 5px 10px 4px
    }
}

.grp-group>h2 {
    padding: 5px 10px 4px;
    text-shadow: 0 1px 0 #f5f5f5;
    border-bottom: 1px solid #ccc;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-image: linear-gradient(#e5e5e5, #dbdbdb);
    border: 1px solid #ccc;
    border-radius: 3px
}

.grp-group.grp-open>h2 {
    margin-bottom: 2px
}

.grp-group.grp-tabular.grp-open>h2 {
    margin-bottom: 0
}

.grp-group .grp-module>h3 {
    border-top: 0 !important;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.grp-group .grp-module>h3:only-child,
.grp-group .grp-module>h3:last-child {
    border-bottom: 0
}

.grp-module {
    position: relative;
    float: left;
    clear: both;
    margin: 0 0 5px;
    padding: 0;
    width: 100%;
    border: 1px solid #DDD;
    background: #eee;
    border-radius: 3px;
    box-sizing: border-box
}

.grp-module .grp-module {
    margin: 0;
    border: 0
}

.grp-module .grp-module+.grp-module {
    border-top: 1px solid #d9d9d9;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.grp-change-form .grp-module:not(.grp-submit-row) {
    min-width: 960px
}

.grp-empty-form {
    display: none !important
}

.grp-collapse.grp-closed *,
.grp-collapse.grp-closed .grp-row:not(tr).grp-cells,
.grp-collapse.grp-closed .grp-table,
.grp-collapse.grp-closed .grp-table * {
    display: none
}

.grp-collapse.grp-closed>.grp-collapse-handler,
.grp-collapse.grp-closed>.grp-collapse-handler *,
.grp-collapse.grp-closed .grp-tools,
.grp-collapse.grp-closed .grp-tools * {
    display: block !important
}

.grp-collapse.grp-closed .grp-tools li *[style^="display: none"] {
    display: none !important
}

.grp-collapse .grp-collapse-handler {
    cursor: pointer
}

.grp-collapse h2.grp-collapse-handler {
    text-shadow: none;
    color: var(--c-bar);
}

.grp-collapse.grp-open>h2.grp-collapse-handler {
    border-bottom: 1px solid #ccc;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background: var(--c-bar-bgr)
}

.grp-collapse.grp-closed>h2.grp-collapse-handler {
    border-radius: 2px;
    background: var(--c-bar-bgr-closed)
}

.grp-collapse.grp-closed>h2.grp-collapse-handler:hover {
    background-color: var(--c-bar-bgr-hover)
}

.grp-collapse.grp-module.grp-closed>h2.grp-collapse-handler {
    border-bottom: 0
}

.grp-collapse h3.grp-collapse-handler {
    text-shadow: 0 1px 0 #fff
}

.grp-collapse.grp-open>h3.grp-collapse-handler {
    border-top: 1px solid #e2f2f7;
    border-bottom: 1px solid #d9d9d9;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background-color: var(--c-bgr)
}

.grp-collapse.grp-closed>h3.grp-collapse-handler {
    border-bottom: 0;
    border-radius: 2px;
    background-color: var(--c-bgr)
}

.grp-collapse.grp-closed>h3.grp-collapse-handler:hover {
    background-color: var(--c-bgr)
}

.grp-collapse::selection,
.grp-collapse .grp-row::selection,
.grp-collapse-handler::selection {
    background: rgba(0, 0, 0, 0)
}

.grp-module .grp-row:not(tr) {
    position: relative;
    float: left;
    clear: both;
    padding: 7px 10px;
    width: 100%;
    box-sizing: border-box;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ddd
}

.grp-predelete .grp-module .grp-row:not(tr) {
    border-bottom-color: #f2d4d4;
    border-top-color: #fcf4f4
}

.grp-module .grp-row:not(tr):first-child,
.grp-module .grp-row:not(tr).grp-first {
    border-top: 0;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.grp-module .grp-row:not(tr):last-of-type,
.grp-module .grp-row:not(tr).grp-last {
    border-bottom: 0;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.grp-module .grp-row:not(tr).grp-row-hidden {
    top: -1px;
    margin-bottom: -1px;
    padding: 0;
    height: 0px;
    font-size: 0;
    line-height: 0;
    border-top-color: #eee
}

.grp-module .grp-row:not(tr).grp-row-hidden div {
    display: none
}

.grp-module .grp-row:not(tr).grp-cells {
    display: table-row;
    padding-top: 0;
    padding-bottom: 0
}

.grp-module .grp-row:not(tr).grp-cells .grp-cell {
    display: table-cell;
    vertical-align: top;
    position: relative;
    padding: 8px 20px 8px 0;
    height: 100%;
    white-space: nowrap;
    border-right: 1px solid #ddd;
    overflow: visible
}

.grp-module .grp-row:not(tr).grp-cells .grp-cell+.grp-cell {
    padding-left: 20px;
    border-left: 1px solid #fff
}

.grp-module .grp-row:not(tr).grp-cells .grp-cell:last-of-type {
    padding-right: 0;
    border-right: 0 !important
}

.grp-module .grp-row+.grp-module>.grp-row:first-child,
.grp-module h2+.grp-module>.grp-row:first-child,
.grp-module .grp-module+.grp-module>.grp-row:first-child {
    border-top: 1px solid #fff
}

fieldset.grp-module .grp-row {
    padding: 8px 10px;
    overflow: hidden
}

.grp-listing {
    border-top: 1px solid #fff
}

.grp-listing:first-child {
    border-top: 0;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.grp-listing li.grp-add-link a,
.grp-listing li.grp-add-link>span:first-child,
.grp-listing li.grp-change-link a,
.grp-listing li.grp-change-link>span:first-child,
.grp-listing li.grp-delete-link a,
.grp-listing li.grp-delete-link>span:first-child {
    padding-left: 20px;
    display: block;
    font-weight: bold
}

.grp-listing li.grp-add-link a {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -3401px;
    background-repeat: no-repeat
}

.grp-listing li.grp-add-link a:hover {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -3184px;
    background-repeat: no-repeat
}

.grp-listing li.grp-change-link a {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -4269px;
    background-repeat: no-repeat
}

.grp-listing li.grp-change-link a:hover {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -4052px;
    background-repeat: no-repeat
}

.grp-listing li.grp-delete-link a,
.grp-listing li.grp-delete-link>span:first-child {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -4486px;
    background-repeat: no-repeat
}

.grp-listing li.grp-icon a,
.grp-listing li.grp-icon>span:first-child {
    padding: 0 6px 0 6px
}

.grp-listing li.grp-add-link,
.grp-listing li.grp-change-link,
.grp-listing li.grp-delete-link {
    padding-left: 25px
}

.grp-listing li.grp-add-link a,
.grp-listing li.grp-add-link>span:first-child,
.grp-listing li.grp-change-link a,
.grp-listing li.grp-change-link>span:first-child,
.grp-listing li.grp-delete-link a,
.grp-listing li.grp-delete-link>span:first-child {
    display: block;
    margin-left: -20px;
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis
}

.grp-listing-small {
    border-top: 1px solid #fff;
    font-size: 11px
}

.grp-listing-small:first-child {
    border-top: 0;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.grp-listing-small li.grp-add-link a,
.grp-listing-small li.grp-add-link>span:first-child,
.grp-listing-small li.grp-change-link a,
.grp-listing-small li.grp-change-link>span:first-child,
.grp-listing-small li.grp-delete-link a,
.grp-listing-small li.grp-delete-link>span:first-child {
    padding-left: 20px;
    display: block;
    font-weight: bold
}

.grp-listing-small li.grp-add-link a {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -3401px;
    background-repeat: no-repeat
}

.grp-listing-small li.grp-add-link a:hover {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -3184px;
    background-repeat: no-repeat
}

.grp-listing-small li.grp-change-link a {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -4269px;
    background-repeat: no-repeat
}

.grp-listing-small li.grp-change-link a:hover {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -4052px;
    background-repeat: no-repeat
}

.grp-listing-small li.grp-delete-link a,
.grp-listing-small li.grp-delete-link>span:first-child {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -4486px;
    background-repeat: no-repeat
}

.grp-listing-small li.grp-icon a,
.grp-listing-small li.grp-icon>span:first-child {
    padding: 0 6px 0 6px
}

.grp-listing-small li.grp-add-link,
.grp-listing-small li.grp-change-link,
.grp-listing-small li.grp-delete-link {
    padding-left: 25px
}

.grp-listing-small li.grp-add-link a,
.grp-listing-small li.grp-add-link>span:first-child,
.grp-listing-small li.grp-change-link a,
.grp-listing-small li.grp-change-link>span:first-child,
.grp-listing-small li.grp-delete-link a,
.grp-listing-small li.grp-delete-link>span:first-child {
    display: block;
    margin-left: -20px;
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis
}

.grp-listing-small a+span,
.grp-listing-small span+span {
    position: relative;
    display: block;
    line-height: 11px;
    margin: 3px 0
}

.grp-listing-small p {
    margin: 2px 0 4px;
    line-height: 13px
}

.grp-stacked .grp-module.grp-add-item,
.grp-tabular .grp-module.grp-add-item {
    margin-bottom: 0;
    height: 28px;
    font-weight: bold;
    border-color: rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0)
}

.grp-stacked .grp-module.grp-add-item>a,
.grp-tabular .grp-module.grp-add-item>a {
    font-weight: bold;
    padding: 5px 10px;
    position: relative;
    top: 6px
}

.grp-group:not(.grp-tabular) {
    padding-bottom: 0
}

.grp-group:not(.grp-tabular) .grp-module {
    margin-bottom: 2px
}

.grp-group:not(.grp-tabular) .grp-module .grp-module {
    border-radius: 0 0 2px 2px;
    border-top: 1px solid #fff
}

.grp-group:not(.grp-tabular) .grp-module.grp-predelete .grp-module {
    border-top-color: #fdf8f8
}

.grp-group:not(.grp-tabular) h2 {
    margin-bottom: 2px
}

.grp-group:not(.grp-tabular).grp-closed {
    padding-bottom: 2px
}

.grp-group:not(.grp-tabular).grp-closed h2 {
    margin-bottom: 0
}

.grp-tabular .grp-table {
    display: table;
    margin: 0 0 -2px;
    width: 100%;
    border: 0 none;
    border-collapse: separate;
    border-spacing: 0 2px;
    background: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .grp-tabular .grp-table {
        margin-bottom: -1px;
        border-spacing: 0 1px !important
    }
}

.grp-tabular .grp-table .grp-tr {
    display: table-row
}

.grp-tabular .grp-table .grp-th,
.grp-tabular .grp-table .grp-td {
    position: relative;
    display: table-cell;
    float: none;
    height: 100%;
    margin-right: 0;
    overflow: hidden;
    padding: 1px 20px;
    vertical-align: top;
    white-space: nowrap;
    border-left: 1px solid #fff;
    border-right: 1px solid #e0e0e0
}

.grp-tabular .grp-table .grp-th:first-of-type,
.grp-tabular .grp-table .grp-td:first-of-type {
    padding-left: 10px
}

.grp-tabular .grp-table .grp-thead {
    display: table-header-group;
    color: #aaa;
    font-size: 11px;
    font-weight: bold
}

.grp-tabular .grp-table .grp-thead .grp-th,
.grp-tabular .grp-table .grp-thead .grp-td {
    background: none;
    border-top: 0
}

.grp-tabular .grp-table .grp-thead .grp-th:last-of-type,
.grp-tabular .grp-table .grp-thead .grp-td:last-of-type {
    border-right: 0
}

.grp-tabular .grp-table .grp-tbody {
    display: table-row-group;
    margin-top: 0
}

.grp-tabular .grp-table .grp-tbody .grp-th,
.grp-tabular .grp-table .grp-tbody .grp-td {
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px solid #d4d4d4;
    border-top: 1px solid #d4d4d4;
    background: #eee
}

.grp-tabular .grp-table .grp-tbody .grp-th:first-of-type,
.grp-tabular .grp-table .grp-tbody .grp-td:first-of-type {
    border-left: 1px solid #d4d4d4
}

.grp-tabular .grp-table .grp-tbody .grp-th:first-child,
.grp-tabular .grp-table .grp-tbody .grp-td:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.grp-tabular .grp-table .grp-tbody .grp-th:last-of-type,
.grp-tabular .grp-table .grp-tbody .grp-td:last-of-type {
    border-right: 1px solid #d4d4d4;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.grp-tabular .grp-table .grp-tbody .grp-th.grp-tools-container,
.grp-tabular .grp-table .grp-tbody .grp-td.grp-tools-container {
    padding-left: 0;
    width: 100%;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.grp-tabular .grp-table .grp-tbody.grp-predelete .grp-th,
.grp-tabular .grp-table .grp-tbody.grp-predelete .grp-td {
    border-right-color: #f2d4d4;
    border-left-color: #faf0f0;
    background: #f7e4e4
}

.grp-tabular .grp-table .grp-tbody.grp-predelete .grp-th:first-of-type,
.grp-tabular .grp-table .grp-tbody.grp-predelete .grp-td:first-of-type {
    border-left: 1px solid #d4d4d4
}

.grp-tabular .grp-table .grp-tbody.grp-predelete .grp-th:last-of-type,
.grp-tabular .grp-table .grp-tbody.grp-predelete .grp-td:last-of-type {
    border-right: 1px solid #d4d4d4
}

.grp-tabular .grp-table .grp-tfoot {
    display: table-footer-group;
    color: #aaa
}

.grp-tabular .grp-table .grp-tfoot .grp-td:last-of-type {
    border-right: 0
}

.grp-tabular .grp-table .grp-module {
    float: none;
    clear: none;
    background: 0;
    border: 0
}

.grp-tabular .grp-module.grp-transparent {
    margin: 2px 0 0
}

.grp-horizontal-list-container {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden
}

.grp-horizontal-list-container .clearfix:after {
    content: "";
    display: table;
    clear: both
}

.grp-horizontal-list {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden
}

.grp-horizontal-list .clearfix:after {
    content: "";
    display: table;
    clear: both
}

.grp-horizontal-list li {
    list-style-type: none;
    white-space: nowrap;
    float: left;
    padding-left: 5px;
    padding-right: 5px
}

.grp-horizontal-list li:first-child,
.grp-horizontal-list li.first {
    padding-left: 0
}

.grp-horizontal-list li:last-child {
    padding-right: 0
}

.grp-horizontal-list li.last {
    padding-right: 0
}

.grp-horizontal-list-right>li {
    list-style-type: none;
    white-space: nowrap;
    float: right;
    padding-left: 5px;
    padding-right: 5px
}

.grp-horizontal-list-right>li:first-child,
.grp-horizontal-list-right>li.first {
    padding-right: 0
}

.grp-horizontal-list-right>li:last-child {
    padding-left: 0
}

.grp-horizontal-list-right>li.last {
    padding-left: 0
}

.grp-predelete {
    background: #f7e4e4
}

.grp-predelete h2,
.grp-collapse.grp-predelete>h2.grp-collapse-handler,
.grp-predelete h3,
.grp-collapse.grp-predelete>h3.grp-collapse-handler,
.grp-predelete h4,
.grp-collapse.grp-predelete .grp-collapse>h4.grp-collapse-handler {
    border-bottom-color: #f0cccc;
    background-image: linear-gradient(#f7e4e4, #f4d8d8)
}

.grp-collapse.grp-predelete>h2.grp-collapse-handler:hover,
.grp-collapse.grp-predelete>h3.grp-collapse-handler:hover,
.grp-predelete .grp-collapse>h4.grp-collapse-handler:hover,
.grp-collapse.grp-open.grp-predelete>h2.grp-collapse-handler,
.grp-collapse.grp-open.grp-predelete>h3.grp-collapse-handler,
.grp-predelete .grp-collapse.grp-open>h4.grp-collapse-handler {
    border-bottom-color: #f0cccc;
    background-image: linear-gradient(#f4d8d8, #f7e4e4)
}

.grp-predelete,
.grp-predelete .grp-module,
.grp-predelete .grp-th,
.grp-predelete .grp-td {
    background: #f7e4e4
}

.button-state-blue,
.grp-pulldown-container.grp-pulldown-state-open .grp-pulldown-handler:hover,
.grp-pulldown-container.grp-pulldown-state-open .grp-pulldown-handler,
.grp-pulldown-container .grp-pulldown-handler:hover,
button.ui-datetime-now,
button.ui-timepicker-trigger,
button.ui-datepicker-trigger,
.grp-autocomplete-wrapper-fk a.related-lookup,
a.related-lookup.m2m,
.grp-autocomplete-wrapper-m2m a.related-lookup,
input[type=button],
button,
a.fb_show,
a.related-lookup,
body.tinyMCE input[name=src]+div a,
body.tinyMCE input[name=href]+div a {
    color: #fff;
    border: 1px solid #ccc;
    background-color: var(--c-bgr-light);
}

.button-state-grey,
.grp-pulldown-container .grp-pulldown-content:hover,
.grp-pulldown-container .grp-pulldown-content,
.grp-pulldown-container .grp-pulldown-handler,
button.ui-datetime-now:hover,
button.ui-timepicker-trigger:hover,
button.ui-datepicker-trigger:hover,
.grp-autocomplete-wrapper-fk a.related-lookup:hover,
a.related-lookup.m2m:hover,
.grp-autocomplete-wrapper-m2m a.related-lookup:hover,
input[type=button]:hover,
button:hover,
a.fb_show:hover,
a.related-lookup:hover,
body.tinyMCE input[name=src]+div a:hover,
body.tinyMCE input[name=href]+div a:hover {
    color: var(--f-color);
    border: 1px solid #ccc;
    background-color: #eee
}

.button-state-dark-grey {
    color: var(--f-color);
    border: 1px solid #ccc;
    border-color: #ccc;
    background-color: #dbdbdb
}

.button-state-white,
a.grp-related-remove:hover,
a.grp-related-remove {
    border: 1px solid #ccc;
    background-color: #fdfdfd
}

.button-state-red {
    color: #fff;
    border: 1px solid #ccc;
    background-color: #bf3030
}

.button-state-transparent {
    border: 1px solid rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
    background-image: none
}

.grp-button {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 5px;
    height: 28px;
    font-weight: bold;
    border-radius: 5px !important;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    vertical-align: top
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .grp-button {
        padding: 5px 10px
    }
}

input[type=submit] {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 5px;
    height: 28px;
    font-weight: bold;
    border-radius: 5px !important;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    vertical-align: top;
    color: var(--c-btn);
    border: 1px solid var(--c-btn-bgr-border);
    background-color: var(--c-btn-bgr)
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=submit] {
        padding: 5px 10px
    }
}

input[type=submit]:hover,
input[type=submit]:focus {
    color: #fff;
    border: 1px solid #373737;
    background-image: linear-gradient(#5e5e5e, #444)
}

.grp-fixed-footer input[type=submit]:hover,
.grp-fixed-footer input[type=submit]:focus {
    color: var(--f-color);
    border: 1px solid #c8c8c8;
    background-image: linear-gradient(white, #eee)
}

a.grp-button,
button.grp-button,
input[type=button].grp-button {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 5px;
    height: 28px;
    font-weight: bold;
    border-radius: 5px !important;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    vertical-align: top;
    color: var(--c-btn);
    border: 1px solid var(--c-btn-bgr-border);
    background-color: var(--c-btn-bgr);
    padding: 5px 10px
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

    a.grp-button,
    button.grp-button,
    input[type=button].grp-button {
        padding: 5px 10px
    }
}

a.grp-button:hover,
a.grp-button:focus,
button.grp-button:hover,
button.grp-button:focus,
input[type=button].grp-button:hover,
input[type=button].grp-button:focus {
    color: #fff;
    border: 1px solid #373737;
    background-image: linear-gradient(#5e5e5e, #444)
}

.grp-fixed-footer a.grp-button:hover,
.grp-fixed-footer a.grp-button:focus,
.grp-fixed-footer button.grp-button:hover,
.grp-fixed-footer button.grp-button:focus,
.grp-fixed-footer input[type=button].grp-button:hover,
.grp-fixed-footer input[type=button].grp-button:focus {
    color: var(--f-color);
    border: 1px solid #c8c8c8;
    background-image: linear-gradient(white, #eee)
}

a.grp-button.grp-delete-link,
button.grp-button.grp-delete-link,
input[type=button].grp-button.grp-delete-link {
    color: #fff;
    border: 1px solid #ab2b2b;
    background: #ab2b2b;
}

a.grp-button.grp-delete-link:hover,
a.grp-button.grp-delete-link:focus,
button.grp-button.grp-delete-link:hover,
button.grp-button.grp-delete-link:focus,
input[type=button].grp-button.grp-delete-link:hover,
input[type=button].grp-button.grp-delete-link:focus {
    color: #fff;
    border: 1px solid #373737;
    background-image: linear-gradient(#5e5e5e, #444)
}

.grp-fixed-footer a.grp-button.grp-delete-link:hover,
.grp-fixed-footer a.grp-button.grp-delete-link:focus,
.grp-fixed-footer button.grp-button.grp-delete-link:hover,
.grp-fixed-footer button.grp-button.grp-delete-link:focus,
.grp-fixed-footer input[type=button].grp-button.grp-delete-link:hover,
.grp-fixed-footer input[type=button].grp-button.grp-delete-link:focus {
    color: var(--f-color);
    border: 1px solid #c8c8c8;
    background-image: linear-gradient(white, #eee)
}

a.grp-button.grp-cancel-link,
button.grp-button.grp-cancel-link,
input[type=button].grp-button.grp-cancel-link {
    color: #fff;
    border: 1px solid #7b7b7b;
    background-image: linear-gradient(#a2a2a2, #888)
}

a.grp-button.grp-cancel-link:hover,
a.grp-button.grp-cancel-link:focus,
button.grp-button.grp-cancel-link:hover,
button.grp-button.grp-cancel-link:focus,
input[type=button].grp-button.grp-cancel-link:hover,
input[type=button].grp-button.grp-cancel-link:focus {
    color: #fff;
    border: 1px solid #373737;
    background-image: linear-gradient(#5e5e5e, #444)
}

.grp-fixed-footer a.grp-button.grp-cancel-link:hover,
.grp-fixed-footer a.grp-button.grp-cancel-link:focus,
.grp-fixed-footer button.grp-button.grp-cancel-link:hover,
.grp-fixed-footer button.grp-button.grp-cancel-link:focus,
.grp-fixed-footer input[type=button].grp-button.grp-cancel-link:hover,
.grp-fixed-footer input[type=button].grp-button.grp-cancel-link:focus {
    color: var(--f-color);
    border: 1px solid #c8c8c8;
    background-image: linear-gradient(white, #eee)
}

a.grp-button.grp-reset-link,
button.grp-button.grp-reset-link,
input[type=button].grp-button.grp-reset-link {
    color: #fff;
    border: 1px solid #7b7b7b;
    background-image: linear-gradient(#a2a2a2, #888)
}

a.grp-button.grp-reset-link:hover,
a.grp-button.grp-reset-link:focus,
button.grp-button.grp-reset-link:hover,
button.grp-button.grp-reset-link:focus,
input[type=button].grp-button.grp-reset-link:hover,
input[type=button].grp-button.grp-reset-link:focus {
    color: #fff;
    border: 1px solid #373737;
    background-image: linear-gradient(#5e5e5e, #444)
}

.grp-fixed-footer a.grp-button.grp-reset-link:hover,
.grp-fixed-footer a.grp-button.grp-reset-link:focus,
.grp-fixed-footer button.grp-button.grp-reset-link:hover,
.grp-fixed-footer button.grp-button.grp-reset-link:focus,
.grp-fixed-footer input[type=button].grp-button.grp-reset-link:hover,
.grp-fixed-footer input[type=button].grp-button.grp-reset-link:focus {
    color: var(--f-color);
    border: 1px solid #c8c8c8;
    background-image: linear-gradient(white, #eee)
}

button,
a.fb_show,
a.related-lookup,
body.tinyMCE input[name=src]+div a,
body.tinyMCE input[name=href]+div a {
    position: relative;
    display: inline-block;
    margin: 0 0 0 -25px;
    padding: 0;
    width: 25px;
    height: 25px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    vertical-align: top
}

input[type=button] {
    position: relative;
    display: inline-block;
    margin: 0 0 0 -25px;
    padding: 0;
    width: 25px;
    height: 25px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    vertical-align: top;
    margin: 0 0 0 -2px;
    padding: 0 10px;
    width: auto;
    font-family: var(--font-main);
    font-size: 11px;
    line-height: 13px;
    font-weight: bold;
    color: black
}

input[type=button]:hover {
    color: var(--f-color)
}

input:focus+input[type=button] {
    border: 1px solid #aaa
}

.grp-placeholder-related-fk,
.grp-placeholder-related-m2m,
.grp-placeholder-related-generic {
    position: relative;
    display: block;
    top: -24px;
    margin: 0 0 -20px 130px;
    padding: 0;
    font-weight: bold
}

table .grp-placeholder-related-fk,
table .grp-placeholder-related-m2m,
table .grp-placeholder-related-generic {
    top: -20px;
    margin-bottom: -25px
}

.grp-placeholder-related-fk .grp-placeholder-label:first-child,
.grp-placeholder-related-m2m .grp-placeholder-label:first-child,
.grp-placeholder-related-generic .grp-placeholder-label:first-child {
    display: inline-block;
    margin-top: 4px
}

.grp-placeholder-related-fk .grp-placeholder-label:first-child *,
.grp-placeholder-related-m2m .grp-placeholder-label:first-child *,
.grp-placeholder-related-generic .grp-placeholder-label:first-child * {
    margin-top: -4px
}

table .grp-placeholder-related-fk .grp-placeholder-label:first-child,
table .grp-placeholder-related-m2m .grp-placeholder-label:first-child,
table .grp-placeholder-related-generic .grp-placeholder-label:first-child {
    margin-top: 5px
}

table .grp-placeholder-related-fk .grp-placeholder-label:first-child *,
table .grp-placeholder-related-m2m .grp-placeholder-label:first-child *,
table .grp-placeholder-related-generic .grp-placeholder-label:first-child * {
    margin-top: -5px
}

.grp-placeholder-related-fk img,
.grp-placeholder-related-m2m img,
.grp-placeholder-related-generic img {
    vertical-align: top
}

.grp-errors .grp-placeholder-related-fk,
.grp-errors .grp-placeholder-related-m2m,
.grp-errors .grp-placeholder-related-generic {
    display: none
}

.grp-placeholder-related-fk .grp-separator:after,
.grp-placeholder-related-m2m .grp-separator:after,
.grp-placeholder-related-generic .grp-separator:after {
    content: ",";
    display: inline-block;
    padding-right: 4px
}

a.fb_show,
a.related-lookup,
body.tinyMCE input[name=src]+div a,
body.tinyMCE input[name=href]+div a {
    display: inline-block;
    margin-bottom: -5px;
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -13690px;
    background-repeat: no-repeat
}

a.related-lookup+strong {
    position: relative;
    top: 2px;
    margin-left: 5px
}

a.related-lookup.m2m,
.grp-autocomplete-wrapper-m2m a.related-lookup {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -13467px;
    background-repeat: no-repeat
}

.grp-autocomplete-wrapper-fk a.related-lookup {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -13690px;
    background-repeat: no-repeat
}

a.grp-related-remove {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -14136px;
    background-repeat: no-repeat
}

button.ui-datepicker-trigger {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -12352px;
    background-repeat: no-repeat
}

button.ui-timepicker-trigger {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -15474px;
    background-repeat: no-repeat
}

button.ui-timepicker-trigger+button.ui-datetime-now {
    margin-left: 6px !important;
    border-radius: 3px
}

button.ui-datetime-now {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -12798px;
    background-repeat: no-repeat
}

.grp-search-button {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -13690px;
    background-repeat: no-repeat;
    border-color: rgba(0, 0, 0, 0) !important;
    background-color: rgba(0, 0, 0, 0) !important
}

a.grp-add-another {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -7958px;
    background-repeat: no-repeat
}

a.grp-add-another:hover {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -7524px;
    background-repeat: no-repeat
}

a.grp-add-another:not([href]) {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -7741px;
    background-repeat: no-repeat;
    cursor: not-allowed
}

a.grp-change-related {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -8609px;
    background-repeat: no-repeat
}

a.grp-change-related:hover {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -8175px;
    background-repeat: no-repeat
}

a.grp-change-related:not([href]) {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -8392px;
    background-repeat: no-repeat;
    cursor: not-allowed
}

a.grp-delete-related {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -9911px;
    background-repeat: no-repeat
}

a.grp-delete-related:hover {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -9477px;
    background-repeat: no-repeat
}

a.grp-delete-related:not([href]) {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -9694px;
    background-repeat: no-repeat;
    cursor: not-allowed
}

.grp-row a.add-another {
    top: -7px
}

.grp-row .radiolist+a.add-another,
.grp-row ul.checkboxlist+a.add-another {
    top: 3px
}

p.grp-help+*+a.add-another {
    float: right;
    top: -20px;
    margin-bottom: -20px
}

.grp-td a.add-another {
    float: none
}

.grp-td select+a.add-another {
    top: -6px
}

.radiolist.inline+a.add-another,
.checkboxlist.inline+a.add-another {
    float: left;
    margin-left: -20px;
    margin-right: -10000px
}

.grp-row.grp-cells .radiolist.inline+a.add-another,
.grp-row.grp-cells ul.checkboxlist.inline+a.add-another {
    float: none;
    margin-right: 0
}

input:focus+button,
.vDateField:focus+span a,
.vTimeField:focus+span a,
input:focus+a.fb_show,
input:focus+a.related-lookup,
input:focus+*+a.related-lookup,
input:focus+a.add-another,
.grp-state-focus a.related-lookup,
body.tinyMCE input[name=src]:focus+div a,
body.tinyMCE input[name=href]:focus+div a {
    border: 1px solid #aaa !important
}

input:focus+.grp-search-button {
    border-color: rgba(0, 0, 0, 0) !important
}

.grp-errors input+button,
.grp-errors .vDateField+span a,
.grp-errors .vTimeField+span a,
.grp-errors input+a.fb_show,
.grp-errors input+a.related-lookup,
.grp-errors input+*+a.related-lookup,
.grp-errors input+a.add-another,
.grp-errors .grp-state-focus a.related-lookup,
.grp-errors a.grp-related-remove,
.grp-errors .grp-state-focus a.related-remove {
    border-color: #bf3030 !important
}

img[src*="admin/img/icon-unknown"][src$=".gif"],
img[src*="admin/img/icon-no"][src$=".gif"],
img[src*="admin/img/icon-yes"][src$=".gif"] {
    position: relative;
    height: 0;
    width: 0;
    top: 0;
    margin: -2px 0;
    padding: 8px;
    font-size: 0
}

img[src*="admin/img/icon-unknown"][src$=".gif"] {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -2754px;
    background-repeat: no-repeat
}

img[src*="admin/img/icon-no"][src$=".gif"] {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -2539px;
    background-repeat: no-repeat
}

img[src*="admin/img/icon-yes"][src$=".gif"] {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -2969px;
    background-repeat: no-repeat
}

.grp-object-tools {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    position: relative;
    float: right;
    top: -40px;
    margin: 0 0 -40px
}

.grp-object-tools .clearfix:after {
    content: "";
    display: table;
    clear: both
}

.grp-object-tools li {
    list-style-type: none;
    white-space: nowrap;
    float: left;
    padding-left: 5px;
    padding-right: 5px
}

.grp-object-tools li:first-child,
.grp-object-tools li.first {
    padding-left: 0
}

.grp-object-tools li:last-child {
    padding-right: 0
}

.grp-object-tools li.last {
    padding-right: 0
}

.grp-object-tools a {
    display: block;
    padding: 4px 15px;
    font-weight: bold;
    border-radius: 30px;
    color: var(--c-btn);
    border: 1px solid var(--c-btn-bgr-border);
    opacity: .7;
    background: var(--c-btn-bgr)
}

.grp-object-tools a.grp-state-focus {
    opacity: 1
}

.grp-object-tools a:hover {
    opacity: 1;
    background: var(--c-btn-bgr-hover)}

.grp-object-tools a.grp-add-link {
    padding-left: 28px;
    background: url(../images/spritesheet-1694777276.png) 0px -17933px no-repeat, var(--c-btn-bgr);
}

.grp-object-tools a.grp-add-link:hover {
    background: url(../images/spritesheet-1694777276.png) 0px -17933px no-repeat, var(--c-btn-bgr-hover)
}

.grp-object-tools a.grp-viewsite-link,
.grp-object-tools a[target=_blank] {
    padding-left: 28px;
    background: url(../images/spritesheet-1694777276.png) 0px -18157px no-repeat, var(--c-btn-bgr)}

.grp-object-tools a.grp-viewsite-link:hover,
.grp-object-tools a[target=_blank]:hover {
    background: url(../images/spritesheet-1694777276.png) 0px -18157px no-repeat, var(--c-btn-bgr-hover)
}

.grp-tools {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    position: relative;
    float: right;
    top: -24px;
    margin: 0 0 -24px;
    padding-right: 5px;
    height: 24px;
    white-space: nowrap
}

.grp-tools .clearfix:after {
    content: "";
    display: table;
    clear: both
}

.grp-tools li {
    list-style-type: none;
    white-space: nowrap;
    float: left;
    padding-left: 1px;
    padding-right: 1px
}

.grp-tools li:first-child,
.grp-tools li.first {
    padding-left: 0
}

.grp-tools li:last-child {
    padding-right: 0
}

.grp-tools li.last {
    padding-right: 0
}

.grp-tools-container .grp-tools li {
    float: none !important;
    display: inline-block
}

.grp-tools a,
.grp-tools span {
    display: block;
    width: 24px;
    height: 24px
}

.grp-tools a.grp-icon-text,
.grp-tools a.grp-text,
.grp-tools span.grp-icon-text,
.grp-tools span.grp-text {
    padding-left: 24px;
    padding-right: 6px;
    width: auto;
    line-height: 24px;
    color: var(--f-color)
}

.grp-tools a.grp-icon-text:hover,
.grp-tools a.grp-text:hover,
.grp-tools span.grp-icon-text:hover,
.grp-tools span.grp-text:hover {
    color: black
}

.grp-tools a.grp-text,
.grp-tools span.grp-text {
    padding-left: 8px
}

.grp-tools a.grp-add-handler {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -19277px;
    background-repeat: no-repeat
}

.grp-tools a.grp-add-handler:hover {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -19053px;
    background-repeat: no-repeat
}

.grp-tools a.grp-delete-handler {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -21293px;
    background-repeat: no-repeat
}

.grp-tools a.grp-delete-handler:hover {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -20845px;
    background-repeat: no-repeat
}

.grp-predelete .grp-tools a.grp-delete-handler {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -21069px;
    background-repeat: no-repeat
}

.grp-tools a.grp-remove-handler {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -23085px;
    background-repeat: no-repeat
}

.grp-tools a.grp-remove-handler:hover {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -22861px;
    background-repeat: no-repeat
}

.grp-tools a.grp-drag-handler {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -21741px;
    background-repeat: no-repeat
}

.grp-tools a.grp-drag-handler:hover {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -21517px;
    background-repeat: no-repeat
}

.grp-tools a.grp-viewsite-link {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -24429px;
    background-repeat: no-repeat
}

.grp-tools a.grp-viewsite-link:hover {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -24205px;
    background-repeat: no-repeat
}

.grp-tools a.grp-edit-link {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -22189px;
    background-repeat: no-repeat
}

.grp-tools a.grp-edit-link:hover {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -21965px;
    background-repeat: no-repeat
}

.grp-tools a.grp-open-handler {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -22637px;
    background-repeat: no-repeat
}

.grp-tools a.grp-open-handler:hover {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -22413px;
    background-repeat: no-repeat
}

.grp-tools a.grp-close-handler {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -20621px;
    background-repeat: no-repeat
}

.grp-tools a.grp-close-handler:hover {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -20397px;
    background-repeat: no-repeat
}

.grp-tools a.grp-arrow-down-handler {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -19725px;
    background-repeat: no-repeat
}

.grp-tools a.grp-arrow-down-handler:hover {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -19501px;
    background-repeat: no-repeat
}

.grp-tools a.grp-arrow-up-handler {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -20173px;
    background-repeat: no-repeat
}

.grp-tools a.grp-arrow-up-handler:hover {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -19949px;
    background-repeat: no-repeat
}

.grp-tools a.grp-trash-handler {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -23533px;
    background-repeat: no-repeat
}

.grp-tools a.grp-trash-handler:hover {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -23309px;
    background-repeat: no-repeat
}

.grp-tools a.grp-trash-list-toggle-handler {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -23981px;
    background-repeat: no-repeat
}

.grp-tools a.grp-trash-list-toggle-handler:hover {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -23757px;
    background-repeat: no-repeat
}

.grp-tools input {
    position: absolute;
    top: -30px
}

.grp-tools span {
    color: rgba(0, 0, 0, 0) !important;
    cursor: default !important
}

.grp-module>h2+.grp-tools {
    top: -26px;
    right: 1px;
    margin-bottom: -26px
}

.grp-module .grp-row>.grp-tools {
    top: -4px;
    right: -9px
}

.grp-module>h3+.grp-tools {
    top: -25px;
    margin-bottom: -25px
}

.grp-module.grp-closed>h3+.grp-tools {
    top: -24px;
    margin-bottom: -24px
}

fieldset.grp-module .grp-row>.grp-tools {
    top: 0
}

.grp-group>h2+.grp-tools {
    top: -28px;
    right: 1px;
    margin-bottom: -28px
}

.grp-group.grp-closed>h2+.grp-tools {
    top: -26px;
    right: 1px;
    margin-bottom: -26px
}

.grp-group.grp-tabular h2+.grp-tools {
    top: -27px;
    right: 1px;
    margin-bottom: -27px
}

.grp-tools-container .grp-tools {
    top: 0;
    right: -20px;
    margin-bottom: 0
}

.grp-module.grp-add-item .grp-tools {
    top: 2px
}

.grp-related-widget-wrapper {
    position: relative;
    float: left;
    display: flex
}

.grp-tools.grp-related-widget-tools {
    top: 2px;
    z-index: 1
}

.grp-tools.grp-related-widget-tools li {
    padding: 0
}

.grp-tools.grp-related-widget-tools a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 11px;
    line-height: 16px;
    width: 21px;
    height: 21px
}

.grp-tools.grp-related-widget-tools a.add-another {
    top: 0;
    margin: 0
}

.radiolist+.grp-tools.grp-related-widget-tools,
.checkboxlist+.grp-tools.grp-related-widget-tools,
.grp-related-widget+.grp-tools.grp-related-widget-tools {
    position: relative;
    display: flex;
    float: right;
    right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 5px
}

.radiolist+.grp-tools.grp-related-widget-tools,
.checkboxlist+.grp-tools.grp-related-widget-tools {
    top: 2px;
    margin-left: 20px
}

table.grp-table {
    margin: 0;
    padding: 0;
    border-spacing: none;
    border-collapse: separate;
    border: 1px solid #ccc;
    border-radius: 3px
}

table.grp-table td,
table.grp-table th {
    vertical-align: text-top;
    padding: 10px;
    font-size: 13px;
    line-height: 15px
}

table.grp-table td.nowrap,
table.grp-table th.nowrap {
    white-space: nowrap
}

table.grp-table thead th {
    vertical-align: top;
    padding: 6px 10px 6px;
    font-size: 11px;
    line-height: 12px;
    color: #888;
    white-space: nowrap;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-image: linear-gradient(#eee, #e0e0e0)
}

table.grp-table thead th:first-child {
    border-left: 0
}

table.grp-table thead th:first-of-type {
    border-top-left-radius: 2px
}

table.grp-table thead th:last-of-type {
    border-top-right-radius: 2px
}

table.grp-table thead th a {
    display: block;
    margin: -6px -10px;
    padding: 6px 10px;
    height: 100%;
    color: var(--f-color)
}

table.grp-table thead th a:hover {
    color: var(--f-color)
}

table.grp-table tfoot td {
    vertical-align: top;
    padding: 6px 10px 6px;
    font-size: 11px;
    line-height: 12px;
    color: #888;
    white-space: nowrap
}

table.grp-table tbody tr td,
table.grp-table tbody tr th {
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e4e4e4;
    vertical-align: top
}

table.grp-table tbody tr td:first-child,
table.grp-table tbody tr th:first-child {
    border-left: 0 !important
}

table.grp-table tbody tr th {
    font-size: 13px;
    font-weight: bold;
    text-align: left;
}

table.grp-table tbody tr.grp-row-even td,
table.grp-table tbody tr.grp-row-even th,
table.grp-table tbody tr.grp-alt td,
table.grp-table tbody tr.grp-alt th {
    border-left: 1px solid #e0e0e0;
    background: #f4f4f4
}

table.grp-table tbody tr.grp-row-odd td,
table.grp-table tbody tr.grp-row-odd th {
    background: #fff
}

table.grp-table tbody tr.grp-selected {
    background: #ffd
}

table.grp-table tbody tr.grp-row-label td {
    border-bottom: 0;
    color: #666
}

table.grp-table tbody tr:last-child td,
table.grp-table tbody tr:last-child th {
    border-bottom: 0
}

table.grp-table tbody tr:last-child td:first-child,
table.grp-table tbody tr:last-child th:first-child {
    border-bottom-left-radius: 2px
}

table.grp-table tbody tr:last-child td:last-child,
table.grp-table tbody tr:last-child th:last-child {
    border-bottom-right-radius: 2px
}

table.grp-table tbody tr a.related-lookup+strong {
    top: 0
}

table.grp-table tbody tr.grp-errors td,
table.grp-table tbody tr.grp-errors th {
    padding-top: 6px;
    padding-bottom: 0
}

table.grp-table tbody tr.grp-errors td ul.errorlist,
table.grp-table tbody tr.grp-errors th ul.errorlist {
    margin: 0 0 3px !important
}

table.grp-table tfoot td {
    border-bottom: 0;
    border-top: 1px solid #d4d4d4
}

table.grp-table tfoot td:first-child {
    border-left: 0
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

    table.grp-table td>a:first-child,
    table.grp-table th>a:first-child {
        position: relative;
        top: 1px
    }
}

table.grp-table td>input[type=checkbox],
table.grp-table td>input[type=radio],
table.grp-table th>input[type=checkbox],
table.grp-table th>input[type=radio] {
    margin: 0
}

table.grp-table td>input[type=file],
table.grp-table td>input[type=checkbox],
table.grp-table td>input[type=radio],
table.grp-table td>select,
table.grp-table td p input[type=text],
table.grp-table th>input[type=file],
table.grp-table th>input[type=checkbox],
table.grp-table th>input[type=radio],
table.grp-table th>select,
table.grp-table th p input[type=text] {
    position: relative;
    margin-top: -7px !important;
    margin-bottom: -5px !important
}

table.grp-table td>input[type=text],
table.grp-table td>input[type=password],
table.grp-table td>input[type=url],
table.grp-table td>input[type=email],
table.grp-table td>input[type=number],
table.grp-table td>input[type=button],
table.grp-table td>select,
table.grp-table td p input[type=text],
table.grp-table td p input[type=url],
table.grp-table td p input[type=email],
table.grp-table td p input[type=number],
table.grp-table td p>input[type=button],
table.grp-table td div.grp-related-widget-wrapper,
table.grp-table th>input[type=text],
table.grp-table th>input[type=password],
table.grp-table th>input[type=url],
table.grp-table th>input[type=email],
table.grp-table th>input[type=number],
table.grp-table th>input[type=button],
table.grp-table th>select,
table.grp-table th p input[type=text],
table.grp-table th p input[type=url],
table.grp-table th p input[type=email],
table.grp-table th p input[type=number],
table.grp-table th p>input[type=button],
table.grp-table th div.grp-related-widget-wrapper {
    vertical-align: top;
    margin-top: -5px !important;
    margin-bottom: -5px !important
}

table.grp-table td>textarea,
table.grp-table td div.grp-readonly,
table.grp-table th>textarea,
table.grp-table th div.grp-readonly {
    position: relative;
    margin: -5px 0 -5px !important
}

table.grp-table td .radiolist,
table.grp-table td ul.checkboxlist,
table.grp-table th .radiolist,
table.grp-table th ul.checkboxlist {
    margin: -3px 0 -5px
}

table.grp-table td .radiolist.inline,
table.grp-table td ul.checkboxlist.inline,
table.grp-table th .radiolist.inline,
table.grp-table th ul.checkboxlist.inline {
    margin: -3px 0 -5px;
    white-space: normal !important;
    max-width: 400px
}

table.grp-table td a.fb_show,
table.grp-table td a.related-lookup,
table.grp-table td .ui-datepicker-trigger,
table.grp-table td .ui-timepicker-trigger,
table.grp-table th a.fb_show,
table.grp-table th a.related-lookup,
table.grp-table th .ui-datepicker-trigger,
table.grp-table th .ui-timepicker-trigger {
    margin: -5px 0 -11px -25px
}

table.grp-table td .grp-autocomplete-wrapper-m2m,
table.grp-table td .grp-autocomplete-wrapper-fk,
table.grp-table th .grp-autocomplete-wrapper-m2m,
table.grp-table th .grp-autocomplete-wrapper-fk {
    margin: -5px 0 !important
}

table.grp-table td .grp-autocomplete-wrapper-m2m a.related-lookup,
table.grp-table td .grp-autocomplete-wrapper-fk a.related-lookup,
table.grp-table th .grp-autocomplete-wrapper-m2m a.related-lookup,
table.grp-table th .grp-autocomplete-wrapper-fk a.related-lookup {
    top: 0;
    margin-top: 0
}

table.grp-table td .radiolist.inline+a.add-another,
table.grp-table td ul.checkboxlist.inline+a.add-another,
table.grp-table th .radiolist.inline+a.add-another,
table.grp-table th ul.checkboxlist.inline+a.add-another {
    top: -5px
}

table.grp-table td>ul.errorlist,
table.grp-table th>ul.errorlist {
    margin: 8px 0 -7px !important
}

table.grp-table td>ul.errorlist:first-child,
table.grp-table th>ul.errorlist:first-child {
    margin: -2px 0 8px !important
}

table.grp-table.grp-sortable thead th {
    margin: 0;
    padding: 0
}

table.grp-table.grp-sortable thead th div.grp-text span {
    display: block;
    padding: 6px 10px;
    white-space: nowrap
}

table.grp-table.grp-sortable thead th div.grp-text span input[type=checkbox] {
    margin: -6px 0 !important
}

table.grp-table.grp-sortable thead th.sortable {
    white-space: nowrap
}

table.grp-table.grp-sortable thead th.sortable .grp-text {
    position: relative;
    z-index: 400;
    display: block;
    margin: 0;
    padding: 0;
    white-space: nowrap
}

table.grp-table.grp-sortable thead th.sortable .grp-text a {
    margin: 0;
    padding: 6px 10px;
    display: block
}

table.grp-table.grp-sortable thead th.sortable .grp-sortoptions {
    position: relative;
    z-index: 410;
    display: block;
    float: right;
    clear: right;
    margin: 0 5px 0 0px;
    width: 50px;
    white-space: nowrap
}

table.grp-table.grp-sortable thead th.sortable .grp-sortoptions a {
    position: relative;
    float: right;
    display: inline-block;
    margin: 0;
    padding: 0
}

table.grp-table.grp-sortable thead th.sortable .grp-sortoptions a.grp-sortremove,
table.grp-table.grp-sortable thead th.sortable .grp-sortoptions a.grp-ascending,
table.grp-table.grp-sortable thead th.sortable .grp-sortoptions a.grp-descending {
    width: 21px;
    height: 24px
}

table.grp-table.grp-sortable thead th.sortable .grp-sortoptions a.grp-sortremove {
    visibility: hidden;
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -14582px;
    background-repeat: no-repeat
}

table.grp-table.grp-sortable thead th.sortable .grp-sortoptions a.grp-ascending {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -14805px;
    background-repeat: no-repeat
}

table.grp-table.grp-sortable thead th.sortable .grp-sortoptions a.grp-descending {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -15028px;
    background-repeat: no-repeat
}

table.grp-table.grp-sortable thead th.sortable .grp-sortoptions:hover a.grp-sortremove {
    visibility: visible
}

table.grp-table.grp-sortable thead th.sortable .grp-sortoptions span.grp-sortpriority {
    position: relative;
    float: right;
    display: block;
    padding: 6px 0 0;
    height: 16px;
    font-weight: bold
}

table.grp-table.grp-sortable thead th.sortable:hover {
    background-image: linear-gradient(#e0e0e0, #eee)
}

table.grp-table.grp-sortable thead th.sortable.sorted.ascending {
    background-image: linear-gradient(#e0e0e0, #eee)
}

table.grp-table.grp-sortable thead th.sortable.sorted.ascending:hover {
    background-image: linear-gradient(#eee, #e0e0e0)
}

table.grp-table.grp-sortable thead th.sortable.sorted.descending {
    background-image: linear-gradient(#eee, #e0e0e0)
}

table.grp-table.grp-sortable thead th.sortable.sorted.descending:hover {
    background-image: linear-gradient(#e0e0e0, #eee)
}

table.grp-table.grp-sortable thead th.sortable.sorted a {
    color: var(--f-color);
    font-weight: bold
}

table.grp-table.grp-sortable thead th.sortable.sorted .grp-text a {
    padding-right: 60px
}

table.grp-table thead th.optional {
    font-weight: normal !important
}

table.grp-table tr.row-label td {
    margin-top: -1px;
    padding-top: 2px;
    padding-bottom: 0;
    font-size: 9px
}

table.grp-table.xfull,
table.grp-table.grp-full-width {
    width: 100%
}

table.grp-table.orderable tbody tr td:hover {
    cursor: move
}

table.grp-table.orderable tbody tr td:first-child {
    padding-left: 14px;
    background-image: url("../images/backgrounds/nav-grabber.gif");
    background-repeat: repeat-y
}

table.grp-table.orderable-initalized .order-cell,
body>tr>td.order-cell {
    display: none
}

table.grp-table#grp-change-history {
    width: 100%
}

table.grp-table#grp-change-history tbody th {
    width: 160px
}

table.grp-table#grp-change-history tbody td,
table.grp-table#grp-change-history tbody th {
    background: #eee
}

table.grp-table.grp-full {
    width: 100%
}

.grp-module>table.grp-table.grp-full {
    border: 0;
    border-radius: 0
}

.model-index table.grp-table th {
    padding: 7px 10px 8px
}

.grp-pagination ul {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden
}

.grp-pagination ul .clearfix:after {
    content: "";
    display: table;
    clear: both
}

.grp-pagination ul li {
    list-style-type: none;
    white-space: nowrap;
    float: left;
    padding-left: 0;
    padding-right: 0
}

.grp-pagination ul li:first-child,
.grp-pagination ul li.first {
    padding-left: 0
}

.grp-pagination ul li:last-child {
    padding-right: 0
}

.grp-pagination ul li.last {
    padding-right: 0
}

.grp-pagination ul li {
    margin-right: 1px;
    border: 1px solid #fff;
    border-radius: 3px
}

.grp-pagination ul li a,
.grp-pagination ul li span {
    display: inline-block;
    padding: 4px 8px 4px;
    min-width: 25px;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    border: 1px solid;
    border-radius: 2px;
    box-sizing: border-box
}

.grp-pagination ul li a {
    color: var(--f-color);
    border-color: #d9d9d9
}

.grp-pagination ul li a:hover {
    color: var(--f-color);
    border-color: #bdbdbd;
    background-image: linear-gradient(#eee, #e0e0e0)
}

.grp-pagination ul li span {
    color: var(--f-color);
    border-color: #bdbdbd;
    background-image: linear-gradient(#eee, #e0e0e0)
}

.grp-pagination ul li.grp-results {
    margin-right: 4px
}

.grp-pagination ul li.grp-separator {
    border-color: rgba(0, 0, 0, 0)
}

.grp-pagination ul li.grp-separator span {
    padding: 4px 0;
    min-width: 10px;
    font-size: 14px;
    border-color: rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0)
}

.grp-pagination ul li.grp-showall {
    margin-left: 4px
}

.grp-pagination ul li:last-child {
    clear: right
}

.grp-date-hierarchy ul {
    position: relative;
    float: left;
    clear: both;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold
}

.grp-date-hierarchy ul li {
    position: relative;
    float: left
}

.grp-date-hierarchy ul li a,
.grp-date-hierarchy ul li span {
    padding: 2px 5px
}

.grp-date-hierarchy ul li a.grp-date-hierarchy-back {
    color: var(--f-color);
    padding-left: 15px;
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -11906px;
    background-repeat: no-repeat
}

.grp-date-hierarchy ul li a.grp-date-hierarchy-back:hover {
    color: var(--f-color)
}

form#grp-changelist-search-form {
    margin: 1px 0 0;
    border: 1px solid #fff;
    border-radius: 20px
}

.grp-pulldown-container {
    position: relative;
    top: 0;
    width: inherit;
    box-sizing: border-box;
    border-radius: 4px;
    margin: -1px 0 0
}

.grp-pulldown-container .grp-pulldown-handler {
    display: block;
    margin: 0;
    font-weight: bold;
    border-radius: 3px;
    cursor: pointer;
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 100% -18829px;
    background-repeat: no-repeat;
    background-size: auto !important;
    color: black
}

.grp-pulldown-container .grp-pulldown-handler:hover {
    color: var(--f-color);
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 100% -18381px;
    background-repeat: no-repeat
}

.grp-pulldown-container.grp-pulldown-state-open {
    z-index: 910;
    float: left;
    clear: both;
    box-shadow: 0 10px 50px #333
}

.grp-pulldown-container.grp-pulldown-state-open .grp-pulldown-handler {
    color: var(--f-color);
    text-shadow: 0 1px 0 #fff;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom: 1px solid #ccc !important;
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 100% -18605px;
    background-repeat: no-repeat
}

.grp-pulldown-container.grp-pulldown-state-open .grp-pulldown-handler:hover {
    color: var(--f-color);
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 100% -18605px;
    background-repeat: no-repeat
}

.grp-pulldown-container.grp-pulldown-state-open .grp-pulldown-content {
    float: left;
    clear: both
}

.grp-pulldown-container .grp-pulldown-content {
    padding: 0;
    width: 100%;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 1px solid #fff !important;
    box-sizing: border-box;
    color: var(--f-color)
}

.grp-pulldown-container .grp-pulldown-content:hover {
    color: var(--f-color)
}

#grp-filters.grp-filter {
    position: sticky;
    top: 20px;
    max-height: calc(100vh - 220px);
    overflow: scroll;
}

#grp-filters.grp-module {
    z-index: 800
}

.grp-filter {
    position: relative;
    float: left;
    clear: both;
    width: 100%
}

.grp-filter:not(.grp-module) {
    height: 28px
}

.grp-filter .grp-pulldown-container {
    border: 1px solid #fff
}

.grp-filter .grp-module:first-child h3 {
    border-top: 0
}

.grp-filter .grp-row label {
    display: inline-block;
    font-family: var(--font-main);
    font-size: 11px;
    line-height: 13px;
    color: var(--f-color);
    display: block;
    margin: 0 0 2px;
    color: #888;
    font-weight: bold
}

.grp-filter .grp-row label.required {
    font-weight: bold
}

.grp-filter .grp-row select {
    width: 100% !important;
    max-width: 100% !important
}

.grp-filter .grp-row a:not(.grp-button) {
    display: inline-block;
    margin: -5px -10px;
    padding: 4px 10px;
    color: var(--link-color);
    font-size: 13px
}

.grp-filter .grp-row a:not(.grp-button):hover {
    color: var(--f-color)
}

.grp-filter .grp-row.grp-selected a:not(.grp-button) {
    padding-left: 12px;
    padding-right: 12px;
    color: var(--c-btn);
    background: var(--c-btn-bgr);
    margin-left: -2px;
    border-radius: 15px;
}

.grp-filter .grp-row a.grp-button {
    display: block;
    text-align: center
}

.grp-filter .grp-row a.grp-button+.grp-button {
    margin-top: 5px
}

.grp-filter .grp-row a.grp-button.grp-reset-link {
    opacity: .5
}

.grp-filter .grp-row a.grp-button.grp-reset-link:hover {
    opacity: 1
}

.grp-filter:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

li.grp-changelist-actions {
    padding: 5px 0 !important;
    background: rgba(0, 0, 0, 0) !important
}

li.grp-changelist-actions select {
    position: relative;
    float: left;
    margin: 1px 5px 0 0
}

li.grp-changelist-actions button[type=submit] {
    float: right
}

li.grp-changelist-actions .grp-horizontal-list {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    margin: 0 0
}

li.grp-changelist-actions .grp-horizontal-list .clearfix:after {
    content: "";
    display: table;
    clear: both
}

li.grp-changelist-actions .grp-horizontal-list li {
    list-style-type: none;
    white-space: nowrap;
    float: left;
    padding-left: 0;
    padding-right: 0
}

li.grp-changelist-actions .grp-horizontal-list li:first-child,
li.grp-changelist-actions .grp-horizontal-list li.first {
    padding-left: 0
}

li.grp-changelist-actions .grp-horizontal-list li:last-child {
    padding-right: 0
}

li.grp-changelist-actions .grp-horizontal-list li.last {
    padding-right: 0
}

li.grp-changelist-actions .grp-horizontal-list li {
    margin-right: 4px;
    border-radius: 4px
}

li.grp-changelist-actions .grp-horizontal-list .grp-button {
    padding: 5px 10px 4px;
    border-radius: 3px !important
}

li.grp-changelist-actions .grp-horizontal-list a {
    opacity: 1 !important;
    color: var(--c-btn);
    font-weight: bold;
    border: 1px solid #111;
    background: var(--c-btn-bgr)
}

li.grp-changelist-actions .grp-horizontal-list a:hover {
    color: #fff;
    border: 1px solid #222;
    background: #555
}

li.grp-changelist-actions .grp-horizontal-list span {
    color: var(--c-btn);
    cursor: default !important;
    border: 1px solid var(--c-btn-bgr-border);
    background: var(--c-btn-bgr) !important
}

li.grp-changelist-actions li.hidden {
    display: none
}

.grp-submit-row.grp-fixed-footer>ul>li.grp-changelist-actions,
.grp-submit-row.grp-fixed-footer>div>div.grp-changelist-actions {
    padding: 5px 0 !important
}

.grp-changelist-results {
    background: #eee url("../images/backgrounds/changelist-results.png") repeat scroll !important
}

.grp-result-overflow-scroll .grp-changelist-results {
    overflow: auto;
    overflow-y: hidden;
    -ms-overflow-y: hidden
}

.grp-result-overflow-scroll .grp-changelist-results table.grp-table {
    border-right: 0 !important
}

body.grp-change-list table.grp-table {
    margin: -1px !important
}

body.grp-change-list table.grp-table tr.grp-selected th,
body.grp-change-list table.grp-table tr.grp-selected td {
    background: #ffd
}

body.grp-delete-confirmation ul.grp-nested-list {
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    margin: -2px 0 2px
}

body.grp-delete-confirmation ul.grp-nested-list li {
    font-size: 12px;
    font-weight: normal
}

body.grp-delete-confirmation ul.grp-nested-list li>ul li>ul {
    margin-left: 6px
}

body.grp-delete-confirmation ul.grp-nested-list li>ul li>ul>li {
    margin: 5px 0 5px -4px;
    padding-left: 10px;
    border-left: 4px solid #ddd
}

body.grp-delete-confirmation ul.grp-nested-list li+li {
    margin-top: 5px
}

body.grp-delete-confirmation ul.grp-nested-list>li {
    margin-left: 0;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    float: left;
    clear: both;
    margin: 0 0 5px;
    padding: 0;
    width: 100%;
    border: 1px solid #ccc;
    background: #eee;
    border-radius: 3px;
    box-sizing: border-box;
    margin-top: 2px !important;
    margin-bottom: 0 !important;
    padding: 8px 10px
}

body.grp-delete-confirmation ul.grp-nested-list>li .grp-module {
    margin: 0;
    border: 0
}

body.grp-delete-confirmation ul.grp-nested-list>li .grp-module+.grp-module {
    border-top: 1px solid #d9d9d9;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

body.grp-delete-confirmation ul.grp-nested-list>li+li {
    margin-top: 0
}

body.grp-delete-confirmation ul.grp-nested-list>li>ul {
    margin-top: 8px;
    border-top: 1px solid #ddd
}

body.grp-delete-confirmation ul.grp-nested-list>li>ul>li {
    margin-top: 0 !important;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 13px;
    font-weight: bold;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ddd
}

body.grp-delete-confirmation ul.grp-nested-list>li>ul>li:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

body.grp-delete-confirmation ul.grp-nested-list>li>ul>li>ul {
    margin-top: 8px
}

body.grp-delete-confirmation ul.grp-nested-list>li>ul>li>ul>li {
    font-weight: bold
}

body.grp-delete-confirmation ul.grp-nested-list>li>ul>li>ul>li>ul li ul li {
    color: #888
}

body.grp-filebrowser table td>a:first-child,
body.grp-filebrowser table th>a:first-child {
    position: relative;
    top: 0
}

body.grp-filebrowser table td.grp-sorted a,
body.grp-filebrowser table th.grp-sorted a {
    padding-right: 30px;
    color: var(--f-color);
    font-weight: bold
}

body.grp-filebrowser table td.grp-sorted.grp-ascending a,
body.grp-filebrowser table th.grp-sorted.grp-ascending a {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 100% -14805px;
    background-repeat: no-repeat
}

body.grp-filebrowser table td.grp-sorted.grp-descending a,
body.grp-filebrowser table th.grp-sorted.grp-descending a {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 100% -15028px;
    background-repeat: no-repeat
}

body.grp-filebrowser table td {
    padding: 10px 10px 8px
}

body.grp-filebrowser table td ul.grp-actions {
    position: relative;
    top: -1px;
    left: -5px;
    margin: 0 -5px -1px 0
}

.grp-module.ui-widget {
    border: none
}

.ui-widget-content {
    border: 1px solid #ccc;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    font-weight: bold
}

.ui-widget-content .ui-state-default {
    background: #cee9f2
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    font-weight: bold
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    font-weight: bold
}

.ui-sortable {
    position: relative;
    float: left;
    clear: both;
    width: 100%
}

.ui-sortable .ui-sortable-helper,
.ui-sortable .ui-sortable-placeholder {
    opacity: .8
}

.ui-sortable .ui-sortable-helper {
    margin: 0;
    width: 100% !important;
    height: auto !important;
    overflow: visible
}

.ui-sortable .grp-module.ui-sortable-placeholder {
    border: 1px solid #ccc !important;
    background: rgba(0, 0, 0, 0) url("../images/backgrounds/ui-sortable-placeholder.png") 0 0 repeat scroll !important
}

.grp-group.grp-stacked .ui-sortable-placeholder {
    margin: 0 0 2px
}

.grp-group.grp-stacked .ui-sortable-placeholder:first-child {
    margin-top: 0
}

.grp-group.grp-tabular .ui-sortable .grp-module.ui-sortable-placeholder {
    overflow: hidden
}

.grp-group.grp-tabular .ui-sortable .grp-module.ui-sortable-placeholder .grp-th,
.grp-group.grp-tabular .ui-sortable .grp-module.ui-sortable-placeholder .grp-td {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: rgba(0, 0, 0, 0) !important
}

.grp-group.grp-tabular .ui-sortable .grp-module.ui-sortable-helper {
    border-top: 0 !important
}

.grp-group.grp-tabular .ui-sortable .grp-module.ui-sortable-helper .grp-th,
.grp-group.grp-tabular .ui-sortable .grp-module.ui-sortable-helper .grp-td {
    background: #ffc !important
}

.grp-group.grp-stacked .ui-sortable-helper,
.grp-group.grp-stacked .ui-sortable-helper .grp-module,
.grp-group.grp-stacked .ui-sortable-helper h2,
.grp-group.grp-stacked .ui-sortable-helper h3,
.grp-group.grp-stacked .ui-sortable-helper h4,
.grp-group.grp-stacked .grp-collapse.grp-predelete.ui-sortable-helper>h3.grp-collapse-handler,
.grp-group.grp-stacked .grp-collapse.grp-open.predelete.ui-sortable-helper>h3.grp-collapse-handler,
.grp-group.grp-stacked .grp-collapse.grp-predelete.ui-sortable-helper h4.grp-collapse-handler,
.grp-group.grp-stacked .grp-collapse.grp-open.grp-predelete.ui-sortable-helper h4.grp-collapse-handler {
    background: #ffc !important
}

.datetime br {
    display: none
}

.datetimeshortcuts {
    width: 40px;
    position: relative;
    margin-left: 10px
}

.datetimeshortcuts a {
    margin-left: 0 !important
}

.ui-datepicker {
    position: absolute;
    display: none;
    margin: -1px 0 0 !important;
    padding: 3px 3px 0;
    width: auto !important;
    font-size: 12px;
    border: 1px solid #888;
    border-radius: 3px;
    background: #eee;
    box-shadow: 0 10px 50px #333
}

.ui-datepicker input,
.ui-datepicker select,
.ui-datepicker textarea,
.ui-datepicker button {
    margin: 0;
    padding: 2px 5px;
    height: 25px;
    font-family: var(--font-main);
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fdfdfd;
    box-sizing: border-box;
    box-shadow: 0 1px 3px 0 #eee inset;
    overflow: hidden;
    vertical-align: middle
}

.ui-datepicker input:focus,
.ui-datepicker input.grp-state-focus,
.ui-datepicker select:focus,
.ui-datepicker select.grp-state-focus,
.ui-datepicker textarea:focus,
.ui-datepicker textarea.grp-state-focus,
.ui-datepicker button:focus,
.ui-datepicker button.grp-state-focus {
    border: 1px solid #aaa;
    box-shadow: 0 0 6px #ccc;
    background: #fff;
    outline: 0
}

.ui-datepicker .ui-widget-content {
    background: #eee;
    color: #222
}

.ui-datepicker .ui-widget-content a {
    color: var(--f-color)
}

.ui-datepicker .ui-widget-header {
    padding: 2px 0;
    height: 25px;
    background: #ccc;
    color: #222;
    font-weight: bold
}

.ui-datepicker .ui-widget-header a {
    color: var(--f-color)
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
    border: 1px solid #bdbdbd
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 4px;
    width: 20px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: none
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -16366px;
    background-repeat: no-repeat
}

.ui-datepicker .ui-datepicker-next {
    right: 4px;
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -15920px;
    background-repeat: no-repeat
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px;
    border: none
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 4px;
    border: none
}

.ui-datepicker .ui-datepicker-title {
    margin: 3px 27px 2px;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    float: left;
    font-size: 1em;
    margin: -3px 0 -1px !important;
    padding: 4px 3px 4px 2px;
    min-width: 30px;
    border: 1px solid #bbb
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-month-year {
    width: 100%
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-month,
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
    float: right
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

    .ui-datepicker .ui-datepicker-title select,
    .ui-datepicker .ui-datepicker-title select:focus {
        padding: 4px 28px 4px 5px;
        -webkit-appearance: none;
        background-image: url("../images/icons/form-select.png");
        background-position: 100% 50%;
        background-repeat: no-repeat
    }
}

.ui-datepicker table {
    width: 100%;
    font-size: 11px;
    margin: 0 0 2px;
    border: 0
}

.ui-datepicker table th {
    padding: 5px 0;
    text-align: center;
    color: #888;
    font-weight: bold;
    border: 0;
    background: rgba(0, 0, 0, 0)
}

.ui-datepicker table td {
    min-width: 25px;
    border: 0;
    padding: 1px
}

.ui-datepicker table td span,
.ui-datepicker table td a {
    padding: 3px 0 3px;
    margin: 0 !important;
    text-align: center;
    display: block;
    color: var(--f-color);
    font-size: 11px;
    border-radius: 3px
}

.ui-datepicker table td span.ui-state-default,
.ui-datepicker table td a.ui-state-default {
    color: var(--f-color);
    border-color: #ccc
}

.ui-datepicker table td span.ui-state-hover,
.ui-datepicker table td a.ui-state-hover {
    color: #fff !important;
    border-color: rgba(0, 0, 0, 0) !important;
    background: #444 !important
}

.ui-datepicker table td span.ui-state-active,
.ui-datepicker table td a.ui-state-active {
    background: #fff
}

.ui-datepicker table td span.ui-state-highlight,
.ui-datepicker table td a.ui-state-highlight {
    border-color: #bababa;
    background: #d6d6d6
}

.ui-datepicker table td.ui-datepicker-today a {
    border-color: #bababa;
    background: #d6d6d6
}

.ui-datepicker table td.ui-datepicker-current-day a {
    background: #fff
}

.ui-datepicker .ui-datepicker-buttonpane {
    position: relative;
    float: left;
    clear: both;
    background-image: none;
    width: 100%;
    margin: 5px 0 1px;
    padding: 0;
    border: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: left;
    margin: 3px 0;
    padding: 4px 5px 5px;
    height: 25px;
    color: #aaa;
    font-size: 11px;
    border: 1px solid #c7c7c7;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0);
    box-shadow: none;
    cursor: pointer
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right;
    opacity: 1 !important;
    color: var(--f-color);
    font-weight: bold;
    background: #cee9f2
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current.ui-state-hover {
    color: #fff !important;
    border-color: var(--f-color) !important;
    background: #444 !important
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker.ui-datepicker-multi .ui-datepicker-group-first .ui-datepicker-title {
    margin-right: 5px !important
}

.ui-datepicker.ui-datepicker-multi .ui-datepicker-group-first table {
    margin-right: 5px !important
}

.ui-datepicker.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-title {
    margin-right: 5px !important;
    margin-left: 5px !important
}

.ui-datepicker.ui-datepicker-multi .ui-datepicker-group-middle table {
    margin-right: 5px !important;
    margin-left: 3px !important
}

.ui-datepicker.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-title {
    margin-left: 5px !important
}

.ui-datepicker.ui-datepicker-multi .ui-datepicker-group-last table {
    margin-left: 5px !important
}

.ui-datepicker.ui-datepicker-multi .ui-datepicker-buttonpane {
    border: none
}

.ui-datepicker.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0em
}

.ui-datepicker-append {
    margin-left: 6px;
    color: #999;
    font-size: 10px
}

.ui-datepicker td.ui-state-disabled {
    padding: 1px;
    text-align: center
}

.ui-datepicker td.ui-state-disabled span {
    background: #ccc;
    color: #555 !important;
    font-weight: bold;
    font-size: 11px;
    border-radius: 3px
}

button.ui-datepicker-close {
    float: left !important;
    margin-right: 4px !important
}

#ui-timepicker {
    position: absolute;
    z-index: 1;
    display: none;
    margin: -1px 0 0 !important;
    padding: 5px 3px 3px 5px;
    width: 216px;
    font-size: 12px;
    border: 1px solid #888;
    border-radius: 3px;
    background: #eee;
    box-shadow: 0 10px 50px #333
}

#ui-timepicker input,
#ui-timepicker select,
#ui-timepicker textarea,
#ui-timepicker button {
    margin: 0;
    padding: 2px 5px;
    height: 25px;
    font-family: var(--font-main);
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fdfdfd;
    box-sizing: border-box;
    box-shadow: 0 1px 3px 0 #eee inset;
    overflow: hidden;
    vertical-align: middle
}

#ui-timepicker input:focus,
#ui-timepicker input.grp-state-focus,
#ui-timepicker select:focus,
#ui-timepicker select.grp-state-focus,
#ui-timepicker textarea:focus,
#ui-timepicker textarea.grp-state-focus,
#ui-timepicker button:focus,
#ui-timepicker button.grp-state-focus {
    border: 1px solid #aaa;
    box-shadow: 0 0 6px #ccc;
    background: #fff;
    outline: 0
}

#ui-timepicker .ui-widget-content {
    background: #eee;
    color: #222
}

#ui-timepicker .ui-widget-content a {
    color: var(--f-color)
}

#ui-timepicker .ui-widget-header {
    padding: 2px 0;
    height: 25px;
    background: #ccc;
    color: #222;
    font-weight: bold
}

#ui-timepicker .ui-widget-header a {
    color: var(--f-color)
}

#ui-timepicker ul {
    position: relative;
    float: left;
    clear: both;
    width: auto
}

#ui-timepicker ul li.row {
    position: relative;
    float: left;
    display: block;
    margin: 0 2px 2px 0;
    padding: 2px 10px 1px;
    width: 30px;
    font-size: 11px;
    text-align: center;
    border: 0;
    border-radius: 3px;
    cursor: pointer
}

#ui-timepicker ul li.row.ui-state-default {
    color: var(--f-color);
    border: 1px solid #c7c7c7 !important;
    background: var(--c-bgr-light)
}

#ui-timepicker ul li.row.ui-state-default:hover {
    color: #fff;
    border: 1px solid #666 !important;
    background: #444
}

#ui-timepicker ul li.row.ui-state-active {
    color: var(--f-color);
    border: 1px solid #bababa !important;
    background: #d6d6d6
}

.ui-menu {
    z-index: 1000;
    display: block;
    margin: 0;
    padding: 2px;
    list-style: none
}

.ui-menu li:first-child span {
    display: block;
    padding: 1px 4px;
    color: #888;
    font-weight: bold
}

.ui-menu li:first-child+li {
    margin-top: 3px
}

.ui-menu li>span.error {
    display: block;
    margin: 0;
    padding: 5px 5px 5px;
    color: #bf3030
}

.ui-menu li.ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
    border: 0 !important
}

.ui-menu li.ui-menu-item a {
    display: block;
    margin: 0 !important;
    padding: 3px 4px;
    color: var(--f-color);
    font-weight: bold !important;
    border: 1px solid #c7c7c7;
    border-radius: 2px;
    background: #cee9f2;
    cursor: pointer
}

.ui-menu li.ui-menu-item a:hover,
.ui-menu li.ui-menu-item a.ui-state-hover,
.ui-menu li.ui-menu-item a.ui-state-focus,
.ui-menu li.ui-menu-item a.ui-state-active {
    color: #fff;
    border: 1px solid #333;
    background: #444
}

.ui-menu li.ui-menu-item+li.ui-menu-item {
    margin-top: 2px;
    border-top: 0 !important
}

.ui-menu .ui-menu {
    margin-top: -3px
}

.ui-autocomplete {
    position: absolute;
    cursor: default;
    margin: -1px 0 0 !important;
    padding: 3px;
    font-size: 12px;
    border: 1px solid #888;
    border-radius: 3px;
    background: #eee;
    box-shadow: 0 10px 50px #333;
    border-radius: 3px
}

.ui-autocomplete input,
.ui-autocomplete select,
.ui-autocomplete textarea,
.ui-autocomplete button {
    margin: 0;
    padding: 2px 5px;
    height: 25px;
    font-family: var(--font-main);
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fdfdfd;
    box-sizing: border-box;
    box-shadow: 0 1px 3px 0 #eee inset;
    overflow: hidden;
    vertical-align: middle
}

.ui-autocomplete input:focus,
.ui-autocomplete input.grp-state-focus,
.ui-autocomplete select:focus,
.ui-autocomplete select.grp-state-focus,
.ui-autocomplete textarea:focus,
.ui-autocomplete textarea.grp-state-focus,
.ui-autocomplete button:focus,
.ui-autocomplete button.grp-state-focus {
    border: 1px solid #aaa;
    box-shadow: 0 0 6px #ccc;
    background: #fff;
    outline: 0
}

.ui-autocomplete .ui-widget-content {
    background: #eee;
    color: #222
}

.ui-autocomplete .ui-widget-content a {
    color: var(--f-color)
}

.ui-autocomplete .ui-widget-header {
    padding: 2px 0;
    height: 25px;
    background: #ccc;
    color: #222;
    font-weight: bold
}

.ui-autocomplete .ui-widget-header a {
    color: var(--f-color)
}

* html .ui-autocomplete {
    width: 1px
}

body[class*=grp] select.admin-autocomplete {
    width: 758px
}

body[class*=grp] .select2-container--admin-autocomplete.select2-container {
    min-height: 25px
}

body[class*=grp] .select2-container--admin-autocomplete .select2-selection--single {
    height: 25px
}

body[class*=grp] .select2-container--admin-autocomplete .select2-selection--single,
body[class*=grp] .select2-container--admin-autocomplete .select2-selection--multiple {
    min-height: 25px;
    padding: 0
}

body[class*=grp] .select2-container--admin-autocomplete.select2-container--focus .select2-selection,
body[class*=grp] .select2-container--admin-autocomplete.select2-container--open .select2-selection {
    border: 1px solid #aaa;
    outline: 0;
    box-shadow: 0 0 6px #ccc !important;
    min-height: 25px
}

body[class*=grp] .select2-container--admin-autocomplete.select2-container--focus .select2-selection.select2-selection--single,
body[class*=grp] .select2-container--admin-autocomplete.select2-container--open .select2-selection.select2-selection--single {
    padding: 0
}

body[class*=grp] .select2-container--admin-autocomplete.select2-container--focus .select2-selection.select2-selection--multiple,
body[class*=grp] .select2-container--admin-autocomplete.select2-container--open .select2-selection.select2-selection--multiple {
    padding: 0
}

body[class*=grp] .select2-container--admin-autocomplete .select2-selection--single {
    font-family: var(--font-main);
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fdfdfd;
    cursor: text;
    box-shadow: 0 1px 3px 0 #eee inset;
    overflow: hidden;
    vertical-align: middle
}

body[class*=grp] .select2-container--admin-autocomplete .select2-selection--single .select2-selection__rendered {
    padding: 5px 40px 0 5px;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #555
}

body[class*=grp] .select2-container--admin-autocomplete[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding: 5px 5px 0 40px
}

body[class*=grp] .select2-container--admin-autocomplete .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    top: -4px;
    right: -20px;
    width: 20px;
    height: 24px;
    color: rgba(0, 0, 0, 0);
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -9694px;
    background-repeat: no-repeat
}

body[class*=grp] .select2-container--admin-autocomplete .select2-selection--single .select2-selection__clear:hover {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -9694px;
    background-repeat: no-repeat
}

body[class*=grp] .select2-container--admin-autocomplete[dir=rtl] .select2-selection--single .select2-selection__clear {
    left: -24px;
    right: auto
}

body[class*=grp] .select2-container--admin-autocomplete .select2-selection--single .select2-selection__placeholder {
    color: #9a9a9a
}

body[class*=grp] .select2-container--admin-autocomplete .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 3px;
    right: 4px;
    width: 20px;
    height: 24px;
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -3835px;
    background-repeat: no-repeat
}

body[class*=grp] .select2-container--admin-autocomplete .select2-selection--single .select2-selection__arrow b {
    display: none
}

body[class*=grp] .select2-container--admin-autocomplete[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

body[class*=grp] .select2-container--admin-autocomplete[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

body[class*=grp] .select2-container--admin-autocomplete.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

body[class*=grp] .select2-container--admin-autocomplete.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

body[class*=grp] .select2-container--admin-autocomplete .select2-selection--multiple {
    font-family: var(--font-main);
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fdfdfd;
    cursor: text;
    box-shadow: 0 1px 3px 0 #eee inset;
    overflow: hidden;
    vertical-align: middle
}

body[class*=grp] .select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 2px 2px;
    width: 100%
}

body[class*=grp] .select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

body[class*=grp] .select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__placeholder {
    color: #9a9a9a;
    margin-top: 5px;
    float: left
}

body[class*=grp] .select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__rendered {
    padding-right: 40px
}

body[class*=grp] .select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__rendered:after {
    content: " ";
    position: absolute;
    top: 3px;
    right: 4px;
    display: block;
    width: 20px;
    height: 24px;
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -3618px;
    background-repeat: no-repeat
}

body[class*=grp] .select2-container--admin-autocomplete[dir=rtl] .select2-selection--multiple .select2-selection__rendered {
    padding-left: 40px;
    padding-right: 0
}

body[class*=grp] .select2-container--admin-autocomplete[dir=rtl] .select2-selection--multiple .select2-selection__rendered:after {
    left: 2px;
    right: auto
}

body[class*=grp] .select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin: 2px 21px 5px 5px;
    width: 20px;
    height: 24px;
    color: rgba(0, 0, 0, 0);
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -9694px;
    background-repeat: no-repeat
}

body[class*=grp] .select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__clear:hover {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -9911px;
    background-repeat: no-repeat
}

body[class*=grp] .select2-container--admin-autocomplete[dir=rtl] .select2-selection--multiple .select2-selection__clear {
    position: absolute;
    left: 0;
    margin: 2px auto 5px 17px
}

body[class*=grp] .select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__choice {
    cursor: default;
    float: left;
    margin: 2px 2px 0 0;
    padding: 2px 5px 0;
    min-height: 15px;
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
    color: var(--f-color-dark);
    background-color: var(--c-bgr-light);
    border: 1px solid #ccc;
    border-radius: 3px
}

body[class*=grp] .select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__choice__remove {
    position: relative;
    top: -4px;
    left: -8px;
    cursor: pointer;
    display: inline-block;
    margin-right: -7px;
    width: 18px;
    height: 15px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0);
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -9694px;
    background-repeat: no-repeat
}

body[class*=grp] .select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: rgba(0, 0, 0, 0);
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -9911px;
    background-repeat: no-repeat
}

body[class*=grp] .select2-container--admin-autocomplete[dir=rtl] .select2-selection--multiple .select2-selection__choice,
body[class*=grp] .select2-container--admin-autocomplete[dir=rtl] .select2-selection--multiple .select2-selection__placeholder,
body[class*=grp] .select2-container--admin-autocomplete[dir=rtl] .select2-selection--multiple .select2-search--inline {
    float: right
}

body[class*=grp] .select2-container--admin-autocomplete[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    right: -4px;
    margin-left: -7px;
    left: auto;
    margin-right: auto
}

body[class*=grp] .select2-container--admin-autocomplete.select2-container--focus .select2-selection--multiple {
    border: solid #9a9a9a 1px;
    outline: 0
}

body[class*=grp] .select2-container--admin-autocomplete.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

body[class*=grp] .select2-container--admin-autocomplete.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

body[class*=grp] .select2-container--admin-autocomplete.select2-container--open.select2-container--above .select2-selection--single,
body[class*=grp] .select2-container--admin-autocomplete.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

body[class*=grp] .select2-container--admin-autocomplete.select2-container--open.select2-container--below .select2-selection--single,
body[class*=grp] .select2-container--admin-autocomplete.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

body[class*=grp] .select2-container--open .select2-dropdown {
    overflow: hidden;
    border-radius: 3px;
    border: 1px solid #aaa;
    background-color: #fff;
    background-color: #eee
}

body[class*=grp] .select2-container--open .select2-dropdown.select2-dropdown--above {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 0px 50px rgba(51, 51, 51, .3)
}

body[class*=grp] .select2-container--open .select2-dropdown.select2-dropdown--below {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 20px 50px rgba(51, 51, 51, .3)
}

body[class*=grp] .select2-container--admin-autocomplete .select2-search--dropdown {
    padding: 8px 4px 4px;
    background-color: #eee
}

body[class*=grp] .select2-container--admin-autocomplete .select2-search--dropdown .select2-search__field {
    margin: 0;
    padding: 2px 5px;
    height: 25px;
    font-family: var(--font-main);
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fdfdfd;
    box-sizing: border-box;
    box-shadow: 0 1px 3px 0 #eee inset;
    overflow: hidden;
    vertical-align: middle
}

body[class*=grp] .select2-container--admin-autocomplete .select2-search--dropdown .select2-search__field:focus,
body[class*=grp] .select2-container--admin-autocomplete .select2-search--dropdown .select2-search__field.grp-state-focus {
    border: 1px solid #aaa;
    box-shadow: 0 0 6px #ccc;
    background: #fff;
    outline: 0
}

body[class*=grp] .select2-container--admin-autocomplete .select2-search--dropdown .select2-search__field:focus {
    box-shadow: 0 1px 3px 0 #eee inset
}

body[class*=grp] .select2-container--admin-autocomplete .select2-search--inline .select2-search__field {
    position: relative;
    top: -1px;
    padding: 0 5px;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    background: rgba(0, 0, 0, 0);
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

body[class*=grp] .select2-container--admin-autocomplete .select2-search--inline .select2-search__field:focus {
    background: rgba(0, 0, 0, 0);
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

body[class*=grp] .select2-container--admin-autocomplete .select2-results {
    padding: 4px;
    background-color: #fff;
    background-color: #eee
}

body[class*=grp] .select2-container--admin-autocomplete .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
    background-color: #fff;
    background-color: #eee
}

body[class*=grp] .select2-container--admin-autocomplete .select2-results .select2-results__option {
    padding: 4px 5px;
    font-weight: bold;
    color: #555;
    border-radius: 3px;
    border: 1px solid #ccc;
    background-color: var(--c-bgr-light);
    transition: color .125s ease-in-out, border .125s ease-in-out, background .125s ease-in-out
}

body[class*=grp] .select2-container--admin-autocomplete .select2-results .select2-results__option+.select2-results__option {
    margin-top: 2px
}

body[class*=grp] .select2-container--admin-autocomplete .select2-results .select2-results__option.loading-results {
    border-color: rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0)
}

body[class*=grp] .select2-container--admin-autocomplete .select2-results .select2-results__option.select2-results__message {
    border-color: rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0)
}

body[class*=grp] .select2-results .select2-results__options .select2-results__option.loading-results {
    margin-top: -4px
}

body[class*=grp] .select2-results .select2-results__options .select2-results__option.select2-results__message {
    margin-top: -4px
}

body[class*=grp] .select2-results .select2-results__options[aria-multiselectable=true] .select2-results__option.loading-results {
    margin-top: 0
}

body[class*=grp] .select2-results .select2-results__options[aria-multiselectable=true] .select2-results__option.select2-results__message {
    margin-top: 0
}

body[class*=grp] .select2-container--admin-autocomplete .select2-results__option[role=group] {
    padding: 0
}

body[class*=grp] .select2-container--admin-autocomplete .select2-results__option[aria-disabled=true] {
    color: #9a9a9a;
    border-color: #ccc;
    background-color: #eee
}

body[class*=grp] .select2-container--admin-autocomplete .select2-results__option[aria-selected=true] {
    color: #fff;
    border-color: #1a1a1a;
    background-color: #333
}

body[class*=grp] .select2-container--admin-autocomplete .select2-results__option .select2-results__option {
    padding-left: 1em
}

body[class*=grp] .select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

body[class*=grp] .select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

body[class*=grp] .select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

body[class*=grp] .select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

body[class*=grp] .select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

body[class*=grp] .select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

body[class*=grp] .select2-container--admin-autocomplete .select2-results__option--highlighted[aria-selected] {
    color: #fff;
    border-color: #267a96;
    background-color: var(--c-btn-bgr)
}

body[class*=grp] .select2-container--admin-autocomplete .select2-results__group {
    cursor: default;
    display: block;
    padding: 4px
}

body {
    position: relative;
    float: left;
    clear: both;
    padding: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    font-size: 13px;
    background: #fff;
    overflow: visible;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body .clearfix:after {
    content: "";
    display: table;
    clear: both
}

.grp-column.grp-centered {
    position: relative;
    display: block;
    float: none !important;
    margin: 0 auto !important
}

.grp-span-fluid {
    float: none;
    display: table-cell;
    width: 10000px
}

body.grp-login #grp-header,
body.grp-login #grp-context-navigation,
body.grp-login #grp-content-title {
    display: none
}

body.grp-login #grp-content {
    top: 140px
}

body.grp-login .grp-module-login {
    border: 0 !important;
    border-radius: 6px;
    background: var(--c-btn-bgr) !important
}

body.grp-login .grp-module-login>.grp-row {
    padding: 10px;
    border-top: 1px solid #333 !important;
    border-bottom: 1px solid #000 !important
}

body.grp-login .grp-module-login>.grp-row label {
    color: #fff
}

body.grp-login .grp-module-login h1 {
    font-size: 18px;
    padding: 35px 0 0;
    border: 1px solid #111;
    border-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #333
}

body.grp-login .grp-module-login h1 span {
    display: block;
    margin: 0;
    color: #eee
}

body.grp-login .grp-module-login h1 span.grp-admin-title {
    padding: 5px 10px 7px;
    font-weight: bold
}

body.grp-login .grp-module-login h1 span.grp-admin-title a {
    color: #eee
}

body.grp-login .grp-module-login h1 span.grp-admin-title a:hover {
    color: white
}

body.grp-login .grp-module-login h1 span.grp-current-page {
    margin: 0 -1px;
    padding: 5px 11px 4px;
    border-top: 0;
    border-bottom: 0;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

body.grp-login .grp-module-login h1+.grp-row {
    border: 0;
    border-top: 1px solid #333
}

body.grp-login .grp-module-login .grp-module {
    border: 1px solid #ccc;
    border-top: 1px solid #f6f6f6;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

body.grp-login .grp-module-login .grp-module .grp-row {
    padding-bottom: 12px
}

body.grp-login .grp-module-login .grp-module .grp-row:first-child {
    border-top: 0
}

body.grp-login .grp-module-login .grp-module .grp-row.grp-connected {
    margin-top: -5px;
    padding-top: 0;
    border-top: 1px solid #eee;
    background: #eee
}

body.grp-login .grp-module-login .grp-module .grp-row.grp-error-row {
    margin: 0 -1px;
    padding: 0;
    border-left: 1px solid #af2c2c;
    border-right: 1px solid #af2c2c;
    border-bottom: 1px solid #ab2b2b;
    border-top: 1px solid #ce3b3b;
    box-sizing: content-box
}

body.grp-login .grp-module-login .grp-module .grp-row.grp-error-row:first-child {
    margin-top: -1px;
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

body.grp-login .grp-module-login .grp-module label {
    margin: 0 0 4px
}

body.grp-login .grp-module-login .grp-module label:first-child {
    margin-top: -2px
}

body.grp-login .grp-module-login .grp-module .grp-description {
    margin: 3px 0 -3px;
    font-size: 13px;
    line-height: 15px
}

body.grp-login .grp-module-login .grp-module ul.errorlist {
    margin: 5px 0 0;
    padding: 0
}

body.grp-login .grp-module-login .grp-module ul.errorlist:last-child {
    margin-bottom: -2px
}

body.grp-login .grp-module-login .grp-module .errornote {
    margin: 0;
    padding: 9px 10px 7px;
    font-size: 13px;
    border-radius: 0
}

body.grp-login .grp-module-login .grp-module .errornote+.errornote {
    margin-top: -3px;
    padding-top: 0
}

body.grp-login .grp-module.grp-submit-row,
body.grp-login .grp-module.grp-submit-row ul, 
body.grp-login .grp-module.grp-submit-row > div {
    padding: 0;
    border: 0;
    background: rgba(0, 0, 0, 0)
}

body.grp-login .grp-module.grp-submit-row li, 
body.grp-login .grp-module.grp-submit-row ul li,
body.grp-login .grp-module.grp-submit-row > div > div {
    float: right;
    background: rgba(0, 0, 0, 0)
}

header#grp-header {
    position: relative;
    z-index: 1000;
    clear: both;
    width: 100%;
    box-sizing: border-box
}

#grp-navigation {
    position: relative;
    display: flex;
    flex: 1 auto;
    flex-flow: row nowrap;
    justify-content: space-between;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    color: var(--header-color);
    background: var(--header-bgr);
    overflow: visible
}

#grp-navigation .clearfix:after {
    content: "";
    display: table;
    clear: both
}

#grp-navigation a {
    color: var(--header-color)
}

#grp-navigation a:hover {
    color: #fff
}

#grp-navigation ul li.grp-collapse {
    position: relative;
    z-index: 1000
}

#grp-navigation ul li.grp-collapse>ul {
    display: none
}

#grp-navigation ul li.grp-collapse.grp-open>ul {
    position: absolute;
    right: 0;
    z-index: 1010;
    display: block;
    margin: -1px 0 0 -1px;
    width: 202px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background: var(--header-bgr)
}
#grp-navigation ul li.grp-collapse.grp-open>ul li:last-child {
    border-bottom: 0
}

div#grp-branding {
    position: relative;
    margin: 0 10px 0 -20px;
    max-height: 36px;
    overflow: hidden;
    flex: 0 0 1
}

h1#grp-admin-title {
    position: relative;
    flex: 1 1 auto;
    margin: 0;
    padding: 10px 10px 10px 0;
    font-size: 15px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#grp-user-tools {
    position: relative;
    display: flex;
    flex: 0 1 auto;
    flex-flow: row nowrap;
    justify-content: space-end;
    align-items: stretch;
    font-weight: bold;
    margin: 0 -10px 0 0;
/*    border-left: 1px solid #090909*/
}

#grp-user-tools>li {
    list-style-type: none;
    white-space: nowrap;
    float: left;
    padding-left: 0;
    padding-right: 0;
    /*border-left: 1px solid #343434;
    border-right: 1px solid #090909*/
}

#grp-user-tools>li:first-child,
#grp-user-tools>li.first {
    padding-left: 0
}

#grp-user-tools>li:last-child {
    padding-right: 0
}

#grp-user-tools>li.last {
    padding-right: 0
}

#grp-user-tools>li.grp-user-options-container {
    width: auto;
    min-width: 200px;
    max-width: 600px
}

#grp-user-tools>li.grp-user-options-container:last-child {
    margin-right: 11px
}

#grp-user-tools>li:last-child {
    border-right: 0
}

#grp-user-tools>li a,
#grp-user-tools>li button {
  display:block;
  padding:10px 10px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
#grp-user-tools>li form button {
  margin:0 0 2px 0 !important;
  width:auto;
  height:auto;
  color:var(--c-btn);
  font-weight:bold;
  outline:0;
  border:0;
  background:rgba(0,0,0,0)
}
#grp-user-tools>li form button:hover {
  color:#fff
}

#grp-content {
    position: relative;
    float: left;
    clear: both;
    padding: 20px 20px 120px;
    width: 100%;
    box-sizing: border-box
}

#grp-content:after {
    content: " ";
    display: table;
    clear: both
}

body.grp-change-form #grp-content-container>form,
body.grp-change-form #grp-content-container>form>div {
    position: relative;
    float: left;
    clear: both
}

#grp-context-navigation {
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    font-weight: bold;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    background: #eee
}

#grp-breadcrumbs {
    float: left
}

#grp-breadcrumbs>ul {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    padding: 5px 20px;
    text-shadow: 0 1px 0 #f5f5f5
}

#grp-breadcrumbs>ul .clearfix:after {
    content: "";
    display: table;
    clear: both
}

#grp-breadcrumbs>ul li {
    list-style-type: none;
    white-space: nowrap;
    float: left;
    padding-left: 5px;
    padding-right: 5px
}

#grp-breadcrumbs>ul li:first-child,
#grp-breadcrumbs>ul li.first {
    padding-left: 0
}

#grp-breadcrumbs>ul li:last-child {
    padding-right: 0
}

#grp-breadcrumbs>ul li.last {
    padding-right: 0
}

#grp-breadcrumbs>ul a {
    display: block;
    padding-right: 15px;
    position: relative;
/*    background-image: url(../images/spritesheet-1694777276.png);*/
/*    background-position: 100% -17709px;*/
/*    background-repeat: no-repeat*/
}

#grp-breadcrumbs>ul a:after {
    content: "·";
    position: absolute;
    right: 0;
}

#grp-breadcrumbs>ul a:hover {
/*    background-image: url(../images/spritesheet-1694777276.png);*/
/*    background-position: 100% -17037px;*/
/*    background-repeat: no-repeat*/
}

#grp-page-tools {
    float: right;
    right: 20px;
    display: none;
}

#grp-page-tools #grp-toc-handler {
    display: none
}

#grp-page-tools #grp-toc-content {
    display: none
}

#grp-page-tools ul {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    padding: 0 20px;
    overflow: visible
}

#grp-page-tools ul .clearfix:after {
    content: "";
    display: table;
    clear: both
}

#grp-page-tools ul li {
    list-style-type: none;
    white-space: nowrap;
    float: left;
    padding-left: 5px;
    padding-right: 5px
}

#grp-page-tools ul li:first-child,
#grp-page-tools ul li.first {
    padding-left: 0
}

#grp-page-tools ul li:last-child {
    padding-right: 0
}

#grp-page-tools ul li.last {
    padding-right: 0
}

#grp-page-tools ul li {
    position: relative;
    padding: 1px 0 0
}

#grp-page-tools a {
    display: block;
    padding: 4px 5px 4px 0
}

#grp-page-tools a.grp-tool {
    padding: 0;
    width: 18px;
    height: 24px
}

#grp-page-tools a#grp-open-all {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -22637px;
    background-repeat: no-repeat
}

#grp-page-tools a#grp-close-all {
    background-image: url(../images/spritesheet-1694777276.png);
    background-position: 0px -20621px;
    background-repeat: no-repeat
}

.grp-messagelist {
    position: relative;
    float: none;
    clear: both;
    padding: 0 0 20px;
    width: 100%;
    box-sizing: border-box
}

.grp-messagelist>li {
    font-weight: bold;
    padding: 5px 10px;
    border: 1px solid #8ccde2;
    border-radius: 3px;
    background: #b5deec
}

.grp-messagelist>li.grp-success {
    border: 1px solid #b7e28c;
    background: #d1ecb5
}

.grp-messagelist>li.grp-warning {
    border: 1px solid #f3d988;
    background: #f8e8b7
}

.grp-messagelist>li.grp-error {
    border: 1px solid #e7a1a1;
    background: #ecb5b5
}

.grp-messagelist>li+li {
    margin-top: 2px
}

.grp-submit-row {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: rgba(0, 0, 0, 0);
    min-width: auto
}

.grp-submit-row>ul,
.grp-submit-row > div {
    margin-top: 10px;
    overflow: visible
}

.grp-submit-row > ul .clearfix:after,
.grp-submit-row > div .clearfix:after {
    content: "";
    display: table;
    clear: both
}

.grp-submit-row > ul > li,
.grp-submit-row > div > div {
    list-style-type: none;
    white-space: nowrap;
    float: right;
    padding-left: 0;
    padding-right: 0;
    margin-left: 10px;
    border-radius: 7px
}

.grp-submit-row>ul>li:first-child,
.grp-submit-row>ul>li.first,
.grp-submit-row>div>div:first-child,
.grp-submit-row>div>div.first {
    padding-right: 0
}

.grp-submit-row>ul>li:last-child,
.grp-submit-row>div>div:last-child {
    padding-left: 0
}

.grp-submit-row>ul>li.last,
.grp-submit-row>div>div.last {
    padding-left: 0
}

.grp-submit-row > ul > li.grp-float-left,
.grp-submit-row > div > div.grp-float-left {
    margin-left: 0;
    margin-right: 10px
}

.grp-submit-row input[type=button] {
    margin: 0;
    width: auto;
    display: block
}

.grp-submit-row input.grp-button,
.grp-submit-row a.grp-button,
.grp-submit-row button.grp-button {
    opacity: .8
}

.grp-submit-row input.grp-button.grp-default,
.grp-submit-row a.grp-button.grp-default,
.grp-submit-row button.grp-button.grp-default {
    opacity: 1
}

.grp-submit-row input.grp-button:hover,
.grp-submit-row input.grp-button:focus,
.grp-submit-row a.grp-button:hover,
.grp-submit-row a.grp-button:focus,
.grp-submit-row button.grp-button:hover,
.grp-submit-row button.grp-button:focus {
    opacity: 1
}

.grp-submit-row button.grp-button {
    width: auto
}

.grp-submit-row .grp-button {
    box-shadow: 0 0 10px #bbb
}

.grp-submit-row.grp-fixed-footer>ul,
.grp-submit-row.grp-fixed-footer>div {
    margin-top: 0
}

.grp-submit-row.grp-fixed-footer>ul>li,
.grp-submit-row.grp-fixed-footer>div>div {
    margin-bottom: 5px;
    padding: 5px !important;
    background: #BEBEBE
}

.grp-submit-row.grp-fixed-footer .grp-button {
    box-shadow: none
}

.grp-fixed-footer {
    position: fixed;
    z-index: 900;
    float: left;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 10px 20px 5px;
    width: 100%;
    border: 0;
    box-sizing: border-box;
    color: #fff;
    background-color: #DDD
}

body.grp-popup #grp-navigation {
    display: none
}

body.grp-popup #grp-breadcrumbs {
    top: 0
}

body.grp-popup #grp-content {
    padding-top: 20px
}

@media only screen and (max-device-width: 600px)and (max-device-height: 600px) {
    html header#grp-header {
        position: static;
        width: 100%;
        box-sizing: content-box
    }

    html #grp-content {
        top: 0;
        padding-bottom: 0
    }

    html .grp-fixed-footer {
        position: static;
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
        margin: 60px -20px 0 -20px;
        box-sizing: content-box
    }
}