@charset "UTF-8";
/*  RESET
------------------------------------------------------------------------------------------------------ */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
.keep-grp html,
.keep-grp body,
.keep-grp div,
.keep-grp span,
.keep-grp object,
.keep-grp iframe,
.keep-grp h1,
.keep-grp h2,
.keep-grp h3,
.keep-grp h4,
.keep-grp h5,
.keep-grp h6,
.keep-grp p,
.keep-grp blockquote,
.keep-grp pre,
.keep-grp abbr,
.keep-grp address,
.keep-grp cite,
.keep-grp code,
.keep-grp del,
.keep-grp dfn,
.keep-grp em,
.keep-grp img,
.keep-grp ins,
.keep-grp kbd,
.keep-grp q,
.keep-grp samp,
.keep-grp small,
.keep-grp strong,
.keep-grp sub,
.keep-grp sup,
.keep-grp var,
.keep-grp b,
.keep-grp i,
.keep-grp dl,
.keep-grp dt,
.keep-grp dd,
.keep-grp ol,
.keep-grp ul,
.keep-grp li,
.keep-grp fieldset,
.keep-grp form,
.keep-grp label,
.keep-grp legend,
.keep-grp table,
.keep-grp caption,
.keep-grp tbody,
.keep-grp tfoot,
.keep-grp thead,
.keep-grp tr,
.keep-grp th,
.keep-grp td,
.keep-grp article,
.keep-grp aside,
.keep-grp canvas,
.keep-grp details,
.keep-grp figcaption,
.keep-grp figure,
.keep-grp footer,
.keep-grp header,
.keep-grp hgroup,
.keep-grp menu,
.keep-grp nav,
.keep-grp section,
.keep-grp summary,
.keep-grp time,
.keep-grp mark,
.keep-grp audio,
.keep-grp video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

.keep-grp body {
  line-height: 1;
}

.keep-grp article,
.keep-grp aside,
.keep-grp details,
.keep-grp figcaption,
.keep-grp figure,
.keep-grp footer,
.keep-grp header,
.keep-grp hgroup,
.keep-grp menu,
.keep-grp nav,
.keep-grp section {
  display: block;
}

.keep-grp ol,
.keep-grp ul {
  list-style: none;
}

.keep-grp blockquote,
.keep-grp q {
  quotes: none;
}

.keep-grp blockquote:before,
.keep-grp blockquote:after,
.keep-grp q:before,
.keep-grp q:after {
  content: '';
  content: none;
}

.keep-grp a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
.keep-grp ins {
  background-color: #ff9;
  color: #000;
  -webkit-text-decoration: none;
  text-decoration: none;
}

/* change colours to suit your needs */
.keep-grp mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

.keep-grp del {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}

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

.keep-grp table {
  border-collapse: collapse;
  border-spacing: 0;
}

.keep-grp caption,
.keep-grp th,
.keep-grp td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* change border colour to suit your needs */
.keep-grp hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

.keep-grp input,
.keep-grp select {
  vertical-align: middle;
}

/*  GRAPPELLI IMPORTS
------------------------------------------------------------------------------------------------------ */
/*  TYPOGRAPHY
------------------------------------------------------------------------------------------------------ */
/*  Font Family ............................................................ */
.keep-grp .grp-font-family,
.keep-grp body,
.keep-grp .ui-autocomplete,
.keep-grp #ui-timepicker,
.keep-grp .ui-datepicker,
.keep-grp a.grp-button,
.keep-grp button.grp-button,
.keep-grp input[type='button'].grp-button,
.keep-grp .grp-button {
  font-family: Arial, sans-serif;
}

/*  Font Colors ............................................................ */
.keep-grp .grp-font-color,
.keep-grp body {
  color: #444;
}

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

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

/*  Link Colors ............................................................ */
/*  COMPONENTS
------------------------------------------------------------------------------------------------------ */
/*  Context Navigation ............................................................ */
/*  Message List ............................................................ */
/*  GROUPS, MODULES, ROWS
------------------------------------------------------------------------------------------------------ */
/*  Groups ............................................................ */
/*  Modules ............................................................ */
/*  Rows ............................................................ */
/*  Predelete ............................................................ */
/*  H2, H3 ............................................................ */
/*  Collapse Handlers ............................................................ */
/*  TABLES
------------------------------------------------------------------------------------------------------ */
/*  Table ............................................................ */
/*  FORMS
------------------------------------------------------------------------------------------------------ */
/*  Form Fields ............................................................ */
/*  Labels ............................................................ */
/*  Buttons ............................................................ */
/*  BUTTONS
------------------------------------------------------------------------------------------------------ */
/*  GRADIENTS
------------------------------------------------------------------------------------------------------ */
/*  Dark Gradient ............................................................ */
/*  Gradient Icon-Sprite Combo ............................................................ */
/*  Predelete Gradients ............................................................ */
/*  MARGINS & PADDINGS
------------------------------------------------------------------------------------------------------ */
/*  CLEARFIXES
------------------------------------------------------------------------------------------------------ */
/*  RESETS
------------------------------------------------------------------------------------------------------ */
/*  LIST CONTAINERS
------------------------------------------------------------------------------------------------------ */
/*  LIST CONTAINERS
------------------------------------------------------------------------------------------------------ */
/*  BORDER-RADIUS
------------------------------------------------------------------------------------------------------ */
.keep-grp .grp-border-radius {
  border-radius: 3px;
}

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

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

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

/*  CONSTANTS
------------------------------------------------------------------------------------------------------ */
/*  EXTENSIONS (VALUES DEFINED IN SKIN/GRP_DEFAULT)
------------------------------------------------------------------------------------------------------ */
.keep-grp .grp-margin-xl {
  margin: 30px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*  FONT-SIZES & LINE-HEIGHTS
------------------------------------------------------------------------------------------------------ */
.keep-grp .grp-font-size-xl,
.keep-grp h1,
.keep-grp .h1 {
  font-size: 20px;
}

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

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

.keep-grp .grp-font-size,
.keep-grp body,
.keep-grp a.grp-button,
.keep-grp button.grp-button,
.keep-grp input[type='button'].grp-button,
.keep-grp .grp-button,
.keep-grp h4 {
  font-size: 12px;
}

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

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

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

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

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

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

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

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

/*  LINKS
------------------------------------------------------------------------------------------------------ */
.keep-grp a {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #309bbf;
  cursor: pointer;
  font-weight: bold;
}
.keep-grp a:hover {
  color: #444;
}
.keep-grp 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;
}
.keep-grp a.grp-back-link:hover {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -3px;
  background-repeat: no-repeat;
}
.keep-grp a.grp-back-link.grp-icon-text {
  padding-left: 24px;
  width: auto;
}
.keep-grp a.grp-link-external {
  padding-left: 18px;
  color: #62bbd9;
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -5788px;
  background-repeat: no-repeat;
}
.keep-grp a.grp-link-external:hover {
  color: #444;
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -5571px;
  background-repeat: no-repeat;
}
.keep-grp a.grp-link-internal {
  padding-left: 18px;
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -7090px;
  background-repeat: no-repeat;
}
.keep-grp a.grp-link-internal:hover {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -6873px;
  background-repeat: no-repeat;
}

/*  BASIC TYPOGRAPHY
------------------------------------------------------------------------------------------------------ */
.keep-grp h1,
.keep-grp .h1 {
  padding: 20px 0 10px;
  font-weight: bold;
}

.keep-grp h2 {
  font-weight: bold;
}

.keep-grp h3 {
  font-weight: bold;
}

.keep-grp h4 {
  font-weight: bold;
}

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

.keep-grp em {
  font-style: italic;
}

.keep-grp strong {
  font-weight: bold;
}

/*  FLOATS
------------------------------------------------------------------------------------------------------ */
.keep-grp .grp-float-left {
  float: left !important;
}

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

.keep-grp .grp-transparent {
  border: 0 !important;
  background-color: transparent !important;
}

/*  RTE TYPOGRAPHY (Rich Text Edited)
------------------------------------------------------------------------------------------------------ */
.keep-grp body.grp-doc article#grp-content section.grp-doc-section {
  margin-top: 40px;
  border-top: 5px solid #d94800;
}
.keep-grp body.grp-doc article#grp-content section.grp-doc-section:first-child {
  margin-top: 0;
}
.keep-grp body.grp-doc span.anchor-helper {
  position: relative;
  top: -80px;
}
.keep-grp body.grp-doc .grp-doc-code-source {
  padding-top: 15px;
  border-top: 1px dashed #c30;
}
.keep-grp body.grp-doc .grp-doc-description {
  margin-bottom: 20px;
}
.keep-grp body.grp-doc .grp-doc-description h1 {
  margin-top: 30px;
  padding-top: 40px;
  border-top: 3px solid #c30;
}
.keep-grp body.grp-doc .grp-doc-description h2 {
  font-size: 16px;
  line-height: 16px;
  margin: 40px 0 10px;
}
.keep-grp body.grp-doc .grp-doc-description h3 {
  font-size: 16px;
  line-height: 24px;
  margin: 20px 0 10px;
}
.keep-grp body.grp-doc .grp-doc-description p,
.keep-grp body.grp-doc .grp-doc-description ul,
.keep-grp body.grp-doc .grp-doc-description ol {
  margin: 10px 0;
  font-size: 14px;
  line-height: 24px;
}
.keep-grp body.grp-doc .grp-doc-description ul {
  list-style-type: disc;
}
.keep-grp body.grp-doc .grp-doc-description ul li {
  margin-left: 20px;
}
.keep-grp body.grp-doc .grp-doc-description small {
  font-size: 11px;
}
.keep-grp body.grp-doc .grp-doc-class,
.keep-grp body.grp-doc .grp-doc-id,
.keep-grp body.grp-doc .grp-doc-dom,
.keep-grp body.grp-doc .grp-doc-file,
.keep-grp 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;
}
.keep-grp body.grp-doc .grp-doc-dom span:before {
  content: '<';
}
.keep-grp body.grp-doc .grp-doc-dom span:after {
  content: '>';
}
.keep-grp 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;
}
.keep-grp body.grp-doc pre {
  margin: 10px 0;
  padding: 0;
}
.keep-grp body.grp-doc pre code {
  display: block;
  margin: 0;
  padding: 0 20px 15px;
}

/*  TYPOGRAPHIC ELEMENTS
------------------------------------------------------------------------------------------------------ */
/*  Help ......................................... */
.keep-grp p.grp-help {
  max-width: 758px;
  padding: 5px 0 0;
  color: #9a9a9a;
  font-size: 11px !important;
  line-height: 13px;
  white-space: normal !important;
}
.keep-grp p.grp-help:first-child {
  margin-top: 5px;
}
.keep-grp .errorlist + p.grp-help {
  padding-top: 2px;
}

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

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

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

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

/*  Help Tooltip ......................................... */
.keep-grp img.grp-help-tooltip {
  opacity: 0.5;
}
.keep-grp .grp-table img.grp-help-tooltip {
  position: absolute;
  right: 18px;
  top: 3px;
}

/*  Description ......................................... */
.keep-grp .grp-description {
  font-size: 11px;
}

/*  Read Only (transferred to _forms.scss) ......................................... */
/*  Images ......................................... */
.keep-grp .grp-row img {
  font-size: 1px;
  line-height: 1px;
  vertical-align: middle;
}

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

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

/*  File Uploads & Preview Images ......................................... */
.keep-grp p.file-upload {
  margin: 6px 0 3px;
  font-size: 11px;
  line-height: 14px;
}
.keep-grp p.file-upload span.clearable-file-input {
  display: block;
  margin: 5px 0 -12px;
}
.keep-grp p.file-upload span.clearable-file-input input {
  margin: 1px 0 0;
}
.keep-grp p.file-upload span.clearable-file-input label {
  margin: 0 0 0 5px;
}
.keep-grp tr p.file-upload {
  margin: 1px 0 -2px;
  line-height: 13px;
}

.keep-grp p.preview {
  margin: 5px 0 0;
}
.keep-grp tr p.preview {
  margin: 9px 0 -5px;
}
.keep-grp p.preview a {
  display: inline-block;
  padding: 3px;
  font-size: 0;
  line-height: 0;
  border: 1px solid #309bbf;
  border-radius: 2px;
}
.keep-grp p.preview a:hover {
  border: 1px solid #444;
}

/*  RTE Rich Text Edited ......................................... */
.keep-grp .grp-rte {
  font-size: 13px;
  line-height: 18px;
}
.keep-grp .grp-rte h4 {
  margin: 5px 0;
}
.keep-grp .grp-rte p,
.keep-grp .grp-rte ul,
.keep-grp .grp-rte ol,
.keep-grp .grp-rte blockquote,
.keep-grp .grp-rte dl,
.keep-grp .grp-rte dt,
.keep-grp .grp-rte dd {
  margin: 10px 0;
}
.keep-grp .grp-rte p:only-child,
.keep-grp .grp-rte ul:only-child,
.keep-grp .grp-rte ol:only-child,
.keep-grp .grp-rte blockquote:only-child,
.keep-grp .grp-rte dl:only-child,
.keep-grp .grp-rte dt:only-child,
.keep-grp .grp-rte dd:only-child {
  margin: 5px 0;
}
.keep-grp .grp-rte ul {
  margin-left: 30px;
}
.keep-grp .grp-rte ul li {
  margin-left: 20px;
  list-style-type: disc;
  list-style-position: outside;
}
.keep-grp .grp-rte ul li ul {
  margin-top: -5px !important;
}
.keep-grp .grp-rte ul li ul li {
  list-style-type: circle;
}

/*  Docutils ......................................... */
.keep-grp .grp-docutils .grp-module h4 {
  padding: 0;
  font-size: 13px;
  border: 0;
  background: none;
}
.keep-grp .grp-docutils .grp-module h4 p {
  margin: 0;
}
.keep-grp .grp-docutils table p {
  margin: 0 !important;
}
.keep-grp .grp-docutils code,
.keep-grp .grp-docutils pre {
  font-size: 11px;
  font-family: 'Bitstream Vera Sans Mono', Monaco, 'Courier New', Courier,
    monospace;
}
.keep-grp .grp-docutils pre.literal-block {
  margin: 10px;
  padding: 6px 8px;
  background: #fff;
}
.keep-grp .grp-docutils .grp-group h2 + .grp-row > p {
  padding: 3px 10px 0;
}

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

.keep-grp .grp-nowrap {
  white-space: nowrap;
}

/*  Datetime ........................................... */
.keep-grp p.datetime {
  white-space: nowrap !important;
}
.keep-grp p.datetime br {
  display: none;
}
.keep-grp p.datetime input.vTimeField {
  margin-left: 6px;
}

/*  Hide Images in Templates ........................................... */
.keep-grp a.add-another img,
.keep-grp a.related-lookup img {
  opacity: 0;
}

.keep-grp a.related-lookup img {
  display: none;
}

/*  Hide Images in Templates ........................................... */
.keep-grp .deletelink {
  padding-left: 12px;
  background: transparent;
}

/*  LABELS
------------------------------------------------------------------------------------------------------ */
.keep-grp fieldset.grp-module .grp-row label {
  margin: 6px 0 6px;
  display: inline-block;
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 13px;
  color: #444;
}
.keep-grp fieldset.grp-module .grp-row label.required {
  font-weight: bold;
}

/*  FORM FIELDS
------------------------------------------------------------------------------------------------------ */
.keep-grp input[type='text'],
.keep-grp input[type='password'],
.keep-grp input[type='url'],
.keep-grp input[type='email'],
.keep-grp input[type='number'],
.keep-grp input[type='reset'],
.keep-grp textarea,
.keep-grp select {
  margin: 0;
  padding: 2px 5px;
  height: 25px;
  font-family: Arial, sans-serif;
  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;
}
.keep-grp input[type='text']:focus,
.keep-grp input[type='text'].grp-state-focus,
.keep-grp input[type='password']:focus,
.keep-grp input[type='password'].grp-state-focus,
.keep-grp input[type='url']:focus,
.keep-grp input[type='url'].grp-state-focus,
.keep-grp input[type='email']:focus,
.keep-grp input[type='email'].grp-state-focus,
.keep-grp input[type='number']:focus,
.keep-grp input[type='number'].grp-state-focus,
.keep-grp input[type='submit']:focus,
.keep-grp input[type='submit'].grp-state-focus,
.keep-grp input[type='reset']:focus,
.keep-grp input[type='reset'].grp-state-focus,
.keep-grp textarea:focus,
.keep-grp textarea.grp-state-focus,
.keep-grp select:focus,
.keep-grp select.grp-state-focus {
  border: 1px solid #aaa;
  box-shadow: 0 0 6px #ccc;
  background: #fff;
  outline: 0;
}
.keep-grp .grp-errors input[type='text'],
.keep-grp .grp-errors input[type='password'],
.keep-grp .grp-errors input[type='url'],
.keep-grp .grp-errors input[type='email'],
.keep-grp .grp-errors input[type='number'],
.keep-grp .grp-errors input[type='submit'],
.keep-grp .grp-errors input[type='reset'],
.keep-grp .grp-errors textarea,
.keep-grp .grp-errors select {
  border-color: #bf3030;
}

/*  Readonly/Disabled ................................................... */
.keep-grp input[readonly],
.keep-grp input[disabled],
.keep-grp textarea[readonly],
.keep-grp select[disabled] {
  border: 1px solid #ccc !important;
  border-style: dotted !important;
  background: transparent !important;
}
.keep-grp input[readonly]:focus,
.keep-grp input[disabled]:focus,
.keep-grp textarea[readonly]:focus,
.keep-grp select[disabled]:focus {
  box-shadow: none;
}

.keep-grp 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: #555555;
  border: 1px dotted #ccc;
  border-radius: 3px;
}
.keep-grp div.grp-readonly * {
  white-space: normal !important;
}
.keep-grp div.grp-readonly pre {
  white-space: pre !important;
}
.keep-grp div.grp-readonly + div.grp-readonly {
  margin-left: 20px;
}
.keep-grp div.grp-readonly:empty {
  margin-bottom: -5px !important;
}

/*  Form Field Errors ................................................... */
.keep-grp .grp-errors label {
  color: #bf3030 !important;
}
.keep-grp .grp-errors .radiolist.inline label,
.keep-grp .grp-errors ul.checkboxlist.inline label {
  color: #444 !important;
}
.keep-grp .grp-errors input[type='text'],
.keep-grp .grp-errors input[type='password'],
.keep-grp .grp-errors input[type='url'],
.keep-grp .grp-errors input[type='email'],
.keep-grp .grp-errors input[type='number'],
.keep-grp .grp-errors input[type='submit'],
.keep-grp .grp-errors input[type='reset'],
.keep-grp .grp-errors textarea,
.keep-grp .grp-errors select {
  border-color: #bf3030 !important;
}
.keep-grp .grp-errors .selector input,
.keep-grp .grp-errors .selector select,
.keep-grp .grp-errors .selector textarea {
  border: 1px solid #ccc !important;
}
.keep-grp .grp-errors ul.errorlist {
  padding: 5px 0 0;
  color: #bf3030;
  font-size: 11px !important;
  line-height: 14px;
}

/*  Select ................................................... */
.keep-grp select {
  padding: 4px 3px 4px 2px;
  min-width: 118px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .keep-grp select,
  .keep-grp 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;
  }
}
.keep-grp select[multiple] {
  padding-right: 5px;
  height: 160px;
  overflow: auto;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .keep-grp select[multiple] {
    background-image: none;
  }
}
/*  Textarea ................................................... */
.keep-grp textarea {
  vertical-align: top;
  padding: 5px 5px;
  height: 60px;
  overflow: auto;
}

.keep-grp fieldset.monospace textarea {
  font-family: 'Bitstream Vera Sans Mono', Monaco, 'Courier New', Courier,
    monospace;
}

/*  Checkboxes, Radiobuttons ................................................... */
.keep-grp .grp-row input[type='checkbox'],
.keep-grp .grp-row input[type='radio'] {
  position: relative;
  top: 1px;
}
.keep-grp .grp-row input[type='checkbox'] + label,
.keep-grp .grp-row input[type='radio'] + label {
  position: relative;
  margin: 0 0 0 5px;
}

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

/*  RADIO- & CHECKBOX-LISTS
------------------------------------------------------------------------------------------------------ */
.keep-grp .radiolist,
.keep-grp ul.checkboxlist {
  position: relative;
  float: none;
  display: inline-block;
  margin: 5px 0 0;
  padding: 0;
  font-size: 11px;
  line-height: 15px;
  font-weight: normal;
}
.keep-grp .radiolist label,
.keep-grp ul.checkboxlist label {
  float: none;
  display: inline-block;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  white-space: nowrap;
}
.keep-grp .radiolist li + li,
.keep-grp ul.checkboxlist li + li {
  margin-top: 2px;
}

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

.keep-grp .radiolist.inline,
.keep-grp 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;
}
.keep-grp .radiolist.inline label,
.keep-grp ul.checkboxlist.inline label {
  float: none;
  display: inline-block;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  white-space: nowrap;
}
.keep-grp .radiolist.inline li + li,
.keep-grp ul.checkboxlist.inline li + li {
  margin-top: 2px;
}
.keep-grp .radiolist.inline li,
.keep-grp .radiolist.inline > div,
.keep-grp ul.checkboxlist.inline li,
.keep-grp ul.checkboxlist.inline > div {
  float: left;
  display: inline;
  margin-top: 0 !important;
  margin-bottom: 2px;
  padding-right: 20px;
}

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

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

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

/*  SELECTORS
------------------------------------------------------------------------------------------------------ */
.keep-grp .selector {
  position: relative;
  float: left;
  overflow: hidden;
  width: 758px;
}
.keep-grp .selector .selector-available,
.keep-grp .selector .selector-chosen {
  float: left;
  width: 366px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #ddd;
}
.keep-grp .selector .selector-available.stacked,
.keep-grp .selector .selector-chosen.stacked {
  width: 756px;
}
.keep-grp .selector .selector-available h2,
.keep-grp .selector .selector-chosen h2 {
  padding: 7px 5px 6px 7px;
  font-size: 12px;
  line-height: 13px;
  font-weight: bold;
}
.keep-grp .selector .selector-available h2 img,
.keep-grp .selector .selector-chosen h2 img {
  display: none;
}
.keep-grp .selector ul.selector-chooser {
  float: left;
  margin: 110px 2px 0;
  padding: 0;
  width: 18px;
}
.keep-grp .selector .selector-chosen h2 {
  border-bottom: 0 !important;
}
.keep-grp .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;
}
.keep-grp .selector .selector-filter label {
  display: none !important;
}
.keep-grp .selector .selector-filter input[type='text'] {
  position: relative;
  margin: 0;
  width: 326px !important;
  max-width: 326px !important;
}
.keep-grp .selector .selector-filter img {
  display: none;
}
.keep-grp .selector .selector-filter h2 + select {
  position: relative;
  top: -1px;
}
.keep-grp .selector select[multiple] {
  margin: 0 0 0 -1px;
  padding-left: 3px;
  max-width: 368px !important;
  width: 368px !important;
  height: 254px;
  border-radius: 0;
}
.keep-grp .selector .selector-chosen select[multiple] {
  height: 235px !important;
}
.keep-grp .selector a.selector-add {
  background-image: url('../images/icons/selector-add-m2m-horizontal.png');
}
.keep-grp .selector a.selector-add:hover {
  background-image: url('../images/icons/selector-add-m2m-horizontal_hover.png');
}
.keep-grp .selector a.selector-remove {
  background-image: url('../images/icons/selector-remove-m2m-horizontal.png');
}
.keep-grp .selector a.selector-remove:hover {
  background-image: url('../images/icons/selector-remove-m2m-horizontal_hover.png');
}
.keep-grp .selector .list-footer-display {
  padding: 2px 7px;
}
.keep-grp .selector a.selector-chooseall,
.keep-grp .selector a.selector-clearall {
  display: block;
  margin: 0;
  padding: 2px 7px;
  font-size: 11px;
  line-height: 13px;
  font-weight: bold;
}
.keep-grp .selector.stacked .selector-available,
.keep-grp .selector.stacked .selector-chosen {
  width: 756px;
}
.keep-grp .selector.stacked .selector-filter input[type='text'] {
  width: 716px !important;
  max-width: 716px !important;
}
.keep-grp .selector.stacked .selector-chosen .selector-filter:after {
  content: ' ' url('../images/icons/selector-add-m2m-vertical_hover.png');
}
.keep-grp .selector.stacked select[multiple] {
  width: 758px !important;
  max-width: 758px !important;
}
.keep-grp .selector.stacked ul.selector-chooser {
  margin: 4px 0 0 356px;
  width: 36px;
}
.keep-grp .selector.stacked ul.selector-chooser li {
  float: left;
}
.keep-grp .selector.stacked a.selector-add {
  background-image: url('../images/icons/selector-add-m2m-vertical.png');
}
.keep-grp .selector.stacked a.selector-add:hover {
  background-image: url('../images/icons/selector-add-m2m-vertical_hover.png');
}
.keep-grp .selector.stacked a.selector-remove {
  background-image: url('../images/icons/selector-remove-m2m-vertical.png');
}
.keep-grp .selector.stacked a.selector-remove:hover {
  background-image: url('../images/icons/selector-remove-m2m-vertical_hover.png');
}
.keep-grp .selector a.selector-add,
.keep-grp .selector a.selector-remove {
  display: block;
  width: 18px;
  height: 18px;
  color: transparent !important;
  background-position: 50% 0;
  background-repeat: no-repeat;
}

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

/*  ERRORNOTE & -LIST
------------------------------------------------------------------------------------------------------ */
.keep-grp 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;
}
.keep-grp 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;
}
.keep-grp p.errornote + ul.errorlist:after {
  content: ' ';
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.keep-grp p.errornote + ul.errorlist li {
  padding: 5px 10px;
}
.keep-grp p.errornote + ul.errorlist li + li {
  border-top: 1px solid #bf3030;
}

.keep-grp ul.errorlist {
  font-size: 11px;
  line-height: 13px;
  font-weight: bold;
  color: #bf3030;
  white-space: normal;
}
.keep-grp ul.errorlist:after {
  content: ' ';
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.keep-grp ul.errorlist + ul.errorlist {
  padding-top: 2px;
}

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

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

/*  Errorlist in rows ................................................... */
.keep-grp .grp-row ul.errorlist {
  font-size: 11px;
  line-height: 13px;
  font-weight: bold;
  color: #bf3030;
  white-space: normal;
  margin: 0;
}
.keep-grp .grp-row ul.errorlist:after {
  content: ' ';
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.keep-grp .grp-row ul.errorlist li {
  padding: 2px 0 0;
  border-top: 0 !important;
}
.keep-grp .grp-row ul.errorlist li:first-child {
  padding-top: 0;
}

/*  Errornote & -list in tabular groups ................................................... */
.keep-grp .grp-tabular p.errornote {
  margin: 2px 0 0;
}
.keep-grp .grp-tabular p.errornote + ul.errorlist {
  margin: 0;
}
.keep-grp .grp-tabular ul.errorlist {
  font-size: 11px;
  line-height: 13px;
  font-weight: bold;
  color: #bf3030;
  white-space: normal;
  margin: 5px 0 0;
}
.keep-grp .grp-tabular ul.errorlist:after {
  content: ' ';
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.keep-grp .grp-tabular ul.errorlist li {
  padding: 5px 10px;
}
.keep-grp .grp-tabular ul.errorlist li + li {
  border-top: 1px solid #bf3030;
}
.keep-grp .grp-tabular .grp-tbody ul.errorlist {
  margin: 0;
}
.keep-grp .grp-tabular .grp-td ul.errorlist {
  clear: both;
  font-size: 11px;
  line-height: 13px;
  font-weight: bold;
  color: #bf3030;
  white-space: normal;
  margin: 0;
}
.keep-grp .grp-tabular .grp-td ul.errorlist:after {
  content: ' ';
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.keep-grp .grp-tabular .grp-td ul.errorlist li {
  padding: 2px 0 0;
  border-top: 0 !important;
}
.keep-grp .grp-tabular .grp-td ul.errorlist li:first-child {
  padding-top: 0;
}

/*  Errornote & -list in stacked groups ................................................... */
.keep-grp .grp-stacked p.errornote {
  margin: 0;
}
.keep-grp .grp-stacked p.errornote + ul.errorlist {
  margin: 0;
}
.keep-grp .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;
}
.keep-grp .grp-stacked ul.errorlist:after {
  content: ' ';
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.keep-grp .grp-stacked ul.errorlist li {
  padding: 5px 10px;
}
.keep-grp .grp-stacked ul.errorlist li + li {
  border-top: 1px solid #bf3030;
}
.keep-grp .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;
}
.keep-grp .grp-stacked h3 + * + ul.errorlist:after {
  content: ' ';
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.keep-grp .grp-stacked h3 + * + ul.errorlist li {
  padding: 2px 0 0;
  border-top: 0 !important;
}
.keep-grp .grp-stacked h3 + * + ul.errorlist li:first-child {
  padding-top: 0;
}
.keep-grp .grp-stacked .grp-row ul.errorlist {
  font-size: 11px;
  line-height: 13px;
  font-weight: bold;
  color: #bf3030;
  white-space: normal;
  margin: 0;
}
.keep-grp .grp-stacked .grp-row ul.errorlist:after {
  content: ' ';
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.keep-grp .grp-stacked .grp-row ul.errorlist li {
  padding: 2px 0 0;
  border-top: 0 !important;
}
.keep-grp .grp-stacked .grp-row ul.errorlist li:first-child {
  padding-top: 0;
}

/*  Errorlist after add-another (e.g. with radiolist-inline) ................................................... */
.keep-grp .grp-errors a.add-another + ul.errorlist {
  clear: both;
}

/*  Errors with tinyMCE ................................................... */
.keep-grp .grp-errors td.mceIframeContainer {
  border: 1px solid #bf3030 !important;
  border-radius: 3px;
}

/*  FORM FIELDS: BASIC DIMENSIONS
------------------------------------------------------------------------------------------------------ */
.keep-grp input[type='text'],
.keep-grp input[type='password'],
.keep-grp input[type='number'],
.keep-grp .vDateField,
.keep-grp .vTimeField,
.keep-grp .vIntegerField,
.keep-grp .vPositiveSmallIntegerField,
.keep-grp .vManyToManyRawIdAdminField,
.keep-grp .vForeignKeyRawIdAdminField {
  width: 118px;
}

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

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

.keep-grp .row select {
  min-width: 118px;
}

.keep-grp .vLargeTextField {
  height: 118px;
}

/*  FORM FIELDS: LARGE DIMENSIONS
------------------------------------------------------------------------------------------------------ */
.keep-grp .grp-row input[type='url'],
.keep-grp .grp-row input[type='email'],
.keep-grp .grp-row .vTextField,
.keep-grp .grp-row .vURLField,
.keep-grp .grp-row .vFileBrowseField,
.keep-grp .grp-row textarea,
.keep-grp .grp-row .vLargeTextField,
.keep-grp .grp-row .vXMLLargeTextField,
.keep-grp .grp-autocomplete-wrapper-m2m {
  width: 758px;
}

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

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

/*  FORM FIELDS: DIMENSION IN CHANGELIST TABLE & TABULAR GROUPS
------------------------------------------------------------------------------------------------------ */
.keep-grp .grp-changelist-results table.grp-table input[type='url'],
.keep-grp .grp-changelist-results table.grp-table input[type='email'],
.keep-grp .grp-changelist-results table.grp-table .vTextField,
.keep-grp .grp-changelist-results table.grp-table .vURLField,
.keep-grp .grp-changelist-results table.grp-table .vFileBrowseField,
.keep-grp .grp-changelist-results table.grp-table textarea,
.keep-grp .grp-changelist-results table.grp-table .vLargeTextField,
.keep-grp .grp-changelist-results table.grp-table .vXMLLargeTextField,
.keep-grp .grp-changelist-results table.grp-table select {
  max-width: 278px;
}

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

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

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

/*  FORM FIELDS IN CELLS
------------------------------------------------------------------------------------------------------ */
.keep-grp .grp-cell input[type='url'],
.keep-grp .grp-cell input[type='email'],
.keep-grp .grp-cell input[type='number'],
.keep-grp .grp-cell input[type='text'],
.keep-grp .grp-cell input[type='password'],
.keep-grp .grp-cell select,
.keep-grp .grp-cell input[readonly],
.keep-grp .grp-cell input[disabled],
.keep-grp .grp-cell textarea[readonly],
.keep-grp .grp-cell select[disabled],
.keep-grp .grp-cell .grp-autocomplete-wrapper-m2m,
.keep-grp .grp-cell .grp-autocomplete-wrapper-fk {
  max-width: 278px;
}

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

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

/*  AUTOCOMPLETES
------------------------------------------------------------------------------------------------------ */
/*  Autocomplete Wrappers Basic Styles (Input and Input-Lookalike) ......................................... */
.keep-grp .grp-autocomplete-wrapper-m2m,
.keep-grp .grp-autocomplete-wrapper-fk input.ui-autocomplete-input {
  margin: 0;
  padding: 2px 5px;
  height: 25px;
  font-family: Arial, sans-serif;
  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;
}
.keep-grp .grp-autocomplete-wrapper-m2m:focus,
.keep-grp .grp-autocomplete-wrapper-m2m.grp-state-focus,
.keep-grp .grp-autocomplete-wrapper-fk input.ui-autocomplete-input:focus,
.keep-grp
  .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;
}
.keep-grp .grp-autocomplete-wrapper-m2m:focus,
.keep-grp .grp-autocomplete-wrapper-m2m.grp-state-focus,
.keep-grp .grp-autocomplete-wrapper-fk input.ui-autocomplete-input:focus,
.keep-grp
  .grp-autocomplete-wrapper-fk
  input.ui-autocomplete-input.grp-state-focus {
  background-color: #e1f0f5;
}

/*  Autocomplete Icons, Preremove ......................................... */
.keep-grp .grp-autocomplete-wrapper-m2m a.related-lookup,
.keep-grp .grp-autocomplete-wrapper-fk a.related-lookup {
  position: absolute;
  right: 0;
}
.keep-grp .grp-autocomplete-wrapper-m2m a.related-lookup,
.keep-grp .grp-autocomplete-wrapper-m2m input:focus + a.related-lookup,
.keep-grp .grp-autocomplete-wrapper-fk a.related-lookup,
.keep-grp .grp-autocomplete-wrapper-fk input:focus + a.related-lookup {
  border: 1px solid #ccc !important;
}
.keep-grp .grp-autocomplete-wrapper-m2m.grp-state-focus a.grp-related-remove,
.keep-grp .grp-autocomplete-wrapper-m2m.grp-state-focus a.related-lookup,
.keep-grp .grp-autocomplete-wrapper-fk.grp-state-focus a.grp-related-remove,
.keep-grp .grp-autocomplete-wrapper-fk.grp-state-focus a.related-lookup {
  border: 1px solid #aaa !important;
}
.keep-grp .grp-autocomplete-wrapper-m2m a.grp-related-remove,
.keep-grp .grp-autocomplete-wrapper-m2m div.grp-loader,
.keep-grp .grp-autocomplete-wrapper-fk a.grp-related-remove,
.keep-grp .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;
}
.keep-grp .grp-autocomplete-wrapper-m2m div.grp-loader,
.keep-grp .grp-autocomplete-wrapper-fk div.grp-loader {
  background: #fdfdfd url('../images/backgrounds/loading-small.gif') 50% 50%
    no-repeat scroll;
}
.keep-grp
  .grp-autocomplete-wrapper-m2m.grp-autocomplete-preremove
  input.ui-autocomplete-input,
.keep-grp
  .grp-autocomplete-wrapper-m2m.grp-autocomplete-preremove
  li.grp-repr
  a,
.keep-grp
  .grp-autocomplete-wrapper-fk.grp-autocomplete-preremove
  input.ui-autocomplete-input,
.keep-grp
  .grp-autocomplete-wrapper-fk.grp-autocomplete-preremove
  li.grp-repr
  a {
  color: #bf3030 !important;
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}
.keep-grp
  .grp-autocomplete-wrapper-m2m
  li.grp-repr.grp-autocomplete-preremove
  a,
.keep-grp
  .grp-autocomplete-wrapper-fk
  li.grp-repr.grp-autocomplete-preremove
  a {
  color: #bf3030 !important;
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}

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

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

/*  Autocomplete Wrappers Specific Styles ......................................... */
.keep-grp .grp-autocomplete-wrapper-m2m {
  display: inline-block;
  position: relative;
  padding: 0;
  height: auto !important;
  vertical-align: top;
  box-sizing: border-box;
  overflow: visible;
}
.keep-grp .grp-autocomplete-wrapper-m2m ul.grp-repr {
  float: left;
  padding-right: 55px;
  width: 100%;
  max-width: 700px;
  overflow: hidden;
  box-sizing: border-box;
}
.keep-grp .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;
}
.keep-grp .grp-autocomplete-wrapper-m2m ul.grp-repr li.grp-repr {
  margin: 3px 5px 0 1px;
  font-weight: bold;
  line-height: 18px;
}
.keep-grp
  .grp-autocomplete-wrapper-m2m
  ul.grp-repr
  li.grp-repr
  a.grp-m2m-remove {
  color: #555;
  padding-left: 5px;
}
.keep-grp .grp-autocomplete-wrapper-m2m ul.grp-repr li.grp-search {
  margin-top: 1px;
  margin-bottom: 1px;
  background: transparent;
}
.keep-grp
  .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: transparent;
  cursor: text;
}
.keep-grp .grp-autocomplete-wrapper-m2m a.related-lookup {
  top: -1px;
  right: -1px;
}
.keep-grp
  .grp-autocomplete-wrapper-m2m
  a.grp-related-remove
  + a.grp-related-lookup {
  border-bottom-left-radius: 0;
}
.keep-grp .grp-autocomplete-wrapper-m2m a.grp-related-remove,
.keep-grp .grp-autocomplete-wrapper-m2m a.grp-related-remove + div.grp-loader {
  top: -1px;
  right: 23px;
}

.keep-grp .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;
  /* Set font-size and line-height to 0 to let the &nbsp; at the end of the autocomplete-wrapper disappear */
  line-height: 0 !important;
  background: transparent !important;
}
.keep-grp .grp-autocomplete-wrapper-fk input.ui-autocomplete-input {
  padding-right: 55px;
}

/*  Errors with autocompletes ......................................... */
.keep-grp .grp-errors .grp-autocomplete-wrapper-m2m,
.keep-grp .grp-errors .grp-autocomplete-wrapper-fk input.ui-autocomplete-input,
.keep-grp .grp-errors a.grp-related-remove {
  border-color: #bf3030 !important;
}

/*  Autocompletes in Changelists ......................................... */
.keep-grp
  #changelist
  table.grp-table
  div.autocomplete-wrapper-fk
  a.grp-related-remove,
.keep-grp
  #changelist
  table.grp-table
  div.autocomplete-wrapper-m2m
  a.grp-related-remove,
.keep-grp
  #changelist
  table.grp-table
  div.autocomplete-wrapper-fk
  div.grp-loader,
.keep-grp
  #changelist
  table.grp-table
  div.autocomplete-wrapper-m2m
  div.grp-loader {
  top: -5px;
}

/* We need to "hide" the input-field without display:none, because with display:none we can´t focus the field anymore */
.keep-grp .grp-autocomplete-wrapper-m2m .grp-autocomplete-hidden-field,
.keep-grp .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: transparent !important;
  border: 0 !important;
  background: transparent !important;
}

/*  ACTIONS
------------------------------------------------------------------------------------------------------ */
.keep-grp .grp-actions {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  float: right;
  font-weight: bold;
}
.keep-grp .grp-actions .clearfix:after {
  content: '';
  display: table;
  clear: both;
}
.keep-grp .grp-actions li {
  list-style-type: none;
  white-space: nowrap;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
}
.keep-grp .grp-actions li:first-child,
.keep-grp .grp-actions li.first {
  padding-left: 0;
}
.keep-grp .grp-actions li:last-child {
  padding-right: 0;
}
.keep-grp .grp-actions li.last {
  padding-right: 0;
}
.keep-grp .grp-actions li.grp-add-link a,
.keep-grp .grp-actions li.grp-add-link > span:first-child,
.keep-grp .grp-actions li.grp-change-link a,
.keep-grp .grp-actions li.grp-change-link > span:first-child,
.keep-grp .grp-actions li.grp-delete-link a,
.keep-grp .grp-actions li.grp-delete-link > span:first-child {
  padding-left: 20px;
  display: block;
  font-weight: bold;
}
.keep-grp .grp-actions li.grp-add-link a {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -3401px;
  background-repeat: no-repeat;
}
.keep-grp .grp-actions li.grp-add-link a:hover {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -3184px;
  background-repeat: no-repeat;
}
.keep-grp .grp-actions li.grp-change-link a {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -4269px;
  background-repeat: no-repeat;
}
.keep-grp .grp-actions li.grp-change-link a:hover {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -4052px;
  background-repeat: no-repeat;
}
.keep-grp .grp-actions li.grp-delete-link a,
.keep-grp .grp-actions li.grp-delete-link > span:first-child {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -4486px;
  background-repeat: no-repeat;
}
.keep-grp .grp-actions li.grp-icon a,
.keep-grp .grp-actions li.grp-icon > span:first-child {
  padding: 0 6px 0 6px;
}

/*  MODULES: BASIC SETTINGS
------------------------------------------------------------------------------------------------------ */
/*  Group ................................................... */
.keep-grp .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;
}
.keep-grp .grp-group.grp-closed {
  border: 2px solid #ddd;
}
.keep-grp .grp-group.grp-closed:hover {
  border: 2px solid #ccc;
}

/*  Headings ................................................... */
.keep-grp .grp-module 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);
}

.keep-grp .grp-module h3 {
  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) {
  .keep-grp .grp-module h3 {
    padding: 5px 10px 4px;
  }
}

.keep-grp .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) {
  .keep-grp .grp-module h4 {
    padding: 5px 10px 4px;
  }
}

.keep-grp .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;
}
.keep-grp .grp-group.grp-open > h2 {
  margin-bottom: 2px;
}
.keep-grp .grp-group.grp-tabular.grp-open > h2 {
  margin-bottom: 0;
}
.keep-grp .grp-group .grp-module > h3 {
  border-top: 0 !important;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.keep-grp .grp-group .grp-module > h3:only-child,
.keep-grp .grp-group .grp-module > h3:last-child {
  border-bottom: 0;
}

/*  Module ................................................... */
.keep-grp .grp-module {
  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;
}
.keep-grp .grp-module .grp-module {
  margin: 0;
  border: 0;
}
.keep-grp .grp-module .grp-module + .grp-module {
  border-top: 1px solid #d9d9d9;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

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

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

/*  COLLAPSE: BASIC SETTINGS
------------------------------------------------------------------------------------------------------ */
/*  Collapse Handlers ................................................... */
/*  Collapse ................................................... */
.keep-grp .grp-collapse.grp-closed *,
.keep-grp .grp-collapse.grp-closed .grp-row:not(tr).grp-cells,
.keep-grp .grp-collapse.grp-closed .grp-table,
.keep-grp .grp-collapse.grp-closed .grp-table * {
  display: none;
}
.keep-grp .grp-collapse.grp-closed > .grp-collapse-handler,
.keep-grp .grp-collapse.grp-closed > .grp-collapse-handler *,
.keep-grp .grp-collapse.grp-closed .grp-tools,
.keep-grp .grp-collapse.grp-closed .grp-tools * {
  display: block !important;
}
.keep-grp .grp-collapse.grp-closed .grp-tools li *[style^='display: none'] {
  display: none !important;
}
.keep-grp .grp-collapse .grp-collapse-handler {
  cursor: pointer;
}
.keep-grp .grp-collapse h2.grp-collapse-handler {
  text-shadow: 0 1px 0 #c4e9f5;
}
.keep-grp .grp-collapse.grp-open > h2.grp-collapse-handler {
  border-bottom: 1px solid #ccc;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  background-image: linear-gradient(#a1d4e5, #bcdfeb);
}
.keep-grp .grp-collapse.grp-closed > h2.grp-collapse-handler {
  border-radius: 2px;
  background-image: linear-gradient(#bcdfeb, #a1d4e5);
}
.keep-grp .grp-collapse.grp-closed > h2.grp-collapse-handler:hover {
  background-image: linear-gradient(#a1d4e5, #bcdfeb);
}
.keep-grp .grp-collapse.grp-module.grp-closed > h2.grp-collapse-handler {
  border-bottom: 0;
}
.keep-grp .grp-collapse h3.grp-collapse-handler {
  text-shadow: 0 1px 0 #fff;
}
.keep-grp .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-image: linear-gradient(#cee9f2, #e1f0f5);
}
.keep-grp .grp-collapse.grp-closed > h3.grp-collapse-handler {
  border-bottom: 0;
  border-radius: 2px;
  background-image: linear-gradient(#e1f0f5, #cee9f2);
}
.keep-grp .grp-collapse.grp-closed > h3.grp-collapse-handler:hover {
  background-image: linear-gradient(#cee9f2, #e1f0f5);
}

.keep-grp .grp-collapse::-moz-selection,
.keep-grp .grp-collapse .grp-row::-moz-selection,
.keep-grp .grp-collapse-handler::-moz-selection {
  background: transparent;
}

.keep-grp .grp-collapse::selection,
.keep-grp .grp-collapse .grp-row::selection,
.keep-grp .grp-collapse-handler::selection {
  background: transparent;
}

/*  ROWS & CELLS
------------------------------------------------------------------------------------------------------ */
.keep-grp .grp-module .grp-row:not(tr) {
  position: relative;
  float: left;
  clear: both;
  padding: 5px 10px;
  width: 100%;
  box-sizing: border-box;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ddd;
}
.keep-grp .grp-predelete .grp-module .grp-row:not(tr) {
  border-bottom-color: #f2d4d4;
  border-top-color: #fcf4f4;
}
.keep-grp .grp-module .grp-row:not(tr):first-child,
.keep-grp .grp-module .grp-row:not(tr).grp-first {
  border-top: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.keep-grp .grp-module .grp-row:not(tr):last-of-type,
.keep-grp .grp-module .grp-row:not(tr).grp-last {
  border-bottom: 0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.keep-grp .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;
}
.keep-grp .grp-module .grp-row:not(tr).grp-row-hidden div {
  display: none;
}
.keep-grp .grp-module .grp-row:not(tr).grp-cells {
  display: table-row;
  padding-top: 0;
  padding-bottom: 0;
}
.keep-grp .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;
}
.keep-grp .grp-module .grp-row:not(tr).grp-cells .grp-cell + .grp-cell {
  padding-left: 20px;
  border-left: 1px solid #fff;
}
.keep-grp .grp-module .grp-row:not(tr).grp-cells .grp-cell:last-of-type {
  padding-right: 0;
  border-right: 0 !important;
}
.keep-grp .grp-module .grp-row + .grp-module > .grp-row:first-child,
.keep-grp .grp-module h2 + .grp-module > .grp-row:first-child,
.keep-grp .grp-module .grp-module + .grp-module > .grp-row:first-child {
  border-top: 1px solid #fff;
}

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

/*  LISTING
------------------------------------------------------------------------------------------------------ */
.keep-grp .grp-listing {
  border-top: 1px solid #fff;
}
.keep-grp .grp-listing:first-child {
  border-top: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.keep-grp .grp-listing li.grp-add-link a,
.keep-grp .grp-listing li.grp-add-link > span:first-child,
.keep-grp .grp-listing li.grp-change-link a,
.keep-grp .grp-listing li.grp-change-link > span:first-child,
.keep-grp .grp-listing li.grp-delete-link a,
.keep-grp .grp-listing li.grp-delete-link > span:first-child {
  padding-left: 20px;
  display: block;
  font-weight: bold;
}
.keep-grp .grp-listing li.grp-add-link a {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -3401px;
  background-repeat: no-repeat;
}
.keep-grp .grp-listing li.grp-add-link a:hover {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -3184px;
  background-repeat: no-repeat;
}
.keep-grp .grp-listing li.grp-change-link a {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -4269px;
  background-repeat: no-repeat;
}
.keep-grp .grp-listing li.grp-change-link a:hover {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -4052px;
  background-repeat: no-repeat;
}
.keep-grp .grp-listing li.grp-delete-link a,
.keep-grp .grp-listing li.grp-delete-link > span:first-child {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -4486px;
  background-repeat: no-repeat;
}
.keep-grp .grp-listing li.grp-icon a,
.keep-grp .grp-listing li.grp-icon > span:first-child {
  padding: 0 6px 0 6px;
}
.keep-grp .grp-listing li.grp-add-link,
.keep-grp .grp-listing li.grp-change-link,
.keep-grp .grp-listing li.grp-delete-link {
  padding-left: 25px;
}
.keep-grp .grp-listing li.grp-add-link a,
.keep-grp .grp-listing li.grp-add-link > span:first-child,
.keep-grp .grp-listing li.grp-change-link a,
.keep-grp .grp-listing li.grp-change-link > span:first-child,
.keep-grp .grp-listing li.grp-delete-link a,
.keep-grp .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;
}

.keep-grp .grp-listing-small {
  border-top: 1px solid #fff;
  font-size: 11px;
}
.keep-grp .grp-listing-small:first-child {
  border-top: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.keep-grp .grp-listing-small li.grp-add-link a,
.keep-grp .grp-listing-small li.grp-add-link > span:first-child,
.keep-grp .grp-listing-small li.grp-change-link a,
.keep-grp .grp-listing-small li.grp-change-link > span:first-child,
.keep-grp .grp-listing-small li.grp-delete-link a,
.keep-grp .grp-listing-small li.grp-delete-link > span:first-child {
  padding-left: 20px;
  display: block;
  font-weight: bold;
}
.keep-grp .grp-listing-small li.grp-add-link a {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -3401px;
  background-repeat: no-repeat;
}
.keep-grp .grp-listing-small li.grp-add-link a:hover {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -3184px;
  background-repeat: no-repeat;
}
.keep-grp .grp-listing-small li.grp-change-link a {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -4269px;
  background-repeat: no-repeat;
}
.keep-grp .grp-listing-small li.grp-change-link a:hover {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -4052px;
  background-repeat: no-repeat;
}
.keep-grp .grp-listing-small li.grp-delete-link a,
.keep-grp .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;
}
.keep-grp .grp-listing-small li.grp-icon a,
.keep-grp .grp-listing-small li.grp-icon > span:first-child {
  padding: 0 6px 0 6px;
}
.keep-grp .grp-listing-small li.grp-add-link,
.keep-grp .grp-listing-small li.grp-change-link,
.keep-grp .grp-listing-small li.grp-delete-link {
  padding-left: 25px;
}
.keep-grp .grp-listing-small li.grp-add-link a,
.keep-grp .grp-listing-small li.grp-add-link > span:first-child,
.keep-grp .grp-listing-small li.grp-change-link a,
.keep-grp .grp-listing-small li.grp-change-link > span:first-child,
.keep-grp .grp-listing-small li.grp-delete-link a,
.keep-grp .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;
}
.keep-grp .grp-listing-small a + span,
.keep-grp .grp-listing-small span + span {
  position: relative;
  display: block;
  line-height: 11px;
  margin: -1px 0 3px;
}
.keep-grp .grp-listing-small p {
  margin: 2px 0 4px;
  line-height: 13px;
}

/*  STACKED & TABULAR INLINE
------------------------------------------------------------------------------------------------------ */
.keep-grp .grp-stacked .grp-module.grp-add-item,
.keep-grp .grp-tabular .grp-module.grp-add-item {
  margin-bottom: 0;
  height: 28px;
  font-weight: bold;
  border-color: transparent;
  background: transparent;
}
.keep-grp .grp-stacked .grp-module.grp-add-item > a,
.keep-grp .grp-tabular .grp-module.grp-add-item > a {
  font-weight: bold;
  padding: 5px 10px;
  position: relative;
  top: 6px;
}

/*  STACKED INLINE
------------------------------------------------------------------------------------------------------ */
.keep-grp .grp-group:not(.grp-tabular) {
  padding-bottom: 0;
}
.keep-grp .grp-group:not(.grp-tabular) .grp-module {
  margin-bottom: 2px;
}
.keep-grp .grp-group:not(.grp-tabular) .grp-module .grp-module {
  border-radius: 0 0 2px 2px;
  border-top: 1px solid #fff;
}
.keep-grp .grp-group:not(.grp-tabular) .grp-module.grp-predelete .grp-module {
  border-top-color: #fdf8f8;
}
.keep-grp .grp-group:not(.grp-tabular) h2 {
  margin-bottom: 2px;
}
.keep-grp .grp-group:not(.grp-tabular).grp-closed {
  padding-bottom: 2px;
}
.keep-grp .grp-group:not(.grp-tabular).grp-closed h2 {
  margin-bottom: 0;
}

/*  TABULAR INLINE
------------------------------------------------------------------------------------------------------ */
.keep-grp .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) {
  .keep-grp .grp-tabular .grp-table {
    margin-bottom: -1px;
    border-spacing: 0 1px !important;
  }
}
.keep-grp .grp-tabular .grp-table .grp-tr {
  display: table-row;
}
.keep-grp .grp-tabular .grp-table .grp-th,
.keep-grp .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;
}
.keep-grp .grp-tabular .grp-table .grp-th:first-of-type,
.keep-grp .grp-tabular .grp-table .grp-td:first-of-type {
  padding-left: 10px;
}
.keep-grp .grp-tabular .grp-table .grp-thead {
  display: table-header-group;
  color: #aaa;
  font-size: 11px;
  font-weight: bold;
}
.keep-grp .grp-tabular .grp-table .grp-thead .grp-th,
.keep-grp .grp-tabular .grp-table .grp-thead .grp-td {
  background: none;
  border-top: 0;
}
.keep-grp .grp-tabular .grp-table .grp-thead .grp-th:last-of-type,
.keep-grp .grp-tabular .grp-table .grp-thead .grp-td:last-of-type {
  border-right: 0;
}
.keep-grp .grp-tabular .grp-table .grp-tbody {
  display: table-row-group;
  margin-top: 0;
}
.keep-grp .grp-tabular .grp-table .grp-tbody .grp-th,
.keep-grp .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;
}
.keep-grp .grp-tabular .grp-table .grp-tbody .grp-th:first-of-type,
.keep-grp .grp-tabular .grp-table .grp-tbody .grp-td:first-of-type {
  border-left: 1px solid #d4d4d4;
}
.keep-grp .grp-tabular .grp-table .grp-tbody .grp-th:first-child,
.keep-grp .grp-tabular .grp-table .grp-tbody .grp-td:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.keep-grp .grp-tabular .grp-table .grp-tbody .grp-th:last-of-type,
.keep-grp .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;
}
.keep-grp .grp-tabular .grp-table .grp-tbody .grp-th.grp-tools-container,
.keep-grp .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;
}
.keep-grp .grp-tabular .grp-table .grp-tbody.grp-predelete .grp-th,
.keep-grp .grp-tabular .grp-table .grp-tbody.grp-predelete .grp-td {
  border-right-color: #f2d4d4;
  border-left-color: #faf0f0;
  background: #f7e4e4;
}
.keep-grp
  .grp-tabular
  .grp-table
  .grp-tbody.grp-predelete
  .grp-th:first-of-type,
.keep-grp
  .grp-tabular
  .grp-table
  .grp-tbody.grp-predelete
  .grp-td:first-of-type {
  border-left: 1px solid #d4d4d4;
}
.keep-grp .grp-tabular .grp-table .grp-tbody.grp-predelete .grp-th:last-of-type,
.keep-grp
  .grp-tabular
  .grp-table
  .grp-tbody.grp-predelete
  .grp-td:last-of-type {
  border-right: 1px solid #d4d4d4;
}
.keep-grp .grp-tabular .grp-table .grp-tfoot {
  display: table-footer-group;
  color: #aaa;
}
.keep-grp .grp-tabular .grp-table .grp-tfoot .grp-td:last-of-type {
  border-right: 0;
}
.keep-grp .grp-tabular .grp-table .grp-module {
  float: none;
  clear: none;
  background: 0;
  border: 0;
}
.keep-grp .grp-tabular .grp-module.grp-transparent {
  margin: 2px 0 0;
}

/*  LISTINGS
------------------------------------------------------------------------------------------------------ */
.keep-grp .grp-horizontal-list-container {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
}
.keep-grp .grp-horizontal-list-container .clearfix:after {
  content: '';
  display: table;
  clear: both;
}

.keep-grp .grp-horizontal-list {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
}
.keep-grp .grp-horizontal-list .clearfix:after {
  content: '';
  display: table;
  clear: both;
}
.keep-grp .grp-horizontal-list li {
  list-style-type: none;
  white-space: nowrap;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
}
.keep-grp .grp-horizontal-list li:first-child,
.keep-grp .grp-horizontal-list li.first {
  padding-left: 0;
}
.keep-grp .grp-horizontal-list li:last-child {
  padding-right: 0;
}
.keep-grp .grp-horizontal-list li.last {
  padding-right: 0;
}

.keep-grp .grp-horizontal-list-right > li {
  list-style-type: none;
  white-space: nowrap;
  float: right;
  padding-left: 5px;
  padding-right: 5px;
}
.keep-grp .grp-horizontal-list-right > li:first-child,
.keep-grp .grp-horizontal-list-right > li.first {
  padding-right: 0;
}
.keep-grp .grp-horizontal-list-right > li:last-child {
  padding-left: 0;
}
.keep-grp .grp-horizontal-list-right > li.last {
  padding-left: 0;
}

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

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

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

/*  BUTTON STATES
------------------------------------------------------------------------------------------------------ */
.keep-grp .button-state-blue,
.keep-grp
  .grp-pulldown-container.grp-pulldown-state-open
  .grp-pulldown-handler:hover,
.keep-grp .grp-pulldown-container.grp-pulldown-state-open .grp-pulldown-handler,
.keep-grp .grp-pulldown-container .grp-pulldown-handler:hover,
.keep-grp button.ui-datetime-now,
.keep-grp button.ui-timepicker-trigger,
.keep-grp button.ui-datepicker-trigger,
.keep-grp .grp-autocomplete-wrapper-fk a.related-lookup,
.keep-grp a.related-lookup.m2m,
.keep-grp .grp-autocomplete-wrapper-m2m a.related-lookup,
.keep-grp input[type='button'],
.keep-grp button,
.keep-grp a.fb_show,
.keep-grp a.related-lookup,
.keep-grp body.tinyMCE input[name='src'] + div a,
.keep-grp body.tinyMCE input[name='href'] + div a {
  color: #fff;
  border: 1px solid #ccc;
  background-color: #e1f0f5;
}

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

.keep-grp .button-state-dark-grey {
  color: #444;
  border: 1px solid #ccc;
  border-color: #ccc;
  background-color: #dbdbdb;
}

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

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

.keep-grp .button-state-transparent {
  border: 1px solid transparent;
  background-color: transparent;
  background-image: none;
}

/*  BUTTONS
------------------------------------------------------------------------------------------------------ */
.keep-grp .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) {
  .keep-grp .grp-button {
    padding: 5px 10px;
  }
}

/*  BUTTONS WITH/AS ICONS
------------------------------------------------------------------------------------------------------ */
/*  Basic assignments ......................................... */
.keep-grp button,
.keep-grp a.fb_show,
.keep-grp a.related-lookup,
.keep-grp body.tinyMCE input[name='src'] + div a,
.keep-grp 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;
}
.keep-grp 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: Arial, sans-serif;
  font-size: 11px;
  line-height: 13px;
  font-weight: bold;
  color: #309bbf;
}
.keep-grp input[type='button']:hover {
  color: #444;
}
.keep-grp input:focus + input[type='button'] {
  border: 1px solid #aaa;
}

/*  Related Lookup Placeholders ......................................... */
.keep-grp .grp-placeholder-related-fk,
.keep-grp .grp-placeholder-related-m2m,
.keep-grp .grp-placeholder-related-generic {
  position: relative;
  display: block;
  top: -24px;
  margin: 0 0 -20px 130px;
  padding: 0;
  font-weight: bold;
}
.keep-grp table .grp-placeholder-related-fk,
.keep-grp table .grp-placeholder-related-m2m,
.keep-grp table .grp-placeholder-related-generic {
  top: -20px;
  margin-bottom: -25px;
}
.keep-grp .grp-placeholder-related-fk .grp-placeholder-label:first-child,
.keep-grp .grp-placeholder-related-m2m .grp-placeholder-label:first-child,
.keep-grp .grp-placeholder-related-generic .grp-placeholder-label:first-child {
  display: inline-block;
  margin-top: 4px;
}
.keep-grp .grp-placeholder-related-fk .grp-placeholder-label:first-child *,
.keep-grp .grp-placeholder-related-m2m .grp-placeholder-label:first-child *,
.keep-grp
  .grp-placeholder-related-generic
  .grp-placeholder-label:first-child
  * {
  margin-top: -4px;
}
.keep-grp table .grp-placeholder-related-fk .grp-placeholder-label:first-child,
.keep-grp table .grp-placeholder-related-m2m .grp-placeholder-label:first-child,
.keep-grp
  table
  .grp-placeholder-related-generic
  .grp-placeholder-label:first-child {
  margin-top: 5px;
}
.keep-grp
  table
  .grp-placeholder-related-fk
  .grp-placeholder-label:first-child
  *,
.keep-grp
  table
  .grp-placeholder-related-m2m
  .grp-placeholder-label:first-child
  *,
.keep-grp
  table
  .grp-placeholder-related-generic
  .grp-placeholder-label:first-child
  * {
  margin-top: -5px;
}
.keep-grp .grp-placeholder-related-fk img,
.keep-grp .grp-placeholder-related-m2m img,
.keep-grp .grp-placeholder-related-generic img {
  vertical-align: top;
}
.keep-grp .grp-errors .grp-placeholder-related-fk,
.keep-grp .grp-errors .grp-placeholder-related-m2m,
.keep-grp .grp-errors .grp-placeholder-related-generic {
  display: none;
}
.keep-grp .grp-placeholder-related-fk .grp-separator:after,
.keep-grp .grp-placeholder-related-m2m .grp-separator:after,
.keep-grp .grp-placeholder-related-generic .grp-separator:after {
  content: ',';
  display: inline-block;
  padding-right: 4px;
}

/*  Filebrowser, Related Lookup, M2M, FK, Related Remove ......................................... */
.keep-grp a.fb_show,
.keep-grp a.related-lookup,
.keep-grp body.tinyMCE input[name='src'] + div a,
.keep-grp 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;
}
.keep-grp a.related-lookup + strong {
  position: relative;
  top: 2px;
  margin-left: 5px;
}

.keep-grp a.related-lookup.m2m,
.keep-grp .grp-autocomplete-wrapper-m2m a.related-lookup {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -13467px;
  background-repeat: no-repeat;
}
.keep-grp .grp-autocomplete-wrapper-fk a.related-lookup {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -13690px;
  background-repeat: no-repeat;
}
.keep-grp a.grp-related-remove {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -14136px;
  background-repeat: no-repeat;
}
/*  Datepicker, Timepicker ......................................... */
.keep-grp button.ui-datepicker-trigger {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -12352px;
  background-repeat: no-repeat;
}
.keep-grp button.ui-timepicker-trigger {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -15474px;
  background-repeat: no-repeat;
}
.keep-grp button.ui-timepicker-trigger + button.ui-datetime-now {
  margin-left: 6px !important;
  border-radius: 3px;
}

.keep-grp button.ui-datetime-now {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -12798px;
  background-repeat: no-repeat;
}
/*  Search ......................................... */
.keep-grp .grp-search-button {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -13690px;
  background-repeat: no-repeat;
  border-color: transparent !important;
  background-color: transparent !important;
}

/*  ADD ANOTHER  / CHANGE / DELETE
------------------------------------------------------------------------------------------------------ */
.keep-grp a.grp-add-another {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -7958px;
  background-repeat: no-repeat;
}
.keep-grp a.grp-add-another:hover {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -7524px;
  background-repeat: no-repeat;
}
.keep-grp a.grp-add-another:not([href]) {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -7741px;
  background-repeat: no-repeat;
  cursor: not-allowed;
}

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

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

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

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

.keep-grp .grp-td a.add-another {
  float: none;
}
.keep-grp .grp-td select + a.add-another {
  top: -6px;
}

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

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

/*  CONTEXT-DEPENDENT BUTTON STYLES (FOCUS, ERROR)
------------------------------------------------------------------------------------------------------ */
.keep-grp input:focus + button,
.keep-grp .vDateField:focus + span a,
.keep-grp .vTimeField:focus + span a,
.keep-grp input:focus + a.fb_show,
.keep-grp input:focus + a.related-lookup,
.keep-grp input:focus + * + a.related-lookup,
.keep-grp input:focus + a.add-another,
.keep-grp .grp-state-focus a.related-lookup,
.keep-grp body.tinyMCE input[name='src']:focus + div a,
.keep-grp body.tinyMCE input[name='href']:focus + div a {
  border: 1px solid #aaa !important;
}

.keep-grp input:focus + .grp-search-button {
  border-color: transparent !important;
}

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

/*  UNKNOWN, YES, NO: REPLACING DJANGOS IMAGES
------------------------------------------------------------------------------------------------------ */
.keep-grp img[src*='admin/img/icon-unknown'][src$='.gif'],
.keep-grp img[src*='admin/img/icon-no'][src$='.gif'],
.keep-grp img[src*='admin/img/icon-yes'][src$='.gif'] {
  position: relative;
  height: 0;
  width: 0;
  top: 0;
  margin: -2px 0;
  padding: 8px;
  font-size: 0;
}

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

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

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

/*  OJECT-TOOLS
------------------------------------------------------------------------------------------------------ */
.keep-grp .grp-object-tools {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  position: relative;
  float: right;
  top: -40px;
  margin: 0 0 -40px;
}
.keep-grp .grp-object-tools .clearfix:after {
  content: '';
  display: table;
  clear: both;
}
.keep-grp .grp-object-tools li {
  list-style-type: none;
  white-space: nowrap;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
}
.keep-grp .grp-object-tools li:first-child,
.keep-grp .grp-object-tools li.first {
  padding-left: 0;
}
.keep-grp .grp-object-tools li:last-child {
  padding-right: 0;
}
.keep-grp .grp-object-tools li.last {
  padding-right: 0;
}
.keep-grp .grp-object-tools a {
  display: block;
  padding: 4px 15px;
  font-weight: bold;
  border-radius: 30px;
  color: #fff;
  border: 1px solid #777;
  opacity: 0.5;
  background-image: linear-gradient(#999, #888);
}
.keep-grp .grp-object-tools a.grp-state-focus {
  opacity: 1;
}
.keep-grp .grp-object-tools a:hover {
  opacity: 1;
  border: 1px solid #2987a6;
  background-image: linear-gradient(#36b0d9, #36b0d9);
}
.keep-grp .grp-object-tools a.grp-add-link {
  padding-left: 28px;
  background:
    url(../images/spritesheet-1694777276.png) 0px -17933px no-repeat,
    linear-gradient(#666, #444);
}
.keep-grp .grp-object-tools a.grp-add-link:hover {
  background:
    url(../images/spritesheet-1694777276.png) 0px -17933px no-repeat,
    linear-gradient(#36b0d9, #309bbf);
}
.keep-grp .grp-object-tools a.grp-viewsite-link,
.keep-grp .grp-object-tools a[target='_blank'] {
  padding-left: 28px;
  background:
    url(../images/spritesheet-1694777276.png) 0px -18157px no-repeat,
    linear-gradient(#999, #888);
}
.keep-grp .grp-object-tools a.grp-viewsite-link:hover,
.keep-grp .grp-object-tools a[target='_blank']:hover {
  background:
    url(../images/spritesheet-1694777276.png) 0px -18157px no-repeat,
    linear-gradient(#36b0d9, #309bbf);
}
/*  TOOLS
------------------------------------------------------------------------------------------------------ */
.keep-grp .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;
}
.keep-grp .grp-tools .clearfix:after {
  content: '';
  display: table;
  clear: both;
}
.keep-grp .grp-tools li {
  list-style-type: none;
  white-space: nowrap;
  float: left;
  padding-left: 1px;
  padding-right: 1px;
}
.keep-grp .grp-tools li:first-child,
.keep-grp .grp-tools li.first {
  padding-left: 0;
}
.keep-grp .grp-tools li:last-child {
  padding-right: 0;
}
.keep-grp .grp-tools li.last {
  padding-right: 0;
}
.keep-grp .grp-tools-container .grp-tools li {
  float: none !important;
  display: inline-block;
}
.keep-grp .grp-tools a,
.keep-grp .grp-tools span {
  display: block;
  width: 24px;
  height: 24px;
}
.keep-grp .grp-tools a.grp-icon-text,
.keep-grp .grp-tools a.grp-text,
.keep-grp .grp-tools span.grp-icon-text,
.keep-grp .grp-tools span.grp-text {
  padding-left: 24px;
  padding-right: 6px;
  width: auto;
  line-height: 24px;
  color: #444;
}
.keep-grp .grp-tools a.grp-icon-text:hover,
.keep-grp .grp-tools a.grp-text:hover,
.keep-grp .grp-tools span.grp-icon-text:hover,
.keep-grp .grp-tools span.grp-text:hover {
  color: #309bbf;
}
.keep-grp .grp-tools a.grp-text,
.keep-grp .grp-tools span.grp-text {
  padding-left: 8px;
}
.keep-grp .grp-tools a.grp-add-handler {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -19277px;
  background-repeat: no-repeat;
}
.keep-grp .grp-tools a.grp-add-handler:hover {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -19053px;
  background-repeat: no-repeat;
}
.keep-grp .grp-tools a.grp-delete-handler {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -21293px;
  background-repeat: no-repeat;
}
.keep-grp .grp-tools a.grp-delete-handler:hover {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -20845px;
  background-repeat: no-repeat;
}
.keep-grp .grp-predelete .grp-tools a.grp-delete-handler {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -21069px;
  background-repeat: no-repeat;
}
.keep-grp .grp-tools a.grp-remove-handler {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -23085px;
  background-repeat: no-repeat;
}
.keep-grp .grp-tools a.grp-remove-handler:hover {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -22861px;
  background-repeat: no-repeat;
}
.keep-grp .grp-tools a.grp-drag-handler {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -21741px;
  background-repeat: no-repeat;
}
.keep-grp .grp-tools a.grp-drag-handler:hover {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -21517px;
  background-repeat: no-repeat;
}
.keep-grp .grp-tools a.grp-viewsite-link {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -24429px;
  background-repeat: no-repeat;
}
.keep-grp .grp-tools a.grp-viewsite-link:hover {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -24205px;
  background-repeat: no-repeat;
}
.keep-grp .grp-tools a.grp-edit-link {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -22189px;
  background-repeat: no-repeat;
}
.keep-grp .grp-tools a.grp-edit-link:hover {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -21965px;
  background-repeat: no-repeat;
}
.keep-grp .grp-tools a.grp-open-handler {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -22637px;
  background-repeat: no-repeat;
}
.keep-grp .grp-tools a.grp-open-handler:hover {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -22413px;
  background-repeat: no-repeat;
}
.keep-grp .grp-tools a.grp-close-handler {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -20621px;
  background-repeat: no-repeat;
}
.keep-grp .grp-tools a.grp-close-handler:hover {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -20397px;
  background-repeat: no-repeat;
}
.keep-grp .grp-tools a.grp-arrow-down-handler {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -19725px;
  background-repeat: no-repeat;
}
.keep-grp .grp-tools a.grp-arrow-down-handler:hover {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -19501px;
  background-repeat: no-repeat;
}
.keep-grp .grp-tools a.grp-arrow-up-handler {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -20173px;
  background-repeat: no-repeat;
}
.keep-grp .grp-tools a.grp-arrow-up-handler:hover {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -19949px;
  background-repeat: no-repeat;
}
.keep-grp .grp-tools a.grp-trash-handler {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -23533px;
  background-repeat: no-repeat;
}
.keep-grp .grp-tools a.grp-trash-handler:hover {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -23309px;
  background-repeat: no-repeat;
}
.keep-grp .grp-tools a.grp-trash-list-toggle-handler {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -23981px;
  background-repeat: no-repeat;
}
.keep-grp .grp-tools a.grp-trash-list-toggle-handler:hover {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -23757px;
  background-repeat: no-repeat;
}
.keep-grp .grp-tools input {
  position: absolute;
  top: -30px;
}
.keep-grp .grp-tools span {
  color: transparent !important;
  cursor: default !important;
}

/*  Tools in modules ................................................... */
.keep-grp .grp-module > h2 + .grp-tools {
  top: -26px;
  right: 1px;
  margin-bottom: -26px;
}
.keep-grp .grp-module .grp-row > .grp-tools {
  top: -4px;
  right: -9px;
}
.keep-grp .grp-module > h3 + .grp-tools {
  top: -25px;
  margin-bottom: -25px;
}
.keep-grp .grp-module.grp-closed > h3 + .grp-tools {
  top: -24px;
  margin-bottom: -24px;
}

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

/*  Tools in groups ................................................... */
.keep-grp .grp-group > h2 + .grp-tools {
  top: -28px;
  right: 1px;
  margin-bottom: -28px;
}
.keep-grp .grp-group.grp-closed > h2 + .grp-tools {
  top: -26px;
  right: 1px;
  margin-bottom: -26px;
}

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

/*  Tools Container ................................................... */
.keep-grp .grp-tools-container .grp-tools {
  top: 0;
  right: -20px;
  margin-bottom: 0;
}

/*  Tools module.add-item ................................................... */
.keep-grp .grp-module.grp-add-item .grp-tools {
  top: 2px;
}

/*  Related widget tools ................................................... */
.keep-grp .grp-related-widget-wrapper {
  position: relative;
  float: left;
  display: flex;
}

.keep-grp .grp-tools.grp-related-widget-tools {
  top: 2px;
  z-index: 1;
}
.keep-grp .grp-tools.grp-related-widget-tools li {
  padding: 0;
}
.keep-grp .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;
}
.keep-grp .grp-tools.grp-related-widget-tools a.add-another {
  top: 0;
  margin: 0;
}
.keep-grp .radiolist + .grp-tools.grp-related-widget-tools,
.keep-grp .checkboxlist + .grp-tools.grp-related-widget-tools,
.keep-grp .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;
}
.keep-grp .radiolist + .grp-tools.grp-related-widget-tools,
.keep-grp .checkboxlist + .grp-tools.grp-related-widget-tools {
  top: 2px;
  margin-left: 20px;
}

/*  TABLE
------------------------------------------------------------------------------------------------------ */
.keep-grp table.grp-table {
  margin: 0;
  padding: 0;
  border-spacing: none;
  border-collapse: separate;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.keep-grp table.grp-table td,
.keep-grp table.grp-table th {
  vertical-align: text-top;
  padding: 10px;
  font-size: 11px;
  line-height: 15px;
}
.keep-grp table.grp-table td.nowrap,
.keep-grp table.grp-table th.nowrap {
  white-space: nowrap;
}
.keep-grp 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);
}
.keep-grp table.grp-table thead th:first-child {
  border-left: 0;
}
.keep-grp table.grp-table thead th:first-of-type {
  border-top-left-radius: 2px;
}
.keep-grp table.grp-table thead th:last-of-type {
  border-top-right-radius: 2px;
}
.keep-grp table.grp-table thead th a {
  display: block;
  margin: -6px -10px;
  padding: 6px 10px;
  height: 100%;
  color: #59afcc;
}
.keep-grp table.grp-table thead th a:hover {
  color: #444;
}
.keep-grp table.grp-table tfoot td {
  vertical-align: top;
  padding: 6px 10px 6px;
  font-size: 11px;
  line-height: 12px;
  color: #888;
  white-space: nowrap;
}
.keep-grp table.grp-table tbody tr td,
.keep-grp table.grp-table tbody tr th {
  border-bottom: 1px solid #e0e0e0;
  border-left: 1px solid #e4e4e4;
  vertical-align: top;
}
.keep-grp table.grp-table tbody tr td:first-child,
.keep-grp table.grp-table tbody tr th:first-child {
  border-left: 0 !important;
}
.keep-grp table.grp-table tbody tr th {
  font-size: 12px;
  font-weight: bold;
}
.keep-grp table.grp-table tbody tr.grp-row-even td,
.keep-grp table.grp-table tbody tr.grp-row-even th,
.keep-grp table.grp-table tbody tr.grp-alt td,
.keep-grp table.grp-table tbody tr.grp-alt th {
  border-left: 1px solid #e0e0e0;
  background: #f4f4f4;
}
.keep-grp table.grp-table tbody tr.grp-row-odd td,
.keep-grp table.grp-table tbody tr.grp-row-odd th {
  background: #fff;
}
.keep-grp table.grp-table tbody tr.grp-selected {
  background: #ffd;
}
.keep-grp table.grp-table tbody tr.grp-row-label td {
  border-bottom: 0;
  color: #666;
}
.keep-grp table.grp-table tbody tr:last-child td,
.keep-grp table.grp-table tbody tr:last-child th {
  border-bottom: 0;
}
.keep-grp table.grp-table tbody tr:last-child td:first-child,
.keep-grp table.grp-table tbody tr:last-child th:first-child {
  border-bottom-left-radius: 2px;
}
.keep-grp table.grp-table tbody tr:last-child td:last-child,
.keep-grp table.grp-table tbody tr:last-child th:last-child {
  border-bottom-right-radius: 2px;
}
.keep-grp table.grp-table tbody tr a.related-lookup + strong {
  top: 0;
}
.keep-grp table.grp-table tbody tr.grp-errors td,
.keep-grp table.grp-table tbody tr.grp-errors th {
  padding-top: 6px;
  padding-bottom: 0;
}
.keep-grp table.grp-table tbody tr.grp-errors td ul.errorlist,
.keep-grp table.grp-table tbody tr.grp-errors th ul.errorlist {
  margin: 0 0 3px !important;
}
.keep-grp table.grp-table tfoot td {
  border-bottom: 0;
  border-top: 1px solid #d4d4d4;
}
.keep-grp table.grp-table tfoot td:first-child {
  border-left: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .keep-grp table.grp-table td > a:first-child,
  .keep-grp table.grp-table th > a:first-child {
    position: relative;
    top: 1px;
  }
}
.keep-grp table.grp-table td > input[type='checkbox'],
.keep-grp table.grp-table td > input[type='radio'],
.keep-grp table.grp-table th > input[type='checkbox'],
.keep-grp table.grp-table th > input[type='radio'] {
  margin: 0;
}
.keep-grp table.grp-table td > input[type='file'],
.keep-grp table.grp-table td > input[type='checkbox'],
.keep-grp table.grp-table td > input[type='radio'],
.keep-grp table.grp-table td > select,
.keep-grp table.grp-table td p input[type='text'],
.keep-grp table.grp-table th > input[type='file'],
.keep-grp table.grp-table th > input[type='checkbox'],
.keep-grp table.grp-table th > input[type='radio'],
.keep-grp table.grp-table th > select,
.keep-grp table.grp-table th p input[type='text'] {
  position: relative;
  margin-top: -7px !important;
  margin-bottom: -5px !important;
}
.keep-grp table.grp-table td > input[type='text'],
.keep-grp table.grp-table td > input[type='password'],
.keep-grp table.grp-table td > input[type='url'],
.keep-grp table.grp-table td > input[type='email'],
.keep-grp table.grp-table td > input[type='number'],
.keep-grp table.grp-table td > input[type='button'],
.keep-grp table.grp-table td > select,
.keep-grp table.grp-table td p input[type='text'],
.keep-grp table.grp-table td p input[type='url'],
.keep-grp table.grp-table td p input[type='email'],
.keep-grp table.grp-table td p input[type='number'],
.keep-grp table.grp-table td p > input[type='button'],
.keep-grp table.grp-table td div.grp-related-widget-wrapper,
.keep-grp table.grp-table th > input[type='text'],
.keep-grp table.grp-table th > input[type='password'],
.keep-grp table.grp-table th > input[type='url'],
.keep-grp table.grp-table th > input[type='email'],
.keep-grp table.grp-table th > input[type='number'],
.keep-grp table.grp-table th > input[type='button'],
.keep-grp table.grp-table th > select,
.keep-grp table.grp-table th p input[type='text'],
.keep-grp table.grp-table th p input[type='url'],
.keep-grp table.grp-table th p input[type='email'],
.keep-grp table.grp-table th p input[type='number'],
.keep-grp table.grp-table th p > input[type='button'],
.keep-grp table.grp-table th div.grp-related-widget-wrapper {
  vertical-align: top;
  margin-top: -5px !important;
  margin-bottom: -5px !important;
}
.keep-grp table.grp-table td > textarea,
.keep-grp table.grp-table td div.grp-readonly,
.keep-grp table.grp-table th > textarea,
.keep-grp table.grp-table th div.grp-readonly {
  position: relative;
  margin: -5px 0 -5px !important;
}
.keep-grp table.grp-table td .radiolist,
.keep-grp table.grp-table td ul.checkboxlist,
.keep-grp table.grp-table th .radiolist,
.keep-grp table.grp-table th ul.checkboxlist {
  margin: -3px 0 -5px;
}
.keep-grp table.grp-table td .radiolist.inline,
.keep-grp table.grp-table td ul.checkboxlist.inline,
.keep-grp table.grp-table th .radiolist.inline,
.keep-grp table.grp-table th ul.checkboxlist.inline {
  margin: -3px 0 -5px;
  white-space: normal !important;
  max-width: 400px;
}
.keep-grp table.grp-table td a.fb_show,
.keep-grp table.grp-table td a.related-lookup,
.keep-grp table.grp-table td .ui-datepicker-trigger,
.keep-grp table.grp-table td .ui-timepicker-trigger,
.keep-grp table.grp-table th a.fb_show,
.keep-grp table.grp-table th a.related-lookup,
.keep-grp table.grp-table th .ui-datepicker-trigger,
.keep-grp table.grp-table th .ui-timepicker-trigger {
  margin: -5px 0 -11px -25px;
}
.keep-grp table.grp-table td .grp-autocomplete-wrapper-m2m,
.keep-grp table.grp-table td .grp-autocomplete-wrapper-fk,
.keep-grp table.grp-table th .grp-autocomplete-wrapper-m2m,
.keep-grp table.grp-table th .grp-autocomplete-wrapper-fk {
  margin: -5px 0 !important;
}
.keep-grp table.grp-table td .grp-autocomplete-wrapper-m2m a.related-lookup,
.keep-grp table.grp-table td .grp-autocomplete-wrapper-fk a.related-lookup,
.keep-grp table.grp-table th .grp-autocomplete-wrapper-m2m a.related-lookup,
.keep-grp table.grp-table th .grp-autocomplete-wrapper-fk a.related-lookup {
  top: 0;
  margin-top: 0;
}
.keep-grp table.grp-table td .radiolist.inline + a.add-another,
.keep-grp table.grp-table td ul.checkboxlist.inline + a.add-another,
.keep-grp table.grp-table th .radiolist.inline + a.add-another,
.keep-grp table.grp-table th ul.checkboxlist.inline + a.add-another {
  top: -5px;
}
.keep-grp table.grp-table td > ul.errorlist,
.keep-grp table.grp-table th > ul.errorlist {
  margin: 8px 0 -7px !important;
}
.keep-grp table.grp-table td > ul.errorlist:first-child,
.keep-grp table.grp-table th > ul.errorlist:first-child {
  margin: -2px 0 8px !important;
}

.keep-grp table.grp-table.grp-sortable thead th {
  margin: 0;
  padding: 0;
}
.keep-grp table.grp-table.grp-sortable thead th div.grp-text span {
  display: block;
  padding: 6px 10px;
  white-space: nowrap;
}
.keep-grp
  table.grp-table.grp-sortable
  thead
  th
  div.grp-text
  span
  input[type='checkbox'] {
  margin: -6px 0 !important;
}
.keep-grp table.grp-table.grp-sortable thead th.sortable {
  white-space: nowrap;
}
.keep-grp table.grp-table.grp-sortable thead th.sortable .grp-text {
  position: relative;
  /* z-index: 400; */
  display: block;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.keep-grp table.grp-table.grp-sortable thead th.sortable .grp-text a {
  margin: 0;
  padding: 6px 10px;
  display: block;
}
.keep-grp 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;
}
.keep-grp table.grp-table.grp-sortable thead th.sortable .grp-sortoptions a {
  position: relative;
  float: right;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.keep-grp
  table.grp-table.grp-sortable
  thead
  th.sortable
  .grp-sortoptions
  a.grp-sortremove,
.keep-grp
  table.grp-table.grp-sortable
  thead
  th.sortable
  .grp-sortoptions
  a.grp-ascending,
.keep-grp
  table.grp-table.grp-sortable
  thead
  th.sortable
  .grp-sortoptions
  a.grp-descending {
  width: 21px;
  height: 24px;
}
.keep-grp
  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;
}
.keep-grp
  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;
}
.keep-grp
  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;
}
.keep-grp
  table.grp-table.grp-sortable
  thead
  th.sortable
  .grp-sortoptions:hover
  a.grp-sortremove {
  visibility: visible;
}
.keep-grp
  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;
}
.keep-grp table.grp-table.grp-sortable thead th.sortable:hover {
  background-image: linear-gradient(#e0e0e0, #eee);
}
.keep-grp table.grp-table.grp-sortable thead th.sortable.sorted.ascending {
  background-image: linear-gradient(#e0e0e0, #eee);
}
.keep-grp
  table.grp-table.grp-sortable
  thead
  th.sortable.sorted.ascending:hover {
  background-image: linear-gradient(#eee, #e0e0e0);
}
.keep-grp table.grp-table.grp-sortable thead th.sortable.sorted.descending {
  background-image: linear-gradient(#eee, #e0e0e0);
}
.keep-grp
  table.grp-table.grp-sortable
  thead
  th.sortable.sorted.descending:hover {
  background-image: linear-gradient(#e0e0e0, #eee);
}
.keep-grp table.grp-table.grp-sortable thead th.sortable.sorted a {
  color: #444;
  font-weight: bold;
}
.keep-grp table.grp-table.grp-sortable thead th.sortable.sorted .grp-text a {
  padding-right: 60px;
}

/*  Additional ................................................... */
.keep-grp table.grp-table thead th.optional {
  font-weight: normal !important;
}

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

/*  TABLE FULL WIDTH
------------------------------------------------------------------------------------------------------ */
.keep-grp table.grp-table.xfull,
.keep-grp table.grp-table.grp-full-width {
  width: 100%;
}

/*  ORDERABLE TABLES
------------------------------------------------------------------------------------------------------ */
.keep-grp table.grp-table.orderable tbody tr td:hover {
  cursor: move;
}

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

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

/*  TABLE CHANGE HISTORY
------------------------------------------------------------------------------------------------------ */
.keep-grp table.grp-table#grp-change-history {
  width: 100%;
}
.keep-grp table.grp-table#grp-change-history tbody th {
  width: 160px;
}
.keep-grp table.grp-table#grp-change-history tbody td,
.keep-grp table.grp-table#grp-change-history tbody th {
  background: #eee;
}

/*  TABLE DOCUMENTATION
------------------------------------------------------------------------------------------------------ */
.keep-grp table.grp-table.grp-full {
  width: 100%;
}
.keep-grp .grp-module > table.grp-table.grp-full {
  border: 0;
  border-radius: 0;
}

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

/*  PAGINATION
------------------------------------------------------------------------------------------------------ */
.keep-grp .grp-pagination ul {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
}
.keep-grp .grp-pagination ul .clearfix:after {
  content: '';
  display: table;
  clear: both;
}
.keep-grp .grp-pagination ul li {
  list-style-type: none;
  white-space: nowrap;
  float: left;
  padding-left: 0;
  padding-right: 0;
}
.keep-grp .grp-pagination ul li:first-child,
.keep-grp .grp-pagination ul li.first {
  padding-left: 0;
}
.keep-grp .grp-pagination ul li:last-child {
  padding-right: 0;
}
.keep-grp .grp-pagination ul li.last {
  padding-right: 0;
}
.keep-grp .grp-pagination ul li {
  margin-right: 1px;
  border: 1px solid #fff;
  border-radius: 3px;
}
.keep-grp .grp-pagination ul li a,
.keep-grp .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;
}
.keep-grp .grp-pagination ul li a {
  color: #59afcc;
  border-color: #d9d9d9;
}
.keep-grp .grp-pagination ul li a:hover {
  color: #444;
  border-color: #bdbdbd;
  background-image: linear-gradient(#eee, #e0e0e0);
}
.keep-grp .grp-pagination ul li span {
  color: #444;
  border-color: #bdbdbd;
  background-image: linear-gradient(#eee, #e0e0e0);
}
.keep-grp .grp-pagination ul li.grp-results {
  margin-right: 4px;
}
.keep-grp .grp-pagination ul li.grp-separator {
  border-color: transparent;
}
.keep-grp .grp-pagination ul li.grp-separator span {
  padding: 4px 0;
  min-width: 10px;
  font-size: 14px;
  border-color: transparent;
  background: transparent;
}
.keep-grp .grp-pagination ul li.grp-showall {
  margin-left: 4px;
}
.keep-grp .grp-pagination ul li:last-child {
  clear: right;
}

/*  DATE HIERARCHY
------------------------------------------------------------------------------------------------------ */
.keep-grp .grp-date-hierarchy ul {
  position: relative;
  float: left;
  clear: both;
  font-size: 11px;
  line-height: 16px;
  font-weight: bold;
}
.keep-grp .grp-date-hierarchy ul li {
  position: relative;
  float: left;
}
.keep-grp .grp-date-hierarchy ul li a,
.keep-grp .grp-date-hierarchy ul li span {
  padding: 2px 5px;
}
.keep-grp .grp-date-hierarchy ul li a.grp-date-hierarchy-back {
  color: #59afcc;
  padding-left: 15px;
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -11906px;
  background-repeat: no-repeat;
}
.keep-grp .grp-date-hierarchy ul li a.grp-date-hierarchy-back:hover {
  color: #444;
}

/*  SEARCH
------------------------------------------------------------------------------------------------------ */
.keep-grp form#grp-changelist-search-form {
  margin: 1px 0 0;
  border: 1px solid #fff;
  border-radius: 20px;
}

/*  FILTER
------------------------------------------------------------------------------------------------------ */
.keep-grp .grp-pulldown-container {
  position: relative;
  top: 0;
  width: inherit;
  box-sizing: border-box;
  border-radius: 4px;
  margin: -1px 0 0;
}
.keep-grp .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: #309bbf;
}
.keep-grp .grp-pulldown-container .grp-pulldown-handler:hover {
  color: #444;
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 100% -18381px;
  background-repeat: no-repeat;
}
.keep-grp .grp-pulldown-container.grp-pulldown-state-open {
  z-index: 910;
  float: left;
  clear: both;
  box-shadow: 0 10px 50px #333;
}
.keep-grp
  .grp-pulldown-container.grp-pulldown-state-open
  .grp-pulldown-handler {
  color: #444;
  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;
}
.keep-grp
  .grp-pulldown-container.grp-pulldown-state-open
  .grp-pulldown-handler:hover {
  color: #444;
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 100% -18605px;
  background-repeat: no-repeat;
}
.keep-grp
  .grp-pulldown-container.grp-pulldown-state-open
  .grp-pulldown-content {
  float: left;
  clear: both;
}
.keep-grp .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: #444;
}
.keep-grp .grp-pulldown-container .grp-pulldown-content:hover {
  color: #444;
}

.keep-grp #grp-filters {
  position: relative;
}
.keep-grp #grp-filters.grp-module {
  z-index: 800;
}

.keep-grp .grp-filter {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
}
.keep-grp .grp-filter:not(.grp-module) {
  height: 28px;
}
.keep-grp .grp-filter .grp-pulldown-container {
  border: 1px solid #fff;
}
.keep-grp .grp-filter .grp-module:first-child h3 {
  border-top: 0;
}
.keep-grp .grp-filter .grp-row label {
  display: inline-block;
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 13px;
  color: #444;
  display: block;
  margin: 0 0 2px;
  color: #888;
  font-weight: bold;
}
.keep-grp .grp-filter .grp-row label.required {
  font-weight: bold;
}
.keep-grp .grp-filter .grp-row select {
  width: 100% !important;
  max-width: 100% !important;
}
.keep-grp .grp-filter .grp-row a:not(.grp-button) {
  display: block;
  margin: -5px -10px;
  padding: 2px 10px;
  color: #59afcc;
  font-size: 11px;
}
.keep-grp .grp-filter .grp-row a:not(.grp-button):hover {
  color: #444;
}
.keep-grp .grp-filter .grp-row.grp-selected a:not(.grp-button) {
  padding-left: 17px;
  color: #444;
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -4703px;
  background-repeat: no-repeat;
}
.keep-grp .grp-filter .grp-row a.grp-button {
  display: block;
  text-align: center;
}
.keep-grp .grp-filter .grp-row a.grp-button + .grp-button {
  margin-top: 5px;
}
.keep-grp .grp-filter .grp-row a.grp-button.grp-reset-link {
  opacity: 0.5;
}
.keep-grp .grp-filter .grp-row a.grp-button.grp-reset-link:hover {
  opacity: 1;
}
.keep-grp .grp-filter:after {
  content: ' ';
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

/*  ACTIONS
------------------------------------------------------------------------------------------------------ */
.keep-grp li.grp-changelist-actions {
  padding: 5px 0 !important;
  background: transparent !important;
}
.keep-grp li.grp-changelist-actions select {
  position: relative;
  float: left;
  margin: 1px 5px 0 0;
}
.keep-grp li.grp-changelist-actions button[type='submit'] {
  float: right;
}
.keep-grp li.grp-changelist-actions .grp-horizontal-list {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  margin: -1px 0;
}
.keep-grp li.grp-changelist-actions .grp-horizontal-list .clearfix:after {
  content: '';
  display: table;
  clear: both;
}
.keep-grp li.grp-changelist-actions .grp-horizontal-list li {
  list-style-type: none;
  white-space: nowrap;
  float: left;
  padding-left: 0;
  padding-right: 0;
}
.keep-grp li.grp-changelist-actions .grp-horizontal-list li:first-child,
.keep-grp li.grp-changelist-actions .grp-horizontal-list li.first {
  padding-left: 0;
}
.keep-grp li.grp-changelist-actions .grp-horizontal-list li:last-child {
  padding-right: 0;
}
.keep-grp li.grp-changelist-actions .grp-horizontal-list li.last {
  padding-right: 0;
}
.keep-grp li.grp-changelist-actions .grp-horizontal-list li {
  margin-right: 4px;
  border: 1px solid #333;
  border-radius: 4px;
}
.keep-grp li.grp-changelist-actions .grp-horizontal-list .grp-button {
  padding: 5px 10px 4px;
  height: 27px;
  border-radius: 3px !important;
}
.keep-grp li.grp-changelist-actions .grp-horizontal-list a {
  opacity: 1 !important;
  color: #59afcc;
  font-weight: bold;
  border: 1px solid #111;
  background: #222;
}
.keep-grp li.grp-changelist-actions .grp-horizontal-list a:hover {
  color: #fff;
  border: 1px solid #222;
  background: #555;
}
.keep-grp li.grp-changelist-actions .grp-horizontal-list span {
  color: #bbbbbb !important;
  cursor: default !important;
  border: 1px solid #111 !important;
  background: #222 !important;
}
.keep-grp li.grp-changelist-actions li.hidden {
  display: none;
}

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

/*  RESULTS
------------------------------------------------------------------------------------------------------ */
.keep-grp .grp-changelist-results {
  background: #eee url('../images/backgrounds/changelist-results.png') repeat
    scroll !important;
}
.keep-grp .grp-result-overflow-scroll .grp-changelist-results {
  overflow: auto;
  overflow-y: hidden;
  -ms-overflow-y: hidden;
}
.keep-grp .grp-result-overflow-scroll .grp-changelist-results table.grp-table {
  border-right: 0 !important;
}

.keep-grp body.grp-change-list table.grp-table {
  margin: -1px !important;
}
.keep-grp body.grp-change-list table.grp-table tr.grp-selected th,
.keep-grp body.grp-change-list table.grp-table tr.grp-selected td {
  background: #ffd;
}

/*  DELETE CONFIRMATION
------------------------------------------------------------------------------------------------------ */
.keep-grp body.grp-delete-confirmation ul.grp-nested-list {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  margin: -2px 0 2px;
}
.keep-grp body.grp-delete-confirmation ul.grp-nested-list li {
  font-size: 12px;
  font-weight: normal;
}
.keep-grp body.grp-delete-confirmation ul.grp-nested-list li > ul li > ul {
  margin-left: 6px;
}
.keep-grp 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;
}
.keep-grp body.grp-delete-confirmation ul.grp-nested-list li + li {
  margin-top: 5px;
}
.keep-grp 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;
}
.keep-grp body.grp-delete-confirmation ul.grp-nested-list > li .grp-module {
  margin: 0;
  border: 0;
}
.keep-grp
  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;
}
.keep-grp body.grp-delete-confirmation ul.grp-nested-list > li + li {
  margin-top: 0;
}
.keep-grp body.grp-delete-confirmation ul.grp-nested-list > li > ul {
  margin-top: 8px;
  border-top: 1px solid #ddd;
}
.keep-grp 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;
}
.keep-grp
  body.grp-delete-confirmation
  ul.grp-nested-list
  > li
  > ul
  > li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.keep-grp body.grp-delete-confirmation ul.grp-nested-list > li > ul > li > ul {
  margin-top: 8px;
}
.keep-grp
  body.grp-delete-confirmation
  ul.grp-nested-list
  > li
  > ul
  > li
  > ul
  > li {
  font-weight: bold;
}
.keep-grp
  body.grp-delete-confirmation
  ul.grp-nested-list
  > li
  > ul
  > li
  > ul
  > li
  > ul
  li
  ul
  li {
  color: #888;
}

/*  FILEBROWSER SPECIFIC STYLES
------------------------------------------------------------------------------------------------------ */
.keep-grp body.grp-filebrowser table td > a:first-child,
.keep-grp body.grp-filebrowser table th > a:first-child {
  position: relative;
  top: 0;
}
.keep-grp body.grp-filebrowser table td.grp-sorted a,
.keep-grp body.grp-filebrowser table th.grp-sorted a {
  padding-right: 30px;
  color: #444;
  font-weight: bold;
}
.keep-grp body.grp-filebrowser table td.grp-sorted.grp-ascending a,
.keep-grp 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;
}
.keep-grp body.grp-filebrowser table td.grp-sorted.grp-descending a,
.keep-grp 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;
}
.keep-grp body.grp-filebrowser table td {
  padding: 10px 10px 8px;
}
.keep-grp body.grp-filebrowser table td ul.grp-actions {
  position: relative;
  top: -1px;
  left: -5px;
  margin: 0 -5px -1px 0;
}

/*  WIDGET BASICS
------------------------------------------------------------------------------------------------------ */
.keep-grp .grp-module.ui-widget {
  border: none;
}

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

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

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

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

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

/*  SORTABLE
------------------------------------------------------------------------------------------------------ */
.keep-grp .ui-sortable {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
}
.keep-grp .ui-sortable .ui-sortable-helper,
.keep-grp .ui-sortable .ui-sortable-placeholder {
  opacity: 0.8;
}
.keep-grp .ui-sortable .ui-sortable-helper {
  margin: 0;
  width: 100% !important;
  height: auto !important;
  overflow: visible;
}
.keep-grp .ui-sortable .grp-module.ui-sortable-placeholder {
  border: 1px solid #ccc !important;
  background: transparent
    url('../images/backgrounds/ui-sortable-placeholder.png') 0 0 repeat scroll !important;
}

.keep-grp .grp-group.grp-stacked .ui-sortable-placeholder {
  margin: 0 0 2px;
}
.keep-grp .grp-group.grp-stacked .ui-sortable-placeholder:first-child {
  margin-top: 0;
}

.keep-grp
  .grp-group.grp-tabular
  .ui-sortable
  .grp-module.ui-sortable-placeholder {
  overflow: hidden;
}
.keep-grp
  .grp-group.grp-tabular
  .ui-sortable
  .grp-module.ui-sortable-placeholder
  .grp-th,
.keep-grp
  .grp-group.grp-tabular
  .ui-sortable
  .grp-module.ui-sortable-placeholder
  .grp-td {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: transparent !important;
}
.keep-grp .grp-group.grp-tabular .ui-sortable .grp-module.ui-sortable-helper {
  border-top: 0 !important;
}
.keep-grp
  .grp-group.grp-tabular
  .ui-sortable
  .grp-module.ui-sortable-helper
  .grp-th,
.keep-grp
  .grp-group.grp-tabular
  .ui-sortable
  .grp-module.ui-sortable-helper
  .grp-td {
  background: #ffffcc !important;
}

.keep-grp .grp-group.grp-stacked .ui-sortable-helper,
.keep-grp .grp-group.grp-stacked .ui-sortable-helper .grp-module,
.keep-grp .grp-group.grp-stacked .ui-sortable-helper h2,
.keep-grp .grp-group.grp-stacked .ui-sortable-helper h3,
.keep-grp .grp-group.grp-stacked .ui-sortable-helper h4,
.keep-grp
  .grp-group.grp-stacked
  .grp-collapse.grp-predelete.ui-sortable-helper
  > h3.grp-collapse-handler,
.keep-grp
  .grp-group.grp-stacked
  .grp-collapse.grp-open.predelete.ui-sortable-helper
  > h3.grp-collapse-handler,
.keep-grp
  .grp-group.grp-stacked
  .grp-collapse.grp-predelete.ui-sortable-helper
  h4.grp-collapse-handler,
.keep-grp
  .grp-group.grp-stacked
  .grp-collapse.grp-open.grp-predelete.ui-sortable-helper
  h4.grp-collapse-handler {
  background: #ffffcc !important;
}

/*  DATETIME
------------------------------------------------------------------------------------------------------ */
.keep-grp .datetime br {
  display: none;
}

.keep-grp .datetimeshortcuts {
  width: 40px;
  position: relative;
  margin-left: 10px;
}
.keep-grp .datetimeshortcuts a {
  margin-left: 0 !important;
}

/*  DATEPICKER
------------------------------------------------------------------------------------------------------ */
.keep-grp .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;
  /* with multiple calendars */
}
.keep-grp .ui-datepicker input,
.keep-grp .ui-datepicker select,
.keep-grp .ui-datepicker textarea,
.keep-grp .ui-datepicker button {
  margin: 0;
  padding: 2px 5px;
  height: 25px;
  font-family: Arial, sans-serif;
  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;
}
.keep-grp .ui-datepicker input:focus,
.keep-grp .ui-datepicker input.grp-state-focus,
.keep-grp .ui-datepicker select:focus,
.keep-grp .ui-datepicker select.grp-state-focus,
.keep-grp .ui-datepicker textarea:focus,
.keep-grp .ui-datepicker textarea.grp-state-focus,
.keep-grp .ui-datepicker button:focus,
.keep-grp .ui-datepicker button.grp-state-focus {
  border: 1px solid #aaa;
  box-shadow: 0 0 6px #ccc;
  background: #fff;
  outline: 0;
}
.keep-grp .ui-datepicker .ui-widget-content {
  background: #eee;
  color: #222222;
}
.keep-grp .ui-datepicker .ui-widget-content a {
  color: #444;
}
.keep-grp .ui-datepicker .ui-widget-header {
  padding: 2px 0;
  height: 25px;
  background: #cccccc;
  color: #222222;
  font-weight: bold;
}
.keep-grp .ui-datepicker .ui-widget-header a {
  color: #444;
}
.keep-grp .ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
  border: 1px solid #bdbdbd;
}
.keep-grp .ui-datepicker .ui-datepicker-prev,
.keep-grp .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 4px;
  width: 20px;
  height: 30px;
  background-color: transparent;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}
.keep-grp .ui-datepicker .ui-datepicker-prev span,
.keep-grp .ui-datepicker .ui-datepicker-next span {
  display: none;
}
.keep-grp .ui-datepicker .ui-datepicker-prev {
  left: 2px;
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -16366px;
  background-repeat: no-repeat;
}
.keep-grp .ui-datepicker .ui-datepicker-next {
  right: 4px;
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -15920px;
  background-repeat: no-repeat;
}
.keep-grp .ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
  border: none;
}
.keep-grp .ui-datepicker .ui-datepicker-next-hover {
  right: 4px;
  border: none;
}
.keep-grp .ui-datepicker .ui-datepicker-title {
  margin: 3px 27px 2px;
  line-height: 1.8em;
  text-align: center;
}
.keep-grp .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;
}
.keep-grp .ui-datepicker .ui-datepicker-title select.ui-datepicker-month-year {
  width: 100%;
}
.keep-grp .ui-datepicker .ui-datepicker-title select.ui-datepicker-month,
.keep-grp .ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
  width: 49%;
}
.keep-grp .ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
  float: right;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .keep-grp .ui-datepicker .ui-datepicker-title select,
  .keep-grp .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;
  }
}
.keep-grp .ui-datepicker table {
  width: 100%;
  font-size: 11px;
  margin: 0 0 2px;
  border: 0;
}
.keep-grp .ui-datepicker table th {
  padding: 5px 0;
  text-align: center;
  color: #888;
  font-weight: bold;
  border: 0;
  background: transparent;
}
.keep-grp .ui-datepicker table td {
  min-width: 25px;
  border: 0;
  padding: 1px;
}
.keep-grp .ui-datepicker table td span,
.keep-grp .ui-datepicker table td a {
  padding: 3px 0 3px;
  margin: 0 !important;
  text-align: center;
  display: block;
  color: #444;
  font-size: 11px;
  border-radius: 3px;
}
.keep-grp .ui-datepicker table td span.ui-state-default,
.keep-grp .ui-datepicker table td a.ui-state-default {
  color: #444;
  border-color: #ccc;
}
.keep-grp .ui-datepicker table td span.ui-state-hover,
.keep-grp .ui-datepicker table td a.ui-state-hover {
  color: #fff !important;
  border-color: transparent !important;
  background: #444 !important;
}
.keep-grp .ui-datepicker table td span.ui-state-active,
.keep-grp .ui-datepicker table td a.ui-state-active {
  background: #fff;
}
.keep-grp .ui-datepicker table td span.ui-state-highlight,
.keep-grp .ui-datepicker table td a.ui-state-highlight {
  border-color: #bababa;
  background: #d6d6d6;
}
.keep-grp .ui-datepicker table td.ui-datepicker-today a {
  border-color: #bababa;
  background: #d6d6d6;
}
.keep-grp .ui-datepicker table td.ui-datepicker-current-day a {
  background: #fff;
}
.keep-grp .ui-datepicker .ui-datepicker-buttonpane {
  position: relative;
  float: left;
  clear: both;
  background-image: none;
  width: 100%;
  margin: 5px 0 1px;
  padding: 0;
  border: 0;
}
.keep-grp .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: transparent;
  box-shadow: none;
  cursor: pointer;
}
.keep-grp
  .ui-datepicker
  .ui-datepicker-buttonpane
  button.ui-datepicker-current {
  float: right;
  opacity: 1 !important;
  color: #444;
  font-weight: bold;
  background: #cee9f2;
}
.keep-grp
  .ui-datepicker
  .ui-datepicker-buttonpane
  button.ui-datepicker-current.ui-state-hover {
  color: #fff !important;
  border-color: #444 !important;
  background: #444 !important;
}
.keep-grp .ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.keep-grp .ui-datepicker.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.keep-grp .ui-datepicker.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}
.keep-grp
  .ui-datepicker.ui-datepicker-multi
  .ui-datepicker-group-first
  .ui-datepicker-title {
  margin-right: 5px !important;
}
.keep-grp .ui-datepicker.ui-datepicker-multi .ui-datepicker-group-first table {
  margin-right: 5px !important;
}
.keep-grp
  .ui-datepicker.ui-datepicker-multi
  .ui-datepicker-group-middle
  .ui-datepicker-title {
  margin-right: 5px !important;
  margin-left: 5px !important;
}
.keep-grp .ui-datepicker.ui-datepicker-multi .ui-datepicker-group-middle table {
  margin-right: 5px !important;
  margin-left: 3px !important;
}
.keep-grp
  .ui-datepicker.ui-datepicker-multi
  .ui-datepicker-group-last
  .ui-datepicker-title {
  margin-left: 5px !important;
}
.keep-grp .ui-datepicker.ui-datepicker-multi .ui-datepicker-group-last table {
  margin-left: 5px !important;
}
.keep-grp .ui-datepicker.ui-datepicker-multi .ui-datepicker-buttonpane {
  border: none;
}
.keep-grp .ui-datepicker.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.keep-grp .ui-datepicker.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.keep-grp .ui-datepicker.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.keep-grp .ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0em;
}

.keep-grp .ui-datepicker-append {
  margin-left: 6px;
  color: #999;
  font-size: 10px;
}

.keep-grp .ui-datepicker td.ui-state-disabled {
  padding: 1px;
  text-align: center;
}

.keep-grp .ui-datepicker td.ui-state-disabled span {
  background: #ccc;
  color: #555 !important;
  font-weight: bold;
  font-size: 11px;
  border-radius: 3px;
}

.keep-grp button.ui-datepicker-close {
  float: left !important;
  margin-right: 4px !important;
}

/*  TIMEPICKER
------------------------------------------------------------------------------------------------------ */
.keep-grp #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;
}
.keep-grp #ui-timepicker input,
.keep-grp #ui-timepicker select,
.keep-grp #ui-timepicker textarea,
.keep-grp #ui-timepicker button {
  margin: 0;
  padding: 2px 5px;
  height: 25px;
  font-family: Arial, sans-serif;
  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;
}
.keep-grp #ui-timepicker input:focus,
.keep-grp #ui-timepicker input.grp-state-focus,
.keep-grp #ui-timepicker select:focus,
.keep-grp #ui-timepicker select.grp-state-focus,
.keep-grp #ui-timepicker textarea:focus,
.keep-grp #ui-timepicker textarea.grp-state-focus,
.keep-grp #ui-timepicker button:focus,
.keep-grp #ui-timepicker button.grp-state-focus {
  border: 1px solid #aaa;
  box-shadow: 0 0 6px #ccc;
  background: #fff;
  outline: 0;
}
.keep-grp #ui-timepicker .ui-widget-content {
  background: #eee;
  color: #222222;
}
.keep-grp #ui-timepicker .ui-widget-content a {
  color: #444;
}
.keep-grp #ui-timepicker .ui-widget-header {
  padding: 2px 0;
  height: 25px;
  background: #cccccc;
  color: #222222;
  font-weight: bold;
}
.keep-grp #ui-timepicker .ui-widget-header a {
  color: #444;
}
.keep-grp #ui-timepicker ul {
  position: relative;
  float: left;
  clear: both;
  width: auto;
}
.keep-grp #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;
}
.keep-grp #ui-timepicker ul li.row.ui-state-default {
  color: #444;
  border: 1px solid #c7c7c7 !important;
  background: #e1f0f5;
}
.keep-grp #ui-timepicker ul li.row.ui-state-default:hover {
  color: #fff;
  border: 1px solid #666 !important;
  background: #444;
}
.keep-grp #ui-timepicker ul li.row.ui-state-active {
  color: #444;
  border: 1px solid #bababa !important;
  background: #d6d6d6;
}

/*  MENU
------------------------------------------------------------------------------------------------------ */
.keep-grp .ui-menu {
  z-index: 1000;
  display: block;
  margin: 0;
  padding: 2px;
  list-style: none;
}
.keep-grp .ui-menu li:first-child span {
  display: block;
  padding: 1px 4px;
  color: #888;
  font-weight: bold;
}
.keep-grp .ui-menu li:first-child + li {
  margin-top: 3px;
}
.keep-grp .ui-menu li > span.error {
  display: block;
  margin: 0;
  padding: 5px 5px 5px;
  color: #bf3030;
}
.keep-grp .ui-menu li.ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
  border: 0 !important;
}
.keep-grp .ui-menu li.ui-menu-item a {
  display: block;
  margin: 0 !important;
  padding: 3px 4px;
  color: #444;
  font-weight: bold !important;
  border: 1px solid #c7c7c7;
  border-radius: 2px;
  background: #cee9f2;
  cursor: pointer;
}
.keep-grp .ui-menu li.ui-menu-item a:hover,
.keep-grp .ui-menu li.ui-menu-item a.ui-state-hover,
.keep-grp .ui-menu li.ui-menu-item a.ui-state-focus,
.keep-grp .ui-menu li.ui-menu-item a.ui-state-active {
  color: #fff;
  border: 1px solid #333;
  background: #444;
}
.keep-grp .ui-menu li.ui-menu-item + li.ui-menu-item {
  margin-top: 2px;
  border-top: 0 !important;
}
.keep-grp .ui-menu .ui-menu {
  margin-top: -3px;
}

/*  AUTOCOMPLETE
------------------------------------------------------------------------------------------------------ */
.keep-grp .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;
}
.keep-grp .ui-autocomplete input,
.keep-grp .ui-autocomplete select,
.keep-grp .ui-autocomplete textarea,
.keep-grp .ui-autocomplete button {
  margin: 0;
  padding: 2px 5px;
  height: 25px;
  font-family: Arial, sans-serif;
  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;
}
.keep-grp .ui-autocomplete input:focus,
.keep-grp .ui-autocomplete input.grp-state-focus,
.keep-grp .ui-autocomplete select:focus,
.keep-grp .ui-autocomplete select.grp-state-focus,
.keep-grp .ui-autocomplete textarea:focus,
.keep-grp .ui-autocomplete textarea.grp-state-focus,
.keep-grp .ui-autocomplete button:focus,
.keep-grp .ui-autocomplete button.grp-state-focus {
  border: 1px solid #aaa;
  box-shadow: 0 0 6px #ccc;
  background: #fff;
  outline: 0;
}
.keep-grp .ui-autocomplete .ui-widget-content {
  background: #eee;
  color: #222222;
}
.keep-grp .ui-autocomplete .ui-widget-content a {
  color: #444;
}
.keep-grp .ui-autocomplete .ui-widget-header {
  padding: 2px 0;
  height: 25px;
  background: #cccccc;
  color: #222222;
  font-weight: bold;
}
.keep-grp .ui-autocomplete .ui-widget-header a {
  color: #444;
}

.keep-grp * html .ui-autocomplete {
  width: 1px;
}

.keep-grp body[class*='grp'] select.admin-autocomplete {
  width: 758px;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete.select2-container {
  min-height: 25px;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete
  .select2-selection--single {
  height: 25px;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete
  .select2-selection--single,
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete
  .select2-selection--multiple {
  min-height: 25px;
  padding: 0;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete.select2-container--focus
  .select2-selection,
.keep-grp
  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;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete.select2-container--focus
  .select2-selection.select2-selection--single,
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete.select2-container--open
  .select2-selection.select2-selection--single {
  padding: 0;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete.select2-container--focus
  .select2-selection.select2-selection--multiple,
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete.select2-container--open
  .select2-selection.select2-selection--multiple {
  padding: 0;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete
  .select2-selection--single {
  font-family: Arial, sans-serif;
  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;
}
.keep-grp
  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;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete[dir='rtl']
  .select2-selection--single
  .select2-selection__rendered {
  padding: 5px 5px 0 40px;
}
.keep-grp
  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: transparent;
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -9694px;
  background-repeat: no-repeat;
}
.keep-grp
  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;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete[dir='rtl']
  .select2-selection--single
  .select2-selection__clear {
  left: -24px;
  right: auto;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete
  .select2-selection--single
  .select2-selection__placeholder {
  color: #9a9a9a;
}
.keep-grp
  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;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete
  .select2-selection--single
  .select2-selection__arrow
  b {
  display: none;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete[dir='rtl']
  .select2-selection--single
  .select2-selection__clear {
  float: left;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete[dir='rtl']
  .select2-selection--single
  .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete.select2-container--disabled
  .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete.select2-container--disabled
  .select2-selection--single
  .select2-selection__clear {
  display: none;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete
  .select2-selection--multiple {
  font-family: Arial, sans-serif;
  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;
}
.keep-grp
  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%;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete
  .select2-selection--multiple
  .select2-selection__rendered
  li {
  list-style: none;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete
  .select2-selection--multiple
  .select2-selection__placeholder {
  color: #9a9a9a;
  margin-top: 5px;
  float: left;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete
  .select2-selection--multiple
  .select2-selection__rendered {
  padding-right: 40px;
}
.keep-grp
  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;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete[dir='rtl']
  .select2-selection--multiple
  .select2-selection__rendered {
  padding-left: 40px;
  padding-right: 0;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete[dir='rtl']
  .select2-selection--multiple
  .select2-selection__rendered:after {
  left: 2px;
  right: auto;
}
.keep-grp
  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: transparent;
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -9694px;
  background-repeat: no-repeat;
}
.keep-grp
  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;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete[dir='rtl']
  .select2-selection--multiple
  .select2-selection__clear {
  position: absolute;
  left: 0;
  margin: 2px auto 5px 17px;
}
.keep-grp
  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: #555;
  background-color: #e1f0f5;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.keep-grp
  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: transparent;
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -9694px;
  background-repeat: no-repeat;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete
  .select2-selection--multiple
  .select2-selection__choice__remove:hover {
  color: transparent;
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -9911px;
  background-repeat: no-repeat;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete[dir='rtl']
  .select2-selection--multiple
  .select2-selection__choice,
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete[dir='rtl']
  .select2-selection--multiple
  .select2-selection__placeholder,
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete[dir='rtl']
  .select2-selection--multiple
  .select2-search--inline {
  float: right;
}
.keep-grp
  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;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete.select2-container--focus
  .select2-selection--multiple {
  border: solid #9a9a9a 1px;
  outline: 0;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete.select2-container--disabled
  .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete.select2-container--disabled
  .select2-selection__choice__remove {
  display: none;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete.select2-container--open.select2-container--above
  .select2-selection--single,
.keep-grp
  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;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete.select2-container--open.select2-container--below
  .select2-selection--single,
.keep-grp
  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;
}
.keep-grp body[class*='grp'] .select2-container--open .select2-dropdown {
  overflow: hidden;
  border-radius: 3px;
  border: 1px solid #aaa;
  background-color: #fff;
  background-color: #eee;
}
.keep-grp
  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, 0.3);
}
.keep-grp
  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, 0.3);
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete
  .select2-search--dropdown {
  padding: 8px 4px 4px;
  background-color: #eee;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete
  .select2-search--dropdown
  .select2-search__field {
  margin: 0;
  padding: 2px 5px;
  height: 25px;
  font-family: Arial, sans-serif;
  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;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete
  .select2-search--dropdown
  .select2-search__field:focus,
.keep-grp
  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;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete
  .select2-search--dropdown
  .select2-search__field:focus {
  box-shadow: 0 1px 3px 0 #eee inset;
}
.keep-grp
  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: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete
  .select2-search--inline
  .select2-search__field:focus {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete
  .select2-results {
  padding: 4px;
  background-color: #fff;
  background-color: #eee;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete
  .select2-results
  > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
  background-color: #fff;
  background-color: #eee;
}
.keep-grp
  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: #e1f0f5;
  transition:
    color 0.125s ease-in-out,
    border 0.125s ease-in-out,
    background 0.125s ease-in-out;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete
  .select2-results
  .select2-results__option
  + .select2-results__option {
  margin-top: 2px;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete
  .select2-results
  .select2-results__option.loading-results {
  border-color: transparent;
  background: transparent;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete
  .select2-results
  .select2-results__option.select2-results__message {
  border-color: transparent;
  background: transparent;
}
.keep-grp
  body[class*='grp']
  .select2-results
  .select2-results__options
  .select2-results__option.loading-results {
  margin-top: -4px;
}
.keep-grp
  body[class*='grp']
  .select2-results
  .select2-results__options
  .select2-results__option.select2-results__message {
  margin-top: -4px;
}
.keep-grp
  body[class*='grp']
  .select2-results
  .select2-results__options[aria-multiselectable='true']
  .select2-results__option.loading-results {
  margin-top: 0;
}
.keep-grp
  body[class*='grp']
  .select2-results
  .select2-results__options[aria-multiselectable='true']
  .select2-results__option.select2-results__message {
  margin-top: 0;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete
  .select2-results__option[role='group'] {
  padding: 0;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete
  .select2-results__option[aria-disabled='true'] {
  color: #9a9a9a;
  border-color: #ccc;
  background-color: #eee;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete
  .select2-results__option[aria-selected='true'] {
  color: #fff;
  border-color: #1a1a1a;
  background-color: #333;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete
  .select2-results__option
  .select2-results__option {
  padding-left: 1em;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete
  .select2-results__option
  .select2-results__option
  .select2-results__group {
  padding-left: 0;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.keep-grp
  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;
}
.keep-grp
  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;
}
.keep-grp
  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;
}
.keep-grp
  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;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete
  .select2-results__option--highlighted[aria-selected] {
  color: #fff;
  border-color: #267a96;
  background-color: #309bbf;
}
.keep-grp
  body[class*='grp']
  .select2-container--admin-autocomplete
  .select2-results__group {
  cursor: default;
  display: block;
  padding: 4px;
}

/*  BODY
------------------------------------------------------------------------------------------------------ */
.keep-grp body {
  position: relative;
  float: left;
  clear: both;
  padding: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  font-size: 12px;
  background: #fff;
  overflow: visible;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.keep-grp body .clearfix:after {
  content: '';
  display: table;
  clear: both;
}

.keep-grp .grp-column.grp-centered {
  position: relative;
  display: block;
  float: none !important;
  margin: 0 auto !important;
}

.keep-grp .grp-span-fluid {
  float: none;
  display: table-cell;
  width: 10000px;
}

.keep-grp body.grp-login #grp-header,
.keep-grp body.grp-login #grp-context-navigation,
.keep-grp body.grp-login #grp-content-title {
  display: none;
}
.keep-grp body.grp-login #grp-content {
  top: 140px;
}
.keep-grp body.grp-login .grp-module-login {
  border: 0 !important;
  border-radius: 6px;
  background: #222 !important;
}
.keep-grp body.grp-login .grp-module-login > .grp-row {
  padding: 10px;
  border-top: 1px solid #333 !important;
  border-bottom: 1px solid #000 !important;
}
.keep-grp body.grp-login .grp-module-login > .grp-row label {
  color: #fff;
}
.keep-grp 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-image: linear-gradient(#333, #222);
}
.keep-grp body.grp-login .grp-module-login h1 span {
  display: block;
  margin: 0;
  color: #eee;
}
.keep-grp body.grp-login .grp-module-login h1 span.grp-admin-title {
  padding: 5px 10px 7px;
  font-weight: bold;
}
.keep-grp body.grp-login .grp-module-login h1 span.grp-admin-title a {
  color: #eee;
}
.keep-grp body.grp-login .grp-module-login h1 span.grp-admin-title a:hover {
  color: #4fb2d3;
}
.keep-grp body.grp-login .grp-module-login h1 span.grp-current-page {
  margin: 0 -1px;
  padding: 5px 11px 4px;
  border-top: 0;
  border-bottom: 0;
  border-left: 1px solid #2c8eaf;
  border-right: 1px solid #2c8eaf;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  background-image: linear-gradient(#4fb2d3, #309bbf);
}
.keep-grp body.grp-login .grp-module-login h1 + .grp-row {
  border: 0;
  border-top: 1px solid #333;
}
.keep-grp 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;
}
.keep-grp body.grp-login .grp-module-login .grp-module .grp-row {
  padding-bottom: 12px;
}
.keep-grp body.grp-login .grp-module-login .grp-module .grp-row:first-child {
  border-top: 0;
}
.keep-grp 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;
}
.keep-grp 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;
}
.keep-grp
  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;
}
.keep-grp body.grp-login .grp-module-login .grp-module label {
  margin: 0 0 4px;
}
.keep-grp body.grp-login .grp-module-login .grp-module label:first-child {
  margin-top: -2px;
}
.keep-grp body.grp-login .grp-module-login .grp-module .grp-description {
  margin: 3px 0 -3px;
  font-size: 13px;
  line-height: 15px;
}
.keep-grp body.grp-login .grp-module-login .grp-module ul.errorlist {
  margin: 5px 0 0;
  padding: 0;
}
.keep-grp body.grp-login .grp-module-login .grp-module ul.errorlist:last-child {
  margin-bottom: -2px;
}
.keep-grp body.grp-login .grp-module-login .grp-module .errornote {
  margin: 0;
  padding: 9px 10px 7px;
  font-size: 13px;
  border-radius: 0;
}
.keep-grp body.grp-login .grp-module-login .grp-module .errornote + .errornote {
  margin-top: -3px;
  padding-top: 0;
}
.keep-grp body.grp-login .grp-module.grp-submit-row,
.keep-grp body.grp-login .grp-module.grp-submit-row ul {
  padding: 0;
  border: 0;
  background: transparent;
}
.keep-grp body.grp-login .grp-module.grp-submit-row li,
.keep-grp body.grp-login .grp-module.grp-submit-row ul li {
  float: right;
  background: transparent;
}

/*  HEADER
------------------------------------------------------------------------------------------------------ */
.keep-grp header#grp-header {
  position: fixed;
  z-index: 1000;
  float: left;
  clear: both;
  width: 100%;
  box-sizing: border-box;
}

.keep-grp #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: #fff;
  background-image: linear-gradient(#333, #222);
  overflow: visible;
}
.keep-grp #grp-navigation .clearfix:after {
  content: '';
  display: table;
  clear: both;
}
.keep-grp #grp-navigation a {
  color: #4fb2d3;
}
.keep-grp #grp-navigation a:hover {
  color: #fff;
}
.keep-grp #grp-navigation ul li.grp-collapse {
  position: relative;
  z-index: 1000;
}
.keep-grp #grp-navigation ul li.grp-collapse > ul {
  display: none;
}
.keep-grp #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-top: 1px solid #090909;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background: #222;
}
.keep-grp #grp-navigation ul li.grp-collapse.grp-open > ul li {
  border-top: 1px solid #3c3c3c;
  border-bottom: 1px solid #090909;
}
.keep-grp #grp-navigation ul li.grp-collapse.grp-open > ul li:last-child {
  border-bottom: 0;
}

.keep-grp div#grp-branding {
  position: relative;
  margin: 0 10px 0 -20px;
  max-height: 36px;
  overflow: hidden;
  flex: 0 0 1;
}

.keep-grp h1#grp-admin-title {
  position: relative;
  flex: 1 1 auto;
  margin: 0;
  padding: 10px 10px 10px 0;
  font-size: 12px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.keep-grp #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;
}
.keep-grp #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;
}
.keep-grp #grp-user-tools > li:first-child,
.keep-grp #grp-user-tools > li.first {
  padding-left: 0;
}
.keep-grp #grp-user-tools > li:last-child {
  padding-right: 0;
}
.keep-grp #grp-user-tools > li.last {
  padding-right: 0;
}
.keep-grp #grp-user-tools > li.grp-user-options-container {
  width: auto;
  min-width: 200px;
  max-width: 600px;
}
.keep-grp #grp-user-tools > li.grp-user-options-container:last-child {
  margin-right: 11px;
}
.keep-grp #grp-user-tools > li:last-child {
  border-right: 0;
}
.keep-grp #grp-user-tools > li a {
  display: block;
  padding: 10px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*  CONTENT
------------------------------------------------------------------------------------------------------ */
.keep-grp #grp-content {
  position: relative;
  float: left;
  clear: both;
  padding: 80px 20px 120px;
  width: 100%;
  box-sizing: border-box;
}
.keep-grp #grp-content:after {
  content: ' ';
  display: table;
  clear: both;
}

.keep-grp body.grp-change-form #grp-content-container > form,
.keep-grp body.grp-change-form #grp-content-container > form > div {
  position: relative;
  float: left;
  clear: both;
}

/*  BREADCRUMBS & TOC
------------------------------------------------------------------------------------------------------ */
.keep-grp #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;
}

.keep-grp #grp-breadcrumbs {
  float: left;
}
.keep-grp #grp-breadcrumbs > ul {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  padding: 5px 20px;
  text-shadow: 0 1px 0 #f5f5f5;
}
.keep-grp #grp-breadcrumbs > ul .clearfix:after {
  content: '';
  display: table;
  clear: both;
}
.keep-grp #grp-breadcrumbs > ul li {
  list-style-type: none;
  white-space: nowrap;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
}
.keep-grp #grp-breadcrumbs > ul li:first-child,
.keep-grp #grp-breadcrumbs > ul li.first {
  padding-left: 0;
}
.keep-grp #grp-breadcrumbs > ul li:last-child {
  padding-right: 0;
}
.keep-grp #grp-breadcrumbs > ul li.last {
  padding-right: 0;
}
.keep-grp #grp-breadcrumbs > ul a {
  display: block;
  padding-right: 15px;
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 100% -17709px;
  background-repeat: no-repeat;
}
.keep-grp #grp-breadcrumbs > ul a:hover {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 100% -17037px;
  background-repeat: no-repeat;
}

.keep-grp #grp-page-tools {
  float: right;
  right: 20px;
}
.keep-grp #grp-page-tools #grp-toc-handler {
  display: none;
}
.keep-grp #grp-page-tools #grp-toc-content {
  display: none;
}
.keep-grp #grp-page-tools ul {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  padding: 0 20px;
  overflow: visible;
}
.keep-grp #grp-page-tools ul .clearfix:after {
  content: '';
  display: table;
  clear: both;
}
.keep-grp #grp-page-tools ul li {
  list-style-type: none;
  white-space: nowrap;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
}
.keep-grp #grp-page-tools ul li:first-child,
.keep-grp #grp-page-tools ul li.first {
  padding-left: 0;
}
.keep-grp #grp-page-tools ul li:last-child {
  padding-right: 0;
}
.keep-grp #grp-page-tools ul li.last {
  padding-right: 0;
}
.keep-grp #grp-page-tools ul li {
  position: relative;
  padding: 1px 0 0;
}
.keep-grp #grp-page-tools a {
  display: block;
  padding: 4px 5px 4px 0;
}
.keep-grp #grp-page-tools a.grp-tool {
  padding: 0;
  width: 18px;
  height: 24px;
}
.keep-grp #grp-page-tools a#grp-open-all {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -22637px;
  background-repeat: no-repeat;
}
.keep-grp #grp-page-tools a#grp-close-all {
  background-image: url(../images/spritesheet-1694777276.png);
  background-position: 0px -20621px;
  background-repeat: no-repeat;
}

/*  MESSAGE-LIST
------------------------------------------------------------------------------------------------------ */
.keep-grp .grp-messagelist {
  position: relative;
  float: none;
  clear: both;
  padding: 0 0 20px;
  width: 100%;
  box-sizing: border-box;
}
.keep-grp .grp-messagelist > li {
  font-weight: bold;
  padding: 5px 10px;
  border: 1px solid #8ccde2;
  border-radius: 3px;
  background: #b5deec;
}
.keep-grp .grp-messagelist > li.grp-success {
  border: 1px solid #b7e28c;
  background: #d1ecb5;
}
.keep-grp .grp-messagelist > li.grp-warning {
  border: 1px solid #f3d988;
  background: #f8e8b7;
}
.keep-grp .grp-messagelist > li.grp-error {
  border: 1px solid #e7a1a1;
  background: #ecb5b5;
}
.keep-grp .grp-messagelist > li + li {
  margin-top: 2px;
}

/*  FOOTER & SUBMIT-ROW
------------------------------------------------------------------------------------------------------ */
.keep-grp .grp-submit-row {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  min-width: auto;
}
.keep-grp .grp-submit-row > ul {
  margin-top: 10px;
  overflow: visible;
}
.keep-grp .grp-submit-row > ul .clearfix:after {
  content: '';
  display: table;
  clear: both;
}
.keep-grp .grp-submit-row > ul > li {
  list-style-type: none;
  white-space: nowrap;
  float: right;
  padding-left: 0;
  padding-right: 0;
  margin-left: 10px;
  border-radius: 7px;
}
.keep-grp .grp-submit-row > ul > li:first-child,
.keep-grp .grp-submit-row > ul > li.first {
  padding-right: 0;
}
.keep-grp .grp-submit-row > ul > li:last-child {
  padding-left: 0;
}
.keep-grp .grp-submit-row > ul > li.last {
  padding-left: 0;
}
.keep-grp .grp-submit-row > ul > li.grp-float-left {
  margin-left: 0;
  margin-right: 10px;
}
.keep-grp .grp-submit-row input[type='button'] {
  margin: 0;
  width: auto;
  display: block;
}
.keep-grp .grp-submit-row input.grp-button,
.keep-grp .grp-submit-row a.grp-button,
.keep-grp .grp-submit-row button.grp-button {
  opacity: 0.75;
}
.keep-grp .grp-submit-row input.grp-button.grp-default,
.keep-grp .grp-submit-row a.grp-button.grp-default,
.keep-grp .grp-submit-row button.grp-button.grp-default {
  opacity: 1;
}
.keep-grp .grp-submit-row input.grp-button:hover,
.keep-grp .grp-submit-row input.grp-button:focus,
.keep-grp .grp-submit-row a.grp-button:hover,
.keep-grp .grp-submit-row a.grp-button:focus,
.keep-grp .grp-submit-row button.grp-button:hover,
.keep-grp .grp-submit-row button.grp-button:focus {
  opacity: 1;
}
.keep-grp .grp-submit-row button.grp-button {
  width: auto;
}
.keep-grp .grp-submit-row .grp-button {
  box-shadow: 0 0 10px #bbb;
}
.keep-grp .grp-submit-row.grp-fixed-footer > ul {
  margin-top: 0;
}
.keep-grp .grp-submit-row.grp-fixed-footer > ul > li {
  margin-bottom: 5px;
  padding: 5px !important;
  background: #444;
}
.keep-grp .grp-submit-row.grp-fixed-footer .grp-button {
  box-shadow: none;
}

.keep-grp .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-image: linear-gradient(#333, #222);
}

/*  POPUP
------------------------------------------------------------------------------------------------------ */
.keep-grp body.grp-popup #grp-navigation {
  display: none;
}
.keep-grp body.grp-popup #grp-breadcrumbs {
  top: 0;
}
.keep-grp body.grp-popup #grp-content {
  padding-top: 20px;
}

/*  MOBILE DEVICES
------------------------------------------------------------------------------------------------------ */
@media only screen and (max-device-width: 600px) and (max-device-height: 600px) {
  .keep-grp html header#grp-header {
    position: static;
    width: 100%;
    box-sizing: content-box;
  }
  .keep-grp html #grp-content {
    top: 0;
    padding-bottom: 0;
  }
  .keep-grp html .grp-fixed-footer {
    position: static;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    margin: 60px -20px 0 -20px;
    box-sizing: content-box;
  }
}
