.navbar {
  display: flex;
  top: 0px;
  left: 0px;
  padding-top: 10px;
  flex-direction: column;
  cursor: pointer;
  overflow: hidden; }

.navbar_item {
  position: relative;
  color: white;
  width: 100%;
  background: #8080808c;
  border: 1px solid white;
  left: 0px;
  top: 0px; }
  .navbar_item.selected ul {
    max-height: 250px;
    transition: all 0.5s; }
  .navbar_item ul {
    background: grey;
    padding: 0;
    margin: 0;
    max-height: 0px;
    transition: all 0.5s; }
    .navbar_item ul li {
      list-style: none; }
  .navbar_item a {
    text-decoration: none;
    color: white; }
  .navbar_item a:visited {
    color: white; }

.navbar_item__title {
  background: transparent; }

.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; }

html 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;
  background-color: #5d728e;
  font-family: "robotoregular";
  margin: 0 !important;
  overflow: hidden; }
  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-widget-content {
  font-family: "robotoregular" !important; }

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

input {
  font-family: "robotoregular" !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 .functionSelector .fa-user {
  display: none; }
#body.loggedOn .menu .title {
  margin-top: 10px;
  font-size: 40px; }
#body.loggedOn .menu .menuUnderline {
  width: 100%; }
#body.loggedOn .menu .fa {
  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.superUser .menu .functionSelector .fa-user {
  display: inline-block !important; }

#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; }

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

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

#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 .navbar {
    padding: 2rem;
    margin-left: 2rem;
    border-radius: 25px;
    background-color: white; }
    #popuplayer .navbar .navbar_item {
      background-color: #70809a; }
    #popuplayer .navbar .navbar_item__title,
    #popuplayer .navbar li {
      padding: .5rem; }
    #popuplayer .navbar ul {
      background-color: #48556b; }
  #popuplayer .logonPopup-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%; }
  #popuplayer .logonPopup {
    position: relative;
    background-color: #fafafa;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 30px;
    padding-top: 10px;
    box-sizing: border-box; }
    #popuplayer .logonPopup .button.disabled {
      pointer-events: none;
      opacity: 0.5; }
    #popuplayer .logonPopup .logonTitle {
      color: #3f6780;
      font-size: 30px;
      text-align: center;
      border-bottom: 2px solid #3f6780;
      padding-bottom: 8px; }
    #popuplayer .logonPopup .resetPasswordForm .resetButton {
      margin-top: 5px !important; }
    #popuplayer .logonPopup .resetPasswordForm .passwordResetRetype {
      margin-top: 10px !important; }
    #popuplayer .logonPopup .resetPasswordForm input.invalid {
      border: 2px solid #b73526 !important; }
    #popuplayer .logonPopup .forgotPasswordForm .resetOk {
      display: none;
      color: #3f6780;
      font-size: 30px;
      text-align: center; }
      #popuplayer .logonPopup .forgotPasswordForm .resetOk .passwordResetOk {
        margin-top: 10px; }
    #popuplayer .logonPopup .forgotPasswordForm .fa-times {
      color: #5d728e;
      font-size: 26px;
      position: absolute;
      top: 10px;
      right: 10px; }
    #popuplayer .logonPopup .forgotPasswordForm .sendButton {
      margin-top: 20px !important; }
    #popuplayer .logonPopup .logonFailMessage {
      height: 22px;
      color: #b73526;
      text-align: center; }
    #popuplayer .logonPopup .logonFormSection {
      margin-top: 20px; }
      #popuplayer .logonPopup .logonFormSection input {
        text-align: center;
        font-size: 20px;
        position: relative;
        width: 260px;
        left: 50%;
        margin-left: -130px;
        height: 33px;
        background-color: #fafafa !important;
        color: #3f6780 !important;
        border: 2px solid #5d728e;
        -webkit-border-radius: 45px;
        -moz-border-radius: 45px;
        -ms-border-radius: 45px;
        border-radius: 45px; }
        #popuplayer .logonPopup .logonFormSection input::-webkit-input-placeholder {
          color: #3f6780; }
        #popuplayer .logonPopup .logonFormSection input::-moz-placeholder {
          color: #3f6780; }
        #popuplayer .logonPopup .logonFormSection input:-moz-placeholder {
          color: #3f6780; }
        #popuplayer .logonPopup .logonFormSection input:-ms-input-placeholder {
          color: #3f6780; }
    #popuplayer .logonPopup .button {
      margin-top: 10px;
      position: relative;
      width: 200px;
      height: 25px;
      cursor: pointer;
      background-color: #70809a;
      -webkit-border-radius: 11px;
      -moz-border-radius: 11px;
      -ms-border-radius: 11px;
      border-radius: 11px;
      height: 40px;
      position: relative !important;
      position: absolute;
      left: 0px;
      right: 0px;
      margin-left: auto;
      margin-right: auto;
      text-align: center; }
      #popuplayer .logonPopup .button #caption, #popuplayer .logonPopup .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: #5d728e;
        font-size: 14px;
        height: 17px; }
      #popuplayer .logonPopup .button span {
        line-height: 39px;
        color: #fafafa;
        font-size: 20px; }
    #popuplayer .logonPopup .passwordForgot {
      margin-top: 20px;
      text-align: center;
      color: #5d728e;
      font-size: 18px;
      cursor: pointer; }

.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: 70px;
  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%;
    margin-left: 20px;
    margin-right: 20px;
    background-color: #70809a;
    height: 96%;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px; }
    .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-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 .userGroupTab {
        position: relative;
        padding: 20px;
        box-sizing: border-box;
        border: none;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        border-radius: 30px;
        margin-right: 10px;
        width: 50%;
        background-color: #5d728e; }
        .application .objectViewHolderHolder .userManagement .userGroupTab .jqx-widget-content {
          background-color: transparent; }
        .application .objectViewHolderHolder .userManagement .userGroupTab .jqx-widget-header {
          background: #5d728e;
          border: none;
          color: #5d728e; }
          .application .objectViewHolderHolder .userManagement .userGroupTab .jqx-widget-header .jqx-fill-state-pressed {
            background-color: #fafafa !important; }
          .application .objectViewHolderHolder .userManagement .userGroupTab .jqx-widget-header .jqx-tabs-title {
            background-color: #b3b3b3; }
          .application .objectViewHolderHolder .userManagement .userGroupTab .jqx-widget-header .jqx-tabs-title-selected-top {
            border: none; }
        .application .objectViewHolderHolder .userManagement .userGroupTab .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; }
          .application .objectViewHolderHolder .userManagement .userGroupTab .grid .jqx-grid-cell {
            background-color: #5d728e;
            color: #fafafa;
            border-color: #fafafa; }
          .application .objectViewHolderHolder .userManagement .userGroupTab .grid .jqx-grid-cell-selected {
            background-color: #70809a; }
          .application .objectViewHolderHolder .userManagement .userGroupTab .grid .jqx-widget-header {
            background-color: #fafafa; }
        .application .objectViewHolderHolder .userManagement .userGroupTab .buttonGroup {
          margin-left: 10px;
          width: 40px;
          text-align: center; }
          .application .objectViewHolderHolder .userManagement .userGroupTab .buttonGroup .fa {
            font-size: 30px; }
        .application .objectViewHolderHolder .userManagement .userGroupTab .groupsHolder {
          background-color: #5d728e;
          height: 100%; }
          .application .objectViewHolderHolder .userManagement .userGroupTab .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 .userGroupTab .usersHolder {
          background-color: #5d728e;
          height: 100%; }
          .application .objectViewHolderHolder .userManagement .userGroupTab .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: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        border-radius: 30px;
        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\.cms, .application .objectViewHolderHolder .mediaView {
      height: 100%;
      width: 100%; }
      .application .objectViewHolderHolder .object\.cms .mediaToolbar, .application .objectViewHolderHolder .mediaView .mediaToolbar {
        margin-bottom: 5px; }
        .application .objectViewHolderHolder .object\.cms .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\.cms .mediaToolbar .clearButton, .application .objectViewHolderHolder .mediaView .mediaToolbar .clearButton {
          color: #5d728e;
          position: absolute;
          right: 10px;
          top: 4px;
          font-size: 24px;
          cursor: pointer; }
        .application .objectViewHolderHolder .object\.cms .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\.cms .mediaToolbar .searchResults .searchResultElement, .application .objectViewHolderHolder .mediaView .mediaToolbar .searchResults .searchResultElement {
            margin-bottom: 7px;
            cursor: pointer; }
      .application .objectViewHolderHolder .object\.cms .cmsContent, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .mediaPreview, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .mediaPreview .mediaProperties, .application .objectViewHolderHolder .object\.cms .cmsMedia .objectViewParent .mediaPreview .mediaProperties, .application .objectViewHolderHolder .mediaView .cmsContent .objectViewParent .mediaPreview .mediaProperties, .application .objectViewHolderHolder .mediaView .cmsMedia .objectViewParent .mediaPreview .mediaProperties {
              color: #fafafa; }
              .application .objectViewHolderHolder .object\.cms .cmsContent .objectViewParent .mediaPreview .mediaProperties .button, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .mediaPreview .mediaProperties .button span, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .mediaPreview .mediaProperties .button:hover, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .mediaPreview .mediaProperties .button.disabled:hover, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .mediaPreview .mediaProperties .button.disabled, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .mediaPreview .mediaProperties a, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .mediaPreview .mediaProperties .nameProps div, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .mediaPreview .mediaProperties .nameProps .button, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .mediaPreview .mediaProperties .size, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .mediaPreview .mediaContent, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS, .application .objectViewHolderHolder .object\.cms .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;
            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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .header, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .header .title, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .header .buttonBar, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .header .buttonBar .button, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor .screenshotData, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor .screenshotData, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .videoTimePickerEditor .buttonBar, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .videoTimePickerEditor .buttonBar .button, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .videoTimePickerEditor .video, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .pageEditor, .application .objectViewHolderHolder .object\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor, .application .objectViewHolderHolder .object\.cms .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .pageEditor, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .pageEditor .buttonGroup .button, .application .objectViewHolderHolder .object\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor .buttonGroup .button, .application .objectViewHolderHolder .object\.cms .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .pageEditor .buttonGroup .button, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .pageEditor .pageViewHolder, .application .objectViewHolderHolder .object\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor .pageViewHolder, .application .objectViewHolderHolder .object\.cms .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .pageEditor .pageViewHolder, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .pageEditor .pageViewHolder .pageViewer, .application .objectViewHolderHolder .object\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor .pageViewHolder .pageViewer, .application .objectViewHolderHolder .object\.cms .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .pageEditor .pageViewHolder .pageViewer, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .pageEditor .pageViewHolder .pageViewer .pageHolder, .application .objectViewHolderHolder .object\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .screenshotEditor .pageViewHolder .pageViewer .pageHolder, .application .objectViewHolderHolder .object\.cms .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .pageEditor .pageViewHolder .pageViewer .pageHolder, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS, .application .objectViewHolderHolder .object\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS, .application .objectViewHolderHolder .object\.cms .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyNameLabel, .application .objectViewHolderHolder .object\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyNameLabel, .application .objectViewHolderHolder .object\.cms .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyNameLabel, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder, .application .objectViewHolderHolder .object\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder, .application .objectViewHolderHolder .object\.cms .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder .jqx-listbox, .application .objectViewHolderHolder .object\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder .jqx-listbox, .application .objectViewHolderHolder .object\.cms .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder .jqx-listbox, .application .objectViewHolderHolder .object\.cms .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\.cms .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\.cms .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\.cms .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\.cms .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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder input, .application .objectViewHolderHolder .object\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder input, .application .objectViewHolderHolder .object\.cms .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder input, .application .objectViewHolderHolder .object\.cms .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: FontAwesome; }
                    .application .objectViewHolderHolder .object\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder .calendarHolder, .application .objectViewHolderHolder .object\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder .calendarHolder, .application .objectViewHolderHolder .object\.cms .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder .calendarHolder, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder .calendarHolder .additional, .application .objectViewHolderHolder .object\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .propertyEditorHolder .calendarHolder .additional, .application .objectViewHolderHolder .object\.cms .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyViewCMS .propertyEditorHolder .calendarHolder .additional, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .svgEditorButtonBar,
                .application .objectViewHolderHolder .object\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .filePickerButtonBar, .application .objectViewHolderHolder .object\.cms .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .svgEditorButtonBar,
                .application .objectViewHolderHolder .object\.cms .cmsMedia .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 .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 .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 {
                  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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .svgEditorButtonBar .button,
                  .application .objectViewHolderHolder .object\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .filePickerButtonBar .button, .application .objectViewHolderHolder .object\.cms .cmsMedia .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .svgEditorButtonBar .button,
                  .application .objectViewHolderHolder .object\.cms .cmsMedia .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 .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 .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 {
                    margin-right: 10px; }
                .application .objectViewHolderHolder .object\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .fileName, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .propertyHolder .propertyHolderContent .nl\.boon\.js\.client\.cms\.view\.PropertyObjectViewCMS .imageView, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .button, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .button span, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .button:hover, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .button.disabled:hover, .application .objectViewHolderHolder .object\.cms .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\.cms .cmsContent .objectViewParent .nl\.boon\.js\.client\.cms\.view\.ObjectViewCMS .button.disabled, .application .objectViewHolderHolder .object\.cms .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-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: FontAwesome;
                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: FontAwesome;
                  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: 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 .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;
              -webkit-border-radius: 30px;
              -moz-border-radius: 30px;
              -ms-border-radius: 30px;
              border-radius: 30px;
              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: FontAwesome;
            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 {
                -webkit-border-radius: 4px;
                border: none;
                width: 100%;
                font-size: 14px; }
              .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 {
                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 {
                  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 {
                    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 {
                  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 {
                  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 {
                  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 {
                  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: FontAwesome;
                  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: FontAwesome; }
                .pageManager .pageContentHolder .nl\.boon\.js\.client\.pagemanager\.AbstractPageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .title {
                  font-size: 16px;
                  font-family: FontAwesome; }
                .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: FontAwesome;
          font-size: 16px;
          margin-left: 10px; }
          .PageManager .applicationHolder .contentHolder .pageHolder .beanToolBar .jqx-menu .jqx-menu-dropdown {
            font-family: FontAwesome;
            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: 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 .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;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        border-radius: 30px;
        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: FontAwesome;
      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 {
          -webkit-border-radius: 4px;
          border: none;
          width: 100%;
          font-size: 14px; }
        .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 {
          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 {
            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 {
              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 {
            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 {
            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 {
            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 {
            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: FontAwesome;
            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: FontAwesome; }
          .PageManager .applicationHolder .contentHolder .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .title {
            font-size: 16px;
            font-family: FontAwesome; }
          .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; }

.editorPopupParent {
  position: absolute;
  height: 100%;
  top: 0;
  padding: 0 !important;
  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;
  width: calc(100% - 10px);
  left: 10px; }
  .editorPopupParent .editorPopup {
    background-color: #5d728e;
    height: 100%;
    padding: 5px;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #fafafa;
    width: 100%; }
    .editorPopupParent .editorPopup .fa-times {
      position: absolute;
      right: 14px;
      top: 10px;
      font-size: 20px; }
    .editorPopupParent .editorPopup .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; }
      .editorPopupParent .editorPopup .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; }
        .editorPopupParent .editorPopup .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; }
      .editorPopupParent .editorPopup .buttonBar .button:hover {
        background-color: #b3b3b3; }
      .editorPopupParent .editorPopup .buttonBar .button.disabled:hover {
        background-color: #5d728e; }
      .editorPopupParent .editorPopup .buttonBar .button.disabled {
        opacity: 0.6;
        cursor: default; }
      .editorPopupParent .editorPopup .buttonBar .button {
        margin-left: 10px;
        margin-right: 10px; }
    .editorPopupParent .editorPopup .systemPopupTitle {
      color: #fafafa;
      text-align: left;
      box-sizing: border-box;
      padding-left: 5px;
      font-size: 24px;
      background-color: #70809a;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      border-radius: 10px;
      display: block; }
    .editorPopupParent .editorPopup .beanProperties {
      position: relative;
      width: 100%;
      height: calc(100% - 70px); }
      .editorPopupParent .editorPopup .beanProperties .tabholder {
        position: absolute !important;
        top: 0px !important;
        margin-top: 10px !important;
        padding-left: 0 !important; }
        .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder {
          max-height: 400px; }
    .editorPopupParent .editorPopup .beanProperties {
      font-family: FontAwesome;
      color: #fafafa; }
      .editorPopupParent .editorPopup .beanProperties .tabbar {
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 10px; }
        .editorPopupParent .editorPopup .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; }
      .editorPopupParent .editorPopup .beanProperties .tabholder {
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
        overflow: auto;
        position: absolute;
        width: 100%;
        bottom: 0;
        top: 0; }
        .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .mainTitle, .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .label {
          color: #fafafa; }
        .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .mainTitle {
          font-size: 24px; }
        .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .label {
          font-size: 18px;
          margin-bottom: 5px; }
        .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor input {
          -webkit-border-radius: 4px;
          border: none;
          width: 100%;
          font-size: 14px; }
        .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .backgroundSize input, .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .backgroundPosition input {
          background-color: transparent; }
        .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .svgEditorButtonBar,
        .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .filePickerButtonBar {
          display: -webkit-box;
          display: -moz-box;
          display: box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex; }
          .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .svgEditorButtonBar .button,
          .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .filePickerButtonBar .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; }
            .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .svgEditorButtonBar .button span,
            .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .filePickerButtonBar .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; }
          .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .svgEditorButtonBar .button:hover,
          .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .filePickerButtonBar .button:hover {
            background-color: #b3b3b3; }
          .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .svgEditorButtonBar .button.disabled:hover,
          .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .filePickerButtonBar .button.disabled:hover {
            background-color: #5d728e; }
          .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .svgEditorButtonBar .button.disabled,
          .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .filePickerButtonBar .button.disabled {
            opacity: 0.6;
            cursor: default; }
          .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .svgEditorButtonBar .button,
          .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .filePickerButtonBar .button {
            margin-right: 5px; }
        .editorPopupParent .editorPopup .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; }
          .editorPopupParent .editorPopup .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; }
            .editorPopupParent .editorPopup .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; }
          .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .listButtonBar .button:hover {
            background-color: #b3b3b3; }
          .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .listButtonBar .button.disabled:hover {
            background-color: #5d728e; }
          .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .listButtonBar .button.disabled {
            opacity: 0.6;
            cursor: default; }
          .editorPopupParent .editorPopup .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; }
        .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .jqx-listitem-element {
          color: #fafafa; }
        .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .beanList .jqx-listitem-element {
          color: #fafafa; }
          .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .beanList .jqx-listitem-element span {
            background-color: #5d728e;
            font-family: FontAwesome;
            font-size: 16px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            border-radius: 5px; }
          .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .beanList .jqx-listitem-element span.jqx-fill-state-hover, .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .beanList .jqx-listitem-element span.jqx-fill-state-pressed {
            background-color: #b3b3b3; }
        .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .fileName {
          margin-top: 5px; }
        .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor.hidden {
          display: none; }
        .editorPopupParent .editorPopup .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; }
          .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .jqx-radiobutton {
            color: #fafafa;
            font-family: FontAwesome; }
          .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .title {
            font-size: 16px;
            font-family: FontAwesome; }
          .editorPopupParent .editorPopup .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; }
            .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .backgroundSize .scale input {
              color: #fafafa; }
            .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .backgroundSize .scale .scaler {
              display: none; }
          .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .backgroundPosition {
            -webkit-flex-grow: 2;
            -moz-flex-grow: 2;
            flex-grow: 2;
            -ms-flex-positive: 2; }
            .editorPopupParent .editorPopup .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; }
            .editorPopupParent .editorPopup .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; }
              .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .backgroundPosition .xpos input {
                color: #fafafa; }
              .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .backgroundPosition .xpos .xPositioner {
                display: none; }
            .editorPopupParent .editorPopup .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; }
              .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .backgroundPosition .ypos input {
                color: #fafafa; }
              .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .backgroundPosition .ypos .yPositioner {
                display: none; }
          .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor .imageView {
            margin-top: 5px;
            width: 140px;
            height: 80px;
            background-repeat: no-repeat;
            background-size: contain; }
        .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor.simple .backgroundPosition,
        .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor.simple .backgroundSize {
          display: none !important; }
        .editorPopupParent .editorPopup .beanProperties .tabholder .beanPropertiesHolder .beanEditor .editorContent .imageEditor.simple .imageView {
          width: 100%; }
        .editorPopupParent .editorPopup .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; }
        .editorPopupParent .editorPopup .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 {
    width: 500px;
    height: 12px;
    padding: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    left: 0; }
    .progressPopupParent .progressPopup .progressBar {
      position: absolute;
      width: 0%;
      height: 100%;
      background-color: #b3b3b3;
      -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: FontAwesome;
  font-size: 16px;
  margin-left: 10px; }
  .jqx-menu-popup .jqx-menu-dropdown {
    font-family: FontAwesome;
    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; }

.alert-box-wrapper {
  z-index: 99999;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%; }
  .alert-box-wrapper .alert-box-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fafafa;
    opacity: 0.3; }
  .alert-box-wrapper .alert-box {
    max-height: 90%;
    overflow: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    background-color: #70809a;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    padding-top: 5px;
    padding-left: 35px;
    padding-right: 35px;
    padding-bottom: 10px; }
    .alert-box-wrapper .alert-box .alert-close {
      position: absolute;
      top: 5px;
      right: 5px;
      width: 18px;
      height: 18px;
      cursor: pointer;
      background-image: url(../assets/buttons/close.svg);
      background-repeat: no-repeat; }
    .alert-box-wrapper .alert-box .alert-content {
      text-align: center; }
      .alert-box-wrapper .alert-box .alert-content h2 {
        margin-top: 0;
        margin-bottom: 23px;
        font-family: FontAwesome;
        font-size: 22px;
        color: #fafafa; }
      .alert-box-wrapper .alert-box .alert-content .button {
        display: inline-block;
        margin-top: 10px;
        line-height: 22px !important; }
      .alert-box-wrapper .alert-box .alert-content .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; }
        .alert-box-wrapper .alert-box .alert-content .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; }
      .alert-box-wrapper .alert-box .alert-content .button:hover {
        background-color: #b3b3b3; }
      .alert-box-wrapper .alert-box .alert-content .button.disabled:hover {
        background-color: #5d728e; }
      .alert-box-wrapper .alert-box .alert-content .button.disabled {
        opacity: 0.6;
        cursor: default; }

.ui-resizable-handle {
  background-color: #b3b3b3;
  border: none; }

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

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

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

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

.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; }

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