@charset "UTF-8";
@keyframes deco-show {
  50% {
    opacity: 1;
    transform: translate(0%, 0%) scale(1.025);
  }
  100% {
    opacity: 1;
    transform: translate(0%, 0%) scale(1);
  }
}
@keyframes deco-hide {
  0% {
    transform: translate(0%, 0%) scale(1);
  }
  100% {
    transform: translate(-15%, 10%) scale(0.6);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.json-form__section {
  background-color: #e6ebee;
  border: 1px solid #bdcad7;
}
.json-form__field {
  display: flex;
  padding: .5rem;
}
.json-form__field-label {
  flex: 1 1 auto;
}
.json-form__field-label-checkbox {
  cursor: pointer;
}
.json-form__field-input {
  flex: 1 1 auto;
}
.json-form__field-input-checkbox {
  flex: 0 0 auto;
  cursor: pointer;
}
.json-form__field input {
  width: auto !important;
}
.json-form__section .json-form__field {
  background-color: #eef1f3;
  border: 1px solid #bdcad7;
}
.json-form__section .json-form__field:nth-child(odd) {
  background-color: #e6ebee;
}
.json-form__section .json-form__field:not(:last-child) {
  border-bottom: none;
}

@keyframes deco-show {
  50% {
    opacity: 1;
    transform: translate(0%, 0%) scale(1.025);
  }
  100% {
    opacity: 1;
    transform: translate(0%, 0%) scale(1);
  }
}
@keyframes deco-hide {
  0% {
    transform: translate(0%, 0%) scale(1);
  }
  100% {
    transform: translate(-15%, 10%) scale(0.6);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.json-form__section {
  background-color: #e6ebee;
  border: 1px solid #bdcad7;
}
.json-form__field {
  display: flex;
  padding: .5rem;
}
.json-form__field-label {
  flex: 1 1 auto;
}
.json-form__field-label-checkbox {
  cursor: pointer;
}
.json-form__field-input {
  flex: 1 1 auto;
}
.json-form__field-input-checkbox {
  flex: 0 0 auto;
  cursor: pointer;
}
.json-form__field input {
  width: auto !important;
}
.json-form__section .json-form__field {
  background-color: #eef1f3;
  border: 1px solid #bdcad7;
}
.json-form__section .json-form__field:nth-child(odd) {
  background-color: #e6ebee;
}
.json-form__section .json-form__field:not(:last-child) {
  border-bottom: none;
}

.xmiObjectsHolder {
  width: 100%;
  height: 100%;
  position: relative;
}
.xmiObjectsHolder input[type=button].jqx-button {
  color: #3f6780 !important;
  cursor: pointer;
}
.xmiObjectsHolder .xmiObjectsGridHolder {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.xmiObjectsHolder .xmiObjectsGridHolder .xmiObjectsParent {
  position: relative;
  width: 100%;
  flex-grow: 3;
}
.xmiObjectsHolder .xmiObjectsGridHolder .xmiObjectsParent .xmiObjectsGrid {
  position: absolute;
  width: 100%;
  height: 100%;
}
.xmiObjectsHolder .xmiObjectObjectView {
  width: 100%;
  height: 100%;
  position: absolute;
  display: none;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.xmiObjectsHolder .xmiObjectObjectView .titleBar {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
}
.xmiObjectsHolder .xmiObjectObjectView .objectViewHolder {
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  flex-grow: 2;
  -ms-flex-positive: 2;
}
.xmiObjectsHolder .xmiObjectObjectView .objectViewHolder .header {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
}

@keyframes deco-show {
  50% {
    opacity: 1;
    transform: translate(0%, 0%) scale(1.025);
  }
  100% {
    opacity: 1;
    transform: translate(0%, 0%) scale(1);
  }
}
@keyframes deco-hide {
  0% {
    transform: translate(0%, 0%) scale(1);
  }
  100% {
    transform: translate(-15%, 10%) scale(0.6);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.json-form__section {
  background-color: #e6ebee;
  border: 1px solid #bdcad7;
}
.json-form__field {
  display: flex;
  padding: .5rem;
}
.json-form__field-label {
  flex: 1 1 auto;
}
.json-form__field-label-checkbox {
  cursor: pointer;
}
.json-form__field-input {
  flex: 1 1 auto;
}
.json-form__field-input-checkbox {
  flex: 0 0 auto;
  cursor: pointer;
}
.json-form__field input {
  width: auto !important;
}
.json-form__section .json-form__field {
  background-color: #eef1f3;
  border: 1px solid #bdcad7;
}
.json-form__section .json-form__field:nth-child(odd) {
  background-color: #e6ebee;
}
.json-form__section .json-form__field:not(:last-child) {
  border-bottom: none;
}

.mce-tinymce-inline {
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
}

/*.edit-border {

	border: dashed 1px black;
}*/
.image-editor {
  position: relative;
  display: none;
}
.image-editor .drag-area {
  position: fixed;
  cursor: move;
}
.image-editor .toolbar {
  cursor: default;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 14px;
  /*![application.primaryColor]*/
  color: #634a00;
  box-sizing: border-box;
  padding: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.image-editor .toolbar .toolbar-item.fa {
  margin-top: 8px;
}
.image-editor .toolbar .toolbar-item {
  font-size: 16px;
  box-sizing: border-box;
  height: 30px;
  margin-bottom: 5px;
  margin-right: 5px;
  /*![application.primaryColor]*/
  color: #634a00;
}
.image-editor .toolbar .toolbar-item span {
  margin-left: 5px;
}
.image-editor .toolbar .size .scaler {
  display: none;
}
.image-editor .toolbar .size .scaler input {
  width: 40px;
  /*![application.primaryColor]*/
  color: #634a00;
  font-size: 14px;
}
.image-editor .toolbar .close {
  font-size: 20px;
  padding: 2px;
  box-sizing: border-box;
  cursor: pointer;
}

@keyframes deco-show {
  50% {
    opacity: 1;
    transform: translate(0%, 0%) scale(1.025);
  }
  100% {
    opacity: 1;
    transform: translate(0%, 0%) scale(1);
  }
}
@keyframes deco-hide {
  0% {
    transform: translate(0%, 0%) scale(1);
  }
  100% {
    transform: translate(-15%, 10%) scale(0.6);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.json-form__section {
  background-color: #e6ebee;
  border: 1px solid #bdcad7;
}
.json-form__field {
  display: flex;
  padding: .5rem;
}
.json-form__field-label {
  flex: 1 1 auto;
}
.json-form__field-label-checkbox {
  cursor: pointer;
}
.json-form__field-input {
  flex: 1 1 auto;
}
.json-form__field-input-checkbox {
  flex: 0 0 auto;
  cursor: pointer;
}
.json-form__field input {
  width: auto !important;
}
.json-form__section .json-form__field {
  background-color: #eef1f3;
  border: 1px solid #bdcad7;
}
.json-form__section .json-form__field:nth-child(odd) {
  background-color: #e6ebee;
}
.json-form__section .json-form__field:not(:last-child) {
  border-bottom: none;
}

.colorItemEditor {
  position: relative;
  width: 100%;
}
.colorItemEditor .colorTransparent {
  background-color: #fff2f2;
  /* IE9, iOS 3.2+ */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNDUiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmUwMDAwIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNTUiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0, white), color-stop(0.45, white), color-stop(0.5, #fe0000), color-stop(0.55, white));
  /* Android 2.3 */
  background-image: -webkit-linear-gradient(top left, white 0%, white 45%, #fe0000 50%, white 55%);
  /* IE10+ */
  background-image: linear-gradient(to bottom right, white 0%, white 45%, #fe0000 50%, white 55%);
  background-image: -ms-linear-gradient(top left, white 0%, white 45%, #fe0000 50%, white 55%);
}
.colorItemEditor .colorItem {
  display: inline-block;
  position: relative;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  margin: 2px;
  box-sizing: border-box;
  cursor: pointer;
}
.colorItemEditor .colorItem.selected {
  border: 3px solid white;
}
.colorItemEditor .check {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  margin-top: -8px;
  background: black;
  border-radius: 50%;
  opacity: 0.6;
}
.colorItemEditor .check:before {
  content: "\f00c";
  font-family: FontAwesome;
  color: white;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  position: relative;
  top: -2px;
  left: 2px;
}

html body {
  /*![setRuleScope(body)]*/
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  position: absolute;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*![application.primaryColor]*/
  background-color: #f2f2f2;
  /*![url(application.image2)]*/
  background-image: url(../../../web/shared/assets/svg/bg-doodle.svg);
  background-size: 500px;
  background-position: center;
  font-family: "ubuntu";
  margin: 0 !important;
  overflow: hidden;
  -webkit-transition: background-image 0.5s;
  -moz-transition: background-image 0.5s;
  transition: background-image 0.5s;
}
html body ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
html body ::-webkit-scrollbar-thumb {
  background: #b3b3b3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}
html body ::-webkit-scrollbar-track {
  background: #fafafa;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
html body body {
  scrollbar-face-color: #b3b3b3;
  scrollbar-track-color: #fafafa;
}

.jqx-color-picker {
  margin-bottom: 40px;
}
.jqx-color-picker .jqx-color-picker-panel input {
  height: auto !important;
}

.embossed-text {
  text-shadow: 1px 1px #ffffff9e, -1px -1px #0000004a;
}

.coming-soon {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(../../../web/shared/assets/img/coming-soon.png);
  background-position: center;
  background-size: 200px 200px;
  background-repeat: no-repeat;
}

.selectable-list {
  /*![application.primaryColor]*/
  border-color: #634a00;
  border: 2px solid;
  border-radius: 5px;
  background-color: white;
  overflow: hidden;
}
.selectable-list .selectable-list-item {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  padding: 0 3px 0 3px;
}
.selectable-list .selectable-list-item .icon {
  width: 30px;
  height: 30px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.selectable-list .selectable-list-item:hover {
  background-color: #fbdfa5;
}
.selectable-list .selectable-list-item.selected {
  /*![application.primaryColor]*/
  background-color: #634a00;
}

.selectable-list:not(.toggle) .selectable-list-item.selected {
  pointer-events: none;
}

.floating-dropdown {
  z-index: 999;
  position: relative;
  height: 40px;
}
.floating-dropdown .dropdown {
  position: absolute;
}

.dropdown .current-item {
  min-width: 36px;
  min-height: 25px;
  cursor: pointer;
}
.dropdown .current-item > * {
  pointer-events: none;
}
.dropdown .icon.flag-icon {
  height: 20px;
  margin: 5px 2px;
}
.dropdown:not(.expanded):not(.animatable) .items-wrapper {
  display: none;
}

.dropdown.animatable {
  overflow: hidden;
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  transition: height 0.2s;
}

#popuplayer > .application-locale {
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: 0;
  animation: pop-out .5s linear 1s;
  animation-fill-mode: forwards;
}

p {
  padding: 0;
  margin: 0;
}

.bean textarea {
  resize: none;
}

.fa {
  color: #fafafa;
  -webkit-transition: color, 0.3s;
  -moz-transition: color, 0.3s;
  transition: color, 0.3s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  cursor: pointer;
}

.fa:hover {
  color: #b3b3b3;
}

.fa.disabled {
  opacity: 0.6;
  pointer-events: none;
}

.functionSelector {
  position: absolute;
  top: 0;
  margin-left: 20px;
}
.functionSelector .fa.selected {
  color: #b3b3b3 !important;
}

.popup-layer {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.popup-layer .popup {
  z-index: 1;
  position: absolute;
}
.popup-layer .popup:last-child {
  z-index: 2;
  position: relative;
}

.header > .locale-items {
  position: absolute;
  right: 2px;
  bottom: 2px;
}
.header > .locale-items .label {
  display: none;
}
.header > .locale-items .locale-dropdown {
  position: relative;
  width: 110px;
}

#popuplayer.loggedOn {
  background-color: rgba(255, 255, 255, 0.6);
}

#popuplayer:empty {
  display: none;
}

#popuplayer {
  top: 0px;
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
#popuplayer .application-locale .selectable-list-item.no-export {
  display: none;
}
#popuplayer .logonPopup {
  width: 380px;
  border-radius: 30px;
  background-color: white;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  overflow: hidden;
  animation: pop-out .5s;
  -webkit-box-shadow: 0px 0px 30px -6px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 30px -6px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 30px -6px rgba(0, 0, 0, 0.75);
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
#popuplayer .logonPopup input {
  width: 100%;
  border: 1px solid #bbbbbb;
  color: #634a00;
  font-size: 16px;
  padding: 5px;
  box-sizing: border-box;
  box-shadow: none;
}
#popuplayer .logonPopup .button {
  font-family: ubuntu-bold;
  padding: 3px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid white;
  border-radius: 10px;
  color: white;
  min-width: 60px;
  font-size: 16px;
  text-align: center;
  background-color: #fdb71a;
  cursor: pointer;
}
#popuplayer .logonPopup .button.selected {
  border: 1px dashed white;
}
#popuplayer .logonPopup .button:hover, #popuplayer .logonPopup .button:focus {
  opacity: 0.8;
  outline: none;
}
#popuplayer .logonPopup .button.disabled:hover {
  opacity: 0.4;
}
#popuplayer .logonPopup .button.disabled {
  opacity: 0.4;
  cursor: default;
}
#popuplayer .logonPopup .button {
  /*![application.primaryColor]*/
  background-color: #fdb71a;
}
#popuplayer .logonPopup .application-picker {
  font-size: 18px;
  /*![application.primaryColor]*/
  color: #5d728e;
}
#popuplayer .logonPopup .application-picker .application-list {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin-top: 10px;
  max-height: 100px;
  overflow-y: auto;
  overflow-x: hidden;
}
#popuplayer .logonPopup .application-picker .application-list .application-item:hover {
  opacity: .7;
}
#popuplayer .logonPopup .application-picker .application-list .application-item {
  font-size: 14px;
  cursor: pointer;
  margin: 2px 1px 2px 1px;
}
#popuplayer .logonPopup .button {
  display: inline-block;
  padding: 6px;
}
#popuplayer .logonPopup .header {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 80px;
  background-color: #fdb71a;
}
#popuplayer .logonPopup .header::before {
  content: '';
  height: 100%;
  width: 40px;
  margin-left: -5px;
  background-size: 258px 52px;
  /*![url(application.image1)]*/
  background-image: url(../../../web/shared/assets/svg/header-logo.svg);
  background-position: 0 center;
  background-repeat: no-repeat;
}
#popuplayer .logonPopup .header::after {
  content: "Create";
  color: white;
  font-size: 39px;
  margin-top: 2px;
  margin-left: 5px;
}
#popuplayer .logonPopup .message {
  height: 40px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
  color: rgba(214, 38, 8, 0.94);
}
#popuplayer .logonPopup .content {
  padding: 40px;
  padding-top: 0px;
  box-sizing: border-box;
}
#popuplayer .logonPopup .content .logon-form-section {
  margin-bottom: 10px;
  /*![application.primaryColor]*/
  color: #0b3967;
}
#popuplayer .logonPopup .content .button-bar {
  /*![application.primaryColor]*/
  color: #634a00;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: left;
  -moz-box-pack: left;
  box-pack: left;
  -webkit-justify-content: left;
  -moz-justify-content: left;
  -ms-justify-content: left;
  -o-justify-content: left;
  justify-content: left;
  -ms-flex-pack: left;
  gap: 20px;
}
#popuplayer .logonPopup .content .button-bar .logon-button-container {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
}
#popuplayer .logonPopup .content .button-bar .g_id_signin {
  transform-origin: 50% 0%;
  transform: scale(0.9);
}
#popuplayer .logonPopup .content .button-bar .linking {
  flex-grow: 1;
  text-align: right;
  font-size: 14px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
#popuplayer .logonPopup .content .button-bar .linking .link {
  cursor: pointer;
}
#popuplayer .logonPopup .content .button-bar .linking .link:hover, #popuplayer .logonPopup .content .button-bar .linking .link:focus {
  text-decoration: underline;
  outline: none;
}
#popuplayer .logonPopup .content .forgotPasswordForm .fa-times {
  display: none;
}
#popuplayer .logonPopup .content .forgotPasswordForm .passwordForgotString {
  /*![application.primaryColor]*/
  color: #634a00;
  margin-bottom: 10px;
}
#popuplayer .logonPopup .content .signUpForm .signUpString {
  /*![application.primaryColor]*/
  color: #634a00;
  margin-bottom: 10px;
}

.alert-box-wrapper .alert-box .admincontainer {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  width: 300px;
}
.alert-box-wrapper .alert-box .admincontainer .input-form {
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
}
.alert-box-wrapper .alert-box .admincontainer input {
  width: 100%;
  border: 1px solid #bbbbbb;
  color: #634a00;
  font-size: 16px;
  padding: 5px;
  box-sizing: border-box;
  margin-bottom: 5px;
}
.alert-box-wrapper .alert-box .admincontainer.busy::after {
  content: '';
  position: absolute;
  border: 4px solid #888888;
  border-top: 4px solid transparent;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  animation: spin 1s linear infinite;
  top: 18px;
  right: 8px;
}

.bean-list.readonly ol.list {
  pointer-events: none;
  opacity: 0.5;
}

ol.list {
  border: 1px solid grey;
  /*![application.primaryColor]*/
  color: #634a00;
  padding: 2px;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}
ol.list li {
  list-style-type: none;
  border: 1px solid grey;
  border-top: none;
  padding: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
  -moz-box-align: top;
  box-align: top;
  -webkit-align-items: top;
  -moz-align-items: top;
  -ms-align-items: top;
  -o-align-items: top;
  align-items: top;
  -ms-flex-align: top;
}
ol.list li .dragging-icon {
  background-image: url(../../shared/assets/img/updown.png);
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
  width: 12px;
  height: 12px;
  min-width: 12px;
  margin-right: 5px;
  cursor: move;
}
ol.list li .name {
  cursor: pointer;
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  flex-grow: 2;
  -ms-flex-positive: 2;
}
ol.list li .delete-icon {
  width: 15px !important;
  height: 15px !important;
  cursor: pointer;
}
ol.list li .delete-icon path {
  /*![application.secondaryColor]*/
  fill: #fdb71a;
}
ol.list li:first-child {
  border-top: 1px solid grey;
}
ol.list li.ui-selected, ol.list li.ui-selecting {
  background-color: rgba(0, 0, 0, 0.1);
}

.center-absolute {
  position: absolute;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
}

@keyframes pop-out {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.075);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.lms input[type=checkbox], .MainCMS input[type=checkbox] {
  width: 15px;
  height: 15px;
}
.lms .pioneer .content .objects-wrapper .objects .column .new-item-group-selector, .MainCMS .pioneer .content .objects-wrapper .objects .column .new-item-group-selector {
  z-index: 2;
}

.lms .object\.system .header .logo,
.lms .object\.system .pioneer .content .side-panel {
  display: none;
}
.lms .reports .column-item.bool {
  cursor: default !important;
}
.lms .reports .column-item.bool .label {
  text-align: left;
}
.lms .reports .column-item.bool .label.checkbox {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 25px !important;
  -moz-flex: 0 0 25px !important;
  -ms-flex: 0 0 25px !important;
  flex: 0 0 25px !important;
  margin: auto;
  pointer-events: all;
}
.lms .reports .column-item.bool.selected {
  background-color: #ffffff !important;
}

.lms .lms-view.reports .pioneer {
  padding: 30px;
  box-sizing: border-box;
  font-family: ubuntu;
  background-color: #e6ebee;
}
.lms .lms-view.reports .pioneer .column {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 300px;
  -moz-flex: 0 0 300px;
  -ms-flex: 0 0 300px;
  flex: 0 0 300px;
  position: relative;
  min-width: 300px;
  height: 100%;
  float: left;
  margin-right: 20px;
  padding: 10px 0;
  box-sizing: border-box;
  background-color: #ffffff;
}
.lms .lms-view.reports .pioneer .column [class^="label-icon-"]:before,
.lms .lms-view.reports .pioneer .column [class*=" label-icon-"]:before,
.lms .lms-view.reports .pioneer .column [class*="fa-"]:after,
.lms .lms-view.reports .pioneer .column [class*="fa-"]:before {
  font-size: 20px;
  margin-right: 5px;
}
.lms .lms-view.reports .pioneer .column > .header .tb-right [class*="fa-"]:before {
  margin: 0;
}
.lms .lms-view.reports .pioneer .column [class*="fa-"]:before {
  font-family: 'Font Awesome 6 Pro';
}
.lms .lms-view.reports .pioneer .column [class*="fa-duotone"]:before {
  font-family: 'Font Awesome 6 Duotone';
}
.lms .lms-view.reports .pioneer .column [class*="fa-sharp"]:before {
  font-family: 'Font Awesome 6 Sharp';
}
.pioneer .content .dragging-dummy[class*="fa-"]:before {
  font-family: 'Font Awesome 6 Pro';
  font-size: 20px;
  margin-right: 5px;
}
.pioneer .content .dragging-dummy[class*="fa-duotone"]:before {
  font-family: 'Font Awesome 6 Duotone';
}
.pioneer .content .dragging-dummy[class*="fa-sharp"]:before {
  font-family: 'Font Awesome 6 Sharp';
}
.pioneer .content .dragging-dummy .preview {
  top: 4px;
  left: 20px;
  width: 32px;
  height: 32px;
}
.lms .lms-view.reports .pioneer .column .header {
  z-index: 2;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 40px;
  line-height: 30px;
  margin-bottom: 10px;
  padding: 0 10px;
  box-sizing: border-box;
  border-bottom: 1px solid #bdcad7;
}
.lms .lms-view.reports .pioneer .column .header .name {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 10px;
  font-weight: bold;
  color: #f4c14e;
}
.lms .lms-view.reports .pioneer .column .header .name:empty {
  display: none;
}
.lms .lms-view.reports .pioneer .column .header .filter {
  display: flex;
  align-items: center;
  position: relative;
  flex: 1 1 auto;
  height: 30px;
  width: calc(100% - 50px);
  color: #354555;
}
.lms .lms-view.reports .pioneer .column .header .filter__input {
  width: 100%;
  height: 100%;
  padding: 5px 25px 5px 5px;
  font-size: 17px;
  box-sizing: border-box;
  color: currentColor;
  border: 1px solid #bdcad7;
}
.lms .lms-view.reports .pioneer .column .header .filter__clear {
  position: absolute;
  right: 0;
  color: #634a00;
  opacity: 0;
  pointer-events: none;
}
.lms .lms-view.reports .pioneer .column .header .filter__input.-has-value {
  border-color: #634a007f;
}
.lms .lms-view.reports .pioneer .column .header .filter__input.-has-value + .filter__clear {
  opacity: .5;
  pointer-events: all;
}
.lms .lms-view.reports .pioneer .column .header .filter.default {
  color: #bdcad7;
}
.lms .lms-view.reports .pioneer .column .header .filter:focus {
  outline: none;
}
.lms .lms-view.reports .pioneer .column .header .button {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  font-size: 17px;
  font-weight: bold;
  /*![application.primaryColor]*/
  color: #634a00;
  cursor: pointer;
  position: relative;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 32px;
  -moz-flex: 0 0 32px;
  -ms-flex: 0 0 32px;
  flex: 0 0 32px;
  float: right;
  width: 32px;
  height: 32px;
  margin-left: 5px;
  line-height: 32px;
  text-align: center;
}
.lms .lms-view.reports .pioneer .column .header .button .icon {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.lms .lms-view.reports .pioneer .column .header .button .icon::before {
  margin-right: 0;
}
.lms .lms-view.reports .pioneer .column .header .button.new {
  display: none;
}
.lms .lms-view.reports .pioneer .column .header .button.new, .lms .lms-view.reports .pioneer .column .header .button.import-template, .lms .lms-view.reports .pioneer .column .header .button.send-all-welcome-emails {
  float: right;
}
.lms .lms-view.reports .pioneer .column .header .button.new a, .lms .lms-view.reports .pioneer .column .header .button.import-template a, .lms .lms-view.reports .pioneer .column .header .button.send-all-welcome-emails a {
  color: inherit;
  text-decoration: none;
}
.lms .lms-view.reports .pioneer .column .header .button.new .label-icon-plus::before, .lms .lms-view.reports .pioneer .column .header .button.import-template .label-icon-plus::before, .lms .lms-view.reports .pioneer .column .header .button.send-all-welcome-emails .label-icon-plus::before {
  margin-left: 10px;
  margin-right: 0;
}
.lms .lms-view.reports .pioneer .column .header .button.new .label-icon-page-export, .lms .lms-view.reports .pioneer .column .header .button.import-template .label-icon-page-export, .lms .lms-view.reports .pioneer .column .header .button.send-all-welcome-emails .label-icon-page-export {
  margin-left: 10px;
  margin-right: 0;
}
.lms .lms-view.reports .pioneer .column .header .button.new .label-icon-email-envelope, .lms .lms-view.reports .pioneer .column .header .button.import-template .label-icon-email-envelope, .lms .lms-view.reports .pioneer .column .header .button.send-all-welcome-emails .label-icon-email-envelope {
  margin-left: 10px;
  margin-right: 0;
}
.lms .lms-view.reports .pioneer .column .header .button.pick {
  font-size: 18px;
  line-height: 36px;
  display: block;
}
.lms .lms-view.reports .pioneer .column .header .button.toggled {
  pointer-events: none;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}
.lms .lms-view.reports .pioneer .column .header .tb-right {
  margin-left: auto;
  display: flex;
}
.lms .lms-view.reports .pioneer .column .header .tb-right .button.new,
.lms .lms-view.reports .pioneer .column .header .tb-right .button.refresh,
.lms .lms-view.reports .pioneer .column .header .tb-right .button.share {
  display: none;
  float: right;
}
.lms .lms-view.reports .pioneer .column .header .tb-right .button.new > span::before,
.lms .lms-view.reports .pioneer .column .header .tb-right .button.refresh > span::before,
.lms .lms-view.reports .pioneer .column .header .tb-right .button.share > span::before {
  margin-left: 10px;
  margin-right: 0;
}
.lms .lms-view.reports .pioneer .column .header .search-pickers-container {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  position: relative;
  height: 32px;
  margin-left: 10px;
}
.lms .lms-view.reports .pioneer .column .header .search-pickers-container:empty {
  display: none;
}
.lms .lms-view.reports .pioneer .column.removed {
  visibility: hidden;
}
.lms .lms-view.reports .pioneer .column .new-item-group-selector,
.lms .lms-view.reports .pioneer .column .pick-item-group-selector {
  position: absolute;
  right: 0px;
  top: 45px;
  background-color: #ffffff;
  line-height: 24px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}
.lms .lms-view.reports .pioneer .column .new-item-group-selector .selectable-list-item,
.lms .lms-view.reports .pioneer .column .pick-item-group-selector .selectable-list-item {
  /*![application.primaryColor]*/
  color: #634a00;
  border-bottom: 1px solid #cfd3d7;
  padding: 10px;
  cursor: pointer;
  text-align: left;
}
.lms .lms-view.reports .pioneer .column .new-item-group-selector .selectable-list-item:hover, .lms .lms-view.reports .pioneer .column .new-item-group-selector .selectable-list-item.selected,
.lms .lms-view.reports .pioneer .column .pick-item-group-selector .selectable-list-item:hover,
.lms .lms-view.reports .pioneer .column .pick-item-group-selector .selectable-list-item.selected {
  background-color: #fbdfa5;
}
.lms .lms-view.reports .pioneer .column .new-item-group-selector::after,
.lms .lms-view.reports .pioneer .column .pick-item-group-selector::after {
  content: '';
  position: absolute;
  top: -4px;
  width: 32px;
  height: 4px;
  background-color: white;
}
.lms .lms-view.reports .pioneer .column .new-item-group-selector::after {
  right: 10px;
}
.lms .lms-view.reports .pioneer .column .pick-item-group-selector::after {
  right: 47px;
}
.lms .lms-view.reports .pioneer .column .items-header:empty {
  display: none;
}
.lms .lms-view.reports .pioneer .column.with-items-header .items-list-wrapper {
  top: 90px;
}
.lms .lms-view.reports .pioneer .column.with-totals .items-list-wrapper {
  bottom: 75px;
}
.lms .lms-view.reports .pioneer .column .items-list-wrapper {
  position: absolute;
  top: 50px;
  bottom: 5px;
  width: 100%;
  overflow: hidden;
}
.lms .lms-view.reports .pioneer .column .items-list-wrapper .items-list.grouped .group-label {
  display: block !important;
}
.lms .lms-view.reports .pioneer .column .items-list-wrapper .items-list {
  position: absolute;
  left: 0px;
  right: 0px;
}
.lms .lms-view.reports .pioneer .column .items-list-wrapper .items-list .group-label {
  display: none;
  height: auto;
  font-style: italic;
  color: #bdcad7;
  cursor: default;
  padding: 0 10px;
  line-height: 40px;
}
.lms .lms-view.reports .pioneer .column .items-list-wrapper .items-list .group-label.foldable {
  cursor: pointer;
}
.lms .lms-view.reports .pioneer .column .items-list-wrapper .items-list .column-item {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 40px;
  line-height: 40px;
  /*![application.primaryColor]*/
  color: #634a00;
  border-bottom: 1px solid #cfd3d7;
  cursor: pointer;
  padding: 0 10px 0 20px;
  -webkit-transition: background-color 300ms;
  -moz-transition: background-color 300ms;
  transition: background-color 300ms;
}
.lms .lms-view.reports .pioneer .column .items-list-wrapper .items-list .column-item .preview {
  position: absolute;
  top: 9px;
  left: 19px;
  width: 22px;
  height: 22px;
  border-radius: 3px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 75% 75%;
}
.lms .lms-view.reports .pioneer .column .items-list-wrapper .items-list .column-item .preview.-empty {
  display: none;
}
.lms .lms-view.reports .pioneer .column .items-list-wrapper .items-list .column-item .move-grabber {
  cursor: url("data:image/vnd.microsoft.icon;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAA//AAAd/wAAGf+AAAH9gAADbYAAA2yAAAZsAAAGbAAAAGAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//4AB//8AAf//AAD//5AA///gAP//4AD//8AF///AB///5A////5///8="), all-scroll;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
  display: block;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 4px;
  -webkit-transition: visibility 0ms, opacity 300ms;
  -moz-transition: visibility 0ms, opacity 300ms;
  transition: visibility 0ms, opacity 300ms;
}
.lms .lms-view.reports .pioneer .column .items-list-wrapper .items-list .column-item .move-grabber::before {
  font-size: 13px !important;
}
.lms .lms-view.reports .pioneer .column .items-list-wrapper .items-list .column-item .label {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 0px;
  -moz-flex: 1 1 0px;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  font-family: ubuntu;
  font-size: 16px;
  /*![application.primaryColor]*/
  color: #634a00;
  border-width: 0;
  outline: none;
  background-color: transparent;
  pointer-events: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lms .lms-view.reports .pioneer .column .items-list-wrapper .items-list .column-item .label.-unset {
  opacity: .5;
  font-style: italic;
}
.lms .lms-view.reports .pioneer .column .items-list-wrapper .items-list .column-item .label[editable=true] {
  border-width: 1px;
  background-color: #ffffff;
  cursor: text;
}
.lms .lms-view.reports .pioneer .column .items-list-wrapper .items-list .column-item .item-menu {
  position: relative;
  visibility: hidden;
  width: 0;
  opacity: 0;
  -webkit-transition: visibility 0ms, opacity 300ms;
  -moz-transition: visibility 0ms, opacity 300ms;
  transition: visibility 0ms, opacity 300ms;
}
.lms .lms-view.reports .pioneer .column .items-list-wrapper .items-list .column-item .item-menu .ui {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
}
.lms .lms-view.reports .pioneer .column .items-list-wrapper .items-list .column-item .item-menu .ui .item {
  height: 100%;
}
.lms .lms-view.reports .pioneer .column .items-list-wrapper .items-list .column-item .item-menu .ui .item.fa {
  display: flex;
  align-items: center;
  color: currentColor;
  font-size: 20px;
  transition: none;
}
.lms .lms-view.reports .pioneer .column .items-list-wrapper .items-list .column-item .item-menu .play2 {
  opacity: 0.4;
}
.lms .lms-view.reports .pioneer .column .items-list-wrapper .items-list .column-item:hover:not(.editing) .item-menu,
.lms .lms-view.reports .pioneer .column .items-list-wrapper .items-list .column-item:hover:not(.editing) .move-grabber {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 300ms, opacity 300ms;
  -moz-transition: visibility 300ms, opacity 300ms;
  transition: visibility 300ms, opacity 300ms;
}
.lms .lms-view.reports .pioneer .column .items-list-wrapper .items-list .column-item:hover:not(.editing) .item-menu {
  width: auto;
}
.lms .lms-view.reports .pioneer .column .items-list-wrapper .items-list .column-item:hover {
  background-color: #fff4dc;
}
.lms .lms-view.reports .pioneer .column .items-list-wrapper .items-list .column-item.selected, .lms .lms-view.reports .pioneer .column .items-list-wrapper .items-list .column-item.editing {
  background-color: #fbdfa5;
}
.lms .lms-view.reports .pioneer .column .items-list-wrapper .items-list .column-item.editing {
  pointer-events: none;
}
.lms .lms-view.reports .pioneer .column .items-list-wrapper .items-list .column-item.editing .label {
  pointer-events: all;
}
.lms .lms-view.reports .pioneer .column .items-list-wrapper .items-list .column-item .publish.not-published {
  color: red;
}
.lms .lms-view.reports .pioneer .column .items-list-wrapper .items-list .column-item .publish.not-published i::before {
  color: #750800;
}
.lms .lms-view.reports .pioneer .column .items-list-wrapper .items-list .column-item .publish.behind-published {
  color: orange;
}
.lms .lms-view.reports .pioneer .column .items-list-wrapper .items-list .column-item.drag-target {
  opacity: 0.3;
  pointer-events: none;
}
.lms .lms-view.reports .pioneer .column .items-list-wrapper .items-list .drop-target-placeholder {
  width: 100%;
  height: 10px;
  border-bottom: 1px solid #cfd3d7;
  background-color: #e6ebee;
}
.lms .lms-view.reports .pioneer .column .footer:empty {
  display: none;
}
.lms .lms-view.reports .pioneer .column .footer:not(:empty) {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 5px 0 5px 0;
  box-sizing: border-box;
  border-top: 1px solid #bdcad7;
  background-color: white;
}
.lms .lms-view.reports .pioneer .column .horizontal-grip {
  position: absolute;
  top: 0;
  right: -20px;
  width: 20px;
  height: 100%;
  background-color: #e6ebee;
  cursor: col-resize;
}
.lms .lms-view.reports .pioneer .column:not(.focused) .column-item.selected {
  background-color: #cfd3d7 !important;
}
.lms .lms-view.reports .pioneer .column.add-remove-assoc .items-list-wrapper .items-list .column-item {
  cursor: default;
}
.lms .lms-view.reports .pioneer .column.add-remove-assoc .items-list-wrapper .items-list .column-item .item-menu .publish {
  display: none;
}
.lms .lms-view.reports .pioneer .column.-hidden {
  display: none !important;
}
.lms .lms-view.reports .pioneer .column.-medium-rows .items-list-wrapper .items-list .column-item {
  height: 45px;
  line-height: 45px;
}
.lms .lms-view.reports .pioneer .column.-medium-rows .items-list-wrapper .items-list .column-item .preview {
  top: 6px;
  left: 24px;
  width: 32px;
  height: 32px;
}
.lms .lms-view.reports .pioneer .column.-medium-rows .items-list-wrapper .items-list .column-item::before {
  margin-left: 10px;
  margin-right: 15px;
}
.lms .lms-view.reports .pioneer .column.items-height-x2 .items-list-wrapper .items-list .column-item {
  height: 80px;
  line-height: 80px;
}
.lms .lms-view.reports .pioneer .column.items-height-x2 .items-list-wrapper .items-list .column-item .item-field .value {
  height: 100%;
}
.lms .lms-view.reports .pioneer .column.items-height-x3 .items-list-wrapper .items-list .column-item {
  height: 120px;
  line-height: 120px;
}
.lms .lms-view.reports .pioneer .column.items-height-x3 .items-list-wrapper .items-list .column-item .item-field .value {
  height: 100%;
}
.lms .lms-view.reports .pioneer .column.items-height-x4 .items-list-wrapper .items-list .column-item {
  height: 160px;
  line-height: 160px;
}
.lms .lms-view.reports .pioneer .column.items-height-x4 .items-list-wrapper .items-list .column-item .item-field .value {
  height: 100%;
}
.lms .lms-view.reports .pioneer .column .column-group {
  margin: 10px;
  border: 1px solid #cfd3d7;
}
.lms .lms-view.reports .pioneer .column .column-group .group-label {
  padding: 10px !important;
  background-color: #0b3967;
}
.lms .lms-view.reports .pioneer .column .horizontal-grip {
  display: none;
}
.lms .object\.system {
  display: block;
}
.lms .object\.system .header {
  height: 100px;
}
.lms .object\.system .header .title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 10px 20px;
  font-size: 24px;
  color: #ffffff;
  background-color: #0b3967;
}
.lms .object\.system .header .tab-navigation {
  margin-top: 70px;
}
.lms .object\.system .header .logout {
  top: 10px;
  right: 20px;
  color: #ffffff;
}
.lms .object\.system .lms-view {
  position: absolute;
  top: 100px;
  bottom: 0;
  width: 100%;
  opacity: 1;
  visibility: visible;
  background-color: #e6ebee;
}
.lms .object\.system:not(.organisations) .lms-view.organisations, .lms .object\.system:not(.departments) .lms-view.departments, .lms .object\.system:not(.roles) .lms-view.roles, .lms .object\.system:not(.reports) .lms-view.reports, .lms .object\.system:not(.admins) .lms-view.admins, .lms .object\.system:not(.students) .lms-view.students {
  opacity: 0;
  visibility: hidden;
}
.lms .object\.system .lms-view .pioneer .content .objects-wrapper .objects .column .items-list-wrapper {
  top: 80px;
}
.lms .object\.system .lms-view .pioneer .content .objects-wrapper .objects .column .items-list-wrapper .items-list .column-item .label {
  text-align: center;
}
.lms .object\.system .pioneer .content .objects-wrapper .objects .column .items-list-wrapper .items-list .column-item.inactive {
  color: #b3b3b3;
}
.lms .object\.system .pioneer .content .objects-wrapper .objects .column .items-list-wrapper .items-list .column-item.inactive .label {
  font-style: italic;
  color: #b3b3b3;
}
.lms .object\.system .pioneer .content .objects-wrapper .objects .column .items-list-wrapper .items-list .column-item.inactive .item-menu {
  /*![application.primaryColor]*/
  color: #634a00;
}
.lms .object\.system .pioneer .content .objects-wrapper .objects .column .items-list-wrapper .items-list .column-item.inactive .item-menu .ui .item.go {
  opacity: 0.5;
  pointer-events: none;
}
.lms .statsgrid {
  width: 100%;
}
.lms .statsgrid .button {
  font-family: ubuntu-bold;
  padding: 3px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  color: #ffffff;
  min-width: 60px;
  font-size: 16px;
  text-align: center;
  background-color: #634a00;
  cursor: pointer;
}
.lms .statsgrid .button.selected {
  border: 1px dashed #ffffff;
}
.lms .statsgrid .button:hover, .lms .statsgrid .button:focus {
  opacity: 0.8;
  outline: none;
}
.lms .statsgrid .button.disabled:hover {
  opacity: 0.4;
}
.lms .statsgrid .button.disabled {
  opacity: 0.4;
  cursor: default;
}
.lms .statsgrid .button {
  /*![application.primaryColor]*/
  background-color: #634a00;
}
.lms .statsgrid .button {
  height: 20px;
}
.lms .statsgrid .button.refresh {
  margin-left: auto;
}
.lms .statsgrid .button.refresh::after {
  content: '\F021';
  font-family: FontAwesome;
}
.lms .statsgrid .jqx-item, .lms .statsgrid .jqx-widget-content {
  display: inline-block;
  color: black;
}
.lms .statsgrid .jqx-grid-column-header, .lms .statsgrid .jqx-widget-header {
  color: #ffffff;
  /*![application.primaryColor]*/
  background-color: #634a00;
}
.lms .statsgrid .jqxgriddetail {
  position: absolute;
  left: 50%;
  margin-left: -350px;
  top: 50%;
  margin-top: -200px;
  background-color: #ffffff;
}
.lms .statsgrid .detailscontainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: rgba(0, 0, 0, 0.2);
}
.lms .statsgrid .datecontainer {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin-bottom: 8px;
}
.lms .statsgrid .datecontainer .date {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  float: left;
  margin-right: 10px;
}
.lms .statsgrid .datecontainer .date .label {
  color: black;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  font-size: 16px;
}
.lms .statsgrid .datecontainer .date .datestart, .lms .statsgrid .datecontainer .date .dateend {
  color: black;
  display: inline-block;
  vertical-align: middle;
}
.lms .statsgrid .datecontainer .date input {
  height: 29px;
  border: 1px solid grey;
  margin-top: 0px !important;
  padding-left: 10px;
  font-size: 14px;
}
.lms .statsgrid .gridcontainer {
  position: absolute;
  top: 0;
  left: 310px;
  right: 0;
  bottom: 0;
  padding: 30px;
}
.lms .statsgrid .gridcontainer .jqxgrid {
  border: none;
  border-radius: 0;
}
.lms .statsgrid .gridcontainer .jqx-grid-cell {
  border: 0;
}
.lms .statsgrid .gridcontainer .jqx-grid-cell-pinned {
  color: #000000;
  background-color: #fff4dc;
}
.lms .statsgrid .gridcontainer .jqx-grid-statusbar {
  border-top: 1px solid black;
  /*![application.primaryColor]*/
  background-color: #634a00;
}
.lms .statsgrid .filters {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 290px;
  color: black;
  margin: 30px;
  overflow: auto;
}
.lms .statsgrid .filters .title {
  display: none;
  font-size: 18px;
  font-weight: bold;
  width: 100%;
  border-bottom: 1px solid black;
  margin-bottom: 5px;
  opacity: 0;
}
.lms .statsgrid .filters .invisible {
  display: none;
}
.lms .statsgrid .filters .filter {
  width: 100%;
  cursor: default;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 10px;
  box-sizing: border-box;
}
.lms .statsgrid .filters .filter .name {
  width: calc( 100% - 20px );
  height: 30px;
  padding: 3px 10px;
  background-color: #0b3967;
  color: #ffffff;
}
.lms .statsgrid .filters .filter .ternary {
  display: inline-block;
  width: 11px;
}
.lms .statsgrid .filters .filter .ternary:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding-right: 5px;
  margin-left: -5px;
  cursor: pointer;
  content: "\f096";
}
.lms .statsgrid .filters .filter .ternary.true:before {
  content: "\f046";
}
.lms .statsgrid .filters .filter .ternary.false:before {
  content: "\f096";
}
.lms .statsgrid .filters .filter .ternary.maybe:before {
  content: "\f045";
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
  padding-left: 5px;
  padding-right: 0px;
  margin-left: -7px;
}
.lms .statsgrid .filters .filter .option {
  font-size: 14px;
  max-height: 100px;
  opacity: 1;
  transition: all 0.5s;
  line-height: 25px;
  background-color: #ffffff;
}
.lms .statsgrid .filters .filter .option:hover {
  background-color: #fff4dc;
}
.lms .statsgrid .filters .filter .option.selected {
  font-weight: bold;
}
.lms .statsgrid .filters .filter .option:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  content: "\f096";
  padding: 5px;
}
.lms .statsgrid .filters .filter .option.selected:before {
  content: "\f046";
}
.lms .statsgrid .filters .filter .option.radio:before {
  content: "\f10c";
}
.lms .statsgrid .filters .filter .option.radio.selected:before {
  content: "\f111";
}
.lms .statsgrid .filters .filter .option:after {
  content: "";
}
.lms .statsgrid .filters .filter.closed .option {
  max-height: 0px;
  overflow: hidden;
  opacity: 0;
  transition: all 0.5s;
}
.lms .statsgrid .filters .filter .name:after {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  content: "\f13a";
  float: right;
}
.lms .statsgrid .filters .filter.closed .name:after {
  content: "\f139";
}
.lms .popupAdapter {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.lms .popupAdapter .systemPopup {
  background-color: #0b3967;
  width: 700px;
  padding: 20px;
  box-sizing: border-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.lms .popupAdapter .systemPopup .buttonBar {
  background-color: #70809a;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin-top: 10px;
  padding: 5px;
}
.lms .popupAdapter .systemPopup .buttonBar .button {
  position: relative;
  width: 60px;
  height: 25px;
  cursor: pointer;
  line-height: 16px;
  background-color: #5d728e;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-transition: background-color, 0.3s, ease;
  -moz-transition: background-color, 0.3s, ease;
  transition: background-color, 0.3s, ease;
  -webkit-transition: opacity, 0.3s, ease;
  -moz-transition: opacity, 0.3s, ease;
  transition: opacity, 0.3s, ease;
}
.lms .popupAdapter .systemPopup .buttonBar .button span {
  position: absolute;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  color: #fafafa;
  font-size: 14px;
  height: 17px;
}
.lms .popupAdapter .systemPopup .buttonBar .button:hover {
  background-color: #b3b3b3;
}
.lms .popupAdapter .systemPopup .buttonBar .button.disabled:hover {
  background-color: #5d728e;
}
.lms .popupAdapter .systemPopup .buttonBar .button.disabled {
  opacity: 0.6;
  cursor: default;
}
.lms .popupAdapter .systemPopup .buttonBar .button {
  margin-left: 10px;
  margin-right: 10px;
}
.lms .popupAdapter .systemPopup textarea {
  margin-top: 10px;
  width: 100%;
  min-height: 40px;
}
.lms .popupAdapter .systemPopup .popupTitle {
  color: #ffffff;
  text-align: center;
  font-size: 24px;
  background-color: #0b3967;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  display: block;
}
.lms .popupAdapter .systemPopup .popupContent {
  color: #ffffff;
  background-color: #0b3967;
  width: 100%;
  display: block;
  padding: 20px;
  box-sizing: border-box;
  margin-top: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.smr-selected {
  -webkit-box-shadow: 0px 0px 5px 2px black;
  -moz-box-shadow: 0px 0px 5px 2px black;
  box-shadow: 0px 0px 5px 2px black;
}

#body.loggedOn + #popuplayer::before {
  opacity: 1;
  animation: deco-hide .35s;
  animation-fill-mode: forwards;
}

#popuplayer::before {
  position: absolute;
  content: '';
  left: 0;
  bottom: -50px;
  width: 400px;
  height: 400px;
  opacity: 0;
  transform-origin: 25% 75%;
  transform: translate(-100%, 100%) scale(0.5);
  background-image: url(../../../web/shared/assets/svg/create-deco.svg);
  background-repeat: no-repeat;
  animation: deco-show 1s linear;
  animation-fill-mode: forwards;
}

button.flat {
  background-color: transparent;
  border: none;
}

button.dark {
  color: #634a00;
}

.beanList p, .publication p {
  display: inline-block;
}
.beanList .jqx-listitem-element, .publication .jqx-listitem-element {
  height: 28px !important;
}

.jqx-widget-content {
  font-family: "ubuntu" !important;
}

.beanEditor.imageVO .jqx-widget-content {
  background-color: inherit;
}

input {
  font-family: "ubuntu" !important;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=search] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

/* Change the white to any color ;) */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  color: #3f6780 !important;
}

.jqx-numberinput input {
  height: 20px !important;
  line-height: 20px;
}

#body.loggedOn .menu .functionSelector .fa-cogs {
  display: none;
}
#body.loggedOn .menu .title {
  margin-top: 10px;
  font-size: 40px;
}
#body.loggedOn .menu .menuUnderline {
  width: 100%;
}
#body.loggedOn .menu .fa, #body.loggedOn .menu .localePicker {
  opacity: 1 !important;
}

.invalid {
  border: 1px solid #b73526 !important;
}

.newUser {
  width: 450px;
}

.resetPassword .resetPasswordTitle {
  font-size: 22px !important;
}
.resetPassword .propertiesHolder .button {
  text-align: center;
}
.resetPassword .button {
  position: relative;
  width: 80px;
  height: 25px;
  cursor: pointer;
  line-height: 16px;
  background-color: #70809a;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-transition: background-color, 0.3s, ease;
  -moz-transition: background-color, 0.3s, ease;
  transition: background-color, 0.3s, ease;
  -webkit-transition: opacity, 0.3s, ease;
  -moz-transition: opacity, 0.3s, ease;
  transition: opacity, 0.3s, ease;
}
.resetPassword .button span {
  position: absolute;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  color: #fafafa;
  font-size: 14px;
  height: 17px;
}
.resetPassword .button:hover {
  background-color: #b3b3b3;
}
.resetPassword .button.disabled:hover {
  background-color: #5d728e;
}
.resetPassword .button.disabled {
  opacity: 0.6;
  cursor: default;
}

.resetPassword .title {
  margin-bottom: 0px !important;
}

.validationMessage {
  color: #b73526;
  height: 18px;
  font-size: 14px;
  text-align: center;
}

.newUser, .resetPassword {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  color: #fafafa;
  font-size: 16px;
}
.newUser .title, .resetPassword .title {
  font-size: 22px;
  margin-bottom: 20px;
}
.newUser .property, .resetPassword .property {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  margin-bottom: 10px;
  height: 40px;
}
.newUser .property input, .resetPassword .property input {
  width: 200px;
  font-family: robotoregular;
  background-color: #fafafa;
  color: #5d728e;
  border: 1px solid #fafafa;
  font-size: 16px;
  height: 22px;
}
.newUser .buttonGroup .button, .resetPassword .buttonGroup .button {
  line-height: 25px;
}
.newUser .buttonGroup .button.disabled, .resetPassword .buttonGroup .button.disabled {
  pointer-events: none;
}
.newUser .resetSuccessHolder, .resetPassword .resetSuccessHolder {
  height: 20px;
  font-size: 14px;
}

#body {
  position: absolute;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
#body .menu {
  position: relative;
  width: 100%;
  height: 70px;
}
#body .menu .title {
  position: relative;
  -webkit-transition: font-size, 0.3s;
  -moz-transition: font-size, 0.3s;
  transition: font-size, 0.3s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin-top: 40px;
  color: #fafafa;
  width: 100%;
  font-size: 70px;
  text-align: center;
}
#body .menu .menuUnderline {
  position: relative !important;
  position: absolute;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  -webkit-transition: width, 0.4s;
  -moz-transition: width, 0.4s;
  transition: width, 0.4s;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  width: 0;
  height: 2px;
  margin-top: 10px;
  background-color: #fafafa;
}
#body .menu .fa {
  opacity: 0;
  -webkit-transition: opacity, 0.5s;
  -moz-transition: opacity, 0.5s;
  transition: opacity, 0.5s;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
  font-size: 40px;
  line-height: 70px;
  margin-right: 15px;
}
#body .menu .fa-sign-out {
  position: absolute;
  right: 5px;
  top: 0;
  cursor: pointer;
}
#body .menu .localePicker {
  opacity: 0;
  display: inline-block;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}

.xmiObjectsHolder .xmiObjectsGridHolder .buttonBar .button {
  position: relative;
  width: 80px;
  height: 25px;
  cursor: pointer;
  background-color: #5d728e;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  height: 20px;
  position: relative !important;
  line-height: 19px;
  color: #fafafa;
  font-size: 14px;
  text-align: center;
  margin-bottom: 10px;
}
.xmiObjectsHolder .xmiObjectsGridHolder .buttonBar .button #caption, .xmiObjectsHolder .xmiObjectsGridHolder .buttonBar .button .caption {
  position: absolute;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  color: #3f6780;
  font-size: 14px;
  height: 17px;
}
.xmiObjectsHolder .xmiObjectObjectView .titleBar {
  height: 40px;
  font-size: 20px;
}
.xmiObjectsHolder .xmiObjectObjectView .objectViewHolder {
  position: relative;
}
.xmiObjectsHolder .xmiObjectObjectView .objectViewHolder .header {
  font-size: 20px;
}
.xmiObjectsHolder .xmiObjectObjectView .objectViewHolder .header .button {
  position: relative;
  width: 80px;
  height: 25px;
  cursor: pointer;
  background-color: #5d728e;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  height: 20px;
  position: relative !important;
  line-height: 19px;
  color: #fafafa;
  font-size: 14px;
  text-align: center;
  margin-bottom: 10px;
}
.xmiObjectsHolder .xmiObjectObjectView .objectViewHolder .header .button #caption, .xmiObjectsHolder .xmiObjectObjectView .objectViewHolder .header .button .caption {
  position: absolute;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  color: #3f6780;
  font-size: 14px;
  height: 17px;
}
.xmiObjectsHolder .xmiObjectObjectView .objectViewHolder .header .button.disabled {
  opacity: 0.6;
  cursor: default;
  pointer-events: none;
}

.mediaBrowserWindow .objectViewHolderHolder {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.mediaBrowserWindow .objectViewHolderHolder .cmsMedia {
  padding: 0 !important;
}
.mediaBrowserWindow .objectViewHolderHolder .cmsMedia .objectTreeParent {
  width: 70% !important;
}
.mediaBrowserWindow .objectViewHolderHolder .cmsMedia .objectViewParent {
  width: 30% !important;
  margin-left: 5px !important;
}

.application {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.application .objectViewHolderHolder {
  width: 100%;
  height: 100%;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
}
.application .objectViewHolderHolder .userManagement.superUser .userDetailsView .groupList {
  display: none !important;
}
.application .objectViewHolderHolder .userManagement.superUser .userDetailsView .subtitle {
  display: none !important;
}
.application .objectViewHolderHolder .userManagement.superUser .userDetailsView .superUserMessage {
  display: block !important;
}
.application .objectViewHolderHolder .userManagement.superGroup .permissionView .permissionList {
  display: none !important;
}
.application .objectViewHolderHolder .userManagement.superGroup .permissionView .superGroupMessage {
  display: block !important;
}
.application .objectViewHolderHolder .userManagement.superGroup .groupsHolder .fa-minus-square-o {
  display: none !important;
}
.application .objectViewHolderHolder .userManagement {
  display: none;
  height: 100%;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
}
.application .objectViewHolderHolder .userManagement .jqx-tabs .jqx-tabs-header {
  background: transparent;
}
.application .objectViewHolderHolder .userManagement .jqx-tabs .jqx-tabs-title.jqx-fill-state-pressed, .application .objectViewHolderHolder .userManagement .jqx-tabs .jqx-tabs-title.jqx-fill-state-hover {
  color: #3f6780;
}
.application .objectViewHolderHolder .userManagement .jqx-widget-content {
  background: transparent;
  border-color: #fafafa;
}
.application .objectViewHolderHolder .userManagement .jqx-widget {
  color: #fafafa;
}
.application .objectViewHolderHolder .userManagement .jqx-listitem-state-selected {
  background-color: #b3b3b3;
  opacity: 1 !important;
}
.application .objectViewHolderHolder .userManagement .jqx-listitem-state-hover {
  background-color: #b3b3b3;
  opacity: 0.7;
}
.application .objectViewHolderHolder .userManagement .users, .application .objectViewHolderHolder .userManagement .roles {
  position: relative;
  padding: 20px;
  box-sizing: border-box;
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin-right: 10px;
  width: 100%;
  background-color: #70809a;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.user .admincontainer, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.user .admincontainer {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.user .admincontainer input, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.user .admincontainer input {
  width: 100%;
  font-size: 16px;
  border-radius: 45px;
  border: 1px #b3b3b3 solid;
  box-sizing: border-box;
  background-color: #fafafa;
  color: #5d728e;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 5px;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .header, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .header {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  border-bottom: solid 1px #fafafa;
  padding-bottom: 10px;
  min-height: 40px;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .header .title, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .header .title {
  color: #fafafa;
  font-size: 30px;
  position: relative;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .header .buttonBar, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .header .buttonBar {
  position: relative;
  height: 100%;
  top: 7px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .header .buttonBar .button, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .header .buttonBar .button {
  margin-left: 10px;
  margin-bottom: 10px;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder {
  position: relative;
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  flex-grow: 2;
  -ms-flex-positive: 2;
  overflow: auto;
  margin-top: 20px;
  padding-right: 20px;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .screenshotEditor .screenshotData, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .screenshotEditor .screenshotData {
  margin-top: 10px;
  height: 175px;
  width: 100%;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .screenshotEditor .screenshotData, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .screenshotEditor .screenshotData {
  background-repeat: no-repeat;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .videoTimePickerEditor .buttonBar, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .videoTimePickerEditor .buttonBar {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .videoTimePickerEditor .buttonBar .button, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .videoTimePickerEditor .buttonBar .button {
  margin-right: 5px;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .videoTimePickerEditor .video, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .videoTimePickerEditor .video {
  max-width: 400px;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .pageEditor, .application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .screenshotEditor, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .pageEditor, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .screenshotEditor {
  max-height: 210px;
  overflow: hidden;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .pageEditor .buttonGroup .button, .application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .screenshotEditor .buttonGroup .button, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .pageEditor .buttonGroup .button, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .screenshotEditor .buttonGroup .button {
  display: inline-block;
  margin-right: 10px;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .pageEditor .pageViewHolder, .application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .screenshotEditor .pageViewHolder, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .pageEditor .pageViewHolder, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .screenshotEditor .pageViewHolder {
  margin-top: 10px;
  height: 175px;
  width: 100%;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .pageEditor .pageViewHolder .pageViewer, .application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .screenshotEditor .pageViewHolder .pageViewer, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .pageEditor .pageViewHolder .pageViewer, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .screenshotEditor .pageViewHolder .pageViewer {
  position: relative;
  top: 0;
  left: 0;
  display: none;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  cursor: pointer;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .pageEditor .pageViewHolder .pageViewer .pageHolder, .application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .screenshotEditor .pageViewHolder .pageViewer .pageHolder, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .pageEditor .pageViewHolder .pageViewer .pageHolder, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .screenshotEditor .pageViewHolder .pageViewer .pageHolder {
  position: relative;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS, .application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS {
  width: 100%;
  margin-bottom: 20px;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyNameLabel, .application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyNameLabel, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyNameLabel, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyNameLabel {
  color: #fafafa;
  font-size: 20px;
  display: block;
  width: 30%;
  float: left;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder, .application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder {
  width: 70%;
  float: left;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder .jqx-listbox, .application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder .jqx-listbox, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder .jqx-listbox, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder .jqx-listbox {
  color: #5d728e;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder .jqx-editor-content, .application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder .jqx-editor-content, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder .jqx-editor-content, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder .jqx-editor-content {
  height: 200px !important;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder input, .application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder input, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder input, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder input {
  width: 100%;
  font-size: 16px;
  border-radius: 45px;
  border: 1px #b3b3b3 solid;
  box-sizing: border-box;
  background-color: #fafafa;
  color: #5d728e;
  padding-left: 10px;
  padding-right: 10px;
  font-family: "Font Awesome 6 Pro";
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder input:read-only, .application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder input:read-only, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder input:read-only, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder input:read-only {
  background-color: #b3b3b3;
  color: #fafafa;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder .calendarHolder, .application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder .calendarHolder, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder .calendarHolder, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder .calendarHolder {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder .calendarHolder .additional, .application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder .calendarHolder .additional, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder .calendarHolder .additional, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder .calendarHolder .additional {
  margin-left: 10px;
  color: #fafafa;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .svgEditorButtonBar,
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .filePickerButtonBar,
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .buttonBar, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .svgEditorButtonBar,
.application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .filePickerButtonBar,
.application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .buttonBar {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .svgEditorButtonBar .button,
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .filePickerButtonBar .button,
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .buttonBar .button, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .svgEditorButtonBar .button,
.application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .filePickerButtonBar .button,
.application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .buttonBar .button {
  margin-right: 10px;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .fileName, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .fileName {
  color: #fafafa;
  font-size: 20px;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .imageView, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .imageView {
  width: 100%;
  margin-top: 5px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: contain;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .button, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .button {
  position: relative;
  width: 100px;
  height: 25px;
  cursor: pointer;
  line-height: 16px;
  background-color: #5d728e;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-transition: background-color, 0.3s, ease;
  -moz-transition: background-color, 0.3s, ease;
  transition: background-color, 0.3s, ease;
  -webkit-transition: opacity, 0.3s, ease;
  -moz-transition: opacity, 0.3s, ease;
  transition: opacity, 0.3s, ease;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .button span, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .button span {
  position: absolute;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  color: #fafafa;
  font-size: 14px;
  height: 17px;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .button:hover, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .button:hover {
  background-color: #b3b3b3;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .button.disabled:hover, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .button.disabled:hover {
  background-color: #5d728e;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .button.disabled, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .button.disabled {
  opacity: 0.6;
  cursor: default;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .propertyHolder {
  -webkit-flex-grow: 0 !important;
  -moz-flex-grow: 0 !important;
  flex-grow: 0 !important;
  -ms-flex-positive: 0 !important;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .rolePermission, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .rolePermission {
  -webkit-flex-grow: 3;
  -moz-flex-grow: 3;
  flex-grow: 3;
  -ms-flex-positive: 3;
}
.application .objectViewHolderHolder .userManagement .users .xmiObjectsHolder .xmiObjectObjectView .object\.role .rolePermission .title, .application .objectViewHolderHolder .userManagement .roles .xmiObjectsHolder .xmiObjectObjectView .object\.role .rolePermission .title {
  color: #fafafa;
  font-size: 30px;
  position: relative;
  border-bottom: solid 1px #fafafa;
  border-top: solid 1px #fafafa;
  padding-bottom: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
}
.application .objectViewHolderHolder .userManagement .users .jqx-widget-content, .application .objectViewHolderHolder .userManagement .roles .jqx-widget-content {
  background-color: transparent;
}
.application .objectViewHolderHolder .userManagement .users .jqx-widget-header, .application .objectViewHolderHolder .userManagement .roles .jqx-widget-header {
  background: #5d728e;
  border: none;
  color: #5d728e;
}
.application .objectViewHolderHolder .userManagement .users .jqx-widget-header .jqx-fill-state-pressed, .application .objectViewHolderHolder .userManagement .roles .jqx-widget-header .jqx-fill-state-pressed {
  background-color: #fafafa !important;
}
.application .objectViewHolderHolder .userManagement .users .jqx-widget-header .jqx-tabs-title, .application .objectViewHolderHolder .userManagement .roles .jqx-widget-header .jqx-tabs-title {
  background-color: #b3b3b3;
}
.application .objectViewHolderHolder .userManagement .users .jqx-widget-header .jqx-tabs-title-selected-top, .application .objectViewHolderHolder .userManagement .roles .jqx-widget-header .jqx-tabs-title-selected-top {
  border: none;
}
.application .objectViewHolderHolder .userManagement .users .grid, .application .objectViewHolderHolder .userManagement .roles .grid {
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  flex-grow: 2;
  -ms-flex-positive: 2;
  background-color: inherit;
  border-color: #fafafa;
  font-family: FontAwesome;
  color: #70809a;
  box-sizing: border-box;
}
.application .objectViewHolderHolder .userManagement .users .grid .jqx-grid-cell, .application .objectViewHolderHolder .userManagement .roles .grid .jqx-grid-cell {
  background-color: #5d728e;
  color: #fafafa;
  border-color: #fafafa;
}
.application .objectViewHolderHolder .userManagement .users .grid .jqx-grid-cell-selected, .application .objectViewHolderHolder .userManagement .roles .grid .jqx-grid-cell-selected {
  background-color: #70809a;
}
.application .objectViewHolderHolder .userManagement .users .grid .jqx-widget-header, .application .objectViewHolderHolder .userManagement .roles .grid .jqx-widget-header {
  background-color: #fafafa;
}
.application .objectViewHolderHolder .userManagement .users .buttonGroup, .application .objectViewHolderHolder .userManagement .roles .buttonGroup {
  margin-left: 10px;
  width: 40px;
  text-align: center;
}
.application .objectViewHolderHolder .userManagement .users .buttonGroup .fa, .application .objectViewHolderHolder .userManagement .roles .buttonGroup .fa {
  font-size: 30px;
}
.application .objectViewHolderHolder .userManagement .users .groupsHolder, .application .objectViewHolderHolder .userManagement .roles .groupsHolder {
  background-color: #5d728e;
  height: 100%;
}
.application .objectViewHolderHolder .userManagement .users .groupsHolder .groupsParent, .application .objectViewHolderHolder .userManagement .roles .groupsHolder .groupsParent {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.application .objectViewHolderHolder .userManagement .users .usersHolder, .application .objectViewHolderHolder .userManagement .roles .usersHolder {
  background-color: #5d728e;
  height: 100%;
}
.application .objectViewHolderHolder .userManagement .users .usersHolder .usersParent, .application .objectViewHolderHolder .userManagement .roles .usersHolder .usersParent {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.application .objectViewHolderHolder .userManagement .userManagementDetail {
  color: #fafafa;
  width: 50%;
  margin-left: 10px;
  background-color: #5d728e;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 20px;
  box-sizing: border-box;
  position: relative;
}
.application .objectViewHolderHolder .userManagement .userManagementDetail .userDetails {
  width: 100%;
}
.application .objectViewHolderHolder .userManagement .userManagementDetail .userDetails .superUserMessage {
  display: none;
  font-size: 22px;
}
.application .objectViewHolderHolder .userManagement .userManagementDetail .userDetails .userDetailsView {
  display: none;
  position: relative;
  width: 100%;
  height: 100%;
}
.application .objectViewHolderHolder .userManagement .userManagementDetail .userDetails .userDetailsView .title {
  font-size: 30px;
}
.application .objectViewHolderHolder .userManagement .userManagementDetail .userDetails .userDetailsView .subtitle {
  font-size: 22px;
}
.application .objectViewHolderHolder .userManagement .userManagementDetail .userDetails .userDetailsView .resetPassword, .application .objectViewHolderHolder .userManagement .userManagementDetail .userDetails .userDetailsView .groupHolder {
  border-top: solid #fafafa 1px;
  margin-top: 10px;
  padding-top: 10px;
}
.application .objectViewHolderHolder .userManagement .userManagementDetail .permissions {
  position: absolute;
}
.application .objectViewHolderHolder .userManagement .userManagementDetail .permissions .jqx-widget {
  color: #fafafa;
}
.application .objectViewHolderHolder .userManagement .userManagementDetail .permissions .superGroupMessage {
  display: none;
  font-size: 22px;
}
.application .objectViewHolderHolder .userManagement .userManagementDetail .permissions .permissionView {
  display: none;
}
.application .objectViewHolderHolder .userManagement .userManagementDetail .permissions .permissionView .title {
  font-size: 30px;
}
.application .objectViewHolderHolder .userManagement .userManagementDetail .permissions .permissionView .superuser {
  font-size: 20px;
  display: none;
}
.application .objectViewHolderHolder .userManagement .userManagementDetail .permissions .permissionView .permissionList {
  display: none;
}
.application .objectViewHolderHolder .userManagement .userManagementDetail .permissions .permissionView .permissionList .permissionViewACL {
  color: #fafafa;
  font-family: FontAwesome;
}
.application .objectViewHolderHolder .userManagement .userManagementDetail .permissions .permissionView .permissionList .permissionViewACL .all {
  -webkit-transition: height 300ms;
  -moz-transition: height 300ms;
  transition: height 300ms;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
}
.application .objectViewHolderHolder .userManagement .userManagementDetail .permissions .permissionView .permissionList .permissionViewACL .all .allCheck[aria-checked=true] + .crudView {
  pointer-events: auto;
  opacity: 1;
}
.application .objectViewHolderHolder .userManagement .userManagementDetail .permissions .permissionView .permissionList .permissionViewACL .all .crudView {
  opacity: 0.7;
  pointer-events: none;
}
.application .objectViewHolderHolder .userManagement .userManagementDetail .permissions .permissionView .crudView {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  flex-grow: 2;
  -ms-flex-positive: 2;
}
.application .objectViewHolderHolder .object\.system, .application .objectViewHolderHolder .mediaView {
  height: 100%;
  width: 100%;
}
.application .objectViewHolderHolder .object\.system .mediaToolbar, .application .objectViewHolderHolder .mediaView .mediaToolbar {
  margin-bottom: 5px;
}
.application .objectViewHolderHolder .object\.system .mediaToolbar input, .application .objectViewHolderHolder .mediaView .mediaToolbar input {
  width: 100%;
  font-size: 16px;
  border-radius: 45px;
  border: 1px #b3b3b3 solid;
  box-sizing: border-box;
  background-color: #fafafa;
  color: #5d728e;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 5px;
}
.application .objectViewHolderHolder .object\.system .mediaToolbar .clearButton, .application .objectViewHolderHolder .mediaView .mediaToolbar .clearButton {
  color: #5d728e;
  position: absolute;
  right: 10px;
  top: 4px;
  font-size: 24px;
  cursor: pointer;
}
.application .objectViewHolderHolder .object\.system .mediaToolbar .searchResults, .application .objectViewHolderHolder .mediaView .mediaToolbar .searchResults {
  display: none;
  height: 400px;
  width: 100%;
  border: solid 1px #b3b3b3;
  box-sizing: border-box;
  margin-bottom: 5px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  padding: 20px;
  font-size: 18px;
  overflow-y: scroll;
}
.application .objectViewHolderHolder .object\.system .mediaToolbar .searchResults .searchResultElement, .application .objectViewHolderHolder .mediaView .mediaToolbar .searchResults .searchResultElement {
  margin-bottom: 7px;
  cursor: pointer;
}
.application .objectViewHolderHolder .object\.system .cmsContent, .application .objectViewHolderHolder .object\.system .cmsMedia, .application .objectViewHolderHolder .mediaView .cmsContent, .application .objectViewHolderHolder .mediaView .cmsMedia {
  height: 100%;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent {
  overflow: hidden;
  width: 60%;
  height: 100%;
  position: relative;
  margin-left: 20px;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .mediaPreview, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .mediaPreview, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .mediaPreview, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .mediaPreview {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .mediaPreview .mediaProperties, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .mediaPreview .mediaProperties, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .mediaPreview .mediaProperties, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .mediaPreview .mediaProperties {
  color: #fafafa;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .mediaPreview .mediaProperties .button, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .mediaPreview .mediaProperties .button, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .mediaPreview .mediaProperties .button, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .mediaPreview .mediaProperties .button {
  position: relative;
  width: 80px;
  height: 25px;
  cursor: pointer;
  line-height: 16px;
  background-color: #5d728e;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-transition: background-color, 0.3s, ease;
  -moz-transition: background-color, 0.3s, ease;
  transition: background-color, 0.3s, ease;
  -webkit-transition: opacity, 0.3s, ease;
  -moz-transition: opacity, 0.3s, ease;
  transition: opacity, 0.3s, ease;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .mediaPreview .mediaProperties .button span, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .mediaPreview .mediaProperties .button span, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .mediaPreview .mediaProperties .button span, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .mediaPreview .mediaProperties .button span {
  position: absolute;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  color: #fafafa;
  font-size: 14px;
  height: 17px;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .mediaPreview .mediaProperties .button:hover, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .mediaPreview .mediaProperties .button:hover, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .mediaPreview .mediaProperties .button:hover, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .mediaPreview .mediaProperties .button:hover {
  background-color: #b3b3b3;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .mediaPreview .mediaProperties .button.disabled:hover, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .mediaPreview .mediaProperties .button.disabled:hover, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .mediaPreview .mediaProperties .button.disabled:hover, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .mediaPreview .mediaProperties .button.disabled:hover {
  background-color: #5d728e;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .mediaPreview .mediaProperties .button.disabled, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .mediaPreview .mediaProperties .button.disabled, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .mediaPreview .mediaProperties .button.disabled, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .mediaPreview .mediaProperties .button.disabled {
  opacity: 0.6;
  cursor: default;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .mediaPreview .mediaProperties a, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .mediaPreview .mediaProperties a, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .mediaPreview .mediaProperties a, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .mediaPreview .mediaProperties a {
  text-decoration: none;
  color: #fafafa;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .mediaPreview .mediaProperties .nameProps div, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .mediaPreview .mediaProperties .nameProps div, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .mediaPreview .mediaProperties .nameProps div, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .mediaPreview .mediaProperties .nameProps div {
  float: left;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .mediaPreview .mediaProperties .nameProps .button, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .mediaPreview .mediaProperties .nameProps .button, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .mediaPreview .mediaProperties .nameProps .button, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .mediaPreview .mediaProperties .nameProps .button {
  margin-left: 5px;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .mediaPreview .mediaProperties .size, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .mediaPreview .mediaProperties .size, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .mediaPreview .mediaProperties .size, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .mediaPreview .mediaProperties .size {
  clear: both;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .mediaPreview .mediaContent, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .mediaPreview .mediaContent, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .mediaPreview .mediaContent, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .mediaPreview .mediaContent {
  background-size: contain;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  flex-grow: 2;
  -ms-flex-positive: 2;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS {
  position: absolute;
  top: 0;
  left: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .header, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .header, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .header, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .header {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  border-bottom: solid 1px #fafafa;
  padding-bottom: 10px;
  min-height: 40px;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .header .title, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .header .title, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .header .title, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .header .title {
  color: #fafafa;
  font-size: 30px;
  position: relative;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .header .buttonBar, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .header .buttonBar, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .header .buttonBar, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .header .buttonBar {
  position: relative;
  height: 100%;
  top: 7px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .header .buttonBar .button, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .header .buttonBar .button, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .header .buttonBar .button, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .header .buttonBar .button {
  margin-left: 10px;
  margin-bottom: 10px;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder {
  position: relative;
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  flex-grow: 2;
  -ms-flex-positive: 2;
  overflow: auto;
  margin-top: 20px;
  padding-right: 20px;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor .screenshotData, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor .screenshotData, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor .screenshotData, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor .screenshotData {
  margin-top: 10px;
  height: 175px;
  width: 100%;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor .screenshotData, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor .screenshotData, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor .screenshotData, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor .screenshotData {
  background-repeat: no-repeat;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .videoTimePickerEditor .buttonBar, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .videoTimePickerEditor .buttonBar, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .videoTimePickerEditor .buttonBar, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .videoTimePickerEditor .buttonBar {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .videoTimePickerEditor .buttonBar .button, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .videoTimePickerEditor .buttonBar .button, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .videoTimePickerEditor .buttonBar .button, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .videoTimePickerEditor .buttonBar .button {
  margin-right: 5px;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .videoTimePickerEditor .video, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .videoTimePickerEditor .video, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .videoTimePickerEditor .video, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .videoTimePickerEditor .video {
  max-width: 400px;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .pageEditor, .application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .pageEditor, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .pageEditor, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .pageEditor, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor {
  max-height: 210px;
  overflow: hidden;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .pageEditor .buttonGroup .button, .application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor .buttonGroup .button, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .pageEditor .buttonGroup .button, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor .buttonGroup .button, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .pageEditor .buttonGroup .button, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor .buttonGroup .button, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .pageEditor .buttonGroup .button, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor .buttonGroup .button {
  display: inline-block;
  margin-right: 10px;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .pageEditor .pageViewHolder, .application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor .pageViewHolder, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .pageEditor .pageViewHolder, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor .pageViewHolder, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .pageEditor .pageViewHolder, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor .pageViewHolder, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .pageEditor .pageViewHolder, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor .pageViewHolder {
  margin-top: 10px;
  height: 175px;
  width: 100%;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .pageEditor .pageViewHolder .pageViewer, .application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor .pageViewHolder .pageViewer, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .pageEditor .pageViewHolder .pageViewer, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor .pageViewHolder .pageViewer, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .pageEditor .pageViewHolder .pageViewer, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor .pageViewHolder .pageViewer, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .pageEditor .pageViewHolder .pageViewer, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor .pageViewHolder .pageViewer {
  position: relative;
  top: 0;
  left: 0;
  display: none;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  cursor: pointer;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .pageEditor .pageViewHolder .pageViewer .pageHolder, .application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor .pageViewHolder .pageViewer .pageHolder, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .pageEditor .pageViewHolder .pageViewer .pageHolder, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor .pageViewHolder .pageViewer .pageHolder, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .pageEditor .pageViewHolder .pageViewer .pageHolder, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor .pageViewHolder .pageViewer .pageHolder, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .pageEditor .pageViewHolder .pageViewer .pageHolder, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor .pageViewHolder .pageViewer .pageHolder {
  position: relative;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS, .application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS {
  width: 100%;
  margin-bottom: 20px;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyNameLabel, .application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyNameLabel, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyNameLabel, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyNameLabel, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyNameLabel, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyNameLabel, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyNameLabel, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyNameLabel {
  color: #fafafa;
  font-size: 20px;
  display: block;
  width: 30%;
  float: left;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder, .application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder {
  width: 70%;
  float: left;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder .jqx-listbox, .application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder .jqx-listbox, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder .jqx-listbox, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder .jqx-listbox, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder .jqx-listbox, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder .jqx-listbox, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder .jqx-listbox, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder .jqx-listbox {
  color: #5d728e;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder .jqx-editor-content, .application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder .jqx-editor-content, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder .jqx-editor-content, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder .jqx-editor-content, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder .jqx-editor-content, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder .jqx-editor-content, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder .jqx-editor-content, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder .jqx-editor-content {
  height: 200px !important;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder input, .application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder input, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder input, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder input, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder input, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder input, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder input, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder input {
  width: 100%;
  font-size: 16px;
  border-radius: 45px;
  border: 1px #b3b3b3 solid;
  box-sizing: border-box;
  background-color: #fafafa;
  color: #5d728e;
  padding-left: 10px;
  padding-right: 10px;
  font-family: "Font Awesome 6 Pro";
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder input:read-only, .application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder input:read-only, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder input:read-only, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder input:read-only, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder input:read-only, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder input:read-only, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder input:read-only, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder input:read-only {
  background-color: #b3b3b3;
  color: #fafafa;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder .calendarHolder, .application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder .calendarHolder, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder .calendarHolder, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder .calendarHolder, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder .calendarHolder, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder .calendarHolder, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder .calendarHolder, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder .calendarHolder {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder .calendarHolder .additional, .application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder .calendarHolder .additional, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder .calendarHolder .additional, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder .calendarHolder .additional, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder .calendarHolder .additional, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder .calendarHolder .additional, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder .calendarHolder .additional, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder .calendarHolder .additional {
  margin-left: 10px;
  color: #fafafa;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .svgEditorButtonBar,
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .filePickerButtonBar,
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .buttonBar, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .svgEditorButtonBar,
.application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .filePickerButtonBar,
.application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .buttonBar, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .svgEditorButtonBar,
.application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .filePickerButtonBar,
.application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .buttonBar, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .svgEditorButtonBar,
.application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .filePickerButtonBar,
.application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .buttonBar {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .svgEditorButtonBar .button,
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .filePickerButtonBar .button,
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .buttonBar .button, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .svgEditorButtonBar .button,
.application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .filePickerButtonBar .button,
.application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .buttonBar .button, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .svgEditorButtonBar .button,
.application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .filePickerButtonBar .button,
.application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .buttonBar .button, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .svgEditorButtonBar .button,
.application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .filePickerButtonBar .button,
.application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .buttonBar .button {
  margin-right: 10px;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .fileName, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .fileName, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .fileName, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .fileName {
  color: #fafafa;
  font-size: 20px;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .imageView, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .imageView, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .imageView, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .imageView {
  width: 100%;
  margin-top: 5px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: contain;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .button, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .button, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .button, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .button {
  position: relative;
  width: 100px;
  height: 25px;
  cursor: pointer;
  line-height: 16px;
  background-color: #5d728e;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-transition: background-color, 0.3s, ease;
  -moz-transition: background-color, 0.3s, ease;
  transition: background-color, 0.3s, ease;
  -webkit-transition: opacity, 0.3s, ease;
  -moz-transition: opacity, 0.3s, ease;
  transition: opacity, 0.3s, ease;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .button span, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .button span, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .button span, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .button span {
  position: absolute;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  color: #fafafa;
  font-size: 14px;
  height: 17px;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .button:hover, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .button:hover, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .button:hover, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .button:hover {
  background-color: #b3b3b3;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .button.disabled:hover, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .button.disabled:hover, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .button.disabled:hover, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .button.disabled:hover {
  background-color: #5d728e;
}
.application .objectViewHolderHolder .object\.system .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .button.disabled, .application .objectViewHolderHolder .object\.system .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .button.disabled, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .button.disabled, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .button.disabled {
  opacity: 0.6;
  cursor: default;
}
.application .objectViewHolderHolder .mediaTreeParent {
  position: absolute !important;
  padding: 20px;
}
.application .objectViewHolderHolder .objectTreeParent {
  width: 40%;
  overflow: auto;
  height: 100%;
  position: relative;
  box-sizing: border-box;
}
.application .objectViewHolderHolder .objectTreeParent .objectTree, .application .objectViewHolderHolder .objectTreeParent .mediaBrowserJQ {
  min-width: 90% !important;
  border: none;
  background-color: inherit;
  color: #fafafa;
  position: relative;
  left: 0;
  display: inline-block;
}
.application .objectViewHolderHolder .objectTreeParent .objectTree .noClick, .application .objectViewHolderHolder .objectTreeParent .mediaBrowserJQ .noClick {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: progress;
  background-color: transparent;
}
.application .objectViewHolderHolder .objectTreeParent .objectTree .jqx-widget-content, .application .objectViewHolderHolder .objectTreeParent .mediaBrowserJQ .jqx-widget-content {
  background-color: inherit;
}
.application .objectViewHolderHolder .objectTreeParent .objectTree .buttonGroup, .application .objectViewHolderHolder .objectTreeParent .mediaBrowserJQ .buttonGroup {
  position: absolute;
  top: 0px;
  display: none;
  width: 0;
  -webkit-transition: top, 0.5s ease;
  -moz-transition: top, 0.5s ease;
  transition: top, 0.5s ease;
}
.application .objectViewHolderHolder .objectTreeParent .objectTree .buttonGroup .fa, .application .objectViewHolderHolder .objectTreeParent .mediaBrowserJQ .buttonGroup .fa {
  font-size: 20px;
  cursor: pointer;
  position: relative;
  max-width: 22px;
}
.application .objectViewHolderHolder .objectTreeParent .objectTree .buttonGroup input, .application .objectViewHolderHolder .objectTreeParent .mediaBrowserJQ .buttonGroup input {
  width: 0;
  height: 0;
  opacity: 0;
}
.application .objectViewHolderHolder .objectTreeParent .objectTree .jqx-tree-item-li, .application .objectViewHolderHolder .objectTreeParent .mediaBrowserJQ .jqx-tree-item-li {
  -webkit-transition: color, 0.3s;
  -moz-transition: color, 0.3s;
  transition: color, 0.3s;
  font-size: 20px;
}
.application .objectViewHolderHolder .objectTreeParent .objectTree .jqx-tree-item-li .jqx-tree-item, .application .objectViewHolderHolder .objectTreeParent .mediaBrowserJQ .jqx-tree-item-li .jqx-tree-item {
  border: none;
  height: 30px;
  padding-right: 60px;
}
.application .objectViewHolderHolder .objectTreeParent .objectTree .jqx-tree-item-li .jqx-tree-item span:focus, .application .objectViewHolderHolder .objectTreeParent .mediaBrowserJQ .jqx-tree-item-li .jqx-tree-item span:focus {
  outline: 0;
  color: #b73526;
}
.application .objectViewHolderHolder .objectTreeParent .objectTree .jqx-tree-item-li .fa, .application .objectViewHolderHolder .objectTreeParent .mediaBrowserJQ .jqx-tree-item-li .fa {
  margin-right: 10px;
}
.application .objectViewHolderHolder .objectTreeParent .objectTree .jqx-tree-item-li .jqx-fill-state-hover, .application .objectViewHolderHolder .objectTreeParent .objectTree .jqx-tree-item-li .jqx-fill-state-pressed, .application .objectViewHolderHolder .objectTreeParent .mediaBrowserJQ .jqx-tree-item-li .jqx-fill-state-hover, .application .objectViewHolderHolder .objectTreeParent .mediaBrowserJQ .jqx-tree-item-li .jqx-fill-state-pressed {
  background-color: inherit;
  color: #b3b3b3;
}
.application .objectViewHolderHolder .objectTreeParent .objectTree .jqx-tree-item-li .jqx-tree-item-arrow-expand, .application .objectViewHolderHolder .objectTreeParent .objectTree .jqx-tree-item-li .jqx-icon-arrow-down, .application .objectViewHolderHolder .objectTreeParent .mediaBrowserJQ .jqx-tree-item-li .jqx-tree-item-arrow-expand, .application .objectViewHolderHolder .objectTreeParent .mediaBrowserJQ .jqx-tree-item-li .jqx-icon-arrow-down {
  background-image: url(../assets/buttons/tree-right.svg);
  width: 16px !important;
  height: 10px !important;
  margin-top: 7px !important;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.application .objectViewHolderHolder .objectTreeParent .objectTree .jqx-tree-item-li .jqx-tree-item-arrow-collapse, .application .objectViewHolderHolder .objectTreeParent .objectTree .jqx-tree-item-li .jqx-icon-arrow-right, .application .objectViewHolderHolder .objectTreeParent .mediaBrowserJQ .jqx-tree-item-li .jqx-tree-item-arrow-collapse, .application .objectViewHolderHolder .objectTreeParent .mediaBrowserJQ .jqx-tree-item-li .jqx-icon-arrow-right {
  background-image: url(../assets/buttons/tree-right.svg);
  width: 16px !important;
  height: 10px !important;
  margin-top: 7px !important;
}

.pageManager {
  top: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #5d728e;
  color: #fafafa;
  left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
}
.pageManager .header {
  font-size: 26px;
  width: 100%;
  border-bottom: solid 1px #fafafa;
}
.pageManager .header .fa {
  font-size: 40px;
  line-height: 60px;
  margin-right: 10px;
}
.pageManager .header .fa-floppy-o {
  position: absolute;
  right: 50px;
  cursor: pointer;
  top: 0;
}
.pageManager .header .fa-times {
  position: absolute;
  right: 10px;
  cursor: pointer;
  top: 0;
}
.pageManager .header .title {
  position: relative;
  width: 100%;
  margin-top: 10px;
  text-align: center;
  font-size: 32px;
  padding-bottom: 10px;
}
.pageManager .pageContentHolder {
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  flex-grow: 2;
  -ms-flex-positive: 2;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: auto;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .jqx-widget-content {
  background-color: inherit;
  border: none;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px;
  box-sizing: border-box;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder {
  width: 100%;
  height: 100%;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .pageHolder {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .pageHolder .beanToolBar {
  height: 40px;
  background-color: #70809a;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  margin-bottom: 10px;
  margin-right: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  color: #fafafa;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .jqx-widget {
  color: #fafafa;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .jqx-menu {
  background-color: inherit;
  border: none !important;
  color: #fafafa;
  font-family: robotoregular;
  font-size: 16px;
  margin-left: 10px;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .jqx-menu .jqx-menu-dropdown {
  font-family: robotoregular;
  background-color: #70809a;
  border: none !important;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .jqx-menu ul li {
  background-color: #5d728e;
  -webkit-transition: background-color, 0.3s, ease;
  -moz-transition: background-color, 0.3s, ease;
  transition: background-color, 0.3s, ease;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .jqx-menu ul .jqx-fill-state-hover, .pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .jqx-menu ul .jqx-fill-state-pressed {
  background-color: #b3b3b3;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .buttonBar {
  margin-right: 10px;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .buttonBar .button {
  position: relative;
  width: 160px;
  height: 25px;
  cursor: pointer;
  line-height: 16px;
  background-color: #5d728e;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-transition: background-color, 0.3s, ease;
  -moz-transition: background-color, 0.3s, ease;
  transition: background-color, 0.3s, ease;
  -webkit-transition: opacity, 0.3s, ease;
  -moz-transition: opacity, 0.3s, ease;
  transition: opacity, 0.3s, ease;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .buttonBar .button span {
  position: absolute;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  color: #fafafa;
  font-size: 14px;
  height: 17px;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .buttonBar .button:hover {
  background-color: #b3b3b3;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .buttonBar .button.disabled:hover {
  background-color: #5d728e;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .buttonBar .button.disabled {
  opacity: 0.6;
  cursor: default;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .pageResizer .resizer .label {
  width: 90px;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .pageResizer .presetChooser {
  width: 150px;
  height: 25px;
  position: absolute;
  left: 160px;
  top: 6px;
  background-color: white;
  color: black;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .beanResizer, .pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .beanPositioner, .pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .pageResizer {
  position: relative;
  float: left;
  margin-left: 10px;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .resizer input {
  width: 50px;
  background-color: white;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .resizer .label {
  width: 50px;
  position: relative;
  display: inline-block;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .resizer {
  position: relative;
  height: 20px;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .pageHolder .beanContainerHolder.verticalScroll {
  -webkit-box-align: inherit;
  -moz-box-align: inherit;
  box-align: inherit;
  -webkit-align-items: inherit;
  -moz-align-items: inherit;
  -ms-align-items: inherit;
  -o-align-items: inherit;
  align-items: inherit;
  -ms-flex-align: inherit;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .pageHolder .beanContainerHolder.horizontalScroll {
  -webkit-box-pack: inherit;
  -moz-box-pack: inherit;
  box-pack: inherit;
  -webkit-justify-content: inherit;
  -moz-justify-content: inherit;
  -ms-justify-content: inherit;
  -o-justify-content: inherit;
  justify-content: inherit;
  -ms-flex-pack: inherit;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .pageHolder .beanContainerHolder.scalePageContent {
  overflow: hidden;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .pageHolder .beanContainerHolder.scalePageContent .beanContainer {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .pageHolder .beanContainerHolder {
  margin-right: 10px;
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  flex-grow: 2;
  -ms-flex-positive: 2;
  background-color: #70809a;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  position: relative;
  overflow: auto;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .pageHolder .beanContainerHolder .beanContainer {
  position: relative;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  background-color: #fafafa;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .pageHolder .beanContainerHolder .beanContainer .beanParent {
  position: relative;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties {
  font-family: robotoregular;
  color: #fafafa;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabbar {
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabbar .selectors {
  background-color: #70809a;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  font-size: 20px;
  padding: 5px;
  box-sizing: border-box;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder {
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  overflow: auto;
  position: absolute;
  width: 100%;
  bottom: 0;
  top: 0;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .mainTitle, .pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .label {
  color: #fafafa;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .mainTitle {
  font-size: 24px;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .label {
  font-size: 18px;
  margin-bottom: 5px;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor input {
  width: 100%;
  border: 1px solid #bbbbbb;
  color: #634a00;
  font-size: 16px;
  padding: 5px;
  box-sizing: border-box;
  box-shadow: none;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .backgroundSize input, .pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .backgroundPosition input {
  background-color: transparent;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .svgEditorButtonBar,
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .filePickerButtonBar,
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .buttonBar {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .svgEditorButtonBar .button,
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .filePickerButtonBar .button,
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .buttonBar .button {
  position: relative;
  width: 80px;
  height: 25px;
  cursor: pointer;
  line-height: 16px;
  background-color: #5d728e;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-transition: background-color, 0.3s, ease;
  -moz-transition: background-color, 0.3s, ease;
  transition: background-color, 0.3s, ease;
  -webkit-transition: opacity, 0.3s, ease;
  -moz-transition: opacity, 0.3s, ease;
  transition: opacity, 0.3s, ease;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .svgEditorButtonBar .button span,
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .filePickerButtonBar .button span,
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .buttonBar .button span {
  position: absolute;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  color: #fafafa;
  font-size: 14px;
  height: 17px;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .svgEditorButtonBar .button:hover,
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .filePickerButtonBar .button:hover,
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .buttonBar .button:hover {
  background-color: #b3b3b3;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .svgEditorButtonBar .button.disabled:hover,
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .filePickerButtonBar .button.disabled:hover,
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .buttonBar .button.disabled:hover {
  background-color: #5d728e;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .svgEditorButtonBar .button.disabled,
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .filePickerButtonBar .button.disabled,
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .buttonBar .button.disabled {
  opacity: 0.6;
  cursor: default;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .svgEditorButtonBar .button,
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .filePickerButtonBar .button,
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .buttonBar .button {
  margin-right: 5px;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .listButtonBar {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .listButtonBar .button {
  position: relative;
  width: 30px;
  height: 25px;
  cursor: pointer;
  line-height: 16px;
  background-color: #5d728e;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-transition: background-color, 0.3s, ease;
  -moz-transition: background-color, 0.3s, ease;
  transition: background-color, 0.3s, ease;
  -webkit-transition: opacity, 0.3s, ease;
  -moz-transition: opacity, 0.3s, ease;
  transition: opacity, 0.3s, ease;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .listButtonBar .button span {
  position: absolute;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  color: #fafafa;
  font-size: 14px;
  height: 17px;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .listButtonBar .button:hover {
  background-color: #b3b3b3;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .listButtonBar .button.disabled:hover {
  background-color: #5d728e;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .listButtonBar .button.disabled {
  opacity: 0.6;
  cursor: default;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .listButtonBar .button {
  margin-right: 5px;
  color: #fafafa !important;
  font-size: 16px;
  text-align: center;
  padding-top: 5px;
  box-sizing: border-box;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .jqx-listitem-element {
  color: #fafafa;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .beanList .jqx-listitem-element {
  color: #fafafa;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .beanList .jqx-listitem-element span {
  background-color: #5d728e;
  font-family: robotoregular;
  font-size: 16px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .beanList .jqx-listitem-element span.jqx-fill-state-hover, .pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .beanList .jqx-listitem-element span.jqx-fill-state-pressed {
  background-color: #b3b3b3;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .fileName {
  margin-top: 5px;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor.hidden {
  display: none;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .jqx-radiobutton {
  color: #fafafa;
  font-family: robotoregular;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .title {
  font-size: 16px;
  font-family: robotoregular;
  color: #5d728e;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .backgroundSize .scale {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .backgroundSize .scale input {
  color: #fafafa;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .backgroundSize .scale .scaler {
  display: none;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .backgroundPosition {
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  flex-grow: 2;
  -ms-flex-positive: 2;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .backgroundPosition .direction {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .backgroundPosition .xpos {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .backgroundPosition .xpos input {
  color: #fafafa;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .backgroundPosition .xpos .xPositioner {
  display: none;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .backgroundPosition .ypos {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .backgroundPosition .ypos input {
  color: #fafafa;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .backgroundPosition .ypos .yPositioner {
  display: none;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .imageView {
  margin-top: 5px;
  width: 140px;
  height: 80px;
  background-repeat: no-repeat;
  background-size: contain;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor.simple .backgroundPosition,
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor.simple .backgroundSize {
  display: none !important;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor.simple .imageView {
  width: 100%;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder > div {
  background-color: #70809a;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 5px;
  box-sizing: border-box;
}
.pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder > div:last-child {
  margin-bottom: 0px;
}
.pageManager .pageContentHolder .pageViewer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  display: none;
}
.pageManager .pageContentHolder .pageViewer .pageHolder .beanContainerHolder .beanContainer {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}

.popupAdapter {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.popupAdapter .systemPopup {
  background-color: #5d728e;
  width: 700px;
  padding: 20px;
  box-sizing: border-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.popupAdapter .systemPopup .buttonBar {
  background-color: #70809a;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin-top: 10px;
  padding: 5px;
}
.popupAdapter .systemPopup .buttonBar .button {
  position: relative;
  width: 60px;
  height: 25px;
  cursor: pointer;
  line-height: 16px;
  background-color: #5d728e;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-transition: background-color, 0.3s, ease;
  -moz-transition: background-color, 0.3s, ease;
  transition: background-color, 0.3s, ease;
  -webkit-transition: opacity, 0.3s, ease;
  -moz-transition: opacity, 0.3s, ease;
  transition: opacity, 0.3s, ease;
}
.popupAdapter .systemPopup .buttonBar .button span {
  position: absolute;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  color: #fafafa;
  font-size: 14px;
  height: 17px;
}
.popupAdapter .systemPopup .buttonBar .button:hover {
  background-color: #b3b3b3;
}
.popupAdapter .systemPopup .buttonBar .button.disabled:hover {
  background-color: #5d728e;
}
.popupAdapter .systemPopup .buttonBar .button.disabled {
  opacity: 0.6;
  cursor: default;
}
.popupAdapter .systemPopup .buttonBar .button {
  margin-left: 10px;
  margin-right: 10px;
}
.popupAdapter .systemPopup textarea {
  margin-top: 10px;
  width: 100%;
  min-height: 40px;
}
.popupAdapter .systemPopup .popupTitle {
  color: #fafafa;
  text-align: center;
  font-size: 24px;
  background-color: #70809a;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  display: block;
}
.popupAdapter .systemPopup .popupContent {
  color: #fafafa;
  background-color: #70809a;
  width: 100%;
  display: block;
  padding: 20px;
  box-sizing: border-box;
  margin-top: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.PageManager .jqx-widget-content {
  background-color: inherit;
  border: none;
}
.PageManager .applicationHolder {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px;
  box-sizing: border-box;
}
.PageManager .applicationHolder .contentHolder {
  width: 100%;
  height: 100%;
}
.PageManager .applicationHolder .contentHolder .pageHolder {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.PageManager .applicationHolder .contentHolder .pageHolder .beanToolBar {
  height: 40px;
  background-color: #70809a;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  margin-bottom: 10px;
  margin-right: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  color: #fafafa;
}
.PageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .jqx-widget {
  color: #fafafa;
}
.PageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .jqx-menu {
  background-color: inherit;
  border: none !important;
  color: #fafafa;
  font-family: robotoregular;
  font-size: 16px;
  margin-left: 10px;
}
.PageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .jqx-menu .jqx-menu-dropdown {
  font-family: robotoregular;
  background-color: #70809a;
  border: none !important;
}
.PageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .jqx-menu ul li {
  background-color: #5d728e;
  -webkit-transition: background-color, 0.3s, ease;
  -moz-transition: background-color, 0.3s, ease;
  transition: background-color, 0.3s, ease;
}
.PageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .jqx-menu ul .jqx-fill-state-hover, .PageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .jqx-menu ul .jqx-fill-state-pressed {
  background-color: #b3b3b3;
}
.PageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .buttonBar {
  margin-right: 10px;
}
.PageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .buttonBar .button {
  position: relative;
  width: 160px;
  height: 25px;
  cursor: pointer;
  line-height: 16px;
  background-color: #5d728e;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-transition: background-color, 0.3s, ease;
  -moz-transition: background-color, 0.3s, ease;
  transition: background-color, 0.3s, ease;
  -webkit-transition: opacity, 0.3s, ease;
  -moz-transition: opacity, 0.3s, ease;
  transition: opacity, 0.3s, ease;
}
.PageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .buttonBar .button span {
  position: absolute;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  color: #fafafa;
  font-size: 14px;
  height: 17px;
}
.PageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .buttonBar .button:hover {
  background-color: #b3b3b3;
}
.PageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .buttonBar .button.disabled:hover {
  background-color: #5d728e;
}
.PageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .buttonBar .button.disabled {
  opacity: 0.6;
  cursor: default;
}
.PageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .pageResizer .resizer .label {
  width: 90px;
}
.PageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .pageResizer .presetChooser {
  width: 150px;
  height: 25px;
  position: absolute;
  left: 160px;
  top: 6px;
  background-color: white;
  color: black;
}
.PageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .beanResizer, .PageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .beanPositioner, .PageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .pageResizer {
  position: relative;
  float: left;
  margin-left: 10px;
}
.PageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .resizer input {
  width: 50px;
  background-color: white;
}
.PageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .resizer .label {
  width: 50px;
  position: relative;
  display: inline-block;
}
.PageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .resizer {
  position: relative;
  height: 20px;
}
.PageManager .applicationHolder .contentHolder .pageHolder .beanContainerHolder.verticalScroll {
  -webkit-box-align: inherit;
  -moz-box-align: inherit;
  box-align: inherit;
  -webkit-align-items: inherit;
  -moz-align-items: inherit;
  -ms-align-items: inherit;
  -o-align-items: inherit;
  align-items: inherit;
  -ms-flex-align: inherit;
}
.PageManager .applicationHolder .contentHolder .pageHolder .beanContainerHolder.horizontalScroll {
  -webkit-box-pack: inherit;
  -moz-box-pack: inherit;
  box-pack: inherit;
  -webkit-justify-content: inherit;
  -moz-justify-content: inherit;
  -ms-justify-content: inherit;
  -o-justify-content: inherit;
  justify-content: inherit;
  -ms-flex-pack: inherit;
}
.PageManager .applicationHolder .contentHolder .pageHolder .beanContainerHolder.scalePageContent {
  overflow: hidden;
}
.PageManager .applicationHolder .contentHolder .pageHolder .beanContainerHolder.scalePageContent .beanContainer {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.PageManager .applicationHolder .contentHolder .pageHolder .beanContainerHolder {
  margin-right: 10px;
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  flex-grow: 2;
  -ms-flex-positive: 2;
  background-color: #70809a;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  position: relative;
  overflow: auto;
}
.PageManager .applicationHolder .contentHolder .pageHolder .beanContainerHolder .beanContainer {
  position: relative;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  background-color: #fafafa;
}
.PageManager .applicationHolder .contentHolder .pageHolder .beanContainerHolder .beanContainer .beanParent {
  position: relative;
}
.PageManager .applicationHolder .contentHolder .beanProperties {
  font-family: robotoregular;
  color: #fafafa;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabbar {
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabbar .selectors {
  background-color: #70809a;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  font-size: 20px;
  padding: 5px;
  box-sizing: border-box;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder {
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  overflow: auto;
  position: absolute;
  width: 100%;
  bottom: 0;
  top: 0;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .mainTitle, .PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .label {
  color: #fafafa;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .mainTitle {
  font-size: 24px;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .label {
  font-size: 18px;
  margin-bottom: 5px;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor input {
  width: 100%;
  border: 1px solid #bbbbbb;
  color: #634a00;
  font-size: 16px;
  padding: 5px;
  box-sizing: border-box;
  box-shadow: none;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .backgroundSize input, .PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .backgroundPosition input {
  background-color: transparent;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .svgEditorButtonBar,
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .filePickerButtonBar,
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .buttonBar {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .svgEditorButtonBar .button,
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .filePickerButtonBar .button,
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .buttonBar .button {
  position: relative;
  width: 80px;
  height: 25px;
  cursor: pointer;
  line-height: 16px;
  background-color: #5d728e;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-transition: background-color, 0.3s, ease;
  -moz-transition: background-color, 0.3s, ease;
  transition: background-color, 0.3s, ease;
  -webkit-transition: opacity, 0.3s, ease;
  -moz-transition: opacity, 0.3s, ease;
  transition: opacity, 0.3s, ease;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .svgEditorButtonBar .button span,
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .filePickerButtonBar .button span,
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .buttonBar .button span {
  position: absolute;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  color: #fafafa;
  font-size: 14px;
  height: 17px;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .svgEditorButtonBar .button:hover,
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .filePickerButtonBar .button:hover,
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .buttonBar .button:hover {
  background-color: #b3b3b3;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .svgEditorButtonBar .button.disabled:hover,
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .filePickerButtonBar .button.disabled:hover,
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .buttonBar .button.disabled:hover {
  background-color: #5d728e;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .svgEditorButtonBar .button.disabled,
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .filePickerButtonBar .button.disabled,
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .buttonBar .button.disabled {
  opacity: 0.6;
  cursor: default;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .svgEditorButtonBar .button,
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .filePickerButtonBar .button,
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .buttonBar .button {
  margin-right: 5px;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .listButtonBar {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .listButtonBar .button {
  position: relative;
  width: 30px;
  height: 25px;
  cursor: pointer;
  line-height: 16px;
  background-color: #5d728e;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-transition: background-color, 0.3s, ease;
  -moz-transition: background-color, 0.3s, ease;
  transition: background-color, 0.3s, ease;
  -webkit-transition: opacity, 0.3s, ease;
  -moz-transition: opacity, 0.3s, ease;
  transition: opacity, 0.3s, ease;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .listButtonBar .button span {
  position: absolute;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  color: #fafafa;
  font-size: 14px;
  height: 17px;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .listButtonBar .button:hover {
  background-color: #b3b3b3;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .listButtonBar .button.disabled:hover {
  background-color: #5d728e;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .listButtonBar .button.disabled {
  opacity: 0.6;
  cursor: default;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .listButtonBar .button {
  margin-right: 5px;
  color: #fafafa !important;
  font-size: 16px;
  text-align: center;
  padding-top: 5px;
  box-sizing: border-box;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .jqx-listitem-element {
  color: #fafafa;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .beanList .jqx-listitem-element {
  color: #fafafa;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .beanList .jqx-listitem-element span {
  background-color: #5d728e;
  font-family: robotoregular;
  font-size: 16px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .beanList .jqx-listitem-element span.jqx-fill-state-hover, .PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .beanList .jqx-listitem-element span.jqx-fill-state-pressed {
  background-color: #b3b3b3;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .fileName {
  margin-top: 5px;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor.hidden {
  display: none;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .jqx-radiobutton {
  color: #fafafa;
  font-family: robotoregular;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .title {
  font-size: 16px;
  font-family: robotoregular;
  color: #5d728e;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .backgroundSize .scale {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .backgroundSize .scale input {
  color: #fafafa;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .backgroundSize .scale .scaler {
  display: none;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .backgroundPosition {
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  flex-grow: 2;
  -ms-flex-positive: 2;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .backgroundPosition .direction {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .backgroundPosition .xpos {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .backgroundPosition .xpos input {
  color: #fafafa;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .backgroundPosition .xpos .xPositioner {
  display: none;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .backgroundPosition .ypos {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .backgroundPosition .ypos input {
  color: #fafafa;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .backgroundPosition .ypos .yPositioner {
  display: none;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .imageView {
  margin-top: 5px;
  width: 140px;
  height: 80px;
  background-repeat: no-repeat;
  background-size: contain;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor.simple .backgroundPosition,
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor.simple .backgroundSize {
  display: none !important;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor.simple .imageView {
  width: 100%;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder > div {
  background-color: #70809a;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 5px;
  box-sizing: border-box;
}
.PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder > div:last-child {
  margin-bottom: 0px;
}

.jqx-popup {
  background-color: #70809a;
  border-color: #b3b3b3;
  font-family: FontAwesome;
}
.jqx-popup .jqx-window-header {
  background-color: #5d728e;
  color: #fafafa;
  border-color: #b3b3b3;
  font-size: 18px;
}
.jqx-popup .jqx-window-header .jqx-window-close-button {
  width: 15px !important;
  height: 15px !important;
  background-image: url(../assets/buttons/close.svg);
}
.jqx-popup .jqx-window-header .jqx-window-collapse-button {
  background-image: url(../assets/buttons/tree-right.svg);
  width: 10px !important;
  height: 10px !important;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  margin-top: 2px;
}
.jqx-popup .jqx-window-header .jqx-icon-arrow-down {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-top: 4px;
}
.jqx-popup .jqx-window-content {
  background: none;
}
.jqx-popup .objectTreeParent {
  overflow: hidden;
}
.jqx-popup .objectTreeParent .treeWrapper {
  position: relative;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
}
.jqx-popup .objectTreeParent .treeWrapper .objectTree {
  overflow: auto;
  width: 60%;
}
.jqx-popup .objectTreeParent .treeWrapper .preview {
  position: relative;
  width: 40%;
  height: 100%;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  margin-left: 10px;
}
.jqx-popup .objectTreeParent .treeWrapper .fa-minus-square-o {
  display: none !important;
}
.jqx-popup .objectTreeParent {
  width: 40%;
  overflow: auto;
  height: 100%;
  position: relative;
  box-sizing: border-box;
}
.jqx-popup .objectTreeParent .objectTree, .jqx-popup .objectTreeParent .mediaBrowserJQ {
  min-width: 90% !important;
  border: none;
  background-color: inherit;
  color: #fafafa;
  position: relative;
  left: 0;
  display: inline-block;
}
.jqx-popup .objectTreeParent .objectTree .noClick, .jqx-popup .objectTreeParent .mediaBrowserJQ .noClick {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: progress;
  background-color: transparent;
}
.jqx-popup .objectTreeParent .objectTree .jqx-widget-content, .jqx-popup .objectTreeParent .mediaBrowserJQ .jqx-widget-content {
  background-color: inherit;
}
.jqx-popup .objectTreeParent .objectTree .buttonGroup, .jqx-popup .objectTreeParent .mediaBrowserJQ .buttonGroup {
  position: absolute;
  top: 0px;
  display: none;
  width: 0;
  -webkit-transition: top, 0.5s ease;
  -moz-transition: top, 0.5s ease;
  transition: top, 0.5s ease;
}
.jqx-popup .objectTreeParent .objectTree .buttonGroup .fa, .jqx-popup .objectTreeParent .mediaBrowserJQ .buttonGroup .fa {
  font-size: 20px;
  cursor: pointer;
  position: relative;
  max-width: 22px;
}
.jqx-popup .objectTreeParent .objectTree .buttonGroup input, .jqx-popup .objectTreeParent .mediaBrowserJQ .buttonGroup input {
  width: 0;
  height: 0;
  opacity: 0;
}
.jqx-popup .objectTreeParent .objectTree .jqx-tree-item-li, .jqx-popup .objectTreeParent .mediaBrowserJQ .jqx-tree-item-li {
  -webkit-transition: color, 0.3s;
  -moz-transition: color, 0.3s;
  transition: color, 0.3s;
  font-size: 20px;
}
.jqx-popup .objectTreeParent .objectTree .jqx-tree-item-li .jqx-tree-item, .jqx-popup .objectTreeParent .mediaBrowserJQ .jqx-tree-item-li .jqx-tree-item {
  border: none;
  height: 30px;
  padding-right: 60px;
}
.jqx-popup .objectTreeParent .objectTree .jqx-tree-item-li .jqx-tree-item span:focus, .jqx-popup .objectTreeParent .mediaBrowserJQ .jqx-tree-item-li .jqx-tree-item span:focus {
  outline: 0;
  color: #b73526;
}
.jqx-popup .objectTreeParent .objectTree .jqx-tree-item-li .fa, .jqx-popup .objectTreeParent .mediaBrowserJQ .jqx-tree-item-li .fa {
  margin-right: 10px;
}
.jqx-popup .objectTreeParent .objectTree .jqx-tree-item-li .jqx-fill-state-hover, .jqx-popup .objectTreeParent .objectTree .jqx-tree-item-li .jqx-fill-state-pressed, .jqx-popup .objectTreeParent .mediaBrowserJQ .jqx-tree-item-li .jqx-fill-state-hover, .jqx-popup .objectTreeParent .mediaBrowserJQ .jqx-tree-item-li .jqx-fill-state-pressed {
  background-color: inherit;
  color: #b3b3b3;
}
.jqx-popup .objectTreeParent .objectTree .jqx-tree-item-li .jqx-tree-item-arrow-expand, .jqx-popup .objectTreeParent .objectTree .jqx-tree-item-li .jqx-icon-arrow-down, .jqx-popup .objectTreeParent .mediaBrowserJQ .jqx-tree-item-li .jqx-tree-item-arrow-expand, .jqx-popup .objectTreeParent .mediaBrowserJQ .jqx-tree-item-li .jqx-icon-arrow-down {
  background-image: url(../assets/buttons/tree-right.svg);
  width: 16px !important;
  height: 10px !important;
  margin-top: 7px !important;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.jqx-popup .objectTreeParent .objectTree .jqx-tree-item-li .jqx-tree-item-arrow-collapse, .jqx-popup .objectTreeParent .objectTree .jqx-tree-item-li .jqx-icon-arrow-right, .jqx-popup .objectTreeParent .mediaBrowserJQ .jqx-tree-item-li .jqx-tree-item-arrow-collapse, .jqx-popup .objectTreeParent .mediaBrowserJQ .jqx-tree-item-li .jqx-icon-arrow-right {
  background-image: url(../assets/buttons/tree-right.svg);
  width: 16px !important;
  height: 10px !important;
  margin-top: 7px !important;
}

.jqx-radiobutton-check-checked {
  width: 7px !important;
  height: 7px !important;
}

.progressPopupParent {
  z-index: 20000;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  display: none;
}
.progressPopupParent .progressPopup {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 500px;
  height: 18px;
  margin: auto;
  padding: 5px;
  background-color: #634a00;
  border-radius: 20px;
  box-sizing: border-box;
}
.progressPopupParent .progressPopup .progressBar {
  position: relative;
  width: 0%;
  height: 0.5rem;
  background-color: #ffffff;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: width 0.5s ease;
  -moz-transition: width 0.5s ease;
  -ms-transition: width 0.5s ease;
  -o-transition: width 0.5s ease;
  transition: width 0.5s ease;
}

.jqx-menu-popup {
  width: 159px !important;
  background-color: inherit;
  border: none !important;
  color: #fafafa;
  font-family: robotoregular;
  font-size: 16px;
  margin-left: 10px;
}
.jqx-menu-popup .jqx-menu-dropdown {
  font-family: robotoregular;
  background-color: #70809a;
  border: none !important;
}
.jqx-menu-popup ul li {
  background-color: #5d728e;
  -webkit-transition: background-color, 0.3s, ease;
  -moz-transition: background-color, 0.3s, ease;
  transition: background-color, 0.3s, ease;
}
.jqx-menu-popup ul .jqx-fill-state-hover, .jqx-menu-popup ul .jqx-fill-state-pressed {
  background-color: #b3b3b3;
}

.ui-resizable-handle {
  background-color: #b3b3b3;
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
  height: 16px;
  width: 16px;
  border: 1px solid #212121;
  border-radius: 50%;
  margin: auto;
}

.ui-resizable-s {
  bottom: -8px;
  left: 0;
  right: 0;
}

.ui-resizable-n {
  top: -8px;
  left: 0;
  right: 0;
}

.ui-resizable-e {
  right: -8px;
  top: 0;
  bottom: 0;
}

.ui-resizable-w {
  left: -8px;
  top: 0;
  bottom: 0;
}

.ui-resizable-ne {
  right: -8px;
  top: -8px;
}

.ui-resizable-se {
  right: -8px;
  bottom: -8px;
}

.ui-resizable-sw {
  left: -8px;
  bottom: -8px;
}

.ui-resizable-nw {
  left: -8px;
  top: -8px;
}

select.editorContent {
  width: 100%;
}

.ui-selectmenu-button span.ui-selectmenu-text,
.ui-selectmenu-menu .ui-menu {
  background-color: #fafafa;
  color: #323232;
  font-family: FontAwesome;
}
.ui-selectmenu-button span.ui-selectmenu-text .ui-menu-item:hover,
.ui-selectmenu-menu .ui-menu .ui-menu-item:hover {
  background-color: #b3b3b3;
}

.svgeditor-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.5);
}

.hotspots-questions-editor-container {
  z-index: 100002;
  overflow: auto;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex !important;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  background-color: rgba(0, 0, 0, 0.5);
}

iframe.svgeditor {
  position: fixed;
  width: 90%;
  height: 90%;
  top: 5%;
  left: 5%;
  z-index: 100000;
}

.jqx-checkbox {
  width: 20px;
}

.jqx-color-picker input {
  max-width: 55px;
  min-width: 55px;
  border-radius: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  font-size: 13px !important;
}

.jqx-item {
  color: #3f6780;
}

.object\.learningintegrationsetting .propertyHolder .propertyHolderContent .propertyNameLabel {
  display: none;
}
.object\.learningintegrationsetting .propertyHolder .propertyHolderContent > div {
  width: 100% !important;
}

.object\.testspecification .propertyHolder .propertyHolderContent > div {
  width: 100% !important;
}
.object\.testspecification .propertyEditorHolder .test-specification .lis-holder .tc-number-input {
  height: 20px;
  width: 50px;
}
.object\.testspecification .propertyEditorHolder .test-specification .description-title {
  margin-top: 10px;
}
.object\.testspecification .propertyEditorHolder .test-specification .description {
  margin-bottom: 10px;
}
.object\.testspecification .propertyEditorHolder .test-specification .test-category {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.object\.testspecification .propertyEditorHolder .test-specification .test-category .mce-tinymce {
  margin-bottom: 2px;
}
.object\.testspecification .propertyEditorHolder .test-specification .test-category .tc-element:nth-child(1) {
  width: 150px;
}
.object\.testspecification .propertyEditorHolder .test-specification .test-category .tc-element {
  margin-right: 5px;
  margin-top: 5px;
  min-width: 60px;
  box-sizing: border-box;
}
.object\.testspecification .propertyEditorHolder .test-specification .test-category .tc-number-input {
  height: 20px;
  width: 50px;
}
.object\.testspecification .propertyEditorHolder .test-specification .test-category .tc-string-input {
  height: 20px;
  width: 60px;
}
.object\.testspecification .propertyEditorHolder .test-specification .test-category input {
  margin: 0;
  padding: 0;
  box-sizing: content-box;
}
.object\.testspecification .propertyEditorHolder .test-specification .test-category input[type=checkbox] {
  width: auto;
}
.object\.testspecification .propertyEditorHolder .test-specification.no-additional-test-specification-properties .time-per-question-holder, .object\.testspecification .propertyEditorHolder .test-specification.no-additional-test-specification-properties .category-color, .object\.testspecification .propertyEditorHolder .test-specification.no-additional-test-specification-properties .test-category-descriptions, .object\.testspecification .propertyEditorHolder .test-specification.no-additional-test-specification-properties .category-color-header {
  display: none !important;
}
.object\.testspecification .propertyEditorHolder .test-specification.no-additional-test-specification-feedback-properties .lis-main {
  display: none !important;
}

.propertyEditorHolder .filters {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.propertyEditorHolder .filters .filter-type {
  min-width: 140px;
  margin-bottom: 5px;
  margin-right: 5px;
}
.propertyEditorHolder .filters .filter-type select {
  width: 100%;
  height: 100px;
}

.learning-integration, .test-specification {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.learning-integration .lis-main, .test-specification .lis-main {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.learning-integration .lis-main > div, .test-specification .lis-main > div {
  margin-bottom: 10px;
}
.learning-integration .lis-main .lis-main-sub, .test-specification .lis-main .lis-main-sub {
  margin-left: 10px;
  font-size: 14px;
}
.learning-integration .lis-main .lis-main-sub.disabled, .test-specification .lis-main .lis-main-sub.disabled {
  pointer-events: none;
  opacity: 0.6;
}
.learning-integration .lis-main .lis-title, .test-specification .lis-main .lis-title {
  font-weight: bold;
}
.learning-integration .lis-main .lis-select-holder, .test-specification .lis-main .lis-select-holder {
  align-items: center;
  margin-bottom: 5px;
}
.learning-integration .lis-main .lis-checkbox-main-holder, .learning-integration .lis-main .lis-radio-main-holder, .test-specification .lis-main .lis-checkbox-main-holder, .test-specification .lis-main .lis-radio-main-holder {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.learning-integration .lis-main .lis-checkbox-main-holder .lis-holder, .learning-integration .lis-main .lis-radio-main-holder .lis-holder, .test-specification .lis-main .lis-checkbox-main-holder .lis-holder, .test-specification .lis-main .lis-radio-main-holder .lis-holder {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
}
.learning-integration .lis-main .lis-checkbox-main-holder .lis-holder input, .learning-integration .lis-main .lis-radio-main-holder .lis-holder input, .test-specification .lis-main .lis-checkbox-main-holder .lis-holder input, .test-specification .lis-main .lis-radio-main-holder .lis-holder input {
  width: auto;
  font-size: 14px;
  height: 18px;
}

.nl\.boon\.cms\.pioneer\.lti\.PioneerLtiImportFromTrackSettingsView .propertyHolder .propertyHolderContentWrapper,
.nl\.boon\.cms\.pioneer\.lti\.PreviewGeneratedLTI .propertyHolder .propertyHolderContentWrapper {
  padding: 20px !important;
}
.nl\.boon\.cms\.pioneer\.lti\.PioneerLtiImportFromTrackSettingsView .propertyHolder .propertyHolderContentWrapper .propertyHolderContent,
.nl\.boon\.cms\.pioneer\.lti\.PreviewGeneratedLTI .propertyHolder .propertyHolderContentWrapper .propertyHolderContent {
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
}
.nl\.boon\.cms\.pioneer\.lti\.PioneerLtiImportFromTrackSettingsView .propertyHolder .propertyHolderContentWrapper .lti-preview-description,
.nl\.boon\.cms\.pioneer\.lti\.PreviewGeneratedLTI .propertyHolder .propertyHolderContentWrapper .lti-preview-description {
  flex: 0 0 auto;
  width: auto;
  margin-bottom: 1rem;
}
.nl\.boon\.cms\.pioneer\.lti\.PioneerLtiImportFromTrackSettingsView .propertyHolder .propertyHolderContentWrapper .pioneer,
.nl\.boon\.cms\.pioneer\.lti\.PreviewGeneratedLTI .propertyHolder .propertyHolderContentWrapper .pioneer {
  flex-direction: row;
  flex: 1 1 auto;
  width: 100%;
  margin-bottom: 1rem;
  background-color: #e6ebee;
}
.nl\.boon\.cms\.pioneer\.lti\.PioneerLtiImportFromTrackSettingsView .propertyHolder .propertyHolderContentWrapper .pioneer .column,
.nl\.boon\.cms\.pioneer\.lti\.PreviewGeneratedLTI .propertyHolder .propertyHolderContentWrapper .pioneer .column {
  flex: 1 1 auto;
}
.nl\.boon\.cms\.pioneer\.lti\.PioneerLtiImportFromTrackSettingsView .propertyHolder .propertyHolderContentWrapper .pioneer .column:last-child,
.nl\.boon\.cms\.pioneer\.lti\.PreviewGeneratedLTI .propertyHolder .propertyHolderContentWrapper .pioneer .column:last-child {
  margin: 0;
}

.nl\.boon\.cms\.pioneer\.lti\.PioneerLtiImportFromTrackSettingsView .propertyHolder .propertyHolderContentWrapper .custom-holders {
  justify-content: space-between;
  flex: 0 0 auto;
  display: flex;
  width: 100%;
}
.nl\.boon\.cms\.pioneer\.lti\.PioneerLtiImportFromTrackSettingsView .propertyHolder .propertyHolderContentWrapper .custom-holders > * {
  flex-basis: auto !important;
  width: 33%;
  margin: 0 !important;
}

.nl\.boon\.cms\.pioneer\.lti\.PreviewGeneratedLTI .lti-preview-description-final {
  width: 80% !important;
  margin-bottom: 20px;
}

.publication-history.popup {
  height: 560px;
}

.editor .media-tab {
  display: none;
}
.editor .move-grabber {
  display: none;
}
.editor .edit-menu .clone {
  display: none;
}
.editor .edit-menu .delete {
  display: none;
}
.editor .column .button.new {
  display: none !important;
}
.editor .component-selector {
  display: none !important;
}

.hasRevision {
  color: rgba(214, 38, 8, 0.94) !important;
}

.hasReadyRevision {
  color: rgba(38, 214, 8, 0.94) !important;
}

.revision-counter {
  background-color: grey;
  padding: 5px;
  min-width: 40px;
  height: 15px;
  border-radius: 35%;
  line-height: 100%;
  text-align: center;
  color: white;
  margin-top: 8px;
  font-size: 15px;
}

.revision-log-holder {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.05);
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.revision-log-holder .revision-log {
  border-radius: 10px;
  overflow: hidden;
  width: 600px;
  max-height: 90%;
  background-color: #dbe3e9;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.revision-log-holder .revision-log .revision-log-header {
  /*![application.primaryColor]*/
  background-color: #634a00;
  padding: 5px;
  position: relative;
  height: 20px;
  color: white;
}
.revision-log-holder .revision-log .revision-log-header .close-button {
  cursor: pointer;
  position: absolute;
  top: 7px;
  right: 5px;
}
.revision-log-holder .revision-log .revision-log-container-holder {
  position: relative;
  overflow: auto;
}
.revision-log-holder .revision-log .revision-log-container-holder .revision-log-container {
  position: relative;
  padding: 10px;
  box-sizing: border-box;
}
.revision-log-holder .revision-log .revision-log-container-holder .revision-log-container .revision-log-item-holder {
  width: 100%;
  position: relative;
}
.revision-log-holder .revision-log .revision-log-container-holder .revision-log-container .revision-log-item-holder .revision-log-item {
  border: dashed 2px grey;
  border-radius: 30px;
  position: relative;
  width: 50%;
  padding: 15px;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.revision-log-holder .revision-log .revision-log-container-holder .revision-log-container .revision-log-item-holder .revision-log-item.right {
  margin-left: 50%;
}
.revision-log-holder .revision-log .revision-log-container-holder .revision-log-container .revision-log-item-holder .revision-log-item-status {
  font-family: ubuntu-bold;
}

.revision-panel {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  flex-grow: 2;
  -ms-flex-positive: 2;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 14px;
  position: relative;
}
.revision-panel .status-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  position: relative;
}
.revision-panel .user-info {
  color: white;
  display: none;
  padding: 5px;
  position: relative;
}
.revision-panel .switch-buttons {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  flex-grow: 2;
  -ms-flex-positive: 2;
}
.revision-panel .switch-buttons .switch-label {
  position: relative;
  /*![application.primaryColor]*/
  background-color: #634a00;
  border: 1px solid white;
}
.revision-panel .switch-buttons .switch-label .ui-checkboxradio-icon {
  width: 8px;
  height: 8px;
  border: none;
}
.revision-panel .switch-buttons .switch-label.ui-state-active .ui-checkboxradio-icon {
  background-color: #5e8ab7;
}

.pioneer .content .objects-wrapper .objects .column.pioneer-grid .items-list-wrapper {
  top: 80px;
}

.pioneer .content .objects-wrapper .objects .column.pioneer-grid .new-item-group-selector {
  z-index: 1;
}

.column.pioneer-grid .headings {
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 30px;
  margin-top: -10px;
  padding: 0 10px 0 20px;
  line-height: 30px;
  /*![application.primaryColor]*/
  color: #634a00;
  background-color: #e6ebee;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 1px 0px;
}
.column.pioneer-grid .headings .heading {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
  overflow: hidden;
  cursor: default;
}
.column.pioneer-grid .headings .heading:not(:first-of-type) {
  border-left: 1px solid #cfd3d7;
}
.column.pioneer-grid .headings::before {
  visibility: hidden;
}
.column.pioneer-grid .cell {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 16px;
  color: #527a30;
  border-width: 0;
  outline: none;
  background-color: transparent;
  pointer-events: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.column.pioneer-grid .cell input[type=checkbox] {
  width: 15px;
  height: 15px;
}
.column.pioneer-grid .cell.cell-button.not-ok .not-ok-view {
  display: none;
}
.column.pioneer-grid .cell.cell-button.ok .ok-view {
  display: none;
}
.column.pioneer-grid .cell.cell-button {
  -webkit-transition: opacity 1s ease-in-out, filter 0.25s ease-in-out;
  -moz-transition: opacity 1s ease-in-out, filter 0.25s ease-in-out;
  transition: opacity 1s ease-in-out, filter 0.25s ease-in-out;
}
.column.pioneer-grid .cell.cell-button .counter {
  position: relative;
  background: green;
  height: 15px;
  width: 15px;
  min-width: 15px;
  border-radius: 50%;
  color: white;
  line-height: 16px;
  font-size: 8px;
  left: -10px;
  top: 6px;
  margin-right: -9px;
  border: 1px solid white;
}
.column.pioneer-grid .cell.cell-button .label {
  justify-content: center;
}
.column.pioneer-grid .cell.cell-button.busy {
  opacity: 0.2;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.column.pioneer-grid .cell.fixed-size,
.column.pioneer-grid .headings .heading.fixed-size {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto !important;
  -moz-flex: 0 0 auto !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
}

.pioneer .column .items-list-wrapper .items-list .column-item .cell-button.not-ok .label {
  color: #c81414;
}

.pioneer .column .items-list-wrapper .items-list .column-item .cell-button.ok .label {
  color: green;
}

.pioneer .column .items-list-wrapper .items-list .column-item .cell-button.not-ok .counter {
  background: #c81414;
}

.pioneer .column .items-list-wrapper .items-list .column-item .cell-button.ok .counter {
  background: green;
}

.pioneer.fit-to-view .content .objects-wrapper .objects {
  width: 100%;
}
.pioneer.fit-to-view .content .objects-wrapper .objects .column:last-child {
  margin-right: 0;
}
.pioneer.fit-to-view .content .objects-wrapper .objects .column .horizontal-grip {
  display: none;
}
.pioneer.fit-to-view .content .objects-wrapper .objects .column.with-fields {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.pioneer.fit-to-view .content .objects-wrapper .objects .column.with-fields .items-list-wrapper .items-list .column-item .item-menu {
  width: auto !important;
}
.pioneer.fit-to-view .content .objects-wrapper .objects .column:not(.with-fields) {
  width: 100%;
}
.pioneer.fit-to-view .content .objects-wrapper .objects .column:not(.with-fields) .items-list-wrapper .items-list .column-item .label {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.pioneer.fit-to-view .content .objects-wrapper .objects .column:not(.with-fields) .items-list-wrapper .items-list .column-item .item-menu {
  width: auto !important;
}

.pioneer .column.with-fields .items-header:not(.empty) {
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  line-height: 40px;
  padding: 0 10px 0 10px;
  margin-top: -10px;
  /*![application.primaryColor]*/
  color: #634a00;
  background-color: #e6ebee;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 1px 0px;
}
.pioneer .column.with-fields .items-header:not(.empty) .field-header[sort-direction="asc"]:before {
  font-family: boonlearning;
  content: "\4c";
  font-size: 12px;
  margin-right: 5px;
}
.pioneer .column.with-fields .items-header:not(.empty) .field-header[sort-direction="desc"]:before {
  font-family: boonlearning;
  content: "\4b";
  font-size: 12px;
  margin-right: 5px;
}
.pioneer .column.with-fields .items-header:not(.empty) .field-header {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex: 1 1 0px;
  padding: 0 10px 0 10px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-right: 1px solid #bdcad7;
}
.pioneer .column.with-fields .items-header:not(.empty) .field-header .filter {
  position: absolute;
  right: 0.25rem;
  opacity: 0;
  color: red;
  pointer-events: none;
}
.pioneer .column.with-fields .items-header:not(.empty) .field-header .filter::before {
  font-size: 1rem;
}
.pioneer .column.with-fields .items-header:not(.empty) .field-header.-filter-active .filter {
  opacity: 1;
  pointer-events: all;
}
.pioneer .column.with-fields .items-header:not(.empty) .field-header:last-of-type {
  border-right-color: transparent;
}
.pioneer .column.with-fields .items-header:not(.empty) .tool.clear-filters {
  z-index: 1;
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  color: red;
  opacity: 0;
  pointer-events: none;
}
.pioneer .column.with-fields .items-header:not(.empty) .field-header.-filter-active ~ .tool.clear-filters {
  opacity: 1;
  pointer-events: all;
}
.pioneer .column.with-fields .items-list-wrapper {
  top: 94px;
}
.pioneer .column.with-fields .items-list-wrapper .items-list .column-item {
  -webkit-transition: height 300ms;
  -moz-transition: height 300ms;
  transition: height 300ms;
}
.pioneer .column.with-fields .items-list-wrapper .items-list .column-item .item-field {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px 0 10px;
  border-right: 1px solid #bdcad7;
  pointer-events: all;
}
.pioneer .column.with-fields .items-list-wrapper .items-list .column-item .item-field .value {
  position: relative;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pioneer .column.with-fields .items-list-wrapper .items-list .column-item .item-field .value iframe {
  border: 0;
  width: 100%;
  height: 100%;
}
.pioneer .column.with-fields .items-list-wrapper .items-list .column-item .item-field .tool {
  color: currentColor;
  opacity: 0;
}
.pioneer .column.with-fields .items-list-wrapper .items-list .column-item .item-field:hover .tool {
  opacity: 1;
}
.pioneer .column.with-fields .items-list-wrapper .items-list .column-item .item-field.-filter-match .tool::before {
  content: '\f00d';
}
.pioneer .column.with-fields .items-list-wrapper .items-list .column-item .item-menu {
  width: auto;
  margin-left: 5px;
}
.pioneer .column.with-fields.no-item-menu .items-list-wrapper .items-list .column-item .item-field:nth-last-of-type(2) {
  border-right-color: transparent;
}
.pioneer .column.with-fields.fixed-icon-x1 .items-header:not(.empty) {
  padding-left: 20px;
}
.pioneer .column.with-fields.fixed-icon-x1 .items-header:not(.empty)::before {
  content: '';
  position: relative;
  width: 1rem;
  margin-right: 5px;
}
.pioneer .column.with-fields.fixed-icon-x1 .items-list-wrapper .items-list .column-item::before {
  min-width: 1rem;
  max-width: 1rem;
}
.pioneer .column.with-fields.fixed-icon-x2 .items-header:not(.empty) {
  padding-left: 20px;
}
.pioneer .column.with-fields.fixed-icon-x2 .items-header:not(.empty)::before {
  content: '';
  position: relative;
  width: 2rem;
  margin-right: 5px;
}
.pioneer .column.with-fields.fixed-icon-x2 .items-list-wrapper .items-list .column-item::before {
  min-width: 2rem;
  max-width: 2rem;
}
.pioneer .column.with-fields.fixed-icon-x3 .items-header:not(.empty) {
  padding-left: 20px;
}
.pioneer .column.with-fields.fixed-icon-x3 .items-header:not(.empty)::before {
  content: '';
  position: relative;
  width: 3rem;
  margin-right: 5px;
}
.pioneer .column.with-fields.fixed-icon-x3 .items-list-wrapper .items-list .column-item::before {
  min-width: 3rem;
  max-width: 3rem;
}
.pioneer .column.with-fields.fixed-icon-x4 .items-header:not(.empty) {
  padding-left: 20px;
}
.pioneer .column.with-fields.fixed-icon-x4 .items-header:not(.empty)::before {
  content: '';
  position: relative;
  width: 4rem;
  margin-right: 5px;
}
.pioneer .column.with-fields.fixed-icon-x4 .items-list-wrapper .items-list .column-item::before {
  min-width: 4rem;
  max-width: 4rem;
}
.pioneer .column.with-fields.fixed-icon-x5 .items-header:not(.empty) {
  padding-left: 20px;
}
.pioneer .column.with-fields.fixed-icon-x5 .items-header:not(.empty)::before {
  content: '';
  position: relative;
  width: 5rem;
  margin-right: 5px;
}
.pioneer .column.with-fields.fixed-icon-x5 .items-list-wrapper .items-list .column-item::before {
  min-width: 5rem;
  max-width: 5rem;
}
.pioneer .column.with-fields.fixed-icon-x6 .items-header:not(.empty) {
  padding-left: 20px;
}
.pioneer .column.with-fields.fixed-icon-x6 .items-header:not(.empty)::before {
  content: '';
  position: relative;
  width: 6rem;
  margin-right: 5px;
}
.pioneer .column.with-fields.fixed-icon-x6 .items-list-wrapper .items-list .column-item::before {
  min-width: 6rem;
  max-width: 6rem;
}
.pioneer .column.with-fields.fixed-icon-x7 .items-header:not(.empty) {
  padding-left: 20px;
}
.pioneer .column.with-fields.fixed-icon-x7 .items-header:not(.empty)::before {
  content: '';
  position: relative;
  width: 7rem;
  margin-right: 5px;
}
.pioneer .column.with-fields.fixed-icon-x7 .items-list-wrapper .items-list .column-item::before {
  min-width: 7rem;
  max-width: 7rem;
}
.pioneer .column.with-fields.fixed-icon-x8 .items-header:not(.empty) {
  padding-left: 20px;
}
.pioneer .column.with-fields.fixed-icon-x8 .items-header:not(.empty)::before {
  content: '';
  position: relative;
  width: 8rem;
  margin-right: 5px;
}
.pioneer .column.with-fields.fixed-icon-x8 .items-list-wrapper .items-list .column-item::before {
  min-width: 8rem;
  max-width: 8rem;
}
.pioneer .column.with-fields.fixed-icon-x9 .items-header:not(.empty) {
  padding-left: 20px;
}
.pioneer .column.with-fields.fixed-icon-x9 .items-header:not(.empty)::before {
  content: '';
  position: relative;
  width: 9rem;
  margin-right: 5px;
}
.pioneer .column.with-fields.fixed-icon-x9 .items-list-wrapper .items-list .column-item::before {
  min-width: 9rem;
  max-width: 9rem;
}
.pioneer .column.with-fields.fixed-icon-x10 .items-header:not(.empty) {
  padding-left: 20px;
}
.pioneer .column.with-fields.fixed-icon-x10 .items-header:not(.empty)::before {
  content: '';
  position: relative;
  width: 10rem;
  margin-right: 5px;
}
.pioneer .column.with-fields.fixed-icon-x10 .items-list-wrapper .items-list .column-item::before {
  min-width: 10rem;
  max-width: 10rem;
}
.pioneer .column.with-fields.fixed-item-menu-x1 .items-header:not(.empty)::after {
  content: '';
  position: relative;
  width: 1rem;
  margin-left: 5px;
}
.pioneer .column.with-fields.fixed-item-menu-x1 .items-header:not(.empty) .field-header:last-of-type {
  padding-right: 10px;
  border-right-color: #bdcad7;
}
.pioneer .column.with-fields.fixed-item-menu-x1 .items-list-wrapper .items-list .column-item .item-menu {
  display: block;
  min-width: 1rem;
  max-width: 1rem;
}
.pioneer .column.with-fields.fixed-item-menu-x1 .items-list-wrapper .items-list .column-item .item-menu .ui {
  height: 100%;
  align-items: center;
}
.pioneer .column.with-fields.fixed-item-menu-x2 .items-header:not(.empty)::after {
  content: '';
  position: relative;
  width: 2rem;
  margin-left: 5px;
}
.pioneer .column.with-fields.fixed-item-menu-x2 .items-header:not(.empty) .field-header:last-of-type {
  padding-right: 10px;
  border-right-color: #bdcad7;
}
.pioneer .column.with-fields.fixed-item-menu-x2 .items-list-wrapper .items-list .column-item .item-menu {
  display: block;
  min-width: 2rem;
  max-width: 2rem;
}
.pioneer .column.with-fields.fixed-item-menu-x2 .items-list-wrapper .items-list .column-item .item-menu .ui {
  height: 100%;
  align-items: center;
}
.pioneer .column.with-fields.fixed-item-menu-x3 .items-header:not(.empty)::after {
  content: '';
  position: relative;
  width: 3rem;
  margin-left: 5px;
}
.pioneer .column.with-fields.fixed-item-menu-x3 .items-header:not(.empty) .field-header:last-of-type {
  padding-right: 10px;
  border-right-color: #bdcad7;
}
.pioneer .column.with-fields.fixed-item-menu-x3 .items-list-wrapper .items-list .column-item .item-menu {
  display: block;
  min-width: 3rem;
  max-width: 3rem;
}
.pioneer .column.with-fields.fixed-item-menu-x3 .items-list-wrapper .items-list .column-item .item-menu .ui {
  height: 100%;
  align-items: center;
}
.pioneer .column.with-fields.fixed-item-menu-x4 .items-header:not(.empty)::after {
  content: '';
  position: relative;
  width: 4rem;
  margin-left: 5px;
}
.pioneer .column.with-fields.fixed-item-menu-x4 .items-header:not(.empty) .field-header:last-of-type {
  padding-right: 10px;
  border-right-color: #bdcad7;
}
.pioneer .column.with-fields.fixed-item-menu-x4 .items-list-wrapper .items-list .column-item .item-menu {
  display: block;
  min-width: 4rem;
  max-width: 4rem;
}
.pioneer .column.with-fields.fixed-item-menu-x4 .items-list-wrapper .items-list .column-item .item-menu .ui {
  height: 100%;
  align-items: center;
}
.pioneer .column.with-fields.fixed-item-menu-x5 .items-header:not(.empty)::after {
  content: '';
  position: relative;
  width: 5rem;
  margin-left: 5px;
}
.pioneer .column.with-fields.fixed-item-menu-x5 .items-header:not(.empty) .field-header:last-of-type {
  padding-right: 10px;
  border-right-color: #bdcad7;
}
.pioneer .column.with-fields.fixed-item-menu-x5 .items-list-wrapper .items-list .column-item .item-menu {
  display: block;
  min-width: 5rem;
  max-width: 5rem;
}
.pioneer .column.with-fields.fixed-item-menu-x5 .items-list-wrapper .items-list .column-item .item-menu .ui {
  height: 100%;
  align-items: center;
}
.pioneer .column.with-fields.fixed-item-menu-x6 .items-header:not(.empty)::after {
  content: '';
  position: relative;
  width: 6rem;
  margin-left: 5px;
}
.pioneer .column.with-fields.fixed-item-menu-x6 .items-header:not(.empty) .field-header:last-of-type {
  padding-right: 10px;
  border-right-color: #bdcad7;
}
.pioneer .column.with-fields.fixed-item-menu-x6 .items-list-wrapper .items-list .column-item .item-menu {
  display: block;
  min-width: 6rem;
  max-width: 6rem;
}
.pioneer .column.with-fields.fixed-item-menu-x6 .items-list-wrapper .items-list .column-item .item-menu .ui {
  height: 100%;
  align-items: center;
}
.pioneer .column.with-fields.fixed-item-menu-x7 .items-header:not(.empty)::after {
  content: '';
  position: relative;
  width: 7rem;
  margin-left: 5px;
}
.pioneer .column.with-fields.fixed-item-menu-x7 .items-header:not(.empty) .field-header:last-of-type {
  padding-right: 10px;
  border-right-color: #bdcad7;
}
.pioneer .column.with-fields.fixed-item-menu-x7 .items-list-wrapper .items-list .column-item .item-menu {
  display: block;
  min-width: 7rem;
  max-width: 7rem;
}
.pioneer .column.with-fields.fixed-item-menu-x7 .items-list-wrapper .items-list .column-item .item-menu .ui {
  height: 100%;
  align-items: center;
}
.pioneer .column.with-fields.fixed-item-menu-x8 .items-header:not(.empty)::after {
  content: '';
  position: relative;
  width: 8rem;
  margin-left: 5px;
}
.pioneer .column.with-fields.fixed-item-menu-x8 .items-header:not(.empty) .field-header:last-of-type {
  padding-right: 10px;
  border-right-color: #bdcad7;
}
.pioneer .column.with-fields.fixed-item-menu-x8 .items-list-wrapper .items-list .column-item .item-menu {
  display: block;
  min-width: 8rem;
  max-width: 8rem;
}
.pioneer .column.with-fields.fixed-item-menu-x8 .items-list-wrapper .items-list .column-item .item-menu .ui {
  height: 100%;
  align-items: center;
}
.pioneer .column.with-fields.fixed-item-menu-x9 .items-header:not(.empty)::after {
  content: '';
  position: relative;
  width: 9rem;
  margin-left: 5px;
}
.pioneer .column.with-fields.fixed-item-menu-x9 .items-header:not(.empty) .field-header:last-of-type {
  padding-right: 10px;
  border-right-color: #bdcad7;
}
.pioneer .column.with-fields.fixed-item-menu-x9 .items-list-wrapper .items-list .column-item .item-menu {
  display: block;
  min-width: 9rem;
  max-width: 9rem;
}
.pioneer .column.with-fields.fixed-item-menu-x9 .items-list-wrapper .items-list .column-item .item-menu .ui {
  height: 100%;
  align-items: center;
}
.pioneer .column.with-fields.fixed-item-menu-x10 .items-header:not(.empty)::after {
  content: '';
  position: relative;
  width: 10rem;
  margin-left: 5px;
}
.pioneer .column.with-fields.fixed-item-menu-x10 .items-header:not(.empty) .field-header:last-of-type {
  padding-right: 10px;
  border-right-color: #bdcad7;
}
.pioneer .column.with-fields.fixed-item-menu-x10 .items-list-wrapper .items-list .column-item .item-menu {
  display: block;
  min-width: 10rem;
  max-width: 10rem;
}
.pioneer .column.with-fields.fixed-item-menu-x10 .items-list-wrapper .items-list .column-item .item-menu .ui {
  height: 100%;
  align-items: center;
}
.pioneer .column.report .column-item {
  padding: 0 10px 0 10px !important;
}
.pioneer .column.report .column-item .item-menu {
  display: none;
}
.pioneer .column.report .footer {
  padding-top: 0 !important;
}
.pioneer .column.report .footer .items-list-wrapper {
  position: relative;
  height: 41px;
  top: auto;
  bottom: auto;
}
.pioneer .column.report .footer .items-list-wrapper .column-item .item-menu .ui {
  visibility: hidden;
}

.pioneer-settings-editor.pioneer-field {
  border-radius: 0;
  min-width: 250px;
  -webkit-transition: top 300ms;
  -moz-transition: top 300ms;
  transition: top 300ms;
}
.pioneer-settings-editor.pioneer-field .propertyHolder {
  padding: 10px;
}
.pioneer-settings-editor.pioneer-field .propertyHolder .propertyEditorHolder .propertyEditorHolder .mce-edit-area iframe {
  height: 200px !important;
}

.pioneer.one-column-page .content .objects-wrapper .objects {
  width: calc(100% - 60px);
  padding: 30px 0;
  margin: 0 30px;
  overflow: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
}
.pioneer.one-column-page .column {
  width: 100%;
  flex-basis: 100%;
  scroll-snap-align: start;
}
.pioneer.one-column-page .column .horizontal-grip {
  display: none !important;
}
.pioneer.one-column-page.immediate-scroll .content .objects-wrapper .objects {
  scroll-behavior: auto;
}

.pioneer .column.tiled-view .column-group {
  display: flex;
  flex-wrap: wrap;
}
.pioneer .column.tiled-view .items-list-wrapper .items-list .column-item {
  flex-direction: column;
  justify-content: flex-end;
  width: 11rem;
  height: 13rem;
  padding-left: 10px;
  margin: .5rem;
  box-sizing: border-box;
  border: 1px solid #bdcad7;
}
.pioneer .column.tiled-view .items-list-wrapper .items-list .column-item::before {
  display: none;
}
.pioneer .column.tiled-view .items-list-wrapper .items-list .column-item .move-grabber {
  display: none;
}
.pioneer .column.tiled-view .items-list-wrapper .items-list .column-item .label {
  flex: 0 0 auto !important;
  text-align: center;
}
.pioneer .column.tiled-view .items-list-wrapper .items-list .column-item .item-menu .ui {
  justify-content: center;
}
.pioneer .column.tiled-view .tile-icon {
  position: relative;
  flex: 1 1 auto;
  margin-top: 0.5rem;
}
.pioneer .column.tiled-view .tile-icon-background {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, whitesmoke 0%, #bbbbbb 100%);
}
.pioneer .column.tiled-view .tile-icon-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transform: scale(0.9);
}
.pioneer .column.tiled-view .tile-icon[class*='-default-'] .tile-icon-background {
  display: none;
}
.pioneer .column.tiled-view .tile-icon[class*='-default-'] {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transform: scale(0.4);
}
.pioneer .column.tiled-view .tile-icon.-default-customer-set {
  background-image: url(../../../web/shared/assets/svg/customer-set-default-icon.svg);
}
.pioneer .column.tiled-view .tile-icon.-default-locale {
  background-image: url(../../../web/shared/assets/svg/locale-default-icon.svg);
}

.pioneer .column .header .widget {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.pioneer .column .header .widget:not(:first-of-type) {
  margin-left: 5px;
}
.pioneer .column .header .widget:not(:last-of-type) {
  margin-right: 5px;
}
.pioneer .column .header .widget.xmi-list {
  z-index: 1;
  position: relative;
}
.pioneer .column .header .widget.xmi-list .widget-header {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  /*![application.primaryColor]*/
  color: black;
}
.pioneer .column .header .widget.xmi-list .widget-header .widget-name {
  height: 30px;
  cursor: pointer;
}
.pioneer .column .header .widget.xmi-list .widget-header .label-icon-filter {
  cursor: pointer;
  margin-left: 5px;
}
.pioneer .column .header .widget.xmi-list .widget-header .label-icon-filter.active {
  color: #ff5d5a;
}
.pioneer .column .header .widget.xmi-list .container {
  position: absolute;
  left: 0px;
  top: 30px;
  background-color: #e6ebee;
  max-height: 240px;
  width: 520px;
  overflow: hidden;
  /*![application.primaryColor]*/
  color: black;
  -webkit-transition: max-height 300ms;
  -moz-transition: max-height 300ms;
  transition: max-height 300ms;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.pioneer .column .header .widget.xmi-list .container .header {
  min-height: 30px;
}
.pioneer .column .header .widget.xmi-list .container .items {
  padding: 10px;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow-y: auto;
}
.pioneer .column .header .widget.xmi-list .container .items .xmi-object-select {
  min-width: 160px;
  max-width: 100%;
  cursor: pointer;
}
.pioneer .column .header .widget.xmi-list .container .items .xmi-object-select input {
  pointer-events: none;
}
.pioneer .column .header .widget.xmi-list .container .items .xmi-object-select label {
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.pioneer .column .header .widget.xmi-list.closed .container {
  max-height: 0;
}

.pioneer-pagination {
  text-align: center;
}
.pioneer-pagination .indicators {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: end;
  -moz-box-align: end;
  box-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-align: end;
  font-size: 1em;
  /*![application.primaryColor]*/
  color: #634a00;
}
.pioneer-pagination .indicators .indicator {
  margin: 5px;
  cursor: pointer;
}
.pioneer-pagination .indicators .indicator.current {
  font-weight: bold;
  font-size: 1.1em;
  pointer-events: none;
}

.tooltip {
  z-index: 999;
  position: absolute;
  margin-top: 0px;
  margin-left: -10px;
  max-height: 100vh;
  overflow: hidden;
  opacity: 0;
  color: darkgray;
  pointer-events: none;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  transition: opacity 300ms;
}
.tooltip::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1px;
  box-sizing: border-box;
  background-color: white;
  border-radius: 10px;
  border: 1px solid #bdcad7;
  pointer-events: all;
}
.tooltip.show {
  max-height: 500px !important;
  opacity: 1;
}
.tooltip.editable {
  cursor: pointer;
  color: black;
}
.tooltip .value {
  position: relative;
  margin: 10px;
}
.tooltip .value iframe {
  border: 0;
  width: 100%;
  height: 100%;
  min-height: 33vh;
}

.alert-box-wrapper {
  z-index: 99999;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.alert-box-wrapper input {
  width: 100%;
  border: 1px solid #bbbbbb;
  color: #634a00;
  font-size: 16px;
  padding: 5px;
  box-sizing: border-box;
  box-shadow: none;
}
.alert-box-wrapper .alert-box-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  /*![application.primaryColor]*/
  background-color: #634a00;
  opacity: 0.41;
  top: 0px;
  left: 0px;
}
.alert-box-wrapper .alert-box {
  max-height: 90%;
  max-width: 90%;
  background-color: #ffffff;
  border-radius: 30px;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
  position: relative;
}
.alert-box-wrapper .alert-box .close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  font-size: 30px;
  color: #ffffff;
}
.alert-box-wrapper .alert-box .alert-content {
  position: relative;
  min-width: 250px;
  font-family: ubuntu-bold;
}
.alert-box-wrapper .alert-box .alert-content .title {
  /*![application.primaryColor]*/
  background-color: #fdb71a;
  color: #ffffff;
  text-align: center;
  font-family: ubuntu;
  font-size: 22px;
  margin-bottom: 10px;
  padding-top: 12px;
  padding-bottom: 12px;
  letter-spacing: 0.3px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  padding-left: 50px;
  padding-right: 50px;
}
.alert-box-wrapper .alert-box .alert-content .text {
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px;
  /*![application.primaryColor]*/
  color: #634a00;
  margin-bottom: 10px;
  line-height: 25px;
  overflow: auto;
}
.alert-box-wrapper .alert-box .alert-content .button-bar {
  /*![application.primaryColor]*/
  border-top-color: #634a00;
  border-top: 2px solid;
  text-align: center;
}
.alert-box-wrapper .alert-box .alert-content .button-bar .button {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 22px !important;
}
.alert-box-wrapper .alert-box .alert-content .button-bar .button {
  font-family: ubuntu-bold;
  padding: 3px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  color: #ffffff;
  min-width: 60px;
  font-size: 16px;
  text-align: center;
  background-color: #fdb71a;
  cursor: pointer;
}
.alert-box-wrapper .alert-box .alert-content .button-bar .button.selected {
  border: 1px dashed #ffffff;
}
.alert-box-wrapper .alert-box .alert-content .button-bar .button:hover, .alert-box-wrapper .alert-box .alert-content .button-bar .button:focus {
  opacity: 0.8;
  outline: none;
}
.alert-box-wrapper .alert-box .alert-content .button-bar .button.disabled:hover {
  opacity: 0.4;
}
.alert-box-wrapper .alert-box .alert-content .button-bar .button.disabled {
  opacity: 0.4;
  cursor: default;
}
.alert-box-wrapper .alert-box .alert-content .text-area {
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px;
}
.alert-box-wrapper .alert-box .alert-content .text-area textarea {
  padding: 20px;
  width: 450px;
  height: 100px;
  color: black;
  font-family: "ubuntu";
  font-size: 16px;
  resize: none;
  box-sizing: border-box;
}
.alert-box-wrapper .alert-box .alert-content .check-question {
  padding: 14px;
  padding-top: 0;
}
.alert-box-wrapper .alert-box .alert-content .check-question input {
  width: auto;
}
.alert-box-wrapper .alert-box .alert-content .check-question label {
  /*![application.primaryColor]*/
  color: #634a00;
}
.alert-box-wrapper .alert-box.-announcement {
  width: 80vw;
  height: 80vh;
  max-width: 800px;
  max-height: 600px;
}
.alert-box-wrapper .alert-box.-announcement .alert-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.alert-box-wrapper .alert-box.-announcement .alert-content .title, .alert-box-wrapper .alert-box.-announcement .alert-content .button-bar {
  flex: 0 0 auto;
}
.alert-box-wrapper .alert-box.-announcement .alert-content .text {
  flex: 1 1 auto;
  line-height: 1.5;
  overflow: auto;
}
.alert-box-wrapper .alert-box.-announcement.-optional .close-button {
  display: none;
}

p:only-child {
  display: inline-block;
}

.disabled {
  opacity: 0.5 !important;
  pointer-events: none !important;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}

.cms-resell .column .association-courses, .cms-resell .column .association-systemlocales, .cms-resell .column .association-systemterms, .cms-resell .column .association-systemsofttracks {
  display: none !important;
}
.cms-resell .column:nth-child(2) .column-item .item-menu .delete {
  display: none;
}

.text-toggle {
  margin-left: 5px;
}
.text-toggle .toggle-button {
  font-family: ubuntu-bold;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid white;
  border-radius: 10px;
  color: white;
  min-width: 60px;
  height: 20px;
  font-size: 13px;
  text-align: center;
  /*![application.primaryColor]*/
  background-color: #634a00;
  position: relative;
  cursor: pointer;
}
.text-toggle .toggle-button .text-selected {
  opacity: 1;
}
.text-toggle .toggle-button .text-all {
  opacity: 0;
}
.text-toggle .toggle-button .toggle-text {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  top: 0;
  line-height: 18px;
}
.text-toggle .toggle-button.selected .text-selected {
  opacity: 0;
}
.text-toggle .toggle-button.selected .text-all {
  opacity: 1;
}

.clickable {
  cursor: pointer;
}

.no-click {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  cursor: progress;
  z-index: 9999999999999;
}

select {
  max-width: 100%;
  border: 1px #5172a3 solid;
  color: #313131;
  font-size: 14px;
  background: white;
  padding: 2px;
  border-radius: 5px;
}

body.busy {
  cursor: progress !important;
}
body.busy div {
  pointer-events: none;
}

body.has-parent-application .object\.system .header .logo {
  cursor: pointer;
}

.object\.system {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.object\.system > .header {
  min-height: 64px;
  height: 64px;
}
.object\.system > .header .button {
  font-family: ubuntu-bold;
  padding: 3px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid white;
  border-radius: 10px;
  color: white;
  min-width: 60px;
  font-size: 16px;
  text-align: center;
  background-color: #634a00;
  cursor: pointer;
}
.object\.system > .header .button.selected {
  border: 1px dashed white;
}
.object\.system > .header .button:hover, .object\.system > .header .button:focus {
  opacity: 0.8;
  outline: none;
}
.object\.system > .header .button.disabled:hover {
  opacity: 0.4;
}
.object\.system > .header .button.disabled {
  opacity: 0.4;
  cursor: default;
}
.object\.system > .header .button {
  height: 20px;
  padding: 10px;
  margin-top: 10px;
}
.object\.system > .header .button {
  /*![application.primaryColor]*/
  background-color: #634a00;
}
.object\.system > .header {
  z-index: 9;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  background-color: white;
}
.object\.system > .header .user_customer {
  margin-left: 100px;
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 22px;
  top: 5px;
  left: 0;
  /*![application.primaryColor]*/
  color: #634a00;
}
.object\.system > .header .logo {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-basis: 205px;
  -moz-flex-basis: 205px;
  flex-basis: 205px;
  -ms-flex-preferred-size: 205px;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  box-sizing: border-box;
  /*![application.secondaryColor]*/
  background-color: #fdb71a;
}
.object\.system > .header .logo > * {
  display: none;
}
.object\.system > .header .logo::before {
  display: block;
  content: '';
  height: 100%;
  width: 40px;
  margin-left: 2px;
  background-size: 258px 52px;
  /*![url(application.image1)]*/
  background-image: url(../../../web/shared/assets/svg/header-logo.svg);
  background-position: 0 center;
  background-repeat: no-repeat;
  transform-origin: right center;
  transform: scale(0.85);
}
.object\.system > .header .logo::after {
  display: block;
  content: "Create";
  color: white;
  font-size: 39px;
  margin-top: 2px;
  margin-left: 5px;
  transform-origin: left center;
  transform: scale(0.85);
}
.object\.system > .header .pioneer-header-buttons {
  font-size: 32px;
  position: absolute;
  right: 15px;
  top: 18px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.object\.system > .header .pioneer-header-buttons > div {
  margin-left: 10px;
  /*![application.primaryColor]*/
  color: #634a00;
  cursor: pointer;
}
.object\.system > .header .pioneer-header-buttons > .application-locale {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  top: -1px;
  right: auto;
  margin-top: 2px;
  margin-bottom: 11px;
}
.object\.system > .header .pioneer-header-buttons > .application-locale .selectable-list {
  /*![application.primaryColor]*/
  border-color: #634a00;
  border: 3px solid;
}
.object\.system > .header .pioneer-header-buttons .icon-sign-out {
  margin-left: 8px;
}

body #body > .icon-sign-out {
  display: none;
}

body.has-valid-session.no-application-available #body > .icon-sign-out {
  display: block;
  position: absolute;
  right: 15px;
  top: 18px;
  /*![application.primaryColor]*/
  color: #634a00;
  cursor: pointer;
}

.object\.system .selectable-list,
.pioneer-settings-editor .selectable-list,
.nl\.boon\.cms\.pioneer\.PioneerItemSettingsView .selectable-list {
  /*![application.primaryColor]*/
  border-color: #634a00;
}
.object\.system .selectable-list .selectable-list-item.selected,
.pioneer-settings-editor .selectable-list .selectable-list-item.selected,
.nl\.boon\.cms\.pioneer\.PioneerItemSettingsView .selectable-list .selectable-list-item.selected {
  /*![application.primaryColor]*/
  background-color: #634a00;
}

.object\.system .system-name,
.nl\.boon\.cms\.pioneer\.PioneerItemSettingsView .system-name,
.pioneer-settings-editor .system-name {
  position: absolute;
  text-align: center;
  width: calc(100% - 205px);
  top: 5px;
  margin-left: 205px;
  font-size: 22px;
  font-family: ubuntu;
  /*![application.primaryColor]*/
  color: #634a00;
}
.object\.system .tab-navigation,
.nl\.boon\.cms\.pioneer\.PioneerItemSettingsView .tab-navigation,
.pioneer-settings-editor .tab-navigation {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  font-family: ubuntu;
  position: relative;
  margin-top: 30px;
  margin-left: 20px;
}
.object\.system .tab-navigation .tab,
.nl\.boon\.cms\.pioneer\.PioneerItemSettingsView .tab-navigation .tab,
.pioneer-settings-editor .tab-navigation .tab {
  position: relative;
  padding: 10px;
  /*![application.primaryColor]*/
  color: #634a00;
  cursor: pointer;
}
.object\.system .tab-navigation .tab.selected,
.nl\.boon\.cms\.pioneer\.PioneerItemSettingsView .tab-navigation .tab.selected,
.pioneer-settings-editor .tab-navigation .tab.selected {
  background-color: #e6ebee;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.page-manager .pioneer-settings-editor .propertyHolder {
  height: 100%;
}

.pioneer.user-management .pioneer-settings-editor {
  border-radius: 0;
  width: auto;
  padding-top: 30px;
  background-color: transparent;
}
.pioneer.user-management .pioneer-settings-editor .propertyHolder {
  padding: 0;
}
.pioneer.user-management .pioneer-settings-editor .property\.string\.permission\.name {
  display: none;
}
.pioneer.user-management.xmi-class-sharing .column .items-list-wrapper {
  top: 80px !important;
}
.pioneer.user-management.xmi-class-sharing .column .items-list-wrapper .items-list .column-item .label {
  text-align: center;
}
.pioneer.user-management.content-scheme .propertyHolderContent {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
}
.pioneer.user-management.content-scheme .propertyHolderContent .content-scheme-text {
  margin-bottom: 10px;
}
.pioneer.user-management.content-scheme .propertyHolderContent .column {
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  flex-grow: 2;
  -ms-flex-positive: 2;
}
.pioneer.user-management.content-scheme .propertyHolderContent .column .items-list-wrapper {
  top: 80px !important;
}
.pioneer.user-management.content-scheme .propertyHolderContent .column .items-list-wrapper .items-list .column-item .label {
  text-align: center;
}
.pioneer.user-management .objects {
  width: 100% !important;
}
.pioneer.user-management .objects .column .items-list-wrapper {
  top: 80px !important;
}
.pioneer.user-management .objects .column .items-list-wrapper .items-list .column-item .label {
  text-align: center;
}
.pioneer.user-management .shareMultipleButton input {
  pointer-events: none;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 0;
}

.pioneer {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  position: relative;
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  flex-grow: 2;
  -ms-flex-positive: 2;
  left: 0;
  width: 100%;
  height: 100%;
  font-family: ubuntu;
  background-color: #ffffff;
}
.pioneer .iScrollHorizontalScrollbar {
  z-index: 999 !important;
  height: 12px !important;
  bottom: 2px !important;
}
.pioneer .iScrollVerticalScrollbar {
  z-index: 999 !important;
  width: 10px !important;
}
.pioneer .iScrollIndicator {
  background: rgba(207, 211, 215, 0.9);
}
.pioneer > .header {
  display: none;
}
.pioneer .search {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 15px;
  box-sizing: border-box;
}
.pioneer .search .input-wrapper {
  position: absolute;
  width: 70%;
  left: 205px;
  right: 0;
  margin: auto;
}
.pioneer .search .input-wrapper::before {
  position: absolute;
  margin-top: 5px;
  margin-left: 15px;
}
.pioneer .search .input-wrapper .input {
  width: 100%;
  height: 40px;
  float: right;
  font-size: 22px;
  font-weight: bold;
  color: #354555;
  padding: 10px 10px 10px 50px;
  box-sizing: border-box;
  border: 1px solid #6b86a4;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  background-color: #eef5fb;
}
.pioneer .search .input.default {
  font-weight: normal;
  color: #bdcad7;
}
.pioneer.pioneer-report .content .side-panel {
  padding-top: 35px;
}
.pioneer:not(.pioneer-report) .content .side-panel .item {
  display: none;
}
.pioneer .content {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1;
  -moz-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  height: 100%;
}
.pioneer .content .side-panel {
  position: relative;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 205px;
  height: 100%;
  line-height: 40px;
  padding-right: 15px;
  box-sizing: border-box;
  /*![application.primaryColor]*/
  background-color: #826200;
  background-image: url(../../../web/shared/assets/svg/bg-doodle.svg);
  background-size: 500px;
  background-position: center;
  overflow: auto;
}
.pioneer .content .side-panel .item,
.pioneer .content .side-panel .label {
  width: 100%;
  height: 40px;
  padding-left: 10px;
  box-sizing: border-box;
  /*![application.secondaryColor]*/
  border-bottom-color: #fdb71a;
  border-bottom: 1px solid;
}
.pioneer .content .side-panel .item {
  color: #ffffff;
  cursor: pointer;
}
.pioneer .content .side-panel .item .item-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pioneer .content .side-panel .item:first-of-type {
  /*![application.secondaryColor]*/
  border-top-color: #fdb71a;
  border-top: 1px solid;
}
.pioneer .content .side-panel .item.selected {
  color: #f4c14e;
  font-weight: bold;
  pointer-events: none;
}
.pioneer .content .side-panel .label {
  color: #ffffff;
  font-style: italic;
  cursor: default;
}
.pioneer .content .side-panel .locale-items select {
  width: calc(100% - 20px);
  margin-left: 10px;
}
.pioneer .content .side-panel .switch-cms-style {
  position: absolute;
  top: calc(100vh - 300px);
  width: calc(100% - 20px);
  margin-left: 10px;
  padding: 0.5rem;
  box-sizing: border-box;
  text-align: center;
  line-height: 1.5;
  border-radius: 5px;
  color: white;
  background-color: #c48c0d;
  cursor: pointer;
  transition: color .3s, background-color .3s;
}
.pioneer .content .side-panel .switch-cms-style:hover {
  color: #c48c0d;
  background-color: white;
}
.pioneer .content .dragging-dummy {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 40px;
  line-height: 40px;
  /*![application.primaryColor]*/
  color: #634a00;
  border-bottom: 1px solid #cfd3d7;
  cursor: pointer;
  padding: 0 10px 0 20px;
  -webkit-transition: background-color 300ms;
  -moz-transition: background-color 300ms;
  transition: background-color 300ms;
  cursor: url("data:image/vnd.microsoft.icon;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAAH/AAAB/wAAA/0AAANsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//+AB///wAf//4AH//+AD///yT/////////////////////////////8="), all-scroll;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
  width: 180px;
  border: 1px solid;
  border-radius: 15px;
  background-color: rgba(255, 255, 255, 0.8) !important;
  box-shadow: 0 0 10px rgba(37, 88, 138, 0.5);
}
.pioneer .content .dragging-dummy .preview {
  position: absolute;
  top: 9px;
  left: 19px;
  width: 22px;
  height: 22px;
  border-radius: 3px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 75% 75%;
}
.pioneer .content .dragging-dummy .preview.-empty {
  display: none;
}
.pioneer .content .dragging-dummy .move-grabber {
  cursor: url("data:image/vnd.microsoft.icon;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAA//AAAd/wAAGf+AAAH9gAADbYAAA2yAAAZsAAAGbAAAAGAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//4AB//8AAf//AAD//5AA///gAP//4AD//8AF///AB///5A////5///8="), all-scroll;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
  display: block;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 4px;
  -webkit-transition: visibility 0ms, opacity 300ms;
  -moz-transition: visibility 0ms, opacity 300ms;
  transition: visibility 0ms, opacity 300ms;
}
.pioneer .content .dragging-dummy .move-grabber::before {
  font-size: 13px !important;
}
.pioneer .content .dragging-dummy .label {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 0px;
  -moz-flex: 1 1 0px;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  font-family: ubuntu;
  font-size: 16px;
  /*![application.primaryColor]*/
  color: #634a00;
  border-width: 0;
  outline: none;
  background-color: transparent;
  pointer-events: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pioneer .content .dragging-dummy .label.-unset {
  opacity: .5;
  font-style: italic;
}
.pioneer .content .dragging-dummy .label[editable=true] {
  border-width: 1px;
  background-color: #ffffff;
  cursor: text;
}
.pioneer .content .dragging-dummy .item-menu {
  position: relative;
  visibility: hidden;
  width: 0;
  opacity: 0;
  -webkit-transition: visibility 0ms, opacity 300ms;
  -moz-transition: visibility 0ms, opacity 300ms;
  transition: visibility 0ms, opacity 300ms;
}
.pioneer .content .dragging-dummy .item-menu .ui {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
}
.pioneer .content .dragging-dummy .item-menu .ui .item {
  height: 100%;
}
.pioneer .content .dragging-dummy .item-menu .ui .item.fa {
  display: flex;
  align-items: center;
  color: currentColor;
  font-size: 20px;
  transition: none;
}
.pioneer .content .dragging-dummy .item-menu .play2 {
  opacity: 0.4;
}
.pioneer .content .dragging-dummy:hover:not(.editing) .item-menu,
.pioneer .content .dragging-dummy:hover:not(.editing) .move-grabber {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 300ms, opacity 300ms;
  -moz-transition: visibility 300ms, opacity 300ms;
  transition: visibility 300ms, opacity 300ms;
}
.pioneer .content .dragging-dummy:hover:not(.editing) .item-menu {
  width: auto;
}
.pioneer .content .dragging-dummy:hover {
  background-color: #fff4dc;
}
.pioneer .content .dragging-dummy.selected, .pioneer .content .dragging-dummy.editing {
  background-color: #fbdfa5;
}
.pioneer .content .dragging-dummy.editing {
  pointer-events: none;
}
.pioneer .content .dragging-dummy.editing .label {
  pointer-events: all;
}
.pioneer .content .dragging-dummy .item-menu {
  display: none !important;
}
.pioneer .content .dragging-dummy * {
  pointer-events: none;
}
.pioneer .content .copy-options {
  width: 400px;
  flex-grow: 0;
  flex-shrink: 0;
  background-color: #e6ebee;
  z-index: 0;
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 25px;
  box-sizing: border-box;
}
.pioneer .content .copy-options section {
  padding: 10px;
  border-radius: 7px;
  background-color: #fcb71b40;
}
.pioneer .content .copy-options section .label {
  padding-bottom: 7px;
}
.pioneer .content .copy-options section select {
  width: 100%;
}
.pioneer .content .copy-options section .checkbox {
  flex-basis: 50px;
}
.pioneer .content .copy-options section .textinput {
  width: calc(100% - 7px);
  border-radius: 5px;
  border: 1px solid grey;
}
.pioneer .content .copy-options__warning {
  display: none;
  color: #b73526;
}
.pioneer .content .copy-options__warning.active {
  display: block;
}
.pioneer .content .copy-options__tests {
  display: flex;
  gap: 10px;
}
.pioneer .content .copy-options.deactive {
  display: none;
}
.pioneer .content .tasks-preview {
  flex-grow: 1;
  flex-shrink: 0;
  background-color: #e6ebee;
  z-index: 1000;
  display: none;
  flex-direction: column;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  height: calc( 100% - 10px );
}
.pioneer .content .tasks-preview.active {
  display: flex;
}
.pioneer .content .tasks-preview__headings {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 40px;
}
.pioneer .content .tasks-preview__label {
  padding: 20px;
}
.pioneer .content .tasks-preview__items-list-wrapper {
  flex: 1;
  top: 80px !important;
}
.pioneer .content .tasks-preview__items-list-wrapper .items-list {
  top: 0;
  bottom: 0;
  overflow-y: scroll;
  height: 100%;
}
.pioneer .content .tasks-preview__column-item {
  align-items: center;
}
.pioneer .content .tasks-preview__column-item.done {
  background-color: #85a96c;
}
.pioneer .content .tasks-preview__column-item.task__copy-test {
  flex-direction: column;
  height: auto !important;
  align-items: flex-start;
}
.pioneer .content .tasks-preview__column-item.task__copy-test .content {
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.pioneer .content .tasks-preview__column-item.task__copy-test .content[class*="fa-"]:before {
  padding-left: 15px;
}
.pioneer .content .tasks-preview__column-item.task__copy-test .content .label {
  padding-left: 15px;
}
.pioneer .content .tasks-preview__column-item.task__copy-category[class*="fa-"]:before {
  padding-left: 10px;
}
.pioneer .content .tasks-preview__column-item.task__copy-category .label {
  padding-left: 10px;
}
.pioneer .content .tasks-preview__column-item.task__copy-category input {
  visibility: hidden;
}
.pioneer .content .tasks-preview__column-item.task__copy-course .label {
  padding-left: 10px;
}
.pioneer .content .tasks-preview__column-item input {
  pointer-events: all !important;
}
.pioneer .content .tasks-preview--children {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.pioneer .content .tasks-preview__preview-result {
  height: 40px;
  display: none;
}
.pioneer .content .tasks-preview__preview-result.active {
  display: flex;
}
.pioneer .content .tasks-preview--into {
  font-style: italic;
  font-weight: 500;
}
.pioneer .content .share {
  flex-grow: 1;
  flex-shrink: 0;
  background-color: #e6ebee;
  z-index: 1000;
  display: none;
  flex-direction: column;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  flex-basis: 60%;
  height: calc( 100% - 10px );
}
.pioneer .content .share > .label {
  padding: 20px;
}
.pioneer .content .share.active {
  display: flex;
}
.pioneer .content .share .share-user-column {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-direction: column;
}
.pioneer .content .share .share-user-column .propertyHolderContentWrapper {
  width: 100%;
}
.pioneer .content .share .share-user-column .propertyHolderContentWrapper .propertyHolderContent {
  height: calc(100% - 10px);
}
.pioneer .content .share .share-user-column .propertyHolderContentWrapper .propertyHolderContent .column {
  width: 100%;
}
.pioneer .content .share .propertyHolderContent {
  box-sizing: border-box;
  position: relative;
  padding: 20px;
  height: calc(100% - 100px);
}
.pioneer .content .share .propertyHolderContent .propertyHolderContentWrapper {
  position: relative;
  height: calc(100% - 12px);
  box-sizing: border-box;
  padding: 20px 10px 20px 20px;
  background-color: #e6ebee;
}
.pioneer .content .share--result {
  display: none;
}
.pioneer .content .share--result.active {
  display: flex;
}
.pioneer .content .add-remove-assoc [prop*="shareMultipleButton"] {
  right: 38px;
}
.pioneer .content .objects-wrapper {
  position: relative;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  overflow: auto;
  background-color: #e6ebee;
  margin-bottom: 10px;
}
.pioneer .content .objects-wrapper .drop-target {
  box-shadow: 0 0 5px rgba(37, 88, 138, 0.5) inset;
}
.pioneer .content .objects-wrapper .drop-forbid {
  opacity: 0.3;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  transition: opacity 300ms;
}
.pioneer .content .objects-wrapper .objects {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  height: 100%;
  padding: 30px;
  box-sizing: border-box;
}
.pioneer .content .objects-wrapper.deactive {
  display: none;
}
.pioneer:not(.popup):not(.-no-side-panel) > .content::after {
  position: absolute;
  content: '';
  bottom: -30px;
  left: 0;
  width: 200px;
  height: 200px;
  background-image: url(../../../web/shared/assets/svg/create-deco.svg);
  background-repeat: no-repeat;
}

.pioneer .column {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 300px;
  -moz-flex: 0 0 300px;
  -ms-flex: 0 0 300px;
  flex: 0 0 300px;
  position: relative;
  min-width: 300px;
  height: 100%;
  float: left;
  margin-right: 20px;
  padding: 10px 0;
  box-sizing: border-box;
  background-color: #ffffff;
}
.pioneer .column [class^="label-icon-"]:before,
.pioneer .column [class*=" label-icon-"]:before,
.pioneer .column [class*="fa-"]:after,
.pioneer .column [class*="fa-"]:before {
  font-size: 20px;
  margin-right: 5px;
}
.pioneer .column > .header .tb-right [class*="fa-"]:before {
  margin: 0;
}
.pioneer .column [class*="fa-"]:before {
  font-family: 'Font Awesome 6 Pro';
}
.pioneer .column [class*="fa-duotone"]:before {
  font-family: 'Font Awesome 6 Duotone';
}
.pioneer .column [class*="fa-sharp"]:before {
  font-family: 'Font Awesome 6 Sharp';
}
.pioneer .content .dragging-dummy[class*="fa-"]:before {
  font-family: 'Font Awesome 6 Pro';
  font-size: 20px;
  margin-right: 5px;
}
.pioneer .content .dragging-dummy[class*="fa-duotone"]:before {
  font-family: 'Font Awesome 6 Duotone';
}
.pioneer .content .dragging-dummy[class*="fa-sharp"]:before {
  font-family: 'Font Awesome 6 Sharp';
}
.pioneer .content .dragging-dummy .preview {
  top: 4px;
  left: 20px;
  width: 32px;
  height: 32px;
}
.pioneer .column .header {
  z-index: 2;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 40px;
  line-height: 30px;
  margin-bottom: 10px;
  padding: 0 10px;
  box-sizing: border-box;
  border-bottom: 1px solid #bdcad7;
}
.pioneer .column .header .name {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 10px;
  font-weight: bold;
  color: #f4c14e;
}
.pioneer .column .header .name:empty {
  display: none;
}
.pioneer .column .header .filter {
  display: flex;
  align-items: center;
  position: relative;
  flex: 1 1 auto;
  height: 30px;
  width: calc(100% - 50px);
  color: #354555;
}
.pioneer .column .header .filter__input {
  width: 100%;
  height: 100%;
  padding: 5px 25px 5px 5px;
  font-size: 17px;
  box-sizing: border-box;
  color: currentColor;
  border: 1px solid #bdcad7;
}
.pioneer .column .header .filter__clear {
  position: absolute;
  right: 0;
  color: #634a00;
  opacity: 0;
  pointer-events: none;
}
.pioneer .column .header .filter__input.-has-value {
  border-color: #634a007f;
}
.pioneer .column .header .filter__input.-has-value + .filter__clear {
  opacity: .5;
  pointer-events: all;
}
.pioneer .column .header .filter.default {
  color: #bdcad7;
}
.pioneer .column .header .filter:focus {
  outline: none;
}
.pioneer .column .header .button {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  font-size: 17px;
  font-weight: bold;
  /*![application.primaryColor]*/
  color: #634a00;
  cursor: pointer;
  position: relative;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 32px;
  -moz-flex: 0 0 32px;
  -ms-flex: 0 0 32px;
  flex: 0 0 32px;
  float: right;
  width: 32px;
  height: 32px;
  margin-left: 5px;
  line-height: 32px;
  text-align: center;
}
.pioneer .column .header .button .icon {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.pioneer .column .header .button .icon::before {
  margin-right: 0;
}
.pioneer .column .header .button.new {
  display: none;
}
.pioneer .column .header .button.new, .pioneer .column .header .button.import-template, .pioneer .column .header .button.send-all-welcome-emails {
  float: right;
}
.pioneer .column .header .button.new a, .pioneer .column .header .button.import-template a, .pioneer .column .header .button.send-all-welcome-emails a {
  color: inherit;
  text-decoration: none;
}
.pioneer .column .header .button.new .label-icon-plus::before, .pioneer .column .header .button.import-template .label-icon-plus::before, .pioneer .column .header .button.send-all-welcome-emails .label-icon-plus::before {
  margin-left: 10px;
  margin-right: 0;
}
.pioneer .column .header .button.new .label-icon-page-export, .pioneer .column .header .button.import-template .label-icon-page-export, .pioneer .column .header .button.send-all-welcome-emails .label-icon-page-export {
  margin-left: 10px;
  margin-right: 0;
}
.pioneer .column .header .button.new .label-icon-email-envelope, .pioneer .column .header .button.import-template .label-icon-email-envelope, .pioneer .column .header .button.send-all-welcome-emails .label-icon-email-envelope {
  margin-left: 10px;
  margin-right: 0;
}
.pioneer .column .header .button.pick {
  font-size: 18px;
  line-height: 36px;
  display: block;
}
.pioneer .column .header .button.toggled {
  pointer-events: none;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}
.pioneer .column .header .tb-right {
  margin-left: auto;
  display: flex;
}
.pioneer .column .header .tb-right .button.new,
.pioneer .column .header .tb-right .button.refresh,
.pioneer .column .header .tb-right .button.share {
  display: none;
  float: right;
}
.pioneer .column .header .tb-right .button.new > span::before,
.pioneer .column .header .tb-right .button.refresh > span::before,
.pioneer .column .header .tb-right .button.share > span::before {
  margin-left: 10px;
  margin-right: 0;
}
.pioneer .column .header .search-pickers-container {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  position: relative;
  height: 32px;
  margin-left: 10px;
}
.pioneer .column .header .search-pickers-container:empty {
  display: none;
}
.pioneer .column.removed {
  visibility: hidden;
}
.pioneer .column .new-item-group-selector,
.pioneer .column .pick-item-group-selector {
  position: absolute;
  right: 0px;
  top: 45px;
  background-color: #ffffff;
  line-height: 24px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}
.pioneer .column .new-item-group-selector .selectable-list-item,
.pioneer .column .pick-item-group-selector .selectable-list-item {
  /*![application.primaryColor]*/
  color: #634a00;
  border-bottom: 1px solid #cfd3d7;
  padding: 10px;
  cursor: pointer;
  text-align: left;
}
.pioneer .column .new-item-group-selector .selectable-list-item:hover, .pioneer .column .new-item-group-selector .selectable-list-item.selected,
.pioneer .column .pick-item-group-selector .selectable-list-item:hover,
.pioneer .column .pick-item-group-selector .selectable-list-item.selected {
  background-color: #fbdfa5;
}
.pioneer .column .new-item-group-selector::after,
.pioneer .column .pick-item-group-selector::after {
  content: '';
  position: absolute;
  top: -4px;
  width: 32px;
  height: 4px;
  background-color: white;
}
.pioneer .column .new-item-group-selector::after {
  right: 10px;
}
.pioneer .column .pick-item-group-selector::after {
  right: 47px;
}
.pioneer .column .items-header:empty {
  display: none;
}
.pioneer .column.with-items-header .items-list-wrapper {
  top: 90px;
}
.pioneer .column.with-totals .items-list-wrapper {
  bottom: 75px;
}
.pioneer .column .items-list-wrapper {
  position: absolute;
  top: 50px;
  bottom: 5px;
  width: 100%;
  overflow: hidden;
}
.pioneer .column .items-list-wrapper .items-list.grouped .group-label {
  display: block !important;
}
.pioneer .column .items-list-wrapper .items-list {
  position: absolute;
  left: 0px;
  right: 0px;
}
.pioneer .column .items-list-wrapper .items-list .group-label {
  display: none;
  height: auto;
  font-style: italic;
  color: #bdcad7;
  cursor: default;
  padding: 0 10px;
  line-height: 40px;
}
.pioneer .column .items-list-wrapper .items-list .group-label.foldable {
  cursor: pointer;
}
.pioneer .column .items-list-wrapper .items-list .column-item {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 40px;
  line-height: 40px;
  /*![application.primaryColor]*/
  color: #634a00;
  border-bottom: 1px solid #cfd3d7;
  cursor: pointer;
  padding: 0 10px 0 20px;
  -webkit-transition: background-color 300ms;
  -moz-transition: background-color 300ms;
  transition: background-color 300ms;
}
.pioneer .column .items-list-wrapper .items-list .column-item .preview {
  position: absolute;
  top: 9px;
  left: 19px;
  width: 22px;
  height: 22px;
  border-radius: 3px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 75% 75%;
}
.pioneer .column .items-list-wrapper .items-list .column-item .preview.-empty {
  display: none;
}
.pioneer .column .items-list-wrapper .items-list .column-item .move-grabber {
  cursor: url("data:image/vnd.microsoft.icon;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAA//AAAd/wAAGf+AAAH9gAADbYAAA2yAAAZsAAAGbAAAAGAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//4AB//8AAf//AAD//5AA///gAP//4AD//8AF///AB///5A////5///8="), all-scroll;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
  display: block;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 4px;
  -webkit-transition: visibility 0ms, opacity 300ms;
  -moz-transition: visibility 0ms, opacity 300ms;
  transition: visibility 0ms, opacity 300ms;
}
.pioneer .column .items-list-wrapper .items-list .column-item .move-grabber::before {
  font-size: 13px !important;
}
.pioneer .column .items-list-wrapper .items-list .column-item .label {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 0px;
  -moz-flex: 1 1 0px;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  font-family: ubuntu;
  font-size: 16px;
  /*![application.primaryColor]*/
  color: #634a00;
  border-width: 0;
  outline: none;
  background-color: transparent;
  pointer-events: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pioneer .column .items-list-wrapper .items-list .column-item .label.-unset {
  opacity: .5;
  font-style: italic;
}
.pioneer .column .items-list-wrapper .items-list .column-item .label[editable=true] {
  border-width: 1px;
  background-color: #ffffff;
  cursor: text;
}
.pioneer .column .items-list-wrapper .items-list .column-item .item-menu {
  position: relative;
  visibility: hidden;
  width: 0;
  opacity: 0;
  -webkit-transition: visibility 0ms, opacity 300ms;
  -moz-transition: visibility 0ms, opacity 300ms;
  transition: visibility 0ms, opacity 300ms;
}
.pioneer .column .items-list-wrapper .items-list .column-item .item-menu .ui {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
}
.pioneer .column .items-list-wrapper .items-list .column-item .item-menu .ui .item {
  height: 100%;
}
.pioneer .column .items-list-wrapper .items-list .column-item .item-menu .ui .item.fa {
  display: flex;
  align-items: center;
  color: currentColor;
  font-size: 20px;
  transition: none;
}
.pioneer .column .items-list-wrapper .items-list .column-item .item-menu .play2 {
  opacity: 0.4;
}
.pioneer .column .items-list-wrapper .items-list .column-item:hover:not(.editing) .item-menu,
.pioneer .column .items-list-wrapper .items-list .column-item:hover:not(.editing) .move-grabber {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 300ms, opacity 300ms;
  -moz-transition: visibility 300ms, opacity 300ms;
  transition: visibility 300ms, opacity 300ms;
}
.pioneer .column .items-list-wrapper .items-list .column-item:hover:not(.editing) .item-menu {
  width: auto;
}
.pioneer .column .items-list-wrapper .items-list .column-item:hover {
  background-color: #fff4dc;
}
.pioneer .column .items-list-wrapper .items-list .column-item.selected, .pioneer .column .items-list-wrapper .items-list .column-item.editing {
  background-color: #fbdfa5;
}
.pioneer .column .items-list-wrapper .items-list .column-item.editing {
  pointer-events: none;
}
.pioneer .column .items-list-wrapper .items-list .column-item.editing .label {
  pointer-events: all;
}
.pioneer .column .items-list-wrapper .items-list .column-item .publish.not-published {
  color: red;
}
.pioneer .column .items-list-wrapper .items-list .column-item .publish.not-published i::before {
  color: #750800;
}
.pioneer .column .items-list-wrapper .items-list .column-item .publish.behind-published {
  color: orange;
}
.pioneer .column .items-list-wrapper .items-list .column-item.drag-target {
  opacity: 0.3;
  pointer-events: none;
}
.pioneer .column .items-list-wrapper .items-list .drop-target-placeholder {
  width: 100%;
  height: 10px;
  border-bottom: 1px solid #cfd3d7;
  background-color: #e6ebee;
}
.pioneer .column .footer:empty {
  display: none;
}
.pioneer .column .footer:not(:empty) {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 5px 0 5px 0;
  box-sizing: border-box;
  border-top: 1px solid #bdcad7;
  background-color: white;
}
.pioneer .column .horizontal-grip {
  position: absolute;
  top: 0;
  right: -20px;
  width: 20px;
  height: 100%;
  background-color: #e6ebee;
  cursor: col-resize;
}
.pioneer .column:not(.focused) .column-item.selected {
  background-color: #cfd3d7 !important;
}
.pioneer .column.add-remove-assoc .items-list-wrapper .items-list .column-item {
  cursor: default;
}
.pioneer .column.add-remove-assoc .items-list-wrapper .items-list .column-item .item-menu .publish {
  display: none;
}
.pioneer .column.-hidden {
  display: none !important;
}
.pioneer .column.-medium-rows .items-list-wrapper .items-list .column-item {
  height: 45px;
  line-height: 45px;
}
.pioneer .column.-medium-rows .items-list-wrapper .items-list .column-item .preview {
  top: 6px;
  left: 24px;
  width: 32px;
  height: 32px;
}
.pioneer .column.-medium-rows .items-list-wrapper .items-list .column-item::before {
  margin-left: 10px;
  margin-right: 15px;
}
.pioneer .column.items-height-x2 .items-list-wrapper .items-list .column-item {
  height: 80px;
  line-height: 80px;
}
.pioneer .column.items-height-x2 .items-list-wrapper .items-list .column-item .item-field .value {
  height: 100%;
}
.pioneer .column.items-height-x3 .items-list-wrapper .items-list .column-item {
  height: 120px;
  line-height: 120px;
}
.pioneer .column.items-height-x3 .items-list-wrapper .items-list .column-item .item-field .value {
  height: 100%;
}
.pioneer .column.items-height-x4 .items-list-wrapper .items-list .column-item {
  height: 160px;
  line-height: 160px;
}
.pioneer .column.items-height-x4 .items-list-wrapper .items-list .column-item .item-field .value {
  height: 100%;
}

.pioneer.soft-track .column {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 100%;
  -moz-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.pioneer.busy .column {
  visibility: hidden !important;
}
.pioneer.busy .objects-wrapper .iScrollHorizontalScrollbar {
  visibility: hidden !important;
}
.pioneer.busy .objects-wrapper::after {
  content: '';
  position: fixed;
  position: absolute;
  border: 4px solid #ffffff;
  border-top: 4px solid transparent;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  animation: spin 1s linear infinite;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.publish-manager {
  min-width: 700px;
  width: 80%;
  width: 800px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.publish-manager > .header {
  /*![application.primaryColor]*/
  background-color: #fdb71a;
  padding: 8px;
  position: relative;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
}
.publish-manager > .header .title {
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  flex-grow: 2;
  -ms-flex-positive: 2;
  font-size: 20px;
  color: white;
}
.publish-manager > .header .button-bar .close-button {
  font-size: 20px;
  cursor: pointer;
  color: white;
}
.publish-manager.option-box .copy-holder {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
.publish-manager.option-box .copy-holder .copy-button {
  cursor: pointer;
}
.publish-manager.option-box .copy-holder .copy-unique-id-text {
  z-index: -1;
  position: absolute;
}
.publish-manager.option-box .copy-holder .text {
  line-height: 30px;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content {
  background-color: white;
  padding: 30px;
  /*![application.primaryColor]*/
  color: #634a00;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .button {
  font-family: ubuntu-bold;
  padding: 3px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid white;
  border-radius: 10px;
  color: white;
  min-width: 60px;
  font-size: 16px;
  text-align: center;
  background-color: transparent;
  cursor: pointer;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .button.selected {
  border: 1px dashed white;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .button:hover, .application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .button:focus {
  opacity: 0.8;
  outline: none;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .button.disabled:hover {
  opacity: 0.4;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .button.disabled {
  opacity: 0.4;
  cursor: default;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .button {
  margin-right: 5px;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .publish-warning {
  margin-bottom: 10px;
  color: #b73526;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .publication, .application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .recent-scorm-exports {
  margin-top: 10px;
  width: 500px;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .publication .exports-header, .application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .recent-scorm-exports .exports-header {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .publication .exports-header .reload, .application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .recent-scorm-exports .exports-header .reload {
  cursor: pointer;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .publication .exports-list, .application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .recent-scorm-exports .exports-list {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  border: solid #634a00 1px;
  width: 400px;
  max-height: 100px;
  overflow: auto;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .publication .exports-list .exports-list-item, .application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .recent-scorm-exports .exports-list .exports-list-item {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  min-height: 16px;
  padding: 3px;
  cursor: pointer;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .publication .exports-list .exports-list-item .delete-export, .application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .recent-scorm-exports .exports-list .exports-list-item .delete-export {
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .publication .exports-list .exports-list-item:hover .export-label, .application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .recent-scorm-exports .exports-list .exports-list-item:hover .export-label {
  opacity: 0.8;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .publication .exports-list .exports-list-item.pending .export-label, .application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .recent-scorm-exports .exports-list .exports-list-item.pending .export-label {
  color: #b73526;
  cursor: default;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .publication, .application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .localisation {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .publication .title, .application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .localisation .title {
  font-size: 30px;
  margin-bottom: 10px;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .publication .sub-title, .application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .localisation .sub-title {
  font-size: 24px;
  margin-bottom: 8px;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .publication .xmi-select, .application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .localisation .xmi-select {
  margin-bottom: 10px;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .publication .xmi-select .dropdown-items, .application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .localisation .xmi-select .dropdown-items {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .publication .xmi-select .dropdown-items .label, .application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .localisation .xmi-select .dropdown-items .label {
  margin-right: 5px;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .publication .last-published, .application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .localisation .last-published {
  margin-bottom: 10px;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .publication .button, .application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .localisation .button {
  /*![application.primaryColor]*/
  border-color: #634a00;
  /*![application.primaryColor]*/
  color: #634a00;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .publication .sub-content, .application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .localisation .sub-content {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .publication .publication-content {
  min-width: 650px;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .publication .publication-title {
  display: block;
  flex-basis: 95%;
  margin-bottom: 10px;
  /*![application.primaryColor]*/
  border-bottom: 1px solid #634a00;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .publication .sub-content {
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 49%;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .publication .sub-content > .button {
  margin-bottom: 5px;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .publication .copy-unique-id {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin-bottom: 5px;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .publication .copy-unique-id .copy-unique-id-text {
  display: none;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .localisation .sub-content {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .localisation .localisation-content .locale-items {
  width: 100%;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .localisation .localisation-content .locale-items .label {
  display: inline-block;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .localisation .localisation-content .xliff-content {
  margin-top: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .localisation .localisation-content .xliff-content .button {
  position: relative;
}
.application:not(.nl\.boon\.cms\.v2\.view\.CMSApplicationView) .publish-manager .content .localisation .localisation-content .xliff-content .xliff-import-button input {
  position: absolute;
  opacity: 0;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
}

.column .items-list > .pioneer-settings-editor {
  background-color: inherit;
  border-radius: 0;
  width: 100%;
  max-height: inherit;
}
.column .items-list > .pioneer-settings-editor .header {
  display: none !important;
}
.column .items-list > .pioneer-settings-editor .close-button {
  display: none;
}
.column .items-list > .pioneer-settings-editor .propertyHolder .propertyHolderContent {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.column .items-list > .pioneer-settings-editor .propertyHolder .propertyHolderContent > div {
  width: 100%;
  /*![application.primaryColor]*/
  border-top-color: #634a00;
  border-top: 1px solid;
  padding-top: 20px;
}
.column .items-list > .pioneer-settings-editor .propertyHolder .propertyHolderContent .propertyEditorHolder .button {
  display: inline-block;
  margin-top: 10px;
}

.pioneer-settings-editor.inline {
  background-color: inherit;
  border-radius: 0;
  width: 100%;
}
.pioneer-settings-editor.inline .header {
  display: none !important;
}
.pioneer-settings-editor.inline .propertyHolder .propertyHolderContent > div {
  width: 100%;
  /*![application.primaryColor]*/
  border-top-color: #634a00;
  border-top: 1px solid;
  padding-top: 20px;
}
.pioneer-settings-editor.inline .propertyHolder .propertyHolderContent .propertyEditorHolder .button {
  display: inline-block;
  margin-top: 10px;
}

.pioneer-settings-editor.live-update .footer {
  display: none;
}

.pioneer-settings-editor.pioneer-field {
  margin: 0;
}
.pioneer-settings-editor.pioneer-field > .header {
  display: none;
}
.pioneer-settings-editor.pioneer-field .propertyHolder .propertyHolderContent > div {
  width: 100%;
}

.customerset-property-picker,
.pioneer-settings-editor {
  z-index: 1;
  margin: auto;
  border-radius: 20px;
  background-color: #ffffff;
  overflow: hidden;
  box-sizing: border-box;
  width: 80%;
  height: 100%;
  max-height: 80%;
  font-family: ubuntu;
  /*![application.primaryColor]*/
  color: #634a00;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.customerset-property-picker .button,
.pioneer-settings-editor .button {
  font-family: ubuntu-bold;
  padding: 3px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid white;
  border-radius: 10px;
  color: white;
  min-width: 60px;
  font-size: 16px;
  text-align: center;
  background-color: transparent;
  cursor: pointer;
}
.customerset-property-picker .button.selected,
.pioneer-settings-editor .button.selected {
  border: 1px dashed white;
}
.customerset-property-picker .button:hover, .customerset-property-picker .button:focus,
.pioneer-settings-editor .button:hover,
.pioneer-settings-editor .button:focus {
  opacity: 0.8;
  outline: none;
}
.customerset-property-picker .button.disabled:hover,
.pioneer-settings-editor .button.disabled:hover {
  opacity: 0.4;
}
.customerset-property-picker .button.disabled,
.pioneer-settings-editor .button.disabled {
  opacity: 0.4;
  cursor: default;
}
.customerset-property-picker .button,
.pioneer-settings-editor .button {
  margin-right: 5px;
}
.customerset-property-picker.object\.folder\.pioneer .header, .customerset-property-picker.object\.directory\.pioneer .header, .customerset-property-picker.object\.helppageset\.pioneer .header, .customerset-property-picker.object\.tracklicence\.pioneer .header, .customerset-property-picker.object\.testcategory\.pioneer .header, .customerset-property-picker.object\.softtrack\.pioneer .header, .customerset-property-picker.object\.customerset\.pioneer .header, .customerset-property-picker.object\.learningintegrationsetting\.pioneer .header, .customerset-property-picker.object\.testspecification\.pioneer .header,
.pioneer-settings-editor.object\.folder\.pioneer .header,
.pioneer-settings-editor.object\.directory\.pioneer .header,
.pioneer-settings-editor.object\.helppageset\.pioneer .header,
.pioneer-settings-editor.object\.tracklicence\.pioneer .header,
.pioneer-settings-editor.object\.testcategory\.pioneer .header,
.pioneer-settings-editor.object\.softtrack\.pioneer .header,
.pioneer-settings-editor.object\.customerset\.pioneer .header,
.pioneer-settings-editor.object\.learningintegrationsetting\.pioneer .header,
.pioneer-settings-editor.object\.testspecification\.pioneer .header {
  height: 41px;
}
.customerset-property-picker.no-button-bar .footer .button-bar .button,
.pioneer-settings-editor.no-button-bar .footer .button-bar .button {
  visibility: hidden;
}
.customerset-property-picker > .header,
.pioneer-settings-editor > .header {
  /*![application.primaryColor]*/
  background-color: #fdb71a;
  padding: 8px;
  position: relative;
  box-sizing: border-box;
}
.customerset-property-picker > .header .buttonBar,
.pioneer-settings-editor > .header .buttonBar {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  min-height: 25px;
  padding-right: 40px;
  box-sizing: border-box;
  width: 100%;
  left: 0;
}
.customerset-property-picker > .header .buttonBar .languageMenu,
.pioneer-settings-editor > .header .buttonBar .languageMenu {
  display: none;
}
.customerset-property-picker > .header .buttonBar .button,
.pioneer-settings-editor > .header .buttonBar .button {
  padding: 5px;
}
.customerset-property-picker .title,
.pioneer-settings-editor .title {
  display: none;
}
.customerset-property-picker.object\.permission .propertyHolder,
.pioneer-settings-editor.object\.permission .propertyHolder {
  height: calc(100%);
}
.customerset-property-picker .propertyHolder,
.pioneer-settings-editor .propertyHolder {
  box-sizing: border-box;
  position: relative;
  padding: 20px;
  height: calc(100% - 100px);
}
.customerset-property-picker .propertyHolder .button,
.pioneer-settings-editor .propertyHolder .button {
  /*![application.primaryColor]*/
  color: #634a00;
  /*![application.primaryColor]*/
  border-color: #634a00;
}
.customerset-property-picker .propertyHolder .tab-navigation,
.pioneer-settings-editor .propertyHolder .tab-navigation {
  margin-top: 0;
}
.customerset-property-picker .propertyHolder .propertyHolderContentWrapper,
.pioneer-settings-editor .propertyHolder .propertyHolderContentWrapper {
  position: relative;
  height: calc(100% - 12px);
  box-sizing: border-box;
  padding: 20px 10px 20px 20px;
  background-color: #e6ebee;
}
.customerset-property-picker .propertyHolder .propertyHolderContent,
.pioneer-settings-editor .propertyHolder .propertyHolderContent {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: distribute;
  -moz-box-pack: distribute;
  box-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: distribute;
  height: 100%;
  overflow: auto;
}
.customerset-property-picker .propertyHolder .propertyHolderContent > div,
.pioneer-settings-editor .propertyHolder .propertyHolderContent > div {
  width: 48%;
}
.customerset-property-picker .propertyHolder .propertyHolderContent .property\.string\.permission\.permissiontype select,
.pioneer-settings-editor .propertyHolder .propertyHolderContent .property\.string\.permission\.permissiontype select {
  width: 100%;
}
.customerset-property-picker .propertyHolder .propertyHolderContent .property\.string\.permission\.permissiontype .label,
.pioneer-settings-editor .propertyHolder .propertyHolderContent .property\.string\.permission\.permissiontype .label {
  margin-top: 10px;
  margin-bottom: 10px;
}
.customerset-property-picker .propertyHolder .propertyHolderContent .property\.string\.permission\.permissiontype .crud-holder,
.pioneer-settings-editor .propertyHolder .propertyHolderContent .property\.string\.permission\.permissiontype .crud-holder {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  font-size: 14px;
}
.customerset-property-picker .propertyHolder .propertyHolderContent .property\.string\.permission\.permissiontype .crud-radio,
.pioneer-settings-editor .propertyHolder .propertyHolderContent .property\.string\.permission\.permissiontype .crud-radio {
  width: auto;
}
.customerset-property-picker .propertyHolder .propertyHolderContent .condition-input-numeric,
.pioneer-settings-editor .propertyHolder .propertyHolderContent .condition-input-numeric {
  width: 50px;
  text-align: center;
  margin-left: 10px;
}
.customerset-property-picker .propertyHolder .propertyHolderContent .screenshotEditor .pageViewHolder,
.pioneer-settings-editor .propertyHolder .propertyHolderContent .screenshotEditor .pageViewHolder {
  display: none;
  margin-bottom: 10px;
  border: 1px black dashed;
  position: absolute;
  top: 0;
  visibility: collapse;
}
.customerset-property-picker .propertyHolder .propertyHolderContent .screenshotEditor .pageViewHolder .pageViewer,
.pioneer-settings-editor .propertyHolder .propertyHolderContent .screenshotEditor .pageViewHolder .pageViewer {
  visibility: collapse !important;
}
.customerset-property-picker .propertyHolder .propertyHolderContent .screenshotEditor .screenshotData,
.pioneer-settings-editor .propertyHolder .propertyHolderContent .screenshotEditor .screenshotData {
  margin-top: 10px;
  width: 300px;
  height: 200px;
  border: 1px black dashed;
  background-size: contain;
  background-position: center center;
}
.customerset-property-picker .propertyHolder .propertyHolderContent .screenshotEditor .screenshotData,
.pioneer-settings-editor .propertyHolder .propertyHolderContent .screenshotEditor .screenshotData {
  background-repeat: no-repeat;
}
.customerset-property-picker .propertyHolder .styleset-properties-editor,
.pioneer-settings-editor .propertyHolder .styleset-properties-editor {
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  height: calc(100% - 12px);
  padding: 20px 10px 20px 20px;
  box-sizing: border-box;
  background-color: #e6ebee;
}
.customerset-property-picker .propertyHolder .styleset-properties-editor .column,
.pioneer-settings-editor .propertyHolder .styleset-properties-editor .column {
  flex-basis: 300px;
  width: 300px;
  height: 100%;
  min-width: 0;
}
.customerset-property-picker .propertyHolder .styleset-properties-editor .column .group-label.foldable,
.pioneer-settings-editor .propertyHolder .styleset-properties-editor .column .group-label.foldable {
  color: white;
  border-bottom: 1px solid #bdcad7;
  background-color: #634a00;
}
.customerset-property-picker .propertyHolder .styleset-properties-editor .column .group-label.foldable::after,
.pioneer-settings-editor .propertyHolder .styleset-properties-editor .column .group-label.foldable::after {
  position: absolute;
  content: "\f139";
  right: 15px;
  font-family: FontAwesome;
  font-style: normal;
}
.customerset-property-picker .propertyHolder .styleset-properties-editor .column .group-label.foldable.collapsed::after,
.pioneer-settings-editor .propertyHolder .styleset-properties-editor .column .group-label.foldable.collapsed::after {
  content: "\f13a";
}
.customerset-property-picker .propertyHolder .styleset-properties-editor .styleset-properties,
.pioneer-settings-editor .propertyHolder .styleset-properties-editor .styleset-properties {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: auto;
}
.customerset-property-picker .propertyHolder .styleset-properties-editor .styleset-properties .message,
.pioneer-settings-editor .propertyHolder .styleset-properties-editor .styleset-properties .message {
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-family: Arial;
  margin-top: 28vh;
  color: #91959882;
}
.customerset-property-picker .propertyHolder .styleset-properties-editor .footer,
.pioneer-settings-editor .propertyHolder .styleset-properties-editor .footer {
  display: none;
}
.customerset-property-picker .propertyHolder .propertyDescription,
.pioneer-settings-editor .propertyHolder .propertyDescription {
  font-size: 12px;
}
.customerset-property-picker .propertyHolder .propertyEditorHolder,
.pioneer-settings-editor .propertyHolder .propertyEditorHolder {
  width: 99%;
  margin: 5px 0 20px 0;
}
.customerset-property-picker .propertyHolder .propertyEditorHolder .readonly,
.pioneer-settings-editor .propertyHolder .propertyEditorHolder .readonly {
  opacity: 0.5;
}
.customerset-property-picker .propertyHolder .propertyEditorHolder .jqx-listbox,
.pioneer-settings-editor .propertyHolder .propertyEditorHolder .jqx-listbox {
  color: #5d728e;
}
.customerset-property-picker .propertyHolder .propertyEditorHolder .jqx-editor-content,
.pioneer-settings-editor .propertyHolder .propertyEditorHolder .jqx-editor-content {
  height: 200px !important;
}
.customerset-property-picker .propertyHolder .propertyEditorHolder input,
.pioneer-settings-editor .propertyHolder .propertyEditorHolder input {
  width: 100%;
  border: 1px solid #bbbbbb;
  /*![application.primaryColor]*/
  color: #634a00;
  font-size: 16px;
  padding: 5px;
  box-sizing: border-box;
}
.customerset-property-picker .propertyHolder .propertyEditorHolder input[readonly],
.pioneer-settings-editor .propertyHolder .propertyEditorHolder input[readonly] {
  background-color: #dddddd;
}
.customerset-property-picker .propertyHolder .propertyEditorHolder .calendarHolder,
.pioneer-settings-editor .propertyHolder .propertyEditorHolder .calendarHolder {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.customerset-property-picker .propertyHolder .propertyEditorHolder .calendarHolder .additional,
.pioneer-settings-editor .propertyHolder .propertyEditorHolder .calendarHolder .additional {
  margin-left: 10px;
  color: #fafafa;
}
.customerset-property-picker .propertyHolder .propertyEditorHolder .filePickerButtonBar, .customerset-property-picker .propertyHolder .propertyEditorHolder .buttonBar, .customerset-property-picker .propertyHolder .propertyEditorHolder .buttonGroup, .customerset-property-picker .propertyHolder .propertyEditorHolder .footerListButtonBar,
.pioneer-settings-editor .propertyHolder .propertyEditorHolder .filePickerButtonBar,
.pioneer-settings-editor .propertyHolder .propertyEditorHolder .buttonBar,
.pioneer-settings-editor .propertyHolder .propertyEditorHolder .buttonGroup,
.pioneer-settings-editor .propertyHolder .propertyEditorHolder .footerListButtonBar {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.customerset-property-picker .propertyHolder .propertyEditorHolder .editorContent .imageView,
.pioneer-settings-editor .propertyHolder .propertyEditorHolder .editorContent .imageView {
  width: 100%;
  margin-top: 5px;
  height: 100px;
  background-repeat: no-repeat;
  background-size: contain;
}
.customerset-property-picker .close-button,
.pioneer-settings-editor .close-button {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 20px;
  cursor: pointer;
  color: white;
}
.customerset-property-picker .footer,
.pioneer-settings-editor .footer {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 5px;
}
.customerset-property-picker .footer .button-bar,
.pioneer-settings-editor .footer .button-bar {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  /*![application.primaryColor]*/
  border-top-color: #634a00;
  border-top: 2px solid;
}
.customerset-property-picker .footer .button-bar .button,
.pioneer-settings-editor .footer .button-bar .button {
  margin-top: 10px;
  margin-bottom: 10px;
  /*![application.primaryColor]*/
  color: #634a00;
  /*![application.primaryColor]*/
  border-color: #634a00;
}

.pioneer.customerset-property-picker {
  z-index: 99;
  width: 100%;
  height: 100%;
  max-height: none;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.pioneer.customerset-property-picker .column {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 300px;
  height: 50%;
  margin: auto;
}
.pioneer.customerset-property-picker .column .close-button {
  z-index: 99;
  top: 15px;
  right: 10px;
  color: #634a00;
}
.pioneer.customerset-property-picker .column .footer {
  display: none;
}

.application.nl\.boon\.cms\.view\.CMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .pioneer.styleset-properties-editor .styleset-properties,
.application.nl\.boon\.alms\.view\.ALMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .pioneer.styleset-properties-editor .styleset-properties {
  display: flex;
  flex-wrap: wrap;
}
.application.nl\.boon\.cms\.view\.CMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .propertyHolderContent,
.application.nl\.boon\.cms\.view\.CMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .pioneer.styleset-properties-editor .styleset-properties,
.application.nl\.boon\.alms\.view\.ALMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .propertyHolderContent,
.application.nl\.boon\.alms\.view\.ALMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .pioneer.styleset-properties-editor .styleset-properties {
  justify-content: flex-start;
}
.application.nl\.boon\.cms\.view\.CMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS,
.application.nl\.boon\.cms\.view\.CMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS,
.application.nl\.boon\.cms\.view\.CMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .pioneer.styleset-properties-editor .styleset-properties .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS,
.application.nl\.boon\.cms\.view\.CMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .pioneer.styleset-properties-editor .styleset-properties .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS,
.application.nl\.boon\.alms\.view\.ALMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS,
.application.nl\.boon\.alms\.view\.ALMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS,
.application.nl\.boon\.alms\.view\.ALMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .pioneer.styleset-properties-editor .styleset-properties .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS,
.application.nl\.boon\.alms\.view\.ALMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .pioneer.styleset-properties-editor .styleset-properties .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS {
  flex: 0 0 48%;
  margin: 0 15px 10px 0;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid rgba(38, 88, 139, 0.25);
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.3);
}
.application.nl\.boon\.cms\.view\.CMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS.is-default .reset,
.application.nl\.boon\.cms\.view\.CMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS.is-default .reset,
.application.nl\.boon\.cms\.view\.CMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .pioneer.styleset-properties-editor .styleset-properties .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS.is-default .reset,
.application.nl\.boon\.cms\.view\.CMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .pioneer.styleset-properties-editor .styleset-properties .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS.is-default .reset,
.application.nl\.boon\.alms\.view\.ALMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS.is-default .reset,
.application.nl\.boon\.alms\.view\.ALMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS.is-default .reset,
.application.nl\.boon\.alms\.view\.ALMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .pioneer.styleset-properties-editor .styleset-properties .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS.is-default .reset,
.application.nl\.boon\.alms\.view\.ALMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .pioneer.styleset-properties-editor .styleset-properties .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS.is-default .reset {
  display: none;
}
.application.nl\.boon\.cms\.view\.CMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS.is-linked > :not(.link-editor),
.application.nl\.boon\.cms\.view\.CMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS.is-linked > :not(.link-editor),
.application.nl\.boon\.cms\.view\.CMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .pioneer.styleset-properties-editor .styleset-properties .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS.is-linked > :not(.link-editor),
.application.nl\.boon\.cms\.view\.CMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .pioneer.styleset-properties-editor .styleset-properties .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS.is-linked > :not(.link-editor),
.application.nl\.boon\.alms\.view\.ALMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS.is-linked > :not(.link-editor),
.application.nl\.boon\.alms\.view\.ALMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS.is-linked > :not(.link-editor),
.application.nl\.boon\.alms\.view\.ALMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .pioneer.styleset-properties-editor .styleset-properties .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS.is-linked > :not(.link-editor),
.application.nl\.boon\.alms\.view\.ALMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .pioneer.styleset-properties-editor .styleset-properties .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS.is-linked > :not(.link-editor) {
  display: none;
}
.application.nl\.boon\.cms\.view\.CMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS:not(.is-linked) .link-editor,
.application.nl\.boon\.cms\.view\.CMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS:not(.is-linked) .link-editor,
.application.nl\.boon\.cms\.view\.CMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .pioneer.styleset-properties-editor .styleset-properties .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS:not(.is-linked) .link-editor,
.application.nl\.boon\.cms\.view\.CMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .pioneer.styleset-properties-editor .styleset-properties .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS:not(.is-linked) .link-editor,
.application.nl\.boon\.alms\.view\.ALMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS:not(.is-linked) .link-editor,
.application.nl\.boon\.alms\.view\.ALMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS:not(.is-linked) .link-editor,
.application.nl\.boon\.alms\.view\.ALMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .pioneer.styleset-properties-editor .styleset-properties .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS:not(.is-linked) .link-editor,
.application.nl\.boon\.alms\.view\.ALMSApplicationView .pioneer-settings-editor:not(.object\.learningintegrationsetting):not(.pioneer-field).popup .pioneer.styleset-properties-editor .styleset-properties .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS:not(.is-linked) .link-editor {
  display: none;
}

.location-picker,
.file-picker {
  width: 80%;
  height: 73%;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
}
.location-picker::before,
.file-picker::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.location-picker > .header,
.file-picker > .header {
  display: block;
  position: absolute;
  top: -40px;
  width: 100%;
  height: 40px;
  color: #ffffff;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  /*![application.primaryColor]*/
  background-color: #fdb71a;
}
.location-picker > .header .title,
.file-picker > .header .title {
  text-align: center;
  width: 100%;
  line-height: 40px;
  font-size: 20px;
}
.location-picker .iScrollHorizontalScrollbar,
.file-picker .iScrollHorizontalScrollbar {
  bottom: 13px !important;
}
.location-picker .footer,
.file-picker .footer {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  position: absolute;
  width: 100%;
  bottom: -38px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  /*![application.primaryColor]*/
  background-color: #fdb71a;
}
.location-picker .footer .button,
.file-picker .footer .button {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 120px;
  -moz-flex: 0 0 120px;
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
  text-align: center;
  padding: 10px;
  margin: 5px;
  background-color: #ffffff;
  border-radius: 10px;
  cursor: pointer;
}

.location-picker .side-panel {
  display: none;
}

.popup.file-picker {
  z-index: 9999;
}
.popup.file-picker .side-panel {
  z-index: 999;
}
.popup.file-picker .side-panel .all-images,
.popup.file-picker .side-panel .all-sounds,
.popup.file-picker .side-panel .all-videos {
  display: none;
}
.popup.file-picker .column-item .label {
  width: 100%;
}
.popup.file-picker .column-item .item-menu {
  width: 36px !important;
}
.popup.file-picker .column-item .item-menu .item.settings {
  display: none;
}

.page-manager {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.page-manager > .header {
  min-height: 50px;
  width: 100%;
  /*![application.primaryColor]*/
  background-color: #fdb71a;
}
.page-manager > .header .buttonBar {
  margin-top: 4px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding-right: 10px;
}
.page-manager > .header .buttonBar .button {
  font-family: ubuntu-bold;
  padding: 3px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid white;
  border-radius: 10px;
  color: white;
  min-width: 60px;
  font-size: 16px;
  text-align: center;
  background-color: transparent;
  cursor: pointer;
}
.page-manager > .header .buttonBar .button.selected {
  border: 1px dashed white;
}
.page-manager > .header .buttonBar .button:hover, .page-manager > .header .buttonBar .button:focus {
  opacity: 0.8;
  outline: none;
}
.page-manager > .header .buttonBar .button.disabled:hover {
  opacity: 0.4;
}
.page-manager > .header .buttonBar .button.disabled {
  opacity: 0.4;
  cursor: default;
}
.page-manager > .header .buttonBar .page-button.readonly {
  pointer-events: none;
  opacity: 0.5;
}
.page-manager > .header .buttonBar .edit-page {
  padding: 0;
  margin-right: 0;
  border: none;
}
.page-manager > .header .buttonBar .page-resizer, .page-manager > .header .buttonBar .page-scaler, .page-manager > .header .buttonBar .color-picker {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin-right: 5px;
}
.page-manager > .header .buttonBar .page-resizer .title, .page-manager > .header .buttonBar .page-scaler .title, .page-manager > .header .buttonBar .color-picker .title {
  color: white;
  font-family: ubuntu;
}
.page-manager > .header .buttonBar .page-resizer select, .page-manager > .header .buttonBar .page-scaler select, .page-manager > .header .buttonBar .color-picker select {
  max-width: 100%;
  border: 1px #5172a3 solid;
  color: #313131;
  font-size: 14px;
  background: white;
  padding: 2px;
  border-radius: 5px;
}
.page-manager > .header .buttonBar .button {
  margin-right: 5px;
}
.page-manager > .header .buttonBar .nl\.boon\.js\.client\.pagemanager\.PioneerSavePageButton .screenshotEditor {
  position: absolute;
  top: 40px;
  visibility: hidden;
}
.page-manager > .header .buttonBar .nl\.boon\.js\.client\.pagemanager\.PioneerSavePageButton .screenshotEditor .pageViewHolder {
  display: none;
  margin-bottom: 10px;
  border: 1px black dashed;
  position: absolute;
  top: 0;
  visibility: collapse;
}
.page-manager > .header .buttonBar .nl\.boon\.js\.client\.pagemanager\.PioneerSavePageButton .screenshotEditor .pageViewHolder .pageViewer {
  visibility: collapse !important;
}
.page-manager > .header .buttonBar .nl\.boon\.js\.client\.pagemanager\.PioneerSavePageButton .screenshotEditor .screenshotData {
  margin-top: 10px;
  width: 300px;
  height: 200px;
  border: 1px black dashed;
  background-size: contain;
  background-position: center center;
}
.page-manager > .header .buttonBar .nl\.boon\.js\.client\.pagemanager\.PioneerSavePageButton .screenshotEditor .screenshotData {
  background-repeat: no-repeat;
}
.page-manager > .header .buttonBar .close-button {
  font-size: 30px;
  color: #ffffff;
  margin-top: 6px;
  cursor: pointer;
}
.page-manager > .header .buttonBar .close-button:hover {
  color: #eef5fb;
}
.page-manager:not(.-loading) > .content .bean-selector.selected {
  top: 0px;
}
.page-manager__preloader {
  display: none;
}
.page-manager.-loading .page-manager__preloader {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.25);
}
.page-manager.-loading .page-manager__preloader::before, .page-manager.-loading .page-manager__preloader::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 400px;
  width: 100px;
  height: 100px;
  margin: auto;
  border: 20px solid grey;
  border-radius: 50%;
}
.page-manager.-loading .page-manager__preloader::after {
  border-top-color: #fdb71a;
  border-top-width: 21px;
  animation: spin 1s linear infinite;
}
.page-manager > .content {
  position: relative;
  overflow: hidden;
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  flex-grow: 2;
  -ms-flex-positive: 2;
}
.page-manager > .content .column-item.dragging-dummy {
  z-index: 999999;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 40px;
  line-height: 40px;
  /*![application.primaryColor]*/
  color: #634a00;
  border-bottom: 1px solid #cfd3d7;
  cursor: pointer;
  padding: 0 10px 0 20px;
  -webkit-transition: background-color 300ms;
  -moz-transition: background-color 300ms;
  transition: background-color 300ms;
  cursor: url("data:image/vnd.microsoft.icon;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAAH/AAAB/wAAA/0AAANsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//+AB///wAf//4AH//+AD///yT/////////////////////////////8="), all-scroll;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
  width: 180px;
  border: 1px solid;
  border-radius: 15px;
  background-color: rgba(255, 255, 255, 0.8) !important;
  box-shadow: 0 0 10px rgba(37, 88, 138, 0.5);
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  width: 143px;
  height: 150px;
}
.page-manager > .content .column-item.dragging-dummy .preview {
  position: absolute;
  top: 9px;
  left: 19px;
  width: 22px;
  height: 22px;
  border-radius: 3px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 75% 75%;
}
.page-manager > .content .column-item.dragging-dummy .preview.-empty {
  display: none;
}
.page-manager > .content .column-item.dragging-dummy .move-grabber {
  cursor: url("data:image/vnd.microsoft.icon;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAA//AAAd/wAAGf+AAAH9gAADbYAAA2yAAAZsAAAGbAAAAGAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//4AB//8AAf//AAD//5AA///gAP//4AD//8AF///AB///5A////5///8="), all-scroll;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
  display: block;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 4px;
  -webkit-transition: visibility 0ms, opacity 300ms;
  -moz-transition: visibility 0ms, opacity 300ms;
  transition: visibility 0ms, opacity 300ms;
}
.page-manager > .content .column-item.dragging-dummy .move-grabber::before {
  font-size: 13px !important;
}
.page-manager > .content .column-item.dragging-dummy .label {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 0px;
  -moz-flex: 1 1 0px;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  font-family: ubuntu;
  font-size: 16px;
  /*![application.primaryColor]*/
  color: #634a00;
  border-width: 0;
  outline: none;
  background-color: transparent;
  pointer-events: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.page-manager > .content .column-item.dragging-dummy .label.-unset {
  opacity: .5;
  font-style: italic;
}
.page-manager > .content .column-item.dragging-dummy .label[editable=true] {
  border-width: 1px;
  background-color: #ffffff;
  cursor: text;
}
.page-manager > .content .column-item.dragging-dummy .item-menu {
  position: relative;
  visibility: hidden;
  width: 0;
  opacity: 0;
  -webkit-transition: visibility 0ms, opacity 300ms;
  -moz-transition: visibility 0ms, opacity 300ms;
  transition: visibility 0ms, opacity 300ms;
}
.page-manager > .content .column-item.dragging-dummy .item-menu .ui {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
}
.page-manager > .content .column-item.dragging-dummy .item-menu .ui .item {
  height: 100%;
}
.page-manager > .content .column-item.dragging-dummy .item-menu .ui .item.fa {
  display: flex;
  align-items: center;
  color: currentColor;
  font-size: 20px;
  transition: none;
}
.page-manager > .content .column-item.dragging-dummy .item-menu .play2 {
  opacity: 0.4;
}
.page-manager > .content .column-item.dragging-dummy:hover:not(.editing) .item-menu,
.page-manager > .content .column-item.dragging-dummy:hover:not(.editing) .move-grabber {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 300ms, opacity 300ms;
  -moz-transition: visibility 300ms, opacity 300ms;
  transition: visibility 300ms, opacity 300ms;
}
.page-manager > .content .column-item.dragging-dummy:hover:not(.editing) .item-menu {
  width: auto;
}
.page-manager > .content .column-item.dragging-dummy:hover {
  background-color: #fff4dc;
}
.page-manager > .content .column-item.dragging-dummy.selected, .page-manager > .content .column-item.dragging-dummy.editing {
  background-color: #fbdfa5;
}
.page-manager > .content .column-item.dragging-dummy.editing {
  pointer-events: none;
}
.page-manager > .content .column-item.dragging-dummy.editing .label {
  pointer-events: all;
}
.page-manager > .content .column-item.dragging-dummy .item-menu {
  display: none !important;
}
.page-manager > .content .column-item.dragging-dummy * {
  pointer-events: none;
}
.page-manager > .content .column-item.dragging-dummy .move-grabber {
  bottom: 10px;
  margin: auto;
  height: 20px;
}
.page-manager > .content .column-item.dragging-dummy .page-content {
  margin-top: 20px;
  overflow: hidden;
}
.page-manager > .content .column-item.dragging-dummy .preview {
  display: none;
}
.page-manager > .content .bean-selector {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 300px;
  -moz-flex: 0 0 300px;
  -ms-flex: 0 0 300px;
  flex: 0 0 300px;
  position: relative;
  min-width: 300px;
  height: 100%;
  float: left;
  margin-right: 20px;
  padding: 10px 0;
  box-sizing: border-box;
  background-color: #ffffff;
  position: absolute;
  top: -320px;
  right: 0;
  left: -400px;
  /*-90px;*/
  width: calc(100% - 510px);
  height: 310px;
  margin: auto;
  padding-bottom: 0;
  box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.5);
  -webkit-transition: top 300ms;
  -moz-transition: top 300ms;
  transition: top 300ms;
  transition-timing-function: ease-out;
}
.page-manager > .content .bean-selector [class^="label-icon-"]:before,
.page-manager > .content .bean-selector [class*=" label-icon-"]:before,
.page-manager > .content .bean-selector [class*="fa-"]:after,
.page-manager > .content .bean-selector [class*="fa-"]:before {
  font-size: 20px;
  margin-right: 5px;
}
.page-manager > .content .bean-selector > .header .tb-right [class*="fa-"]:before {
  margin: 0;
}
.page-manager > .content .bean-selector [class*="fa-"]:before {
  font-family: 'Font Awesome 6 Pro';
}
.page-manager > .content .bean-selector [class*="fa-duotone"]:before {
  font-family: 'Font Awesome 6 Duotone';
}
.page-manager > .content .bean-selector [class*="fa-sharp"]:before {
  font-family: 'Font Awesome 6 Sharp';
}
.pioneer .content .dragging-dummy[class*="fa-"]:before {
  font-family: 'Font Awesome 6 Pro';
  font-size: 20px;
  margin-right: 5px;
}
.pioneer .content .dragging-dummy[class*="fa-duotone"]:before {
  font-family: 'Font Awesome 6 Duotone';
}
.pioneer .content .dragging-dummy[class*="fa-sharp"]:before {
  font-family: 'Font Awesome 6 Sharp';
}
.pioneer .content .dragging-dummy .preview {
  top: 4px;
  left: 20px;
  width: 32px;
  height: 32px;
}
.page-manager > .content .bean-selector .header {
  z-index: 2;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 40px;
  line-height: 30px;
  margin-bottom: 10px;
  padding: 0 10px;
  box-sizing: border-box;
  border-bottom: 1px solid #bdcad7;
}
.page-manager > .content .bean-selector .header .name {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 10px;
  font-weight: bold;
  color: #f4c14e;
}
.page-manager > .content .bean-selector .header .name:empty {
  display: none;
}
.page-manager > .content .bean-selector .header .filter {
  display: flex;
  align-items: center;
  position: relative;
  flex: 1 1 auto;
  height: 30px;
  width: calc(100% - 50px);
  color: #354555;
}
.page-manager > .content .bean-selector .header .filter__input {
  width: 100%;
  height: 100%;
  padding: 5px 25px 5px 5px;
  font-size: 17px;
  box-sizing: border-box;
  color: currentColor;
  border: 1px solid #bdcad7;
}
.page-manager > .content .bean-selector .header .filter__clear {
  position: absolute;
  right: 0;
  color: #634a00;
  opacity: 0;
  pointer-events: none;
}
.page-manager > .content .bean-selector .header .filter__input.-has-value {
  border-color: #634a007f;
}
.page-manager > .content .bean-selector .header .filter__input.-has-value + .filter__clear {
  opacity: .5;
  pointer-events: all;
}
.page-manager > .content .bean-selector .header .filter.default {
  color: #bdcad7;
}
.page-manager > .content .bean-selector .header .filter:focus {
  outline: none;
}
.page-manager > .content .bean-selector .header .button {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  font-size: 17px;
  font-weight: bold;
  /*![application.primaryColor]*/
  color: #634a00;
  cursor: pointer;
  position: relative;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 32px;
  -moz-flex: 0 0 32px;
  -ms-flex: 0 0 32px;
  flex: 0 0 32px;
  float: right;
  width: 32px;
  height: 32px;
  margin-left: 5px;
  line-height: 32px;
  text-align: center;
}
.page-manager > .content .bean-selector .header .button .icon {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.page-manager > .content .bean-selector .header .button .icon::before {
  margin-right: 0;
}
.page-manager > .content .bean-selector .header .button.new {
  display: none;
}
.page-manager > .content .bean-selector .header .button.new, .page-manager > .content .bean-selector .header .button.import-template, .page-manager > .content .bean-selector .header .button.send-all-welcome-emails {
  float: right;
}
.page-manager > .content .bean-selector .header .button.new a, .page-manager > .content .bean-selector .header .button.import-template a, .page-manager > .content .bean-selector .header .button.send-all-welcome-emails a {
  color: inherit;
  text-decoration: none;
}
.page-manager > .content .bean-selector .header .button.new .label-icon-plus::before, .page-manager > .content .bean-selector .header .button.import-template .label-icon-plus::before, .page-manager > .content .bean-selector .header .button.send-all-welcome-emails .label-icon-plus::before {
  margin-left: 10px;
  margin-right: 0;
}
.page-manager > .content .bean-selector .header .button.new .label-icon-page-export, .page-manager > .content .bean-selector .header .button.import-template .label-icon-page-export, .page-manager > .content .bean-selector .header .button.send-all-welcome-emails .label-icon-page-export {
  margin-left: 10px;
  margin-right: 0;
}
.page-manager > .content .bean-selector .header .button.new .label-icon-email-envelope, .page-manager > .content .bean-selector .header .button.import-template .label-icon-email-envelope, .page-manager > .content .bean-selector .header .button.send-all-welcome-emails .label-icon-email-envelope {
  margin-left: 10px;
  margin-right: 0;
}
.page-manager > .content .bean-selector .header .button.pick {
  font-size: 18px;
  line-height: 36px;
  display: block;
}
.page-manager > .content .bean-selector .header .button.toggled {
  pointer-events: none;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}
.page-manager > .content .bean-selector .header .tb-right {
  margin-left: auto;
  display: flex;
}
.page-manager > .content .bean-selector .header .tb-right .button.new,
.page-manager > .content .bean-selector .header .tb-right .button.refresh,
.page-manager > .content .bean-selector .header .tb-right .button.share {
  display: none;
  float: right;
}
.page-manager > .content .bean-selector .header .tb-right .button.new > span::before,
.page-manager > .content .bean-selector .header .tb-right .button.refresh > span::before,
.page-manager > .content .bean-selector .header .tb-right .button.share > span::before {
  margin-left: 10px;
  margin-right: 0;
}
.page-manager > .content .bean-selector .header .search-pickers-container {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  position: relative;
  height: 32px;
  margin-left: 10px;
}
.page-manager > .content .bean-selector .header .search-pickers-container:empty {
  display: none;
}
.page-manager > .content .bean-selector.removed {
  visibility: hidden;
}
.page-manager > .content .bean-selector .new-item-group-selector,
.page-manager > .content .bean-selector .pick-item-group-selector {
  position: absolute;
  right: 0px;
  top: 45px;
  background-color: #ffffff;
  line-height: 24px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}
.page-manager > .content .bean-selector .new-item-group-selector .selectable-list-item,
.page-manager > .content .bean-selector .pick-item-group-selector .selectable-list-item {
  /*![application.primaryColor]*/
  color: #634a00;
  border-bottom: 1px solid #cfd3d7;
  padding: 10px;
  cursor: pointer;
  text-align: left;
}
.page-manager > .content .bean-selector .new-item-group-selector .selectable-list-item:hover, .page-manager > .content .bean-selector .new-item-group-selector .selectable-list-item.selected,
.page-manager > .content .bean-selector .pick-item-group-selector .selectable-list-item:hover,
.page-manager > .content .bean-selector .pick-item-group-selector .selectable-list-item.selected {
  background-color: #fbdfa5;
}
.page-manager > .content .bean-selector .new-item-group-selector::after,
.page-manager > .content .bean-selector .pick-item-group-selector::after {
  content: '';
  position: absolute;
  top: -4px;
  width: 32px;
  height: 4px;
  background-color: white;
}
.page-manager > .content .bean-selector .new-item-group-selector::after {
  right: 10px;
}
.page-manager > .content .bean-selector .pick-item-group-selector::after {
  right: 47px;
}
.page-manager > .content .bean-selector .items-header:empty {
  display: none;
}
.page-manager > .content .bean-selector.with-items-header .items-list-wrapper {
  top: 90px;
}
.page-manager > .content .bean-selector.with-totals .items-list-wrapper {
  bottom: 75px;
}
.page-manager > .content .bean-selector .items-list-wrapper {
  position: absolute;
  top: 50px;
  bottom: 5px;
  width: 100%;
  overflow: hidden;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list.grouped .group-label {
  display: block !important;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list {
  position: absolute;
  left: 0px;
  right: 0px;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .group-label {
  display: none;
  height: auto;
  font-style: italic;
  color: #bdcad7;
  cursor: default;
  padding: 0 10px;
  line-height: 40px;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .group-label.foldable {
  cursor: pointer;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .column-item {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 40px;
  line-height: 40px;
  /*![application.primaryColor]*/
  color: #634a00;
  border-bottom: 1px solid #cfd3d7;
  cursor: pointer;
  padding: 0 10px 0 20px;
  -webkit-transition: background-color 300ms;
  -moz-transition: background-color 300ms;
  transition: background-color 300ms;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .column-item .preview {
  position: absolute;
  top: 9px;
  left: 19px;
  width: 22px;
  height: 22px;
  border-radius: 3px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 75% 75%;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .column-item .preview.-empty {
  display: none;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .column-item .move-grabber {
  cursor: url("data:image/vnd.microsoft.icon;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAA//AAAd/wAAGf+AAAH9gAADbYAAA2yAAAZsAAAGbAAAAGAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//4AB//8AAf//AAD//5AA///gAP//4AD//8AF///AB///5A////5///8="), all-scroll;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
  display: block;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 4px;
  -webkit-transition: visibility 0ms, opacity 300ms;
  -moz-transition: visibility 0ms, opacity 300ms;
  transition: visibility 0ms, opacity 300ms;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .column-item .move-grabber::before {
  font-size: 13px !important;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .column-item .label {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 0px;
  -moz-flex: 1 1 0px;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  font-family: ubuntu;
  font-size: 16px;
  /*![application.primaryColor]*/
  color: #634a00;
  border-width: 0;
  outline: none;
  background-color: transparent;
  pointer-events: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .column-item .label.-unset {
  opacity: .5;
  font-style: italic;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .column-item .label[editable=true] {
  border-width: 1px;
  background-color: #ffffff;
  cursor: text;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .column-item .item-menu {
  position: relative;
  visibility: hidden;
  width: 0;
  opacity: 0;
  -webkit-transition: visibility 0ms, opacity 300ms;
  -moz-transition: visibility 0ms, opacity 300ms;
  transition: visibility 0ms, opacity 300ms;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .column-item .item-menu .ui {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .column-item .item-menu .ui .item {
  height: 100%;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .column-item .item-menu .ui .item.fa {
  display: flex;
  align-items: center;
  color: currentColor;
  font-size: 20px;
  transition: none;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .column-item .item-menu .play2 {
  opacity: 0.4;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .column-item:hover:not(.editing) .item-menu,
.page-manager > .content .bean-selector .items-list-wrapper .items-list .column-item:hover:not(.editing) .move-grabber {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 300ms, opacity 300ms;
  -moz-transition: visibility 300ms, opacity 300ms;
  transition: visibility 300ms, opacity 300ms;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .column-item:hover:not(.editing) .item-menu {
  width: auto;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .column-item:hover {
  background-color: #fff4dc;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .column-item.selected, .page-manager > .content .bean-selector .items-list-wrapper .items-list .column-item.editing {
  background-color: #fbdfa5;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .column-item.editing {
  pointer-events: none;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .column-item.editing .label {
  pointer-events: all;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .column-item .publish.not-published {
  color: red;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .column-item .publish.not-published i::before {
  color: #750800;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .column-item .publish.behind-published {
  color: orange;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .column-item.drag-target {
  opacity: 0.3;
  pointer-events: none;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .drop-target-placeholder {
  width: 100%;
  height: 10px;
  border-bottom: 1px solid #cfd3d7;
  background-color: #e6ebee;
}
.page-manager > .content .bean-selector .footer:empty {
  display: none;
}
.page-manager > .content .bean-selector .footer:not(:empty) {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 5px 0 5px 0;
  box-sizing: border-box;
  border-top: 1px solid #bdcad7;
  background-color: white;
}
.page-manager > .content .bean-selector .horizontal-grip {
  position: absolute;
  top: 0;
  right: -20px;
  width: 20px;
  height: 100%;
  background-color: #e6ebee;
  cursor: col-resize;
}
.page-manager > .content .bean-selector:not(.focused) .column-item.selected {
  background-color: #cfd3d7 !important;
}
.page-manager > .content .bean-selector.add-remove-assoc .items-list-wrapper .items-list .column-item {
  cursor: default;
}
.page-manager > .content .bean-selector.add-remove-assoc .items-list-wrapper .items-list .column-item .item-menu .publish {
  display: none;
}
.page-manager > .content .bean-selector.-hidden {
  display: none !important;
}
.page-manager > .content .bean-selector.-medium-rows .items-list-wrapper .items-list .column-item {
  height: 45px;
  line-height: 45px;
}
.page-manager > .content .bean-selector.-medium-rows .items-list-wrapper .items-list .column-item .preview {
  top: 6px;
  left: 24px;
  width: 32px;
  height: 32px;
}
.page-manager > .content .bean-selector.-medium-rows .items-list-wrapper .items-list .column-item::before {
  margin-left: 10px;
  margin-right: 15px;
}
.page-manager > .content .bean-selector.items-height-x2 .items-list-wrapper .items-list .column-item {
  height: 80px;
  line-height: 80px;
}
.page-manager > .content .bean-selector.items-height-x2 .items-list-wrapper .items-list .column-item .item-field .value {
  height: 100%;
}
.page-manager > .content .bean-selector.items-height-x3 .items-list-wrapper .items-list .column-item {
  height: 120px;
  line-height: 120px;
}
.page-manager > .content .bean-selector.items-height-x3 .items-list-wrapper .items-list .column-item .item-field .value {
  height: 100%;
}
.page-manager > .content .bean-selector.items-height-x4 .items-list-wrapper .items-list .column-item {
  height: 160px;
  line-height: 160px;
}
.page-manager > .content .bean-selector.items-height-x4 .items-list-wrapper .items-list .column-item .item-field .value {
  height: 100%;
}
.page-manager > .content .bean-selector .column-item:before {
  display: none;
}
.page-manager > .content .bean-selector .column-group {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
}
.page-manager > .content .bean-selector .items-list-wrapper {
  top: 50px;
  bottom: 0;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list {
  position: relative;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .column-group {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 120px;
  height: auto;
  min-height: 120px;
  padding: 0 10px 0 10px !important;
  border: none !important;
  -webkit-transition: margin-top 300ms;
  -moz-transition: margin-top 300ms;
  transition: margin-top 300ms;
  transition-timing-function: ease-out;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .label {
  text-align: center;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon {
  position: relative;
  height: 90px;
  filter: grayscale(100%);
  -webkit-transition: filter 500ms;
  -moz-transition: filter 500ms;
  transition: filter 500ms;
  transition-timing-function: ease-out;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon .svgasset {
  width: 100%;
  height: 80%;
  padding-top: 10px;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.text .textfil0, .page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.simpletext .textfil0 {
  display: none;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.text .textfil1, .page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.simpletext .textfil1 {
  fill: #98C1E6;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.text .textfil3, .page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.simpletext .textfil3 {
  fill: #527a30;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.text .textfil4, .page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.simpletext .textfil4 {
  fill: #85a96c;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.text .textfil5, .page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.simpletext .textfil5 {
  fill: #548bb6;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.text .textfil6, .page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.simpletext .textfil6 {
  fill: #548bb6;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.image .imagefil0 {
  display: none;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.image .imagefil1 {
  fill: #98C1E6;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.image .imagefil3 {
  fill: #527a30;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.image .imagefil4 {
  fill: #85a96c;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.image .imagefil5 {
  fill: #548bb6;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.image .imagefil6 {
  fill: #548bb6;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.video svg {
  height: 80% !important;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.video svg .textfil0 {
  fill: #548bb6;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.video svg .textfil1 {
  fill: #98C1E6;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.multiplechoice svg {
  height: 80% !important;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.multiplechoice svg .str0 {
  stroke: #26588b;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.multiplechoice svg .mpctextfil2 {
  fill: #548bb6;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.multiplechoice svg .mpctextfil1 {
  fill: #98C1E6;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.multiplechoice svg .mpcimgfil0 {
  fill: #98C1E6;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.check svg {
  height: 80% !important;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.check svg .checkstr0 {
  stroke: #548bb6;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.check svg .checkfil2 {
  fill: #98C1E6;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.check svg .checkfil1 {
  fill: #548bb6;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.check svg .checkfil0 {
  fill: none;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.check svg .checkfil3 {
  fill: #527a30;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.interview svg {
  height: 80% !important;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.interview .interviewfil0 {
  fill: #98C1E6;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.interview .interviewfil1 {
  fill: #98C1E6;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.interview .interviewfil2 {
  fill: #548bb6;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.interview .interviewfil3 {
  fill: antiquewhite;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.interview .interviewfil4 {
  fill: #26588b;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.interview .interviewfil5 {
  fill: #b73526;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.interview .interviewfil6 {
  fill: #26588b;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.hotspot svg, .page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.hotspotmultiplechoice svg {
  height: 80% !important;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.hotspot .hotspotfil1, .page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.hotspotmultiplechoice .hotspotfil1 {
  fill: #b73526;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.hotspot .hotspotfil0, .page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.hotspotmultiplechoice .hotspotfil0 {
  fill: #26588b;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.valuepickerquestion .asset, .page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .icon.valuepicker .asset {
  padding-top: 40px;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item .name {
  /*![application.primaryColor]*/
  color: #634a00;
  text-align: center;
  font-family: ubuntu-bold;
  font-size: 15px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item:hover .icon {
  filter: none;
}
.page-manager > .content .bean-selector .items-list-wrapper .items-list .bean-selector-item.selected .icon {
  filter: none !important;
}
.page-manager > .content .page-selector {
  position: absolute;
  width: 210px;
  height: 100%;
  left: -249px;
  background-color: rgba(219, 227, 233, 0.9);
  -webkit-transition: left 300ms;
  -moz-transition: left 300ms;
  transition: left 300ms;
  transition-timing-function: ease-out;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  padding-left: 20px;
  padding-right: 20px;
}
.page-manager > .content .page-selector .toggle-button {
  position: absolute;
  background: rgba(219, 227, 233, 0.9);
  top: 20px;
  right: 1px;
  transform-origin: 100% 0%;
  transform: rotate(-90deg);
  /*![application.primaryColor]*/
  border-top-color: #634a00;
  border-top: 1px solid;
  padding: 2px;
}
.page-manager > .content .page-selector .toggle-button .toggle-button-icons {
  display: inline-block;
  height: 100%;
  width: 18px;
}
.page-manager > .content .page-selector .toggle-button .toggle-button-icons .fa {
  /*![application.primaryColor]*/
  color: #634a00;
  font-size: 23px;
  display: block;
  height: 0px;
  line-height: 0;
  padding: 0;
  margin: 0;
  -webkit-transform: rotate(180deg) scaleX(0.6);
  -moz-transform: rotate(180deg) scaleX(0.6);
  -ms-transform: rotate(180deg) scaleX(0.6);
  -o-transform: rotate(180deg) scaleX(0.6);
  transform: rotate(180deg) scaleX(0.6);
  -webkit-transition: -webkit-transform 300ms;
  -moz-transition: -moz-transform 300ms;
  transition: transform 300ms;
}
.page-manager > .content .page-selector .toggle-button .toggle-button-icons .icon1 {
  position: absolute;
  top: 12px;
}
.page-manager > .content .page-selector .toggle-button .toggle-button-icons .icon2 {
  position: absolute;
  top: 18px;
}
.page-manager > .content .page-selector .toggle-button .toggle-text {
  vertical-align: top;
  padding: 2px 10px;
  /*![application.primaryColor]*/
  color: #634a00;
  display: inline-block;
  border-right: 1px solid #ffffff;
  font-family: ubuntu;
  font-weight: normal;
}
.page-manager > .content .page-selector .blockheader {
  font-family: ubuntu;
  /*![application.primaryColor]*/
  color: #634a00;
  font-size: 20px;
  margin-top: 20px;
  position: relative;
  border-top: 1px solid #bdcad7;
  height: 40px;
}
.page-manager > .content .page-selector > .header {
  margin-bottom: 20px;
}
.page-manager > .content .page-selector > .header .style-selector-items {
  width: 100%;
}
.page-manager > .content .page-selector > .header .style-selector-items select {
  width: 100%;
  max-width: 100%;
  border: 1px #5172a3 solid;
  color: #313131;
  font-size: 14px;
  background: white;
  padding: 2px;
  border-radius: 5px;
}
.page-manager > .content .page-selector > .content {
  position: relative;
  height: calc(100% - 185px);
  overflow: hidden;
  				/*.page-selector-items {
  
                      .drop-target-placeholder {
  
                          width: 100%;
                          height: 20px;
                          border-bottom: 1px solid $pioneer_column_item_border_color;
                          background-color: $pioneer_sidepanel_bg;
                      }
  
                      .page-selector-item.drag-target {
  
                          opacity: 0.5;
                      }
  
  					.page-selector-item {
  
  					    @include pioneer-page-selector-item();
  
  						.page-content {
  
  							pointer-events : none;
  						}
  					}
  
  					.page-selector-item.selected {
  
  						margin-left: 35px;
  					}
  				}*/
}
.page-manager > .content .page-selector > .content .column {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 300px;
  -moz-flex: 0 0 300px;
  -ms-flex: 0 0 300px;
  flex: 0 0 300px;
  position: relative;
  min-width: 300px;
  height: 100%;
  float: left;
  margin-right: 20px;
  padding: 10px 0;
  box-sizing: border-box;
  background-color: #ffffff;
  min-width: auto;
  margin: 0;
  background-color: transparent;
}
.page-manager > .content .page-selector > .content .column [class^="label-icon-"]:before,
.page-manager > .content .page-selector > .content .column [class*=" label-icon-"]:before,
.page-manager > .content .page-selector > .content .column [class*="fa-"]:after,
.page-manager > .content .page-selector > .content .column [class*="fa-"]:before {
  font-size: 20px;
  margin-right: 5px;
}
.page-manager > .content .page-selector > .content .column > .header .tb-right [class*="fa-"]:before {
  margin: 0;
}
.page-manager > .content .page-selector > .content .column [class*="fa-"]:before {
  font-family: 'Font Awesome 6 Pro';
}
.page-manager > .content .page-selector > .content .column [class*="fa-duotone"]:before {
  font-family: 'Font Awesome 6 Duotone';
}
.page-manager > .content .page-selector > .content .column [class*="fa-sharp"]:before {
  font-family: 'Font Awesome 6 Sharp';
}
.pioneer .content .dragging-dummy[class*="fa-"]:before {
  font-family: 'Font Awesome 6 Pro';
  font-size: 20px;
  margin-right: 5px;
}
.pioneer .content .dragging-dummy[class*="fa-duotone"]:before {
  font-family: 'Font Awesome 6 Duotone';
}
.pioneer .content .dragging-dummy[class*="fa-sharp"]:before {
  font-family: 'Font Awesome 6 Sharp';
}
.pioneer .content .dragging-dummy .preview {
  top: 4px;
  left: 20px;
  width: 32px;
  height: 32px;
}
.page-manager > .content .page-selector > .content .column .header {
  z-index: 2;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 40px;
  line-height: 30px;
  margin-bottom: 10px;
  padding: 0 10px;
  box-sizing: border-box;
  border-bottom: 1px solid #bdcad7;
}
.page-manager > .content .page-selector > .content .column .header .name {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 10px;
  font-weight: bold;
  color: #f4c14e;
}
.page-manager > .content .page-selector > .content .column .header .name:empty {
  display: none;
}
.page-manager > .content .page-selector > .content .column .header .filter {
  display: flex;
  align-items: center;
  position: relative;
  flex: 1 1 auto;
  height: 30px;
  width: calc(100% - 50px);
  color: #354555;
}
.page-manager > .content .page-selector > .content .column .header .filter__input {
  width: 100%;
  height: 100%;
  padding: 5px 25px 5px 5px;
  font-size: 17px;
  box-sizing: border-box;
  color: currentColor;
  border: 1px solid #bdcad7;
}
.page-manager > .content .page-selector > .content .column .header .filter__clear {
  position: absolute;
  right: 0;
  color: #634a00;
  opacity: 0;
  pointer-events: none;
}
.page-manager > .content .page-selector > .content .column .header .filter__input.-has-value {
  border-color: #634a007f;
}
.page-manager > .content .page-selector > .content .column .header .filter__input.-has-value + .filter__clear {
  opacity: .5;
  pointer-events: all;
}
.page-manager > .content .page-selector > .content .column .header .filter.default {
  color: #bdcad7;
}
.page-manager > .content .page-selector > .content .column .header .filter:focus {
  outline: none;
}
.page-manager > .content .page-selector > .content .column .header .button {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  font-size: 17px;
  font-weight: bold;
  /*![application.primaryColor]*/
  color: #634a00;
  cursor: pointer;
  position: relative;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 32px;
  -moz-flex: 0 0 32px;
  -ms-flex: 0 0 32px;
  flex: 0 0 32px;
  float: right;
  width: 32px;
  height: 32px;
  margin-left: 5px;
  line-height: 32px;
  text-align: center;
}
.page-manager > .content .page-selector > .content .column .header .button .icon {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.page-manager > .content .page-selector > .content .column .header .button .icon::before {
  margin-right: 0;
}
.page-manager > .content .page-selector > .content .column .header .button.new {
  display: none;
}
.page-manager > .content .page-selector > .content .column .header .button.new, .page-manager > .content .page-selector > .content .column .header .button.import-template, .page-manager > .content .page-selector > .content .column .header .button.send-all-welcome-emails {
  float: right;
}
.page-manager > .content .page-selector > .content .column .header .button.new a, .page-manager > .content .page-selector > .content .column .header .button.import-template a, .page-manager > .content .page-selector > .content .column .header .button.send-all-welcome-emails a {
  color: inherit;
  text-decoration: none;
}
.page-manager > .content .page-selector > .content .column .header .button.new .label-icon-plus::before, .page-manager > .content .page-selector > .content .column .header .button.import-template .label-icon-plus::before, .page-manager > .content .page-selector > .content .column .header .button.send-all-welcome-emails .label-icon-plus::before {
  margin-left: 10px;
  margin-right: 0;
}
.page-manager > .content .page-selector > .content .column .header .button.new .label-icon-page-export, .page-manager > .content .page-selector > .content .column .header .button.import-template .label-icon-page-export, .page-manager > .content .page-selector > .content .column .header .button.send-all-welcome-emails .label-icon-page-export {
  margin-left: 10px;
  margin-right: 0;
}
.page-manager > .content .page-selector > .content .column .header .button.new .label-icon-email-envelope, .page-manager > .content .page-selector > .content .column .header .button.import-template .label-icon-email-envelope, .page-manager > .content .page-selector > .content .column .header .button.send-all-welcome-emails .label-icon-email-envelope {
  margin-left: 10px;
  margin-right: 0;
}
.page-manager > .content .page-selector > .content .column .header .button.pick {
  font-size: 18px;
  line-height: 36px;
  display: block;
}
.page-manager > .content .page-selector > .content .column .header .button.toggled {
  pointer-events: none;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}
.page-manager > .content .page-selector > .content .column .header .tb-right {
  margin-left: auto;
  display: flex;
}
.page-manager > .content .page-selector > .content .column .header .tb-right .button.new,
.page-manager > .content .page-selector > .content .column .header .tb-right .button.refresh,
.page-manager > .content .page-selector > .content .column .header .tb-right .button.share {
  display: none;
  float: right;
}
.page-manager > .content .page-selector > .content .column .header .tb-right .button.new > span::before,
.page-manager > .content .page-selector > .content .column .header .tb-right .button.refresh > span::before,
.page-manager > .content .page-selector > .content .column .header .tb-right .button.share > span::before {
  margin-left: 10px;
  margin-right: 0;
}
.page-manager > .content .page-selector > .content .column .header .search-pickers-container {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  position: relative;
  height: 32px;
  margin-left: 10px;
}
.page-manager > .content .page-selector > .content .column .header .search-pickers-container:empty {
  display: none;
}
.page-manager > .content .page-selector > .content .column.removed {
  visibility: hidden;
}
.page-manager > .content .page-selector > .content .column .new-item-group-selector,
.page-manager > .content .page-selector > .content .column .pick-item-group-selector {
  position: absolute;
  right: 0px;
  top: 45px;
  background-color: #ffffff;
  line-height: 24px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}
.page-manager > .content .page-selector > .content .column .new-item-group-selector .selectable-list-item,
.page-manager > .content .page-selector > .content .column .pick-item-group-selector .selectable-list-item {
  /*![application.primaryColor]*/
  color: #634a00;
  border-bottom: 1px solid #cfd3d7;
  padding: 10px;
  cursor: pointer;
  text-align: left;
}
.page-manager > .content .page-selector > .content .column .new-item-group-selector .selectable-list-item:hover, .page-manager > .content .page-selector > .content .column .new-item-group-selector .selectable-list-item.selected,
.page-manager > .content .page-selector > .content .column .pick-item-group-selector .selectable-list-item:hover,
.page-manager > .content .page-selector > .content .column .pick-item-group-selector .selectable-list-item.selected {
  background-color: #fbdfa5;
}
.page-manager > .content .page-selector > .content .column .new-item-group-selector::after,
.page-manager > .content .page-selector > .content .column .pick-item-group-selector::after {
  content: '';
  position: absolute;
  top: -4px;
  width: 32px;
  height: 4px;
  background-color: white;
}
.page-manager > .content .page-selector > .content .column .new-item-group-selector::after {
  right: 10px;
}
.page-manager > .content .page-selector > .content .column .pick-item-group-selector::after {
  right: 47px;
}
.page-manager > .content .page-selector > .content .column .items-header:empty {
  display: none;
}
.page-manager > .content .page-selector > .content .column.with-items-header .items-list-wrapper {
  top: 90px;
}
.page-manager > .content .page-selector > .content .column.with-totals .items-list-wrapper {
  bottom: 75px;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper {
  position: absolute;
  top: 50px;
  bottom: 5px;
  width: 100%;
  overflow: hidden;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list.grouped .group-label {
  display: block !important;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list {
  position: absolute;
  left: 0px;
  right: 0px;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .group-label {
  display: none;
  height: auto;
  font-style: italic;
  color: #bdcad7;
  cursor: default;
  padding: 0 10px;
  line-height: 40px;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .group-label.foldable {
  cursor: pointer;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-item {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 40px;
  line-height: 40px;
  /*![application.primaryColor]*/
  color: #634a00;
  border-bottom: 1px solid #cfd3d7;
  cursor: pointer;
  padding: 0 10px 0 20px;
  -webkit-transition: background-color 300ms;
  -moz-transition: background-color 300ms;
  transition: background-color 300ms;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-item .preview {
  position: absolute;
  top: 9px;
  left: 19px;
  width: 22px;
  height: 22px;
  border-radius: 3px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 75% 75%;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-item .preview.-empty {
  display: none;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-item .move-grabber {
  cursor: url("data:image/vnd.microsoft.icon;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAA//AAAd/wAAGf+AAAH9gAADbYAAA2yAAAZsAAAGbAAAAGAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//4AB//8AAf//AAD//5AA///gAP//4AD//8AF///AB///5A////5///8="), all-scroll;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
  display: block;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 4px;
  -webkit-transition: visibility 0ms, opacity 300ms;
  -moz-transition: visibility 0ms, opacity 300ms;
  transition: visibility 0ms, opacity 300ms;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-item .move-grabber::before {
  font-size: 13px !important;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-item .label {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 0px;
  -moz-flex: 1 1 0px;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  font-family: ubuntu;
  font-size: 16px;
  /*![application.primaryColor]*/
  color: #634a00;
  border-width: 0;
  outline: none;
  background-color: transparent;
  pointer-events: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-item .label.-unset {
  opacity: .5;
  font-style: italic;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-item .label[editable=true] {
  border-width: 1px;
  background-color: #ffffff;
  cursor: text;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-item .item-menu {
  position: relative;
  visibility: hidden;
  width: 0;
  opacity: 0;
  -webkit-transition: visibility 0ms, opacity 300ms;
  -moz-transition: visibility 0ms, opacity 300ms;
  transition: visibility 0ms, opacity 300ms;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-item .item-menu .ui {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-item .item-menu .ui .item {
  height: 100%;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-item .item-menu .ui .item.fa {
  display: flex;
  align-items: center;
  color: currentColor;
  font-size: 20px;
  transition: none;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-item .item-menu .play2 {
  opacity: 0.4;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-item:hover:not(.editing) .item-menu,
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-item:hover:not(.editing) .move-grabber {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 300ms, opacity 300ms;
  -moz-transition: visibility 300ms, opacity 300ms;
  transition: visibility 300ms, opacity 300ms;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-item:hover:not(.editing) .item-menu {
  width: auto;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-item:hover {
  background-color: #fff4dc;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-item.selected, .page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-item.editing {
  background-color: #fbdfa5;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-item.editing {
  pointer-events: none;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-item.editing .label {
  pointer-events: all;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-item .publish.not-published {
  color: red;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-item .publish.not-published i::before {
  color: #750800;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-item .publish.behind-published {
  color: orange;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-item.drag-target {
  opacity: 0.3;
  pointer-events: none;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .drop-target-placeholder {
  width: 100%;
  height: 10px;
  border-bottom: 1px solid #cfd3d7;
  background-color: #e6ebee;
}
.page-manager > .content .page-selector > .content .column .footer:empty {
  display: none;
}
.page-manager > .content .page-selector > .content .column .footer:not(:empty) {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 5px 0 5px 0;
  box-sizing: border-box;
  border-top: 1px solid #bdcad7;
  background-color: white;
}
.page-manager > .content .page-selector > .content .column .horizontal-grip {
  position: absolute;
  top: 0;
  right: -20px;
  width: 20px;
  height: 100%;
  background-color: #e6ebee;
  cursor: col-resize;
}
.page-manager > .content .page-selector > .content .column:not(.focused) .column-item.selected {
  background-color: #cfd3d7 !important;
}
.page-manager > .content .page-selector > .content .column.add-remove-assoc .items-list-wrapper .items-list .column-item {
  cursor: default;
}
.page-manager > .content .page-selector > .content .column.add-remove-assoc .items-list-wrapper .items-list .column-item .item-menu .publish {
  display: none;
}
.page-manager > .content .page-selector > .content .column.-hidden {
  display: none !important;
}
.page-manager > .content .page-selector > .content .column.-medium-rows .items-list-wrapper .items-list .column-item {
  height: 45px;
  line-height: 45px;
}
.page-manager > .content .page-selector > .content .column.-medium-rows .items-list-wrapper .items-list .column-item .preview {
  top: 6px;
  left: 24px;
  width: 32px;
  height: 32px;
}
.page-manager > .content .page-selector > .content .column.-medium-rows .items-list-wrapper .items-list .column-item::before {
  margin-left: 10px;
  margin-right: 15px;
}
.page-manager > .content .page-selector > .content .column.items-height-x2 .items-list-wrapper .items-list .column-item {
  height: 80px;
  line-height: 80px;
}
.page-manager > .content .page-selector > .content .column.items-height-x2 .items-list-wrapper .items-list .column-item .item-field .value {
  height: 100%;
}
.page-manager > .content .page-selector > .content .column.items-height-x3 .items-list-wrapper .items-list .column-item {
  height: 120px;
  line-height: 120px;
}
.page-manager > .content .page-selector > .content .column.items-height-x3 .items-list-wrapper .items-list .column-item .item-field .value {
  height: 100%;
}
.page-manager > .content .page-selector > .content .column.items-height-x4 .items-list-wrapper .items-list .column-item {
  height: 160px;
  line-height: 160px;
}
.page-manager > .content .page-selector > .content .column.items-height-x4 .items-list-wrapper .items-list .column-item .item-field .value {
  height: 100%;
}
.page-manager > .content .page-selector > .content .column .header .filter {
  background-color: #f5f7f9;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-group .group-label {
  display: none !important;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-group .column-item {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  height: 160px;
  margin: 10px 20px 10px 0;
  /*![application.primaryColor]*/
  border-color: #634a00;
  border: 1px solid;
  overflow: hidden;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-group .column-item .page-content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  margin-top: 15px;
  margin-right: 10px;
  overflow: hidden;
  pointer-events: none !important;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-group .column-item .page-content .beanContainer {
  position: absolute;
  transform-origin: top left;
  width: 900px !important;
  height: 600px !important;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-group .column-item .page-content .beanContainer .bean-parent {
  height: 100% !important;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-group .column-item .page-content .preview-icon {
  -webkit-transform: translateY(-20%) scale(0.5, 0.5);
  -moz-transform: translateY(-20%) scale(0.5, 0.5);
  -ms-transform: translateY(-20%) scale(0.5, 0.5);
  -o-transform: translateY(-20%) scale(0.5, 0.5);
  transform: translateY(-20%) scale(0.5, 0.5);
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-group .column-item .preview {
  display: none;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-group .column-item .move-grabber {
  position: absolute;
  height: 100%;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-group .column-item .move-grabber::before {
  position: absolute;
  top: 0;
  bottom: 20px;
  height: 20px;
  margin: auto 0 auto 0;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-group .column-item .item-footer {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -20px;
  margin-right: -10px;
  padding-left: 10px;
  padding-right: 5px;
  line-height: 30px;
  background-color: #fdb71a;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-group .column-item .item-footer .label,
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-group .column-item .item-footer .item-menu .ui {
  color: #ffffff;
  font-size: 14px;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-group .column-item .item-footer .label[editable=true] {
  color: #000000;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-group .column-item .item-footer [class^="label-icon-"]::before, .page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-group .column-item .item-footer [class*=" label-icon-"]::before {
  font-size: 17px;
}
.page-manager > .content .page-selector > .content .column .items-list-wrapper .items-list .column-group .column-item.selected {
  box-shadow: 0 0 15px;
  margin-left: 10px !important;
}
.page-manager > .content .page-selector.open,
.page-manager > .content .page-selector:hover {
  left: 0px;
}
.page-manager > .content .page-selector.open .toggle-button-icons .fa,
.page-manager > .content .page-selector:hover .toggle-button-icons .fa {
  -webkit-transform: rotate(0deg) scaleX(0.6);
  -moz-transform: rotate(0deg) scaleX(0.6);
  -ms-transform: rotate(0deg) scaleX(0.6);
  -o-transform: rotate(0deg) scaleX(0.6);
  transform: rotate(0deg) scaleX(0.6);
  -webkit-transition: -webkit-transform 300ms;
  -moz-transition: -moz-transform 300ms;
  transition: transform 300ms;
}
.page-manager > .content .page-holder {
  position: absolute;
  left: 20px;
  right: 0px;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
}
.page-manager > .content .page-holder .bean-container-holder {
  height: 100%;
  position: relative;
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  flex-grow: 2;
  -ms-flex-positive: 2;
}
.page-manager > .content .page-holder .bean-container-holder .bean-container-parent {
  position: absolute;
  top: 60px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: scroll;
}
.page-manager > .content .page-holder .bean-container-holder .bean-container-parent .bean-container {
  left: 0;
  right: 0;
  margin: auto;
  position: relative;
}
.page-manager > .content .page-holder .bean-container-holder .bean-container-parent .bean-container .bean-parent.smr-selected .bean {
  pointer-events: initial;
}
.page-manager > .content .page-holder .bean-container-holder .bean-container-parent .bean-container .bean-parent .noImageBackground {
  width: 100%;
  height: 100%;
  background-image: url(../../shared/assets/img/tile.png);
}
.page-manager > .content .page-holder .bean-container-holder .bean-container-parent .bean-container .bean-parent .bean {
  pointer-events: none;
}
.page-manager > .content .page-holder .bean-container-holder .editor-toolbar {
  top: 0;
  height: 60px;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
}
.page-manager > .content .page-holder .bean-container-holder .editor-toolbar select {
  max-width: 100%;
  border: 1px #5172a3 solid;
  color: #313131;
  font-size: 14px;
  background: white;
  padding: 2px;
  border-radius: 5px;
}
.page-manager > .content .page-holder .properties-panel {
  background-color: #cbd4db;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  width: 400px;
  opacity: 1;
  transition: opacity 0.5s;
}
.page-manager > .content .page-holder .properties-panel .tabs {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
}
.page-manager > .content .page-holder .properties-panel .tabs .tab {
  /*![application.primaryColor]*/
  color: #634a00;
  background-color: #ffffff;
  padding: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 14px;
  margin-left: 6px;
  max-width: 150px;
  cursor: pointer;
}
.page-manager > .content .page-holder .properties-panel .tabs .tab .title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.page-manager > .content .page-holder .properties-panel .tabs .tab.selected {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
  margin-left: 6px;
  background-color: #dbe3e9;
}
.page-manager > .content .page-holder .properties-panel .properties-holder {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 100%;
  -moz-flex: 1 100%;
  -ms-flex: 1 100%;
  flex: 1 100%;
  overflow: hidden;
}
.page-manager > .content .page-holder .properties-panel .properties-holder .pioneer-settings-editor .footer {
  display: none;
}
.page-manager > .content .page-holder .page-properties .pioneer-settings-editor {
  max-height: initial;
}
.page-manager > .content .page-holder .page-properties .pioneer-settings-editor .close-button {
  display: none;
}
.page-manager > .content .page-holder .page-preview-options,
.page-manager > .content .page-holder .style-configurator {
  padding: 20px !important;
  padding-left: 28px !important;
  padding-right: 28px !important;
}
.page-manager > .content .page-holder .page-preview-options > div,
.page-manager > .content .page-holder .style-configurator > div {
  font-family: ubuntu;
  position: relative;
  margin-bottom: 20px;
  width: 100%;
  /*![application.primaryColor]*/
  border-top-color: #634a00;
  border-top: 1px solid;
  padding-top: 20px;
}
.page-manager > .content .page-holder .page-preview-options > div .title,
.page-manager > .content .page-holder .style-configurator > div .title {
  /*![application.primaryColor]*/
  color: #634a00;
  font-size: 16px;
  margin-bottom: 5px;
}
.page-manager > .content .page-holder .bean-properties-holder, .page-manager > .content .page-holder .page-properties {
  overflow: hidden;
}
.page-manager > .content .page-holder .page-preview-options, .page-manager > .content .page-holder .style-configurator {
  overflow-y: auto;
  overflow-x: hidden;
}
.page-manager > .content .page-holder .bean-properties-holder, .page-manager > .content .page-holder .page-preview-options, .page-manager > .content .page-holder .page-properties, .page-manager > .content .page-holder .style-configurator {
  position: relative;
  height: 100%;
  box-sizing: border-box;
  background-color: #dbe3e9;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.page-manager > .content .page-holder .bean-properties-holder .header, .page-manager > .content .page-holder .page-preview-options .header, .page-manager > .content .page-holder .page-properties .header, .page-manager > .content .page-holder .style-configurator .header {
  font-family: ubuntu;
  /*![application.primaryColor]*/
  color: #634a00;
  font-size: 20px;
  margin-top: 20px;
  position: relative;
  border-top: 1px solid #bdcad7;
  border-bottom: 1px solid #bdcad7;
  height: 80px;
}
.page-manager > .content .page-holder .bean-properties-holder .editor-popup > div:last-child, .page-manager > .content .page-holder .page-preview-options .editor-popup > div:last-child, .page-manager > .content .page-holder .page-properties .editor-popup > div:last-child, .page-manager > .content .page-holder .style-configurator .editor-popup > div:last-child {
  display: block;
}
.page-manager > .content .page-holder .bean-properties-holder .editor-popup > div, .page-manager > .content .page-holder .page-preview-options .editor-popup > div, .page-manager > .content .page-holder .page-properties .editor-popup > div, .page-manager > .content .page-holder .style-configurator .editor-popup > div {
  display: none;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties-parent, .page-manager > .content .page-holder .page-preview-options .bean-properties-parent, .page-manager > .content .page-holder .page-properties .bean-properties-parent, .page-manager > .content .page-holder .style-configurator .bean-properties-parent {
  height: 100%;
  position: relative;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties-parent > div:last-child, .page-manager > .content .page-holder .page-preview-options .bean-properties-parent > div:last-child, .page-manager > .content .page-holder .page-properties .bean-properties-parent > div:last-child, .page-manager > .content .page-holder .style-configurator .bean-properties-parent > div:last-child {
  display: block;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties-parent > div, .page-manager > .content .page-holder .page-preview-options .bean-properties-parent > div, .page-manager > .content .page-holder .page-properties .bean-properties-parent > div, .page-manager > .content .page-holder .style-configurator .bean-properties-parent > div {
  display: none;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties-parent .fa-arrow-circle-left, .page-manager > .content .page-holder .page-preview-options .bean-properties-parent .fa-arrow-circle-left, .page-manager > .content .page-holder .page-properties .bean-properties-parent .fa-arrow-circle-left, .page-manager > .content .page-holder .style-configurator .bean-properties-parent .fa-arrow-circle-left {
  color: black;
}
.page-manager > .content .page-holder .bean-properties-holder .editor-popup, .page-manager > .content .page-holder .page-preview-options .editor-popup, .page-manager > .content .page-holder .page-properties .editor-popup, .page-manager > .content .page-holder .style-configurator .editor-popup {
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
  background-color: #dbe3e9;
}
.page-manager > .content .page-holder .bean-properties-holder .editor-popup .close, .page-manager > .content .page-holder .page-preview-options .editor-popup .close, .page-manager > .content .page-holder .page-properties .editor-popup .close, .page-manager > .content .page-holder .style-configurator .editor-popup .close {
  margin-left: 8px;
}
.page-manager > .content .page-holder .bean-properties-holder .editor-popup .editor-popup-title, .page-manager > .content .page-holder .page-preview-options .editor-popup .editor-popup-title, .page-manager > .content .page-holder .page-properties .editor-popup .editor-popup-title, .page-manager > .content .page-holder .style-configurator .editor-popup .editor-popup-title {
  font-family: ubuntu;
  /*![application.primaryColor]*/
  color: #634a00;
  font-size: 20px;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties, .page-manager > .content .page-holder .page-preview-options .bean-properties, .page-manager > .content .page-holder .page-properties .bean-properties, .page-manager > .content .page-holder .style-configurator .bean-properties {
  overflow-y: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder {
  position: relative;
  overflow: hidden;
  padding: 20px;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder > div, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder > div, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder > div, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder > div {
  width: 100%;
  /*![application.primaryColor]*/
  border-top-color: #634a00;
  border-top: 1px solid;
  padding-top: 20px;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor {
  font-family: ubuntu;
  position: relative;
  margin-bottom: 20px;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .readonly, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .readonly, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .readonly, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .readonly {
  opacity: 0.5;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .fa, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .fa, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .fa, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .fa {
  color: black;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor {
  border-color: #bbbbbb;
  border-width: 1px;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor label,
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .label,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor label,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .label, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor label,
.page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .label,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor label,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .label, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor label,
.page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .label,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor label,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .label, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor label,
.page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .label,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor label,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .label {
  /*![application.primaryColor]*/
  color: #634a00;
  font-size: 16px;
  margin-bottom: 5px;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor label input,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor label input, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor label input,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor label input, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor label input,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor label input, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor label input,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor label input {
  width: auto;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor input,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor input, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor input,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor input, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor input,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor input, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor input,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor input {
  width: 100%;
  border: 1px solid #bbbbbb;
  color: #634a00;
  font-size: 16px;
  padding: 5px;
  box-sizing: border-box;
  box-shadow: none;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar, .page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .buttonBar, .page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .filePickerButtonBar,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .buttonBar,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .footerListButtonBar, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .buttonBar, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .filePickerButtonBar,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .buttonBar,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .footerListButtonBar, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .buttonBar, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .filePickerButtonBar,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .buttonBar,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .footerListButtonBar, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .buttonBar, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .filePickerButtonBar,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .buttonBar,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .footerListButtonBar {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .button, .page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .buttonBar .button, .page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .button,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .filePickerButtonBar .button,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .buttonBar .button,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .footerListButtonBar .button, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .button, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .buttonBar .button, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .button,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .filePickerButtonBar .button,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .buttonBar .button,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .footerListButtonBar .button, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .button, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .buttonBar .button, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .button,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .filePickerButtonBar .button,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .buttonBar .button,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .footerListButtonBar .button, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .button, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .buttonBar .button, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .button,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .filePickerButtonBar .button,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .buttonBar .button,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .footerListButtonBar .button {
  font-family: ubuntu-bold;
  padding: 3px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #634a00;
  border-radius: 10px;
  color: #634a00;
  min-width: 60px;
  font-size: 16px;
  text-align: center;
  background-color: transparent;
  cursor: pointer;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .button.selected, .page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .buttonBar .button.selected, .page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .button.selected,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .filePickerButtonBar .button.selected,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .buttonBar .button.selected,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .footerListButtonBar .button.selected, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .button.selected, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .buttonBar .button.selected, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .button.selected,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .filePickerButtonBar .button.selected,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .buttonBar .button.selected,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .footerListButtonBar .button.selected, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .button.selected, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .buttonBar .button.selected, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .button.selected,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .filePickerButtonBar .button.selected,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .buttonBar .button.selected,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .footerListButtonBar .button.selected, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .button.selected, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .buttonBar .button.selected, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .button.selected,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .filePickerButtonBar .button.selected,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .buttonBar .button.selected,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .footerListButtonBar .button.selected {
  border: 1px dashed #634a00;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .button:hover, .page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .button:focus, .page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .buttonBar .button:hover, .page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .buttonBar .button:focus, .page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .button:hover, .page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .button:focus,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .filePickerButtonBar .button:hover,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .filePickerButtonBar .button:focus,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .buttonBar .button:hover,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .buttonBar .button:focus,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .footerListButtonBar .button:hover,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .footerListButtonBar .button:focus, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .button:hover, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .button:focus, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .buttonBar .button:hover, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .buttonBar .button:focus, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .button:hover, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .button:focus,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .filePickerButtonBar .button:hover,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .filePickerButtonBar .button:focus,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .buttonBar .button:hover,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .buttonBar .button:focus,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .footerListButtonBar .button:hover,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .footerListButtonBar .button:focus, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .button:hover, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .button:focus, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .buttonBar .button:hover, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .buttonBar .button:focus, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .button:hover, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .button:focus,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .filePickerButtonBar .button:hover,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .filePickerButtonBar .button:focus,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .buttonBar .button:hover,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .buttonBar .button:focus,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .footerListButtonBar .button:hover,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .footerListButtonBar .button:focus, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .button:hover, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .button:focus, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .buttonBar .button:hover, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .buttonBar .button:focus, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .button:hover, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .button:focus,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .filePickerButtonBar .button:hover,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .filePickerButtonBar .button:focus,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .buttonBar .button:hover,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .buttonBar .button:focus,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .footerListButtonBar .button:hover,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .footerListButtonBar .button:focus {
  opacity: 0.8;
  outline: none;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .button.disabled:hover, .page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .buttonBar .button.disabled:hover, .page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .button.disabled:hover,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .filePickerButtonBar .button.disabled:hover,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .buttonBar .button.disabled:hover,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .footerListButtonBar .button.disabled:hover, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .button.disabled:hover, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .buttonBar .button.disabled:hover, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .button.disabled:hover,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .filePickerButtonBar .button.disabled:hover,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .buttonBar .button.disabled:hover,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .footerListButtonBar .button.disabled:hover, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .button.disabled:hover, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .buttonBar .button.disabled:hover, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .button.disabled:hover,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .filePickerButtonBar .button.disabled:hover,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .buttonBar .button.disabled:hover,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .footerListButtonBar .button.disabled:hover, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .button.disabled:hover, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .buttonBar .button.disabled:hover, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .button.disabled:hover,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .filePickerButtonBar .button.disabled:hover,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .buttonBar .button.disabled:hover,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .footerListButtonBar .button.disabled:hover {
  opacity: 0.4;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .button.disabled, .page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .buttonBar .button.disabled, .page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .button.disabled,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .filePickerButtonBar .button.disabled,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .buttonBar .button.disabled,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .footerListButtonBar .button.disabled, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .button.disabled, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .buttonBar .button.disabled, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .button.disabled,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .filePickerButtonBar .button.disabled,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .buttonBar .button.disabled,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .footerListButtonBar .button.disabled, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .button.disabled, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .buttonBar .button.disabled, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .button.disabled,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .filePickerButtonBar .button.disabled,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .buttonBar .button.disabled,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .footerListButtonBar .button.disabled, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .button.disabled, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .buttonBar .button.disabled, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .button.disabled,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .filePickerButtonBar .button.disabled,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .buttonBar .button.disabled,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .footerListButtonBar .button.disabled {
  opacity: 0.4;
  cursor: default;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .button, .page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .buttonBar .button, .page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .button,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .filePickerButtonBar .button,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .buttonBar .button,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .footerListButtonBar .button, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .button, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .buttonBar .button, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .button,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .filePickerButtonBar .button,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .buttonBar .button,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .footerListButtonBar .button, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .button, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .buttonBar .button, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .button,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .filePickerButtonBar .button,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .buttonBar .button,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .footerListButtonBar .button, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .button, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .buttonBar .button, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .button,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .filePickerButtonBar .button,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .buttonBar .button,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .footerListButtonBar .button {
  margin-right: 5px;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .importSRT, .page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .buttonBar .importSRT, .page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .importSRT,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .filePickerButtonBar .importSRT,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .buttonBar .importSRT,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .footerListButtonBar .importSRT, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .importSRT, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .buttonBar .importSRT, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .importSRT,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .filePickerButtonBar .importSRT,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .buttonBar .importSRT,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .footerListButtonBar .importSRT, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .importSRT, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .buttonBar .importSRT, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .importSRT,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .filePickerButtonBar .importSRT,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .buttonBar .importSRT,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .footerListButtonBar .importSRT, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .filePickerButtonBar .importSRT, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .buttonBar .importSRT, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar .importSRT,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .filePickerButtonBar .importSRT,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .buttonBar .importSRT,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .footerListButtonBar .importSRT {
  display: none;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .footerListButtonBar, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .footerListButtonBar, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .footerListButtonBar, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .footerListButtonBar,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .footerListButtonBar {
  margin-top: 10px;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .imageEditor.hidden,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .imageEditor.hidden, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .imageEditor.hidden,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .imageEditor.hidden, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .imageEditor.hidden,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .imageEditor.hidden, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .imageEditor.hidden,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .imageEditor.hidden {
  display: none !important;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .title,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .title, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .title,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .title, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .title,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .title, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .title,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .title {
  font-size: 16px;
  font-family: robotoregular;
  color: #3f6780;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .imageEditor,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .imageEditor, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .imageEditor,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .imageEditor, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .imageEditor,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .imageEditor, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .imageEditor,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .imageEditor {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .imageEditor .jqx-radiobutton,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .imageEditor .jqx-radiobutton, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .imageEditor .jqx-radiobutton,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .imageEditor .jqx-radiobutton, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .imageEditor .jqx-radiobutton,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .imageEditor .jqx-radiobutton, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .imageEditor .jqx-radiobutton,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .imageEditor .jqx-radiobutton {
  color: #0b3967;
  font-family: robotoregular;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .imageEditor .sizing-controls, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .imageEditor .sizing-controls, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .imageEditor .sizing-controls, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .imageEditor .sizing-controls {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  margin-top: 5px;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundSize .scale,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .imageEditor .sizing-controls .backgroundSize .scale, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundSize .scale,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .imageEditor .sizing-controls .backgroundSize .scale, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundSize .scale,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .imageEditor .sizing-controls .backgroundSize .scale, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundSize .scale,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .imageEditor .sizing-controls .backgroundSize .scale {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundSize .scale input,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .imageEditor .sizing-controls .backgroundSize .scale input, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundSize .scale input,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .imageEditor .sizing-controls .backgroundSize .scale input, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundSize .scale input,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .imageEditor .sizing-controls .backgroundSize .scale input, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundSize .scale input,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .imageEditor .sizing-controls .backgroundSize .scale input {
  color: #0b3967;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundSize .scale .scaler,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .imageEditor .sizing-controls .backgroundSize .scale .scaler, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundSize .scale .scaler,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .imageEditor .sizing-controls .backgroundSize .scale .scaler, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundSize .scale .scaler,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .imageEditor .sizing-controls .backgroundSize .scale .scaler, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundSize .scale .scaler,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .imageEditor .sizing-controls .backgroundSize .scale .scaler {
  display: none;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition {
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  flex-grow: 2;
  -ms-flex-positive: 2;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition .direction,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition .direction, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition .direction,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition .direction, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition .direction,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition .direction, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition .direction,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition .direction {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition .xpos,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition .xpos, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition .xpos,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition .xpos, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition .xpos,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition .xpos, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition .xpos,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition .xpos {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition .xpos input,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition .xpos input, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition .xpos input,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition .xpos input, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition .xpos input,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition .xpos input, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition .xpos input,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition .xpos input {
  color: #0b3967;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition .xpos .xPositioner,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition .xpos .xPositioner, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition .xpos .xPositioner,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition .xpos .xPositioner, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition .xpos .xPositioner,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition .xpos .xPositioner, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition .xpos .xPositioner,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition .xpos .xPositioner {
  display: none;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition .ypos,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition .ypos, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition .ypos,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition .ypos, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition .ypos,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition .ypos, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition .ypos,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition .ypos {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition .ypos input,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition .ypos input, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition .ypos input,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition .ypos input, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition .ypos input,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition .ypos input, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition .ypos input,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition .ypos input {
  color: #0b3967;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition .ypos .yPositioner,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition .ypos .yPositioner, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition .ypos .yPositioner,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition .ypos .yPositioner, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition .ypos .yPositioner,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition .ypos .yPositioner, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .imageEditor .sizing-controls .backgroundPosition .ypos .yPositioner,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .imageEditor .sizing-controls .backgroundPosition .ypos .yPositioner {
  display: none;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .imageEditor .imageView,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .imageEditor .imageView, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .imageEditor .imageView,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .imageEditor .imageView, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .imageEditor .imageView,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .imageEditor .imageView, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .imageEditor .imageView,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .imageEditor .imageView {
  margin-top: 5px;
  width: 140px;
  height: 80px;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block !important;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .imageEditor .imageView2,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .imageEditor .imageView2, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .imageEditor .imageView2,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .imageEditor .imageView2, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .imageEditor .imageView2,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .imageEditor .imageView2, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .imageEditor .imageView2,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .imageEditor .imageView2 {
  width: 140px;
  height: 80px;
  display: inline-block !important;
  background-repeat: no-repeat;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .imageEditor.simple .backgroundPosition,
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .imageEditor.simple .backgroundSize,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .imageEditor.simple .backgroundPosition,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .imageEditor.simple .backgroundSize, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .imageEditor.simple .backgroundPosition,
.page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .imageEditor.simple .backgroundSize,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .imageEditor.simple .backgroundPosition,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .imageEditor.simple .backgroundSize, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .imageEditor.simple .backgroundPosition,
.page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .imageEditor.simple .backgroundSize,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .imageEditor.simple .backgroundPosition,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .imageEditor.simple .backgroundSize, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .imageEditor.simple .backgroundPosition,
.page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .imageEditor.simple .backgroundSize,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .imageEditor.simple .backgroundPosition,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .imageEditor.simple .backgroundSize {
  display: none !important;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .imageEditor.simple .imageView,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .imageEditor.simple .imageView, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .imageEditor.simple .imageView,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .imageEditor.simple .imageView, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .imageEditor.simple .imageView,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .imageEditor.simple .imageView, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .imageEditor.simple .imageView,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .imageEditor.simple .imageView {
  width: 100%;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .caption-time .textInput,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .caption-time .textInput, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .caption-time .textInput,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .caption-time .textInput, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .caption-time .textInput,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .caption-time .textInput, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .caption-time .textInput,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .caption-time .textInput {
  display: inline-block;
  width: 35%;
  text-align: center;
  margin-right: 5px;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .caption-time .button,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .caption-time .button, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .caption-time .button,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .caption-time .button, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .caption-time .button,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .caption-time .button, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .caption-time .button,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .caption-time .button {
  font-family: ubuntu-bold;
  padding: 3px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid white;
  border-radius: 10px;
  color: white;
  min-width: 60px;
  font-size: 16px;
  text-align: center;
  background-color: transparent;
  cursor: pointer;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .caption-time .button.selected,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .caption-time .button.selected, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .caption-time .button.selected,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .caption-time .button.selected, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .caption-time .button.selected,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .caption-time .button.selected, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .caption-time .button.selected,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .caption-time .button.selected {
  border: 1px dashed white;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .caption-time .button:hover, .page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .caption-time .button:focus,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .caption-time .button:hover,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .caption-time .button:focus, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .caption-time .button:hover, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .caption-time .button:focus,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .caption-time .button:hover,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .caption-time .button:focus, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .caption-time .button:hover, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .caption-time .button:focus,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .caption-time .button:hover,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .caption-time .button:focus, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .caption-time .button:hover, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .caption-time .button:focus,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .caption-time .button:hover,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .caption-time .button:focus {
  opacity: 0.8;
  outline: none;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .caption-time .button.disabled:hover,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .caption-time .button.disabled:hover, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .caption-time .button.disabled:hover,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .caption-time .button.disabled:hover, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .caption-time .button.disabled:hover,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .caption-time .button.disabled:hover, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .caption-time .button.disabled:hover,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .caption-time .button.disabled:hover {
  opacity: 0.4;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .caption-time .button.disabled,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .caption-time .button.disabled, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .caption-time .button.disabled,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .caption-time .button.disabled, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .caption-time .button.disabled,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .caption-time .button.disabled, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .caption-time .button.disabled,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .caption-time .button.disabled {
  opacity: 0.4;
  cursor: default;
}
.page-manager > .content .page-holder .bean-properties-holder .bean-properties .bean-editor-holder .beanEditor .caption-time .button,
.page-manager > .content .page-holder .bean-properties-holder fieldset .beanEditor .caption-time .button, .page-manager > .content .page-holder .page-preview-options .bean-properties .bean-editor-holder .beanEditor .caption-time .button,
.page-manager > .content .page-holder .page-preview-options fieldset .beanEditor .caption-time .button, .page-manager > .content .page-holder .page-properties .bean-properties .bean-editor-holder .beanEditor .caption-time .button,
.page-manager > .content .page-holder .page-properties fieldset .beanEditor .caption-time .button, .page-manager > .content .page-holder .style-configurator .bean-properties .bean-editor-holder .beanEditor .caption-time .button,
.page-manager > .content .page-holder .style-configurator fieldset .beanEditor .caption-time .button {
  display: inline-block;
  font-size: 14px;
  padding-top: 0px;
  padding-bottom: 0px;
  /*![application.primaryColor]*/
  background-color: #634a00;
}

.media-browser .column .group-label {
  display: none;
}
.media-browser .column .mediaPreview {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 20px;
  box-sizing: border-box;
}
.media-browser .column .mediaPreview .mediaContent {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.media-browser.location-picker .button.new {
  display: none !important;
}
.media-browser.location-picker .column-group:last-of-type .column-item {
  pointer-events: none;
  opacity: 0.5;
}

.media-browser.location-picker .side-panel,
.media-browser.file-picker .side-panel {
  display: none;
}
.media-browser.location-picker .column-item.label-icon-trash-o,
.media-browser.file-picker .column-item.label-icon-trash-o {
  display: none !important;
}

.pioneer.fit-to-view .objects-wrapper .objects {
  width: 100%;
}

.property\.bytearray\.bitepage\.screenshotdata {
  display: none;
}

.MainCMS .bean-container {
  border: 1px dashed;
  min-height: 100px;
  min-width: 100px;
}
.MainCMS .alert-box .locale-selector .header2 .title {
  padding-right: 50px;
  padding-left: 20px;
}

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(45deg);
  }
  to {
    -moz-transform: rotate(405deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(45deg);
  }
  to {
    -webkit-transform: rotate(405deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(45deg);
  }
  to {
    transform: rotate(405deg);
  }
}
.fa-columnitem {
  margin-top: 12px;
}

@font-face {
  font-family: 'FontAwesome';
  src: url("../../shared/assets/font/fontawesome-webfont.eot?v=4.5.0");
  src: url("../../shared/assets/font/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../../shared/assets/font/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("../../shared/assets/font/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../../shared/assets/font/fontawesome-webfont.eot?v=4.5.0");
  src: url("../../shared/assets/font/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../../shared/assets/font/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("../../shared/assets/font/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'robotoregular';
  src: url("../../shared/assets/font/roboto/Roboto-Regular-webfont.eot?v=4.5.0");
  src: url("../../shared/assets/font/roboto/Roboto-Regular-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../../shared/assets/font/roboto/Roboto-Regular-webfont.woff?v=4.5.0") format("woff"), url("../../shared/assets/font/roboto/Roboto-Regular-webfont.ttf?v=4.5.0") format("truetype"), url("../../shared/assets/font/roboto/Roboto-Regular-webfont.svg#robotoregular?v=4.5.0") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'robotoblack';
  src: url("../../shared/assets/font/roboto/roboto-black.ttf?v=4.5.0") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'droidsans';
  src: url("../../shared/assets/font/droidsans.ttf?v=4.5.0") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto_condensedlight';
  src: url("../../shared/assets/font/roboto/RobotoCondensed-Light-webfont.eot?v=4.5.0");
  src: url("../../shared/assets/font/roboto/RobotoCondensed-Light-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../../shared/assets/font/roboto/RobotoCondensed-Light-webfont.woff?v=4.5.0") format("woff"), url("../../shared/assets/font/roboto/RobotoCondensed-Light-webfont.ttf?v=4.5.0") format("truetype"), url("../../shared/assets/font/roboto/RobotoCondensed-Light-webfont.svg#roboto_condensedlight?v=4.5.0") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'robotolight';
  src: url("../../shared/assets/font/roboto/Roboto-Light-webfont.eot?v=4.5.0");
  src: url("../../shared/assets/font/roboto/Roboto-Light-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../../shared/assets/font/roboto/Roboto-Light-webfont.woff?v=4.5.0") format("woff"), url("../../shared/assets/font/roboto/Roboto-Light-webfont.ttf?v=4.5.0") format("truetype"), url("../../shared/assets/font/roboto/Roboto-Light-webfont.svg#robotolight?v=4.5.0") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ubuntu';
  src: url("../../shared/assets/font/ubuntu-r-webfont.woff2?v=4.5.0") format("woff2"), url("../../shared/assets/font/ubuntu-r-webfont.woff?v=4.5.0") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ubuntu-bold';
  src: url("../../shared/assets/font/ubuntu-b-webfont.woff2?v=4.5.0") format("woff2"), url("../../shared/assets/font/ubuntu-b-webfont.woff?v=4.5.0") format("woff");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714em;
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "";
}

.fa-music:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-envelope-o:before {
  content: "";
}

.fa-heart:before {
  content: "";
}

.fa-star:before {
  content: "";
}

.fa-star-o:before {
  content: "";
}

.fa-user:before {
  content: "";
}

.fa-film:before {
  content: "";
}

.fa-th-large:before {
  content: "";
}

.fa-th:before {
  content: "";
}

.fa-th-list:before {
  content: "";
}

.fa-check:before {
  content: "";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "";
}

.fa-search-plus:before {
  content: "";
}

.fa-search-minus:before {
  content: "";
}

.fa-power-off:before {
  content: "";
}

.fa-signal:before {
  content: "";
}

.fa-gear:before,
.fa-cog:before {
  content: "";
}

.fa-trash-o:before {
  content: "";
}

.fa-home:before {
  content: "";
}

.fa-file-o:before {
  content: "";
}

.fa-clock-o:before {
  content: "";
}

.fa-road:before {
  content: "";
}

.fa-download:before {
  content: "";
}

.fa-arrow-circle-o-down:before {
  content: "";
}

.fa-arrow-circle-o-up:before {
  content: "";
}

.fa-inbox:before {
  content: "";
}

.fa-play-circle-o:before {
  content: "";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "";
}

.fa-refresh:before {
  content: "";
}

.fa-list-alt:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

.fa-volume-off:before {
  content: "";
}

.fa-volume-down:before {
  content: "";
}

.fa-volume-up:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

.fa-text-height:before {
  content: "";
}

.fa-text-width:before {
  content: "";
}

.fa-align-left:before {
  content: "";
}

.fa-align-center:before {
  content: "";
}

.fa-align-right:before {
  content: "";
}

.fa-align-justify:before {
  content: "";
}

.fa-list:before {
  content: "";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "";
}

.fa-indent:before {
  content: "";
}

.fa-video-camera:before {
  content: "";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "";
}

.fa-pencil:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-adjust:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "";
}

.fa-share-square-o:before {
  content: "";
}

.fa-check-square-o:before {
  content: "";
}

.fa-arrows:before {
  content: "";
}

.fa-step-backward:before {
  content: "";
}

.fa-fast-backward:before {
  content: "";
}

.fa-backward:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

.fa-fast-forward:before {
  content: "";
}

.fa-step-forward:before {
  content: "";
}

.fa-eject:before {
  content: "";
}

.fa-chevron-left:before {
  content: "";
}

.fa-chevron-right:before {
  content: "";
}

.fa-plus-circle:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

.fa-check-circle:before {
  content: "";
}

.fa-question-circle:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-crosshairs:before {
  content: "";
}

.fa-times-circle-o:before {
  content: "";
}

.fa-check-circle-o:before {
  content: "";
}

.fa-ban:before {
  content: "";
}

.fa-arrow-left:before {
  content: "";
}

.fa-arrow-right:before {
  content: "";
}

.fa-arrow-up:before {
  content: "";
}

.fa-arrow-down:before {
  content: "";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "";
}

.fa-expand:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

.fa-exclamation-circle:before {
  content: "";
}

.fa-gift:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "";
}

.fa-plane:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

.fa-chevron-up:before {
  content: "";
}

.fa-chevron-down:before {
  content: "";
}

.fa-retweet:before {
  content: "";
}

.fa-shopping-cart:before {
  content: "";
}

.fa-folder:before {
  content: "";
}

.fa-folder-open:before {
  content: "";
}

.fa-arrows-v:before {
  content: "";
}

.fa-arrows-h:before {
  content: "";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "";
}

.fa-twitter-square:before {
  content: "";
}

.fa-facebook-square:before {
  content: "";
}

.fa-camera-retro:before {
  content: "";
}

.fa-key:before {
  content: "";
}

.fa-gears:before,
.fa-cogs:before {
  content: "";
}

.fa-comments:before {
  content: "";
}

.fa-thumbs-o-up:before {
  content: "";
}

.fa-thumbs-o-down:before {
  content: "";
}

.fa-star-half:before {
  content: "";
}

.fa-heart-o:before {
  content: "";
}

.fa-sign-out:before {
  content: "";
}

.fa-linkedin-square:before {
  content: "";
}

.fa-thumb-tack:before {
  content: "";
}

.fa-external-link:before {
  content: "";
}

.fa-sign-in:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

.fa-github-square:before {
  content: "";
}

.fa-upload:before {
  content: "";
}

.fa-lemon-o:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-square-o:before {
  content: "";
}

.fa-bookmark-o:before {
  content: "";
}

.fa-phone-square:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "";
}

.fa-github:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

.fa-credit-card:before {
  content: "";
}

.fa-feed:before,
.fa-rss:before {
  content: "";
}

.fa-hdd-o:before {
  content: "";
}

.fa-bullhorn:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

.fa-hand-o-right:before {
  content: "";
}

.fa-hand-o-left:before {
  content: "";
}

.fa-hand-o-up:before {
  content: "";
}

.fa-hand-o-down:before {
  content: "";
}

.fa-arrow-circle-left:before {
  content: "";
}

.fa-arrow-circle-right:before {
  content: "";
}

.fa-arrow-circle-up:before {
  content: "";
}

.fa-arrow-circle-down:before {
  content: "";
}

.fa-globe:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

.fa-arrows-alt:before {
  content: "";
}

.fa-group:before,
.fa-users:before {
  content: "";
}

.fa-chain:before,
.fa-link:before {
  content: "";
}

.fa-cloud:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

.fa-cut:before,
.fa-scissors:before {
  content: "";
}

.fa-copy:before,
.fa-files-o:before {
  content: "";
}

.fa-paperclip:before {
  content: "";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "";
}

.fa-square:before {
  content: "";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "";
}

.fa-list-ul:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-strikethrough:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

.fa-pinterest-square:before {
  content: "";
}

.fa-google-plus-square:before {
  content: "";
}

.fa-google-plus:before {
  content: "";
}

.fa-money:before {
  content: "";
}

.fa-caret-down:before {
  content: "";
}

.fa-caret-up:before {
  content: "";
}

.fa-caret-left:before {
  content: "";
}

.fa-caret-right:before {
  content: "";
}

.fa-columns:before {
  content: "";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "";
}

.fa-legal:before,
.fa-gavel:before {
  content: "";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "";
}

.fa-comment-o:before {
  content: "";
}

.fa-comments-o:before {
  content: "";
}

.fa-flash:before,
.fa-bolt:before {
  content: "";
}

.fa-sitemap:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "";
}

.fa-lightbulb-o:before {
  content: "";
}

.fa-exchange:before {
  content: "";
}

.fa-cloud-download:before {
  content: "";
}

.fa-cloud-upload:before {
  content: "";
}

.fa-user-md:before {
  content: "";
}

.fa-stethoscope:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

.fa-bell-o:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-cutlery:before {
  content: "";
}

.fa-file-text-o:before {
  content: "";
}

.fa-building-o:before {
  content: "";
}

.fa-hospital-o:before {
  content: "";
}

.fa-ambulance:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

.fa-fighter-jet:before {
  content: "";
}

.fa-beer:before {
  content: "";
}

.fa-h-square:before {
  content: "";
}

.fa-plus-square:before {
  content: "";
}

.fa-angle-double-left:before {
  content: "";
}

.fa-angle-double-right:before {
  content: "";
}

.fa-angle-double-up:before {
  content: "";
}

.fa-angle-double-down:before {
  content: "";
}

.fa-angle-left:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-desktop:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "";
}

.fa-circle-o:before {
  content: "";
}

.fa-quote-left:before {
  content: "";
}

.fa-quote-right:before {
  content: "";
}

.fa-spinner:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "";
}

.fa-github-alt:before {
  content: "";
}

.fa-folder-o:before {
  content: "";
}

.fa-folder-open-o:before {
  content: "";
}

.fa-smile-o:before {
  content: "";
}

.fa-frown-o:before {
  content: "";
}

.fa-meh-o:before {
  content: "";
}

.fa-gamepad:before {
  content: "";
}

.fa-keyboard-o:before {
  content: "";
}

.fa-flag-o:before {
  content: "";
}

.fa-flag-checkered:before {
  content: "";
}

.fa-terminal:before {
  content: "";
}

.fa-code:before {
  content: "";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

.fa-crop:before {
  content: "";
}

.fa-code-fork:before {
  content: "";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "";
}

.fa-question:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

.fa-puzzle-piece:before {
  content: "";
}

.fa-microphone:before {
  content: "";
}

.fa-microphone-slash:before {
  content: "";
}

.fa-shield:before {
  content: "";
}

.fa-calendar-o:before {
  content: "";
}

.fa-fire-extinguisher:before {
  content: "";
}

.fa-rocket:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

.fa-chevron-circle-left:before {
  content: "";
}

.fa-chevron-circle-right:before {
  content: "";
}

.fa-chevron-circle-up:before {
  content: "";
}

.fa-chevron-circle-down:before {
  content: "";
}

.fa-html5:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

.fa-unlock-alt:before {
  content: "";
}

.fa-bullseye:before {
  content: "";
}

.fa-ellipsis-h:before {
  content: "";
}

.fa-ellipsis-v:before {
  content: "";
}

.fa-rss-square:before {
  content: "";
}

.fa-play-circle:before {
  content: "";
}

.fa-ticket:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-minus-square-o:before {
  content: "";
}

.fa-level-up:before {
  content: "";
}

.fa-level-down:before {
  content: "";
}

.fa-check-square:before {
  content: "";
}

.fa-pencil-square:before {
  content: "";
}

.fa-external-link-square:before {
  content: "";
}

.fa-share-square:before {
  content: "";
}

.fa-compass:before {
  content: "";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "";
}

.fa-euro:before,
.fa-eur:before {
  content: "";
}

.fa-gbp:before {
  content: "";
}

.fa-dollar:before,
.fa-usd:before {
  content: "";
}

.fa-rupee:before,
.fa-inr:before {
  content: "";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "";
}

.fa-won:before,
.fa-krw:before {
  content: "";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "";
}

.fa-file:before {
  content: "";
}

.fa-file-text:before {
  content: "";
}

.fa-sort-alpha-asc:before {
  content: "";
}

.fa-sort-alpha-desc:before {
  content: "";
}

.fa-sort-amount-asc:before {
  content: "";
}

.fa-sort-amount-desc:before {
  content: "";
}

.fa-sort-numeric-asc:before {
  content: "";
}

.fa-sort-numeric-desc:before {
  content: "";
}

.fa-thumbs-up:before {
  content: "";
}

.fa-thumbs-down:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

.fa-youtube:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

.fa-xing-square:before {
  content: "";
}

.fa-youtube-play:before {
  content: "";
}

.fa-dropbox:before {
  content: "";
}

.fa-stack-overflow:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-bitbucket:before {
  content: "";
}

.fa-bitbucket-square:before {
  content: "";
}

.fa-tumblr:before {
  content: "";
}

.fa-tumblr-square:before {
  content: "";
}

.fa-long-arrow-down:before {
  content: "";
}

.fa-long-arrow-up:before {
  content: "";
}

.fa-long-arrow-left:before {
  content: "";
}

.fa-long-arrow-right:before {
  content: "";
}

.fa-apple:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-male:before {
  content: "";
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "";
}

.fa-sun-o:before {
  content: "";
}

.fa-moon-o:before {
  content: "";
}

.fa-archive:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

.fa-stack-exchange:before {
  content: "";
}

.fa-arrow-circle-o-right:before {
  content: "";
}

.fa-arrow-circle-o-left:before {
  content: "";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "";
}

.fa-dot-circle-o:before {
  content: "";
}

.fa-wheelchair:before {
  content: "";
}

.fa-vimeo-square:before {
  content: "";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "";
}

.fa-plus-square-o:before {
  content: "";
}

.fa-space-shuttle:before {
  content: "";
}

.fa-slack:before {
  content: "";
}

.fa-envelope-square:before {
  content: "";
}

.fa-wordpress:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "";
}

.fa-yahoo:before {
  content: "";
}

.fa-google:before {
  content: "";
}

.fa-reddit:before {
  content: "";
}

.fa-reddit-square:before {
  content: "";
}

.fa-stumbleupon-circle:before {
  content: "";
}

.fa-stumbleupon:before {
  content: "";
}

.fa-delicious:before {
  content: "";
}

.fa-digg:before {
  content: "";
}

.fa-pied-piper:before {
  content: "";
}

.fa-pied-piper-alt:before {
  content: "";
}

.fa-drupal:before {
  content: "";
}

.fa-joomla:before {
  content: "";
}

.fa-language:before {
  content: "";
}

.fa-fax:before {
  content: "";
}

.fa-building:before {
  content: "";
}

.fa-child:before {
  content: "";
}

.fa-paw:before {
  content: "";
}

.fa-spoon:before {
  content: "";
}

.fa-cube:before {
  content: "";
}

.fa-cubes:before {
  content: "";
}

.fa-behance:before {
  content: "";
}

.fa-behance-square:before {
  content: "";
}

.fa-steam:before {
  content: "";
}

.fa-steam-square:before {
  content: "";
}

.fa-recycle:before {
  content: "";
}

.fa-automobile:before,
.fa-car:before {
  content: "";
}

.fa-cab:before,
.fa-taxi:before {
  content: "";
}

.fa-tree:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

.fa-deviantart:before {
  content: "";
}

.fa-soundcloud:before {
  content: "";
}

.fa-database:before {
  content: "";
}

.fa-file-pdf-o:before {
  content: "";
}

.fa-file-word-o:before {
  content: "";
}

.fa-file-excel-o:before {
  content: "";
}

.fa-file-powerpoint-o:before {
  content: "";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "";
}

.fa-file-code-o:before {
  content: "";
}

.fa-vine:before {
  content: "";
}

.fa-codepen:before {
  content: "";
}

.fa-jsfiddle:before {
  content: "";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "";
}

.fa-circle-o-notch:before {
  content: "";
}

.fa-ra:before,
.fa-rebel:before {
  content: "";
}

.fa-ge:before,
.fa-empire:before {
  content: "";
}

.fa-git-square:before {
  content: "";
}

.fa-git:before {
  content: "";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "";
}

.fa-tencent-weibo:before {
  content: "";
}

.fa-qq:before {
  content: "";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "";
}

.fa-history:before {
  content: "";
}

.fa-circle-thin:before {
  content: "";
}

.fa-header:before {
  content: "";
}

.fa-paragraph:before {
  content: "";
}

.fa-sliders:before {
  content: "";
}

.fa-share-alt:before {
  content: "";
}

.fa-share-alt-square:before {
  content: "";
}

.fa-bomb:before {
  content: "";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "";
}

.fa-tty:before {
  content: "";
}

.fa-binoculars:before {
  content: "";
}

.fa-plug:before {
  content: "";
}

.fa-slideshare:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

.fa-newspaper-o:before {
  content: "";
}

.fa-wifi:before {
  content: "";
}

.fa-calculator:before {
  content: "";
}

.fa-paypal:before {
  content: "";
}

.fa-google-wallet:before {
  content: "";
}

.fa-cc-visa:before {
  content: "";
}

.fa-cc-mastercard:before {
  content: "";
}

.fa-cc-discover:before {
  content: "";
}

.fa-cc-amex:before {
  content: "";
}

.fa-cc-paypal:before {
  content: "";
}

.fa-cc-stripe:before {
  content: "";
}

.fa-bell-slash:before {
  content: "";
}

.fa-bell-slash-o:before {
  content: "";
}

.fa-trash:before {
  content: "";
}

.fa-copyright:before {
  content: "";
}

.fa-at:before {
  content: "";
}

.fa-eyedropper:before {
  content: "";
}

.fa-paint-brush:before {
  content: "";
}

.fa-birthday-cake:before {
  content: "";
}

.fa-area-chart:before {
  content: "";
}

.fa-pie-chart:before {
  content: "";
}

.fa-line-chart:before {
  content: "";
}

.fa-lastfm:before {
  content: "";
}

.fa-lastfm-square:before {
  content: "";
}

.fa-toggle-off:before {
  content: "";
}

.fa-toggle-on:before {
  content: "";
}

.fa-bicycle:before {
  content: "";
}

.fa-bus:before {
  content: "";
}

.fa-ioxhost:before {
  content: "";
}

.fa-angellist:before {
  content: "";
}

.fa-cc:before {
  content: "";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "";
}

.fa-meanpath:before {
  content: "";
}

.fa-buysellads:before {
  content: "";
}

.fa-connectdevelop:before {
  content: "";
}

.fa-dashcube:before {
  content: "";
}

.fa-forumbee:before {
  content: "";
}

.fa-leanpub:before {
  content: "";
}

.fa-sellsy:before {
  content: "";
}

.fa-shirtsinbulk:before {
  content: "";
}

.fa-simplybuilt:before {
  content: "";
}

.fa-skyatlas:before {
  content: "";
}

.fa-cart-plus:before {
  content: "";
}

.fa-cart-arrow-down:before {
  content: "";
}

.fa-diamond:before {
  content: "";
}

.fa-ship:before {
  content: "";
}

.fa-user-secret:before {
  content: "";
}

.fa-motorcycle:before {
  content: "";
}

.fa-street-view:before {
  content: "";
}

.fa-heartbeat:before {
  content: "";
}

.fa-venus:before {
  content: "";
}

.fa-mars:before {
  content: "";
}

.fa-mercury:before {
  content: "";
}

.fa-intersex:before,
.fa-transgender:before {
  content: "";
}

.fa-transgender-alt:before {
  content: "";
}

.fa-venus-double:before {
  content: "";
}

.fa-mars-double:before {
  content: "";
}

.fa-venus-mars:before {
  content: "";
}

.fa-mars-stroke:before {
  content: "";
}

.fa-mars-stroke-v:before {
  content: "";
}

.fa-mars-stroke-h:before {
  content: "";
}

.fa-neuter:before {
  content: "";
}

.fa-genderless:before {
  content: "";
}

.fa-facebook-official:before {
  content: "";
}

.fa-pinterest-p:before {
  content: "";
}

.fa-whatsapp:before {
  content: "";
}

.fa-server:before {
  content: "";
}

.fa-user-plus:before {
  content: "";
}

.fa-user-times:before {
  content: "";
}

.fa-hotel:before,
.fa-bed:before {
  content: "";
}

.fa-viacoin:before {
  content: "";
}

.fa-train:before {
  content: "";
}

.fa-subway:before {
  content: "";
}

.fa-medium:before {
  content: "";
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "";
}

.fa-optin-monster:before {
  content: "";
}

.fa-opencart:before {
  content: "";
}

.fa-expeditedssl:before {
  content: "";
}

.fa-battery-4:before,
.fa-battery-full:before {
  content: "";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "";
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "";
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "";
}

.fa-mouse-pointer:before {
  content: "";
}

.fa-i-cursor:before {
  content: "";
}

.fa-object-group:before {
  content: "";
}

.fa-object-ungroup:before {
  content: "";
}

.fa-sticky-note:before {
  content: "";
}

.fa-sticky-note-o:before {
  content: "";
}

.fa-cc-jcb:before {
  content: "";
}

.fa-cc-diners-club:before {
  content: "";
}

.fa-clone:before {
  content: "";
}

.fa-balance-scale:before {
  content: "";
}

.fa-hourglass-o:before {
  content: "";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "";
}

.fa-hourglass:before {
  content: "";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "";
}

.fa-hand-scissors-o:before {
  content: "";
}

.fa-hand-lizard-o:before {
  content: "";
}

.fa-hand-spock-o:before {
  content: "";
}

.fa-hand-pointer-o:before {
  content: "";
}

.fa-hand-peace-o:before {
  content: "";
}

.fa-trademark:before {
  content: "";
}

.fa-registered:before {
  content: "";
}

.fa-creative-commons:before {
  content: "";
}

.fa-gg:before {
  content: "";
}

.fa-gg-circle:before {
  content: "";
}

.fa-tripadvisor:before {
  content: "";
}

.fa-odnoklassniki:before {
  content: "";
}

.fa-odnoklassniki-square:before {
  content: "";
}

.fa-get-pocket:before {
  content: "";
}

.fa-wikipedia-w:before {
  content: "";
}

.fa-safari:before {
  content: "";
}

.fa-chrome:before {
  content: "";
}

.fa-firefox:before {
  content: "";
}

.fa-opera:before {
  content: "";
}

.fa-internet-explorer:before {
  content: "";
}

.fa-tv:before,
.fa-television:before {
  content: "";
}

.fa-contao:before {
  content: "";
}

.fa-500px:before {
  content: "";
}

.fa-amazon:before {
  content: "";
}

.fa-calendar-plus-o:before {
  content: "";
}

.fa-calendar-minus-o:before {
  content: "";
}

.fa-calendar-times-o:before {
  content: "";
}

.fa-calendar-check-o:before {
  content: "";
}

.fa-industry:before {
  content: "";
}

.fa-map-pin:before {
  content: "";
}

.fa-map-signs:before {
  content: "";
}

.fa-map-o:before {
  content: "";
}

.fa-map:before {
  content: "";
}

.fa-commenting:before {
  content: "";
}

.fa-commenting-o:before {
  content: "";
}

.fa-houzz:before {
  content: "";
}

.fa-vimeo:before {
  content: "";
}

.fa-black-tie:before {
  content: "";
}

.fa-fonticons:before {
  content: "";
}

.fa-reddit-alien:before {
  content: "";
}

.fa-edge:before {
  content: "";
}

.fa-credit-card-alt:before {
  content: "";
}

.fa-codiepie:before {
  content: "";
}

.fa-modx:before {
  content: "";
}

.fa-fort-awesome:before {
  content: "";
}

.fa-usb:before {
  content: "";
}

.fa-product-hunt:before {
  content: "";
}

.fa-mixcloud:before {
  content: "";
}

.fa-scribd:before {
  content: "";
}

.fa-pause-circle:before {
  content: "";
}

.fa-pause-circle-o:before {
  content: "";
}

.fa-stop-circle:before {
  content: "";
}

.fa-stop-circle-o:before {
  content: "";
}

.fa-shopping-bag:before {
  content: "";
}

.fa-shopping-basket:before {
  content: "";
}

.fa-hashtag:before {
  content: "";
}

.fa-bluetooth:before {
  content: "";
}

.fa-bluetooth-b:before {
  content: "";
}

.fa-percent:before {
  content: "";
}

.kojak-validator {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}
.kojak-validator__popover {
  min-width: 400px;
  box-shadow: 0 0 8px 5px #00000024;
}
.kojak-validator__popover .ui-tooltip-content {
  display: table;
  width: 100%;
}
.kojak-validator__popover .bl-table-cell {
  padding: .5rem;
  border: 0.5px solid #d6dce1;
}
.kojak-validator.-active {
  display: block;
}
.kojak-validator.-info .kojak-validator__trigger {
  color: grey !important;
}
.kojak-validator.-warning .kojak-validator__trigger {
  color: orange !important;
}
.kojak-validator.-critical .kojak-validator__trigger {
  color: darkred !important;
}
.kojak-validator.-fatal .kojak-validator__trigger {
  color: red !important;
}

.kojak-charge.-info {
  color: grey;
}
.kojak-charge.-warning {
  color: orange;
}
.kojak-charge.-critical {
  color: darkred;
}
.kojak-charge.-fatal {
  color: red;
}

.tagify {
  width: 100%;
  background-color: white;
}

html, body, #body {
  width: 100%;
  height: 100%;
}

#popuplayer {
  width: 100%;
  height: 100%;
}

.column-item.class-HelpPageSet.object-14 .edit-menu .delete {
  display: none;
}

.beanEditor .kojak-validator {
  top: 20px;
}

.bean-properties .beanList .list-element {
  position: relative;
  max-height: 2rem;
  overflow: hidden;
}
.bean-properties .beanList .list-element .element-name {
  flex: 1 1 auto;
}
.bean-properties .beanList .list-element .kojak-validator {
  position: relative;
  flex: 0 0 auto;
  top: auto;
}

span[i18n] > p {
  display: inline;
}

.bl-table {
  display: table;
}

.bl-table-row {
  display: table-row;
}

.bl-table-cell {
  display: table-cell;
}

/*# sourceMappingURL=cms.css.map */