@charset "UTF-8";
body .frame-os-feature {
  display: none;
}

body .frame-os-feature-block {
  display: none;
}

body .frame-os-feature-inline {
  display: none;
}

body .frame-os-feature-inline-block {
  display: none;
}

body .frame-os-feature-contents {
  display: none;
}

body .frame-os-feature-flex {
  display: none;
}

body .frame-os-feature-grid {
  display: none;
}

body .frame-os-feature-inline-flex {
  display: none;
}

body .frame-os-feature-inline-grind {
  display: none;
}

body .frame-os-feature-inline-table {
  display: none;
}

body .frame-os-feature-list-item {
  display: none;
}

body .frame-os-feature-run-in {
  display: none;
}

body .frame-os-feature-table {
  display: none;
}

body .frame-os-feature-table-caption {
  display: none;
}

body .frame-os-feature-table-column-group {
  display: none;
}

body .frame-os-feature-table-header-group {
  display: none;
}

body .frame-os-feature-table-footer-group {
  display: none;
}

body .frame-os-feature-table-row-group {
  display: none;
}

body .frame-os-feature-table-cell {
  display: none;
}

body .frame-os-feature-table-column {
  display: none;
}

body .frame-os-feature-table-row {
  display: none;
}

body .frame-host-feature {
  display: none;
}

body .frame-host-feature-block {
  display: none;
}

body .frame-host-feature-inline {
  display: none;
}

body .frame-host-feature-inline-block {
  display: none;
}

body .frame-host-feature-contents {
  display: none;
}

body .frame-host-feature-flex {
  display: none;
}

body .frame-host-feature-grid {
  display: none;
}

body .frame-host-feature-inline-flex {
  display: none;
}

body .frame-host-feature-inline-grind {
  display: none;
}

body .frame-host-feature-inline-table {
  display: none;
}

body .frame-host-feature-list-item {
  display: none;
}

body .frame-host-feature-run-in {
  display: none;
}

body .frame-host-feature-table {
  display: none;
}

body .frame-host-feature-table-caption {
  display: none;
}

body .frame-host-feature-table-column-group {
  display: none;
}

body .frame-host-feature-table-header-group {
  display: none;
}

body .frame-host-feature-table-footer-group {
  display: none;
}

body .frame-host-feature-table-row-group {
  display: none;
}

body .frame-host-feature-table-cell {
  display: none;
}

body .frame-host-feature-table-column {
  display: none;
}

body .frame-host-feature-table-row {
  display: none;
}

body .frame-packz-app-feature {
  display: none;
}

body .frame-packz-app-feature-block {
  display: none;
}

body .frame-packz-app-feature-inline {
  display: none;
}

body .frame-packz-app-feature-inline-block {
  display: none;
}

body .frame-packz-app-feature-contents {
  display: none;
}

body .frame-packz-app-feature-flex {
  display: none;
}

body .frame-packz-app-feature-grid {
  display: none;
}

body .frame-packz-app-feature-inline-flex {
  display: none;
}

body .frame-packz-app-feature-inline-grind {
  display: none;
}

body .frame-packz-app-feature-inline-table {
  display: none;
}

body .frame-packz-app-feature-list-item {
  display: none;
}

body .frame-packz-app-feature-run-in {
  display: none;
}

body .frame-packz-app-feature-table {
  display: none;
}

body .frame-packz-app-feature-table-caption {
  display: none;
}

body .frame-packz-app-feature-table-column-group {
  display: none;
}

body .frame-packz-app-feature-table-header-group {
  display: none;
}

body .frame-packz-app-feature-table-footer-group {
  display: none;
}

body .frame-packz-app-feature-table-row-group {
  display: none;
}

body .frame-packz-app-feature-table-cell {
  display: none;
}

body .frame-packz-app-feature-table-column {
  display: none;
}

body .frame-packz-app-feature-table-row {
  display: none;
}

body .frame-os-setup-feature,
body:not(.frame-os-installed) .frame-os-setup-feature {
  display: none;
}

body .frame-os-setup-feature-block {
  display: none;
}

body .frame-os-setup-feature-inline {
  display: none;
}

body .frame-os-setup-feature-inline-block {
  display: none;
}

body .frame-os-setup-feature-contents {
  display: none;
}

body .frame-os-setup-feature-flex {
  display: none;
}

body .frame-os-setup-feature-grid {
  display: none;
}

body .frame-os-setup-feature-inline-flex {
  display: none;
}

body .frame-os-setup-feature-inline-grind {
  display: none;
}

body .frame-os-setup-feature-inline-table {
  display: none;
}

body .frame-os-setup-feature-list-item {
  display: none;
}

body .frame-os-setup-feature-run-in {
  display: none;
}

body .frame-os-setup-feature-table {
  display: none;
}

body .frame-os-setup-feature-table-caption {
  display: none;
}

body .frame-os-setup-feature-table-column-group {
  display: none;
}

body .frame-os-setup-feature-table-header-group {
  display: none;
}

body .frame-os-setup-feature-table-footer-group {
  display: none;
}

body .frame-os-setup-feature-table-row-group {
  display: none;
}

body .frame-os-setup-feature-table-cell {
  display: none;
}

body .frame-os-setup-feature-table-column {
  display: none;
}

body .frame-os-setup-feature-table-row {
  display: none;
}

body.frame-os-installed .frame-os-setup-feature,
body.frame-os-enabled .frame-os-feature,
body.frame-host-enabled .frame-host-feature,
body.frame-os-enabled.frame-packz-app-enabled .frame-packz-app-feature {
  display: initial;
}

body.frame-os-installed .frame-os-setup-feature-block,
body.frame-os-enabled .frame-os-feature-block,
body.frame-host-enabled .frame-host-feature-block,
body.frame-os-enabled.frame-packz-app-enabled .frame-packz-app-feature-block {
  display: block;
}

body.frame-os-installed .frame-os-setup-feature-inline,
body.frame-os-enabled .frame-os-feature-inline,
body.frame-host-enabled .frame-host-feature-inline,
body.frame-os-enabled.frame-packz-app-enabled .frame-packz-app-feature-inline {
  display: inline;
}

body.frame-os-installed .frame-os-setup-feature-inline-block,
body.frame-os-enabled .frame-os-feature-inline-block,
body.frame-host-enabled .frame-host-feature-inline-block,
body.frame-os-enabled.frame-packz-app-enabled .frame-packz-app-feature-inline-block {
  display: inline-block;
}

body.frame-os-installed .frame-os-setup-feature-contents,
body.frame-os-enabled .frame-os-feature-contents,
body.frame-host-enabled .frame-host-feature-contents,
body.frame-os-enabled.frame-packz-app-enabled .frame-packz-app-feature-contents {
  display: contents;
}

body.frame-os-installed .frame-os-setup-feature-flex,
body.frame-os-enabled .frame-os-feature-flex,
body.frame-host-enabled .frame-host-feature-flex,
body.frame-os-enabled.frame-packz-app-enabled .frame-packz-app-feature-flex {
  display: flex;
}

body.frame-os-installed .frame-os-setup-feature-grid,
body.frame-os-enabled .frame-os-feature-grid,
body.frame-host-enabled .frame-host-feature-grid,
body.frame-os-enabled.frame-packz-app-enabled .frame-packz-app-feature-grid {
  display: grid;
}

body.frame-os-installed .frame-os-setup-feature-inline-flex,
body.frame-os-enabled .frame-os-feature-inline-flex,
body.frame-host-enabled .frame-host-feature-inline-flex,
body.frame-os-enabled.frame-packz-app-enabled .frame-packz-app-feature-inline-flex {
  display: inline-flex;
}

body.frame-os-installed .frame-os-setup-feature-inline-grind,
body.frame-os-enabled .frame-os-feature-inline-grind,
body.frame-host-enabled .frame-host-feature-inline-grind,
body.frame-os-enabled.frame-packz-app-enabled .frame-packz-app-feature-inline-grind {
  display: inline-grind;
}

body.frame-os-installed .frame-os-setup-feature-inline-table,
body.frame-os-enabled .frame-os-feature-inline-table,
body.frame-host-enabled .frame-host-feature-inline-table,
body.frame-os-enabled.frame-packz-app-enabled .frame-packz-app-feature-inline-table {
  display: inline-table;
}

body.frame-os-installed .frame-os-setup-feature-list-item,
body.frame-os-enabled .frame-os-feature-list-item,
body.frame-host-enabled .frame-host-feature-list-item,
body.frame-os-enabled.frame-packz-app-enabled .frame-packz-app-feature-list-item {
  display: list-item;
}

body.frame-os-installed .frame-os-setup-feature-run-in,
body.frame-os-enabled .frame-os-feature-run-in,
body.frame-host-enabled .frame-host-feature-run-in,
body.frame-os-enabled.frame-packz-app-enabled .frame-packz-app-feature-run-in {
  display: run-in;
}

body.frame-os-installed .frame-os-setup-feature-table,
body.frame-os-enabled .frame-os-feature-table,
body.frame-host-enabled .frame-host-feature-table,
body.frame-os-enabled.frame-packz-app-enabled .frame-packz-app-feature-table {
  display: table;
}

body.frame-os-installed .frame-os-setup-feature-table-caption,
body.frame-os-enabled .frame-os-feature-table-caption,
body.frame-host-enabled .frame-host-feature-table-caption,
body.frame-os-enabled.frame-packz-app-enabled .frame-packz-app-feature-table-caption {
  display: table-caption;
}

body.frame-os-installed .frame-os-setup-feature-table-column-group,
body.frame-os-enabled .frame-os-feature-table-column-group,
body.frame-host-enabled .frame-host-feature-table-column-group,
body.frame-os-enabled.frame-packz-app-enabled .frame-packz-app-feature-table-column-group {
  display: table-column-group;
}

body.frame-os-installed .frame-os-setup-feature-table-header-group,
body.frame-os-enabled .frame-os-feature-table-header-group,
body.frame-host-enabled .frame-host-feature-table-header-group,
body.frame-os-enabled.frame-packz-app-enabled .frame-packz-app-feature-table-header-group {
  display: table-header-group;
}

body.frame-os-installed .frame-os-setup-feature-table-footer-group,
body.frame-os-enabled .frame-os-feature-table-footer-group,
body.frame-host-enabled .frame-host-feature-table-footer-group,
body.frame-os-enabled.frame-packz-app-enabled .frame-packz-app-feature-table-footer-group {
  display: table-footer-group;
}

body.frame-os-installed .frame-os-setup-feature-table-row-group,
body.frame-os-enabled .frame-os-feature-table-row-group,
body.frame-host-enabled .frame-host-feature-table-row-group,
body.frame-os-enabled.frame-packz-app-enabled .frame-packz-app-feature-table-row-group {
  display: table-row-group;
}

body.frame-os-installed .frame-os-setup-feature-table-cell,
body.frame-os-enabled .frame-os-feature-table-cell,
body.frame-host-enabled .frame-host-feature-table-cell,
body.frame-os-enabled.frame-packz-app-enabled .frame-packz-app-feature-table-cell {
  display: table-cell;
}

body.frame-os-installed .frame-os-setup-feature-table-column,
body.frame-os-enabled .frame-os-feature-table-column,
body.frame-host-enabled .frame-host-feature-table-column,
body.frame-os-enabled.frame-packz-app-enabled .frame-packz-app-feature-table-column {
  display: table-column;
}

body.frame-os-installed .frame-os-setup-feature-table-row,
body.frame-os-enabled .frame-os-feature-table-row,
body.frame-host-enabled .frame-host-feature-table-row,
body.frame-os-enabled.frame-packz-app-enabled .frame-packz-app-feature-table-row {
  display: table-row;
}

/**
 * @param {string} $prop - The property name
 * @param {Color|sass:list(Color)} $color - The color(s) for the property
 * @param {string} $value - The string to format. Where %s will be filled in with the corresponding index of the color list
 */
.nixps-cloudflow-TopNavigation {
  border-bottom: 1px solid #E5EDF5;
  color: #0080BF;
  height: 65px;
  overflow: hidden;
}

.nixps-cloudflow-TopNavigation.CloudflowStyle_clear_default {
  color: inherit;
}

.nixps-cloudflow-TopNavigation > span {
  display: block;
  margin-top: 2px;
  margin-left: 5px;
  height: calc(100% - 4px);
}

.nixps-cloudflow-TopNavigation div.svgIcon {
  display: inline-block;
  height: 25px;
  width: 25px;
  vertical-align: middle;
  margin-right: 5px;
  text-align: center;
  margin-top: -2px;
}

.nixps-cloudflow-TopNavigation .smallMode button div.svgIcon {
  display: block;
  height: auto;
  width: auto;
  margin-right: 0;
}

.nixps-cloudflow-TopNavigation .smallMode button.buttonText {
  padding-right: 3px;
  padding-left: 3px;
}

.nixps-cloudflow-TopNavigation .miniMode button.buttonText {
  width: 30;
  font-size: 0;
}

.nixps-cloudflow-TopNavigation div.svgIcon svg {
  height: 25px;
  width: 25px;
}

.nixps-cloudflow-TopNavigation div.svgIcon svg .st0 {
  fill: #9EB0C8;
}

.nixps-cloudflow-TopNavigation div.svgIcon svg .line_st0 {
  stroke: #9EB0C8;
}

.nixps-cloudflow-TopNavigation button {
  position: relative;
  border: 4px solid transparent;
  background: transparent;
  font-size: 1em;
  width: 1.8em;
  height: 26px;
  outline: none;
}

.nixps-cloudflow-TopNavigation button.button_extendneeded {
  overflow: visible;
}

.nixps-cloudflow-TopNavigation button.active {
  border-radius: 0;
  -webkit-box-shadow: 0 4px 0 #0080BF;
  -moz-box-shadow: 0 4px 0 #0080BF;
  box-shadow: 0 4px 0 #0080BF;
}

.nixps-cloudflow-TopNavigation button.buttonText {
  width: auto;
  font-size: 10pt;
  color: #ADBBC4;
  font-family: "Montserrat", sans-serif;
  font-style: oblique;
  text-transform: uppercase;
  margin-right: 15px;
  height: 100%;
  background-position: 11px 21px !important;
}

.nixps-cloudflow-TopNavigation button.buttonText.active,
.nixps-cloudflow-TopNavigation button.buttonText:hover {
  color: #3C4449;
}

.nixps-cloudflow-TopNavigation button.buttonText:hover div.svgIcon svg .st0 {
  fill: #3C4449;
}

.nixps-cloudflow-TopNavigation button.buttonText:hover div.svgIcon svg .line_st0 {
  stroke: #3C4449;
}

.nixps-cloudflow-TopNavigation button.buttonText.active div.svgIcon svg .st0 {
  fill: #0080BF;
}

.nixps-cloudflow-TopNavigation button.buttonText.active div.svgIcon svg .line_st0 {
  stroke: #0080BF;
}

.nixps-cloudflow-TopNavigation button.buttonText .topnavigation_badgenumber {
  position: absolute;
  top: -1px;
  right: -10px;
  font-size: 8pt;
  font-style: initial;
  font-weight: initial;
  background: #0080BF;
  /*background: #9EB0C8;*/
  color: #fff;
  border-radius: 60%;
  padding: 1px 5px;
}

.nixps-cloudflow-TopNavigation button.buttonText .topnavigation_badgenumber:empty {
  display: none;
}

.nixps-cloudflow-TopNavigation button.buttonText .topnavigation_badgenumber.topnavigation_badgenumber_max {
  border-radius: 5px;
}

.nixps-cloudflow-TopNavigation button.buttonText .topnavigation_badgenumber.topnavigation_badgenumber_length2 {
  border-radius: 40px;
}

.nixps-cloudflow-TopNavigation button.buttonText .topnavigation_badgenumber.topnavigation_badgenumber_length3 {
  border-radius: 60px;
}

.nixps-cloudflow-TopNavigation button.buttonText.active .topnavigation_badgenumber {
  background: #0080BF;
}

.nixps-cloudflow-TopNavigation button.buttonText:hover .topnavigation_badgenumber {
  background: #3C4449;
}

.nixps-cloudflow-TopNavigation.CloudflowStyle_clear_default button.buttonText {
  color: inherit;
  font-family: inherit;
}

@media (max-width: 440) { /* width of a smartphone */
  /* maximum width, with the maximum possible icons **/
  .nixps-cloudflow-TopNavigation button.buttonText {
    width: 35px;
    overflow: hidden;
    font-size: 0;
  }
}
@media (max-width: 390) { /* width of a smartphone */
  /* maximum width, with the maximum possible icons **/
  .nixps-cloudflow-TopNavigation button.buttonText {
    width: 30px;
    overflow: hidden;
    font-size: 0;
  }
}
.nixps-cloudflow-CloudflowBar {
  background-color: #FEFFFF;
  border-bottom: 1px solid #E5EDF5;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 8pt;
  letter-spacing: 3px;
  height: 59px;
  overflow: hidden;
  -o-transition: height 1s;
  -webkit-transition: height 1s;
  -moz-transition: height 1s;
  transition: height 1s;
}

.nixps-cloudflow-CloudflowBar.CloudflowStyle_clear_default {
  background-color: inherit;
  border-bottom: inherit;
  font-family: inherit;
}

/** collapsed status */
.nixps-cloudflow-CloudflowBar.collapsed {
  height: 0px;
  border-width: 0px;
}

.nixps-cloudflow-CloudflowBar.collapsed > .scopes,
.nixps-cloudflow-CloudflowBar.collapsed > .user {
  display: none;
}

.nixps-cloudflow-CloudflowBar > .title {
  color: #697D88;
  display: inline-block;
  font-size: 10pt;
  font-weight: bold;
  margin-top: 10px;
  margin-left: 25px;
  line-height: 38px;
  width: auto; /* IE fix */
  width: initial;
  height: initial;
  text-align: initial;
  table-layout: initial;
}

.nixps-cloudflow-CloudflowBar.CloudflowStyle_clear_default > .title {
  color: inherit;
}

.nixps-cloudflow-CloudflowBar > .button {
  cursor: pointer;
}

.nixps-cloudflow-CloudflowBar > .button:hover {
  cursor: pointer;
}

.nixps-cloudflow-CloudflowBar .arrowDown {
  vertical-align: sub;
}

.nixps-cloudflow-CloudflowBar .arrowDownIcon {
  display: inline-block;
  font-size: 1.5em;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 15px;
  visibility: hidden;
  /*    color: #b9c5d1;*/
}

.nixps-cloudflow-CloudflowBar.CloudflowStyle_clear_default .arrowDown {
  visibility: hidden;
}

.nixps-cloudflow-CloudflowBar:not(.CloudflowStyle_default) .arrowDownIcon {
  visibility: visible;
}

.nixps-cloudflow-CloudflowBar > .title > .text {
  display: inline-block;
  margin-left: 10px;
}

.nixps-cloudflow-CloudflowBar > .user {
  display: inline-block;
  border-left: 1px solid #E5EDF5;
  float: right;
  line-height: 59px;
  text-align: right;
  white-space: nowrap;
}

.nixps-cloudflow-CloudflowBar.CloudflowStyle_clear_default > .user {
  border-left-color: inherit;
}

.nixps-cloudflow-CloudflowBar > .user > .profilePicture {
  display: inline-block;
  max-height: 32px;
  max-width: 32px;
  margin-right: 5px;
  vertical-align: middle;
}

.nixps-cloudflow-CloudflowBar > .user > .arrowDown {
  display: inline-block;
  margin-right: 15px;
}

.nixps-cloudflow-CloudflowBar > .user > .helloText {
  display: inline-block;
  line-height: 32px;
  letter-spacing: 2px;
  margin-right: 7px;
  margin-left: 15px;
}

.nixps-cloudflow-CloudflowBar.CloudflowStyle_default > .user > .helloText {
  color: rgb(60, 68, 73);
}

.nixps-cloudflow-CloudflowBar > .user > .username {
  color: #2D3C42;
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  margin-right: 15px;
  letter-spacing: 2px;
  max-width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.nixps-cloudflow-CloudflowBar.CloudflowStyle_clear_default > .user > .username {
  color: inherit;
}

.nixps-cloudflow-CloudflowBar .logoIcon.nixps-cloudflow-Image,
.nixps-cloudflow-CloudflowBar .logoIcon.nixps-cloudflow-Image > div {
  display: inline;
}

.nixps-cloudflow-CloudflowBar .logoIcon img {
  display: inline-block;
  vertical-align: top;
  height: 38px;
}

.nixps-cloudflow-CloudflowBar > .sites,
.nixps-cloudflow-CloudflowBar > .scopes {
  display: inline-block;
  border-left: 1px solid #E5EDF5;
  float: right;
  line-height: 59px;
  text-align: center;
  white-space: nowrap;
  width: 209px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.nixps-cloudflow-CloudflowBar.CloudflowStyle_clear_default > .sites,
.nixps-cloudflow-CloudflowBar.CloudflowStyle_clear_default > .scopes {
  border-left-color: inherit;
}

.nixps-cloudflow-CloudflowBar > .sites > .text,
.nixps-cloudflow-CloudflowBar > .scopes > .text {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
}

.nixps-cloudflow-CloudflowBar.CloudflowStyle_default > .sites > .text,
.nixps-cloudflow-CloudflowBar.CloudflowStyle_default > .scopes > .text {
  color: rgb(60, 68, 73);
}

@media (max-width: 680px) {
  .nixps-cloudflow-CloudflowBar > .sites,
  .nixps-cloudflow-CloudflowBar > .scopes,
  .nixps-cloudflow-CloudflowBar > .user .helloText,
  .nixps-cloudflow-CloudflowBar > .user .username {
    display: none;
  }
  .nixps-cloudflow-CloudflowBar > .user {
    padding-left: 15px;
  }
}
.nixps-cloudflow-ActivityBar {
  background-color: #0080BF;
  border-bottom: 1px solid #E5EDF5;
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  vertical-align: middle;
  font-size: 9.5pt;
  font-weight: bold;
  height: 59px;
  position: relative;
  overflow: hidden;
  -o-transition: height 1s;
  -webkit-transition: height 1s;
  -moz-transition: height 1s;
  transition: height 1s;
  padding-left: 0px;
  padding-right: 0px;
}

.nixps-cloudflow-ActivityBar.CloudflowStyle_clear_default {
  background-color: inherit;
  border-bottom: inherit;
  color: inherit;
  font-family: inherit;
}

.nixps-cloudflow-ActivityBar .leftDarkButton { /* styling the black buttons */
  background: #000;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.nixps-cloudflow-ActivityBar .leftDarkButton > span { /*styling of the text inside */
  display: inline-block;
  text-align: center;
  width: 100%;
  line-height: normal;
}

/************************* 
       Go Back Button 
****************************/
.nixps-cloudflow-ActivityBar .goBackButton {
  width: 85px;
}

.nixps-cloudflow-ActivityBar .goBackButton .goBackArrow {
  padding-top: 8px; /*height element 59 - height arrow 42 / 2 */
  font-size: 35px;
  padding-bottom: 9px;
}

@-moz-document url-prefix() {
  .nixps-cloudflow-ActivityBar .goBackButton .goBackArrow {
    line-height: 1;
  }
}
/******************************* 
        open and close buttons
*********************************/
.nixps-cloudflow-ActivityBar .leftDarkButton.openButton {
  font-size: 19px;
  line-height: 1;
  text-align: center;
  height: 100%;
  width: 23px;
  vertical-align: middle;
  display: none;
}

.nixps-cloudflow-ActivityBar .leftDarkButton.openButton > .openIcon {
  position: relative;
  top: -3px;
  left: -1px;
}

.nixps-cloudflow-ActivityBar .leftDarkButton.openButton > .openIcon svg {
  height: 25px;
  width: 25px;
}

.nixps-cloudflow-ActivityBar .leftDarkButton.openButton > .openIcon svg .bigRec {
  fill: #FFF;
}

.nixps-cloudflow-ActivityBar .leftDarkButton.openButton > .openIcon svg .smallRec {
  fill: #222;
}

.nixps-cloudflow-ActivityBar .closeButton {
  display: none;
  font-size: 19px;
  cursor: pointer;
  vertical-align: top;
  padding-left: 2px;
  position: absolute;
  overflow: hidden;
}

.nixps-cloudflow-ActivityBar:hover .closeButton {
  display: inline-block;
}

.nixps-cloudflow-ActivityBar .leftDarkButton:hover ~ .closeButton {
  display: none; /* overwrite rule to hide when mouse is on go back button */
}

.nixps-cloudflow-ActivityBar .closeButton .closeIcon {
  position: relative;
  left: -6px;
  top: 0px;
}

/************************* 
        acticityIcon 
****************************/
.nixps-cloudflow-ActivityBar.nixps-cloudflow-ActivityBar-improved .activityIcon {
  line-height: 59px;
}

.nixps-cloudflow-ActivityBar .activityIcon {
  margin-left: 12px;
  margin-right: 12px;
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  -o-transition: height 1s;
  -webkit-transition: height 1s;
  -moz-transition: height 1s;
  transition: height 1s;
}

/* if there is a open icon before put some plaace to see this (neighbore) */
.nixps-cloudflow-ActivityBar .openButton ~ .activityIcon {
  margin-left: 25px;
}

.nixps-cloudflow-ActivityBar .activityIcon svg {
  width: 40px;
  height: 40px;
  -o-transition: height 1s;
  -webkit-transition: height 1s;
  -moz-transition: height 1s;
  transition: height 1s;
}

.nixps-cloudflow-ActivityBar .activityIcon svg .st0 {
  fill: #FFF; /* make svg icon white */
}

.nixps-cloudflow-ActivityBar .activityIcon svg .line_st0 {
  stroke: #FFF;
}

.nixps-cloudflow-ActivityBar div.activityIcon:empty {
  width: 0px; /* if no icon is applied show a good distance between arrow and title */
}

.nixps-cloudflow-ActivityBar img.activityIcon {
  max-width: 40px;
  max-height: 40px;
}

.nixps-cloudflow-ActivityBar.nixps-cloudflow-ActivityBar-improved .activityTitle {
  line-height: 59px;
}

.nixps-cloudflow-ActivityBar .activityTitle {
  vertical-align: middle;
}

/************************* 
        acticityButtons
****************************/
.nixps-cloudflow-ActivityBar .activityButton {
  display: inline-block;
  cursor: pointer;
  float: right;
  height: 100%;
  padding-right: 15px;
  padding-left: 15px;
  vertical-align: middle;
  line-height: 59px; /* same as height element */
}

.nixps-cloudflow-ActivityBar .activityButton:hover {
  background-color: #0070AD;
}

.nixps-cloudflow-ActivityBar .activityButton.selected {
  background-color: #0070AD;
}

.nixps-cloudflow-ActivityBar .activityButton.disable_button {
  cursor: default;
  background-color: #0080BF;
  color: #b7cee0;
}

.nixps-cloudflow-ActivityBar.CloudflowStyle_default .activityOptionsButton .fa {
  margin-right: 1px;
}

.nixps-cloudflow-ActivityBar.CloudflowStyle_default .activityOptionsButton .fa-lg {
  margin-right: 2px;
  vertical-align: -11%;
}

/*****************************************
          all collapsed css style 
******************************************/
.nixps-cloudflow-ActivityBar.collapsed {
  height: 20px;
}

.nixps-cloudflow-ActivityBar.collapsed .goBackButton,
.nixps-cloudflow-ActivityBar.collapsed .closeButton {
  display: none;
  height: 200%;
}

.nixps-cloudflow-ActivityBar.collapsed .openButton {
  display: inline-block;
}

.nixps-cloudflow-ActivityBar.collapsed .activityTitle {
  font-size: 10px;
}

.nixps-cloudflow-ActivityBar.collapsed .activityIcon {
  height: 20px;
  width: 20px;
  margin-left: 10px;
  margin-right: 6px;
}

.nixps-cloudflow-ActivityBar.collapsed .activityIcon svg {
  height: 15px;
  width: 15px;
  padding-top: 2px;
}

.nixps-cloudflow-DropDownMenu {
  position: absolute;
  background-color: #FFF;
  border-left: 1px solid #E5EDF5;
  border-right: 1px solid #E5EDF5;
  border-bottom: 1px solid #E5EDF5;
  box-sizing: content-box;
  color: #747C83;
  font-size: 8pt;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 2px;
  max-height: 75%;
  overflow-y: auto;
}

.nixps-cloudflow-DropDownMenu.CloudflowStyle_clear_default {
  background-color: inherit;
  color: inherit;
  border-color: inherit;
  font-family: inherit;
}

.nixps-cloudflow-DropDownMenu > .items {
  list-style-type: none;
  margin: 0;
  padding: 0;
  line-height: 40px;
  text-align: right;
}

.nixps-cloudflow-DropDownMenu > .items > .item {
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  cursor: pointer;
  text-transform: uppercase;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.nixps-cloudflow-DropDownMenu > .items > .item:hover {
  color: #3C4449;
}

.nixps-cloudflow-DropDownMenu.CloudflowStyle_clear_default > .items > .item:hover {
  color: inherit;
}

.nixps-cloudflow-DropDownMenu.scopesDropDown > .items > .item {
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.nixps-cloudflow-ProjectList.CloudflowStyle_pagebuilder .nixps-cloudflow-Table thead > tr > th:empty {
  padding: 0px;
}

.nixps-cloudflow-ProjectList.CloudflowStyle_pagebuilder .table-search-boolean {
  max-width: 60px;
}

.nixps-cloudflow-ProjectList.CloudflowStyle_pagebuilder .boolTrue,
.nixps-cloudflow-ProjectList.CloudflowStyle_pagebuilder .boolFalse {
  text-align: center;
}

.nixps-cloudflow-ProjectList.CloudflowStyle_pagebuilder .boolTrue .boolText,
.nixps-cloudflow-ProjectList.CloudflowStyle_pagebuilder .boolFalse .boolText {
  display: none;
}

.nixps-cloudflow-ProjectList .collapse_general_cell_header,
.nixps-cloudflow-ProjectList .collapse_general_cell,
.nixps-cloudflow-ProjectList .tablerowinputselectorheader,
.nixps-cloudflow-ProjectList .tablerowinputselector {
  width: 25px;
  max-width: 25px;
}

/* 
    Created on : May 11, 2017, 12:07:59 PM
    Author     : guillaume
*/
.nixps-cloudflow-ArrayInput .arrayinput_row {
  margin: 2px 2px 2px 0px;
}
.nixps-cloudflow-ArrayInput:not(.arrayinput_multilevel) .arrayinput_row {
  margin-bottom: 4px;
}
.nixps-cloudflow-ArrayInput .nixps-cloudflow-TranslationInput,
.nixps-cloudflow-ArrayInput .nixps-cloudflow-Input {
  display: inline-block;
  vertical-align: middle;
}
.nixps-cloudflow-ArrayInput:not(.arrayinput_multilevel) .nixps-cloudflow-TranslationInput,
.nixps-cloudflow-ArrayInput:not(.arrayinput_multilevel) .nixps-cloudflow-Input {
  width: 90%; /* fallback */
  width: calc(100% - 55px);
  margin-right: 6px;
}
.nixps-cloudflow-ArrayInput .nixps-quantum-SelectArrayMaker {
  width: 90%; /* fallback */
  width: calc(100% - 55px);
  display: inline-block;
}
.nixps-cloudflow-ArrayInput .nixps-quantum-SelectArrayMaker .nixps-cloudflow-TranslationInput,
.nixps-cloudflow-ArrayInput .nixps-quantum-SelectArrayMaker .nixps-cloudflow-Input {
  width: 91%; /* fallback */
  width: calc(100% - 48px);
  margin-left: 6px;
}
.nixps-cloudflow-ArrayInput .arrayinput_value {
  white-space: nowrap;
}
.nixps-cloudflow-ArrayInput .arrayinput_unvalidvalue {
  width: 100%;
}
.nixps-cloudflow-ArrayInput .arrayinput_add,
.nixps-cloudflow-ArrayInput .arrayinput_remove {
  padding: 2px 0px 2px 4px;
  margin: 0;
}
.nixps-cloudflow-ArrayInput .arrayinput_add:not(:focus),
.nixps-cloudflow-ArrayInput .arrayinput_remove:not(:focus) {
  color: inherit;
}
.nixps-cloudflow-ArrayInput .arrayinput_add[disabled],
.nixps-cloudflow-ArrayInput .arrayinput_remove[disabled] {
  cursor: not-allowed;
}
.nixps-cloudflow-ArrayInput.nixps-cloudflow-ArrayInput-disabled .arrayinput_add,
.nixps-cloudflow-ArrayInput.nixps-cloudflow-ArrayInput-disabled .arrayinput_remove {
  cursor: not-allowed;
}
.nixps-cloudflow-ArrayInput.nixps-cloudflow-ArrayInput-disabled .nixps-cloudflow-TranslationInput-disabled,
.nixps-cloudflow-ArrayInput.nixps-cloudflow-ArrayInput-disabled .nixps-cloudflow-Input-disabled {
  opacity: 1;
  filter: Alpha(Opacity=100);
}
.nixps-cloudflow-ArrayInput .arrayinput_children {
  margin: 5px 0px 5px 15px;
}

/* 
    Created on : 17-nov-2015, 9:20:29
    Author     : guillaume
*/
.nixps-cloudflow-AutoFill input {
  height: 22px;
  padding-top: 1px;
  padding-bottom: 1px;
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.nixps-cloudflow-AutoFill .ui-widget-content,
.nixps-cloudflow-AutoFill .ui-widget-content a {
  background: #ffffff;
  background: var(--body);
  color: #222222;
  color: var(--text-body);
}
.nixps-cloudflow-AutoFill .ui-menu .ui-menu-item a.ui-state-focus,
.nixps-cloudflow-AutoFill .ui-menu .ui-menu-item a.ui-state-active {
  background: #efefef;
  margin-bottom: 0px;
  border-width: 0px;
}
.nixps-cloudflow-AutoFill .nixps-cloudflow-TagList .TagContainer {
  padding-bottom: 5px;
}
.nixps-cloudflow-AutoFill .nixps-cloudflow-TagList .TagContainer:empty {
  padding-bottom: 0px;
}
.nixps-cloudflow-AutoFill .fa-spinner {
  position: absolute;
  top: 10px;
  right: 30px;
}

/* 
    Created on : Jul 20, 2018, 10:39:10 AM
    Author     : guillaume
*/
.nixps-cloudflow-AutoFillExtend input {
  padding-right: 30px;
}
.nixps-cloudflow-AutoFillExtend input[readonly] {
  cursor: default;
  opacity: 1;
}
.nixps-cloudflow-AutoFillExtend input[readonly].cf-form-control {
  background: #ffffff;
  background: var(--body);
  box-shadow: none;
  outline: none;
}
.nixps-cloudflow-AutoFillExtend.formrenderer_informAutoChange input[readonly] {
  background-color: #faffbd;
  background-image: none;
}
.nixps-cloudflow-AutoFillExtend .afes_searchbutton {
  display: inline;
  position: absolute;
  top: 11px;
  right: 17px;
  font-size: 110%;
  color: inherit;
  background: transparent;
  border: none;
  padding: 0;
}
.nixps-cloudflow-AutoFillExtend .afes_searchbutton .fa-search {
  position: absolute;
  right: -6px;
  top: 0px;
  padding-left: 1px;
  background: rgba(255, 255, 255, 0.6);
}
.nixps-cloudflow-AutoFillExtend .afes_searchbutton .fa-align-justify {
  vertical-align: top;
}
.nixps-cloudflow-AutoFillExtend .afes_searchbutton.afes_disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.nixps-cloudflow-AutoFillExtend:not(.nixps-cloudflow-AutoFillExtend-disabled) .afes_searchbutton {
  cursor: pointer;
}
.nixps-cloudflow-AutoFillExtend.nixps-cloudflow-AutoFillExtend-disabled .afes_searchbutton {
  cursor: not-allowed;
}

.nixps-cloudflow-AutoFillExtendDialog.CloudflowStyle_default.ui-dialog {
  box-sizing: content-box;
}
.nixps-cloudflow-AutoFillExtendDialog.CloudflowStyle_default.ui-dialog table {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border-spacing: 0;
}
.nixps-cloudflow-AutoFillExtendDialog.CloudflowStyle_default.ui-dialog table th {
  text-align: left;
}
.nixps-cloudflow-AutoFillExtendDialog.CloudflowStyle_default.ui-dialog .table > thead > tr > th {
  border-top: 0px;
}
.nixps-cloudflow-AutoFillExtendDialog.ui-dialog .ui-dialog-content.ui-widget-content {
  box-sizing: content-box;
  overflow: auto;
}
.nixps-cloudflow-AutoFillExtendDialog.ui-dialog tbody tr {
  cursor: pointer;
}
.nixps-cloudflow-AutoFillExtendDialog.ui-dialog input[type=search] {
  -webkit-appearance: searchfield;
}

@media (max-width: 450px) {
  .nixps-cloudflow-AutoFillExtend .afes_searchbutton {
    display: none;
  }
}
/* 
    Created on : Jul 17, 2018, 2:22:18 PM
    Author     : guillaume
*/
.nixps-cloudflow-ConfigurePlainObject {
  min-width: 525px;
}
.nixps-cloudflow-ConfigurePlainObject .co_pathheader {
  padding-left: 20px;
  display: inline-block;
  width: 50.3333333%;
}
.nixps-cloudflow-ConfigurePlainObject .co_valueheader {
  padding-left: 5px;
  display: inline-block;
  width: 35%;
}
.nixps-cloudflow-ConfigurePlainObject .arrayinput_value {
  display: inline-block;
  padding-top: 3px;
  padding-bottom: 3px;
  width: calc(100% - 75px);
  vertical-align: text-top;
}
.nixps-cloudflow-ConfigurePlainObject .arrayinput_row.row {
  margin-bottom: 7px;
}
.nixps-cloudflow-ConfigurePlainObject .keyInput {
  padding-right: 0;
  width: 38%;
}
.nixps-cloudflow-ConfigurePlainObject .typeSelecting {
  min-width: 100px;
  padding-left: 10px;
  padding-right: 10px;
}
.nixps-cloudflow-ConfigurePlainObject .valueInput {
  padding-right: 0;
  padding-left: 0;
}
.nixps-cloudflow-ConfigurePlainObject .co_buttons {
  display: inline-block;
  white-space: nowrap;
  overflow: visible;
  padding-right: 0;
  width: 75px;
  vertical-align: text-top;
  height: 34px;
  line-height: 34px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.nixps-cloudflow-ConfigurePlainObject .leb_removebutton,
.nixps-cloudflow-ConfigurePlainObject .leb_addbutton {
  font-size: 1.9em;
  line-height: 1.1em;
  padding: 0;
  padding-right: 5px;
  padding-top: 1px;
  vertical-align: middle;
  border: none;
  background: transparent;
  color: inherit;
  margin: 0;
}
.nixps-cloudflow-ConfigurePlainObject .configureplainobject_single {
  /** hide selector, if there is just one possibility */
  /** adapt header position */
}
.nixps-cloudflow-ConfigurePlainObject .configureplainobject_single .typeSelecting {
  min-width: 18px;
  width: 18px;
  visibility: hidden;
}
.nixps-cloudflow-ConfigurePlainObject .configureplainobject_single .co_header .col-sm-6.co_pathheader {
  width: 35%;
}
.nixps-cloudflow-ConfigurePlainObject.smallsettingpanel {
  min-width: initial;
}
.nixps-cloudflow-ConfigurePlainObject.smallsettingpanel .arrayinput_value {
  padding-left: 5px;
  width: calc( 100% - 57px);
}
.nixps-cloudflow-ConfigurePlainObject.smallsettingpanel .keyInput {
  width: 33%;
}
.nixps-cloudflow-ConfigurePlainObject.smallsettingpanel .typeSelecting {
  min-width: initial;
  width: 72px;
  padding-left: 7px;
  padding-right: 7px;
}
.nixps-cloudflow-ConfigurePlainObject.smallsettingpanel .co_buttons {
  width: 52px;
}

/*
    Created on : 19-jul-2019, 15:35:16
    Author     : guillaume
*/
/* 
    Created on : Aug 31, 2017, 6:06:04 PM
    Author     : guillaume
*/
.nixps-cloudflow-DatetimeSelector {
  /** overwrite to be compatibel with bootstrap ui **/
}
.nixps-cloudflow-DatetimeSelector .input-group-addon {
  color: #222222;
  color: var(--text-body);
  background: #ffffff;
  background: var(--body);
  border: 1px solid #c5c9cc;
  border: 1px solid var(--cloudflow-fourth-700);
  border-radius: 4px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  padding-left: 4px;
  padding-right: 4px;
}
.nixps-cloudflow-DatetimeSelector .input-group-addon.cf-input-appendbutton {
  vertical-align: middle;
}
.nixps-cloudflow-DatetimeSelector input.cf-form-control + .input-group-addon {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.nixps-cloudflow-DatetimeSelector .datetimepickerAddonStart.input-group-addon {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border-right: 0;
}
.nixps-cloudflow-DatetimeSelector.cf-form.cf-form-small .datetimepickerAddonStart.input-group-addon {
  line-height: 25px;
}
.nixps-cloudflow-DatetimeSelector:not(.cf-form) .input-group-addon {
  line-height: normal;
}
.nixps-cloudflow-DatetimeSelector input[type=text] {
  text-align: center;
  border: 1px solid #c5c9cc;
  border: 1px solid var(--cloudflow-fourth-700);
  border-right-width: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.nixps-cloudflow-DatetimeSelector .emptyClearPanel {
  background: #eee;
  background: var(--background-disabled);
  border: 1px solid #c5c9cc;
  border: 1px solid var(--cloudflow-fourth-700);
  border-radius: 4px;
  padding: 6px 15px;
}
.nixps-cloudflow-DatetimeSelector .emptyClearPanel .removeEmptyClearPanelButton {
  cursor: pointer;
  float: right;
  margin-top: 4px;
  margin-right: 0px;
}
.nixps-cloudflow-DatetimeSelector .emptyClearPanel .removeEmptyClearPanelButton.disabledButton {
  cursor: not-allowed;
  opacity: 0.5;
}
.nixps-cloudflow-DatetimeSelector .dropdown-menu {
  color: inherit;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 13px;
  text-align: left;
  color: #222222;
  color: var(--text-body);
  background-color: #ffffff;
  background-color: var(--body);
  border: 1px solid #c5c9cc;
  border: 1px solid var(--cloudflow-fourth-700);
  border-radius: 4px;
  background-clip: padding-box;
}
.nixps-cloudflow-DatetimeSelector .dropdown-menu * {
  box-sizing: border-box;
}
.nixps-cloudflow-DatetimeSelector .input-group {
  position: relative;
  display: flex;
  border-collapse: separate;
}
.nixps-cloudflow-DatetimeSelector .list-unstyled {
  padding-left: 0;
  list-style: none;
}
.nixps-cloudflow-DatetimeSelector .collapse.in {
  display: block;
}
.nixps-cloudflow-DatetimeSelector .collapse {
  display: none;
}
.nixps-cloudflow-DatetimeSelector .timepicker-hour,
.nixps-cloudflow-DatetimeSelector .timepicker-minute,
.nixps-cloudflow-DatetimeSelector .timepicker-second {
  width: 54px;
  font-weight: normal;
  font-size: 1.2em;
  margin: 0;
}
.nixps-cloudflow-DatetimeSelector .fa.fa-angle-down,
.nixps-cloudflow-DatetimeSelector .fa.fa-angle-up,
.nixps-cloudflow-DatetimeSelector .fa.fa-angle-right,
.nixps-cloudflow-DatetimeSelector .fa.fa-angle-left {
  font-weight: bold;
  font-size: 2em;
}
.nixps-cloudflow-DatetimeSelector a {
  color: #2273B9;
  color: var(--text-link);
  text-decoration: none;
}
.nixps-cloudflow-DatetimeSelector a:hover {
  color: #1d619b;
  color: var(--text-linkhover);
}

.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
  line-height: inherit;
  height: auto;
  vertical-align: middle;
  font-weight: bold;
}
.bootstrap-datetimepicker-widget table.table-condensed > thead > tr > th, .bootstrap-datetimepicker-widget table .bootstrap .table-condensed > tbody > tr > th, .bootstrap-datetimepicker-widget table.table-condensed > tfoot > tr > th, .bootstrap-datetimepicker-widget table .bootstrap .table-condensed > thead > tr > td, .bootstrap-datetimepicker-widget table.table-condensed > tbody > tr > td, .bootstrap-datetimepicker-widget table .bootstrap .table-condensed > tfoot > tr > td {
  padding: 3px;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover, .bootstrap-datetimepicker-widget table td span:hover,
.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
  background: #cce6f2;
  background: var(--selection-second);
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-bottom: 6px solid #c5c9cc;
  border-bottom: 6px solid var(--cloudflow-fourth-700);
}

@media (max-width: 992px) {
  .nixps-cloudflow-DatetimeSelector .datetimepicker .col-md-6 {
    margin-bottom: 3px;
  }
}
/* 
    Created on : Mar 27, 2018, 2:12:45 PM
    Author     : guillaume
*/
.nixps-cloudflow-ErrorMessage.col-sm-12.componentElement {
  min-height: 0px;
}

.nixps-cloudflow-FormAgreement {
  color: #8c8c8c;
  margin-top: 7px;
  margin-left: 22px;
  margin-right: 15px;
}
.nixps-cloudflow-FormAgreement a {
  white-space: nowrap;
}

/* 
    Created on : Jun 8, 2018, 9:36:34 AM
    Author     : guillaume
*/
.nixps-ActionMenu {
  position: fixed;
  z-index: 99999;
}

/* 
    Created on : Jun 8, 2017, 1:22:09 PM
    Author     : guillaume
*/
.nixps-cloudflow-InteractionSelect .interactionselect_row {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 4px;
  margin-bottom: 4px;
}
.nixps-cloudflow-InteractionSelect .interactionselect_row:first-child {
  margin-top: 0px;
}

/* 
    Created on : Jun 23, 2017, 11:05:48 AM
    Author     : guillaume
*/
.nixps-cloudflow-RadioInput .radioinput_classes,
.nixps-cloudflow-RadioInput .nixps-cloudflow-Image {
  cursor: pointer;
}

/* 
    Created on : Oct 17, 2017, 5:54:07 PM
    Author     : guillaume
*/
.nixps-cloudflow-RadioInputs > .nixps-cloudflow-RadioInput {
  display: inline-block;
  padding-left: 30px;
}

/* 
    Created on : Jan 22, 2019
    Author     : guillaume
*/
.nixps-cloudflow-ReadOnlyInput {
  white-space: pre-line;
}
.nixps-cloudflow-ReadOnlyInput .form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0px;
  background: rgba(185, 185, 185, 0.5);
  background: rgba(var(--gray-3-rgb), 0.5);
  overflow: hidden;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted #222222;
  border: 1px dotted var(--text-body);
}

/* 
    Created on : Jun 8, 2018, 10:04:44 AM
    Author     : guillaume
*/
.nixps-cloudflow-Select select.select_plaintext {
  background: transparent;
  border: transparent;
  border-width: 1px 0;
  box-shadow: none;
  cursor: auto;
  -webkit-appearance: textfield;
  pointer-events: none;
}
.nixps-cloudflow-Select .select_emptytext {
  position: absolute;
  top: 2px;
  left: 20px;
  right: 20px;
  bottom: 2px;
  color: #999;
  line-height: 28px;
  padding-left: 5px;
  font-style: italic;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nixps-cloudflow-Select .cf-select-img {
  margin-right: 2px;
  text-align: center;
  width: 16px;
}
.nixps-cloudflow-Select .ui-menu {
  position: absolute;
  list-style: none;
  border: 1px solid #777777;
  border: 1px solid var(--text2-body);
  margin: 0;
  display: block;
  outline: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  /** jquery version 1.9.0 */
  /** jquery version 1.11.0 */
}
.nixps-cloudflow-Select .ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
}
.nixps-cloudflow-Select .ui-menu .ui-menu-item .ui-menu-item-wrapper,
.nixps-cloudflow-Select .ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px 0.4em;
  line-height: 1.5;
  min-height: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  background: inherit;
  background-color: #ffffff;
  background-color: var(--body);
  font-family: inherit;
  /* support: IE7; */
  font-weight: normal;
}
.nixps-cloudflow-Select .ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.nixps-cloudflow-Select .ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: 0.4em 0 0.2em;
  line-height: 1.5;
}
.nixps-cloudflow-Select .ui-menu .ui-state-disabled a {
  cursor: default;
}
.nixps-cloudflow-Select .ui-menu .ui-menu-item a.ui-state-focus,
.nixps-cloudflow-Select .ui-menu .ui-menu-item a.ui-state-active {
  background: #EAEFF3;
  background: var(--cloudflow-fourth-500);
  font-weight: normal;
}
.nixps-cloudflow-Select .ui-menu .ui-menu-item.ui-state-focus,
.nixps-cloudflow-Select .ui-menu .ui-menu-item.ui-state-active {
  border: none;
  background: #EAEFF3;
  background: var(--cloudflow-fourth-500);
  font-weight: normal;
}
.nixps-cloudflow-Select .ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  background: #EAEFF3;
  background: var(--cloudflow-fourth-500);
  font-weight: normal;
  color: inherit;
  border: none;
}
.nixps-cloudflow-Select .ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.nixps-cloudflow-Select .ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
  z-index: 10;
  background: #FAFAFA;
  background: var(--gray-4);
  border-color: #B9B9B9;
  border-color: var(--gray-3);
}
.nixps-cloudflow-Select .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}
.nixps-cloudflow-Select .ui-selectmenu-menu .ui-menu .ui-menu-item {
  cursor: default;
}
.nixps-cloudflow-Select .ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper {
  min-height: 1.2em;
  padding-left: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.nixps-cloudflow-Select .ui-selectmenu-open {
  display: block;
}
.nixps-cloudflow-Select .ui-selectmenu-text {
  cursor: default;
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nixps-cloudflow-Select .ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
}
.nixps-cloudflow-Select .ui-selectmenu-icon {
  float: right;
  margin-top: 0;
}
.nixps-cloudflow-Select .ui-selectmenu-icon.cf-icon {
  padding-top: 2px;
}

/*
    Created on : 18-okt-2019, 9:34:08
    Author     : guillaume
*/
.nixps-cloudflow-TranslationInput {
  position: relative;
}
.nixps-cloudflow-TranslationInput .ti_input input[type=text] {
  padding: 3px;
  padding-right: 26px;
  direction: rtl; /** show end of text whan not editing */
}
.nixps-cloudflow-TranslationInput .ti_input input[type=text]:focus {
  direction: inherit; /** conserve edit behaviour */
}
.nixps-cloudflow-TranslationInput .ti_translatedString {
  box-sizing: initial;
  font-style: italic;
  overflow: hidden;
  padding-right: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #ffffff;
  background: var(--body);
}
.nixps-cloudflow-TranslationInput .ti_translatedString.cf-form-control {
  box-sizing: border-box;
}
.nixps-cloudflow-TranslationInput .ti_icon {
  cursor: pointer;
  position: absolute;
  right: 9px;
  top: 9px;
  font-size: 1.3em;
  opacity: 1;
  z-index: 1;
}
.nixps-cloudflow-TranslationInput .ti_disable {
  cursor: not-allowed;
  opacity: 0.5;
}
.nixps-cloudflow-TranslationInput:not(.ti_foundTranslation) .ti_translatedString {
  color: #777777;
  color: var(--gray-2);
}
.nixps-cloudflow-TranslationInput:not(.ti_foundTranslation) .ti_icon {
  color: #e8ba73; /* orange */
}
.nixps-cloudflow-TranslationInput.ti_foundTranslation .ti_icon {
  color: #3c763d; /* green */
}
.nixps-cloudflow-TranslationInput.nixps-cloudflow-TranslationInput-disabled .ti_translatedString {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
  filter: Alpha(Opacity=100);
}
.nixps-cloudflow-TranslationInput.nixps-cloudflow-TranslationInput-disabled .ti_icon {
  cursor: not-allowed;
  color: #555555;
  opacity: 1;
}

/*
    Created on : 11-sep-2019, 13:14:43
    Author     : guillaume
*/
.nixps-cloudflow-Password .password_resultpanel {
  display: inline-block;
  position: absolute;
  vertical-align: text-bottom;
  right: 7px;
  top: 10px;
  width: 16px;
  height: 16px;
}
.nixps-cloudflow-Password .password_resultpanel.password_resultpanel_empty {
  display: none;
}
.nixps-cloudflow-Password .password_resultpanel .password_resulticon:not(:empty()) {
  margin-left: 5px;
  margin-right: 5px;
}
.nixps-cloudflow-Password .password_waitIcon {
  position: absolute;
  vertical-align: text-bottom;
  right: 10px;
  top: 7px;
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url(/portal/images/ajax-loader3.gif);
  background-size: 16px 16px;
}

.flex-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: space-evenly;
  -moz-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
  box-sizing: border-box;
  width: 100%;
}

.flex-start {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.flex-column {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: space-evenly;
  -moz-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
  box-sizing: border-box;
  height: 100%;
}

.flex-row-between {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
}

.flex-column-between {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  box-sizing: border-box;
  height: 100%;
}

.flex-basis-50px {
  flex-basis: 50%;
}

.flex-grow-0 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex: 0;
  flex-grow: 0;
  -webkit-flex-basis: 0;
  flex-basis: 0;
}

.flex-grow-1 {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
}

.flex-grow-2 {
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex: 2;
  flex-grow: 2;
  -webkit-flex-basis: 0;
  flex-basis: 0;
}

.flex-grow-3 {
  -webkit-box-flex: 3;
  -moz-box-flex: 3;
  -webkit-flex-grow: 3;
  -ms-flex: 3;
  flex-grow: 3;
  -webkit-flex-basis: 0;
  flex-basis: 0;
}

.flex-grow-4 {
  -webkit-box-flex: 4;
  -moz-box-flex: 4;
  -webkit-flex-grow: 4;
  -ms-flex: 4;
  flex-grow: 4;
  -webkit-flex-basis: 0;
  flex-basis: 0;
}

.flex-grow-5 {
  -webkit-box-flex: 5;
  -moz-box-flex: 5;
  -webkit-flex-grow: 5;
  -ms-flex: 5;
  flex-grow: 5;
  -webkit-flex-basis: 0;
  flex-basis: 0;
}

.flex-grow-6 {
  -webkit-box-flex: 6;
  -moz-box-flex: 6;
  -webkit-flex-grow: 6;
  -ms-flex: 6;
  flex-grow: 6;
  -webkit-flex-basis: 0;
  flex-basis: 0;
}

.flex-grow-7 {
  -webkit-box-flex: 7;
  -moz-box-flex: 7;
  -webkit-flex-grow: 7;
  -ms-flex: 7;
  flex-grow: 7;
  -webkit-flex-basis: 0;
  flex-basis: 0;
}

.flex-grow-8 {
  -webkit-box-flex: 8;
  -moz-box-flex: 8;
  -webkit-flex-grow: 8;
  -ms-flex: 8;
  flex-grow: 8;
  -webkit-flex-basis: 0;
  flex-basis: 0;
}

.flex-grow-9 {
  -webkit-box-flex: 9;
  -moz-box-flex: 9;
  -webkit-flex-grow: 9;
  -ms-flex: 9;
  flex-grow: 9;
  -webkit-flex-basis: 0;
  flex-basis: 0;
}

.flex-grow-10 {
  -webkit-box-flex: 10;
  -moz-box-flex: 10;
  -webkit-flex-grow: 10;
  -ms-flex: 10;
  flex-grow: 10;
  -webkit-flex-basis: 0;
  flex-basis: 0;
}

.flex-grow-11 {
  -webkit-box-flex: 11;
  -moz-box-flex: 11;
  -webkit-flex-grow: 11;
  -ms-flex: 11;
  flex-grow: 11;
  -webkit-flex-basis: 0;
  flex-basis: 0;
}

.flex-grow-12 {
  -webkit-box-flex: 12;
  -moz-box-flex: 12;
  -webkit-flex-grow: 12;
  -ms-flex: 12;
  flex-grow: 12;
  -webkit-flex-basis: 0;
  flex-basis: 0;
}

/*
    Created on : 16-jul-2019, 13:05:19
    Author     : guillaume
*/
button {
  font-size: inherit;
  font-family: inherit;
}

.cf-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-style: solid;
  box-sizing: border-box;
  cursor: pointer;
  font-family: inherit;
  padding: 3px 5px;
  text-align: center;
  border-width: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 1.1em;
}
.cf-button[disabled], .cf-button.cf-button-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.cf-button:focus {
  border-color: #298ef1;
  border-color: var(--focus-main);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
}
.cf-button:active {
  -webkit-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.125);
  -webkit-box-shadow: inset 0px 0px 4px rgba(var(--gray-0-rgb), 0.125);
  box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0px 0px 4px rgba(var(--gray-0-rgb), 0.125);
}

.cf-button-main {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-style: solid;
  box-sizing: border-box;
  cursor: pointer;
  font-family: inherit;
  padding: 3px 5px;
  text-align: center;
  border-width: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 1.1em;
  border-color: #2273B9;
  border-color: var(--cloudflow-main-500);
  background: #2273B9;
  background: var(--cloudflow-main-500);
  color: #ffffff;
  color: var(--text-main);
}
.cf-button-main[disabled], .cf-button-main.cf-button-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.cf-button-main:focus {
  padding: 3px 5px;
  border-color: #298ef1;
  border-color: var(--focus-main);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
  border-color: #2273B9;
  border-color: var(--cloudflow-main-500);
}
.cf-button-main:not([disabled]):hover {
  border-color: #66B3D9;
  border-color: var(--cloudflow-first-500);
  background: #66B3D9;
  background: var(--cloudflow-first-500);
}
.cf-button-main:not([disabled]):active {
  background: #66B3D9;
  background: var(--cloudflow-first-500);
  -webkit-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.125);
  -webkit-box-shadow: inset 0px 0px 4px rgba(var(--gray-0-rgb), 0.125);
  box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0px 0px 4px rgba(var(--gray-0-rgb), 0.125);
}

.cf-button-secondary {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-style: solid;
  box-sizing: border-box;
  cursor: pointer;
  font-family: inherit;
  padding: 3px 5px;
  text-align: center;
  border-width: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 1.1em;
  border-style: solid;
  color: #000000;
  color: var(--gray-0);
  border-color: #000000;
  border-color: var(--gray-0);
  background: #ffffff;
  background: var(--gray-5);
}
.cf-button-secondary[disabled], .cf-button-secondary.cf-button-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.cf-button-secondary:focus {
  border-color: #298ef1;
  border-color: var(--focus-main);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
  border-color: #000000;
  border-color: var(--gray-0);
}
.cf-button-secondary:active {
  -webkit-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.125);
  -webkit-box-shadow: inset 0px 0px 4px rgba(var(--gray-0-rgb), 0.125);
  box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0px 0px 4px rgba(var(--gray-0-rgb), 0.125);
}

.cf-button-success {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-style: solid;
  box-sizing: border-box;
  cursor: pointer;
  font-family: inherit;
  padding: 3px 5px;
  text-align: center;
  border-width: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 1.1em;
  border-style: solid;
  border-color: #05C985;
  border-color: var(--success-500);
  background: #05C985;
  background: var(--success-500);
  color: #ffffff;
  color: var(--text-main);
}
.cf-button-success[disabled], .cf-button-success.cf-button-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.cf-button-success:focus {
  border-color: #298ef1;
  border-color: var(--focus-main);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
  border-color: #05C985;
  border-color: var(--success-500);
}
.cf-button-success:active {
  -webkit-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.125);
  -webkit-box-shadow: inset 0px 0px 4px rgba(var(--gray-0-rgb), 0.125);
  box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0px 0px 4px rgba(var(--gray-0-rgb), 0.125);
}

.cf-button-warning {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-style: solid;
  box-sizing: border-box;
  cursor: pointer;
  font-family: inherit;
  padding: 3px 5px;
  text-align: center;
  border-width: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 1.1em;
  border-style: solid;
  border-color: #FFAB4F;
  border-color: var(--warning-500);
  background: #FFAB4F;
  background: var(--warning-500);
  color: #ffffff;
  color: var(--text-main);
}
.cf-button-warning[disabled], .cf-button-warning.cf-button-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.cf-button-warning:focus {
  border-color: #298ef1;
  border-color: var(--focus-main);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
  border-color: #FFAB4F;
  border-color: var(--warning-500);
}
.cf-button-warning:active {
  -webkit-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.125);
  -webkit-box-shadow: inset 0px 0px 4px rgba(var(--gray-0-rgb), 0.125);
  box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0px 0px 4px rgba(var(--gray-0-rgb), 0.125);
}

.cf-button-error {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-style: solid;
  box-sizing: border-box;
  cursor: pointer;
  font-family: inherit;
  padding: 3px 5px;
  text-align: center;
  border-width: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 1.1em;
  border-style: solid;
  border-color: #EE423D;
  border-color: var(--error-500);
  background: #EE423D;
  background: var(--error-500);
  color: #ffffff;
  color: var(--text-main);
}
.cf-button-error[disabled], .cf-button-error.cf-button-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.cf-button-error:focus {
  border-color: #298ef1;
  border-color: var(--focus-main);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
  border-color: #EE423D;
  border-color: var(--error-500);
}
.cf-button-error:active {
  -webkit-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.125);
  -webkit-box-shadow: inset 0px 0px 4px rgba(var(--gray-0-rgb), 0.125);
  box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0px 0px 4px rgba(var(--gray-0-rgb), 0.125);
}

.cf-button-layout-top {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.cf-button-layout-left {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
}

.cf-buttongroup {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-left: 1px;
}
.cf-buttongroup > * {
  -webkit-flex: 1 1 0; /* Safari 6.1+ */
  -moz-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  margin-left: -1px;
}
.cf-buttongroup .cf-btngroup-buttoncontainer:focus-within {
  z-index: 2;
}
.cf-buttongroup .cf-button,
.cf-buttongroup .cf-button-main,
.cf-buttongroup .cf-button-secondary,
.cf-buttongroup .cf-button-warning,
.cf-buttongroup .cf-button-error,
.cf-buttongroup .cf-button-success,
.cf-buttongroup button {
  width: 100%;
  height: 100%;
}
.cf-buttongroup .cf-button:focus, .cf-buttongroup .cf-button:active,
.cf-buttongroup .cf-button-main:focus,
.cf-buttongroup .cf-button-main:active,
.cf-buttongroup .cf-button-secondary:focus,
.cf-buttongroup .cf-button-secondary:active,
.cf-buttongroup .cf-button-warning:focus,
.cf-buttongroup .cf-button-warning:active,
.cf-buttongroup .cf-button-error:focus,
.cf-buttongroup .cf-button-error:active,
.cf-buttongroup .cf-button-success:focus,
.cf-buttongroup .cf-button-success:active,
.cf-buttongroup button:focus,
.cf-buttongroup button:active {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-style: solid;
  box-sizing: border-box;
  cursor: pointer;
  font-family: inherit;
  padding: 3px 5px;
  text-align: center;
  border-width: 1px;
  padding: 6px 12px;
}
.cf-buttongroup .cf-button:focus[disabled], .cf-buttongroup .cf-button:focus.cf-button-disabled, .cf-buttongroup .cf-button:active[disabled], .cf-buttongroup .cf-button:active.cf-button-disabled,
.cf-buttongroup .cf-button-main:focus[disabled],
.cf-buttongroup .cf-button-main:focus.cf-button-disabled,
.cf-buttongroup .cf-button-main:active[disabled],
.cf-buttongroup .cf-button-main:active.cf-button-disabled,
.cf-buttongroup .cf-button-secondary:focus[disabled],
.cf-buttongroup .cf-button-secondary:focus.cf-button-disabled,
.cf-buttongroup .cf-button-secondary:active[disabled],
.cf-buttongroup .cf-button-secondary:active.cf-button-disabled,
.cf-buttongroup .cf-button-warning:focus[disabled],
.cf-buttongroup .cf-button-warning:focus.cf-button-disabled,
.cf-buttongroup .cf-button-warning:active[disabled],
.cf-buttongroup .cf-button-warning:active.cf-button-disabled,
.cf-buttongroup .cf-button-error:focus[disabled],
.cf-buttongroup .cf-button-error:focus.cf-button-disabled,
.cf-buttongroup .cf-button-error:active[disabled],
.cf-buttongroup .cf-button-error:active.cf-button-disabled,
.cf-buttongroup .cf-button-success:focus[disabled],
.cf-buttongroup .cf-button-success:focus.cf-button-disabled,
.cf-buttongroup .cf-button-success:active[disabled],
.cf-buttongroup .cf-button-success:active.cf-button-disabled,
.cf-buttongroup button:focus[disabled],
.cf-buttongroup button:focus.cf-button-disabled,
.cf-buttongroup button:active[disabled],
.cf-buttongroup button:active.cf-button-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.cf-buttongroup .cf-button:focus:not([class*=nixps_styling_]), .cf-buttongroup .cf-button:active:not([class*=nixps_styling_]),
.cf-buttongroup .cf-button-main:focus:not([class*=nixps_styling_]),
.cf-buttongroup .cf-button-main:active:not([class*=nixps_styling_]),
.cf-buttongroup .cf-button-secondary:focus:not([class*=nixps_styling_]),
.cf-buttongroup .cf-button-secondary:active:not([class*=nixps_styling_]),
.cf-buttongroup .cf-button-warning:focus:not([class*=nixps_styling_]),
.cf-buttongroup .cf-button-warning:active:not([class*=nixps_styling_]),
.cf-buttongroup .cf-button-error:focus:not([class*=nixps_styling_]),
.cf-buttongroup .cf-button-error:active:not([class*=nixps_styling_]),
.cf-buttongroup .cf-button-success:focus:not([class*=nixps_styling_]),
.cf-buttongroup .cf-button-success:active:not([class*=nixps_styling_]),
.cf-buttongroup button:focus:not([class*=nixps_styling_]),
.cf-buttongroup button:active:not([class*=nixps_styling_]) {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 1.1em;
}
.cf-buttongroup > *:first-child > .cf-button,
.cf-buttongroup > *:first-child > button,
.cf-buttongroup > .cf-button:first-child,
.cf-buttongroup > button:first-child {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-style: solid;
  box-sizing: border-box;
  cursor: pointer;
  font-family: inherit;
  padding: 3px 5px;
  text-align: center;
  border-width: 1px;
  padding: 6px 12px;
}
.cf-buttongroup > *:first-child > .cf-button[disabled], .cf-buttongroup > *:first-child > .cf-button.cf-button-disabled,
.cf-buttongroup > *:first-child > button[disabled],
.cf-buttongroup > *:first-child > button.cf-button-disabled,
.cf-buttongroup > .cf-button:first-child[disabled],
.cf-buttongroup > .cf-button:first-child.cf-button-disabled,
.cf-buttongroup > button:first-child[disabled],
.cf-buttongroup > button:first-child.cf-button-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.cf-buttongroup > *:first-child > .cf-button:not([class*=nixps_styling_]),
.cf-buttongroup > *:first-child > button:not([class*=nixps_styling_]),
.cf-buttongroup > .cf-button:first-child:not([class*=nixps_styling_]),
.cf-buttongroup > button:first-child:not([class*=nixps_styling_]) {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 1.1em;
}
.cf-buttongroup > *:last-child > .cf-button,
.cf-buttongroup > *:last-child > button,
.cf-buttongroup > .cf-button:last-child,
.cf-buttongroup > button:last-child {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-style: solid;
  box-sizing: border-box;
  cursor: pointer;
  font-family: inherit;
  padding: 3px 5px;
  text-align: center;
  border-width: 1px;
  padding: 6px 12px;
}
.cf-buttongroup > *:last-child > .cf-button[disabled], .cf-buttongroup > *:last-child > .cf-button.cf-button-disabled,
.cf-buttongroup > *:last-child > button[disabled],
.cf-buttongroup > *:last-child > button.cf-button-disabled,
.cf-buttongroup > .cf-button:last-child[disabled],
.cf-buttongroup > .cf-button:last-child.cf-button-disabled,
.cf-buttongroup > button:last-child[disabled],
.cf-buttongroup > button:last-child.cf-button-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.cf-buttongroup > *:last-child > .cf-button:not([class*=nixps_styling_]),
.cf-buttongroup > *:last-child > button:not([class*=nixps_styling_]),
.cf-buttongroup > .cf-button:last-child:not([class*=nixps_styling_]),
.cf-buttongroup > button:last-child:not([class*=nixps_styling_]) {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 1.1em;
}
.cf-buttongroup.cf-buttongroup-withgap button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-style: solid;
  box-sizing: border-box;
  cursor: pointer;
  font-family: inherit;
  padding: 3px 5px;
  text-align: center;
  border-width: 1px;
}
.cf-buttongroup.cf-buttongroup-withgap button[disabled], .cf-buttongroup.cf-buttongroup-withgap button.cf-button-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.cf-buttongroup:not(.cf-buttongroup-withgap) .cf-btngroup-buttoncontainer:not(:first-child):not(:last-child) .cf-button[class*=nixps_styling_], .cf-buttongroup:not(.cf-buttongroup-withgap) .cf-btngroup-buttoncontainer:not(:first-child):not(:last-child) button[class*=nixps_styling_] {
  border-radius: 0;
}
.cf-buttongroup:not(.cf-buttongroup-withgap) .cf-btngroup-buttoncontainer:not(:first-child):not(:last-child) button:not([class*=nixps_styling_]):focus,
.cf-buttongroup:not(.cf-buttongroup-withgap) .cf-btngroup-buttoncontainer:not(:first-child):not(:last-child) button:not([class*=nixps_styling_]):active,
.cf-buttongroup:not(.cf-buttongroup-withgap) .cf-btngroup-buttoncontainer:not(:first-child):not(:last-child) .cf-button:not([class*=nixps_styling_]):focus,
.cf-buttongroup:not(.cf-buttongroup-withgap) .cf-btngroup-buttoncontainer:not(:first-child):not(:last-child) .cf-button:not([class*=nixps_styling_]):active {
  border-radius: 0;
}
.cf-buttongroup:not(.cf-buttongroup-withgap) .cf-button:not([class*=nixps_styling_]), .cf-buttongroup:not(.cf-buttongroup-withgap) button:not([class*=nixps_styling_]) {
  border-radius: 0;
}
.cf-buttongroup:not(.cf-buttongroup-withgap) > *:last-child > .cf-button,
.cf-buttongroup:not(.cf-buttongroup-withgap) > *:last-child > button,
.cf-buttongroup:not(.cf-buttongroup-withgap) > .cf-button:last-child,
.cf-buttongroup:not(.cf-buttongroup-withgap) > button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.cf-buttongroup:not(.cf-buttongroup-withgap) > *:last-child > .cf-button:focus[class*=nixps_styling_], .cf-buttongroup:not(.cf-buttongroup-withgap) > *:last-child > .cf-button:active[class*=nixps_styling_],
.cf-buttongroup:not(.cf-buttongroup-withgap) > *:last-child > button:focus[class*=nixps_styling_],
.cf-buttongroup:not(.cf-buttongroup-withgap) > *:last-child > button:active[class*=nixps_styling_],
.cf-buttongroup:not(.cf-buttongroup-withgap) > .cf-button:last-child:focus[class*=nixps_styling_],
.cf-buttongroup:not(.cf-buttongroup-withgap) > .cf-button:last-child:active[class*=nixps_styling_],
.cf-buttongroup:not(.cf-buttongroup-withgap) > button:last-child:focus[class*=nixps_styling_],
.cf-buttongroup:not(.cf-buttongroup-withgap) > button:last-child:active[class*=nixps_styling_] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.cf-buttongroup:not(.cf-buttongroup-withgap) > *:last-child > .cf-button[class*=nixps_styling_],
.cf-buttongroup:not(.cf-buttongroup-withgap) > *:last-child > button[class*=nixps_styling_],
.cf-buttongroup:not(.cf-buttongroup-withgap) > .cf-button:last-child[class*=nixps_styling_],
.cf-buttongroup:not(.cf-buttongroup-withgap) > button:last-child[class*=nixps_styling_] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.cf-buttongroup:not(.cf-buttongroup-withgap) > *:first-child > .cf-button,
.cf-buttongroup:not(.cf-buttongroup-withgap) > *:first-child > button,
.cf-buttongroup:not(.cf-buttongroup-withgap) > .cf-button:first-child,
.cf-buttongroup:not(.cf-buttongroup-withgap) > button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.cf-buttongroup:not(.cf-buttongroup-withgap) > *:first-child > .cf-button:focus[class*=nixps_styling_], .cf-buttongroup:not(.cf-buttongroup-withgap) > *:first-child > .cf-button:active[class*=nixps_styling_],
.cf-buttongroup:not(.cf-buttongroup-withgap) > *:first-child > button:focus[class*=nixps_styling_],
.cf-buttongroup:not(.cf-buttongroup-withgap) > *:first-child > button:active[class*=nixps_styling_],
.cf-buttongroup:not(.cf-buttongroup-withgap) > .cf-button:first-child:focus[class*=nixps_styling_],
.cf-buttongroup:not(.cf-buttongroup-withgap) > .cf-button:first-child:active[class*=nixps_styling_],
.cf-buttongroup:not(.cf-buttongroup-withgap) > button:first-child:focus[class*=nixps_styling_],
.cf-buttongroup:not(.cf-buttongroup-withgap) > button:first-child:active[class*=nixps_styling_] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.cf-buttongroup:not(.cf-buttongroup-withgap) > *:first-child > .cf-button[class*=nixps_styling_],
.cf-buttongroup:not(.cf-buttongroup-withgap) > *:first-child > button[class*=nixps_styling_],
.cf-buttongroup:not(.cf-buttongroup-withgap) > .cf-button:first-child[class*=nixps_styling_],
.cf-buttongroup:not(.cf-buttongroup-withgap) > button:first-child[class*=nixps_styling_] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.cf-buttongroup.cf-buttongroup-small {
  display: inline-block;
  width: auto;
}
.cf-buttongroup.cf-form-buttongroupinput .cf-button {
  border-color: #c5c9cc;
  border-color: var(--cloudflow-fourth-700);
}
.cf-buttongroup.cf-form-buttongroupinput .cf-button:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.cf-buttongroup.cf-form-buttongroupinput .cf-button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.cf-iconbutton {
  cursor: pointer;
  margin-left: 3px;
  margin-right: 3px;
  background: inherit;
  border: none;
}
.cf-iconbutton:focus {
  color: #2273B9;
  color: var(--cloudflow-main-500);
}
.cf-iconbutton[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}

.cf-button-topbar {
  background: inherit;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 6px 10px;
  font-family: inherit;
  width: 100%;
  text-align: left;
}
.cf-button-topbar:focus {
  outline: none;
}
.cf-button-topbar[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}
.cf-button-topbar:not([disabled]):active {
  -webkit-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.125);
  -webkit-box-shadow: inset 0px 0px 4px rgba(var(--gray-0-rgb), 0.125);
  box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0px 0px 4px rgba(var(--gray-0-rgb), 0.125);
}

.cf-minwidth-button {
  width: 50px;
}

.bootstrap_buttonalike {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-style: solid;
  box-sizing: border-box;
  cursor: pointer;
  font-family: inherit;
  padding: 3px 5px;
  text-align: center;
  border-width: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 1.1em;
  background: #ffffff;
  background: var(--body);
  padding: 6px 12px;
  border-width: 1px;
  border-style: solid;
  font-family: inherit;
}
.bootstrap_buttonalike[disabled], .bootstrap_buttonalike.cf-button-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.bootstrap_buttonalike:focus {
  border-color: #298ef1;
  border-color: var(--focus-main);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
}
.bootstrap_buttonalike:not([disabled]):active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -webkit-box-shadow: inset 0 3px 5px rgba(var(--gray-0-rgb), 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(var(--gray-0-rgb), 0.125);
}

.cf-buttonbar,
.cf-buttonbar-right {
  padding: 7px 7px;
  text-align: right;
}
.cf-buttonbar .cf-button,
.cf-buttonbar .cf-button-main,
.cf-buttonbar .cf-button-secondary,
.cf-buttonbar-right .cf-button,
.cf-buttonbar-right .cf-button-main,
.cf-buttonbar-right .cf-button-secondary {
  margin-left: 2px;
  margin-right: 2px;
}
.cf-buttonbar.cf-buttonbar-bottom,
.cf-buttonbar-right.cf-buttonbar-bottom {
  position: absolute;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  left: 0;
  right: 0;
  bottom: 0;
}
.cf-buttonbar.cf-buttonbar-nopadding,
.cf-buttonbar-right.cf-buttonbar-nopadding {
  padding: 0;
}

.cf-buttonbar-center {
  padding: 7px 7px;
  text-align: center;
}
.cf-buttonbar-center .cf-button,
.cf-buttonbar-center .cf-button-main,
.cf-buttonbar-center .cf-button-secondary {
  margin-left: 2px;
  margin-right: 2px;
}
.cf-buttonbar-center.cf-buttonbar-bottom {
  position: absolute;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  left: 0;
  right: 0;
  bottom: 0;
}
.cf-buttonbar-center.cf-buttonbar-nopadding {
  padding: 0;
}

.cf-buttonbar-left {
  padding: 7px 7px;
  text-align: left;
}
.cf-buttonbar-left .cf-button,
.cf-buttonbar-left .cf-button-main,
.cf-buttonbar-left .cf-button-secondary {
  margin-left: 2px;
  margin-right: 2px;
}
.cf-buttonbar-left.cf-buttonbar-bottom {
  position: absolute;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  left: 0;
  right: 0;
  bottom: 0;
}
.cf-buttonbar-left.cf-buttonbar-nopadding {
  padding: 0;
}

.cf-buttonbar-sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
}

.cf-buttonbar-pageform {
  visibility: hidden;
  transition: 0.1s all;
  padding-top: 1.2em;
  padding-bottom: 1.2em;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  box-shadow: 0 0 5px #222222;
  box-shadow: 0 0 5px var(--text-body);
}

.cf-buttonbar-pageform-onposition {
  box-shadow: none;
}

.cf-pageform-changed .cf-buttonbar-pageform {
  visibility: visible;
}

.nixps-cloudflow-TeamFormImpl .orderedarrayinput__helper, .nixps-cloudflow-TeamFormImpl .orderedarrayinput__placeholder {
  height: 23px;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header {
  cursor: pointer;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header__label {
  font-weight: bold;
  margin: 0;
  cursor: pointer;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-style: solid;
  box-sizing: border-box;
  cursor: pointer;
  font-family: inherit;
  padding: 3px 5px;
  text-align: center;
  border-width: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 1.1em;
  border-radius: 0;
  border-width: 0;
  padding-left: 12px;
  padding-right: 12px;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button[disabled], .nixps-cloudflow-TeamFormImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button.cf-button-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button:focus {
  outline: none;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button--icon-only {
  border: 0;
  padding: 0;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button--disabled, .nixps-cloudflow-TeamFormImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button--disabled:hover {
  cursor: default;
  opacity: 0.5;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button--disabled__label {
  cursor: default;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button__icon {
  margin-left: 0;
  margin-right: 3px;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button__icon--icon-only {
  font-size: 20px;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button__label {
  cursor: pointer;
  margin: 0;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button__loading {
  background-image: url("/common/FreezeOverlay/css/loading-cloudflow.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput__item .nixps-container-Collapse .panel-body {
  padding: 2px 7px;
  padding: 0 12px;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput .nixps-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-style: solid;
  box-sizing: border-box;
  cursor: pointer;
  font-family: inherit;
  padding: 3px 5px;
  text-align: center;
  border-width: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 1.1em;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput .nixps-button[disabled], .nixps-cloudflow-TeamFormImpl .orderedarrayinput .nixps-button.cf-button-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput .nixps-button:focus {
  outline: none;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput .nixps-button--icon-only {
  border: 0;
  padding: 0;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput .nixps-button--disabled, .nixps-cloudflow-TeamFormImpl .orderedarrayinput .nixps-button--disabled:hover {
  cursor: default;
  opacity: 0.5;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput .nixps-button--disabled__label {
  cursor: default;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput .nixps-button__icon {
  margin-left: 0;
  margin-right: 3px;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput .nixps-button__icon--icon-only {
  font-size: 20px;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput .nixps-button__label {
  cursor: pointer;
  margin: 0;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput .nixps-button__loading {
  background-image: url("/common/FreezeOverlay/css/loading-cloudflow.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput .nixps-button {
  background-color: transparent;
  background-color: transparent;
  border-color: transparent;
  border-color: transparent;
  color: inherit;
  color: inherit;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput .nixps-button.nixps-button:hover {
  background-color: transparent;
  background-color: transparent;
  border-color: transparent;
  border-color: transparent;
  color: inherit;
  color: inherit;
}

.nixps-cloudflow-TeamFormImpl .orderedarrayinput .nixps-button.nixps-button--icon-only:hover {
  background-color: transparent;
}

.nixps-cloudflow-TeamFormImpl .orderedarrayinput .nixps-button.nixps-button--disabled,
.nixps-cloudflow-TeamFormImpl .orderedarrayinput .nixps-button.nixps-button--disabled:hover {
  background-color: transparent;
  background-color: transparent;
  border-color: transparent;
  border-color: transparent;
  color: inherit;
  color: inherit;
}

.nixps-cloudflow-TeamFormImpl .orderedarrayinput .nixps-button--icon-only:first-child {
  margin-left: 7px;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput .nixps-button--icon-only {
  margin-right: 7px;
  margin-top: 2px;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput__item {
  line-height: 26px;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput .buttongroup {
  padding-top: 5px;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button {
  background-color: transparent;
  background-color: transparent;
  border-color: transparent;
  border-color: transparent;
  color: inherit;
  color: inherit;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button.collapse-button:hover {
  background-color: transparent;
  background-color: transparent;
  border-color: transparent;
  border-color: transparent;
  color: inherit;
  color: inherit;
}

.nixps-cloudflow-TeamFormImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button.collapse-button--icon-only:hover {
  background-color: transparent;
}

.nixps-cloudflow-TeamFormImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button.collapse-button--disabled,
.nixps-cloudflow-TeamFormImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button.collapse-button--disabled:hover {
  background-color: transparent;
  background-color: transparent;
  border-color: transparent;
  border-color: transparent;
  color: inherit;
  color: inherit;
}

.nixps-cloudflow-TeamFormImpl .orderedarrayinput__item--even {
  background-color: transparent;
  background-color: transparent;
  color: inherit;
  color: inherit;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput__item--even .nixps-container-Collapse .collapse-header .collapse-button {
  background-color: transparent;
  background-color: transparent;
  border-color: transparent;
  border-color: transparent;
  color: inherit;
  color: inherit;
}
.nixps-cloudflow-TeamFormImpl .orderedarrayinput__item--even .nixps-container-Collapse .collapse-header .collapse-button.collapse-button:hover {
  background-color: transparent;
  background-color: transparent;
  border-color: transparent;
  border-color: transparent;
  color: inherit;
  color: inherit;
}

.nixps-cloudflow-TeamFormImpl .orderedarrayinput__item--even .nixps-container-Collapse .collapse-header .collapse-button.collapse-button--icon-only:hover {
  background-color: transparent;
}

.nixps-cloudflow-TeamFormImpl .orderedarrayinput__item--even .nixps-container-Collapse .collapse-header .collapse-button.collapse-button--disabled,
.nixps-cloudflow-TeamFormImpl .orderedarrayinput__item--even .nixps-container-Collapse .collapse-header .collapse-button.collapse-button--disabled:hover {
  background-color: transparent;
  background-color: transparent;
  border-color: transparent;
  border-color: transparent;
  color: inherit;
  color: inherit;
}

.nixps-cloudflow-TeamFormImpl .orderedarrayinput__placeholder {
  border: 1px dashed transparent;
  border: 1px dashed transparent;
}

.nixps-cloudflow-MemberListImpl .orderedarrayinput__helper, .nixps-cloudflow-MemberListImpl .orderedarrayinput__placeholder {
  height: 23px;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header {
  cursor: pointer;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header__label {
  font-weight: bold;
  margin: 0;
  cursor: pointer;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-style: solid;
  box-sizing: border-box;
  cursor: pointer;
  font-family: inherit;
  padding: 3px 5px;
  text-align: center;
  border-width: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 1.1em;
  border-radius: 0;
  border-width: 0;
  padding-left: 12px;
  padding-right: 12px;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button[disabled], .nixps-cloudflow-MemberListImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button.cf-button-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button:focus {
  outline: none;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button--icon-only {
  border: 0;
  padding: 0;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button--disabled, .nixps-cloudflow-MemberListImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button--disabled:hover {
  cursor: default;
  opacity: 0.5;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button--disabled__label {
  cursor: default;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button__icon {
  margin-left: 0;
  margin-right: 3px;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button__icon--icon-only {
  font-size: 20px;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button__label {
  cursor: pointer;
  margin: 0;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button__loading {
  background-image: url("/common/FreezeOverlay/css/loading-cloudflow.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput__item .nixps-container-Collapse .panel-body {
  padding: 2px 7px;
  padding: 0 12px;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput .nixps-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-style: solid;
  box-sizing: border-box;
  cursor: pointer;
  font-family: inherit;
  padding: 3px 5px;
  text-align: center;
  border-width: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 1.1em;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput .nixps-button[disabled], .nixps-cloudflow-MemberListImpl .orderedarrayinput .nixps-button.cf-button-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput .nixps-button:focus {
  outline: none;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput .nixps-button--icon-only {
  border: 0;
  padding: 0;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput .nixps-button--disabled, .nixps-cloudflow-MemberListImpl .orderedarrayinput .nixps-button--disabled:hover {
  cursor: default;
  opacity: 0.5;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput .nixps-button--disabled__label {
  cursor: default;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput .nixps-button__icon {
  margin-left: 0;
  margin-right: 3px;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput .nixps-button__icon--icon-only {
  font-size: 20px;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput .nixps-button__label {
  cursor: pointer;
  margin: 0;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput .nixps-button__loading {
  background-image: url("/common/FreezeOverlay/css/loading-cloudflow.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput .nixps-button {
  background-color: transparent;
  background-color: transparent;
  border-color: transparent;
  border-color: transparent;
  color: inherit;
  color: inherit;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput .nixps-button.nixps-button:hover {
  background-color: transparent;
  background-color: transparent;
  border-color: transparent;
  border-color: transparent;
  color: inherit;
  color: inherit;
}

.nixps-cloudflow-MemberListImpl .orderedarrayinput .nixps-button.nixps-button--icon-only:hover {
  background-color: transparent;
}

.nixps-cloudflow-MemberListImpl .orderedarrayinput .nixps-button.nixps-button--disabled,
.nixps-cloudflow-MemberListImpl .orderedarrayinput .nixps-button.nixps-button--disabled:hover {
  background-color: transparent;
  background-color: transparent;
  border-color: transparent;
  border-color: transparent;
  color: inherit;
  color: inherit;
}

.nixps-cloudflow-MemberListImpl .orderedarrayinput .nixps-button--icon-only:first-child {
  margin-left: 7px;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput .nixps-button--icon-only {
  margin-right: 7px;
  margin-top: 2px;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput__item {
  line-height: 26px;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput .chooseItem {
  display: inline-block;
  padding-right: 14px;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput .chooseItem .cf-form-checkboxlabel {
  margin-left: 3px;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput .buttongroup {
  padding-top: 5px;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button {
  background-color: transparent;
  background-color: transparent;
  border-color: transparent;
  border-color: transparent;
  color: inherit;
  color: inherit;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button.collapse-button:hover {
  background-color: transparent;
  background-color: transparent;
  border-color: transparent;
  border-color: transparent;
  color: inherit;
  color: inherit;
}

.nixps-cloudflow-MemberListImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button.collapse-button--icon-only:hover {
  background-color: transparent;
}

.nixps-cloudflow-MemberListImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button.collapse-button--disabled,
.nixps-cloudflow-MemberListImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button.collapse-button--disabled:hover {
  background-color: transparent;
  background-color: transparent;
  border-color: transparent;
  border-color: transparent;
  color: inherit;
  color: inherit;
}

.nixps-cloudflow-MemberListImpl .orderedarrayinput__item--even {
  background-color: transparent;
  background-color: transparent;
  color: inherit;
  color: inherit;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput__item--even .nixps-container-Collapse .collapse-header .collapse-button {
  background-color: transparent;
  background-color: transparent;
  border-color: transparent;
  border-color: transparent;
  color: inherit;
  color: inherit;
}
.nixps-cloudflow-MemberListImpl .orderedarrayinput__item--even .nixps-container-Collapse .collapse-header .collapse-button.collapse-button:hover {
  background-color: transparent;
  background-color: transparent;
  border-color: transparent;
  border-color: transparent;
  color: inherit;
  color: inherit;
}

.nixps-cloudflow-MemberListImpl .orderedarrayinput__item--even .nixps-container-Collapse .collapse-header .collapse-button.collapse-button--icon-only:hover {
  background-color: transparent;
}

.nixps-cloudflow-MemberListImpl .orderedarrayinput__item--even .nixps-container-Collapse .collapse-header .collapse-button.collapse-button--disabled,
.nixps-cloudflow-MemberListImpl .orderedarrayinput__item--even .nixps-container-Collapse .collapse-header .collapse-button.collapse-button--disabled:hover {
  background-color: transparent;
  background-color: transparent;
  border-color: transparent;
  border-color: transparent;
  color: inherit;
  color: inherit;
}

.nixps-cloudflow-MemberListImpl .orderedarrayinput__placeholder {
  border: 1px dashed transparent;
  border: 1px dashed transparent;
}

.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput__helper, .nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput__placeholder {
  height: 23px;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header {
  cursor: pointer;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header__label {
  font-weight: bold;
  margin: 0;
  cursor: pointer;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-style: solid;
  box-sizing: border-box;
  cursor: pointer;
  font-family: inherit;
  padding: 3px 5px;
  text-align: center;
  border-width: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 1.1em;
  border-radius: 0;
  border-width: 0;
  padding-left: 12px;
  padding-right: 12px;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button[disabled], .nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button.cf-button-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button:focus {
  outline: none;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button--icon-only {
  border: 0;
  padding: 0;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button--disabled, .nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button--disabled:hover {
  cursor: default;
  opacity: 0.5;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button--disabled__label {
  cursor: default;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button__icon {
  margin-left: 0;
  margin-right: 3px;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button__icon--icon-only {
  font-size: 20px;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button__label {
  cursor: pointer;
  margin: 0;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button__loading {
  background-image: url("/common/FreezeOverlay/css/loading-cloudflow.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput__item .nixps-container-Collapse .panel-body {
  padding: 2px 7px;
  padding: 0 12px;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput .nixps-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-style: solid;
  box-sizing: border-box;
  cursor: pointer;
  font-family: inherit;
  padding: 3px 5px;
  text-align: center;
  border-width: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 1.1em;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput .nixps-button[disabled], .nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput .nixps-button.cf-button-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput .nixps-button:focus {
  outline: none;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput .nixps-button--icon-only {
  border: 0;
  padding: 0;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput .nixps-button--disabled, .nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput .nixps-button--disabled:hover {
  cursor: default;
  opacity: 0.5;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput .nixps-button--disabled__label {
  cursor: default;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput .nixps-button__icon {
  margin-left: 0;
  margin-right: 3px;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput .nixps-button__icon--icon-only {
  font-size: 20px;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput .nixps-button__label {
  cursor: pointer;
  margin: 0;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput .nixps-button__loading {
  background-image: url("/common/FreezeOverlay/css/loading-cloudflow.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput .nixps-button {
  background-color: transparent;
  background-color: transparent;
  border-color: transparent;
  border-color: transparent;
  color: inherit;
  color: inherit;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput .nixps-button.nixps-button:hover {
  background-color: transparent;
  background-color: transparent;
  border-color: transparent;
  border-color: transparent;
  color: inherit;
  color: inherit;
}

.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput .nixps-button.nixps-button--icon-only:hover {
  background-color: transparent;
}

.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput .nixps-button.nixps-button--disabled,
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput .nixps-button.nixps-button--disabled:hover {
  background-color: transparent;
  background-color: transparent;
  border-color: transparent;
  border-color: transparent;
  color: inherit;
  color: inherit;
}

.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput .nixps-button--icon-only:first-child {
  margin-left: 7px;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput .nixps-button--icon-only {
  margin-right: 7px;
  margin-top: 2px;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput__item {
  line-height: 26px;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput .chooseItem {
  display: inline-block;
  padding-right: 14px;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput .chooseItem .cf-form-checkboxlabel {
  margin-left: 3px;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput .buttongroup {
  padding-top: 5px;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button {
  background-color: transparent;
  background-color: transparent;
  border-color: transparent;
  border-color: transparent;
  color: inherit;
  color: inherit;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button.collapse-button:hover {
  background-color: transparent;
  background-color: transparent;
  border-color: transparent;
  border-color: transparent;
  color: inherit;
  color: inherit;
}

.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button.collapse-button--icon-only:hover {
  background-color: transparent;
}

.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button.collapse-button--disabled,
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput__item .nixps-container-Collapse .collapse-header .collapse-button.collapse-button--disabled:hover {
  background-color: transparent;
  background-color: transparent;
  border-color: transparent;
  border-color: transparent;
  color: inherit;
  color: inherit;
}

.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput__item--even {
  background-color: transparent;
  background-color: transparent;
  color: inherit;
  color: inherit;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput__item--even .nixps-container-Collapse .collapse-header .collapse-button {
  background-color: transparent;
  background-color: transparent;
  border-color: transparent;
  border-color: transparent;
  color: inherit;
  color: inherit;
}
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput__item--even .nixps-container-Collapse .collapse-header .collapse-button.collapse-button:hover {
  background-color: transparent;
  background-color: transparent;
  border-color: transparent;
  border-color: transparent;
  color: inherit;
  color: inherit;
}

.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput__item--even .nixps-container-Collapse .collapse-header .collapse-button.collapse-button--icon-only:hover {
  background-color: transparent;
}

.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput__item--even .nixps-container-Collapse .collapse-header .collapse-button.collapse-button--disabled,
.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput__item--even .nixps-container-Collapse .collapse-header .collapse-button.collapse-button--disabled:hover {
  background-color: transparent;
  background-color: transparent;
  border-color: transparent;
  border-color: transparent;
  color: inherit;
  color: inherit;
}

.nixps-cloudflow-MemberListByRoleImpl .orderedarrayinput__placeholder {
  border: 1px dashed transparent;
  border: 1px dashed transparent;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 4, 2018, 5:22:18 PM
    Author     : guillaume
*/
.nixps-cloudflow-PathChooser > input {
  min-height: 24px;
}

.nixps-cloudflow-PathChooser > input.cf-form-control,
.nixps-cloudflow-PathChooser > input.form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.nixps-cloudflow-PathChooser button[type=button] {
  height: 34px;
  width: 36px;
  margin: 0px;
  border: 1px solid #ccc;
  border-left-width: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.nixps-cloudflow-PathChooserDialog .nixps-cloudflow-FileChooser {
  height: 100%;
}

.nixps-quantum-ExpressionVariablesSearch {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 5px;
  padding-top: 7px;
}
.nixps-quantum-ExpressionVariablesSearch input {
  width: calc(100% - 25px);
  border: 1px solid #B9B9B9;
  border: 1px solid var(--gray-3);
}
.nixps-quantum-ExpressionVariablesSearch .cf-icon {
  margin-right: 5px;
  vertical-align: text-top;
}

/* 
    Created on : Jun 3, 2016, 1:08:27 PM
    Author     : guillaume
*/
.nixps-quantum-CodeEditor {
  position: relative;
  border: 1px solid #B9B9B9;
  border: 1px solid var(--gray-3);
  /** colors for code **/
}
.nixps-quantum-CodeEditor .nixps-quantum-ScriptEditor {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.nixps-quantum-CodeEditor .variableList span.title {
  height: 18px;
  display: inline-block;
}
.nixps-quantum-CodeEditor .nixps-quantum-ExpressionList > .expressions > .item {
  margin-top: 5px;
  margin-bottom: 5px;
}
.nixps-quantum-CodeEditor .ace_nixpsVariable.ace_textVariable,
.nixps-quantum-CodeEditor .nixps-quantum-CodeEditor .ace_nixpsVariable.ace_xml,
.nixps-quantum-CodeEditor .nixps-quantum-CodeEditor .ace_nixpsVariable {
  color: #1a873a;
}

.nixps-quantum-BuildingBlock.CodeEditorHelper {
  padding: 3px 5px 3px 5px;
  color: #1a873a;
  background: #ffffff;
  background: var(--body);
}

.nixps-quantum-BooleanEditor .query-builder .btn:first-child {
  padding-left: 3px;
}
.nixps-quantum-BooleanEditor .query-builder .btn:last-child {
  padding-left: 3px;
  padding-right: 3px;
}
.nixps-quantum-BooleanEditor .query-builder .btn.active {
  background: #66B3D9;
  background: var(--cloudflow-first-500);
  color: #ffffff;
  color: var(--text-main);
  border-radius: 2px;
}
.nixps-quantum-BooleanEditor .query-builder .btn.disabled {
  opacity: 0.5;
}
.nixps-quantum-BooleanEditor .query-builder dd.rules-group-body {
  overflow: hidden;
}
.nixps-quantum-BooleanEditor .query-builder .rule-container .rule-filter-container,
.nixps-quantum-BooleanEditor .query-builder .rule-container .rule-operator-container {
  display: none;
}
.nixps-quantum-BooleanEditor .query-builder .rule-value-container {
  border-left: 0px solid #eee;
  width: calc(100% - 90px);
}
.nixps-quantum-BooleanEditor .query-builder .booleaneditor_row {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 10px;
}
.nixps-quantum-BooleanEditor .query-builder .booleaneditor_row .nixps-quantum-ExpressionEditor {
  max-width: 50%;
  flex: 1 0 auto;
}
.nixps-quantum-BooleanEditor .query-builder .rule-container {
  border: 0px solid #eee;
}
.nixps-quantum-BooleanEditor .query-builder .rules-group-container {
  background: transparent;
  border: 0px solid #eee;
  padding: 5px;
}
.nixps-quantum-BooleanEditor .query-builder button {
  cursor: pointer;
  background: transparent;
  border: 0px solid #eee;
}

.nixps-quantum-ConfigureArray table td > input {
  width: calc(100% - 29px);
}
.nixps-quantum-ConfigureArray .nixps-quantum-OpenCloudflowURL {
  vertical-align: top;
  display: inline-block;
  margin-top: 0;
  width: 22px;
  height: 22px;
  padding: 5px 5px 5px 6px;
  cursor: pointer;
}
.nixps-quantum-ConfigureArray tbody.ui-sortable tr {
  word-break: break-all;
}
.nixps-quantum-ConfigureArray .ui-sortable td {
  position: relative;
}
.nixps-quantum-ConfigureArray .ui-sortable .grip-container {
  display: inline-block;
  width: 10px;
  height: 100%;
  top: 0px;
  margin-right: 3px;
  vertical-align: middle;
  position: absolute;
  left: -8px;
  display: flex;
  align-items: center;
}
.nixps-quantum-ConfigureArray .ui-sortable .grip-container .grip-handle {
  display: inline-block;
  will-change: width;
  width: 3px;
  background: linear-gradient(90deg, #FFF 1px, transparent 1%) center, linear-gradient(#FFF 1px, transparent 1%) center, #000;
  background-size: 2px 2px;
  height: 1.5em;
  cursor: pointer;
  position: absolute;
  right: 0px;
  transition: width 0.1s;
}
.nixps-quantum-ConfigureArray .ui-sortable .grip-container:hover .grip-handle {
  width: 10px;
}

@keyframes scaleY {
  from {
    transform: scaleY(0);
  }
  to {
    transform: scaleY(1);
  }
}
.nixps-quantum-EditableTable table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px 0;
  font-size: 12px;
}
.nixps-quantum-EditableTable td {
  padding: 1px 4px 1px 4px;
  vertical-align: middle;
}
.nixps-quantum-EditableTable .newRow td {
  will-change: transform;
  animation-duration: 0.2s;
  animation-name: scaleY;
  animation-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  transform-origin: top;
}
.nixps-quantum-EditableTable .addRow + .newRow .nixps-quantum-EditableTable-remove-button-td {
  animation: none;
}
.nixps-quantum-EditableTable .nixps-quantum-ExpressionEditor,
.nixps-quantum-EditableTable input {
  min-height: 27px;
}
.nixps-quantum-EditableTable td.right {
  text-align: right;
}
.nixps-quantum-EditableTable .addRow {
  display: none;
}
.nixps-quantum-EditableTable .addRow {
  animation: none;
}
.nixps-quantum-EditableTable .addRow:only-child {
  display: table-row;
}
.nixps-quantum-EditableTable thead tr th {
  text-align: left;
  padding-left: 8px;
}
.nixps-quantum-EditableTable .addRow td:last-child {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
  height: 29px;
}
.nixps-quantum-EditableTable .rowButtonsContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.nixps-quantum-EditableTable .removeRowButton,
.nixps-quantum-EditableTable .addRowButton {
  display: inline-block;
  background: transparent;
  color: inherit;
  font-size: 1.8em;
  border: none;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}
.nixps-quantum-EditableTable .nixps-quantum-EditableTable-remove-button-td {
  width: 30px;
}
.nixps-quantum-EditableTable .ui-sortable td {
  position: relative;
}
.nixps-quantum-EditableTable .ui-sortable .grip-container {
  display: inline-block;
  width: 10px;
  height: 100%;
  top: 0px;
  margin-right: 3px;
  vertical-align: middle;
  position: absolute;
  left: -8px;
  display: flex;
  align-items: center;
}
.nixps-quantum-EditableTable .ui-sortable .grip-container .grip-handle {
  display: inline-block;
  will-change: width;
  width: 3px;
  background: linear-gradient(90deg, #FFF 1px, transparent 1%) center, linear-gradient(#FFF 1px, transparent 1%) center, #000;
  background-size: 2px 2px;
  height: 1.5em;
  cursor: pointer;
  position: absolute;
  right: 0px;
  transition: width 0.1s;
}
.nixps-quantum-EditableTable .ui-sortable .grip-container:hover .grip-handle {
  width: 10px;
}

.nixps-quantum-ExpressionBuilder {
  position: fixed;
  height: 90%;
  top: 5%;
  width: 90%;
  left: 5%;
  background-color: #ffffff;
  background-color: var(--body);
}
.nixps-quantum-ExpressionBuilder > .titleBar {
  margin: 0px;
  height: 30px;
  font-size: 1.25em;
  -webkit-user-select: none;
  user-select: none;
  box-sizing: border-box;
}
.nixps-quantum-ExpressionBuilder > .leftPanel {
  position: absolute;
  left: 0px;
  top: 30px;
  bottom: 47px;
  width: 350px;
  border-right: 1px solid #B9B9B9;
  border-right: 1px solid var(--gray-3);
  background-color: #EAEFF3;
  background-color: var(--cloudflow-fourth-500);
}
.nixps-quantum-ExpressionBuilder > .leftPanel > .nixps-FreezeOverlay.modeCloud {
  background-color: rgba(100, 100, 100, 0.3);
}
.nixps-quantum-ExpressionBuilder > .leftPanel .expressionList {
  position: absolute;
  top: 32px;
  bottom: 25%;
  left: 0;
  right: 0;
}
.nixps-quantum-ExpressionBuilder > .leftPanel .helpPanel {
  position: absolute;
  top: 75%;
  bottom: 0;
  left: 0;
  right: 0;
}
.nixps-quantum-ExpressionBuilder > .rightPanel {
  position: absolute;
  right: 0px;
  left: 355px;
  padding-left: 5px;
  padding-bottom: 5px;
  top: 30px;
  bottom: 47px;
  overflow: auto;
}
.nixps-quantum-ExpressionBuilder > .rightPanel > .toolTopBar {
  height: 34px;
}
.nixps-quantum-ExpressionBuilder > .rightPanel > .toolTopBar h3 {
  cursor: pointer;
  color: #777777;
  color: var(--gray-2);
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.nixps-quantum-ExpressionBuilder > .rightPanel > .toolTopBar h3 .enableButton {
  cursor: default;
  color: #3B3B3B;
  color: var(--gray-1);
}
.nixps-quantum-ExpressionBuilder > .rightPanel > .toolTopBar h3.disabled {
  color: #B9B9B9;
  color: var(--gray-3);
}
.nixps-quantum-ExpressionBuilder > .rightPanel > .toolTopBar .codeModePanel,
.nixps-quantum-ExpressionBuilder > .rightPanel > .toolTopBar .formatCastingPanel {
  margin-left: 20px;
  line-height: 34px;
}
.nixps-quantum-ExpressionBuilder > .rightPanel > .toolTopBar .languageLabel,
.nixps-quantum-ExpressionBuilder > .rightPanel > .toolTopBar .formatCastingLabel {
  margin-right: 5px;
  vertical-align: middle;
}
.nixps-quantum-ExpressionBuilder > .rightPanel > .toolTopBar .wrongValueComposerMessage {
  margin-left: 11px;
  vertical-align: text-top;
  margin-top: -2px;
  color: #FFAB4F;
  color: var(--warning-500);
}
.nixps-quantum-ExpressionBuilder > .rightPanel > .result {
  color: #000000;
  color: var(--gray-0);
  padding-right: 10px;
  padding-left: 5px;
  line-height: 1.2em;
  white-space: pre;
  word-break: break-all;
}
.nixps-quantum-ExpressionBuilder > .rightPanel > .result:not(.no_result) {
  font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;
}
.nixps-quantum-ExpressionBuilder > .rightPanel > .result .noresult {
  white-space: nowrap;
  margin: 0;
  margin-right: 2px;
  background-color: #fafafa;
  color: #888;
  text-align: center;
  font-style: italic;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #f0f0f0;
}
.nixps-quantum-ExpressionBuilder > .rightPanel > .result.waiting_on_result {
  color: #aaa;
}
.nixps-quantum-ExpressionBuilder > .rightPanel > .messages {
  border-radius: 4px;
  color: #8a6d3b;
  background-color: #fcf8e3;
  border: 1px solid #faebcc;
  padding: 5px 10px;
  margin-right: 5px;
  margin-bottom: 10px;
  display: none;
}
.nixps-quantum-ExpressionBuilder > .rightPanel .nixps-quantum-ExpressionEditor.expressionEditor {
  height: 40%;
  width: 95%;
  width: calc(100% - 21px);
  resize: vertical;
}
.nixps-quantum-ExpressionBuilder .typeEditor {
  overflow: auto;
  padding-left: 8px;
  scrollbar-gutter: stable;
  resize: vertical;
  height: 40%;
  width: 99%;
}
.nixps-quantum-ExpressionBuilder .nixps-quantum-ArrayEditor .nixps-quantum-ConfigureArray .editbutton {
  display: none;
}
.nixps-quantum-ExpressionBuilder .nixps-quantum-ObjectEditor .nixps-quantum-ConfigureObject .editbutton {
  display: none;
}
.nixps-quantum-ExpressionBuilder .nixps-quantum-ObjectEditor .grip-container {
  display: none;
}
.nixps-quantum-ExpressionBuilder .codeEditor {
  height: 40%;
  width: 99%;
}
.nixps-quantum-ExpressionBuilder > .cf-buttonbar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  line-height: 32px;
  border-top: 1px solid #B9B9B9;
  border-top: 1px solid var(--gray-3);
}
.nixps-quantum-ExpressionBuilder.expressionbuilder_other_enviroment .cf-dialog-header {
  position: relative;
  background: #6c62ea;
  border: 1px solid #6c62ea;
}
.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor {
  font-size: 1.3em;
}
.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor.editor-textwarning {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-thickness: 1px;
  text-decoration-color: #FFAB4F;
  text-decoration-color: var(--warning-500);
}
.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor.editor-textwarning .nixps-quantum-BuildingBlock {
  background-color: #FFAB4F;
  background-color: var(--warning-500);
}
.nixps-quantum-ExpressionBuilder .toolTopBar .expression-switch {
  display: inline-block;
  margin-top: 4px;
  margin-bottom: 6px;
  border: 1px solid;
  border-radius: 3px;
  border-color: #777777;
  border-color: var(--gray-2);
}
.nixps-quantum-ExpressionBuilder .toolTopBar .expression-switch div:first-child {
  border-right-width: 1px;
  border-color: #222222;
  border-color: var(--text-body);
  border-style: solid;
}
.nixps-quantum-ExpressionBuilder .toolTopBar .expression-switch.disabled {
  border-color: #B9B9B9;
  border-color: var(--gray-3);
}
.nixps-quantum-ExpressionBuilder .toolTopBar .expression-switch.disabled div {
  color: #B9B9B9;
  color: var(--gray-3);
}
.nixps-quantum-ExpressionBuilder .toolTopBar .expression-switch.disabled div.expression-switch_selected {
  background: #B9B9B9;
  background: var(--gray-3);
}
.nixps-quantum-ExpressionBuilder .toolTopBar .expression-switch.disabled div:first-child {
  border-right-width: 1px;
  border-color: #B9B9B9;
  border-color: var(--gray-3);
  border-style: solid;
}
.nixps-quantum-ExpressionBuilder .toolTopBar .expression-switch div.expression-switch_selected {
  background: #66B3D9;
  background: var(--cloudflow-first-500);
  color: white;
}
.nixps-quantum-ExpressionBuilder .toolTopBar .expression-switch div {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  width: 80px;
  padding: 5px 4px;
  margin: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #222222;
  color: var(--text-body);
}
.nixps-quantum-ExpressionBuilder .goToDefaultButton,
.nixps-quantum-ExpressionBuilder .addFileUrlFromFolderButton {
  float: right;
  margin-right: 9px;
  margin-top: 4px;
}

:not(.nixps-quantum-ExpressionBuilder .nixps-cloudflow-ExpressionBuilderInput).nixps-cloudflow-ExpressionBuilderInput .nixps-quantum-ExpressionEditor.number, :not(.nixps-quantum-ExpressionBuilder .nixps-cloudflow-ExpressionBuilderInput).nixps-cloudflow-ExpressionBuilderInput .nixps-quantum-ExpressionEditor.string, :not(.nixps-quantum-ExpressionBuilder .nixps-cloudflow-ExpressionBuilderInput).nixps-cloudflow-ExpressionBuilderInput .nixps-quantum-ExpressionEditor.boolean, :not(.nixps-quantum-ExpressionBuilder .nixps-cloudflow-ExpressionBuilderInput).nixps-cloudflow-ExpressionBuilderInput .nixps-quantum-ExpressionEditor.math {
  padding: 6px 4px 1px 25px;
}
:not(.nixps-quantum-ExpressionBuilder .nixps-cloudflow-ExpressionBuilderInput).nixps-cloudflow-ExpressionBuilderInput .nixps-quantum-ExpressionEditor.number::before, :not(.nixps-quantum-ExpressionBuilder .nixps-cloudflow-ExpressionBuilderInput).nixps-cloudflow-ExpressionBuilderInput .nixps-quantum-ExpressionEditor.string::before, :not(.nixps-quantum-ExpressionBuilder .nixps-cloudflow-ExpressionBuilderInput).nixps-cloudflow-ExpressionBuilderInput .nixps-quantum-ExpressionEditor.boolean::before, :not(.nixps-quantum-ExpressionBuilder .nixps-cloudflow-ExpressionBuilderInput).nixps-cloudflow-ExpressionBuilderInput .nixps-quantum-ExpressionEditor.math::before {
  position: sticky;
  height: calc(100% - 4px);
  margin-left: -25px;
  left: auto;
  display: inline-block;
  float: left;
  text-align: center;
  display: flex;
}

.nixps-cloudflow-ExpressionBuilderInput .expressionbuilderinput_value.cf-form-control {
  box-sizing: border-box;
  display: inline-block;
  width: 90%;
  width: calc(100% - 25px);
  -webkit-appearance: textfield;
  appearance: textfield;
}
.nixps-cloudflow-ExpressionBuilderInput .expressionbuilderinput_value.cf-form-control .nixps-quantum-BuildingBlock {
  margin-top: -2px;
}
.nixps-cloudflow-ExpressionBuilderInput .expressionbuilderinput_editbutton {
  box-sizing: border-box;
  vertical-align: middle;
  width: 24px;
  text-align: center;
}
.nixps-cloudflow-ExpressionBuilderInput button.expressionbuilderinput_editbutton {
  background: transparent;
  color: inherit;
  border: none;
  padding: 0;
}
.nixps-cloudflow-ExpressionBuilderInput:not(.nixps-cloudflow-ExpressionBuilderInput-disabled) .expressionbuilderinput_editbutton {
  cursor: pointer;
}

.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor:focus {
  outline: 0;
}

.nixps-quantum-BuildingBlock {
  margin-left: 3px;
  margin-right: 3px;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  background-color: #A8DBFF;
  font-size: 0.8em;
  vertical-align: middle;
  overflow: hidden;
  display: inline-block;
  line-height: 1.1em;
  border: 1px solid #919191;
  white-space: nowrap;
}
.nixps-quantum-BuildingBlock[data-type=array] {
  background-color: #DDA9FF;
}
.nixps-quantum-BuildingBlock.ui-draggable-dragging {
  cursor: -webkit-dragging;
  cursor: grabbing;
  font-size: 1em;
  padding: 2px 5px;
}
.nixps-quantum-BuildingBlock > div {
  display: inline-block;
}
.nixps-quantum-BuildingBlock > span {
  display: inline-block;
}

.bootstrap img.nixps-quantum-BuildingBlock {
  border: 1px solid #919191; /* overwrite bootstrap prefix css **/
}

.nixps-quantum-Modifier .alignedForm .fieldname {
  text-align: right;
  padding-right: 5px;
  padding-left: 0px;
  display: initial;
}

.nixps-quantum-VariableList {
  padding-left: 0;
  margin-left: 0;
}
.nixps-quantum-VariableList table {
  width: 100%;
  width: calc(100% - 15px);
  margin-left: 5px;
  margin-right: 10px;
}
.nixps-quantum-VariableList .nixps-quantum-VariableList .contents {
  padding-left: 0;
  margin-left: 0;
  margin-left: 5px;
}
.nixps-quantum-VariableList .nixps-quantum-VariableList .contents li {
  margin: 10px;
}
.nixps-quantum-VariableList label {
  display: block;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;
  font-size: 1em;
  margin-right: 10px;
  margin-bottom: initial;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nixps-quantum-VariableList label:after {
  content: ":";
}
.nixps-quantum-VariableList input {
  font-size: 1em;
  border: 1px solid #B9B9B9;
  border: 1px solid var(--gray-3);
  margin-bottom: 1px;
  padding-left: 3px;
  width: 500px;
}
.nixps-quantum-VariableList .novariables {
  margin: 0;
  background-color: #fafafa;
  color: #888;
  text-align: center;
  font-style: italic;
  padding: 10px;
  border: 1px solid #f0f0f0;
}
.nixps-quantum-VariableList td {
  padding-bottom: 6px;
}

.nixps-quantum-ExpressionListItem {
  cursor: pointer;
  white-space: nowrap;
}
.nixps-quantum-ExpressionListItem .expressionlistitem_categoryIcon {
  color: #a9a9a9;
  vertical-align: middle;
}
.nixps-quantum-ExpressionListItem .expressionlistitem_categoryIcon.fa, .nixps-quantum-ExpressionListItem .expressionlistitem_categoryIcon.cf-icon {
  margin-right: 4px;
}
.nixps-quantum-ExpressionListItem .expressionlistitem_categoryIcon.fa-empty {
  width: 12px;
  height: 12px;
}
.nixps-quantum-ExpressionListItem > .expressionlistitem_title {
  text-align: left;
  /* hack: will force to show gray if inactive, disabled */
  z-index: 1;
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
  width: 80%;
  vertical-align: middle;
}
.nixps-quantum-ExpressionListItem.ui-draggable-disabled {
  cursor: not-allowed;
  color: #a9a9a9;
}
.nixps-quantum-ExpressionListItem.nixps-quantum-VariableTreeNode > .expressionlistitem_title {
  display: inline-block;
}

.nixps-Collapsable .nixps-quantum-ExpressionListItem .expressionlistitem_title {
  font-weight: normal;
  margin-bottom: 10px;
  display: inline-block;
}

.nixps-quantum-ExpressionList > .expressions > .item {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
  -webkit-user-select: none;
  user-select: none;
}
.nixps-quantum-ExpressionList .categories {
  color: #2273B9;
  color: var(--cloudflow-main-500);
  padding: 5px;
  margin: 0;
}
.nixps-quantum-ExpressionList .categories li {
  margin: 8px 5px 8px 5px;
  padding: 5px;
  border-radius: 3px;
  cursor: pointer;
}
.nixps-quantum-ExpressionList .expressions {
  padding: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0;
}
.nixps-quantum-ExpressionList .expressionlist-disablepanel {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(185, 185, 185, 0.9);
  background-color: rgba(var(--gray-3-rgb), 0.9);
  z-index: 100010;
}
.nixps-quantum-ExpressionList .expressionlist-disablepanel .expressionlist-warnmessage {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  background-color: var(--body);
  color: #222222;
  color: var(--text-body);
  margin: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 10px;
  padding-right: 10px;
  opacity: 1;
  z-index: 1000001;
}
.nixps-quantum-ExpressionList .expressionlist-disablepanel .cf-icon {
  margin-right: 3px;
}
.nixps-quantum-ExpressionList .expressionlist_bottombar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 30px;
  padding: 0;
  border-bottom: 1px solid #B9B9B9;
  border-bottom: 1px solid var(--gray-3);
}
.nixps-quantum-ExpressionList .expressionlist_bottombar .addVariable {
  margin-left: 13px;
  margin-top: 2px;
}
.nixps-quantum-ExpressionList.nixps-quantum-ExpressionList-disabled {
  opacity: inherit;
  filter: inherit; /*Alpha(Opacity=1.0);*/
  background-image: none;
}

.nixps-quantum-ExpressionHelpPanel {
  overflow-y: auto;
}
.nixps-quantum-ExpressionHelpPanel h1 {
  padding-left: 5px;
}
.nixps-quantum-ExpressionHelpPanel .help {
  padding-left: 20px;
  padding-right: 20px;
}

.nixps-quantum-ExpressionEditor {
  height: 100%;
  border: 1px solid #B9B9B9;
  border: 1px solid var(--gray-3);
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text;
  min-height: 1.5em;
  position: relative;
  line-height: 1.5em;
  overflow: auto;
}
.nixps-quantum-ExpressionEditor.nixps-quantum-ExpressionEditor-disabled:empty:after,
.nixps-quantum-ExpressionEditor [contenteditable=false]:empty:after {
  content: " ";
}

div:not(.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor).nixps-quantum-ExpressionEditor.nixps-quantum-number, div:not(.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor).nixps-quantum-ExpressionEditor.nixps-quantum-string, div:not(.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor).nixps-quantum-ExpressionEditor.nixps-quantum-boolean, div:not(.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor).nixps-quantum-ExpressionEditor.nixps-quantum-math, div:not(.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor).nixps-quantum-ExpressionEditor.nixps-quantum-array, div:not(.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor).nixps-quantum-ExpressionEditor.nixps-quantum-object, div:not(.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor).nixps-quantum-ExpressionEditor.nixps-quantum-conditional {
  padding: 1px 4px 1px 25px;
  overflow: auto;
  overflow-x: hidden;
}
div:not(.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor).nixps-quantum-ExpressionEditor.nixps-quantum-number::before, div:not(.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor).nixps-quantum-ExpressionEditor.nixps-quantum-string::before, div:not(.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor).nixps-quantum-ExpressionEditor.nixps-quantum-boolean::before, div:not(.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor).nixps-quantum-ExpressionEditor.nixps-quantum-math::before, div:not(.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor).nixps-quantum-ExpressionEditor.nixps-quantum-array::before, div:not(.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor).nixps-quantum-ExpressionEditor.nixps-quantum-object::before, div:not(.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor).nixps-quantum-ExpressionEditor.nixps-quantum-conditional::before {
  font-family: "Verdana", "Geneva", "sans-serif";
  font-weight: 400;
  width: 18px;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 9px;
  letter-spacing: -1.6px;
  line-height: 15px;
  border-right-width: 1px;
  border-right-style: solid;
  padding-right: 1px;
}
div:not(.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor).nixps-quantum-ExpressionEditor.nixps-quantum-number {
  border-color: rgb(0, 0, 205);
}
div:not(.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor).nixps-quantum-ExpressionEditor.nixps-quantum-number::before {
  color: rgb(0, 0, 205);
  border-right-color: rgb(0, 0, 205);
  content: "123";
}
div:not(.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor).nixps-quantum-ExpressionEditor.nixps-quantum-string {
  border-color: rgb(3, 106, 7);
}
div:not(.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor).nixps-quantum-ExpressionEditor.nixps-quantum-string::before {
  color: rgb(3, 106, 7);
  border-right-color: rgb(3, 106, 7);
  content: "ABC";
}
div:not(.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor).nixps-quantum-ExpressionEditor.nixps-quantum-boolean {
  border-color: rgb(88, 92, 246);
}
div:not(.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor).nixps-quantum-ExpressionEditor.nixps-quantum-boolean::before {
  color: rgb(88, 92, 246);
  border-right-color: rgb(88, 92, 246);
  background: url("/nebula/images/boolean.svg");
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: center;
  content: " ";
}
div:not(.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor).nixps-quantum-ExpressionEditor.nixps-quantum-math {
  border-color: rgb(0, 0, 205);
}
div:not(.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor).nixps-quantum-ExpressionEditor.nixps-quantum-math::before {
  background: none;
  font-family: "FontAwesome";
  color: rgb(0, 0, 205);
  border-right-color: rgb(0, 0, 205);
  content: "\f1ec";
}
div:not(.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor).nixps-quantum-ExpressionEditor.nixps-quantum-array {
  border-color: #d84242;
}
div:not(.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor).nixps-quantum-ExpressionEditor.nixps-quantum-array::before {
  background: none;
  font-family: "FontAwesome";
  color: #d84242;
  border-right-color: #d84242;
  content: "\f03a";
}
div:not(.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor).nixps-quantum-ExpressionEditor.nixps-quantum-object {
  border-color: #7B61FF;
}
div:not(.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor).nixps-quantum-ExpressionEditor.nixps-quantum-object::before {
  color: #7B61FF;
  border-right-color: #7B61FF;
  content: "{ }";
}
div:not(.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor).nixps-quantum-ExpressionEditor.nixps-quantum-conditional {
  border-color: rgb(88, 92, 246);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
div:not(.nixps-quantum-ExpressionBuilder .nixps-quantum-ExpressionEditor).nixps-quantum-ExpressionEditor.nixps-quantum-conditional::before {
  color: rgb(88, 92, 246);
  border-right-color: rgb(88, 92, 246);
  content: "&";
  background: none;
}

.selectFileDialog {
  text-decoration: none;
  z-index: 100120 !important;
}

/* 
    Created on : May 10, 2016, 4:58:07 PM
    Author     : guillaume
*/
.nixps-quantum-ModifierList input {
  font-size: 12px;
  font-weight: normal;
  max-height: 20px;
  vertical-align: middle;
}
.nixps-quantum-ModifierList .transformerList {
  list-style-type: none;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-left: 0;
  margin-right: 0;
}
.nixps-quantum-ModifierList .modifierlist_rightbutton {
  float: right;
}
.nixps-quantum-ModifierList button.addTransformer {
  margin-left: 9px;
}
.nixps-quantum-ModifierList label input[type=checkbox] {
  margin-top: 0px;
  margin-bottom: 3px;
  margin-right: 5px;
}
.nixps-quantum-ModifierList .cf-buttonbar {
  padding: 0;
  text-align: unset;
}
.nixps-quantum-ModifierList .nixps-quantum-ModifierListItem .title {
  position: relative;
  text-align: center;
  font-size: 1.15em;
  color: rgb(170, 170, 170);
  background-color: rgb(240, 240, 240);
  padding: 3px 0px;
  cursor: -webkit-grab;
}
.nixps-quantum-ModifierList .nixps-quantum-ModifierListItem .removeIcon {
  position: absolute;
  right: 2px;
  top: 4px;
  color: inherit;
  background: transparent;
  border: none;
  padding: 0;
}
.nixps-quantum-ModifierList .nixps-quantum-ModifierListItem li.modifier {
  font-weight: bold;
  white-space: nowrap;
  background-color: #fafafa;
  border: 1px solid #f0f0f0;
  margin: 2px;
  margin-top: 5px;
}
.nixps-quantum-ModifierList .nixps-quantum-ModifierListItem li.modifier select {
  font-weight: normal;
}
.nixps-quantum-ModifierList .nixps-quantum-ModifierListItem li.modifier .nixps-quantum-Modifier {
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
}
.nixps-quantum-ModifierList .nixps-quantum-ModifierListItem li.modifier .nixps-quantum-Modifier .alignedForm {
  display: table;
  border-collapse: separate;
  border-spacing: 10px;
  min-width: 300px;
}

.nixps-quantum-VariableTreeView {
  margin-top: 10px;
  margin-bottom: 10px;
}
.nixps-quantum-VariableTreeView .nixps-quantum-VariableTreeNode {
  margin-top: 3px;
  margin-bottom: 3px;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0.5;
  vertical-align: middle;
}
.nixps-quantum-VariableTreeView .nixps-quantum-VariableTreeNode[data-key] {
  cursor: pointer;
}
.nixps-quantum-VariableTreeView .nixps-quantum-VariableTreeNode .collapse {
  cursor: pointer;
}
.nixps-quantum-VariableTreeView .nixps-quantum-VariableTreeNode .nixps-quantum-VariableTreeNode[data-key] {
  font-size: 13px;
}
.nixps-quantum-VariableTreeView .collapsicon {
  cursor: pointer;
  vertical-align: middle;
}

/*
    Created on : 10-okt-2019, 10:59:16
    Author     : guillaume
*/
/* 
    Created on : 2-07-2019
    Author     : guillaume
*/
.nixps-cloudflow-FormRenderer {
  /** inform a field has been changed automatically **/
}
.nixps-cloudflow-FormRenderer .formGroup {
  /******* custom styles for special fields **********/
  /**** in case that the model can not render properly because wrong options ****/
}
.nixps-cloudflow-FormRenderer .formGroup.from-group .showHideContainer {
  padding-left: 15px;
}
.nixps-cloudflow-FormRenderer .formGroup .showHideContainer .toggleOptionCheckbox {
  float: left;
  margin-top: 10px;
}
.nixps-cloudflow-FormRenderer .formGroup .showHideContainer > label.toggleOptionLabel {
  text-align: left;
}
.nixps-cloudflow-FormRenderer .formGroup.errorState {
  opacity: 0.2;
  background: gray;
  cursor: help;
  min-height: 10px;
}
.nixps-cloudflow-FormRenderer .formGroup.errorState label {
  cursor: help;
}
.nixps-cloudflow-FormRenderer .requiredComponent .groupComponent div > label::after {
  content: "*";
}
.nixps-cloudflow-FormRenderer .formaction_hidebyaction {
  display: none;
}
.nixps-cloudflow-FormRenderer .layouttype_bootstrapGrid .layoutRow.layoutRow_emptyRow {
  min-height: 38px;
}
.nixps-cloudflow-FormRenderer.CloudflowStyle_default .formrenderer_informAutoChange input.form-control:not(.cf-form-checkbox),
.nixps-cloudflow-FormRenderer.CloudflowStyle_default .formrenderer_informAutoChange input:not(.cf-form-checkbox),
.nixps-cloudflow-FormRenderer.CloudflowStyle_default .formrenderer_informAutoChange textarea.form-control,
.nixps-cloudflow-FormRenderer.CloudflowStyle_default .formrenderer_informAutoChange textarea,
.nixps-cloudflow-FormRenderer.CloudflowStyle_default .formrenderer_informAutoChange select.form-control,
.nixps-cloudflow-FormRenderer.CloudflowStyle_default .formrenderer_informAutoChange select {
  background-color: rgb(250, 255, 189);
  background-color: var(--autofill);
  background-image: none;
}
.nixps-cloudflow-FormRenderer.CloudflowStyle_default .formrenderer_informAutoChange input.cf-form-checkbox::after {
  background-color: rgb(250, 255, 189);
  background-color: var(--autofill);
}

@media (min-width: 1200px) {
  .nixps-cloudflow-FormRenderer .formGroup.from-group.lg-Mode .showHideContainer > input[type=checkbox] {
    margin-left: 70px;
  }
}
@media (min-width: 768px) {
  .nixps-cloudflow-FormRenderer .formGroup.from-group.sm-Mode .showHideContainer > input[type=checkbox] {
    margin-left: 70px;
  }
}
/****************************
    rip settings (RIPEditorPresets) 
****************************/
.nixps-cloudflow-FormRenderer .cf-verticalform .nixps-RIPEditor label {
  text-align: left;
  margin-left: 0;
  width: 100%;
}
.nixps-cloudflow-FormRenderer .cf-verticalform .nixps-RIPEditor label + div {
  margin-left: 0;
  width: 100%;
}
.nixps-cloudflow-FormRenderer .nixps-RIPEditor .cf-col-lg-6 {
  width: 100%;
  max-width: 100%;
  float: none;
}

/***** datetimeselector ***/
.nixps-cloudflow-FormRenderer .fieldElement .nixps-cloudflow-DatetimeSelector .datetimepickerBegin {
  width: 100%; /* overrule the container css ***/
}

.nixps-cloudflow-ConsentDialog.cf-dialog {
  width: 350px;
  display: block;
}
.nixps-cloudflow-ConsentDialog.cf-dialog .consentdialog-header.cf-dialog-header {
  padding-top: 0;
  padding-bottom: 0;
}
.nixps-cloudflow-ConsentDialog.cf-dialog .consentdialog-header .consentdialog-header-icon {
  padding-right: 6px;
}
.nixps-cloudflow-ConsentDialog.cf-dialog .consentdialog-header .consentdialog-header-title {
  vertical-align: super;
  display: inline-block;
}
.nixps-cloudflow-ConsentDialog.cf-dialog .cf-dialog-bottom .cf-col-md-6 {
  vertical-align: middle;
}

.nixps-cloudflow-TopBar .cf-topbar-item.fa {
  font-size: 18px;
}
.nixps-cloudflow-TopBar .nixps-DropdownList {
  z-index: 5000;
}
.nixps-cloudflow-TopBar .button-group-box {
  position: relative; /* Necessary to position the pseudo-element relative to the span */
  display: inline-block; /* Ensure the span can take padding and background */
  z-index: 1; /* Set a higher stacking context for the span's content */
}
.nixps-cloudflow-TopBar .button-group-box::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 20%;
  height: 60%;
  background-color: #555555;
  border-radius: 20px;
  z-index: -1;
}
.nixps-cloudflow-TopBar .topbar_buttons_button.cf-topbar-button.has_dropdown_arrow::before {
  width: 45px;
}
.nixps-cloudflow-TopBar button.cf-topbarbutton span {
  padding: 5px;
}
.nixps-cloudflow-TopBar .nixps-DropdownList > .cf-dropdown > .cf-dropdown-item > .cf-icon {
  font-size: 16px;
  padding-top: 4px;
  float: left;
}
.nixps-cloudflow-TopBar[class*=nixps_styling_class_] .cf-topbar-button:not(.cf-topbar-button-disabled):before, .nixps-cloudflow-TopBar[class*=nixps_styling_class_] .cf-topbar-button:not([disabled]):before {
  display: none;
}
.nixps-cloudflow-TopBar .arrow-resized-small {
  z-index: 5000;
  font-size: 10px;
  margin-left: -10px;
  width: 16px;
}
.nixps-cloudflow-TopBar .arrow-resized-small:hover {
  font-weight: bold;
}
.nixps-cloudflow-TopBar .icon-as-text {
  width: 22px;
  display: block;
}
.nixps-cloudflow-TopBar input.cf-topbar-input {
  width: 5.3em;
  height: 22px;
  background: transparent;
  margin-bottom: 5px;
  vertical-align: middle;
}
.nixps-cloudflow-TopBar .topbar-close-button {
  margin-left: 10px;
}

.nixps-cloudflow-ScopesChooser {
  background: #ffffff;
  background: var(--body);
}
.nixps-cloudflow-ScopesChooser .scopecontainer {
  display: block;
  margin-top: 20%;
  margin-top: 15vh;
  margin-left: auto;
  margin-right: auto;
  min-height: 250px;
  max-height: 500px;
}
.nixps-cloudflow-ScopesChooser .scopecontainer .scope_searchpanel {
  position: relative;
  border-bottom: 1px solid #2273B9;
  border-bottom: 1px solid var(--cloudflow-main-500);
}
.nixps-cloudflow-ScopesChooser .scopecontainer .scope_searchpanel input {
  padding-left: 7px;
  width: calc(100% - 41px);
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none;
}
.nixps-cloudflow-ScopesChooser .scopecontainer .scopechooser_closebutton {
  cursor: pointer;
  position: absolute;
  right: 4px;
  top: 7px;
  height: 100%;
}
.nixps-cloudflow-ScopesChooser .scopecontainer .scope_list {
  overflow-y: auto;
  overflow-x: hidden;
}

.nixps-cloudflow-aichat {
  position: relative;
  border-radius: 4px;
  height: 100%;
  overflow: hidden;
  background: #ffffff;
  background: var(--body);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column; /* Safari 6.1+ */
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.nixps-cloudflow-aichat .aichat-closebutton {
  display: inline-block;
  position: absolute;
  right: -2px;
  top: 5px;
}
.nixps-cloudflow-aichat .aichat-beta {
  position: absolute;
  top: 0px;
  left: -34px;
  transform: rotate(-45deg);
  height: 1.5em;
  line-height: 1.5em;
  padding: 10px 40px;
  box-sizing: content-box;
  font-weight: bold;
  background: #2273B9;
  background: var(--cloudflow-main-500);
  color: #ffffff;
  color: var(--text-main);
  overflow: hidden;
  text-overflow: clip;
  z-index: 1;
}
.nixps-cloudflow-aichat .aichat-responses {
  -webkit-flex: 1 1 calc(100% - 100px); /* Safari 6.1+ */
  -moz-flex: 1 1 calc(100% - 100px);
  -ms-flex: 1 1 calc(100% - 100px);
  flex: 1 1 calc(100% - 100px);
  overflow: auto;
  padding: 10px 10px 10px 20px;
  scrollbar-gutter: stable;
}
.nixps-cloudflow-aichat .aichat-question,
.nixps-cloudflow-aichat .aichat-answer {
  position: relative;
  margin: 3px;
  line-height: 16px;
  white-space: pre;
}
.nixps-cloudflow-aichat .aichat-question:hover .aichat-actionbar,
.nixps-cloudflow-aichat .aichat-answer:hover .aichat-actionbar {
  display: inline-block;
}
.nixps-cloudflow-aichat .aichat-question {
  display: block;
  text-align: end;
}
.nixps-cloudflow-aichat .aichat-question .aichat-question-text {
  background: #B9B9B9;
  background: var(--gray-3);
  display: inline-block;
  padding: 4px 7px;
  text-align: start;
  border-radius: 4px;
}
.nixps-cloudflow-aichat .aichat-answer {
  display: block;
  border-radius: 4px;
  padding: 4px;
}
.nixps-cloudflow-aichat .aichat-answer .aichat-answer-text {
  text-align: start;
  background-color: #ffffff;
  background-color: var(--body);
  color: #222222;
  color: var(--text-body);
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
}
.nixps-cloudflow-aichat .aichat-actionbar {
  display: none;
  position: absolute;
  bottom: -20px;
  right: 0;
  height: 20px;
  z-index: 10;
  background: #ffffff;
  background: var(--body);
}
.nixps-cloudflow-aichat .aichat-actionbar:hover {
  display: inline-block;
}
.nixps-cloudflow-aichat .aichat-actionbar button {
  padding: 4px 0px;
}
.nixps-cloudflow-aichat .aichat-welcome {
  position: absolute;
  top: 60%;
  left: 0;
  right: 0;
}
.nixps-cloudflow-aichat .aichat-waiting div {
  height: 20px;
  width: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
.nixps-cloudflow-aichat .aichat-input {
  -webkit-flex: 1 0 70px; /* Safari 6.1+ */
  -moz-flex: 1 0 70px;
  -ms-flex: 1 0 70px;
  flex: 1 0 70px;
  display: inline-block;
  width: 450px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column; /* Safari 6.1+ */
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: end;
}
.nixps-cloudflow-aichat .aichat-textarea {
  height: auto;
  width: 100%;
  padding: 3px 5px;
  resize: none;
  border-color: #B9B9B9;
  border-color: var(--gray-3);
  border-bottom: none;
  box-sizing: border-box;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.nixps-cloudflow-aichat .aichat-inputbottombar {
  height: 20px;
  width: 100%;
  border: 1px solid #B9B9B9;
  border: 1px solid var(--gray-3);
  border-top: none;
  box-sizing: border-box;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.nixps-cloudflow-aichat button {
  background: inherit;
  color: inherit;
  border: none;
}
.nixps-cloudflow-aichat button .cf-icon, .nixps-cloudflow-aichat button.cf-icon {
  font-size: 1.2em;
}
.nixps-cloudflow-aichat button[type=submit] {
  float: right;
}
.nixps-cloudflow-aichat .aichat-legaltext {
  color: #777777;
  color: var(--gray-2);
  -webkit-flex: 0 0 18px; /* Safari 6.1+ */
  -moz-flex: 0 0 18px;
  -ms-flex: 0 0 18px;
  flex: 0 0 18px;
  line-height: 18px;
  cursor: default;
}
.nixps-cloudflow-aichat code:not(.aichat-noactions):before {
  content: "// AI:Sena";
  display: none;
}
.nixps-cloudflow-aichat code:not(.aichat-noactions):after {
  content: "// IA";
  display: none;
}
@media ((max-width: 576px) or ((max-device-height: 431px) and (orientation: landscape)) or (max-device-width: 480px)) {
  .nixps-cloudflow-aichat .aichat-input {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
  .nixps-cloudflow-aichat .aichat-answer .aichat-answer-text {
    font-size: 16px;
    font-size: 1rem;
  }
  .nixps-cloudflow-aichat textarea {
    font-size: 16px;
    font-size: 1rem;
  }
}

.nixps-cloudflow-SideBar .cf-sidebar-pagecontentHover .cf-sidebar-sub .cf-sidebar-sub-button .fa {
  font-size: 42px;
}
.nixps-cloudflow-SideBar.cf-sidebar-extend .sidebar_subcontainer {
  left: 160px;
}
.nixps-cloudflow-SideBar .editmenubutton {
  display: none;
}
.nixps-cloudflow-SideBar.editMenu .editmenubutton {
  cursor: pointer;
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 5px 0px 17px 0px;
  font-size: 22px;
}
.nixps-cloudflow-SideBar.editMenu .cf-sidebar-user {
  display: none;
}

/*
    Created on : 24-feb-2020, 15:06:21
    Author     : guillaume
*/
.nixps-cloudflow-CloudflowProgressBar .defaultBackgroundColor {
  background: #dcdcdc !important;
}
.nixps-cloudflow-CloudflowProgressBar .defaultProgressColor {
  background: #2273B9;
}
.nixps-cloudflow-CloudflowProgressBar .ui-widget-content {
  border-width: 0;
  border-color: transparent;
}
.nixps-cloudflow-CloudflowProgressBar .cpb_progressbar {
  width: 100%;
  height: 1.5em;
  background: #dcdcdc;
}
.nixps-cloudflow-CloudflowProgressBar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}
.nixps-cloudflow-CloudflowProgressBar.barberpole cpb_progressbar.ui-progressbar.ui-widget.ui-widget-content.ui-corner-all {
  background: #fefbe3;
  background-color: -webkit-linear-gradient(-45deg, transparent 25%, #fefbe3 25%, #fefbe3 50%, transparent 50%, transparent 75%, #fefbe3 75%);
  background: -moz-linear-gradient(-45deg, transparent 25%, #fefbe3 25%, #fefbe3 50%, transparent 50%, transparent 75%, #fefbe3 75%);
  background: -o-linear-gradient(-45deg, transparent 25%, #fefbe3 25%, #fefbe3 50%, transparent 50%, transparent 75%, #fefbe3 75%);
  background: linear-gradient(-45deg, transparent 25%, var(--cloudflow-main) 25%, var(--cloudflow-main) 50%, transparent 50%, transparent 75%, var(--cloudflow-main) 75%);
  background-size: 27px 27px;
  -webkit-animation: barberpole 1.5s infinite linear;
  animation: barberpole 12s infinite linear;
}
@-webkit-keyframes barberpole {
  from {
    background-position: 0%;
  }
  to {
    background-position: 100%;
  }
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 9-nov-2018, 17:14:15
    Author     : guillaume
*/
.nixps-cloudflow-AssetTreeView .cf-icon {
  color: #66B3D9;
  color: var(--cloudflow-first-500);
  font-size: 17px;
}
.nixps-cloudflow-AssetTreeView .jstree-default .jstree-leaf:not([data-isfolder=true]) > .jstree-ocl {
  width: 0px;
}
.nixps-cloudflow-AssetTreeView .jstree a[data-thumb=true] .jstree-icon {
  background-size: contain !important;
  max-width: 16px;
  max-height: 16px;
  width: 16px;
  height: inherit;
  top: 3px;
  right: 3px;
  margin-left: 8px;
}
.nixps-cloudflow-AssetTreeView .jstree li[data-isfolder=true] > a > .jstree-icon {
  max-width: 17px;
  right: 3px;
}
.nixps-cloudflow-AssetTreeView .jstree li[aria-selected=true] > div,
.nixps-cloudflow-AssetTreeView .jstree li[aria-selected=true] > i,
.nixps-cloudflow-AssetTreeView .jstree li[aria-selected=true] > a {
  background: #3071a9;
  color: #fff;
}
.nixps-cloudflow-AssetTreeView .jstree li[id*=inmakingid_]:has(.nixps-cloudflow-CloudflowProgressBar) {
  display: flex;
  align-items: center;
}
.nixps-cloudflow-AssetTreeView .jstree .jstree-wholerow-hovered {
  background-color: transparent;
}
.nixps-cloudflow-AssetTreeView .jstree .jstree-wholerow-clicked {
  background-color: transparent;
  background-color: #cce6f2;
  background-color: var(--selection-second);
}
.nixps-cloudflow-AssetTreeView .jstree .approval-container {
  display: inline-block;
  margin-left: 10px;
}
.nixps-cloudflow-AssetTreeView .jstree .bubble {
  border-radius: 5px;
  margin-top: -6px;
  margin-bottom: 0px;
  margin-left: 2px;
  margin-right: 2px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-shadow: none;
  height: 17px;
  line-height: 17px;
  font-size: inherit;
  vertical-align: middle;
  white-space: nowrap;
}
.nixps-cloudflow-AssetTreeView .jstree .previousbubble {
  display: inline-block;
  padding-left: 11px;
  border-left: 1px solid #ffffff;
  border-left: 1px solid var(--body);
  border-top: 1px solid #ffffff;
  border-top: 1px solid var(--body);
  border-bottom: 1px solid #ffffff;
  border-bottom: 1px solid var(--body);
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  height: 17px;
  margin-top: -3px;
  margin-right: -5px;
  margin-bottom: -3px;
  font-size: inherit;
  vertical-align: middle;
}
.nixps-cloudflow-AssetTreeView .jstree .previousbubble + .bubble {
  border-left: 1px solid #ffffff;
  border-left: 1px solid var(--body);
  border-top: 1px solid #ffffff;
  border-top: 1px solid var(--body);
  border-bottom: 1px solid #ffffff;
  border-bottom: 1px solid var(--body);
  margin-left: 0px;
  margin-bottom: 1px;
}
.nixps-cloudflow-AssetTreeView .jstree .asset-pending,
.nixps-cloudflow-AssetTreeView .jstree .asset-waiting {
  background-color: #FFAB4F;
  background-color: var(--warning-500);
}
.nixps-cloudflow-AssetTreeView .jstree .asset-waiting {
  display: inline-block;
  margin: 2px;
  padding-left: 10px;
  padding-right: 10px;
  color: #ffffff;
  color: var(--text-main);
  text-shadow: none;
}
.nixps-cloudflow-AssetTreeView .jstree .asset-accept,
.nixps-cloudflow-AssetTreeView .jstree .asset-accepted {
  background-color: #05C985;
  background-color: var(--success-500);
}
.nixps-cloudflow-AssetTreeView .jstree .asset-accepted {
  display: inline-block;
  margin: 2px;
  padding-left: 10px;
  padding-right: 10px;
  color: #ffffff;
  color: var(--text-main);
  text-shadow: none;
}
.nixps-cloudflow-AssetTreeView .jstree .asset-cancel,
.nixps-cloudflow-AssetTreeView .jstree .asset-reject,
.nixps-cloudflow-AssetTreeView .jstree .asset-rejected {
  background-color: #EE423D;
  background-color: var(--error-500);
}
.nixps-cloudflow-AssetTreeView .jstree .asset-cancel:not(.previousbubble),
.nixps-cloudflow-AssetTreeView .jstree .asset-rejected:not(.previousbubble) {
  display: inline-block;
  margin: 2px;
  padding-left: 10px;
  padding-right: 10px;
  color: #ffffff;
  color: var(--text-main);
  text-shadow: none;
}
.nixps-cloudflow-AssetTreeView .jstree .nixps-cloudflow-CloudflowProgressBar {
  z-index: 1;
  display: inline-block;
  width: 100px;
  vertical-align: middle;
  margin-left: auto;
  margin-right: 20px;
}
.nixps-cloudflow-AssetTreeView .jstree .nixps-cloudflow-CloudflowProgressBar .cpb_progressbar {
  border-radius: 3px;
}
.nixps-cloudflow-AssetTreeView .jstree .nixps-cloudflow-CloudflowProgressBar .cpb_progressbar .ui-progressbar-value {
  background-color: #81A8BB;
  background-color: var(--cloudflow-second-500);
  border-radius: 3px;
}
.nixps-cloudflow-AssetTreeView .jstree .atv_progresspercentage {
  font-weight: bold;
  float: right;
  margin-right: 3px;
}

#jstree-dnd.jstree-default .jstree-ok {
  background-image: url("../../../nebula/styleguide/resources/icons/CF_UI-Icons_SVG-Unicode_1-142/top_download-U0xE99c.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 10px;
  width: 10px;
  height: 10px;
  margin-top: 7px;
}

#jstree-dnd.jstree-default .jstree-er {
  background-image: url("../../../nebula/styleguide/resources/icons/CF_UI-Icons_SVG-Unicode_1-142/content_reject-U0xE949.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 10px;
  width: 10px;
  height: 10px;
  margin-top: 7px;
}

#jstree-dnd.jstree-default .jstree-ok image,
#jstree-dnd.jstree-default .jstree-er image {
  width: 20px;
  height: 20px;
}

#jstree-dnd.jstree-default .jstree-ok {
  background-position: initial;
}

#jstree-dnd.jstree-default .jstree-er {
  background-position: initial;
}

#jstree-dnd.jstree-default {
  background-color: var(--cloudflow-main-0) !important;
  border: 1px solid #222222;
  border: 1px solid var(--text-body);
}

.nixps-cloudflow-ProjectFormAssets .jstree-container-ul {
  width: 100%;
}
.nixps-cloudflow-ProjectFormAssets .jstree-container-ul .jstree-anchor {
  width: calc(100% - 29px);
  text-overflow: ellipsis;
  overflow: hidden;
  touch-action: none;
}

/*
    Created on : 21-feb-2020, 13:59:24
    Author     : guillaume
*/
/**** adding css of sub element ******/
.nixps-SeparationList .sep-table {
  display: inline-table;
  margin-top: 10px;
  border-collapse: separate;
  border-spacing: 0 5px;
  margin-right: auto;
}
.nixps-SeparationList .sep-table.sep-table-includespots {
  display: table;
  width: 100%;
}
.nixps-SeparationList .sep-table:not(.sep-table-includespots) .sep-name {
  padding-right: 5px;
}
.nixps-SeparationList .sep-heading {
  display: table-row;
  font-weight: bold;
  color: #2273B9;
  color: var(--cloudflow-main-500);
}
.nixps-SeparationList .sep-row {
  display: table-row;
}
.nixps-SeparationList .sep-print {
  display: table-cell;
  width: 40px;
  text-align: center;
}
.nixps-SeparationList .sep-name {
  display: table-cell;
  width: auto;
}
.nixps-SeparationList .sep-name input[type=text] {
  width: calc(100% - 20px);
  min-width: 130px;
}
.nixps-SeparationList .sep-angle {
  display: table-cell;
  white-space: nowrap;
  width: 75px;
}
.nixps-SeparationList .sep-angle img {
  vertical-align: baseline;
  margin-left: 2px;
}
.nixps-SeparationList .sep-ruling {
  display: table-cell;
  white-space: nowrap;
  width: 85px;
}
.nixps-SeparationList .sep-dotshape {
  display: table-cell;
  width: 139px;
}
.nixps-SeparationList .sep-action-buttons {
  display: table-cell;
  width: 90px;
  vertical-align: middle;
  padding-left: 3px;
}
.nixps-SeparationList .sep-action-buttons button {
  font-size: 1.7em;
  padding: 0;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 31/03/2020, 10:44:11
    Author     : Laurent
    File       : cloudflow/DFE/css/nixps-dfe-DFEEditor.scss
*/
.nixps-DFEEditor {
  margin-top: 5px;
}
.nixps-DFEEditor .grid_2columns {
  display: grid;
  grid-template-columns: 35% 65%;
  justify-items: stretch;
  grid-gap: 3px 10px;
  align-items: center;
  padding: 0 10px;
}
.nixps-DFEEditor .resize_panel.cf-col-lg-6 .cf-panel {
  margin-left: 5px;
  margin-right: 5px;
}
.nixps-DFEEditor .nixps-DFESeparationList .grid_3columns {
  display: grid;
  grid-template-columns: 10% auto auto;
  justify-items: center;
  grid-gap: 0 0;
  text-align: center;
}
.nixps-DFEEditor .nixps-DFESeparationList .sep-heading {
  background-color: #2273B9;
  background-color: var(--cloudflow-main-500);
  align-self: stretch;
  justify-self: stretch;
  padding: 7px;
  border-top: solid 1px #037ea3;
  border-bottom: solid 1px #037ea3;
  border-right: solid 1px grey;
  grid-gap: 0 0;
  display: table-row;
  font-weight: bold;
  color: #ffffff;
}
.nixps-DFEEditor .nixps-DFESeparationList .sep-heading.col-print {
  border-left: solid 1px #037ea3;
  margin: 0;
}
.nixps-DFEEditor .nixps-DFESeparationList .sep-heading.col-name {
  text-align: start;
  margin: 0;
}
.nixps-DFEEditor .nixps-DFESeparationList .sep-heading.col-export {
  margin: 0;
}
.nixps-DFEEditor .nixps-DFESeparationList .sep-heading.col-convert {
  text-align: start;
  border-right: solid 1px #037ea3;
  margin: 0;
}
.nixps-DFEEditor .nixps-DFESeparationList .sep-row {
  display: table-row;
  border-right: solid 1px lightgrey;
  margin: 0;
  padding: 6px 10px;
  justify-self: stretch;
}
.nixps-DFEEditor .nixps-DFESeparationList .sep-row.col-name {
  text-align: start;
  margin: 0;
}
.nixps-DFEEditor .nixps-DFESeparationList .sep-row.col-convertSpot {
  text-align: start;
  margin: 0;
  font-weight: initial;
}
.nixps-DFEEditor .invalid_value {
  color: #EE423D;
  font-weight: 500;
}
.nixps-DFEEditor .preflight-group input[type=number] {
  display: inline-block;
  width: 75px;
  margin-left: 10px;
}
.nixps-DFEEditor .preflight-group label[name="preflight.min_res_check"] > span,
.nixps-DFEEditor .preflight-group label[name="preflight.max_res_check"] > span {
  width: 30%;
  position: relative;
  display: inline-block;
}

.nixps-cloudflow-SymbolPluginWindow .symbolpicker-content {
  display: flex;
  flex-direction: row;
}
.nixps-cloudflow-SymbolPluginWindow .symbolpicker-content .symbolpicker-container {
  padding: 5px;
  width: 85%;
  overflow-y: scroll;
}
.nixps-cloudflow-SymbolPluginWindow .symbolpicker-content .symbolpicker-container .symbol-button {
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 15px;
  font-size: 1rem;
  padding: 3px;
  margin: 3px;
  border: 1px solid #ddd;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.nixps-cloudflow-SymbolPluginWindow .symbolpicker-content .symbolpicker-container .symbol-button:hover {
  background-color: #EEE;
}
.nixps-cloudflow-SymbolPluginWindow .symbolpicker-content .symbolpicker-preview-container {
  width: 15%;
  padding: 5px;
}
.nixps-cloudflow-SymbolPluginWindow .symbolpicker-content .symbolpicker-preview-container .symbolpicker-preview {
  margin: 3px auto;
  text-align: center;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 48px;
  padding: 3px;
}
.nixps-cloudflow-SymbolPluginWindow .ui-dialog-titlebar .ui-dialog-titlebar-close {
  margin: 0;
}
.nixps-cloudflow-SymbolPluginWindow .ui-dialog-buttonpane.ui-widget-content {
  border: none;
}
.nixps-cloudflow-SymbolPluginWindow .ui-dialog-buttonpane.ui-widget-content .ui-dialog-buttonset {
  padding: 0;
}
.nixps-cloudflow-SymbolPluginWindow .ui-dialog-buttonpane.ui-widget-content .ui-dialog-buttonset button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-style: solid;
  box-sizing: border-box;
  cursor: pointer;
  font-family: inherit;
  padding: 3px 5px;
  text-align: center;
  border-width: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 1.1em;
}
.nixps-cloudflow-SymbolPluginWindow .ui-dialog-buttonpane.ui-widget-content .ui-dialog-buttonset button[disabled], .nixps-cloudflow-SymbolPluginWindow .ui-dialog-buttonpane.ui-widget-content .ui-dialog-buttonset button.cf-button-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.nixps-cloudflow-SymbolPluginWindow.ui-widget-content {
  background: #ffffff;
  background: var(--body);
  padding: 0;
}

.nixps-cloudflow-CellPropertiesWindow .dimension-label:after {
  content: " ";
}

.nixps-cloudflow-ImagePluginWindow .nixps-pagebuilder-CloudflowButton span.cloudflowbutton_icon.fa {
  margin-right: 0;
}
.nixps-cloudflow-ImagePluginWindow .ui-dialog-content {
  display: flex;
}
.nixps-cloudflow-ImagePluginWindow .ui-dialog-content .image-form {
  width: 600px;
}
.nixps-cloudflow-ImagePluginWindow .ui-dialog-content .imagedialog-preview {
  width: 350px;
  height: 200px;
  overflow: auto;
  border: 1px solid black;
  margin: auto 15px;
  padding: 5px;
}

.nixps-cloudflow-TajiriContextMenu {
  background: #ffffff;
  background: var(--gray-5);
  border: 1px solid #B9B9B9;
  border: 1px solid var(--gray-3);
  box-shadow: 0px 1px 3px #B9B9B9;
  box-shadow: 0px 1px 3px var(--gray-3);
  border-radius: 2px;
  z-index: 9000;
}
.nixps-cloudflow-TajiriContextMenu .nixps-pagebuilder-CloudflowButton:hover {
  background: #DDE3E8;
  background: var(--cloudflow-third-500);
}
.nixps-cloudflow-TajiriContextMenu .nixps-pagebuilder-CloudflowButton-DropDownButtons .cf-dropdown {
  background: #ffffff;
  background: var(--gray-5);
  border: 1px solid #B9B9B9;
  border: 1px solid var(--gray-3);
  box-shadow: 0px 1px 3px #B9B9B9;
  box-shadow: 0px 1px 3px var(--gray-3);
}
.nixps-cloudflow-TajiriContextMenu .nixps-pagebuilder-CloudflowButton-DropDownButtons .nixps-pagebuilder-CloudflowButton {
  width: 100%;
}
.nixps-cloudflow-TajiriContextMenu .nixps-pagebuilder-CloudflowButton-DropDownButtons .nixps-pagebuilder-CloudflowButton button {
  width: 100%;
  text-align: left;
}
.nixps-cloudflow-TajiriContextMenu .tajiri_contextmenu_overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
.nixps-cloudflow-TajiriContextMenu .nixps-pagebuilder-CloudflowButton {
  display: block;
}

/* 
    Created on : Mar 28, 2017, 9:33:52 AM
    Author     : guillaume
*/
.nixps-Colorpicker .sp-replacer,
.nixps-Colorpicker .sp-replacer:hover,
.nixps-Colorpicker .sp-replacer.sp-active {
  border-color: #ccc;
}

.sp-container {
  border-color: #ccc;
}

.sp-container .sp-palette-button-container {
  margin-top: 4px;
}

.sp-container .sp-button-container {
  margin-top: 7px;
}

.sp-container .sp-cancel {
  font-size: 12px;
  color: #333 !important;
}

.sp-container .sp-clear.sp-clear-display {
  cursor: pointer;
}

.sp-container .sp-clear.sp-clear-display::before {
  content: " ";
  display: inline-block;
  height: 27px;
  width: 27px;
  opacity: 0.6;
  position: absolute;
  z-index: -1;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.nixps-Tajiri .toolbar {
  padding: 2px 2px;
  border: 1px solid #B9B9B9;
  border: 1px solid var(--gray-3);
  border-bottom: 0px;
  background: #ffffff;
  background: var(--body);
  vertical-align: middle;
}
.nixps-Tajiri .toolbar .button_group {
  margin-right: 3px;
  padding-right: 3px;
  border-right: 1px solid #777777;
  border-right: 1px solid var(--gray-2);
  vertical-align: middle;
}
.nixps-Tajiri .toolbar .button_group:last-child {
  border-right: none;
}
.nixps-Tajiri .toolbar button {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 2px;
  cursor: pointer;
  outline: none;
  padding: 5px;
  width: 25px;
  height: 25px;
  background: #ffffff;
  background: var(--body);
}
.nixps-Tajiri .toolbar button.selected {
  color: #2273B9;
  color: var(--cloudflow-main-500);
  border-color: #2273B9;
  border-color: var(--cloudflow-main-500);
  background: #FAFAFA;
  background: var(--gray-4);
}
.nixps-Tajiri .toolbar button[disabled] {
  cursor: not-allowed;
  opacity: 0.8;
  background: #ffffff;
  background: var(--body);
}
.nixps-Tajiri .toolbar button:focus {
  border-color: #298ef1;
  border-color: var(--focus-main);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
}
.nixps-Tajiri .toolbar button[title="Sub Script"] span, .nixps-Tajiri .toolbar button[title="Super Script"] span, .nixps-Tajiri .toolbar button[title="Left to right"] span, .nixps-Tajiri .toolbar button[title="Right to left"] span, .nixps-Tajiri .toolbar button[title=Symbol] {
  font-size: 14px;
}
.nixps-Tajiri .toolbar button[title=Symbol] {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
}
.nixps-Tajiri .toolbar select {
  border: 0px;
  background: transparent;
}
.nixps-Tajiri .toolbar .tajiri-selectioncontainer {
  white-space: nowrap;
  padding: 2px;
  margin-right: 5px;
  border: 1px solid #B9B9B9;
  border: 1px solid var(--gray-3);
  position: relative;
  display: inline-block;
}
.nixps-Tajiri .toolbar .tajiri-selectioncontainer option[value=mixed] {
  display: none;
}
.nixps-Tajiri .toolbar .tajiri-selectioncontainer:has(select[disabled=true]) label {
  color: #B9B9B9;
  color: var(--gray-3);
}
.nixps-Tajiri .toolbar .tajiri-selectioncontainer label {
  position: absolute;
  top: 1px;
  text-transform: uppercase;
  font-size: 0.7rem;
  pointer-events: none;
}
.nixps-Tajiri .toolbar .tajiri-selectioncontainer select {
  padding-top: 10px;
  min-width: 85px;
}
.nixps-Tajiri .toolbar .tajiri-selectioncontainer:has(:focus) {
  border-color: #298ef1;
  border-color: var(--focus-main);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
}
.nixps-Tajiri .toolbar .colorpicker-FGColor {
  margin-right: 3px;
}
.nixps-Tajiri .toolbar .colorpicker-FGColor .sp-dd {
  text-align: center;
  padding-bottom: 0;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 2px;
}
.nixps-Tajiri .toolbar .nixps-Colorpicker .sp-replacer {
  padding: 2px 1px;
  background: none;
  border: none;
  margin-right: 5px;
  border: 1px solid #B9B9B9;
  border: 1px solid var(--gray-3);
}
.nixps-Tajiri .toolbar .nixps-Colorpicker .sp-replacer .sp-dd {
  width: 20px;
}
.nixps-Tajiri .area {
  font-size: 14px;
  font-size: 0.875rem;
  background: #ffffff;
  background: var(--body);
  min-height: 3em;
  padding: 5px 10px;
  border: 1px solid #B9B9B9;
  border: 1px solid var(--gray-3);
  overflow: auto;
  overflow-wrap: unset;
  box-sizing: border-box;
}
.nixps-Tajiri .area.src-active {
  font-family: monospace;
  tab-size: 4;
}
.nixps-Tajiri .area [data-tajiri-style-tag] {
  display: none;
}
.nixps-Tajiri .area:has([data-tajiri-body-tag]) {
  padding: 0;
}
.nixps-Tajiri .area.dragging-template {
  cursor: default;
}
.nixps-Tajiri .area[disabled] {
  cursor: not-allowed;
  opacity: 0.9;
  background-color: #eee;
  background-color: var(--background-disabled);
}
.nixps-Tajiri .area p {
  margin-bottom: 2px;
}
.nixps-Tajiri .area table {
  border: 1px dotted;
  width: unset;
  margin: unset;
}
.nixps-Tajiri .area table[align=center] {
  margin-left: auto;
  margin-right: auto;
}
.nixps-Tajiri .area table tbody, .nixps-Tajiri .area table tr {
  vertical-align: middle;
}
.nixps-Tajiri .area table td, .nixps-Tajiri .area table th {
  padding: 1px;
  vertical-align: middle;
}
.nixps-Tajiri .area table th {
  border: 1px dotted;
  height: 20px;
}
.nixps-Tajiri .area table td {
  border: 1px dotted;
  height: 20px;
}
.nixps-Tajiri .area table[data-tajiri-tableselection] {
  cursor: cell;
}
.nixps-Tajiri .area table[data-tajiri-tableselection] td[data-tajiri-cellselection],
.nixps-Tajiri .area table[data-tajiri-tableselection] th[data-tajiri-cellselection] {
  background-color: #0076cb;
  color: white;
}
.nixps-Tajiri .area table[data-tajiri-tableselection] td[data-tajiri-cellselection]::selection,
.nixps-Tajiri .area table[data-tajiri-tableselection] th[data-tajiri-cellselection]::selection {
  background: transparent;
}
.nixps-Tajiri .area img {
  max-width: unset;
}
.nixps-Tajiri .area ol {
  list-style-type: decimal;
}
.nixps-Tajiri .area ol * {
  margin-bottom: 0;
}
.nixps-Tajiri .area ul * {
  margin-bottom: 0;
}
.nixps-Tajiri .area > ol, .nixps-Tajiri .area > ul, .nixps-Tajiri .area p > ol, .nixps-Tajiri .area p > ul, .nixps-Tajiri .area div > ol, .nixps-Tajiri .area p > ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1rem;
}
.nixps-Tajiri.inline {
  position: relative;
  top: -19px;
}
.nixps-Tajiri.inline .toolbar {
  padding: 0;
  border: 1px solid black;
  border-color: #B9B9B9;
  border-color: var(--gray-3);
  border-bottom-width: 0px;
}
.nixps-Tajiri.inline .toolbar button {
  padding: 0;
}
.nixps-Tajiri.inline .area {
  min-height: 1em;
  line-height: 1.5em;
  font-size: inherit;
  border: 1px solid black;
}
.nixps-Tajiri [data-tajiri-template-value] {
  outline: 1px solid black;
  border-radius: 2px;
  font-size: 0.9em;
  outline-color: #2273B9;
  outline-color: var(--cloudflow-main-500);
  background: #81A8BB;
  background: var(--cloudflow-second-500);
  color: #ffffff;
  color: var(--text-main);
  -webkit-touch-callout: text;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: pointer;
}
.nixps-Tajiri [data-tajiri-mention-value] {
  color: rgb(79, 202, 243);
  -webkit-touch-callout: text;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.tajiri-mentionplugin-list {
  position: absolute;
  z-index: 9999;
  border: 1px solid black;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  max-height: 350px;
  background-color: white;
  overflow: auto;
}
.tajiri-mentionplugin-list .tajiri-mentionplugin-listitem {
  padding: 10px 5px;
  display: block;
  width: 100%;
  text-align: left;
  margin: 0;
  background-color: white;
  color: black;
  border: none;
  border-radius: 0;
}
.tajiri-mentionplugin-list .tajiri-mentionplugin-listitem .username {
  display: block;
}
.tajiri-mentionplugin-list .tajiri-mentionplugin-listitem .email {
  font-size: 0.9em;
}
.tajiri-mentionplugin-list .tajiri-mentionplugin-listitem:not(.no-results):not(.list-cut-off) {
  cursor: pointer;
}
.tajiri-mentionplugin-list .tajiri-mentionplugin-listitem:hover:not(.no-results):not(.list-cut-off):not([selected]) {
  background-color: #e0e0e0;
}
.tajiri-mentionplugin-list .tajiri-mentionplugin-listitem.list-cut-off {
  text-align: center;
}
.tajiri-mentionplugin-list .tajiri-mentionplugin-listitem[selected] {
  background-color: #0076cb;
  color: white;
}

/*
    Created on : 3-okt-2019, 16:57:48
    Author     : guillaume
*/
.nixps-cloudflow-Table table {
  position: relative; /** for config button possition in overflow settup */
}
.nixps-cloudflow-Table table .tableDummyInlineRow {
  display: none;
}
.nixps-cloudflow-Table table .tableHeaderSearch .nixps-cloudflow-DatetimeSelector {
  vertical-align: middle;
  color: #222222;
  color: var(--text-body);
  width: calc(100% - 100px);
}
.nixps-cloudflow-Table table .tableHeaderSearch .filterDateStartButton {
  cursor: pointer;
}
.nixps-cloudflow-Table table .tableHeaderSearch .filterDateText {
  margin-right: 7px;
}
.nixps-cloudflow-Table th {
  padding: 1px;
  /** according to doc. https://github.com/jmosbech/StickyTableHeaders
  we need to specify the padding to make it work for IE **/
}
.nixps-cloudflow-Table th.sortable_disabled .tableColumnIcon {
  display: none;
}
.nixps-cloudflow-Table .tableSelectionDropdown .dropwdownlist_checkIcon {
  display: none;
}
.nixps-cloudflow-Table .tableSelectionDropdown .dropwdownlist_checked .dropwdownlist_checkIcon {
  display: inline-block;
}
.nixps-cloudflow-Table .tableHeaderConfig {
  position: absolute;
  right: 0;
  padding-top: 5px;
  padding-right: 5px;
  z-index: 5;
}
.nixps-cloudflow-Table .tableHeaderConfig:not(.tableHeaderConfig_bussy) .tableConfigButton .tableConfigButtonIcon {
  display: none;
}
.nixps-cloudflow-Table .tableHeaderConfig > .tableConfigButton {
  border-bottom: 0px;
}
.nixps-cloudflow-Table .tableHeaderConfig.tableHeaderConfig_sticky {
  position: sticky;
  top: 0;
  z-index: 30;
}
.nixps-cloudflow-Table .tableHeaderConfig.tableHeaderConfig_sticky .tableConfigButton {
  float: right;
}
.nixps-cloudflow-Table .tableHeaderConfig.tableHeaderConfig_stick_byCSS {
  position: sticky;
  top: 0;
  padding-top: 0;
}
.nixps-cloudflow-Table .tableHeaderConfig.tableHeaderConfig_stick_byCSS .tableConfigButton {
  float: right;
  position: absolute;
  right: 5px;
  top: 7px;
}
.nixps-cloudflow-Table .tableConfigButton {
  cursor: pointer;
  border: none;
  padding: 0px 3px;
}
.nixps-cloudflow-Table .tableConfigButton:not(.cf-table-header-colors) {
  background: inherit;
}
.nixps-cloudflow-Table:hover:not(.tableHeaderConfig_bussy) .tableConfigButton .tableConfigButtonIcon {
  display: inline-block;
}
.nixps-cloudflow-Table .table_loadingpanel {
  padding: 2px 15px;
  text-align: center;
}
.nixps-cloudflow-Table .tableBottomBar .rowsDetailsPanel {
  display: inline-block;
  margin-left: 20px;
}
.nixps-cloudflow-Table .tableBottomBar .selectionDetails {
  min-width: 100px;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.nixps-cloudflow-Table .tableBottomBar .rowsDetailsPanel + .pagingButtonPanel {
  display: inline-block;
  margin-left: 75px;
  text-align: left;
}
.nixps-cloudflow-Table .tableBottomBar .table_rowDetailsPending {
  opacity: 0.7;
  cursor: wait;
  white-space: pre-wrap;
}
.nixps-cloudflow-Table .tableBottomBar.cf-buttonbar-sticky {
  background: #ffffff;
  background: var(--body);
}
@media ((max-width: 576px) or ((max-device-height: 431px) and (orientation: landscape)) or (max-device-width: 480px)) {
  .nixps-cloudflow-Table .cf-table-mobile .tableHeaderConfig {
    display: none;
  }
}
.cf-mobile .nixps-cloudflow-Table .cf-table-mobile .tableHeaderConfig {
  display: none;
}

/*
    Created on : Nov 6, 2017, 11:02:35 AM
    Author     : guillaume
*/
.nixps-kiosk-CreateWorkable {
  position: relative;
  box-sizing: border-box;
  /*div.layoutComponent > .row.formaction_hidebyaction {
      // put the parent div on absolute, so the children are out of context
      // and the height will be zero
      position: absolute;
  }*/
}
.nixps-kiosk-CreateWorkable.nixps-kiosk-CreateWorkable-padding {
  padding-left: 16px;
  padding-right: 16px;
}
.nixps-kiosk-CreateWorkable .messages {
  word-break: break-word;
}
.nixps-kiosk-CreateWorkable .row.formaction_hidebyaction {
  display: none;
}
.nixps-kiosk-CreateWorkable .removeLastFilesButton {
  cursor: pointer;
  font-weight: bold;
  background: transparent;
  color: inherit;
  border: none;
  padding: 0;
  margin-left: 5px;
  margin-right: 2px;
}
.nixps-kiosk-CreateWorkable .nixps-cloudflow-Upload,
.nixps-kiosk-CreateWorkable .nixps-cloudflow-FileChooser,
.nixps-kiosk-CreateWorkable .nixps-kiosk-FrameHostFileSelector {
  height: 250px;
  border: 1px solid #c5c9cc;
  border: 1px solid var(--cloudflow-fourth-700);
}
.nixps-kiosk-CreateWorkable .nixps-FreezeOverlay {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.nixps-kiosk-CreateWorkable .fileSelector .nav.nav-tabs .frame-host-feature {
  display: none;
}
.nixps-kiosk-CreateWorkable .createworkable_buttonbar {
  margin-top: 13px;
  margin-bottom: 13px;
}
.nixps-kiosk-CreateWorkable > .cf-buttonbar-sticky {
  margin-top: 0;
  margin-bottom: 0;
  bottom: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-left: -16px;
  margin-right: -16px;
}
.nixps-kiosk-CreateWorkable > .cf-buttonbar-sticky .nixps_styling_constants_bodybackground {
  opacity: 0.8;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: -1;
}

body.frame-host-enabled .nixps-kiosk-CreateWorkable .fileSelector .nav.nav-tabs .frame-host-feature {
  display: inline-block;
}

/*
    Created on : 25-sep-2019, 16:05:06
    Author     : guillaume
*/
.nixps-cloudflow-FileChooser {
  position: relative;
  height: 300px;
  background: #ffffff;
  background: var(--body);
}
.nixps-cloudflow-FileChooser * {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.nixps-cloudflow-FileChooser .filechooser_panel {
  background: #EAEFF3;
  background: var(--cloudflow-fourth-500);
}
.nixps-cloudflow-FileChooser .savePanel {
  line-height: 32px;
  padding-left: 5px;
}
.nixps-cloudflow-FileChooser .savePanel .saveAsLabel {
  margin-right: 5px;
}
.nixps-cloudflow-FileChooser .path_view {
  line-height: 32px;
  padding-left: 14px;
}
.nixps-cloudflow-FileChooser .search_view:has(.search_view_filter) input {
  padding-left: 41px;
}
.nixps-cloudflow-FileChooser .search_view {
  position: absolute;
  top: 0px;
  right: 0px;
  left: auto;
  height: 32px;
  line-height: 32px;
  width: 168px;
}
.nixps-cloudflow-FileChooser .search_view.filter_icon_empty input {
  padding-left: 29px;
}
.nixps-cloudflow-FileChooser .search_view .search_view_filter {
  height: 20px;
  border: 1px solid #c5c9cc;
  border: 1px solid var(--cloudflow-fourth-700);
  background-color: #66B3D9;
  background-color: var(--cloudflow-first-500);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 0 2px;
  top: 4.5px;
  position: absolute;
  display: flex;
  align-items: center;
}
.nixps-cloudflow-FileChooser .search_view .search_view_filter .search_view_filter_icon {
  color: #ffffff;
  color: var(--white);
}
.nixps-cloudflow-FileChooser .search_view .search_view_filter select {
  background-color: #66B3D9;
  background-color: var(--cloudflow-first-500);
  color: #ffffff;
  color: var(--white);
  width: 18px;
  border: none;
  outline: none;
}
.nixps-cloudflow-FileChooser .search_view input {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 161px;
}
.nixps-cloudflow-FileChooser .nixps-cloudflow-FolderView {
  position: absolute;
  top: 32px;
  bottom: 31px;
  left: 0px;
  right: 0px;
  overflow-y: auto;
}
.nixps-cloudflow-FileChooser .nixps-cloudflow-FolderView .folderview_loadingpanel {
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 30px;
}
.nixps-cloudflow-FileChooser .nixps-cloudflow-FolderView .nixps-cloudflow-IconView .thumb_name {
  bottom: 2px;
  font-size: 11px;
  font-size: 0.6875rem;
}
.nixps-cloudflow-FileChooser .nixps-cloudflow-FolderView .nixps-cloudflow-IconView .thumb_box {
  padding: 10px 13px;
  padding-bottom: 4px;
  margin: 5px 5px;
  margin-bottom: 3px;
}
.nixps-cloudflow-FileChooser .nixps-cloudflow-FolderView .nixps-cloudflow-IconView .approvalIcon {
  display: none;
}
.nixps-cloudflow-FileChooser .view_selector {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 31px;
  line-height: 31px;
}
.nixps-cloudflow-FileChooser .view_selector .icon_view_selector,
.nixps-cloudflow-FileChooser .view_selector .list_view_selector {
  padding: 3px 7px;
  margin-left: 7px;
  cursor: pointer;
  border: none;
}
.nixps-cloudflow-FileChooser .view_selector .icon_view_selector:not(.cf-select),
.nixps-cloudflow-FileChooser .view_selector .list_view_selector:not(.cf-select) {
  background: transparent;
}
.nixps-cloudflow-FileChooser .actionPanel {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 31px;
  line-height: 31px;
  padding-top: 0;
  padding-bottom: 0;
  z-index: 1;
}
.nixps-cloudflow-FileChooser.nixps_styling_constants_bodybackground .nixps-cloudflow-FolderView {
  background: inherit;
}

.cf-colormode-dark .nixps-cloudflow-FileChooser .nixps-cloudflow-FolderView {
  background: #626262;
  color: #efefef;
}

/*
    Created on : 24-sep-2019, 14:18:41
    Author     : guillaume
*/
.nixps-cloudflow-Upload .filescroll {
  background: #ffffff;
  background: var(--body);
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 32px;
  top: 0px;
  overflow-y: scroll;
}
.nixps-cloudflow-Upload .filescroll .filerow {
  height: 28px;
  line-height: 28px;
}
.nixps-cloudflow-Upload .filescroll .filerow .filename {
  width: calc(100% - 150px);
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.nixps-cloudflow-Upload .filescroll .filerow .rightcolumn {
  display: inline-block;
  text-align: right;
  box-sizing: border-box;
  width: 150px;
  padding-right: 3px;
  vertical-align: middle;
}
.nixps-cloudflow-Upload .filescroll .filerow .removeFileIcon {
  cursor: pointer;
  padding: 0px 2px 0px 3px;
  border: none;
  background: transparent;
  color: inherit;
  font-weight: bold;
}
.nixps-cloudflow-Upload .filescroll .filerow .progressbar {
  background-color: #6F6F6F;
  border: 1px solid #6F6F6F;
  border-radius: 2px;
  float: right;
  display: block;
  width: 100px;
  margin-top: 9px;
  margin-left: 4px;
  margin-right: 0px;
  height: 8px;
  padding: 0px;
  overflow: hidden;
}
.nixps-cloudflow-Upload .filescroll .filerow .progress {
  background-color: #ffffff;
  background-color: var(--body);
  display: block;
  margin: 0px;
  height: 8px;
  overflow: hidden;
}
.nixps-cloudflow-Upload .upload_div {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 32px;
  box-sizing: border-box;
  padding: 4px 5px;
  line-height: 28px;
  background: #EAEFF3;
  background: var(--cloudflow-fourth-500);
}
.nixps-cloudflow-Upload.nixps_styling_constants_bodybackground .filescroll {
  background: inherit;
}
@media ((max-width: 576px) or ((max-device-height: 431px) and (orientation: landscape)) or (max-device-width: 480px)) {
  .nixps-cloudflow-Upload .filescroll {
    bottom: 40px;
  }
  .nixps-cloudflow-Upload .filescroll .filerow {
    height: 36px;
    line-height: 36px;
  }
  .nixps-cloudflow-Upload .upload_div {
    height: 40px;
    line-height: 36px;
  }
}
.cf-mobile .nixps-cloudflow-Upload .filescroll {
  bottom: 40px;
}
.cf-mobile .nixps-cloudflow-Upload .filescroll .filerow {
  height: 36px;
  line-height: 36px;
}
.cf-mobile .nixps-cloudflow-Upload .upload_div {
  height: 40px;
  line-height: 36px;
}

.nixps-cloudflow-ManageProjects .table-layout-cursortype-pointer,
.nixps-cloudflow-ManageProjects [data-action=remove],
.nixps-cloudflow-ManageProjects [data-action=view] {
  cursor: pointer;
}

/* 
    Created on : Nov 24, 2016, 5:50:09 PM
    Author     : guillaume
*/
.nixps-cloudflow-PageBuilder .nixps-cloudflow-ProjectTimeline .timeline-frame {
  border: none;
}

.nixps-cloudflow-ProjectTimeline.CloudflowStyle_pagebuilder div.timeline-groups-text,
.nixps-cloudflow-ProjectTimeline.CloudflowStyle_pagebuilder div.timeline-axis-text,
.nixps-cloudflow-ProjectTimeline.CloudflowStyle_pagebuilder div.timeline-event {
  color: inherit;
}
.nixps-cloudflow-ProjectTimeline.CloudflowStyle_pagebuilder div.timeline-event-selected {
  color: #ffffff;
  color: var(--text-main);
}
.nixps-cloudflow-ProjectTimeline div.timeline-event {
  background-color: #dcf1fb;
  background-image: none;
  border-color: #a7c8d8;
}
.nixps-cloudflow-ProjectTimeline .projecttimeline_infopanel {
  text-align: center;
  padding: 7px;
  background: #ececec;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 7, 2016, 12:40:49 PM
    Author     : guillaume
*/
.nixps-cloudflow-AddCalendarDialog {
  background: #FFF;
  border: 1px solid #bbb;
  border-radius: 4px;
  box-shadow: 1px 1px 5px #bbb;
  position: relative;
  width: 460px;
  z-index: 1000;
}

.nixps-cloudflow-AddCalendarDialog.bootstrap {
  background: #FFF;
  position: relative;
}

.nixps-cloudflow-AddCalendarDialog .topBar {
  background-color: rgb(243, 243, 243);
  border-bottom: 1px solid #bbb;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-weight: bold;
  font-size: 1.1em;
  padding: 3px 7px;
}

.nixps-cloudflow-AddCalendarDialog.ui-draggable .topBar {
  cursor: move;
}

.nixps-cloudflow-AddCalendarDialog .topBar .closeIcon {
  float: right;
  margin-right: 5px;
  cursor: pointer;
}

.nixps-cloudflow-AddCalendarDialog .topBar .closeIcon:hover {
  text-shadow: 1px 1px #bbb;
}

.nixps-cloudflow-AddCalendarDialog .dialogBody {
  padding: 8px 15px;
}

.nixps-cloudflow-AddCalendarDialog .dialogField {
  margin-bottom: 5px;
}

.nixps-cloudflow-AddCalendarDialog .dialogField > div {
  display: inline-block;
}

.nixps-cloudflow-AddCalendarDialog label {
  min-width: 87px;
}

.nixps-cloudflow-AddCalendarDialog span.input-group-addon {
  height: 24px;
  padding: 3px 8px;
}

.nixps-cloudflow-AddCalendarDialog .descriptionInput {
  margin-left: 7px;
  width: 70%;
  width: calc(100% - 100px);
}

.nixps-cloudflow-AddCalendarDialog .descriptionInput input {
  height: 30px;
}

.nixps-cloudflow-AddCalendarDialog .container {
  max-width: 180px;
  vertical-align: middle;
}

.nixps-cloudflow-AddCalendarDialog .form-group {
  margin-bottom: 0px;
}

.nixps-cloudflow-AddCalendarDialog input.cf-form-control,
.nixps-cloudflow-AddCalendarDialog input.form-control {
  height: 24px;
  box-shadow: none;
}

.nixps-cloudflow-AddCalendarDialog select.modeSelector {
  width: calc(100% - 100px);
  height: 23px;
}

.nixps-cloudflow-AddCalendarDialog .nixps-cloudflow-DatetimeSelector,
.nixps-cloudflow-AddCalendarDialog select.modeSelector {
  margin-left: 7px;
}

/**** days of the week ****/
.nixps-cloudflow-AddCalendarDialog .dialogField .daysOfWeekLabel {
  display: block;
}

.nixps-cloudflow-AddCalendarDialog input.daysOfWeekInput {
  margin-right: 2px;
}

.nixps-cloudflow-AddCalendarDialog .dialogField.daysOfWeek label {
  margin-right: 8px;
}

/*** bottom bar */
.nixps-cloudflow-AddCalendarDialog .bottomBar {
  text-align: right;
  padding: 8px 15px;
  padding-right: 5px;
}

.nixps-cloudflow-AddCalendarDialog button {
  border-color: rgb(204, 204, 204);
  border-width: 1px;
  font-size: 13px;
  padding: 5px 11px;
}

.nixps-cloudflow-AddCalendarDialog button.cancel {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.nixps-cloudflow-AddCalendarDialog button.save {
  background-color: #0080bf;
  border: 1px solid #0080bf;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  color: #FFF;
}

.nixps-cloudflow-AddCalendarDialog button:hover {
  box-shadow: 1px 1px 3px #444;
}

.nixps-cloudflow-AddCalendarDialog .bottomBar button.remove {
  float: left; /* place remove button to other side */
}

/** icons in button */
.nixps-cloudflow-AddCalendarDialog .bottomBar button > span.fa {
  margin-left: -1px;
  margin-right: 6px;
}

/** date enable click panels **/
.nixps-cloudflow-AddCalendarDialog .startDateEnable,
.nixps-cloudflow-AddCalendarDialog .endDateEnable {
  color: #555555;
  cursor: pointer;
  margin-left: 23px;
  max-width: 150px;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 9, 2016, 12:50:02 PM
    Author     : guillaume
*/
.nixps-cloudflow-CloudflowCalendar .nixpsCalendar_select .fc-bg {
  opacity: 0;
  filter: alpha(opacity=0);
}

.nixps-cloudflow-CloudflowCalendar .fc-week .nixpsCalendar_select {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

/** refix borders when other css is demange them **/
.nixps-cloudflow-CloudflowCalendar .fc-state-default.fc-corner-left {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.nixps-cloudflow-CloudflowCalendar .fc-state-default.fc-corner-right {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.nixps-cloudflow-CloudflowCalendar .fc-state-default.fc-corner-left.fc-corner-right {
  border-radius: 4px;
}

/** default colors for the differenc modes ***/
.nixps-cloudflow-CloudflowCalendar .fc-event.cloudflowcalendar_mode_available {
  background-color: #007300;
  border-color: #006300;
}

.nixps-cloudflow-CloudflowCalendar .fc-event.cloudflowcalendar_mode_unavailable {
  background-color: #880000;
  border-color: #790000;
}

/*
    Created on : 2-okt-2019, 17:37:46
    Author     : guillaume
*/
.nixps-cloudflow-CollapsibleColumns {
  background: inherit;
}
.nixps-cloudflow-CollapsibleColumns .cc_columns {
  background: inherit;
  border: 1px solid #ccc;
  overflow: auto;
}
.nixps-cloudflow-CollapsibleColumns .cc_columns .cc_column {
  cursor: pointer;
}
.nixps-cloudflow-CollapsibleColumns .cc_columns .cc_column .cc_columnicon {
  margin-right: 5px;
}
.nixps-cloudflow-CollapsibleColumns .cc_columns label {
  display: block;
  white-space: nowrap;
  text-align: left;
  text-align: start;
  text-overflow: ellipsis;
  margin: 3px 4px;
  margin-left: 5px;
}

.nixps-cloudflow-ContextMenuTableExtension {
  background: #ffffff;
  background: var(--body);
  border: 1px solid #B9B9B9;
  border: 1px solid var(--gray-3);
  box-shadow: 0px 1px 3px #B9B9B9;
  box-shadow: 0px 1px 3px var(--gray-3);
  border-radius: 2px;
}
.nixps-cloudflow-ContextMenuTableExtension .nixps-pagebuilder-CloudflowButton {
  display: block;
}
.nixps-cloudflow-ContextMenuTableExtension .nixps-pagebuilder-CloudflowButton:hover {
  background: #DDE3E8;
  background: var(--cloudflow-third-500);
}
.nixps-cloudflow-ContextMenuTableExtension .nixps-pagebuilder-CloudflowButton-DropDownButtons.dropdownlist_active {
  background: #DDE3E8;
  background: var(--cloudflow-third-500);
}
.nixps-cloudflow-ContextMenuTableExtension .nixps-pagebuilder-CloudflowButton {
  width: 100%;
}
.nixps-cloudflow-ContextMenuTableExtension .nixps-pagebuilder-CloudflowButton button {
  width: 100%;
  text-align: left;
}
.nixps-cloudflow-ContextMenuTableExtension .nixps-pagebuilder-CloudflowButton-DropDownButtons .cf-dropdown {
  background: #ffffff;
  background: var(--body);
  border: 1px solid #B9B9B9;
  border: 1px solid var(--gray-3);
  box-shadow: 0px 1px 3px #B9B9B9;
  box-shadow: 0px 1px 3px var(--gray-3);
}
.nixps-cloudflow-ContextMenuTableExtension .nixps-pagebuilder-CloudflowButton-DropDownButtons .nixps-pagebuilder-CloudflowButton {
  width: 100%;
}
.nixps-cloudflow-ContextMenuTableExtension .nixps-pagebuilder-CloudflowButton-DropDownButtons .nixps-pagebuilder-CloudflowButton button {
  width: 100%;
  text-align: left;
}
.nixps-cloudflow-ContextMenuTableExtension .cf-slidepanel-header {
  background: inherit;
}
.nixps-cloudflow-ContextMenuTableExtension .cf-slidepanel-body {
  background: inherit;
}
.nixps-cloudflow-ContextMenuTableExtension .table_contextmenu_overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

/*!
 * jQuery QueryBuilder 2.4.5
 * Copyright 2014-2017 Damien "Mistic" Sorel (http://www.strangeplanet.fr)
 * Licensed under MIT (http://opensource.org/licenses/MIT)
 */
.query-builder .rules-group-container, .query-builder .rule-container, .query-builder .rule-placeholder {
  position: relative;
  margin: 4px 0;
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #EEE;
  background: rgba(255, 255, 255, 0.9);
}

.query-builder .rule-container .rule-filter-container,
.query-builder .rule-container .rule-operator-container,
.query-builder .rule-container .rule-value-container, .query-builder .error-container, .query-builder .drag-handle {
  display: inline-block;
  margin: 0 5px 0 0;
  vertical-align: middle;
}

.query-builder .rules-group-container {
  padding: 10px;
  padding-bottom: 6px;
  border: 1px solid #DCC896;
  background: rgba(250, 240, 210, 0.5);
}

.query-builder .rules-group-header {
  margin-bottom: 10px;
}

.query-builder .rules-group-header .group-conditions .btn.readonly:not(.active),
.query-builder .rules-group-header .group-conditions input[name$=_cond] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.query-builder .rules-group-header .group-conditions .btn.readonly {
  border-radius: 3px;
}

.query-builder .rules-list {
  list-style: none;
  padding: 0 0 0 15px;
  margin: 0;
}

.query-builder .rule-value-container {
  border-left: 1px solid #DDD;
  padding-left: 5px;
}

.query-builder .rule-value-container label {
  margin-bottom: 0;
  font-weight: normal;
}

.query-builder .rule-value-container label.block {
  display: block;
}

.query-builder .rule-value-container select,
.query-builder .rule-value-container input[type=text],
.query-builder .rule-value-container input[type=number] {
  padding: 1px;
}

.query-builder .error-container {
  display: none;
  cursor: help;
  color: #F00;
}

.query-builder .has-error {
  background-color: #FDD;
  border-color: #F99;
}

.query-builder .has-error .error-container {
  display: inline-block !important;
}

.query-builder .rules-list > *::before, .query-builder .rules-list > *::after {
  content: "";
  position: absolute;
  left: -10px;
  width: 10px;
  height: calc(50% + 4px);
  border-color: #CCC;
  border-style: solid;
}

.query-builder .rules-list > *::before {
  top: -4px;
  border-width: 0 0 2px 2px;
}

.query-builder .rules-list > *::after {
  top: 50%;
  border-width: 0 0 0 2px;
}

.query-builder .rules-list > *:first-child::before {
  top: -12px;
  height: calc(50% + 14px);
}

.query-builder .rules-list > *:last-child::before {
  border-radius: 0 0 0 4px;
}

.query-builder .rules-list > *:last-child::after {
  display: none;
}

.query-builder.bt-checkbox-glyphicons .checkbox input[type=checkbox]:checked + label::after {
  font-family: "Glyphicons Halflings";
  content: "\e013";
}

.query-builder.bt-checkbox-glyphicons .checkbox label::after {
  padding-left: 4px;
  padding-top: 2px;
  font-size: 9px;
}

.query-builder .error-container + .tooltip .tooltip-inner {
  color: #F99 !important;
}

.query-builder p.filter-description {
  margin: 5px 0 0 0;
  background: #D9EDF7;
  border: 1px solid #BCE8F1;
  color: #31708F;
  border-radius: 5px;
  padding: 2.5px 5px;
  font-size: 0.8em;
}

.query-builder .rules-group-header [data-invert] {
  margin-left: 5px;
}

.query-builder .drag-handle {
  cursor: move;
  vertical-align: middle;
  margin-left: 5px;
}

.query-builder .dragging {
  position: fixed;
  opacity: 0.5;
  z-index: 100;
}

.query-builder .dragging::before, .query-builder .dragging::after {
  display: none;
}

.query-builder .rule-placeholder {
  border: 1px dashed #BBB;
  opacity: 0.7;
}

.nixps-cloudflow-CloudflowSaveQueryDialog.ui-dialog.cf-dialog .ui-dialog-content {
  padding: 7px;
}
.nixps-cloudflow-CloudflowSaveQueryDialog.ui-dialog.cf-dialog .ui-dialog-content [data-id=restoreInput] {
  margin-top: 14px;
}
.nixps-cloudflow-CloudflowSaveQueryDialog.ui-dialog.cf-dialog .ui-dialog-content [for=restore] {
  vertical-align: top;
}
.nixps-cloudflow-CloudflowSaveQueryDialog.ui-dialog.cf-dialog .ui-dialog-content .nixps-cloudflow-RadioInput {
  display: block;
  height: 30px;
  padding-left: 7px;
}
.nixps-cloudflow-CloudflowSaveQueryDialog.ui-dialog.cf-dialog .ui-dialog-content .nixps-cloudflow-RadioInput input {
  margin-right: 7px;
}
.nixps-cloudflow-CloudflowSaveQueryDialog .cf-buttonbar {
  background: #ffffff;
  background: var(--body);
}

.nixps-cloudflow-CloudflowQueryManager {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  min-height: 300px;
  height: 100%;
  /***** 
      Query Editor
  ******/
  /***** 
      Bottom bar 
   ******/
}
.nixps-cloudflow-CloudflowQueryManager .cqm_list {
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  display: inline-block;
  border-right: 1px solid #2273B9;
  border-right: 1px solid var(--cloudflow-main-500);
  min-width: 150px;
  overflow-y: auto;
}
.nixps-cloudflow-CloudflowQueryManager .list_item {
  position: relative;
}
.nixps-cloudflow-CloudflowQueryManager .list_item .dynamiclist_item_renametextarea {
  position: absolute;
  top: 3px;
}
.nixps-cloudflow-CloudflowQueryManager .cqm_item {
  cursor: pointer;
  position: relative;
  padding: 7px 7px;
}
.nixps-cloudflow-CloudflowQueryManager .cqm_item .cqm_item_name {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.nixps-cloudflow-CloudflowQueryManager .cqm_item .cqm_item_delete {
  visibility: hidden;
  cursor: pointer;
  position: absolute;
  top: 8px;
  right: 7px;
}
.nixps-cloudflow-CloudflowQueryManager .cqm_queryContainer {
  -webkit-flex-grow: 11;
  -ms-flex-grow: 11;
  flex-grow: 11;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column; /* Safari 6.1+ */
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: space-between;
}
.nixps-cloudflow-CloudflowQueryManager .cqm_need_to_save .cqm_item_name::after {
  content: "*";
}
.nixps-cloudflow-CloudflowQueryManager .list_item.cf-select .cqm_item_name {
  width: 81%;
  width: calc(100% - 18px);
}
.nixps-cloudflow-CloudflowQueryManager .list_item.cf-select .cqm_item_delete {
  visibility: visible;
}
.nixps-cloudflow-CloudflowQueryManager .cqm_item .cqm_item_renametextarea {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.nixps-cloudflow-CloudflowQueryManager .fa-plus {
  margin-left: -3px;
  margin-right: 5px;
}
.nixps-cloudflow-CloudflowQueryManager input,
.nixps-cloudflow-CloudflowQueryManager select {
  font-size: 13px;
}
.nixps-cloudflow-CloudflowQueryManager .list_emptyRowsPanel {
  padding-top: 4px;
  padding-left: 8px;
}
.nixps-cloudflow-CloudflowQueryManager .cqm_queryEditor {
  min-width: 745px;
}
.nixps-cloudflow-CloudflowQueryManager .cqm_queryEditor > .cqb_queryeditor > .rules-group-container {
  margin-top: 0px;
  border-radius: 2px;
}
.nixps-cloudflow-CloudflowQueryManager .cqm_queryBottombar button {
  padding: 3px 13px;
  padding-bottom: 4px;
  text-align: center;
}
.nixps-cloudflow-CloudflowQueryManager .cqm_queryBottombar > button.cqm_add_query, .nixps-cloudflow-CloudflowQueryManager .cqm_queryBottombar > button.cqm_save_query {
  margin-right: 0px;
}
.nixps-cloudflow-CloudflowQueryManager .cqm_queryBottombar > button:first-child {
  margin-left: 0px;
}
.nixps-cloudflow-CloudflowQueryManager .cqm_queryBottombar .cqm_save_query,
.nixps-cloudflow-CloudflowQueryManager .cqm_queryBottombar .cqm_cancel_query,
.nixps-cloudflow-CloudflowQueryManager .cqm_queryBottombar .cqm_add_query {
  float: right;
}
.nixps-cloudflow-CloudflowQueryManager .cqm_queryBottombar .cqm_createnew_query .fa {
  font-size: 13px;
  margin-left: 0px;
  margin-right: 6px;
}

.nixps-cloudflow-CloudflowQueryPanel .cqb_savedquerypanel {
  height: 29px;
  line-height: 29px;
}
.nixps-cloudflow-CloudflowQueryPanel .cqb_savedquerypanel .cqb_savedqueryConfig {
  cursor: pointer;
  margin-right: 4px;
  margin-left: 7px;
}
.nixps-cloudflow-CloudflowQueryPanel .cqb_savedquerypanel .cqb_savedqueryselector {
  display: inline-block;
  margin-left: 7px;
}
.nixps-cloudflow-CloudflowQueryPanel .cqb_savedquerypanel .cqb_savedqueryselector select {
  max-width: 150px;
  height: 1.9em;
}
.nixps-cloudflow-CloudflowQueryPanel .cqb_savedquerypanel .cqb_closebutton {
  float: right;
  margin-right: 6px;
  height: 29px;
  line-height: 29px;
}
.nixps-cloudflow-CloudflowQueryPanel .cqb_savequery {
  margin-left: 7px;
}

.nixps-cloudflow-QueryPresets {
  padding: 10px;
}
.nixps-cloudflow-QueryPresets .cqb_savedquerypanel {
  height: 29px;
  line-height: 29px;
}
.nixps-cloudflow-QueryPresets .cqb_savedquerypanel label {
  font-weight: bold;
  color: #2273B9;
  color: var(--cloudflow-main-500);
}
.nixps-cloudflow-QueryPresets .cqb_savedquerypanel .cqb_savedqueryConfig {
  cursor: pointer;
  margin-right: 4px;
  margin-left: 7px;
}
.nixps-cloudflow-QueryPresets .cqb_savedquerypanel .cqb_savedqueryselector {
  display: inline-block;
  margin-left: 7px;
}
.nixps-cloudflow-QueryPresets .cqb_savedquerypanel .cqb_savedqueryselector select {
  max-width: 150px;
  height: 1.9em;
  border: 1px solid #222222;
  border: 1px solid var(--text-body);
  border-radius: 3px;
  padding: 1px;
}
.nixps-cloudflow-QueryPresets .cqb_savedquerypanel .cqb_closebutton {
  float: right;
  margin-right: 6px;
  height: 29px;
  line-height: 29px;
}
.nixps-cloudflow-QueryPresets .cqb_savequery {
  margin-left: 7px;
}

.nixps-cloudflow-CloudflowQueryBuilder .cqb_queryeditor > .rules-group-container {
  margin-top: 0px;
}
.nixps-cloudflow-CloudflowQueryBuilder .rules-group-container {
  background: rgba(221, 227, 232, 0.6);
  background: rgba(var(--cloudflow-third-500-rgb), 0.6);
  border: 1px solid transparent;
  border-radius: 0;
  margin: 4px 0px 0px 0px;
}
.nixps-cloudflow-CloudflowQueryBuilder button,
.nixps-cloudflow-CloudflowQueryBuilder .btn {
  cursor: pointer;
}
.nixps-cloudflow-CloudflowQueryBuilder .btn-group.group-conditions {
  display: inline-flex;
}
.nixps-cloudflow-CloudflowQueryBuilder .btn-group.group-conditions .btn {
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-left: 1px solid;
  padding: 4px;
  font-weight: normal;
  margin: 0;
  display: inline;
  border-color: #222222;
  border-color: var(--text-body);
}
.nixps-cloudflow-CloudflowQueryBuilder .btn-group.group-conditions .btn.active {
  background-color: #66B3D9;
  background-color: var(--cloudflow-first-500);
  color: #ffffff;
  color: var(--text-main);
}
.nixps-cloudflow-CloudflowQueryBuilder .btn-group.group-conditions .btn[data-not=group] {
  background: inherit;
  box-shadow: none;
  border: none;
  color: inherit;
}
.nixps-cloudflow-CloudflowQueryBuilder .btn-group.group-conditions .btn[data-not=group]:focus {
  outline: none;
}
.nixps-cloudflow-CloudflowQueryBuilder .btn-group.group-conditions .btn:last-child {
  border-right: 1px solid #222222;
  border-right: 1px solid var(--text-body);
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.nixps-cloudflow-CloudflowQueryBuilder .btn-group.group-conditions label:nth-of-type(1) {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.nixps-cloudflow-CloudflowQueryBuilder .rule-value-container:not(:empty) {
  border-left-width: 0px;
}
.nixps-cloudflow-CloudflowQueryBuilder .rule-container input[type=text],
.nixps-cloudflow-CloudflowQueryBuilder .rule-container input[type=number] {
  border: 1px solid #222222;
  border: 1px solid var(--text-body);
  border-radius: 3px;
  height: 25px;
  padding: 0px 0px 0px 5px;
}
.nixps-cloudflow-CloudflowQueryBuilder .rule-container select {
  border: 1px solid #222222;
  border: 1px solid var(--text-body);
  border-radius: 3px;
  height: 25px;
  padding: 1px;
}
.nixps-cloudflow-CloudflowQueryBuilder .rule-container [contenteditable=true],
.nixps-cloudflow-CloudflowQueryBuilder .rule-container [contenteditable=plaintext-only] {
  border: 1px solid #222222;
  border: 1px solid var(--text-body);
  border-radius: 3px;
}
.nixps-cloudflow-CloudflowQueryBuilder .rule-container.has-error {
  border-color: #EE423D;
  border-color: var(--error-500);
  background-color: #F9E7E7;
  background-color: var(--error-light);
}
.nixps-cloudflow-CloudflowQueryBuilder .rule-container .nixps-cloudflow-ExpressionBuilderInput {
  min-width: 250px;
  margin-top: 1px;
  height: 25px;
  line-height: 16px;
  overflow: hidden;
}
.nixps-cloudflow-CloudflowQueryBuilder .rule-container .nixps-cloudflow-ExpressionBuilderInput [contenteditable=true],
.nixps-cloudflow-CloudflowQueryBuilder .rule-container .nixps-cloudflow-ExpressionBuilderInput [contenteditable=plaintext-only] {
  background: #ffffff;
  background: var(--body);
  font: inherit;
}
.nixps-cloudflow-CloudflowQueryBuilder .rule-container .nixps-cloudflow-ExpressionBuilderInput .expressionbuilderinput_editbutton {
  line-height: 25px;
}
.nixps-cloudflow-CloudflowQueryBuilder .rule-container .nixps-cloudflow-DatetimeSelector .input-group-addon {
  border-top: 1px solid #222222;
  border-top: 1px solid var(--text-body);
  border-left: 1px solid #222222;
  border-left: 1px solid var(--text-body);
  border-bottom: 1px solid #222222;
  border-bottom: 1px solid var(--text-body);
  line-height: 25px;
}
.nixps-cloudflow-CloudflowQueryBuilder .rule-container .nixps-cloudflow-DatetimeSelector input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
}
.nixps-cloudflow-CloudflowQueryBuilder .rule-container .nixps-cloudflow-DatetimeSelector .cf-form-noroundedborders {
  border-radius: 0;
}
.nixps-cloudflow-CloudflowQueryBuilder .rule-container .nixps-cloudflow-DatetimeSelector .cf-input-appendbutton {
  border-top: 1px solid #222222;
  border-top: 1px solid var(--text-body);
  border-right: 1px solid #222222;
  border-right: 1px solid var(--text-body);
  border-bottom: 1px solid #222222;
  border-bottom: 1px solid var(--text-body);
  padding: 0;
}
.nixps-cloudflow-CloudflowQueryBuilder .rule-container .nixps-cloudflow-DatetimeSelector .cf-input-appendbutton .fa,
.nixps-cloudflow-CloudflowQueryBuilder .rule-container .nixps-cloudflow-DatetimeSelector .cf-input-appendbutton .cf-icon {
  padding: 6px 5px;
}
.nixps-cloudflow-CloudflowQueryBuilder .rule-container .nixps-cloudflow-SingleValueInput input[type=text] {
  box-sizing: border-box;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  height: 25px;
  width: 100%;
}
.nixps-cloudflow-CloudflowQueryBuilder .rule-container .nixps-cloudflow-SingleValueInput .singlevalueinput_realcomponent {
  width: 18em;
}
.nixps-cloudflow-CloudflowQueryBuilder .rule-container .nixps-cloudflow-SingleValueInput .singlevalueinput_singlevalueselect {
  display: inline-block;
  border: 1px solid #222222;
  border: 1px solid var(--text-body);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  height: 25px;
  line-height: 25px;
  padding: 0px 10px;
  vertical-align: middle;
  width: 18em;
}
.nixps-cloudflow-CloudflowQueryBuilder .rule-container .nixps-cloudflow-SingleValueInput .cf-input-appendbutton {
  border-color: #222222;
  border-color: var(--text-body);
  font-size: 1em;
  height: 25px;
}
.nixps-cloudflow-CloudflowQueryBuilder .group-conditions .btn.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.nixps-cloudflow-CloudflowQueryBuilder .operator-group {
  display: inline-block;
}
.nixps-cloudflow-CloudflowQueryBuilder .operator-group > label {
  background-color: #2273B9;
  background-color: var(--cloudflow-main-500);
}
.nixps-cloudflow-CloudflowQueryBuilder .operator-group > label.active {
  background-color: #0070ae;
}
.nixps-cloudflow-CloudflowQueryBuilder .rule-operator-container > span {
  display: none;
}
.nixps-cloudflow-CloudflowQueryBuilder .cqb_custom_input_1 {
  margin-right: 7px;
}
.nixps-cloudflow-CloudflowQueryBuilder .cqb_custom_select {
  margin-top: -3px;
  margin-right: 7px;
  vertical-align: middle;
}
.nixps-cloudflow-CloudflowQueryBuilder .query-builder .rules-list > *::before, .nixps-cloudflow-CloudflowQueryBuilder .query-builder .rules-list > *::after {
  display: none;
}
.nixps-cloudflow-CloudflowQueryBuilder .query-builder .btn-danger,
.nixps-cloudflow-CloudflowQueryBuilder .query-builder .btn-danger:active,
.nixps-cloudflow-CloudflowQueryBuilder .query-builder .btn-danger.active,
.nixps-cloudflow-CloudflowQueryBuilder .query-builder .btn-danger:focus,
.nixps-cloudflow-CloudflowQueryBuilder .query-builder .btn-danger.focus,
.nixps-cloudflow-CloudflowQueryBuilder .query-builder .btn-danger:hover {
  color: inherit;
  border: 0px solid #2273B9;
  border: 0px solid var(--cloudflow-main-500);
  background-color: transparent;
  box-shadow: none;
}
.nixps-cloudflow-CloudflowQueryBuilder .query-builder .btn-success,
.nixps-cloudflow-CloudflowQueryBuilder .query-builder .btn-success:active,
.nixps-cloudflow-CloudflowQueryBuilder .query-builder .btn-success.active,
.nixps-cloudflow-CloudflowQueryBuilder .query-builder .btn-success:focus,
.nixps-cloudflow-CloudflowQueryBuilder .query-builder .btn-success.focus,
.nixps-cloudflow-CloudflowQueryBuilder .query-builder .btn-success:hover {
  color: inherit;
  border: 0px solid;
  background-color: transparent;
  box-shadow: none;
}
.nixps-cloudflow-CloudflowQueryBuilder .query-builder .rule-container,
.nixps-cloudflow-CloudflowQueryBuilder .query-builder .rule-placeholder {
  background: inherit;
  border: 0px solid;
}
.nixps-cloudflow-CloudflowQueryBuilder .hide {
  display: none;
}

/*
    Created on : 18-okt-2019, 9:23:40
    Author     : guillaume
*/
.nixps-cloudflow-PreConfiguredTable {
  position: relative;
  background-color: #ffffff;
  background-color: var(--body);
  /*** search between time ***/
}
.nixps-cloudflow-PreConfiguredTable.use_parent_color {
  background: inherit;
  color: inherit;
}
.nixps-cloudflow-PreConfiguredTable .table .table {
  background: inherit;
}
.nixps-cloudflow-PreConfiguredTable .cf-table.cf-table-fittwidth .pct_collapsible_container {
  text-overflow: unset;
}
.nixps-cloudflow-PreConfiguredTable .pct_collapsible_container,
.nixps-cloudflow-PreConfiguredTable .pct_collapsible_container_header,
.nixps-cloudflow-PreConfiguredTable .tablerowinputselectorheader,
.nixps-cloudflow-PreConfiguredTable .tablerowinputselector {
  width: 25px;
  max-width: 25px;
}
.nixps-cloudflow-PreConfiguredTable .table-layout-cursortype-pointer,
.nixps-cloudflow-PreConfiguredTable [data-action=remove],
.nixps-cloudflow-PreConfiguredTable [data-action=view] {
  cursor: pointer;
}
.nixps-cloudflow-PreConfiguredTable .bbte_collapsible_container {
  text-align: center;
  cursor: pointer;
}
.nixps-cloudflow-PreConfiguredTable tr:not(.tableInlineRow) .nixps-cloudflow-CachedImage .nixps-cloudflow-Image > div {
  display: inline-block;
}
.nixps-cloudflow-PreConfiguredTable .table-search-boolean {
  max-width: 60px;
}
.nixps-cloudflow-PreConfiguredTable .boolTrue,
.nixps-cloudflow-PreConfiguredTable .boolFalse {
  text-align: center;
}
.nixps-cloudflow-PreConfiguredTable .boolTrue .boolText,
.nixps-cloudflow-PreConfiguredTable .boolFalse .boolText {
  display: none;
}
.nixps-cloudflow-PreConfiguredTable .nixps-FreezeOverlay {
  position: absolute;
}
.nixps-cloudflow-PreConfiguredTable input[type=text]:not(.tableSearchInputText) {
  -webkit-appearance: searchfield;
}
.nixps-cloudflow-PreConfiguredTable .tableInlineRow .nixps_styling_constants_bodybackground {
  background: inherit;
}
.nixps-cloudflow-PreConfiguredTable .nixps-cloudflow-DatetimeSelector input.cf-form-control {
  margin-top: 0px;
  text-align: center;
}

/* 
    Created on : 21 juni 2021, 11:01:09
    Author     : guillaume desmet
*/
.nixps-CircularPercentageChart .circularpercentagechart_container {
  display: block;
  margin: 10px auto;
}
.nixps-CircularPercentageChart .circularpercentagechart_container .circularpercentagechart_circle {
  stroke-linecap: round;
  -webkit-transition: stroke 1s, stroke-dasharray 1s;
  -moz-transition: stroke 1s, stroke-dasharray 1s;
  -o-transition: stroke 1s, stroke-dasharray 1s;
  transition: stroke 1s, stroke-dasharray 1s;
}
.nixps-CircularPercentageChart .circularpercentagechart_container .circularpercentagechart_text {
  fill: #666;
  font-family: sans-serif;
  font-size: 0.8em;
}

.nixps-cloudflow-CloudflowChart {
  position: relative;
  overflow: hidden;
}
.nixps-cloudflow-CloudflowChart .cloudflowchart_loadingpanel {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.15);
  text-align: center;
  display: table;
}
.nixps-cloudflow-CloudflowChart .cloudflowchart_infopanel > div,
.nixps-cloudflow-CloudflowChart .cloudflowchart_loadingpanel > div {
  display: table-cell;
  vertical-align: middle;
}
.nixps-cloudflow-CloudflowChart .cloudflowchart_infopanel {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border: 1px solid #2273B9;
  border: 1px solid var(--cloudflow-main-500);
  text-align: center;
  display: table;
}

/*
    Created on : 21-juni-2021, 11:45:21
    Author     : guillaume
*/
.nixps-cloudflow-CloudflowProgressBar .defaultProgressColor {
  background: #2273B9;
  background: var(--cloudflow-main-500);
}
.nixps-cloudflow-CloudflowProgressBar .ui-widget-content {
  border-width: 0;
  border-color: transparent;
}
.nixps-cloudflow-CloudflowProgressBar .ui-widget-content.defaultBackgroundColor {
  background: #dcdcdc;
}
.nixps-cloudflow-CloudflowProgressBar .cpb_progressbar {
  width: 100%;
  height: 1.5em;
}
.nixps-cloudflow-CloudflowProgressBar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
  -webkit-transition: width 1s, background-color 2s;
  -moz-transition: width 1s, background-color 2s;
  -o-transition: width 1s, background-color 2s;
  transition: width 1s, background-color 2s;
}
.nixps-cloudflow-CloudflowProgressBar.barberpole .cpb_progressbar.ui-progressbar.ui-widget.ui-widget-content.ui-corner-all {
  will-change: background-position;
  background: #fefbe3;
  background-color: -webkit-linear-gradient(-45deg, transparent 25%, #fefbe3 25%, #fefbe3 50%, transparent 50%, transparent 75%, #fefbe3 75%);
  background: -moz-linear-gradient(-45deg, transparent 25%, #fefbe3 25%, #fefbe3 50%, transparent 50%, transparent 75%, #fefbe3 75%);
  background: -o-linear-gradient(-45deg, transparent 25%, #fefbe3 25%, #fefbe3 50%, transparent 50%, transparent 75%, #fefbe3 75%);
  background: linear-gradient(-45deg, transparent 25%, var(--cloudflow-main) 25%, var(--cloudflow-main) 50%, transparent 50%, transparent 75%, var(--cloudflow-main) 75%);
  background-size: 27px 27px;
  -webkit-animation: barberpole 0.75s infinite linear;
  animation: barberpole 0.75s infinite linear;
}
@-webkit-keyframes barberpole {
  from {
    background-position: 0px;
  }
  to {
    background-position: 27px;
  }
}
.nixps-cloudflow-CloudflowProgressBar.nixps-styles-follow-color .ui-progressbar-value {
  background-color: currentColor;
}

/* 
    Created on : Aug 24, 2016, 5:45:53 PM
    Author     : guillaume
*/
.nixps-Timeline {
  position: relative;
}
.nixps-Timeline .timeline_loadingpanel {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.15);
  text-align: center;
  display: table;
}
.nixps-Timeline .timeline_loadingpanel > div {
  display: table-cell;
  vertical-align: middle;
}
.nixps-Timeline div.timeline-navigation-new,
.nixps-Timeline div.timeline-navigation-delete,
.nixps-Timeline div.timeline-navigation-zoom-in,
.nixps-Timeline div.timeline-navigation-zoom-out,
.nixps-Timeline div.timeline-navigation-move-left,
.nixps-Timeline div.timeline-navigation-move-right {
  height: 28px;
}
.nixps-Timeline div.timeline-navigation-new .ui-icon,
.nixps-Timeline div.timeline-navigation-delete .ui-icon,
.nixps-Timeline div.timeline-navigation-zoom-in .ui-icon,
.nixps-Timeline div.timeline-navigation-zoom-out .ui-icon,
.nixps-Timeline div.timeline-navigation-move-left .ui-icon,
.nixps-Timeline div.timeline-navigation-move-right .ui-icon { /** disable icons that conflicts with the jQuery UI icons, so hide them **/
  display: none;
}
.nixps-Timeline div.timeline-event-selected,
.nixps-Timeline div.timeline-cluster-event-selected {
  background: #2273B9;
  background: var(--cloudflow-main-500);
  border-color: #0070AE;
  color: #ffffff;
  color: var(--text-main);
}
.nixps-Timeline div.timeline-event-content {
  cursor: default;
  text-align: left;
  /** border space will adjust by childs */
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
.nixps-Timeline div.timeline-event-content > span, .nixps-Timeline div.timeline-event-content > div {
  display: inline-block;
  /** make title tooltip area bigger */
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}
.nixps-Timeline div.timeline-event-content.align-content-right {
  text-align: right;
}

.nixps-cloudflow-CloudflowImageSlider, .imageslider-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
}
.nixps-cloudflow-CloudflowImageSlider .imageslider button, .imageslider-container .imageslider button {
  height: 50px;
  width: 30px;
  position: absolute;
  top: calc(50% - 25px);
  z-index: 2;
  font-size: xx-large;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
.nixps-cloudflow-CloudflowImageSlider .imageslider button.prev, .imageslider-container .imageslider button.prev {
  left: 0;
}
.nixps-cloudflow-CloudflowImageSlider .imageslider button.next, .imageslider-container .imageslider button.next {
  right: 0;
}
.nixps-cloudflow-CloudflowImageSlider .imageslider button:hover, .imageslider-container .imageslider button:hover {
  background-color: black;
  color: white;
  opacity: 0.7;
}
.nixps-cloudflow-CloudflowImageSlider .imageslider .image-container, .imageslider-container .imageslider .image-container {
  position: relative;
  padding: 0px 30px;
  padding-bottom: 35px;
}
.nixps-cloudflow-CloudflowImageSlider .imageslider .image-container .imageslider-dots-container, .imageslider-container .imageslider .image-container .imageslider-dots-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 5px;
  justify-content: center;
  gap: 10px;
}
.nixps-cloudflow-CloudflowImageSlider .imageslider .image-container .imageslider-dots-container .imageslider-dot, .imageslider-container .imageslider .image-container .imageslider-dots-container .imageslider-dot {
  background-color: #bbb;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  cursor: pointer;
}
.nixps-cloudflow-CloudflowImageSlider .imageslider .image-container .imageslider-dots-container .imageslider-dot.imageslider-dot-selected, .imageslider-container .imageslider .image-container .imageslider-dots-container .imageslider-dot.imageslider-dot-selected {
  background-color: #717171;
}
.nixps-cloudflow-CloudflowImageSlider .imageslider .image-container .imageslider-dots-container .imageslider-dot:hover, .imageslider-container .imageslider .image-container .imageslider-dots-container .imageslider-dot:hover {
  background-color: #717171;
}
.nixps-cloudflow-CloudflowImageSlider .imageslider .imageslider-label-container, .imageslider-container .imageslider .imageslider-label-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  padding: 5px 0;
  height: 20px;
}

.nixps-cloudflow-CloudflowImageSlider, .imageslider-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
}
.nixps-cloudflow-CloudflowImageSlider .imageslider button, .imageslider-container .imageslider button {
  height: 50px;
  width: 30px;
  position: absolute;
  top: calc(50% - 25px);
  z-index: 2;
  font-size: xx-large;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
.nixps-cloudflow-CloudflowImageSlider .imageslider button.prev, .imageslider-container .imageslider button.prev {
  left: 0;
}
.nixps-cloudflow-CloudflowImageSlider .imageslider button.next, .imageslider-container .imageslider button.next {
  right: 0;
}
.nixps-cloudflow-CloudflowImageSlider .imageslider button:hover, .imageslider-container .imageslider button:hover {
  background-color: black;
  color: white;
  opacity: 0.7;
}
.nixps-cloudflow-CloudflowImageSlider .imageslider .image-container, .imageslider-container .imageslider .image-container {
  position: relative;
  padding: 0px 30px;
  padding-bottom: 35px;
}
.nixps-cloudflow-CloudflowImageSlider .imageslider .image-container .imageslider-dots-container, .imageslider-container .imageslider .image-container .imageslider-dots-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 5px;
  justify-content: center;
  gap: 10px;
}
.nixps-cloudflow-CloudflowImageSlider .imageslider .image-container .imageslider-dots-container .imageslider-dot, .imageslider-container .imageslider .image-container .imageslider-dots-container .imageslider-dot {
  background-color: #bbb;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  cursor: pointer;
}
.nixps-cloudflow-CloudflowImageSlider .imageslider .image-container .imageslider-dots-container .imageslider-dot.imageslider-dot-selected, .imageslider-container .imageslider .image-container .imageslider-dots-container .imageslider-dot.imageslider-dot-selected {
  background-color: #717171;
}
.nixps-cloudflow-CloudflowImageSlider .imageslider .image-container .imageslider-dots-container .imageslider-dot:hover, .imageslider-container .imageslider .image-container .imageslider-dots-container .imageslider-dot:hover {
  background-color: #717171;
}
.nixps-cloudflow-CloudflowImageSlider .imageslider .imageslider-label-container, .imageslider-container .imageslider .imageslider-label-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  padding: 5px 0;
  height: 20px;
}

/*
    Created on : 3-sep-2019, 8:28:15
    Author     : guillaume
*/
.nixps-pagebuilder-CloudflowButton {
  display: inline-block;
}
.nixps-pagebuilder-CloudflowButton span.cloudflowbutton_icon {
  margin-left: 0px;
  margin-right: 0px;
}
.nixps-pagebuilder-CloudflowButton span.cloudflowbutton_icon.fa, .nixps-pagebuilder-CloudflowButton span.cloudflowbutton_icon.cf-icon {
  margin-right: 4px;
}

.nixps-cloudflow-IconView {
  /** put parent folder, who has no id on italic **/
  /** spacial layout to indicate you can drop there */
  /* handler special layout if being moving */
  /****
       actions 
                       ***/
  /**** load button ****/
}
.nixps-cloudflow-IconView .thumb_name {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  white-space: nowrap;
  position: absolute;
  bottom: 15px;
  left: 0px;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: normal;
}
.nixps-cloudflow-IconView .thumb_box:not([data-id]) .thumb_name {
  font-style: italic;
}
.nixps-cloudflow-IconView .thumb_box {
  position: relative;
  display: inline;
  float: left;
  padding: 20px;
  padding-bottom: 25px;
  margin: 15px;
  margin-bottom: 10px;
}
.nixps-cloudflow-IconView .thumb_box.select {
  background-color: #cce6f2;
  background-color: var(--selection-second);
}
.cf-colormode-dark .nixps-cloudflow-IconView .thumb_box.select {
  color: #222;
}
.nixps-cloudflow-IconView .thumb_box:focus {
  outline: none;
}
.nixps-cloudflow-IconView .thumb_box.folderview_contextmenu_item .thumb_border {
  outline: 1px solid #2273B9;
  outline: 1px solid var(--cloudflow-main-500);
}
.nixps-cloudflow-IconView .thumb_border {
  position: relative;
  background-color: #ffffff;
  background-color: var(--body);
  border: 1px solid #81A8BB;
  border: 1px solid var(--cloudflow-second);
}
.nixps-cloudflow-IconView .thumb_border.fallback_url {
  border: 1px solid #ffffff;
  border: 1px solid var(--body);
}
.nixps-cloudflow-IconView .transparent_thumb_image {
  margin: 5px;
}
.nixps-cloudflow-IconView .thumb_image {
  border: 1px solid #ffffff;
  border: 1px solid var(--body);
  margin: 5px;
}
.nixps-cloudflow-IconView .thumb_box:not(.ui-draggable-dragging) .transparent_thumb_image,
.nixps-cloudflow-IconView .thumb_box:not(.ui-draggable-dragging) .thumb_image {
  color: #66B3D9;
  color: var(--cloudflow-first-500);
  cursor: pointer;
}
.nixps-cloudflow-IconView .thumb_box.ui-draggable-dragging .thumb_image {
  cursor: -webkit-grabbing !important;
  cursor: -moz-grabbing !important;
  cursor: grabbing !important;
}
.nixps-cloudflow-IconView .thumb_box.ui-draggable-dragging .thumb_name > span {
  background-color: #2273B9;
  background-color: var(--cloudflow-main-500);
  border-radius: 3px;
  color: #ffffff;
  color: var(--text-main);
  display: inline-block;
  opacity: 1;
  padding: 1px 5px;
}
.nixps-cloudflow-IconView .thumb_box.ui-draggable-dragging.help_dragging_copy .thumb_image {
  cursor: copy !important;
}
.nixps-cloudflow-IconView .ui-draging-source {
  opacity: 0.5;
}
.nixps-cloudflow-IconView img {
  -webkit-user-drag: none;
}
.nixps-cloudflow-IconView .typeFolder.ui-droppable-hover {
  background-color: #2273B9;
  background-color: var(--cloudflow-main-500);
  border-radius: 7px;
}
.nixps-cloudflow-IconView .typeFolder.ui-droppable-hover .thumb_name > span {
  background-color: #2273B9;
  background-color: var(--cloudflow-main-500);
  color: #ffffff;
  color: var(--text-main);
  padding: 0px 10px;
}
.nixps-cloudflow-IconView .item_processing .thumb_border,
.nixps-cloudflow-IconView .typeFolder.item_processing {
  opacity: 0.5;
  background-image: url("/portal/images/loading-cloudflow.gif");
  background-repeat: no-repeat;
  background-position: center;
}
.nixps-cloudflow-IconView .item_processing img.transparent_thumb_image,
.nixps-cloudflow-IconView .item_processing .thumb_border img {
  opacity: 0.5;
}
.nixps-cloudflow-IconView .typeFolder.item_processing a {
  cursor: default;
}
.nixps-cloudflow-IconView .approvalState {
  display: none;
}
.nixps-cloudflow-IconView .transparant_thumb_border .approvalIcon.state-rejected,
.nixps-cloudflow-IconView .thumb_border .approvalIcon.state-rejected {
  background-color: #EE423D;
  background-color: var(--error-500);
  border-radius: 100%;
  position: absolute;
  padding: 7px 10px 1px 10px;
  right: -14px;
  top: -12px;
  color: #ffffff;
  color: var(--text-main);
  height: 21px;
  line-height: 14px;
  font-size: 14px;
  font-size: 0.875rem;
}
.nixps-cloudflow-IconView .transparant_thumb_border .approvalIcon.state-accepted,
.nixps-cloudflow-IconView .thumb_border .approvalIcon.state-accepted {
  background-color: #05C985;
  background-color: var(--success-500);
  border-radius: 100%;
  position: absolute;
  padding: 4px 10px 4px 10px;
  right: -15px;
  top: -13px;
  color: #ffffff;
  color: var(--text-main);
  height: 21px;
  font-size: 18px;
}
.nixps-cloudflow-IconView .transparant_thumb_border .approvalIcon.state-pending,
.nixps-cloudflow-IconView .thumb_border .approvalIcon.state-pending {
  background-color: #FFAB4F;
  background-color: var(--warning-500);
  border-radius: 100%;
  position: absolute;
  padding: 2px 10px 6px 10px;
  right: -15px;
  top: -13px;
  color: #ffffff;
  color: var(--text-main);
  height: 21px;
  font-size: 21px;
  line-height: 25px;
}
.nixps-cloudflow-IconView .transparant_thumb_border .approvalIcon.state-rejected {
  right: 31px;
  top: 10px;
}
.nixps-cloudflow-IconView .transparant_thumb_border .approvalIcon.state-accept,
.nixps-cloudflow-IconView .transparant_thumb_border .approvalIcon.state-pending {
  right: 30px;
  top: 9px;
}
.nixps-cloudflow-IconView .thumb_border .approvalIcon.approvalStateMultiple {
  font-size: 19px;
  padding: 3px 7px 6px;
  height: 21px;
  line-height: 24px;
  right: -16px;
}
.nixps-cloudflow-IconView .thumb_sync_status {
  position: absolute;
  bottom: -15px;
  left: -19px;
}
.nixps-cloudflow-IconView .thumb_sync_progress_bar .thumb_sync_progress_fill {
  height: 3px;
  background: #2273B9;
  background: var(--cloudflow-main-500);
}
.nixps-cloudflow-IconView .actionIcon {
  cursor: pointer;
  display: none;
  z-index: 50;
  opacity: 1;
}
.nixps-cloudflow-IconView .actionIcon span { /* icon */
  cursor: pointer;
  border-radius: 100%;
  border: 1pt solid;
  background-color: #ffffff;
  background-color: var(--body);
  padding: 3px;
  z-index: 50;
  margin-right: 2px;
}
.nixps-cloudflow-IconView .actionIcon div { /* text after icon */
  display: inline-block;
  background-color: #ffffff;
  background-color: var(--body);
  padding: 1px 5px 3px 2px;
}
.nixps-cloudflow-IconView .thumb_box:hover .actionIcon {
  display: inline-block;
}
.nixps-cloudflow-IconView .thumb_box .actionIcon.downloadIcon {
  top: 0px;
  left: 91%;
}
.nixps-cloudflow-IconView .thumb_box .actionIcon.downloadIcon span.fa-download {
  padding: 6px 5px;
}
.nixps-cloudflow-IconView .thumb_box .transparant_thumb_border .actionIcon.downloadIcon {
  top: 7px;
  left: 70%;
}
.nixps-cloudflow-IconView .thumb_box .approvalIcon.state-accept ~ .actionIcon.downloadIcon,
.nixps-cloudflow-IconView .thumb_box .approvalIcon.state-rejected ~ .actionIcon.downloadIcon,
.nixps-cloudflow-IconView .thumb_box .approvalIcon.state-pending ~ .actionIcon.downloadIcon {
  top: 20px;
}
.nixps-cloudflow-IconView .thumb_box .transparant_thumb_border .approvalIcon.state-accept ~ .actionIcon.downloadIcon,
.nixps-cloudflow-IconView .thumb_box .transparant_thumb_border .approvalIcon.state-rejected ~ .actionIcon.downloadIcon,
.nixps-cloudflow-IconView .thumb_box .transparant_thumb_border .approvalIcon.state-pending ~ .actionIcon.downloadIcon {
  top: 43px;
}
.nixps-cloudflow-IconView .bottombar {
  clear: both;
  text-align: center;
}
.nixps-cloudflow-IconView .bottombar button {
  margin-bottom: 15px;
  margin-top: 5px;
}

.icon-view-tooltip {
  padding: 5px 10px;
  font-size: 12px;
  font-size: 0.75rem;
  background: transparent;
  border: none;
  display: inline-block;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: absolute !important;
}

/* hide paging buttons */
.nixps-cloudflow-IconView .nixps-cloudflow-Table .tableBottomBar {
  display: none;
}

/** bubles style **/
.nixps-cloudflow-ListView {
  /**** table new ***/
  /**** load button ****/
}
.nixps-cloudflow-ListView .bubble {
  border-radius: 5px;
  margin-top: -6px;
  margin-bottom: 0px;
  margin-left: 2px;
  margin-right: 2px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-shadow: none;
  height: 17px;
  line-height: 17px;
  font-size: inherit;
  vertical-align: middle;
  white-space: nowrap;
}
.nixps-cloudflow-ListView .previousbubble {
  display: inline-block;
  padding-left: 11px;
  border-left: 1px solid #ffffff;
  border-left: 1px solid var(--body);
  border-top: 1px solid #ffffff;
  border-top: 1px solid var(--body);
  border-bottom: 1px solid #ffffff;
  border-bottom: 1px solid var(--body);
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  height: 17px;
  margin-top: -3px;
  margin-right: -5px;
  margin-bottom: -1px;
  font-size: inherit;
  vertical-align: middle;
}
.nixps-cloudflow-ListView .previousbubble + .bubble {
  border-left: 1px solid #ffffff;
  border-left: 1px solid var(--body);
  border-top: 1px solid #ffffff;
  border-top: 1px solid var(--body);
  border-bottom: 1px solid #ffffff;
  border-bottom: 1px solid var(--body);
  margin-left: 0px;
  margin-bottom: -1px;
}
.nixps-cloudflow-ListView .asset-pending,
.nixps-cloudflow-ListView .asset-waiting {
  background-color: #FFAB4F;
  background-color: var(--warning-500);
}
.nixps-cloudflow-ListView .asset-waiting {
  display: inline-block;
  margin: 2px;
  padding-left: 10px;
  padding-right: 10px;
  color: #ffffff;
  color: var(--text-main);
  text-shadow: none;
}
.nixps-cloudflow-ListView .asset-accept,
.nixps-cloudflow-ListView .asset-accepted {
  background-color: #05C985;
  background-color: var(--success-500);
}
.nixps-cloudflow-ListView .asset-accepted {
  display: inline-block;
  margin: 2px;
  padding-left: 10px;
  padding-right: 10px;
  color: #ffffff;
  color: var(--text-main);
  text-shadow: none;
}
.nixps-cloudflow-ListView .asset-cancel,
.nixps-cloudflow-ListView .asset-reject,
.nixps-cloudflow-ListView .asset-rejected {
  background-color: #EE423D;
  background-color: var(--error-500);
}
.nixps-cloudflow-ListView .asset-rejected {
  display: inline-block;
  margin: 2px;
  padding-left: 10px;
  padding-right: 10px;
  color: #ffffff;
  color: var(--text-main);
  text-shadow: none;
}
.nixps-cloudflow-ListView .cf-tag {
  cursor: pointer;
}
.nixps-cloudflow-ListView .addTagButton {
  color: #2273B9;
  color: var(--cloudflow-main-500);
  background: #ffffff;
  background: var(--body);
  border: 1px solid #66B3D9;
  border: 1px solid var(--cloudflow-first-500);
  border-radius: 5px;
  margin-top: -2px;
  margin-bottom: 0px;
  margin-left: 2px;
  margin-right: 2px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 4px;
  padding-bottom: 2px;
  text-shadow: none;
  vertical-align: middle;
  font-size: 79%;
  line-height: 9px;
  cursor: pointer;
  display: inline-block;
  visibility: hidden;
}
.nixps-cloudflow-ListView tr.listview_row_hover .addTagButton,
.nixps-cloudflow-ListView tr:hover .addTagButton {
  visibility: visible;
}
.nixps-cloudflow-ListView .nixps-cloudflow-Table .tableHeaderTitels th {
  border-left: 0px;
  border-right: 0px;
}
.nixps-cloudflow-ListView .nixps-cloudflow-Table .tableHeaderTitels th.ui-resizable {
  height: 100%;
}
.nixps-cloudflow-ListView .nixps-cloudflow-Table .tableHeaderTitels th .ui-resizable-e {
  cursor: ew-resize;
  width: 2px;
  padding-left: 3px;
  padding-right: 3px;
  background-clip: content-box;
  right: -3px;
  top: 0;
  height: 100%;
}
.nixps-cloudflow-ListView .nixps-cloudflow-Table .tableHeaderTitels th.ui-resizable-resizing .ui-resizable-e,
.nixps-cloudflow-ListView .nixps-cloudflow-Table .tableHeaderTitels th .ui-resizable-e:hover {
  background-color: #81A8BB;
  background-color: var(--cloudflow-second);
}
.nixps-cloudflow-ListView .nixps-cloudflow-Table .tableHeaderTitels th.cf-tablecell-select-checkbox input[type=checkbox],
.nixps-cloudflow-ListView .nixps-cloudflow-Table .tableHeaderTitels th.cf-tablecell-select-checkbox .cf-select-checkboxcaret {
  display: none;
}
.nixps-cloudflow-ListView .nixps-cloudflow-Table table:not(.cf-table-stickyheader) .tableHeaderTitels th.ui-resizable {
  position: relative;
}
.nixps-cloudflow-ListView .nixps-cloudflow-Table .listview_fileName,
.nixps-cloudflow-ListView .nixps-cloudflow-Table .listview_filePathName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}
.nixps-cloudflow-ListView .nixps-cloudflow-Table table th span.tableColumnIcon {
  float: none;
  margin-left: 15px;
}
.nixps-cloudflow-ListView .nixps-cloudflow-Table table tr td {
  cursor: pointer;
}
.nixps-cloudflow-ListView .nixps-cloudflow-Table tr.select {
  background: #cce6f2;
  background: var(--selection-second);
}
.cf-colormode-dark .nixps-cloudflow-ListView .nixps-cloudflow-Table tr.select {
  color: #222;
}
.nixps-cloudflow-ListView .nixps-cloudflow-Table tr[tabindex].select:focus {
  outline: none;
}
.nixps-cloudflow-ListView .nixps-cloudflow-Table tr#tableRowID_undefined .cf-tablecell-select-checkbox {
  cursor: not-allowed;
}
.nixps-cloudflow-ListView .nixps-cloudflow-Table tr#tableRowID_undefined .cf-tablecell-select-checkbox input[type=checkbox] {
  pointer-events: none;
  color: #B9B9B9;
  color: var(--gray-3);
}
.nixps-cloudflow-ListView .nixps-cloudflow-Table .thumbCell {
  width: 35px;
  max-height: 35px;
  padding-left: 11px;
}
.nixps-cloudflow-ListView .nixps-cloudflow-Table .thumbCell span {
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  text-align: center;
  display: block;
  color: #66B3D9;
  color: var(--cloudflow-first-500);
}
.nixps-cloudflow-ListView .nixps-cloudflow-Table .thumbCell img {
  max-width: 16px;
  max-height: 16px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.nixps-cloudflow-ListView .nixps-cloudflow-Table .thumbCell:not(:first-child) {
  width: 30px;
  max-height: 30px;
  padding: 0px;
}
.nixps-cloudflow-ListView .nixps-cloudflow-Table .bubble {
  margin-top: -3px;
}
.nixps-cloudflow-ListView .nixps-cloudflow-Table div.multipleDraggableHelperContainer.ui-draggable-dragging {
  width: 100%;
  display: table;
}
.nixps-cloudflow-ListView .bottombar {
  text-align: center;
}
.nixps-cloudflow-ListView .bottombar button {
  margin-bottom: 15px;
  margin-top: 5px;
}

/* hide pageing buttons */
.nixps-cloudflow-ListView .nixps-cloudflow-Table .tableBottomBar {
  display: none;
}

/** spacial layout to indicate dragging and dropping there */
.nixps-cloudflow-ListView .ui-droppable-hover td {
  background-color: #2273B9;
  background-color: var(--cloudflow-main-500);
  color: #ffffff;
  color: var(--text-main);
  padding: 0px 10px;
}

.nixps-cloudflow-ListView .nixps-cloudflow-Table table tr.ui-draggable-dragging {
  background-color: transparent;
}
.nixps-cloudflow-ListView .nixps-cloudflow-Table table tr.ui-draggable-dragging td {
  cursor: -webkit-grabbing !important;
  cursor: -moz-grabbing !important;
  cursor: grabbing !important;
}
.nixps-cloudflow-ListView .nixps-cloudflow-Table table tr.ui-draggable-dragging td.listview_fileName {
  background-color: #2273B9;
  background-color: var(--cloudflow-main-500);
  color: #ffffff;
  color: var(--text-main);
  display: inline-block;
  border-radius: 3px;
  opacity: 1;
  padding-top: 3px;
  padding-bottom: 3px;
  height: 18px;
}
.nixps-cloudflow-ListView .nixps-cloudflow-Table table tr.ui-draggable-dragging td:not(.listview_fileName) {
  display: none;
}
.nixps-cloudflow-ListView .nixps-cloudflow-Table table tr.ui-draggable-dragging.help_dragging_copy td {
  cursor: copy !important;
}

.nixps-cloudflow-ListView .ui-draging-source {
  opacity: 0.5;
}

/* handler special layout if being moving */
.nixps-cloudflow-ListView .nixps-cloudflow-Table table tr.item_processing td {
  opacity: 0.5;
  cursor: default;
}

/** dummy items */
.nixps-cloudflow-ListView .nixps-cloudflow-Table table tr[data-tablerowid^=inmakingid] {
  opacity: 0.5;
}
.nixps-cloudflow-ListView .nixps-cloudflow-Table table tr[data-tablerowid^=inmakingid]:hover {
  background-color: inherit;
}
.nixps-cloudflow-ListView .nixps-cloudflow-Table table tr[data-tablerowid^=inmakingid] td {
  cursor: default;
}

/* 
    Created on : Jan 29, 2018, 12:14:20 PM
    Author     : guillaume
*/
.nixps-pagebuilder-CustomPageComponent {
  padding-left: 0px;
  padding-right: 0px;
}
.nixps-pagebuilder-CustomPageComponent .formGroup.cpc_formGroup {
  padding: 0px;
  height: 100%; /** mimic flex putting everything 100% height **/
}
.nixps-pagebuilder-CustomPageComponent .nixps-FreezeOverlay {
  position: absolute;
  z-index: 1;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 17-mei-2019, 16:37:37
    Author     : guillaume
*/
.nixps-pagebuilder-CustomPageComponentContainer {
  overflow: auto;
}

.nixps-pagebuilder-CustomPageComponentContainer .cpcc_container {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.nixps-pagebuilder-CustomPageComponentContainer .cpcc_container .cpcc_titlebar {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.nixps-pagebuilder-CustomPageComponentContainer .cpcc_titlebar_title {
  margin-left: 5px;
  width: 90%;
  width: calc(100% - 10px);
}

.nixps-pagebuilder-CustomPageComponentContainer .cpcc_container .cpcc_contentcontainer {
  overflow: auto;
  height: 99%;
  height: calc(100% - 20px);
  position: relative;
}

.nixps-pagebuilder-CustomPageComponentContainer .cpcc_container .cpcc_contentcontainer .layouttype_bootstrapGrid > .layoutRow {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap; /** fallback for editors **/
}

.nixps-pagebuilder-CustomPageComponentContainer .cpcc_titlebar .cpcc_titlebar_discloser {
  display: inline-block;
  padding-left: 5px;
}

.nixps-pagebuilder-CustomPageComponentContainer .cpcc_titlebar .cpcc_titlebar_discloser .cpcc_discloseIcon {
  vertical-align: bottom;
}

/* 
    Created on : Jun 1, 2018, 9:58:00 AM
    Author     : guillaume
*/
.nixps-pagebuilder-CustomPageComponentDialog {
  position: relative;
}

.CloudflowStyle_default.ui-dialog {
  overflow: hidden;
}
.CloudflowStyle_default.ui-dialog:not(.CustomPageComponentDialog_customheader) {
  border: 1px solid #2273B9;
  border: 1px solid var(--cloudflow-main-500);
}
.CloudflowStyle_default.ui-dialog .ui-dialog-titlebar {
  padding: 7px;
}
.CloudflowStyle_default.ui-dialog .cf-dialog-customheader .ui-dialog-title {
  display: block;
}
.CloudflowStyle_default.ui-dialog.ui-draggable .ui-dialog-titlebar:not(.cf-dialog-customheader) {
  cursor: move;
}
.CloudflowStyle_default.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0;
  overflow: auto;
  zoom: 1;
}
.CloudflowStyle_default.ui-dialog.cf-dialog .ui-dialog-content {
  color: inherit;
}
.CloudflowStyle_default.ui-dialog .ui-icon {
  background-image: url(/3rdParty/lightcss/nixps-light/images/ui-icons_efefef_256x240.png);
  width: 16px;
  height: 16px;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.CloudflowStyle_default.ui-dialog .ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
.CloudflowStyle_default.ui-dialog .ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.CloudflowStyle_default.ui-dialog .ui-helper-clearfix:after {
  clear: both;
}
.CloudflowStyle_default.ui-dialog .ui-helper-clearfix:before,
.CloudflowStyle_default.ui-dialog .ui-helper-clearfix:after {
  content: "";
  display: table;
}

.nixps-pagebuilder-CustomPageComponentDynamicList .cpclist_list {
  overflow: auto;
}
.nixps-pagebuilder-CustomPageComponentDynamicList .cpclist_list .list_item {
  display: inline-block;
  margin: 5px 10px;
  padding: 5px;
  vertical-align: top;
  cursor: pointer;
}
.nixps-pagebuilder-CustomPageComponentDynamicList .cpclist_list .list_item.cf-select {
  border-radius: 5px;
}
.nixps-pagebuilder-CustomPageComponentDynamicList .cpclist_list .cpcdl_displaytype_image .cpcdl_image {
  margin-left: auto;
  margin-right: auto;
}
.nixps-pagebuilder-CustomPageComponentDynamicList .cpclist_list .cpcdl_displaytype_image .cpcdl_imagelabel {
  text-align: center;
  text-overflow: ellipsis;
}
.nixps-pagebuilder-CustomPageComponentDynamicList .cpclist_list.cpclist_list_percentageitems .list_item {
  margin: 5px 0;
  box-sizing: border-box;
}
@media ((max-width: 576px) or ((max-device-height: 431px) and (orientation: landscape)) or (max-device-width: 480px)) {
  .nixps-pagebuilder-CustomPageComponentDynamicList .cpclist_list .list_item {
    margin: 5px 0px;
  }
}
.cf-mobile .nixps-pagebuilder-CustomPageComponentDynamicList .cpclist_list .list_item {
  margin: 5px 0px;
}

.nixps-pagebuilder-TextPanel p,
.nixps-pagebuilder-TextPanel.cf-unreset p {
  margin-top: 0;
  margin-bottom: 0;
}

.nixps-pagebuilder-ObjectDetailsPanel .objectdetailspanel_layout_onelinecenter .objectdetailspanel_group_customised .objectdetailspanel_label {
  text-align: right;
}
.nixps-pagebuilder-ObjectDetailsPanel .objectdetailspanel_layout_twolinesstart .cf-verticalrow .cf-form-group {
  padding: 2px 0 5px 0px;
}
.nixps-pagebuilder-ObjectDetailsPanel .objectdetailspanel_value {
  min-height: 1em;
}
.nixps-pagebuilder-ObjectDetailsPanel .objectdetailspanel_value .boolText {
  margin-left: 3px;
}
.nixps-pagebuilder-ObjectDetailsPanel .objectdetailspanel_value:empty {
  height: 1em;
}

.nixps-BasicChart .no_data {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

#loginDialog .icon_google {
  background-color: #fff;
  border-radius: 1px;
  float: left;
  padding: 15px;
}
#loginDialog .icon_azure-saml2 {
  background-color: #fff;
  border-radius: 1px;
  float: left;
  padding: 15px;
  height: 24px;
  width: 24px;
}
#loginDialog .oauth2 {
  border-radius: 1px;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
  transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
  -webkit-user-select: none;
  -webkit-appearance: none;
  background-color: #ffffff;
  background-color: var(--white);
  background-image: none;
  cursor: pointer;
  outline: none;
  overflow: hidden;
  position: relative;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: 100%;
  height: 100%;
  margin-top: 40px;
}
#loginDialog .button_google {
  font-family: Roboto, arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.21px;
  margin-left: 6px;
  margin-right: 6px;
  vertical-align: center;
  background-color: #ffffff;
  background-color: var(--white);
  border: none;
  color: #777777;
  color: var(--text2-body);
  height: 52px;
  line-height: 52px;
}
#loginDialog .button_azure-saml2 {
  font-family: Roboto, arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.21px;
  margin-left: 6px;
  margin-right: 6px;
  vertical-align: center;
  background-color: #ffffff;
  background-color: var(--white);
  border: none;
  color: #777777;
  color: var(--text2-body);
  height: 52px;
  line-height: 52px;
  padding-right: 15px;
}
#loginDialog .button_azure-saml2:hover,
#loginDialog .button_google:hover {
  color: #222222;
  color: var(--text-body);
}

/*
    Created on : 19-jul-2019, 15:35:16
    Author     : guillaume
*/
/*
    Created on : 16-jul-2019, 13:05:19
    Author     : guillaume
*/
/* 
    Created on : Dec 1, 2016, 4:11:57 PM
    Author     : guillaume
*/
.nixps-Dialog .nixps_dialog {
  position: fixed;
  background: #ffffff;
  background: var(--body);
  border-radius: 2px;
  display: none;
  padding: 10px 15px;
  padding-bottom: 13px;
  width: 440px;
  z-index: 9999;
  box-sizing: border-box;
}
.nixps-Dialog .dialog_mask {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9000;
  background-color: rgb(200, 200, 200); /* fall back */
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}
.nixps-Dialog .dialog_header {
  border-bottom: 1px solid;
  border-bottom: 1px solid #B9B9B9;
  border-bottom: 1px solid var(--gray-3);
  padding-bottom: 5px;
}
.nixps-Dialog .dialog_message {
  white-space: pre-wrap;
  margin-bottom: 7px;
}
.nixps-Dialog .dialog_singelDialog {
  width: 450px;
}
.nixps-Dialog input.dialogInputField,
.nixps-Dialog textarea.dialogInputField {
  border: 1px solid #2273B9;
  border: 1px solid var(--cloudflow-main-500);
  margin-top: 6px;
  width: 100%;
}
.nixps-Dialog textarea.dialogInputField {
  max-width: 100%;
}
.nixps-Dialog .dialog_prompt + .dialog_buttonsBar {
  margin-top: 15px;
}
@media ((max-width: 576px) or ((max-device-height: 431px) and (orientation: landscape)) or (max-device-width: 480px)) {
  .nixps-Dialog .dialog_singelDialog {
    width: 90%;
  }
}

.nixps-FreezeOverlay {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  position: fixed;
  z-index: 50000;
  background-color: rgba(100, 100, 100, 0.5);
  color: #fff;
}

.nixps-FreezeOverlay .waitText {
  position: absolute;
  color: white;
  max-width: 100px;
  text-align: center;
}

.nixps-FreezeOverlay.modeCloud .freezeoverlay_animation,
.nixps-FreezeOverlay .cloudwaitingAnnimation {
  width: 138px;
  height: 127px;
}

.nixps-FreezeOverlay.flexMode {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -moz-box-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.nixps-FreezeOverlay .spaceTopBar {
  display: none;
}

.nixps-FreezeOverlay.flexMode .spaceTopBar {
  display: inline-block;
  -moz-flex-basis: 25%;
  -webkit-flex-basis: 25%;
  flex-basis: 25%;
}

.nixps-FreezeOverlay.flexMode .waitText {
  position: static;
}

.nixps-FreezeOverlay.modeCustom .waitText {
  margin-top: 5px;
}

.nixps-kiosk-FrameHostFileSelector {
  overflow: auto;
  position: relative;
}
.nixps-kiosk-FrameHostFileSelector .frameHostTransferSection {
  line-height: 22px;
  padding-left: 14px;
}
.nixps-kiosk-FrameHostFileSelector .frameHostFileSelectorTable {
  max-height: 100%;
}
.nixps-kiosk-FrameHostFileSelector .frameHostFileSelectorTable .filenameCol label {
  font-weight: normal;
  white-space: nowrap;
  display: inline-block;
  max-width: 230px;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 0;
  vertical-align: middle;
}
.nixps-kiosk-FrameHostFileSelector .frameHostFileSelectorTable tr {
  /**
  * Check status if the file is in the filestore
  */
  /**
  * Check status if the file is saved
  */
}
.nixps-kiosk-FrameHostFileSelector .frameHostFileSelectorTable tr.inFileStore .inFileStore {
  display: inline;
}
.nixps-kiosk-FrameHostFileSelector .frameHostFileSelectorTable tr.inFileStore .notInFileStore {
  display: none;
}
.nixps-kiosk-FrameHostFileSelector .frameHostFileSelectorTable tr .inFileStore,
.nixps-kiosk-FrameHostFileSelector .frameHostFileSelectorTable tr .saved {
  display: none;
}
.nixps-kiosk-FrameHostFileSelector .frameHostFileSelectorTable tr .notInFileStore,
.nixps-kiosk-FrameHostFileSelector .frameHostFileSelectorTable tr .notSaved {
  display: inline;
}
.nixps-kiosk-FrameHostFileSelector .frameHostFileSelectorTable tr.isSaved .saved {
  display: inline;
}
.nixps-kiosk-FrameHostFileSelector .frameHostFileSelectorTable tr.isSaved .notSaved {
  display: none;
}

@keyframes upDown {
  0% {
    transform: translate(0px, 0px);
  }
  15% {
    transform: translate(0px, -3px);
  }
  30% {
    transform: translate(0px, 0px);
  }
}
.nixps-DotSpinner span {
  background-color: black;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  margin: 0px 2px;
  display: inline-block;
  will-change: transform;
  animation-name: upDown;
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  animation-iteration-count: infinite;
}
.nixps-DotSpinner span.dot-2 {
  animation-delay: 0.15s;
}
.nixps-DotSpinner span.dot-3 {
  animation-delay: 0.3s;
}

.nixps-LineSpinner {
  overflow: hidden;
  position: relative;
  background-color: #FAFAFA;
  background-color: var(--gray-4);
}
@keyframes increase {
  from {
    left: -5%;
    width: 5%;
  }
  to {
    left: 130%;
    width: 100%;
  }
}
@keyframes decrease {
  from {
    left: -80%;
    width: 80%;
  }
  to {
    left: 110%;
    width: 10%;
  }
}
.nixps-LineSpinner .LineSpinner-bar {
  display: block;
  width: 60%;
  height: 100%;
  background-color: #2273B9;
  background-color: var(--cloudflow-main-500);
  position: absolute;
  top: 0px;
}
.nixps-LineSpinner .LineSpinner-bar.inc {
  animation: increase 2s infinite;
}
.nixps-LineSpinner .LineSpinner-bar.dec {
  animation: decrease 2s 0.5s infinite;
}

/*
    Created on : 11-jul-2019, 15:46:07
    Author     : guillaume
*/
.cf-hide {
  display: none;
}

@media ((max-width: 576px) or ((max-device-height: 431px) and (orientation: landscape)) or (max-device-width: 480px)) {
  .cf-hide-mobile {
    display: none;
  }
}
@media (min-width: 768px) {
  .cf-hide-tablet {
    display: none;
  }
}
.cf-invisible {
  visibility: hidden;
  opacity: 0;
}

.cf-show-offline,
.cf-show-mobile-offline {
  display: none;
}

.cf-offline .cf-hide-offline {
  display: none;
}
.cf-offline .cf-show-offline {
  display: inherit;
}
@media ((max-width: 576px) or ((max-device-height: 431px) and (orientation: landscape)) or (max-device-width: 480px)) {
  .cf-offline .cf-hide-mobile-offline {
    display: none;
  }
  .cf-offline .cf-show-mobile-offline {
    display: inherit;
  }
}

/*
    Created on : 8-okt-2019, 18:00:18
    Author     : guillaume, lyderic
*/
@font-face {
  font-family: "icomoon";
  src: url("/dist/uiresources/fonts/icomoon/icomoon.eot?t27oy3");
  src: url("/dist/uiresources/fonts/icomoon/icomoon.eot?t27oy3#iefix") format("embedded-opentype"), url("/dist/uiresources/fonts/icomoon/icomoon.ttf?t27oy3") format("truetype"), url("/dist/uiresources/fonts/icomoon/icomoon.woff?t27oy3") format("woff"), url("/dist/uiresources/fonts/icomoon/icomoon.svg?t27oy3#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.cf-company-logo {
  background: "../images/hybridlogoname.png";
  background: var(--company-logo);
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 1em;
  height: 33px;
  width: 100px;
}

.cf-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  /*&.cf-icon-cloudflow-logo:before {
    content: "\e9a4";
  }*/
}
.cf-icon.cf-icon-cube-rotate:before {
  content: "\ea23";
}
.cf-icon.cf-icon-raytracer:before {
  content: "\ea22";
}
.cf-icon.cf-icon-arrows-cycle:before {
  content: "\ea1f";
}
.cf-icon.cf-icon-clipboard-copy:before {
  content: "\ea20";
}
.cf-icon.cf-icon-ic3d:before {
  content: "\ea21";
}
.cf-icon.cf-icon-upload-curve-iso:before {
  content: "\ea1e";
}
.cf-icon.cf-icon-colorspace:before {
  content: "\ea17";
}
.cf-icon.cf-icon-file-icc:before {
  content: "\ea1a";
}
.cf-icon.cf-icon-color-book:before {
  content: "\ea1b";
}
.cf-icon.cf-icon-measure-chart:before {
  content: "\ea1c";
}
.cf-icon.cf-icon-color-gamut:before {
  content: "\ea1d";
}
.cf-icon.cf-icon-mark-editor:before {
  content: "\ea18";
}
.cf-icon.cf-icon-scissors-vertical:before {
  content: "\ea19";
}
.cf-icon.cf-icon-align-left:before {
  content: "\ea16";
}
.cf-icon.cf-icon-opsis:before {
  content: "\ea15";
}
.cf-icon.cf-icon-shapes:before {
  content: "\ea12";
}
.cf-icon.cf-icon-transparency:before {
  content: "\ea13";
}
.cf-icon.cf-icon-angle:before {
  content: "\ea14";
}
.cf-icon.cf-icon-layers:before {
  content: "\ea0e";
}
.cf-icon.cf-icon-form-approved:before {
  content: "\ea0f";
}
.cf-icon.cf-icon-sort-bars:before {
  content: "\ea10";
}
.cf-icon.cf-icon-x-height:before {
  content: "\ea11";
}
.cf-icon.cf-icon-braille:before {
  content: "\ea09";
}
.cf-icon.cf-icon-undo:before {
  content: "\ea0a";
}
.cf-icon.cf-icon-patch-merge:before {
  content: "\ea0b";
}
.cf-icon.cf-icon-patch-selection:before {
  content: "\ea0c";
}
.cf-icon.cf-icon-patch-magic:before {
  content: "\ea0d";
}
.cf-icon.cf-icon-vertical-cut-patch:before {
  content: "\e9fa";
}
.cf-icon.cf-icon-server-arrow-down:before {
  content: "\ea04";
}
.cf-icon.cf-icon-shift-stack:before {
  content: "\ea05";
}
.cf-icon.cf-icon-double-struck-x:before {
  content: "\ea06";
}
.cf-icon.cf-icon-text-rtl:before {
  content: "\ea07";
}
.cf-icon.cf-icon-text-ltr:before {
  content: "\ea08";
}
.cf-icon.cf-icon-font:before {
  content: "\e9f6";
}
.cf-icon.cf-icon-font-size:before {
  content: "\e9f7";
}
.cf-icon.cf-icon-arrows-top-down-toline:before {
  content: "\e9f8";
}
.cf-icon.cf-icon-object-group:before {
  content: "\ea03";
}
.cf-icon.cf-icon-send:before {
  content: "\e953";
}
.cf-icon.cf-icon-bold:before {
  content: "\e960";
}
.cf-icon.cf-icon-italic:before {
  content: "\e988";
}
.cf-icon.cf-icon-underline:before {
  content: "\e991";
}
.cf-icon.cf-icon-strikethrough:before {
  content: "\e99d";
}
.cf-icon.cf-icon-check:before {
  content: "\e9a5";
}
.cf-icon.cf-icon-snap:before {
  content: "\e9ab";
}
.cf-icon.cf-icon-2d:before {
  content: "\e9f4";
}
.cf-icon.cf-icon-3d-text:before {
  content: "\e9f5";
}
.cf-icon.cf-icon-column-one:before {
  content: "\e9f9";
}
.cf-icon.cf-icon-column-two:before {
  content: "\e9fa";
}
.cf-icon.cf-icon-column-three:before {
  content: "\e9fb";
}
.cf-icon.cf-icon-printer-human:before {
  content: "\e9ef";
}
.cf-icon.cf-icon-scan:before {
  content: "\e9f0";
}
.cf-icon.cf-icon-droplet:before {
  content: "\e9f1";
}
.cf-icon.cf-icon-droplets:before {
  content: "\e9f2";
}
.cf-icon.cf-icon-key-hole:before {
  content: "\e9f3";
}
.cf-icon.cf-icon-agent:before {
  content: "\e964";
}
.cf-icon.cf-icon-file:before {
  content: "\e9eb";
}
.cf-icon.cf-icon-square-arrow:before {
  content: "\e9ec";
}
.cf-icon.cf-icon-archive:before {
  content: "\e9ed";
}
.cf-icon.cf-icon-proofscope:before {
  content: "\e9ee";
}
.cf-icon.cf-icon-side-by-side:before {
  content: "\e9e5";
}
.cf-icon.cf-icon-switch:before {
  content: "\e9e6";
}
.cf-icon.cf-icon-mis-registration:before {
  content: "\e9e7";
}
.cf-icon.cf-icon-ruler:before {
  content: "\e9e8";
}
.cf-icon.cf-icon-pixels-board:before {
  content: "\e9e9";
}
.cf-icon.cf-icon-live-objects:before {
  content: "\e9e4";
}
.cf-icon.cf-icon-tag:before {
  content: "\e9e3";
}
.cf-icon.cf-icon-approve-filled:before {
  content: "\e9e2";
}
.cf-icon.cf-icon-more-vertical-circle:before {
  content: "\e9e0";
}
.cf-icon.cf-icon-radio-checked:before {
  content: "\e9da";
}
.cf-icon.cf-icon-crossed-arrows:before {
  content: "\e9df";
}
.cf-icon.cf-icon-full-screen:before {
  content: "\e9de";
}
.cf-icon.cf-icon-filter:before {
  content: "\e9db";
}
.cf-icon.cf-icon-pin:before {
  content: "\e9d6";
}
.cf-icon.cf-icon-download-comment:before {
  content: "\e9d9";
}
.cf-icon.cf-icon-text:before {
  content: "\e9dd";
}
.cf-icon.cf-icon-measure-small:before {
  content: "\e9dc";
}
.cf-icon.cf-icon-seamless:before {
  content: "\e9b9";
}
.cf-icon.cf-icon-crop:before {
  content: "\e9d7";
}
.cf-icon.cf-icon-mirror:before {
  content: "\e9e1";
}
.cf-icon.cf-icon-diff:before {
  content: "\e92a";
}
.cf-icon.cf-icon-ellipse:before {
  content: "\e92b";
}
.cf-icon.cf-icon-rectangle:before {
  content: "\e92c";
}
.cf-icon.cf-icon-delta:before {
  content: "\e92d";
}
.cf-icon.cf-icon-zoomfit:before {
  content: "\e93f";
}
.cf-icon.cf-icon-barcode:before {
  content: "\e9fc";
}
.cf-icon.cf-icon-measure:before {
  content: "\e9ea";
}
.cf-icon.cf-icon-pipette:before {
  content: "\e9fd";
}
.cf-icon.cf-icon-panel-off:before {
  content: "\e9a9";
}
.cf-icon.cf-icon-panel-on:before {
  content: "\e92e";
}
.cf-icon.cf-icon-3d:before {
  content: "\e9fe";
}
.cf-icon.cf-icon-cleanbrush:before {
  content: "\e9ac";
}
.cf-icon.cf-icon-globe:before {
  content: "\e9ad";
}
.cf-icon.cf-icon-variable:before {
  content: "\e9b7";
}
.cf-icon.cf-icon-wait:before {
  content: "\e9aa";
}
.cf-icon.cf-icon-file-xmp:before {
  content: "\e9ba";
}
.cf-icon.cf-icon-file-config:before {
  content: "\e9bb";
}
.cf-icon.cf-icon-file-info:before {
  content: "\e9bc";
}
.cf-icon.cf-icon-file-check:before {
  content: "\e9bd";
}
.cf-icon.cf-icon-file-minus:before {
  content: "\e9be";
}
.cf-icon.cf-icon-file-arrow-e:before {
  content: "\e9bf";
}
.cf-icon.cf-icon-file-search:before {
  content: "\e9c0";
}
.cf-icon.cf-icon-filestore-play:before {
  content: "\e9c1";
}
.cf-icon.cf-icon-wrench-search:before {
  content: "\e9c2";
}
.cf-icon.cf-icon-folder-arrow-e:before {
  content: "\e9c3";
}
.cf-icon.cf-icon-copy-folder-plus:before {
  content: "\e9c4";
}
.cf-icon.cf-icon-copy-file-plus:before {
  content: "\e9c5";
}
.cf-icon.cf-icon-filecompare:before {
  content: "\e9c6";
}
.cf-icon.cf-icon-copy-file:before {
  content: "\e9c7";
}
.cf-icon.cf-icon-article:before {
  content: "\e9c8";
}
.cf-icon.cf-icon-script:before {
  content: "\e9c9";
}
.cf-icon.cf-icon-route:before {
  content: "\e9ca";
}
.cf-icon.cf-icon-repeat:before {
  content: "\e9cb";
}
.cf-icon.cf-icon-satchel:before {
  content: "\e9cc";
}
.cf-icon.cf-icon-user-info:before {
  content: "\e9cd";
}
.cf-icon.cf-icon-editlist:before {
  content: "\e9ce";
}
.cf-icon.cf-icon-timer:before {
  content: "\e9cf";
}
.cf-icon.cf-icon-mail:before {
  content: "\e9d0";
}
.cf-icon.cf-icon-arrow-e:before {
  content: "\e9d1";
}
.cf-icon.cf-icon-arrow-ne:before {
  content: "\e9d2";
}
.cf-icon.cf-icon-play-pause:before {
  content: "\e9d3";
}
.cf-icon.cf-icon-play:before {
  content: "\e9d4";
}
.cf-icon.cf-icon-pause-single:before {
  content: "\e9d5";
}
.cf-icon.cf-icon-cockpit:before {
  content: "\e9d8";
}
.cf-icon.cf-icon-cloudflow-logo {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
}
.cf-icon.cf-icon-cloudflow-logo:before {
  content: "\e9a4";
}
.cf-icon.cf-icon-approval-my:before {
  content: "\e91d";
}
.cf-icon.cf-icon-teams-approval:before {
  content: "\e91e";
}
.cf-icon.cf-icon-tasks-my:before {
  content: "\e91f";
}
.cf-icon.cf-icon-minimize:before {
  content: "\e922";
}
.cf-icon.cf-icon-rotate:before {
  content: "\e923";
}
.cf-icon.cf-icon-arrow-down:before {
  content: "\e924";
}
.cf-icon.cf-icon-chevrons-left:before {
  content: "\e925";
}
.cf-icon.cf-icon-maximize:before {
  content: "\e926";
}
.cf-icon.cf-icon-node:before {
  content: "\e927";
}
.cf-icon.cf-icon-inspectcollection:before {
  content: "\e929";
}
.cf-icon.cf-icon-vdp:before {
  content: "\e91c";
}
.cf-icon.cf-icon-tectonics-archive:before {
  content: "\e915";
}
.cf-icon.cf-icon-tectonics-statistics:before {
  content: "\e916";
}
.cf-icon.cf-icon-cutoffs:before {
  content: "\e917";
}
.cf-icon.cf-icon-queues:before {
  content: "\e918";
}
.cf-icon.cf-icon-tectonics:before {
  content: "\e910";
}
.cf-icon.cf-icon-placement:before {
  content: "\e911";
}
.cf-icon.cf-icon-jobs-plus:before {
  content: "\e913";
}
.cf-icon.cf-icon-jobs-minus:before {
  content: "\e914";
}
.cf-icon.cf-icon-mars-uninstall:before {
  content: "\e90a";
}
.cf-icon.cf-icon-mars-plus:before {
  content: "\e90b";
}
.cf-icon.cf-icon-mars-minus:before {
  content: "\e90d";
}
.cf-icon.cf-icon-flows-plus:before {
  content: "\e90e";
}
.cf-icon.cf-icon-flows-minus:before {
  content: "\e90f";
}
.cf-icon.cf-icon-share-plus:before {
  content: "\e901";
}
.cf-icon.cf-icon-share-minus:before {
  content: "\e903";
}
.cf-icon.cf-icon-packz:before {
  content: "\e900";
}
.cf-icon.cf-icon-folder-chevron-up-filled:before {
  content: "\e902";
}
.cf-icon.cf-icon-upload-curve-packz:before {
  content: "\e904";
}
.cf-icon.cf-icon-curve-packz:before {
  content: "\e905";
}
.cf-icon.cf-icon-curve-cgats:before {
  content: "\e906";
}
.cf-icon.cf-icon-upload-curve-cgats:before {
  content: "\e907";
}
.cf-icon.cf-icon-landscape:before {
  content: "\e986";
}
.cf-icon.cf-icon-adjust:before {
  content: "\e9ff";
}
.cf-icon.cf-icon-database-minus:before {
  content: "\e996";
}
.cf-icon.cf-icon-database-plus:before {
  content: "\e997";
}
.cf-icon.cf-icon-database:before {
  content: "\e99b";
}
.cf-icon.cf-icon-maintenance:before {
  content: "\e9a6";
}
.cf-icon.cf-icon-maintenance-cogwheel:before {
  content: "\e9a7";
}
.cf-icon.cf-icon-plugin-suite:before {
  content: "\e9a8";
}
.cf-icon.cf-icon-flag-filled:before {
  content: "\e9ae";
}
.cf-icon.cf-icon-flag:before {
  content: "\e9af";
}
.cf-icon.cf-icon-flag-filled-circle:before {
  content: "\e9b0";
}
.cf-icon.cf-icon-flag-circle:before {
  content: "\e9b1";
}
.cf-icon.cf-icon-pause:before {
  content: "\e9b2";
}
.cf-icon.cf-icon-task:before {
  content: "\e9b3";
}
.cf-icon.cf-icon-task-minus:before {
  content: "\e9b5";
}
.cf-icon.cf-icon-task-plus:before {
  content: "\e9b6";
}
.cf-icon.cf-icon-logout:before {
  content: "\e9b8";
}
.cf-icon.cf-icon-patchplanner:before {
  content: "\e931";
}
.cf-icon.cf-icon-rip:before {
  content: "\e932";
}
.cf-icon.cf-icon-settings:before {
  content: "\e933";
}
.cf-icon.cf-icon-share:before {
  content: "\e934";
}
.cf-icon.cf-icon-assets:before {
  content: "\e937";
}
.cf-icon.cf-icon-chains:before {
  content: "\e938";
}
.cf-icon.cf-icon-datalink:before {
  content: "\e939";
}
.cf-icon.cf-icon-flows:before {
  content: "\e93a";
}
.cf-icon.cf-icon-home:before {
  content: "\e93b";
}
.cf-icon.cf-icon-jobs:before {
  content: "\e93c";
}
.cf-icon.cf-icon-kiosk:before {
  content: "\e92f";
}
.cf-icon.cf-icon-mars:before {
  content: "\e930";
}
.cf-icon.cf-icon-server:before {
  content: "\e93e";
}
.cf-icon.cf-icon-shared:before {
  content: "\e940";
}
.cf-icon.cf-icon-square:before {
  content: "\e941";
}
.cf-icon.cf-icon-star-off:before {
  content: "\e942";
}
.cf-icon.cf-icon-star-on:before {
  content: "\e943";
}
.cf-icon.cf-icon-switch-off .path1:before {
  content: "\e944";
  color: rgb(203, 203, 203);
}
.cf-icon.cf-icon-switch-off .path2:before {
  content: "\e945";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.cf-icon.cf-icon-switch-on .path1:before {
  content: "\e946";
  color: rgb(5, 201, 133);
}
.cf-icon.cf-icon-switch-on .path2:before {
  content: "\e947";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.cf-icon.cf-icon-unlock:before {
  content: "\e935";
}
.cf-icon.cf-icon-lock:before {
  content: "\e95c";
}
.cf-icon.cf-icon-x:before {
  content: "\e936";
}
.cf-icon.cf-icon-times:before {
  content: "\e936";
}
.cf-icon.cf-icon-close:before {
  content: "\e936";
}
.cf-icon.cf-icon-reject:before {
  content: "\e949";
}
.cf-icon.cf-icon-sandbox:before {
  content: "\e94a";
}
.cf-icon.cf-icon-saved:before {
  content: "\e94b";
}
.cf-icon.cf-icon-scopes-minus:before {
  content: "\e94c";
}
.cf-icon.cf-icon-scopes-plus:before {
  content: "\e94d";
}
.cf-icon.cf-icon-scopes:before {
  content: "\e94e";
}
.cf-icon.cf-icon-server-minus:before {
  content: "\e94f";
}
.cf-icon.cf-icon-server-plus:before {
  content: "\e93d";
}
.cf-icon.cf-icon-pencil:before {
  content: "\e952";
}
.cf-icon.cf-icon-pie-chart:before {
  content: "\ea00";
}
.cf-icon.cf-icon-bar-chart:before {
  content: "\e97a";
}
.cf-icon.cf-icon-plugin:before {
  content: "\e954";
}
.cf-icon.cf-icon-plus-circle:before {
  content: "\e955";
}
.cf-icon.cf-icon-plus:before {
  content: "\e956";
}
.cf-icon.cf-icon-printer-minus:before {
  content: "\e957";
}
.cf-icon.cf-icon-printer-plus:before {
  content: "\e958";
}
.cf-icon.cf-icon-printer:before {
  content: "\e948";
}
.cf-icon.cf-icon-approval-overview-minus:before {
  content: "\e959";
}
.cf-icon.cf-icon-approval-overview-plus:before {
  content: "\e950";
}
.cf-icon.cf-icon-approval-overview:before {
  content: "\e951";
}
.cf-icon.cf-icon-maprun:before {
  content: "\e95d";
}
.cf-icon.cf-icon-minus-circle:before {
  content: "\e95e";
}
.cf-icon.cf-icon-minus:before {
  content: "\e95f";
}
.cf-icon.cf-icon-filestore-minus:before {
  content: "\e961";
}
.cf-icon.cf-icon-filestore-plus:before {
  content: "\e962";
}
.cf-icon.cf-icon-filestore:before {
  content: "\e963";
}
.cf-icon.cf-icon-folder-chevron-down:before {
  content: "\e965";
}
.cf-icon.cf-icon-folder-chevron-up:before {
  content: "\e966";
}
.cf-icon.cf-icon-folder-filled:before {
  content: "\e967";
}
.cf-icon.cf-icon-folder-icon:before {
  content: "\e95b";
}
.cf-icon.cf-icon-folder-minus:before {
  content: "\e968";
}
.cf-icon.cf-icon-folder-plus:before {
  content: "\e95a";
}
.cf-icon.cf-icon-cpu-minus:before {
  content: "\e969";
}
.cf-icon.cf-icon-cpu-plus:before {
  content: "\e96a";
}
.cf-icon.cf-icon-cpu:before {
  content: "\e96b";
}
.cf-icon.cf-icon-site:before {
  content: "\e96d";
}
.cf-icon.cf-icon-site-up:before {
  content: "\e96c";
}
.cf-icon.cf-icon-chains-minus:before {
  content: "\e96f";
}
.cf-icon.cf-icon-chains-plus:before {
  content: "\e970";
}
.cf-icon.cf-icon-chains1:before {
  content: "\e971";
}
.cf-icon.cf-icon-check-circle:before {
  content: "\e972";
}
.cf-icon.cf-icon-check-square:before {
  content: "\e973";
}
.cf-icon.cf-icon-chevron-down:before {
  content: "\e974";
}
.cf-icon.cf-icon-html-file:before {
  content: "\e975";
}
.cf-icon.cf-icon-alert-triangle:before {
  content: "\e976";
}
.cf-icon.cf-icon-approve:before {
  content: "\e977";
}
.cf-icon.cf-icon-arrow-left-circle:before {
  content: "\e978";
}
.cf-icon.cf-icon-arrow-right-circle:before {
  content: "\e979";
}
.cf-icon.cf-icon-bell:before {
  content: "\e97b";
}
.cf-icon.cf-icon-cart:before {
  content: "\e96e";
}
.cf-icon.cf-icon-flows-clock:before {
  content: "\e97e";
}
.cf-icon.cf-icon-flows-comment:before {
  content: "\e97c";
}
.cf-icon.cf-icon-flows-map:before {
  content: "\e97d";
}
.cf-icon.cf-icon-user-preferences:before {
  content: "\e9b4";
}
.cf-icon.cf-icon-user-circle:before {
  content: "\e980";
}
.cf-icon.cf-icon-user-minus:before {
  content: "\e981";
}
.cf-icon.cf-icon-user-plus:before {
  content: "\e982";
}
.cf-icon.cf-icon-user:before {
  content: "\e983";
}
.cf-icon.cf-icon-users:before {
  content: "\e984";
}
.cf-icon.cf-icon-x-circle:before {
  content: "\e985";
}
.cf-icon.cf-icon-refresh:before {
  content: "\e98a";
}
.cf-icon.cf-icon-search:before {
  content: "\e98b";
}
.cf-icon.cf-icon-sort:before {
  content: "\e98c";
}
.cf-icon.cf-icon-trash:before {
  content: "\e98d";
}
.cf-icon.cf-icon-download:before {
  content: "\e99c";
}
.cf-icon.cf-icon-upload:before {
  content: "\e97f";
}
.cf-icon.cf-icon-hamburger-short:before {
  content: "\ea01";
}
.cf-icon.cf-icon-hamburger:before {
  content: "\e992";
}
.cf-icon.cf-icon-help-circle:before {
  content: "\e993";
}
.cf-icon.cf-icon-info:before {
  content: "\e994";
}
.cf-icon.cf-icon-list:before {
  content: "\e987";
}
.cf-icon.cf-icon-more-actions:before {
  content: "\ea02";
}
.cf-icon.cf-icon-more:before {
  content: "\e989";
}
.cf-icon.cf-icon-database-query-minus:before {
  content: "\e998";
}
.cf-icon.cf-icon-database-query-plus:before {
  content: "\e999";
}
.cf-icon.cf-icon-database-query:before {
  content: "\e99a";
}
.cf-icon.cf-icon-duplicate:before {
  content: "\e98e";
}
.cf-icon.cf-icon-eye:before {
  content: "\e98f";
}
.cf-icon.cf-icon-gallery:before {
  content: "\e990";
}
.cf-icon.cf-icon-at-minus:before {
  content: "\e99e";
}
.cf-icon.cf-icon-at-plus:before {
  content: "\e99f";
}
.cf-icon.cf-icon-at:before {
  content: "\e9a0";
}
.cf-icon.cf-icon-calendar:before {
  content: "\e9a1";
}
.cf-icon.cf-icon-clipboard-list:before {
  content: "\e9a2";
}
.cf-icon.cf-icon-columns:before {
  content: "\e9a3";
}
.cf-icon.cf-icon-compare:before {
  content: "\e995";
}
.cf-icon.cf-icon-placeholder:before {
  content: "\e919";
}
.cf-icon.cf-icon-separator:before {
  content: "\e91a";
}
.cf-icon.cf-icon-file-png:before {
  content: "\e90c";
}
.cf-icon.cf-icon-file-tiff:before {
  content: "\e912";
}
.cf-icon.cf-icon-file-font:before {
  content: "\e920";
}
.cf-icon.cf-icon-file-html:before {
  content: "\e921";
}
.cf-icon.cf-icon-file-jpg:before {
  content: "\e928";
}
.cf-icon.cf-icon-file-metadata:before {
  content: "\e908";
}
.cf-icon.cf-icon-file-pdf:before {
  content: "\e909";
}
.cf-icon.cf-icon-file-ai:before {
  content: "\e91b";
}
.cf-icon.cf-icon-lg {
  font-size: 1.333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.cf-icon.cf-icon-bg {
  font-size: 1.7em;
  vertical-align: middle;
}
.cf-icon.cf-icon-2x {
  font-size: 2em;
}
.cf-icon.cf-icon-5x {
  font-size: 5em;
}
.cf-icon.cf-icon-10x {
  font-size: 10em;
}
.cf-icon.cf-hide {
  display: none;
}

.cf-rotate-45 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cf-rotate-135 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.cf-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

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

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

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

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

.cf-rotate-90-flip-vertical,
.cf-flip-horizontal-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3, mirror=1);
  -webkit-transform: scale(1, -1) rotate(90deg);
  -ms-transform: scale(1, -1) rotate(90deg);
  transform: scale(1, -1) rotate(90deg);
}

.cf-rotate-90-flip-horizontal,
.cf-flip-vertical-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1, mirror=1);
  -webkit-transform: scale(-1, 1) rotate(90deg);
  -ms-transform: scale(-1, 1) rotate(90deg);
  transform: scale(-1, 1) rotate(90deg);
}

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

.cf-icon.cf-icon-stack {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  top: -1px;
  aspect-ratio: 1;
}
.cf-icon.cf-icon-stack .cf-icon.cf-icon-stacked {
  position: absolute;
}
.cf-icon.cf-icon-stack .cf-icon.cf-icon-stacked:last-child {
  font-size: 60%;
  top: 6px;
  left: -1px;
}
.cf-icon.cf-icon-stack .cf-icon.cf-icon-stacked:last-child.cf-icon-arrow-e.cf-rotate-270 {
  left: 0;
}

/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/dist/uiresources/fonts/Montserrat-Italic.ttf") format("truetype");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/dist/uiresources/fonts/Montserrat-Italic.ttf") format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/dist/uiresources/fonts/Montserrat-MediumItalic.ttf") format("truetype");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/dist/uiresources/fonts/Montserrat-MediumItalic.ttf") format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/dist/uiresources/fonts/Montserrat-SemiBoldItalic.ttf") format("truetype");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/dist/uiresources/fonts/Montserrat-SemiBoldItalic.ttf") format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/dist/uiresources/fonts/Montserrat-BoldItalic.ttf") format("truetype");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/dist/uiresources/fonts/Montserrat-BoldItalic.ttf") format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/dist/uiresources/fonts/Montserrat-Regular.ttf") format("truetype");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/dist/uiresources/fonts/Montserrat-Regular.ttf") format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/dist/uiresources/fonts/Montserrat-Medium.ttf") format("truetype");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/dist/uiresources/fonts/Montserrat-Medium.ttf") format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/dist/uiresources/fonts/Montserrat-SemiBold.ttf") format("truetype");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/dist/uiresources/fonts/Montserrat-SemiBold.ttf") format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/dist/uiresources/fonts/Montserrat-Bold.ttf") format("truetype");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "FiraCode";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/dist/uiresources/fonts/FiraCode-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "FiraCode";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/dist/uiresources/fonts/FiraCode-Medium.ttf") format("truetype");
}
.cf-col-xs-1,
.cf-col-1 {
  position: relative;
  width: 8.3333333333%;
  display: inline-block;
}

.cf-col-offset-1 {
  margin-left: 8.3333333333%;
}

.cf-col-xs-2,
.cf-col-2 {
  position: relative;
  width: 16.6666666667%;
  display: inline-block;
}

.cf-col-offset-2 {
  margin-left: 16.6666666667%;
}

.cf-col-xs-3,
.cf-col-3 {
  position: relative;
  width: 25%;
  display: inline-block;
}

.cf-col-offset-3 {
  margin-left: 25%;
}

.cf-col-xs-4,
.cf-col-4 {
  position: relative;
  width: 33.3333333333%;
  display: inline-block;
}

.cf-col-offset-4 {
  margin-left: 33.3333333333%;
}

.cf-col-xs-5,
.cf-col-5 {
  position: relative;
  width: 41.6666666667%;
  display: inline-block;
}

.cf-col-offset-5 {
  margin-left: 41.6666666667%;
}

.cf-col-xs-6,
.cf-col-6 {
  position: relative;
  width: 50%;
  display: inline-block;
}

.cf-col-offset-6 {
  margin-left: 50%;
}

.cf-col-xs-7,
.cf-col-7 {
  position: relative;
  width: 58.3333333333%;
  display: inline-block;
}

.cf-col-offset-7 {
  margin-left: 58.3333333333%;
}

.cf-col-xs-8,
.cf-col-8 {
  position: relative;
  width: 66.6666666667%;
  display: inline-block;
}

.cf-col-offset-8 {
  margin-left: 66.6666666667%;
}

.cf-col-xs-9,
.cf-col-9 {
  position: relative;
  width: 75%;
  display: inline-block;
}

.cf-col-offset-9 {
  margin-left: 75%;
}

.cf-col-xs-10,
.cf-col-10 {
  position: relative;
  width: 83.3333333333%;
  display: inline-block;
}

.cf-col-offset-10 {
  margin-left: 83.3333333333%;
}

.cf-col-xs-11,
.cf-col-11 {
  position: relative;
  width: 91.6666666667%;
  display: inline-block;
}

.cf-col-offset-11 {
  margin-left: 91.6666666667%;
}

.cf-col-xs-12,
.cf-col-12 {
  position: relative;
  width: 100%;
  display: inline-block;
}

.cf-col-offset-12 {
  margin-left: 100%;
}

.cf-col-sm-1 {
  position: relative;
  width: 100%;
}

.cf-col-sm-2 {
  position: relative;
  width: 100%;
}

.cf-col-sm-3 {
  position: relative;
  width: 100%;
}

.cf-col-sm-4 {
  position: relative;
  width: 100%;
}

.cf-col-sm-5 {
  position: relative;
  width: 100%;
}

.cf-col-sm-6 {
  position: relative;
  width: 100%;
}

.cf-col-sm-7 {
  position: relative;
  width: 100%;
}

.cf-col-sm-8 {
  position: relative;
  width: 100%;
}

.cf-col-sm-9 {
  position: relative;
  width: 100%;
}

.cf-col-sm-10 {
  position: relative;
  width: 100%;
}

.cf-col-sm-11 {
  position: relative;
  width: 100%;
}

.cf-col-sm-12 {
  position: relative;
  width: 100%;
}

@media (min-width: 576px) {
  .cf-col-sm-1 {
    position: relative;
    width: 8.3333333333%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .cf-col-sm-2 {
    position: relative;
    width: 16.6666666667%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .cf-col-sm-3 {
    position: relative;
    width: 25%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-sm-offset-3 {
    margin-left: 25%;
  }
  .cf-col-sm-4 {
    position: relative;
    width: 33.3333333333%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .cf-col-sm-5 {
    position: relative;
    width: 41.6666666667%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .cf-col-sm-6 {
    position: relative;
    width: 50%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-sm-offset-6 {
    margin-left: 50%;
  }
  .cf-col-sm-7 {
    position: relative;
    width: 58.3333333333%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .cf-col-sm-8 {
    position: relative;
    width: 66.6666666667%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .cf-col-sm-9 {
    position: relative;
    width: 75%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-sm-offset-9 {
    margin-left: 75%;
  }
  .cf-col-sm-10 {
    position: relative;
    width: 83.3333333333%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .cf-col-sm-11 {
    position: relative;
    width: 91.6666666667%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .cf-col-sm-12 {
    position: relative;
    width: 100%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-sm-offset-12 {
    margin-left: 100%;
  }
}
.cf-col-md-1 {
  position: relative;
  width: 100%;
}

.cf-col-md-2 {
  position: relative;
  width: 100%;
}

.cf-col-md-3 {
  position: relative;
  width: 100%;
}

.cf-col-md-4 {
  position: relative;
  width: 100%;
}

.cf-col-md-5 {
  position: relative;
  width: 100%;
}

.cf-col-md-6 {
  position: relative;
  width: 100%;
}

.cf-col-md-7 {
  position: relative;
  width: 100%;
}

.cf-col-md-8 {
  position: relative;
  width: 100%;
}

.cf-col-md-9 {
  position: relative;
  width: 100%;
}

.cf-col-md-10 {
  position: relative;
  width: 100%;
}

.cf-col-md-11 {
  position: relative;
  width: 100%;
}

.cf-col-md-12 {
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .cf-col-md-1 {
    position: relative;
    width: 8.3333333333%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .cf-col-md-2 {
    position: relative;
    width: 16.6666666667%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .cf-col-md-3 {
    position: relative;
    width: 25%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-md-offset-3 {
    margin-left: 25%;
  }
  .cf-col-md-4 {
    position: relative;
    width: 33.3333333333%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .cf-col-md-5 {
    position: relative;
    width: 41.6666666667%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .cf-col-md-6 {
    position: relative;
    width: 50%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-md-offset-6 {
    margin-left: 50%;
  }
  .cf-col-md-7 {
    position: relative;
    width: 58.3333333333%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .cf-col-md-8 {
    position: relative;
    width: 66.6666666667%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .cf-col-md-9 {
    position: relative;
    width: 75%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-md-offset-9 {
    margin-left: 75%;
  }
  .cf-col-md-10 {
    position: relative;
    width: 83.3333333333%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .cf-col-md-11 {
    position: relative;
    width: 91.6666666667%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .cf-col-md-12 {
    position: relative;
    width: 100%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-md-offset-12 {
    margin-left: 100%;
  }
}
.cf-col-lg-1 {
  position: relative;
  width: 100%;
}

.cf-col-lg-2 {
  position: relative;
  width: 100%;
}

.cf-col-lg-3 {
  position: relative;
  width: 100%;
}

.cf-col-lg-4 {
  position: relative;
  width: 100%;
}

.cf-col-lg-5 {
  position: relative;
  width: 100%;
}

.cf-col-lg-6 {
  position: relative;
  width: 100%;
}

.cf-col-lg-7 {
  position: relative;
  width: 100%;
}

.cf-col-lg-8 {
  position: relative;
  width: 100%;
}

.cf-col-lg-9 {
  position: relative;
  width: 100%;
}

.cf-col-lg-10 {
  position: relative;
  width: 100%;
}

.cf-col-lg-11 {
  position: relative;
  width: 100%;
}

.cf-col-lg-12 {
  position: relative;
  width: 100%;
}

@media (min-width: 992px) {
  .cf-col-lg-1 {
    position: relative;
    width: 8.3333333333%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .cf-col-lg-2 {
    position: relative;
    width: 16.6666666667%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .cf-col-lg-3 {
    position: relative;
    width: 25%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-lg-offset-3 {
    margin-left: 25%;
  }
  .cf-col-lg-4 {
    position: relative;
    width: 33.3333333333%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .cf-col-lg-5 {
    position: relative;
    width: 41.6666666667%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .cf-col-lg-6 {
    position: relative;
    width: 50%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-lg-offset-6 {
    margin-left: 50%;
  }
  .cf-col-lg-7 {
    position: relative;
    width: 58.3333333333%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .cf-col-lg-8 {
    position: relative;
    width: 66.6666666667%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .cf-col-lg-9 {
    position: relative;
    width: 75%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-lg-offset-9 {
    margin-left: 75%;
  }
  .cf-col-lg-10 {
    position: relative;
    width: 83.3333333333%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .cf-col-lg-11 {
    position: relative;
    width: 91.6666666667%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .cf-col-lg-12 {
    position: relative;
    width: 100%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-lg-offset-12 {
    margin-left: 100%;
  }
}
.cf-col-xl-1 {
  position: relative;
  width: 100%;
}

.cf-col-xl-2 {
  position: relative;
  width: 100%;
}

.cf-col-xl-3 {
  position: relative;
  width: 100%;
}

.cf-col-xl-4 {
  position: relative;
  width: 100%;
}

.cf-col-xl-5 {
  position: relative;
  width: 100%;
}

.cf-col-xl-6 {
  position: relative;
  width: 100%;
}

.cf-col-xl-7 {
  position: relative;
  width: 100%;
}

.cf-col-xl-8 {
  position: relative;
  width: 100%;
}

.cf-col-xl-9 {
  position: relative;
  width: 100%;
}

.cf-col-xl-10 {
  position: relative;
  width: 100%;
}

.cf-col-xl-11 {
  position: relative;
  width: 100%;
}

.cf-col-xl-12 {
  position: relative;
  width: 100%;
}

@media (min-width: 1200px) {
  .cf-col-xl-1 {
    position: relative;
    width: 8.3333333333%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-xl-offset-1 {
    margin-left: 8.3333333333%;
  }
  .cf-col-xl-2 {
    position: relative;
    width: 16.6666666667%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-xl-offset-2 {
    margin-left: 16.6666666667%;
  }
  .cf-col-xl-3 {
    position: relative;
    width: 25%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-xl-offset-3 {
    margin-left: 25%;
  }
  .cf-col-xl-4 {
    position: relative;
    width: 33.3333333333%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-xl-offset-4 {
    margin-left: 33.3333333333%;
  }
  .cf-col-xl-5 {
    position: relative;
    width: 41.6666666667%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-xl-offset-5 {
    margin-left: 41.6666666667%;
  }
  .cf-col-xl-6 {
    position: relative;
    width: 50%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-xl-offset-6 {
    margin-left: 50%;
  }
  .cf-col-xl-7 {
    position: relative;
    width: 58.3333333333%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-xl-offset-7 {
    margin-left: 58.3333333333%;
  }
  .cf-col-xl-8 {
    position: relative;
    width: 66.6666666667%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-xl-offset-8 {
    margin-left: 66.6666666667%;
  }
  .cf-col-xl-9 {
    position: relative;
    width: 75%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-xl-offset-9 {
    margin-left: 75%;
  }
  .cf-col-xl-10 {
    position: relative;
    width: 83.3333333333%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-xl-offset-10 {
    margin-left: 83.3333333333%;
  }
  .cf-col-xl-11 {
    position: relative;
    width: 91.6666666667%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-xl-offset-11 {
    margin-left: 91.6666666667%;
  }
  .cf-col-xl-12 {
    position: relative;
    width: 100%;
    display: inline-block;
    vertical-align: top;
  }
  .cf-col-xl-offset-12 {
    margin-left: 100%;
  }
}
.cf-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cf-flex.cf-flex-row {
  -webkit-flex-direction: row; /* Safari 6.1+ */
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.cf-flex.cf-flex-col {
  -webkit-flex-direction: column; /* Safari 6.1+ */
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.cf-flex.cf-flex-rowreverse {
  -webkit-flex-direction: row-reverse; /* Safari 6.1+ */
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.cf-flex.cf-flex-colreverse {
  -webkit-flex-direction: column-reverse; /* Safari 6.1+ */
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.cf-flex.cf-flex-nowrap {
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.cf-children-overflowvisible > div {
  overflow: visible;
}

.cf-children-overflowhidden > div {
  overflow: hidden;
}

.cf-children-overflowauto > div {
  overflow: auto;
}

.cf-newspaper-col-2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
@media ((max-width: 576px) or ((max-device-height: 431px) and (orientation: landscape)) or (max-device-width: 480px)) {
  .cf-newspaper-col-2 {
    -webkit-column-count: 0;
    -moz-column-count: 0;
    column-count: 0;
  }
}
.cf-mobile .cf-newspaper-col-2 {
  -webkit-column-count: 0;
  -moz-column-count: 0;
  column-count: 0;
}

.cf-newspaper-col-3 {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}
@media ((max-width: 576px) or ((max-device-height: 431px) and (orientation: landscape)) or (max-device-width: 480px)) {
  .cf-newspaper-col-3 {
    -webkit-column-count: 0;
    -moz-column-count: 0;
    column-count: 0;
  }
}
.cf-mobile .cf-newspaper-col-3 {
  -webkit-column-count: 0;
  -moz-column-count: 0;
  column-count: 0;
}

.cf-newspaper-col-4 {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
}
@media ((max-width: 576px) or ((max-device-height: 431px) and (orientation: landscape)) or (max-device-width: 480px)) {
  .cf-newspaper-col-4 {
    -webkit-column-count: 0;
    -moz-column-count: 0;
    column-count: 0;
  }
}
.cf-mobile .cf-newspaper-col-4 {
  -webkit-column-count: 0;
  -moz-column-count: 0;
  column-count: 0;
}

.cf-newspaper-paragraph {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
}

.cf-form {
  display: block;
}
.cf-form.cf-inlineform {
  display: inline-block;
}
.cf-form.cf-verticalform > .cf-verticalrow .cf-form-group > label,
.cf-form.cf-verticalform > .cf-verticalrow .cf-form-group .cf-form-group > label,
.cf-form .cf-verticalform > .cf-verticalrow .cf-form-group > label,
.cf-form .cf-verticalform > .cf-verticalrow .cf-form-group .cf-form-group > label {
  text-align: left;
}
.cf-form.cf-verticalform > .cf-verticalrow .cf-form-group > label:not([class*=cf-col-offset-]),
.cf-form.cf-verticalform > .cf-verticalrow .cf-form-group .cf-form-group > label:not([class*=cf-col-offset-]),
.cf-form .cf-verticalform > .cf-verticalrow .cf-form-group > label:not([class*=cf-col-offset-]),
.cf-form .cf-verticalform > .cf-verticalrow .cf-form-group .cf-form-group > label:not([class*=cf-col-offset-]) {
  margin-left: 0;
  width: 100%;
}
.cf-form.cf-verticalform > .cf-verticalrow .cf-form-group > label ~ div:not([class*=cf-col-offset-]),
.cf-form.cf-verticalform > .cf-verticalrow .cf-form-group .cf-form-group > label ~ div:not([class*=cf-col-offset-]),
.cf-form .cf-verticalform > .cf-verticalrow .cf-form-group > label ~ div:not([class*=cf-col-offset-]),
.cf-form .cf-verticalform > .cf-verticalrow .cf-form-group .cf-form-group > label ~ div:not([class*=cf-col-offset-]) {
  margin-left: 0;
  width: 100%;
}
.cf-form.cf-hide,
.cf-form .cf-hide {
  display: none;
}
.cf-form .cf-form-group {
  box-sizing: border-box;
  padding: 2px 0px 2px 0px;
}
.cf-form .cf-form-group.cf-form-add-gutter {
  margin-top: 14px;
  margin-bottom: 14px;
}
.cf-form .cf-form-group.cf-form-group-fullwidth {
  padding: 0;
}
.cf-form .cf-form-group.cf-form-group-center {
  text-align: center;
}
.cf-form .cf-form-group.cf-form-group-overflow {
  word-break: break-all;
}
.cf-form .cf-form-group > * {
  box-sizing: border-box;
}
.cf-form .cf-form-group.cf-form-group-has-error > .cf-form-error-message, .cf-form .cf-form-group.cf-form-group-has-success > .cf-form-success-message, .cf-form .cf-form-group.cf-form-group-has-message > .cf-form-main-message, .cf-form .cf-form-group.cf-form-group-has-message > .cf-form-success-message, .cf-form .cf-form-group.cf-form-group-has-message > .cf-form-error-message {
  display: block;
}
.cf-form .cf-form-group:has(> .cf-hideable:only-child) {
  padding-top: 0;
  padding-bottom: 0;
}
.cf-form .cf-form-group .cf-form-error-message,
.cf-form .cf-form-group .cf-form-main-message,
.cf-form .cf-form-group .cf-form-success-message {
  display: none;
  line-height: 2em;
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: inherit;
  font-family: inherit;
  font-weight: bold;
}
.cf-form .cf-form-group .cf-form-error-message {
  color: #EE423D;
  color: var(--error-500);
}
.cf-form .cf-form-group .cf-form-main-message {
  color: #2273B9;
  color: var(--cloudflow-main-500);
}
.cf-form .cf-form-group .cf-form-success-message {
  color: #05C985;
  color: var(--success-500);
}
.cf-form .cf-form-group .cf-form-input {
  border: 1px solid #c5c9cc;
  border: 1px solid var(--cloudflow-fourth-700);
  font-size: inherit;
  font-family: inherit;
  line-height: 2em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin-right: 0.5em;
  height: 34px;
  vertical-align: middle;
}
.cf-form .cf-form-group .cf-form-input:focus {
  border-color: #298ef1;
  border-color: var(--focus-main);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
}
.cf-form .cf-form-group .cf-form-input[disabled], .cf-form .cf-form-group .cf-form-input[readonly] {
  cursor: not-allowed;
  opacity: 0.9;
}
.cf-form .cf-form-group .cf-form-input[disabled] ~ .cf-input-appendbutton, .cf-form .cf-form-group .cf-form-input[readonly] ~ .cf-input-appendbutton {
  cursor: not-allowed;
  opacity: 0.9;
  background-color: #eee;
  background-color: var(--background-disabled);
}
.cf-form .cf-form-group > .cf-form-label {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 15px;
  white-space: normal;
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  line-height: 1.5;
  vertical-align: text-top;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.cf-form .cf-form-group > .cf-form-label + div {
  vertical-align: middle;
}
.cf-form .cf-form-group .cf-form-formgroupitem {
  vertical-align: middle;
}
.cf-form .cf-form-group.cf-form-group-required .cf-form-label:after,
.cf-form .cf-form-group.cf-form-group-required label:after {
  content: "*";
}
.cf-form .cf-form-group.cf-form-group-layout-expand > .cf-form-label {
  text-align: start;
}
.cf-form .cf-form-label {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: bold;
}
@media (min-width: 768px) {
  .cf-form .cf-form-label {
    text-align: right;
    padding-left: 0px;
  }
}
@media (max-width: 576px) {
  .cf-form .cf-form-label.cf-col-sm-1 {
    text-align: left;
  }
}
@media (max-width: 768px) {
  .cf-form .cf-form-label.cf-col-md-1 {
    text-align: left;
  }
}
@media (max-width: 992px) {
  .cf-form .cf-form-label.cf-col-lg-1 {
    text-align: left;
  }
}
@media (max-width: 1200px) {
  .cf-form .cf-form-label.cf-col-xl-1 {
    text-align: left;
  }
}
@media (max-width: 576px) {
  .cf-form .cf-form-label.cf-col-sm-2 {
    text-align: left;
  }
}
@media (max-width: 768px) {
  .cf-form .cf-form-label.cf-col-md-2 {
    text-align: left;
  }
}
@media (max-width: 992px) {
  .cf-form .cf-form-label.cf-col-lg-2 {
    text-align: left;
  }
}
@media (max-width: 1200px) {
  .cf-form .cf-form-label.cf-col-xl-2 {
    text-align: left;
  }
}
@media (max-width: 576px) {
  .cf-form .cf-form-label.cf-col-sm-3 {
    text-align: left;
  }
}
@media (max-width: 768px) {
  .cf-form .cf-form-label.cf-col-md-3 {
    text-align: left;
  }
}
@media (max-width: 992px) {
  .cf-form .cf-form-label.cf-col-lg-3 {
    text-align: left;
  }
}
@media (max-width: 1200px) {
  .cf-form .cf-form-label.cf-col-xl-3 {
    text-align: left;
  }
}
@media (max-width: 576px) {
  .cf-form .cf-form-label.cf-col-sm-4 {
    text-align: left;
  }
}
@media (max-width: 768px) {
  .cf-form .cf-form-label.cf-col-md-4 {
    text-align: left;
  }
}
@media (max-width: 992px) {
  .cf-form .cf-form-label.cf-col-lg-4 {
    text-align: left;
  }
}
@media (max-width: 1200px) {
  .cf-form .cf-form-label.cf-col-xl-4 {
    text-align: left;
  }
}
@media (max-width: 576px) {
  .cf-form .cf-form-label.cf-col-sm-5 {
    text-align: left;
  }
}
@media (max-width: 768px) {
  .cf-form .cf-form-label.cf-col-md-5 {
    text-align: left;
  }
}
@media (max-width: 992px) {
  .cf-form .cf-form-label.cf-col-lg-5 {
    text-align: left;
  }
}
@media (max-width: 1200px) {
  .cf-form .cf-form-label.cf-col-xl-5 {
    text-align: left;
  }
}
@media (max-width: 576px) {
  .cf-form .cf-form-label.cf-col-sm-6 {
    text-align: left;
  }
}
@media (max-width: 768px) {
  .cf-form .cf-form-label.cf-col-md-6 {
    text-align: left;
  }
}
@media (max-width: 992px) {
  .cf-form .cf-form-label.cf-col-lg-6 {
    text-align: left;
  }
}
@media (max-width: 1200px) {
  .cf-form .cf-form-label.cf-col-xl-6 {
    text-align: left;
  }
}
@media (max-width: 576px) {
  .cf-form .cf-form-label.cf-col-sm-7 {
    text-align: left;
  }
}
@media (max-width: 768px) {
  .cf-form .cf-form-label.cf-col-md-7 {
    text-align: left;
  }
}
@media (max-width: 992px) {
  .cf-form .cf-form-label.cf-col-lg-7 {
    text-align: left;
  }
}
@media (max-width: 1200px) {
  .cf-form .cf-form-label.cf-col-xl-7 {
    text-align: left;
  }
}
@media (max-width: 576px) {
  .cf-form .cf-form-label.cf-col-sm-8 {
    text-align: left;
  }
}
@media (max-width: 768px) {
  .cf-form .cf-form-label.cf-col-md-8 {
    text-align: left;
  }
}
@media (max-width: 992px) {
  .cf-form .cf-form-label.cf-col-lg-8 {
    text-align: left;
  }
}
@media (max-width: 1200px) {
  .cf-form .cf-form-label.cf-col-xl-8 {
    text-align: left;
  }
}
@media (max-width: 576px) {
  .cf-form .cf-form-label.cf-col-sm-9 {
    text-align: left;
  }
}
@media (max-width: 768px) {
  .cf-form .cf-form-label.cf-col-md-9 {
    text-align: left;
  }
}
@media (max-width: 992px) {
  .cf-form .cf-form-label.cf-col-lg-9 {
    text-align: left;
  }
}
@media (max-width: 1200px) {
  .cf-form .cf-form-label.cf-col-xl-9 {
    text-align: left;
  }
}
@media (max-width: 576px) {
  .cf-form .cf-form-label.cf-col-sm-10 {
    text-align: left;
  }
}
@media (max-width: 768px) {
  .cf-form .cf-form-label.cf-col-md-10 {
    text-align: left;
  }
}
@media (max-width: 992px) {
  .cf-form .cf-form-label.cf-col-lg-10 {
    text-align: left;
  }
}
@media (max-width: 1200px) {
  .cf-form .cf-form-label.cf-col-xl-10 {
    text-align: left;
  }
}
@media (max-width: 576px) {
  .cf-form .cf-form-label.cf-col-sm-11 {
    text-align: left;
  }
}
@media (max-width: 768px) {
  .cf-form .cf-form-label.cf-col-md-11 {
    text-align: left;
  }
}
@media (max-width: 992px) {
  .cf-form .cf-form-label.cf-col-lg-11 {
    text-align: left;
  }
}
@media (max-width: 1200px) {
  .cf-form .cf-form-label.cf-col-xl-11 {
    text-align: left;
  }
}
@media (max-width: 576px) {
  .cf-form .cf-form-label.cf-col-sm-12 {
    text-align: left;
  }
}
@media (max-width: 768px) {
  .cf-form .cf-form-label.cf-col-md-12 {
    text-align: left;
  }
}
@media (max-width: 992px) {
  .cf-form .cf-form-label.cf-col-lg-12 {
    text-align: left;
  }
}
@media (max-width: 1200px) {
  .cf-form .cf-form-label.cf-col-xl-12 {
    text-align: left;
  }
}
.cf-form .cf-form-mainlabel {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 15px;
  white-space: normal;
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  line-height: 1.5;
  vertical-align: text-top;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.cf-form [data-type=checkbox] > label {
  display: inline-block;
  line-height: 24px;
  margin-top: 5px;
  margin-bottom: 5px;
  max-width: 100%;
}
.cf-form .cf-form-checkbox {
  vertical-align: middle;
  cursor: pointer;
  width: 23px;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.cf-form .cf-form-checkbox::after {
  content: " ";
  width: 23px;
  height: 12px;
  display: inline-block;
  background: url(/nebula/images/toggleoff.svg);
  background-repeat: no-repeat;
  background-size: 23px 12px;
  visibility: visible;
  background-color: #ffffff;
  background-color: var(--body);
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.cf-form .cf-form-checkbox:checked::after {
  content: " ";
  width: 23px;
  height: 12px;
  display: inline-block;
  background: url(/nebula/images/toggleon.svg);
  background-repeat: no-repeat;
  background-size: 23px 12px;
  visibility: visible;
  background-color: #ffffff;
  background-color: var(--body);
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  /*
  padding-top: $formControlHeight / 2;
  background-position: center;
  */
}
.cf-invisible .cf-form .cf-form-checkbox::after {
  visibility: hidden;
}

.cf-form .cf-form-checkbox:focus {
  border-bottom: 1px solid #298ef1;
  border-bottom: 1px solid var(--focus-main);
  margin-bottom: -1px;
}
.cf-form .cf-form-checkbox[disabled], .cf-form .cf-form-checkbox[readonly] {
  opacity: 0.7;
  cursor: not-allowed;
}
.cf-form .cf-form-checkbox:not(:checked) ~ .cf-form-checkboxlabel {
  color: #777777;
  color: var(--text2-body);
}
.cf-form .cf-form-checkbox[disabled] ~ .cf-form-checkboxlabel, .cf-form .cf-form-checkbox[readonly] ~ .cf-form-checkboxlabel {
  opacity: 0.7;
  cursor: not-allowed;
}
.cf-form .cf-form-checkboxlabel {
  font-weight: normal;
  margin-left: 5px;
}
.cf-form .cf-form-radio-container,
.cf-form .cf-form-radio-container-inline {
  display: inline-block;
  padding-left: 30px;
}
.cf-form .cf-form-radio-container-block {
  display: block;
  padding-left: 30px;
}
.cf-form .cf-form-radio-container-block .cf-form-radiolabel {
  text-align: start;
}
.cf-form .cf-form-radiolabel {
  display: block;
  text-align: center;
  line-height: 1;
}
.cf-form .cf-form-radio {
  margin: 3px 3px 0 0;
  box-sizing: border-box;
  padding: 0;
  vertical-align: bottom;
  cursor: pointer;
}
.cf-form .cf-form-radio:focus:after {
  content: " ";
  box-shadow: 0px 0px 4px 1px #2273B9;
  box-shadow: 0px 0px 4px 1px var(--cloudflow-main-500);
  height: 1em;
  display: block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  z-index: -1;
}
.cf-form .cf-form-radio[disabled], .cf-form .cf-form-radio[readonly] {
  cursor: not-allowed;
}
.cf-form input[type=radio].cf-form-radio {
  accent-color: #222222;
  accent-color: var(--text-body);
}
.cf-form .cf-form-invalid {
  background-color: #F9E7E7;
  background-color: var(--error-light);
  border: 1pt solid #EE423D;
  border: 1pt solid var(--error-500);
  color: #EE423D;
  color: var(--error-500);
}
.cf-form .cf-form-required.cf-form-label::after,
.cf-form .cf-form-required .cf-form-label::after {
  content: "*";
}
.cf-form .cf-hideable {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.cf-form .cf-form-inputtype {
  padding: 6px 8px;
  font-size: 13.5px;
  font-size: 0.84375rem;
  font-family: inherit;
  line-height: 1.42857143;
  background-image: none;
  border: 1px solid #c5c9cc;
  border: 1px solid var(--cloudflow-fourth-700);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-sizing: border-box;
  vertical-align: middle;
}
.cf-form .cf-form-inputtype:focus {
  border-color: #298ef1;
  border-color: var(--focus-main);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
}
.cf-form .cf-form-inputtype[disabled], .cf-form .cf-form-inputtype[readonly] {
  cursor: not-allowed;
  opacity: 0.9;
}
.cf-form .cf-form-inputtype[disabled] ~ .cf-input-appendbutton, .cf-form .cf-form-inputtype[readonly] ~ .cf-input-appendbutton {
  cursor: not-allowed;
  opacity: 0.9;
  background-color: #eee;
  background-color: var(--background-disabled);
}
.cf-form .cf-form-inputtype::placeholder {
  color: #B9B9B9;
  color: var(--gray-3);
}
.cf-form .cf-form-select,
.cf-form .cf-form-control {
  padding: 6px 8px;
  font-size: 13.5px;
  font-size: 0.84375rem;
  font-family: inherit;
  line-height: 1.42857143;
  background-image: none;
  border: 1px solid #c5c9cc;
  border: 1px solid var(--cloudflow-fourth-700);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-sizing: border-box;
  vertical-align: middle;
  display: block;
  width: 100%;
  height: 34px;
}
.cf-form .cf-form-select:focus,
.cf-form .cf-form-control:focus {
  border-color: #298ef1;
  border-color: var(--focus-main);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
}
.cf-form .cf-form-select[disabled], .cf-form .cf-form-select[readonly],
.cf-form .cf-form-control[disabled],
.cf-form .cf-form-control[readonly] {
  cursor: not-allowed;
  opacity: 0.9;
}
.cf-form .cf-form-select[disabled] ~ .cf-input-appendbutton, .cf-form .cf-form-select[readonly] ~ .cf-input-appendbutton,
.cf-form .cf-form-control[disabled] ~ .cf-input-appendbutton,
.cf-form .cf-form-control[readonly] ~ .cf-input-appendbutton {
  cursor: not-allowed;
  opacity: 0.9;
  background-color: #eee;
  background-color: var(--background-disabled);
}
.cf-form .cf-form-select::placeholder,
.cf-form .cf-form-control::placeholder {
  color: #B9B9B9;
  color: var(--gray-3);
}
.cf-form .cf-form-select:focus, .cf-form .cf-form-select:focus ~ .cf-input-appendbutton,
.cf-form .cf-form-control:focus,
.cf-form .cf-form-control:focus ~ .cf-input-appendbutton {
  border-color: #298ef1;
  border-color: var(--focus-main);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
}
.cf-form .cf-form-select.cf-form-control-prefix,
.cf-form .cf-form-control.cf-form-control-prefix {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
.cf-form .cf-form-select[type=color],
.cf-form .cf-form-control[type=color] {
  width: 50px;
}
.cf-form .cf-form-control-prefix {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 36px);
}
.cf-form .cf-form-control-prefix input,
.cf-form .cf-form-control-prefix .cf-form-control {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
.cf-form textarea.cf-form-control {
  height: auto;
}
.cf-form .cf-form-helptext {
  font-style: italic;
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
}
.cf-form .cf-input-appendbutton {
  background: #ffffff;
  background: var(--body);
  border: 1px solid #c5c9cc;
  border: 1px solid var(--cloudflow-fourth-700);
  border-left-width: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  box-sizing: border-box;
  color: #3B3B3B;
  color: var(--gray-1);
  height: 34px;
  width: 36px;
  margin: 0px;
  line-height: 1.42857143;
  padding-top: 6px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
}
.cf-form .cf-input-appendbutton:focus {
  border-color: #298ef1;
  border-color: var(--focus-main);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
}
.cf-form button.cf-input-appendbutton {
  padding-top: 4px;
}
.cf-form div.cf-input-appendbutton,
.cf-form span.cf-input-appendbutton {
  display: inline-block;
}
.cf-form .cf-form-labeltail {
  padding-left: 15px;
}
.cf-form .cf-form-internbutton {
  position: absolute;
  top: 7px;
  right: 4px;
  font-size: 13.5px;
  font-size: 0.84375rem;
  line-height: 1.42857143;
}
.cf-form .cf-form-textpart {
  line-height: 20px;
  vertical-align: top;
  padding-top: 6px;
  box-sizing: border-box;
  display: inline-block;
}
.cf-form .cf-form-buttongroupinput {
  color: #3B3B3B;
  color: var(--gray-1);
}
.cf-form .cf-form-has-internbutton {
  padding-right: 21px;
}
.cf-form .cf-form-disabled {
  cursor: not-allowed;
  opacity: 0.9;
  background-color: #eee;
  background-color: var(--background-disabled);
}
.cf-form .cf-form-noroundedborders {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.cf-form .cf-form-prefilled select,
.cf-form .cf-form-prefilled input {
  background-color: rgb(250, 255, 189);
  background-color: var(--autofill);
  background-image: none;
}
.cf-form .cf-form-col-1 {
  position: relative;
  width: calc((8.3333333333%) - (16.5px));
  display: inline-block;
}
.cf-form .cf-form-offset-1 {
  position: relative;
  margin-left: calc((8.3333333333%) - (16.5px));
  display: inline-block;
}
.cf-form .cf-form-col-2 {
  position: relative;
  width: calc((16.6666666667%) - (15px));
  display: inline-block;
}
.cf-form .cf-form-offset-2 {
  position: relative;
  margin-left: calc((16.6666666667%) - (15px));
  display: inline-block;
}
.cf-form .cf-form-col-3 {
  position: relative;
  width: calc((25%) - (13.5px));
  display: inline-block;
}
.cf-form .cf-form-offset-3 {
  position: relative;
  margin-left: calc((25%) - (13.5px));
  display: inline-block;
}
.cf-form .cf-form-col-4 {
  position: relative;
  width: calc((33.3333333333%) - (12px));
  display: inline-block;
}
.cf-form .cf-form-offset-4 {
  position: relative;
  margin-left: calc((33.3333333333%) - (12px));
  display: inline-block;
}
.cf-form .cf-form-col-5 {
  position: relative;
  width: calc((41.6666666667%) - (10.5px));
  display: inline-block;
}
.cf-form .cf-form-offset-5 {
  position: relative;
  margin-left: calc((41.6666666667%) - (10.5px));
  display: inline-block;
}
.cf-form .cf-form-col-6 {
  position: relative;
  width: calc((50%) - (9px));
  display: inline-block;
}
.cf-form .cf-form-offset-6 {
  position: relative;
  margin-left: calc((50%) - (9px));
  display: inline-block;
}
.cf-form .cf-form-col-7 {
  position: relative;
  width: calc((58.3333333333%) - (7.5px));
  display: inline-block;
}
.cf-form .cf-form-offset-7 {
  position: relative;
  margin-left: calc((58.3333333333%) - (7.5px));
  display: inline-block;
}
.cf-form .cf-form-col-8 {
  position: relative;
  width: calc((66.6666666667%) - (6px));
  display: inline-block;
}
.cf-form .cf-form-offset-8 {
  position: relative;
  margin-left: calc((66.6666666667%) - (6px));
  display: inline-block;
}
.cf-form .cf-form-col-9 {
  position: relative;
  width: calc((75%) - (4.5px));
  display: inline-block;
}
.cf-form .cf-form-offset-9 {
  position: relative;
  margin-left: calc((75%) - (4.5px));
  display: inline-block;
}
.cf-form .cf-form-col-10 {
  position: relative;
  width: calc((83.3333333333%) - (3px));
  display: inline-block;
}
.cf-form .cf-form-offset-10 {
  position: relative;
  margin-left: calc((83.3333333333%) - (3px));
  display: inline-block;
}
.cf-form .cf-form-col-11 {
  position: relative;
  width: calc((91.6666666667%) - (1.5px));
  display: inline-block;
}
.cf-form .cf-form-offset-11 {
  position: relative;
  margin-left: calc((91.6666666667%) - (1.5px));
  display: inline-block;
}
.cf-form .cf-form-col-12 {
  position: relative;
  width: calc((100%) - (0px));
  display: inline-block;
}
.cf-form .cf-form-offset-12 {
  position: relative;
  margin-left: calc((100%) - (0px));
  display: inline-block;
}
.cf-form .row.layoutRow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cf-form.cf-form-small .cf-form-label {
  margin-top: 2px;
  padding-right: 7px;
}
.cf-form.cf-form-small [data-type=checkbox] > label {
  line-height: normal;
  margin-top: 0px;
  margin-bottom: 0px;
}
.cf-form.cf-form-small .cf-form-group {
  line-height: 1.4em;
}
.cf-form.cf-form-small .cf-form-control {
  height: 27px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.cf-form.cf-form-small textarea.cf-form-control {
  height: auto;
}
.cf-form.cf-form-small .cf-input-appendbutton {
  height: 27px;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 26px;
  vertical-align: middle;
}
.cf-form.cf-form-detailspanel {
  margin-left: 8px;
  margin-right: 8px;
}
.cf-form.cf-form-detailspanel.cf-form-nopadding {
  margin-left: 0px;
  margin-right: 0px;
}
.cf-form.cf-form-detailspanel .cf-form-label {
  color: #777777;
  color: var(--text3-second);
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 6px;
  padding-left: 3px;
  padding-right: 8px;
  line-height: 20px;
  box-sizing: border-box;
  vertical-align: top;
}
.cf-form.cf-form-detailspanel .cf-form-label.cf-col-sm-12 {
  text-align: left;
}
.cf-form.cf-form-detailspanel .cf-form-control {
  font-size: 12px;
  font-size: 0.75rem;
  height: 32px;
}
.cf-form.cf-form-detailspanel .cf-form-control-prefix {
  width: calc(100% - 32px);
}
.cf-form.cf-form-detailspanel textarea.cf-form-control {
  height: auto;
}
.cf-form.cf-form-detailspanel .cf-form-text {
  padding: 6px 2px 6px 3px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 20px;
  min-height: 20px;
  box-sizing: border-box;
  vertical-align: top;
}
.cf-form.cf-form-detailspanel .cf-form-inputtype {
  font-size: 12px;
  font-size: 0.75rem;
  height: 32px;
}
.cf-form.cf-form-detailspanel .cf-input-appendbutton {
  height: 32px;
  width: 32px;
}
.cf-form.cf-form-detailspanel .cf-form-inputappend {
  line-height: 1;
  height: 20px;
}
.cf-form.cf-form-detailspanel .cf-form-helptext {
  color: #222222;
  color: var(--text-second);
  font-style: normal;
  font-size: 11px;
  font-size: 0.6875rem;
}
.cf-form.cf-form-detailspanel .cf-form-disabled {
  background: inherit;
  opacity: 0.3;
}
.cf-form.cf-form-detailspanel .cf-tag {
  height: 14px;
  line-height: 14px;
}
.cf-form.cf-form-horizontalmargin {
  margin-left: 15px;
  margin-right: 15px;
}
@media ((max-width: 576px) or ((max-device-height: 431px) and (orientation: landscape)) or (max-device-width: 480px)) {
  .cf-form.cf-form-detailspanel .cf-form-control,
  .cf-form .cf-form-control {
    font-size: 16px;
    font-size: 1rem;
  }
}
.cf-mobile .cf-form.cf-form-detailspanel .cf-form-control,
.cf-mobile .cf-form .cf-form-control {
  font-size: 16px;
  font-size: 1rem;
}

.cf-form-inputtype,
.cf-form-input,
.cf-form-select,
.cf-form-control {
  color: #3B3B3B;
  color: var(--gray-1);
  background-color: #ffffff;
  background-color: var(--body);
}
.cf-form-inputtype[disabled], .cf-form-inputtype[readonly],
.cf-form-input[disabled],
.cf-form-input[readonly],
.cf-form-select[disabled],
.cf-form-select[readonly],
.cf-form-control[disabled],
.cf-form-control[readonly] {
  background-color: #eee;
  background-color: var(--background-disabled);
}

.cf-form-helptext {
  color: #777777;
  color: var(--gray-2);
}

@supports (-webkit-tap-highlight-color: black) {
  .cf-form-helptext {
    color: color-mix(in lch, #fff 40%, currentColor);
  }
}
@-moz-document url-prefix() {
  .cf-form-helptext {
    color: color-mix(in lch, #fff 40%, currentColor);
  }
}
.cf-checkbox {
  vertical-align: middle;
  cursor: pointer;
  width: 23px;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.cf-checkbox::after {
  content: " ";
  width: 23px;
  height: 12px;
  display: inline-block;
  background: url(/nebula/images/toggleoff.svg);
  background-repeat: no-repeat;
  background-size: 23px 12px;
  visibility: visible;
  background-color: #ffffff;
  background-color: var(--body);
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.cf-checkbox:checked::after {
  content: " ";
  width: 23px;
  height: 12px;
  display: inline-block;
  background: url(/nebula/images/toggleon.svg);
  background-repeat: no-repeat;
  background-size: 23px 12px;
  visibility: visible;
  background-color: #ffffff;
  background-color: var(--body);
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  /*
  padding-top: $formControlHeight / 2;
  background-position: center;
  */
}
.cf-invisible .cf-checkbox::after {
  visibility: hidden;
}

.cf-checkbox:focus {
  border-bottom: 1px solid #298ef1;
  border-bottom: 1px solid var(--focus-main);
  margin-bottom: -1px;
}
.cf-checkbox[disabled], .cf-checkbox[readonly] {
  opacity: 0.7;
  cursor: not-allowed;
}
.cf-checkbox[disabled]:after {
  opacity: 0.7;
}
.cf-checkbox:not(:checked) ~ .cf-checkboxlabel {
  color: #777777;
  color: var(--text2-body);
}
.cf-checkbox[disabled] ~ .cf-checkboxlabel, .cf-checkbox[readonly] ~ .cf-checkboxlabel {
  opacity: 0.7;
  cursor: not-allowed;
}

.cf-checkboxlabel {
  font-weight: normal;
  margin-left: 5px;
}

.cf-toggle {
  display: inline-block;
  vertical-align: text-bottom;
  margin-left: 1px;
  margin-right: 1px;
}
.cf-toggle label {
  background-color: #EAEFF3;
  background-color: var(--cloudflow-fourth-500);
  color: #222222;
  color: var(--text-second);
  border: 1px solid #B9B9B9;
  border: 1px solid var(--gray-3);
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 18px;
  line-height: 1;
  padding: 3px;
}
.cf-toggle input {
  height: 0px;
  width: 0px;
  opacity: 0;
  margin: 0;
  padding: 0;
}
.cf-toggle.cf-icon {
  width: 18px;
  height: 18px;
}
.cf-toggle input:checked + label {
  background-color: #2273B9;
  background-color: var(--cloudflow-main-500);
  color: #ffffff;
  color: var(--text-main);
}

.cf-panel {
  background: #ffffff;
  background: var(--body);
  border: 1px solid #c5c9cc;
  border: 1px solid var(--cloudflow-fourth-700);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 20px;
}
.cf-panel > .cf-panel-head, .cf-panel > .panel-heading {
  display: block;
  padding: 5px 10px;
  background-color: #EAEFF3;
  background-color: var(--cloudflow-fourth-500);
  border-bottom: 1px solid #c5c9cc;
  border-bottom: 1px solid var(--cloudflow-fourth-700);
  font-size: 14px;
  font-size: 0.875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.7em;
}
@media ((max-width: 576px) or ((max-device-height: 431px) and (orientation: landscape)) or (max-device-width: 480px)) {
  .cf-panel > .cf-panel-head, .cf-panel > .panel-heading {
    font-size: 16px;
    font-size: 1rem;
  }
}
.cf-mobile .cf-panel > .cf-panel-head, .cf-mobile .cf-panel > .panel-heading {
  font-size: 16px;
  font-size: 1rem;
}

.cf-panel > .cf-panel-body, .cf-panel > .panel-body {
  padding: 15px 15px 15px 15px;
}

.cf-legend {
  display: block;
  border-bottom: 1px solid #2273B9;
  border-bottom: 1px solid var(--cloudflow-main-500);
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 20px;
  line-height: 1.25rem;
  margin-top: 7px;
  margin-bottom: 10px;
  padding: 0;
  width: 100%;
}
@media ((max-width: 576px) or ((max-device-height: 431px) and (orientation: landscape)) or (max-device-width: 480px)) {
  .cf-legend {
    font-size: 16px;
    font-size: 1rem;
  }
}
.cf-mobile .cf-legend {
  font-size: 16px;
  font-size: 1rem;
}

.cf-tag {
  border: 1px solid #2273B9;
  border: 1px solid var(--cloudflow-main-500);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #2273B9;
  color: var(--cloudflow-main-500);
  cursor: default;
  display: inline-block;
  padding: 1px 3px;
  margin: 2px 0px;
  margin-right: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.cf-tag .cf-tag-remove {
  cursor: pointer;
  display: inline-block;
  margin-right: 5px;
}

.cf-message-margin {
  margin-bottom: 15px;
}

.cf-message-error {
  position: relative;
  border-radius: 0px;
  color: #ffffff;
  color: var(--text-main);
  cursor: default;
  padding: 17px 13px;
  line-height: 1.428;
  background: #EE423D;
  background: var(--error-500);
}
.cf-message-error:empty {
  padding: 0;
}
.cf-message-error .cf-closebutton {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  right: 7px;
  top: 5px;
  background: inherit;
  border: none;
  color: #ffffff;
  color: var(--text-main);
  cursor: pointer;
  font: inherit;
  font-size: 2em;
  margin: 0;
  -webkit-appearance: none;
}
.cf-message-error .cf-closebutton:focus {
  outline: none;
}

.cf-message-warning {
  position: relative;
  border-radius: 0px;
  color: #ffffff;
  color: var(--text-main);
  cursor: default;
  padding: 17px 13px;
  line-height: 1.428;
  background: #FFAB4F;
  background: var(--warning-500);
}
.cf-message-warning:empty {
  padding: 0;
}
.cf-message-warning .cf-closebutton {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  right: 7px;
  top: 5px;
  background: inherit;
  border: none;
  color: #ffffff;
  color: var(--text-main);
  cursor: pointer;
  font: inherit;
  font-size: 2em;
  margin: 0;
  -webkit-appearance: none;
}
.cf-message-warning .cf-closebutton:focus {
  outline: none;
}

.cf-message-success {
  position: relative;
  border-radius: 0px;
  color: #ffffff;
  color: var(--text-main);
  cursor: default;
  padding: 17px 13px;
  line-height: 1.428;
  background: #05C985;
  background: var(--success-500);
}
.cf-message-success:empty {
  padding: 0;
}
.cf-message-success .cf-closebutton {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  right: 7px;
  top: 5px;
  background: inherit;
  border: none;
  color: #ffffff;
  color: var(--text-main);
  cursor: pointer;
  font: inherit;
  font-size: 2em;
  margin: 0;
  -webkit-appearance: none;
}
.cf-message-success .cf-closebutton:focus {
  outline: none;
}

.cf-message-main {
  position: relative;
  border-radius: 0px;
  color: #ffffff;
  color: var(--text-main);
  cursor: default;
  padding: 17px 13px;
  line-height: 1.428;
  background: #2273B9;
  background: var(--cloudflow-main-500);
}
.cf-message-main:empty {
  padding: 0;
}
.cf-message-main .cf-closebutton {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  right: 7px;
  top: 5px;
  background: inherit;
  border: none;
  color: #ffffff;
  color: var(--text-main);
  cursor: pointer;
  font: inherit;
  font-size: 2em;
  margin: 0;
  -webkit-appearance: none;
}
.cf-message-main .cf-closebutton:focus {
  outline: none;
}

.cf-message-basic {
  position: relative;
  border-radius: 0px;
  color: #222222;
  color: var(--text-body);
  cursor: default;
  padding: 17px 13px;
  line-height: 1.428;
  background: #ffffff;
  background: var(--body);
}
.cf-message-basic:empty {
  padding: 0;
}
.cf-message-basic .cf-closebutton {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  right: 7px;
  top: 5px;
  background: inherit;
  border: none;
  color: #222222;
  color: var(--text-body);
  cursor: pointer;
  font: inherit;
  font-size: 2em;
  margin: 0;
  -webkit-appearance: none;
}
.cf-message-basic .cf-closebutton:focus {
  outline: none;
}

.cf-message-centered {
  text-align: center;
}

.cf-text-error {
  color: #EE423D;
  color: var(--error-500);
}

.cf-text-warning {
  color: #FFAB4F;
  color: var(--warning-500);
}

.cf-text-success {
  color: #05C985;
  color: var(--success-500);
}

.cf-text-main {
  color: #2273B9;
  color: var(--cloudflow-main-500);
}

.cf-dialog-hidden {
  display: none;
}

.cf-dialog {
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 2px rgba(var(--gray-0-rgb), 0.1);
  border-radius: 0px;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  box-sizing: content-box;
}
.cf-dialog.cf-dialog-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column; /* Safari 6.1+ */
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}
.cf-dialog.cf-dialog-flex .cf-dialog-content {
  height: 100%;
}
.cf-dialog.cf-dialog-hidden {
  display: none;
}
.cf-dialog.cf-dialog-fixwidth {
  display: block;
  width: 400px;
}
@media (max-width: 400px) {
  .cf-dialog.cf-dialog-fixwidth {
    box-sizing: border-box;
    width: 100%;
  }
}
@media ((max-width: 576px) or ((max-device-height: 431px) and (orientation: landscape)) or (max-device-width: 480px)) {
  .cf-dialog.cf-dialog-fixwidth {
    box-sizing: border-box;
    width: 100%;
  }
}
.cf-dialog.cf-dialog-center {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20%;
  margin-top: 25vh;
}
.cf-dialog .cf-dialog-close {
  cursor: pointer;
  position: absolute;
  top: 8px;
  right: 0px;
  width: 25px;
  text-align: center;
  font-style: normal;
  background: transparent;
  border: none;
  font-size: 0px;
}
.cf-dialog .cf-dialog-close::before {
  content: "✕";
  font-size: 12px;
  font-size: 0.75rem;
}
.cf-dialog .cf-dialog-header {
  position: relative;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: #2273B9;
  background: var(--cloudflow-main-500);
  border: 1px solid #2273B9;
  border: 1px solid var(--cloudflow-main-500);
  color: #ffffff;
  color: var(--text-main);
  font-weight: bold;
  padding: 7px;
  text-shadow: none;
}
.cf-dialog .cf-dialog-header .cf-dialog-header-close {
  cursor: pointer;
  position: absolute;
  top: 8px;
  right: 0px;
  width: 25px;
  text-align: center;
  font-style: normal;
  background: transparent;
  border: none;
  font-size: 0px;
  color: #ffffff;
  color: var(--text-main);
}
.cf-dialog .cf-dialog-header .cf-dialog-header-close::before {
  content: "✕";
  font-size: 12px;
  font-size: 0.75rem;
}
.cf-dialog .cf-dialog-header .cf-dialog-rightsidebutton,
.cf-dialog .cf-dialog-header .cf-dialog-rightsidebutton-noclose {
  float: right;
  font-weight: bold;
  cursor: pointer;
  margin-right: 30px;
  padding: 0px 3px;
  border: none;
  background: transparent;
}
.cf-dialog .cf-dialog-header .cf-dialog-rightsidebutton-noclose {
  margin-right: 2px;
}
.cf-dialog .cf-dialog-header.cf-dialog-header-error {
  background: #EE423D;
  background: var(--error-500);
  border-color: #EE423D;
  border-color: var(--error-500);
}
.cf-dialog.cf-dialog-content {
  border: 1px solid #DDE3E8;
  border: 1px solid var(--cloudflow-third-500);
}
.cf-dialog.cf-dialog-content,
.cf-dialog .cf-dialog-content {
  position: relative;
  overflow: auto;
  padding: 0;
  zoom: 1;
  background: #ffffff;
  background: var(--body);
  color: #222222;
  color: var(--text-body);
}
.cf-dialog.cf-dialog-content.cf-overflowvisible,
.cf-dialog .cf-dialog-content.cf-overflowvisible {
  overflow: visible;
}
.cf-dialog.cf-dialog-content.cf-dialog-fixwidth,
.cf-dialog .cf-dialog-content.cf-dialog-fixwidth {
  display: block;
  width: 400px;
}
@media (max-width: 400px) {
  .cf-dialog.cf-dialog-content.cf-dialog-fixwidth,
  .cf-dialog .cf-dialog-content.cf-dialog-fixwidth {
    box-sizing: border-box;
    width: 100%;
    border-width: 0;
  }
}
@media ((max-width: 576px) or ((max-device-height: 431px) and (orientation: landscape)) or (max-device-width: 480px)) {
  .cf-dialog.cf-dialog-content.cf-dialog-fixwidth,
  .cf-dialog .cf-dialog-content.cf-dialog-fixwidth {
    box-sizing: border-box;
    width: 100%;
    border-width: 0;
  }
}
.cf-dialog.cf-dialog-content.cf-dialog-padding,
.cf-dialog .cf-dialog-content.cf-dialog-padding {
  padding: 22px;
}
.cf-dialog.cf-dialog-smallpadding .cf-dialog-header {
  padding-left: 12px;
}
.cf-dialog.cf-dialog-smallpadding .ui-dialog-content {
  padding: 7px 12px;
}
.cf-dialog .cf-dialog-bottom {
  background: #ffffff;
  background: var(--body);
  border-top: 1px solid #DDE3E8;
  border-top: 1px solid var(--cloudflow-third-500);
  padding: 6px 6px;
}
.cf-dialog .cf-dialog-buttons {
  display: block;
  border-top: 1px solid #DDE3E8;
  border-top: 1px solid var(--cloudflow-third-500);
  background: #ffffff;
  background: var(--body);
  padding: 7px 7px;
  text-align: right;
}
.cf-dialog .cf-dialog-buttons .cf-button,
.cf-dialog .cf-dialog-buttons .cf-button-main,
.cf-dialog .cf-dialog-buttons .cf-button-secondary {
  margin-left: 2px;
  margin-right: 2px;
}
.cf-dialog .cf-dialog-buttons.cf-dialog-padding {
  padding: 22px;
}
.cf-dialog:focus {
  outline: none;
}
@media ((max-width: 576px) or ((max-device-height: 431px) and (orientation: landscape)) or (max-device-width: 480px)) {
  .cf-dialog {
    box-sizing: border-box;
  }
}

dialog.cf-dialog {
  border: none;
  padding: 0;
}
dialog.cf-dialog:not([open]) {
  display: none;
}

.ui-dialog.cf-dialog {
  position: absolute;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 2px rgba(var(--gray-0-rgb), 0.1);
  border-radius: 0px;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}
.ui-dialog.cf-dialog .ui-dialog-titlebar {
  position: relative;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ui-dialog.cf-dialog .ui-dialog-titlebar:not(.cf-dialog-customheader) {
  background: #2273B9;
  background: var(--cloudflow-main-500);
  border: 1px solid #2273B9;
  border: 1px solid var(--cloudflow-main-500);
  color: #ffffff;
  color: var(--text-main);
  font-weight: bold;
  padding: 7px;
  text-shadow: none;
}
.ui-dialog.cf-dialog .ui-dialog-titlebar .cf-dialog-rightsidebutton,
.ui-dialog.cf-dialog .ui-dialog-titlebar .cf-dialog-rightsidebutton-noclose {
  float: none;
  font-weight: bold;
  padding: 0px 3px;
  position: absolute;
  right: 30px;
}
.ui-dialog.cf-dialog .ui-dialog-titlebar .cf-dialog-rightsidebutton:not([disabled]),
.ui-dialog.cf-dialog .ui-dialog-titlebar .cf-dialog-rightsidebutton-noclose:not([disabled]) {
  cursor: pointer;
}
.ui-dialog.cf-dialog .ui-dialog-titlebar .cf-dialog-rightsidebutton-noclose {
  margin-right: 2px;
}
.ui-dialog.cf-dialog .ui-dialog-titlebar .cf-dialog-rightsidebutton-second {
  right: 56px;
}
.ui-dialog.cf-dialog .ui-dialog-titlebar .cf-topbar-button-active::before {
  height: 25px;
  width: 25px;
  top: -4px;
  right: -2px;
}
.ui-dialog.cf-dialog .ui-dialog-title {
  white-space: nowrap;
  width: 95%;
  width: calc(100% - 100px);
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.ui-dialog.cf-dialog .ui-dialog-titlebar-close {
  cursor: pointer;
  position: absolute;
  top: 8px;
  right: 0px;
  width: 25px;
  text-align: center;
  font-style: normal;
  background: transparent;
  border: none;
  font-size: 0px;
  color: #ffffff;
  color: var(--text-main);
}
.ui-dialog.cf-dialog .ui-dialog-titlebar-close::before {
  content: "✕";
  font-size: 12px;
  font-size: 0.75rem;
}
.ui-dialog.cf-dialog .ui-dialog-titlebar-close > span {
  display: none;
}
.ui-dialog.cf-dialog button.ui-dialog-titlebar-close {
  border: none;
  background: inherit;
  float: right;
  top: 5px;
}
.ui-dialog.cf-dialog button.ui-dialog-titlebar-close:focus {
  outline: none;
}
.ui-dialog.cf-dialog .ui-dialog-content {
  position: relative;
  overflow: auto;
  padding: 0;
  zoom: 1;
}
.ui-dialog.cf-dialog .ui-dialog-content.cf-overflowvisible {
  overflow: visible;
}
.ui-dialog.cf-dialog .ui-dialog-content:not(.cf-dialog-customcontent) {
  background: #ffffff;
  background: var(--body);
  color: #222222;
  color: var(--text-body);
}
.ui-dialog.cf-dialog.cf-dialog-smallpadding .ui-dialog-titlebar {
  padding-left: 12px;
}
.ui-dialog.cf-dialog.cf-dialog-smallpadding .ui-dialog-content {
  padding: 7px 12px;
}
.ui-dialog.cf-dialog .ui-dialog-buttonpane {
  text-align: left;
  background: #ffffff;
  background: var(--body);
}
.ui-dialog.cf-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  background: #ffffff;
  background: var(--body);
  padding: 7px 7px;
  text-align: right;
}
.ui-dialog.cf-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .cf-button,
.ui-dialog.cf-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .cf-button-main,
.ui-dialog.cf-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .cf-button-secondary {
  margin-left: 2px;
  margin-right: 2px;
}
.ui-dialog.cf-dialog .ui-dialog-buttonpane button {
  cursor: pointer;
}
.ui-dialog.cf-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}
.ui-dialog.cf-dialog .ui-helper-clearfix:before,
.ui-dialog.cf-dialog .ui-helper-clearfix:after {
  content: "";
  display: table;
}
.ui-dialog.cf-dialog .ui-helper-clearfix:after {
  clear: both;
}
.ui-dialog.cf-dialog .ui-button-icon-only {
  box-sizing: border-box;
  white-space: nowrap;
}
.ui-dialog.cf-dialog .ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}
.ui-dialog.cf-dialog.ui-dialog-resizing .ui-dialog-content {
  overflow: hidden;
}

.ui-front {
  z-index: 100;
}

.cf-dialogposition-main {
  margin-top: 20%;
  margin-top: 15vh;
}

.cf-dialogposition-top {
  margin-top: 0px;
}

@media ((max-width: 576px) or ((max-device-height: 431px) and (orientation: landscape)) or (max-device-width: 480px)) {
  .cf-dialogposition-top-mobile {
    margin-top: 0px;
  }
}
.cf-page.cf-page-embedded .cf-dialog .ui-dialog-titlebar,
.cf-page.cf-page-embedded .cf-dialog .cf-dialog-header {
  background: #66B3D9;
  background: var(--cloudflow-first-500);
  border: 1px solid #66B3D9;
  border: 1px solid var(--cloudflow-first-500);
}
.cf-page.cf-page-embedded ~ .cf-dialog .ui-dialog-titlebar {
  background: #66B3D9;
  background: var(--cloudflow-first-500);
  border: 1px solid #66B3D9;
  border: 1px solid var(--cloudflow-first-500);
}

.cf-noscroll {
  overflow: hidden;
}

.cf-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0px;
  background: rgba(185, 185, 185, 0.5);
  background: rgba(var(--gray-3-rgb), 0.5);
  overflow: hidden;
}

.cf-overlay-light {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0px;
  background: rgba(185, 185, 185, 0.2);
  background: rgba(var(--gray-3-rgb), 0.2);
  overflow: hidden;
}

.cf-overlay-dark {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0px;
  background: rgba(185, 185, 185, 0.8);
  background: rgba(var(--gray-3-rgb), 0.8);
  overflow: hidden;
}

.cf-overlay-transparent {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0px;
  background: transparent;
  overflow: hidden;
}

.ui-dialog.cf-dialog.cf-tooltip-dialog {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.ui-dialog.cf-dialog.cf-tooltip-dialog .nixps-pointer {
  position: absolute;
  z-index: -1;
}
.ui-dialog.cf-dialog.cf-tooltip-dialog .nixps-pointer.arrow-up {
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 14px solid;
  border-bottom-color: #B9B9B9;
  border-bottom-color: var(--gray-3);
  top: -10px;
  left: 50%;
}
.ui-dialog.cf-dialog.cf-tooltip-dialog .nixps-pointer.arrow-up:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #f7f7f7;
  top: 1px;
  left: -9px;
  position: absolute;
}
.ui-dialog.cf-dialog.cf-tooltip-dialog .nixps-pointer.arrow-down {
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 14px solid;
  border-top-color: #B9B9B9;
  border-top-color: var(--gray-3);
  bottom: -10px;
  left: 50%;
}
.ui-dialog.cf-dialog.cf-tooltip-dialog .nixps-pointer.arrow-down:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #f7f7f7;
  top: -10px;
  left: -9px;
  position: absolute;
}
.ui-dialog.cf-dialog.cf-tooltip-dialog .nixps-pointer.arrow-right {
  width: 0;
  height: 0;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 14px solid;
  border-left-color: #B9B9B9;
  border-left-color: var(--gray-3);
  right: -10px;
  top: 50%;
}
.ui-dialog.cf-dialog.cf-tooltip-dialog .nixps-pointer.arrow-right:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 9px solid #f7f7f7;
  left: -10px;
  top: -9px;
  position: absolute;
}
.ui-dialog.cf-dialog.cf-tooltip-dialog .nixps-pointer.arrow-left {
  width: 0;
  height: 0;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-right: 14px solid;
  border-right-color: #B9B9B9;
  border-right-color: var(--gray-3);
  left: -10px;
  top: 50%;
}
.ui-dialog.cf-dialog.cf-tooltip-dialog .nixps-pointer.arrow-left:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 9px solid #f7f7f7;
  left: 1px;
  top: -9px;
  position: absolute;
}
.ui-dialog.cf-dialog.cf-tooltip-dialog .ui-dialog-titlebar {
  padding: 4px 14px;
  font-size: 1.2em;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  color: #222222;
  color: var(--text-body);
  border: none;
  border-bottom: 1px solid #ebebeb;
  border-radius: 6px 6px 0px 0px;
}
.ui-dialog.cf-dialog.cf-tooltip-dialog .ui-dialog-titlebar-close {
  color: #222222;
  color: var(--text-body);
}
.ui-dialog.cf-dialog.cf-tooltip-dialog .cf-tooltip-body {
  padding: 5px 9px;
}
.ui-dialog.cf-dialog.cf-tooltip-dialog .cf-tooltip-main {
  border-radius: 0px 0px 6px 6px;
}

.cf-dropdown {
  background: #ffffff;
  background: var(--body);
  border: 1px solid #222222;
  border: 1px solid var(--text-body);
  color: #222222;
  color: var(--text-body);
  min-width: 120px;
  overscroll-behavior: none;
}
.cf-dropdown.cf-dropdown-secondary {
  border: 1px solid #B9B9B9;
  border: 1px solid var(--gray-3);
  box-shadow: 0px 1px 3px  #B9B9B9;
  box-shadow: 0px 1px 3px  var(--gray-3);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.cf-dropdown .cf-dropdown-item-block {
  display: block;
}
.cf-dropdown .cf-dropdown-item {
  position: relative;
  line-height: 25px;
  height: 25px;
  padding: 3px 3px 3px 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  cursor: pointer;
  padding: 3px 8px 3px 1px;
  box-sizing: content-box;
}
.cf-dropdown .cf-dropdown-item.disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.cf-dropdown .cf-dropdown-item.cf-dropdown-item-hidden {
  display: none;
}
.cf-dropdown .cf-dropdown-item:hover {
  background: rgba(0, 0, 0, 7%);
  background: rgba(var(--gray-0-rgb), 7%);
}
.cf-dropdown button.cf-dropdown-item {
  background: inherit;
  border: none;
  box-sizing: border-box;
  color: inherit;
  display: block;
  width: 100%;
}
.cf-dropdown button.cf-dropdown-item:hover {
  background: rgba(0, 0, 0, 7%);
  background: rgba(var(--gray-0-rgb), 7%);
}
.cf-dropdown .cf-dropdown-item.cf-dropdown-item-error {
  color: #EE423D;
  color: var(--error-500);
}
.cf-dropdown .cf-dropdown-item.cf-dropdown-item-error .cf-dropdown-icon {
  color: inherit;
}
.cf-dropdown .cf-dropdown-icon {
  color: #222222;
  color: var(--text-body);
  text-align: center;
  width: 10px;
  display: inline-block;
}
.cf-dropdown .cf-dropdown-icon.cf-icon, .cf-dropdown .cf-dropdown-icon.fa, .cf-dropdown .cf-dropdown-icon.fa-stack,
.cf-dropdown .cf-dropdown-icon .cf-icon,
.cf-dropdown .cf-dropdown-icon .fa {
  margin-right: 6px;
  margin-left: 3px;
  width: 16px;
}
.cf-dropdown .cf-dropdown-checkboxicon {
  visibility: hidden;
  overflow: hidden;
  width: 0px;
  height: 0px;
}
.cf-dropdown.cf-dropdown-checkable .cf-dropdown-item {
  padding-right: 25px;
}
.cf-dropdown.cf-dropdown-checkable .cf-dropdown-checkboxicon {
  visibility: hidden;
  position: absolute;
  right: 5px;
  top: 10px;
}
.cf-dropdown.cf-dropdown-checkable .cf-dropdown-item.cf-dropdown-checked .cf-dropdown-checkboxicon {
  visibility: visible;
  width: inherit;
  height: inherit;
}
.cf-dropdown .cf-dropdown-separator {
  border-bottom: 1px solid;
  border-color: #222222;
  border-color: var(--text-body);
  height: 0;
  margin-top: 2px;
  margin-bottom: 2px;
}
.cf-dropdown .cf-disabled {
  pointer-events: none;
  cursor: not-allowed;
  color: #B9B9B9;
  color: var(--gray-3);
}
.cf-dropdown .cf-disabled .cf-dropdown-icon {
  color: #B9B9B9;
  color: var(--gray-3);
}
.cf-dropdown .cf-disabled.cf-dropdown-item-error {
  color: #F9E7E7;
  color: var(--error-light);
}

.cf-itemlist {
  line-height: 25px;
  height: 25px;
  padding: 3px 3px 3px 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.cf-itemlist-clickable {
  line-height: 25px;
  height: 25px;
  padding: 3px 3px 3px 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  cursor: pointer;
}
.cf-itemlist-clickable.disabled {
  pointer-events: none;
  cursor: not-allowed;
}

.cf-topbar {
  background: #2273B9;
  background: var(--cloudflow-main-500);
  color: #ffffff;
  color: var(--text-main);
  height: 59px;
  line-height: 59px;
  padding-left: 0;
  padding-right: 0;
  overflow-y: hidden;
  touch-action: none;
  max-width: 100%;
}
.cf-topbar.cf-topbar-padding {
  padding-left: 20px;
  padding-right: 20px;
}
.cf-topbar.cf-topbar-floatcontent {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.cf-topbar .cf-topbar-spacer {
  display: inline-block;
  width: 20px;
}
.cf-topbar .cf-topbar-cloudflowLogo {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-size: 30px;
  text-align: center;
  line-height: 59px;
  vertical-align: top;
  width: 60px;
}
.cf-topbar .cf-topbar-cloudflowLogo:before {
  content: "\e9a4";
}
.cf-topbar .cf-topbar-logo {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 59px;
  vertical-align: top;
  width: 60px;
  margin-left: 0;
}
.cf-topbar .cf-topbar-logo.cf-icon-2x {
  font-size: 24px;
}
.cf-topbar .cf-topbar-title {
  display: inline-block;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
  vertical-align: top;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: calc(100% - 60px);
}
.cf-topbar .cf-topbar-title .cf-topbar-button:not([disabled])::before {
  position: absolute;
  width: 100%;
  top: 16px;
  height: 27px;
  left: -3px;
  padding-right: 6px;
  border-radius: 20px;
}
.cf-topbar .cf-topbar-titleicon {
  display: inline-block;
  vertical-align: top;
}
.cf-topbar .cf-topbar-titleicon img {
  -webkit-user-drag: none;
  user-drag: none;
}
.cf-topbar .cf-topbar-separator {
  margin-left: 12px;
  margin-right: 12px;
  vertical-align: top;
  line-height: 59px;
  opacity: 0.3;
}
.cf-topbar .cf-topbar-separator > span {
  border-left: 1px solid #ffffff;
  border-left: 1px solid var(--text-main);
  border-right: 0px solid transparent;
  height: 20px;
  width: 2px;
}
.cf-topbar .cf-topbar-filler {
  flex-grow: 1;
}
.cf-topbar .cf-topbar-item {
  vertical-align: top;
  line-height: 59px;
}
.cf-topbar a.cf-topbar-button {
  display: inline-block;
  line-height: 59px;
}
.cf-topbar a.cf-topbar-button .cf-icon {
  vertical-align: sub;
}
.cf-topbar .cf-topbar-button {
  height: 59px;
  padding: 0px 1px;
  margin: 0px 7px;
  vertical-align: top;
  min-width: 0;
}
.cf-topbar .cf-topbar-button .cf-icon {
  width: 20px;
  font-size: 18px;
  font-size: min(18px,26px);
  font-size: 1.125rem;
  font-size: min(1.125rem,26px);
  text-align: center;
}
.cf-topbar .cf-topbar-button .fa {
  width: 20px;
  text-align: center;
}
.cf-topbar .cf-topbar-button.cf-topbar-button-lg .cf-icon {
  font-size: 25px;
}
.cf-topbar .cf-topbar-button.cf-topbar-button-lg .cf-icon.cf-icon-x {
  text-indent: -2px;
}
.cf-topbar .cf-topbar-button:not(.cf-topbar-button-disabled):before, .cf-topbar .cf-topbar-button:not([disabled]):before {
  position: unset;
  height: 36px;
  width: 36px;
  top: 11.5px;
  left: -7px;
}
.cf-topbar .cf-topbar-arrowmenu-arrow {
  cursor: pointer;
  color: inherit;
  background: transparent;
  border: 0;
  overflow: visible;
  height: 59px;
  padding: 0;
  margin-left: -6px;
}
.cf-topbar .cf-search-icon-clickable {
  cursor: pointer;
}
.cf-topbar .cf-search-icon-clickable:after {
  content: " ";
  position: absolute;
  background: #2273B9;
  background: var(--cloudflow-main-500);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  height: 36px;
  width: 36px;
  top: 11.5px;
  left: -7px;
  z-index: -1;
  -webkit-transition: background 1s;
  transition: background 1s;
}
.cf-topbar .cf-search-icon-clickable:hover {
  position: relative;
  z-index: 1;
}
.cf-topbar .cf-search-icon-clickable:hover:after {
  position: absolute;
  background: #81A8BB;
  background: var(--cloudflow-second);
}
.cf-topbar .cf-search-icon-clickable:active:after {
  -webkit-box-shadow: inset 0px 0px 4px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0px 0px 4px 2px rgba(var(--gray-0-rgb), 0.25);
  box-shadow: inset 0px 0px 4px 2px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 4px 2px rgba(var(--gray-0-rgb), 0.25);
}
.cf-topbar .cf-link {
  color: #ffffff;
  color: var(--text-main);
}
.cf-topbar .cf-link:hover {
  color: #66B3D9;
  color: var(--cloudflow-first-500);
}
.cf-topbar .cf-topbar-alignright {
  position: absolute;
  right: 2px;
  top: 0;
  text-align: right;
  height: 59px;
  background: inherit;
  /* handle when title is too big */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  /* ask safari to draw last item */
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  max-width: 100%;
  width: auto;
  overflow: auto;
}
.cf-topbar .cf-topbar-alignright.cf-topbar-alignright-inlinesearch {
  right: 250px;
}
.cf-topbar .cf-topbar-aligncenter {
  -webkit-flex: 1 1 auto; /* Safari 6.1+ */
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
  height: 59px;
  background: inherit;
  /* handle when title is too big */
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow: auto;
  max-width: 100%;
}
.cf-topbar .cf-topbar-search,
.cf-topbar .cf-topbar-inlinesearch {
  position: absolute;
  right: 0;
  top: 0;
  height: 59px;
  background: inherit;
  /* handle when title is too big */
  margin-right: 20px;
}
.cf-topbar .cf-topbar-search .cf-search-icon,
.cf-topbar .cf-topbar-inlinesearch .cf-search-icon {
  font-size: 20px;
  margin-right: 5px;
  line-height: 59px;
}
.cf-topbar .cf-topbar-search .cf-topbar-searchamount:not(:empty),
.cf-topbar .cf-topbar-inlinesearch .cf-topbar-searchamount:not(:empty) {
  position: absolute;
  right: 17px;
  z-index: 1;
  height: 59px;
  line-height: 59px;
  color: #777777;
  color: var(--gray-2);
  font-weight: normal;
  letter-spacing: normal;
}
.cf-topbar .cf-topbar-search.cf-topbar-search-searchamount-activated .cf-inlinesearch,
.cf-topbar .cf-topbar-inlinesearch.cf-topbar-search-searchamount-activated .cf-inlinesearch {
  padding-right: 36px;
}
.cf-topbar .cf-topbar-search .cf-topbar-clearsearch,
.cf-topbar .cf-topbar-inlinesearch .cf-topbar-clearsearch {
  display: none;
  cursor: pointer;
  position: absolute;
  top: 24px;
  right: 4px;
  z-index: 2;
  color: #222222;
  color: var(--text-body);
}
.cf-topbar .cf-topbar-search .cf-topbar-searchtags,
.cf-topbar .cf-topbar-inlinesearch .cf-topbar-searchtags {
  display: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  position: absolute;
  top: calc(50% - 14px);
  left: 25px;
  height: 28px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  line-height: 1px;
  color: #ffffff;
  color: var(--text-main);
  background: #66B3D9;
  background: var(--cloudflow-first-500);
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
  z-index: 2;
}
.cf-topbar .cf-topbar-search .cf-topbar-searchtags .nixps-cloudflow-Select,
.cf-topbar .cf-topbar-inlinesearch .cf-topbar-searchtags .nixps-cloudflow-Select {
  display: inline-block;
}
.cf-topbar .cf-topbar-search .cf-topbar-searchtags .nixps-cloudflow-Select select,
.cf-topbar .cf-topbar-inlinesearch .cf-topbar-searchtags .nixps-cloudflow-Select select {
  background-color: inherit;
  border: none;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  width: 15px;
  text-indent: 4px;
}
.cf-topbar .cf-topbar-search .cf-topbar-searchtags .nixps-cloudflow-Select select option,
.cf-topbar .cf-topbar-inlinesearch .cf-topbar-searchtags .nixps-cloudflow-Select select option {
  color: #ffffff;
  color: var(--text-main);
  background: #66B3D9;
  background: var(--cloudflow-first-500);
}
.cf-topbar .cf-topbar-search .cf-topbar-searchtags:not(:empty),
.cf-topbar .cf-topbar-inlinesearch .cf-topbar-searchtags:not(:empty) {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.cf-topbar .cf-topbar-search:hover .cf-topbar-clearsearch,
.cf-topbar .cf-topbar-inlinesearch:hover .cf-topbar-clearsearch {
  display: inline-block;
}
.cf-topbar .cf-topbar-search.cf-topbar-fullwidth-searchtags input,
.cf-topbar .cf-topbar-inlinesearch.cf-topbar-fullwidth-searchtags input {
  padding-left: 38px;
}
.cf-topbar .cf-topbar-search.cf-topbar-fullwidth-searchtags .cf-topbar-searchtags,
.cf-topbar .cf-topbar-inlinesearch.cf-topbar-fullwidth-searchtags .cf-topbar-searchtags {
  padding-left: 4px;
  width: 28px;
}
.cf-topbar .cf-topbar-search.cf-topbar-smallwidth-searchtags input,
.cf-topbar .cf-topbar-inlinesearch.cf-topbar-smallwidth-searchtags input {
  padding-left: 21px;
}
.cf-topbar .cf-topbar-search.cf-topbar-smallwidth-searchtags .cf-topbar-searchtags,
.cf-topbar .cf-topbar-inlinesearch.cf-topbar-smallwidth-searchtags .cf-topbar-searchtags {
  width: 15px;
}
.cf-topbar .cf-topbar-morebutton {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  height: 59px;
  line-height: 59px;
  padding: 0 10px;
}
.cf-topbar.cf-topbar-notransition .cf-topbar-button:not(.cf-topbar-button-disabled):after, .cf-topbar.cf-topbar-notransition .cf-topbar-button:not(.cf-topbar-button-disabled):before,
.cf-topbar.cf-topbar-notransition .cf-topbar-button:not([disabled]):after,
.cf-topbar.cf-topbar-notransition .cf-topbar-button:not([disabled]):before,
.cf-topbar.cf-topbar-notransition .cf-search-icon-clickable:after,
.cf-topbar.cf-topbar-notransition .cf-search-icon-clickable:before {
  -webkit-transition: none;
  transition: none;
}
.cf-topbar.cf-topbar-disabled {
  color: #c5c9cc;
  color: var(--cloudflow-fourth-700);
}
.cf-topbar.cf-topbar-minimal {
  height: 25px;
  line-height: 25px;
}
.cf-topbar.cf-topbar-minimal .cf-topbar-cloudflowLogo {
  line-height: 25px;
}
.cf-topbar.cf-topbar-minimal .cf-topbar-logo {
  line-height: 25px;
  width: 25px;
}
.cf-topbar.cf-topbar-minimal .cf-topbar-title {
  margin-left: 0px;
}
.cf-topbar.cf-topbar-minimal .cf-topbar-separator {
  line-height: 25px;
}
.cf-topbar.cf-topbar-minimal .cf-topbar-item {
  line-height: 25px;
}
.cf-topbar.cf-topbar-minimal .cf-topbar-button {
  height: 25px;
}
.cf-topbar.cf-topbar-minimal .cf-topbar-button:not(.cf-topbar-button-disabled):before, .cf-topbar.cf-topbar-minimal .cf-topbar-button:not([disabled]):before {
  top: -5.5px;
}
.cf-topbar.cf-topbar-minimal .cf-topbar-alignright {
  height: 25px;
}
.cf-topbar.cf-topbar-minimal .cf-topbar-search,
.cf-topbar.cf-topbar-minimal .cf-topbar-inlinesearch {
  height: 25px;
}
.cf-topbar.cf-topbar-minimal .cf-topbar-search .cf-search-icon,
.cf-topbar.cf-topbar-minimal .cf-topbar-inlinesearch .cf-search-icon {
  line-height: 25px;
}
.cf-topbar.cf-topbar-texticons .cf-topbar-button {
  display: flex;
  flex-direction: column;
}
.cf-topbar.cf-topbar-texticons .cf-topbar-button .cf-icon:first-of-type {
  display: inline-block;
  text-align: center;
  width: 100%;
  line-height: 20.5px;
}
.cf-topbar.cf-topbar-texticons .cf-topbar-button .cf-topbar-button-text {
  display: -webkit-box;
  line-height: 12.5px;
  max-width: 90px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cf-topbar.cf-topbar-texticons .cf-topbar-button:not([disabled]):before, .cf-topbar.cf-topbar-texticons .cf-topbar-button:not(.cf-topbar-button-disabled):before {
  height: 28px;
  width: 28px;
  top: 9px;
  left: -3px;
}
@media ((max-width: 576px) or ((max-device-height: 431px) and (orientation: landscape)) or (max-device-width: 480px)) {
  .cf-topbar .cf-topbar-title {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .cf-topbar .cf-topbar-menu-mobile {
    display: none;
  }
  .cf-topbar .cf-topbar-menu-mobile:not(:empty) ~ .cf-topbar-search,
  .cf-topbar .cf-topbar-menu-mobile:not(:empty) ~ .cf-topbar-inlinesearch {
    right: 32px;
    margin-right: 0px;
  }
  .cf-topbar .cf-topbar-menu-mobile:not(:empty) ~ .cf-topbar-morebutton {
    display: inline-block;
    cursor: pointer;
  }
  .cf-topbar.cf-topbar-showbuttons .cf-topbar-menu-mobile {
    right: 0px;
    top: 59px;
    padding-left: 7px;
    color: #222222;
    color: var(--text-body);
    background: #ffffff;
    background: var(--body);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column; /* Safari 6.1+ */
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1000;
  }
  .cf-topbar.cf-topbar-showbuttons .cf-topbar-menu-mobile .cf-topbar-button {
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: start;
    width: 100%;
    background: #ffffff;
    background: var(--body);
  }
  .cf-topbar.cf-topbar-showbuttons .cf-topbar-menu-mobile .cf-topbar-button .cf-icon,
  .cf-topbar.cf-topbar-showbuttons .cf-topbar-menu-mobile .cf-topbar-button .fa {
    margin-right: 5px;
  }
  .cf-topbar.cf-topbar-showbuttons .cf-topbar-menu-mobile .cf-topbar-button:before {
    display: none;
    height: 0;
    width: 0;
  }
  .cf-topbar.cf-topbar-showbuttons .cf-topbar-menu-mobile .cf-topbar-button:after {
    content: attr(title);
    content: attr(title)/" ";
  }
}

.cf-topbar-button {
  cursor: pointer;
  color: inherit;
  background: transparent;
  border: 0;
  overflow: visible;
}
.cf-topbar-button:not(.cf-topbar-button-disabled):before, .cf-topbar-button:not([disabled]):before {
  content: " ";
  position: absolute;
  background: #2273B9;
  background: var(--cloudflow-main-500);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  z-index: -1;
  -webkit-transition: background 1s;
  transition: background 1s;
}
.cf-topbar-button:not(.cf-topbar-button-disabled).cf-topbar-button-active, .cf-topbar-button:not(.cf-topbar-button-disabled).cf-topbar-button-hover, .cf-topbar-button:not(.cf-topbar-button-disabled):hover, .cf-topbar-button:not([disabled]).cf-topbar-button-active, .cf-topbar-button:not([disabled]).cf-topbar-button-hover, .cf-topbar-button:not([disabled]):hover {
  position: relative;
  z-index: 1;
}
.cf-topbar-button:not(.cf-topbar-button-disabled).cf-topbar-button-active:before, .cf-topbar-button:not(.cf-topbar-button-disabled).cf-topbar-button-hover:before, .cf-topbar-button:not(.cf-topbar-button-disabled):hover:before, .cf-topbar-button:not([disabled]).cf-topbar-button-active:before, .cf-topbar-button:not([disabled]).cf-topbar-button-hover:before, .cf-topbar-button:not([disabled]):hover:before {
  position: absolute;
  background: #81A8BB;
  background: var(--cloudflow-second);
}
.cf-topbar-button:not(.cf-topbar-button-disabled):active:before, .cf-topbar-button:not([disabled]):active:before {
  -webkit-box-shadow: inset 0px 0px 4px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0px 0px 4px 2px rgba(var(--gray-0-rgb), 0.25);
  box-shadow: inset 0px 0px 4px 2px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 4px 2px rgba(var(--gray-0-rgb), 0.25);
}
.cf-topbar-button.cf-topbar-button-disabled, .cf-topbar-button[disabled] {
  color: #c5c9cc;
  color: var(--cloudflow-fourth-700);
  cursor: not-allowed;
}
.cf-topbar-button:focus {
  outline: none;
}

.cf-sidebar {
  color: #81A8BB;
  color: var(--cloudflow-second);
  text-align: center;
}
.cf-sidebar .cf-sidebar-container {
  width: 60px;
  box-sizing: border-box;
  overflow-y: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column; /* Safari 6.1+ */
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: space-between;
}
.cf-sidebar .cf-sidebar-button {
  border: 0;
  cursor: pointer;
  display: block;
  padding: 7px 0px 7px 0px;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  width: 59px;
}
.cf-sidebar .cf-sidebar-button:not(.cf-select):not(.cf-select-alike) {
  background: transparent;
  color: inherit;
}
.cf-sidebar .cf-sidebar-button .cf-sidebar-button-icon {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  display: inline-block;
  font-size: 21.33333333px;
  font-size: min(21.33333333px,25px);
  font-size: 1.3333333331rem;
  font-size: min(1.3333333331rem,25px);
}
.cf-sidebar .cf-sidebar-button .cf-sidebar-button-text {
  display: none;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cf-sidebar .cf-sidebar-button.cf-sidebar-button-active .cf-badgenumber {
  color: #2273B9;
  color: var(--cloudflow-main-500);
  background: #ffffff;
  background: var(--body);
}
.cf-sidebar .cf-sidebar-button.cf-sidebar-button-active .cf-badgenumber.cf-badgenumber-error {
  color: #EE423D;
  color: var(--error-500);
}
.cf-sidebar .cf-sidebar-button.cf-sidebar-button-active .cf-badgenumber.cf-badgenumber-warning {
  color: #FFAB4F;
  color: var(--warning-500);
}
.cf-sidebar .cf-sidebar-button.cf-sidebar-button-subselect {
  opacity: 0.7;
}
.cf-sidebar .cf-sidebar-button:focus {
  outline: none;
}
.cf-sidebar .cf-sidebar-button.cf-disabled {
  opacity: 0.7;
  pointer-events: none;
  cursor: default;
}
.cf-sidebar button.cf-sidebar-button:hover::after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  bottom: 0;
  right: 0;
  border-style: solid;
  border-width: 0 0 6px 6px;
  border-color: transparent transparent #ffffff transparent;
  border-color: transparent transparent var(--text-main) transparent;
}
.cf-sidebar img {
  -webkit-user-drag: none;
  user-drag: none;
}
.cf-sidebar .cf-sidebar-user {
  cursor: pointer;
}
.cf-sidebar .cf-sidebar-user .cf-icon-cloudflow-logo {
  font-size: 29px;
  margin-bottom: 10px;
  width: 28px;
}
.cf-sidebar .cf-sidebar-pagecontentHover {
  display: block;
  cursor: default;
  left: 60px;
  position: fixed;
  right: 0;
  bottom: 0;
  top: 59px;
}
.cf-sidebar .cf-sidebar-pagecontentHover.cf-sidebar-pagecontentHover-main {
  display: block;
  background: #ffffff;
  background: var(--body);
}
.cf-sidebar .cf-sidebar-pagecontentHover.cf-sidebar-pagecontentHover-hidden {
  display: none;
}
.cf-sidebar .cf-sidebar-pagecontentHover .cf-sidebar-sub {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  padding: 1px 7px 0px 7px;
  text-align: left;
  text-align: initial;
  max-width: 560px;
  min-height: 75px;
}
.cf-sidebar .cf-sidebar-pagecontentHover .cf-sidebar-sub .cf-sidebar-sub-header {
  margin: 15px 7px 15px 25px;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}
.cf-sidebar .cf-sidebar-pagecontentHover .cf-sidebar-sub .cf-sidebar-sub-button {
  cursor: pointer;
  width: 90px;
  text-align: center;
  vertical-align: top;
}
.cf-sidebar .cf-sidebar-pagecontentHover .cf-sidebar-sub .cf-sidebar-sub-button:not(.frame-os-setup-feature) {
  display: inline-block;
}
.cf-sidebar .cf-sidebar-pagecontentHover .cf-sidebar-sub .cf-sidebar-sub-button .cf-sidebar-sub-icon {
  display: block;
  font-size: 31pt;
  width: 50px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
}
.cf-sidebar .cf-sidebar-pagecontentHover .cf-sidebar-sub .cf-sidebar-sub-button .cf-sidebar-sub-icon.cf-rotate-270 {
  position: relative;
  top: -6px;
}
.cf-sidebar .cf-sidebar-pagecontentHover .cf-sidebar-sub .cf-sidebar-sub-button .cf-sidebar-sub-text {
  display: block;
  width: 82px;
  margin: 0px 4px 20px 4px;
  line-height: 1.25;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.cf-sidebar .cf-sidebar-pagecontentHover .cf-sidebar-sub button.cf-sidebar-sub-button {
  color: inherit;
  background: inherit;
  border: 0;
  box-sizing: content-box;
  padding: 0;
  font-weight: inherit;
  font-style: inherit;
}
.cf-sidebar .cf-sidebar-pagecontentHover .cf-sidebar-sub button.cf-sidebar-sub-button:focus {
  outline: none;
}
.cf-sidebar .cf-sidebar-pagecontentHover .cf-sidebar-quitehovercontainer {
  display: inline-block;
  position: absolute;
  left: 0px;
  padding: 20px 20px 20px 20px;
  max-width: 600px;
  min-height: 75px;
}
.cf-sidebar.cf-sidebar-hidden {
  width: 0;
  overflow: hidden;
}
.cf-sidebar.cf-sidebar-extend {
  text-align: left;
  text-align: start;
}
.cf-sidebar.cf-sidebar-extend .cf-sidebar-container {
  width: 181px;
}
.cf-sidebar.cf-sidebar-extend .cf-sidebar-button {
  width: 100%;
}
.cf-sidebar.cf-sidebar-extend .cf-sidebar-button .cf-sidebar-button-icon {
  margin-left: 20px;
  text-align: center;
}
.cf-sidebar.cf-sidebar-extend .cf-sidebar-button .cf-sidebar-button-text {
  display: inline-block;
  text-align: left;
  text-align: start;
  margin-left: 20px;
  line-height: 20px;
  width: 120px;
  width: calc(100% - 61px);
}
.cf-sidebar.cf-sidebar-extend .cf-sidebar-button.cf-sidebar-user .cf-sidebar-button-icon {
  margin-left: 20px;
}
.cf-sidebar.cf-sidebar-extend .cf-sidebar-button.cf-sidebar-user .cf-sidebar-button-text {
  margin-left: 20px;
  width: 120px;
  width: calc(100% - 61px);
}
.cf-sidebar.cf-sidebar-extend .cf-sidebar-pagecontentHover {
  left: 181px;
}
.cf-sidebar.cf-sidebar-extend .cf-badgenumber {
  top: 0px;
  right: 8px;
  margin-top: 7px;
}
.cf-sidebar.cf-sidebar-disabled .cf-sidebar-user {
  cursor: default;
}
.cf-sidebar:not(.cf-sidebar-customized) .cf-sidebar-container {
  background: #EAEFF3;
  background: var(--cloudflow-fourth-500);
  border-right: 1px solid #81A8BB;
  border-right: 1px solid var(--cloudflow-second);
}
.cf-sidebar:not(.cf-sidebar-customized) .cf-sidebar-pagecontentHover {
  background: rgba(255, 255, 255, 0.45);
  background: rgba(var(--body-rgb), 0.45);
}
.cf-sidebar:not(.cf-sidebar-customized) .cf-sidebar-sub-header {
  color: #222222;
  color: var(--text-second);
}
.cf-sidebar:not(.cf-sidebar-customized) .cf-sidebar-sub {
  background: #EAEFF3;
  background: var(--cloudflow-fourth-500);
}
.cf-sidebar:not(.cf-sidebar-customized) .cf-sidebar-sub-text {
  color: #222222;
  color: var(--text-second);
}

.cf-pagecontent-fullheight {
  height: 100vh;
  height: 100svh;
}

.cf-pagecontent {
  overflow: auto;
  padding: 0;
  margin: 0;
}
.cf-pagecontent.cf-pagecontent-small {
  left: 180px;
  width: calc(100% - 180px);
}
.cf-pagecontent.cf-pagecontent-fullwidth {
  left: 0;
  width: 100%;
}
.cf-pagecontent.cf-pagecontent-addpadding {
  padding: 22px;
  padding-bottom: 0px;
}
.cf-pagecontent .cf-pagecontent-fullheight {
  height: calc(100vh - 61px);
  height: calc(100svh - 61px);
}

.cf-bottombar {
  overflow: auto;
  padding: 0;
  margin: 0;
  background: #ffffff;
  background: var(--body);
}
.cf-bottombar:not(:empty) {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

.cf-bottombar-mobile {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  height: calc(60px + env(safe-area-inset-bottom, 0px));
  line-height: 60px;
  width: 100%;
  touch-action: none;
  z-index: 1000;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row; /* Safari 6.1+ */
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.cf-bottombar-mobile .cf-bottombar-item,
.cf-bottombar-mobile .cf-bottombar-item-mobile,
.cf-bottombar-mobile button {
  -webkit-flex: 1 1 0px; /* Safari 6.1+ */
  -moz-flex: 1 1 0px;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  padding: 0px;
  padding-bottom: 0px;
  padding-bottom: env(safe-area-inset-bottom, 0px);
  border: 0px solid;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  height: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.cf-bottombar-mobile .cf-bottombar-item[disabled],
.cf-bottombar-mobile .cf-bottombar-item-mobile[disabled],
.cf-bottombar-mobile button[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}
.cf-bottombar-mobile .cf-bottombar-icon {
  text-align: center;
}
.cf-bottombar-mobile .cf-bottombar-label {
  text-align: center;
  display: block;
}

.cf-page {
  overflow: hidden;
}
.cf-page .cf-sidebar {
  position: fixed;
  top: 59px;
  bottom: 0;
  left: 0;
  width: 60px;
}
.cf-page .cf-sidebar .cf-sidebar-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 60px;
}
.cf-page .cf-sidebar.cf-sidebar-hidden {
  width: 0;
}
.cf-page .cf-sidebar.cf-sidebar-extend {
  width: 181px;
}
.cf-page .cf-sidebar.cf-sidebar-extend .cf-sidebar-container {
  width: 181px;
}
.cf-page .cf-sidebar.cf-sidebar-open {
  right: 0;
}
.cf-page .cf-pagecontent {
  box-sizing: border-box;
  position: fixed;
  top: 59px;
  left: 60px;
  right: 0;
  bottom: 0;
  width: calc(100% - 60px);
}
.cf-page .cf-pagecontent.cf-pagecontent-detailspanel {
  width: calc(100% - 360px);
  right: 300px;
}
.cf-page .cf-pagecontent.cf-pagecontent-detailspanel-large {
  width: calc(100% - 910px);
  right: 850px;
}
.cf-page .cf-pagecontent.cf-pagecontent-detailspanel-maximize {
  width: calc(100% - 60px);
}
.cf-page .cf-pagecontent.cf-pagecontent-small {
  left: 181px;
  width: calc(100% - 181px);
}
.cf-page .cf-pagecontent.cf-pagecontent-small.cf-pagecontent-detailspanel {
  width: calc(100% - 481px);
}
.cf-page .cf-pagecontent.cf-pagecontent-small.cf-pagecontent-detailspanel-large {
  width: calc(100% - 1031px);
}
.cf-page .cf-pagecontent.cf-pagecontent-maximise {
  top: 25px;
}
.cf-page .cf-pagecontent.cf-pagecontent-fullwidth {
  left: 0;
  width: 100%;
}
.cf-page .cf-pagecontent.cf-pagecontent-fullwidth.cf-pagecontent-detailspanel {
  width: calc(100% - 300px);
}
.cf-page .cf-pagecontent.cf-pagecontent-fullwidth.cf-pagecontent-detailspanel-large {
  width: calc(100% - 850px);
}
.cf-page .cf-pagescreen {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column; /* Safari 6.1+ */
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: fixed;
  top: 59px;
  bottom: 0;
  left: 60px;
  right: 0;
}
.cf-page .cf-pagescreen.cf-pagecontent-small {
  left: 181px;
}
.cf-page .cf-pagescreen.cf-pagecontent-fullwidth {
  left: 0;
}
.cf-page .cf-pagescreen .cf-topcontentpart {
  width: initial;
  display: block;
  max-height: 50%;
  overflow: auto;
}
.cf-page .cf-pagescreen .cf-topcontentpart.cf-overflowvisible {
  overflow: visible;
}
.cf-page .cf-pagescreen .cf-bottomcontentpart {
  position: relative;
  -webkit-flex: auto; /* Safari 6.1+ */
  -moz-flex: auto;
  -ms-flex: auto;
  flex: auto;
  background: #ffffff;
  background: var(--body);
}
.cf-page .cf-pagescreen .cf-bottomcontentpart .cf-pagecontent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.cf-page .cf-pagescreen .cf-bottomcontentpart .cf-pagecontent.cf-pagecontent-detailspanel {
  width: calc(100% - 300px);
}
.cf-page .cf-pagescreen .cf-bottomcontentpart .cf-detailspanel {
  top: 0;
}
.cf-page .cf-bottombar {
  box-sizing: border-box;
  position: fixed;
  left: 60px;
  right: 0;
  bottom: 0;
}
.cf-page .cf-bottombar.cf-bottombar-small {
  left: 181px;
  width: calc(100% - 181px);
}
.cf-page .cf-bottombar.cf-bottombar-fullwidth {
  left: 0;
  width: 100%;
}
.cf-page.cf-transition .cf-sidebar {
  -webkit-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -o-transition: width 0.5s;
  transition: width 0.5s;
}
.cf-page.cf-transition .cf-sidebar .cf-sidebar-container {
  -webkit-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -o-transition: width 0.5s;
  transition: width 0.5s;
}
.cf-page.cf-transition .cf-sidebar .cf-sidebar-pagecontentHover {
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
}
.cf-page.cf-transition .cf-pagescreen,
.cf-page.cf-transition .cf-pagecontent {
  -webkit-transition: width 0.5s, left 0.5s;
  -moz-transition: width 0.5s, left 0.5s;
  -o-transition: width 0.5s, left 0.5s;
  transition: width 0.5s, left 0.5s;
}
.cf-page.cf-transition .cf-bottombar {
  -webkit-transition: width 0.5s, left 0.5s;
  -moz-transition: width 0.5s, left 0.5s;
  -o-transition: width 0.5s, left 0.5s;
  transition: width 0.5s, left 0.5s;
}
.cf-page.cf-page-embedded .cf-topbar {
  background: #66B3D9;
  background: var(--cloudflow-first-500);
}
.cf-page.cf-page-embedded .cf-topbar .cf-topbar-button:not(.cf-topbar-button-disabled):before, .cf-page.cf-page-embedded .cf-topbar .cf-topbar-button:not([disabled]):before {
  background: #66B3D9;
  background: var(--cloudflow-first-500);
}
.cf-page.cf-page-embedded .cf-topbar .cf-topbar-button.cf-topbar-button-active:before, .cf-page.cf-page-embedded .cf-topbar .cf-topbar-button.cf-topbar-button-hover:before, .cf-page.cf-page-embedded .cf-topbar .cf-topbar-button:hover:before {
  background: #81A8BB;
  background: var(--cloudflow-second);
}
.cf-page.cf-page-embedded .cf-topbar .cf-topbar-button:active:before {
  -webkit-box-shadow: inset 0px 0px 4px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0px 0px 4px 2px rgba(var(--gray-0-rgb), 0.25);
  box-shadow: inset 0px 0px 4px 2px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 4px 2px rgba(var(--gray-0-rgb), 0.25);
}
.cf-page.cf-page-embedded .cf-pageframe .cf-topbar,
.cf-page.cf-page-embedded .cf-page .cf-topbar {
  background: #2273B9;
  background: var(--cloudflow-main-500);
}
@media ((max-width: 576px) or ((max-device-height: 431px) and (orientation: landscape)) or (max-device-width: 480px)) {
  .cf-page {
    /*
    .cf-sidebar {
        width: 0;

        .cf-sidebar-container {
            width: 0;
        }

        &.cf-sidebar-extend {
            width: 100%;

            .cf-sidebar-container {
                width: 100%
            }
        }
    }

    .cf-pagecontent {
        left: 0;
        width: 100%;

        &.cf-pagecontent-detailspanel {
            width: calc(100% - 300px);
            right: $detailsPanelWidth;
        }

        &.cf-pagecontent-detailspanel-large {
            width: calc(100% - 850px);
            right: $detailsPanelLargeWidth;
        }

        &.cf-pagecontent-detailspanel-maximize {
            width: 100%;
        }

        &.cf-pagecontent-small {
            left: $extraWidthInExtend;
            width: calc(100% - 121px);

            &.cf-pagecontent-detailspanel {
                width: calc(100% - 421px);
            }

            &.cf-pagecontent-detailspanel-large {
                width: calc(100% - 971px);
            }
        }
    } */
  }
}

.cf-pageframe {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.cf-pageframe .cf-topbar {
  position: static;
  display: block;
  width: 100%;
}
.cf-pageframe .cf-sidebar {
  position: absolute;
  top: 59px;
  left: 0;
  bottom: 0;
  width: 60px;
}
.cf-pageframe .cf-sidebar .cf-sidebar-container {
  width: 60px;
  height: 100%;
}
.cf-pageframe .cf-sidebar.cf-sidebar-hidden {
  width: 0;
}
.cf-pageframe .cf-sidebar.cf-sidebar-extend {
  width: 181px;
}
.cf-pageframe .cf-sidebar.cf-sidebar-extend .cf-sidebar-container {
  width: 181px;
}
.cf-pageframe .cf-sidebar .cf-sidebar-pagecontentHover {
  position: absolute;
  display: block;
  cursor: default;
  left: 59px;
  right: 0;
  bottom: 0;
  top: 59px;
}
.cf-pageframe .cf-sidebar .cf-sidebar-pagecontentHover.cf-sidebar-pagecontentHover-hidden {
  display: none;
}
.cf-pageframe .cf-pagecontent {
  box-sizing: border-box;
  position: relative;
  top: 0;
  left: 59px;
  right: 0;
  bottom: 0;
  width: calc(100% - 60px);
}
.cf-pageframe .cf-pagecontent.cf-pagecontent-detailspanel {
  width: calc(100% - 360px);
  right: 300px;
}
.cf-pageframe .cf-pagecontent.cf-pagecontent-detailspanel-large {
  width: calc(100% - 910px);
  right: 850px;
}
.cf-pageframe .cf-pagecontent.cf-pagecontent-small {
  left: 181px;
  width: calc(100% - 181px);
}
.cf-pageframe .cf-pagecontent.cf-pagecontent-small.cf-pagecontent-detailspanel {
  width: calc(100% - 481px);
}
.cf-pageframe .cf-pagecontent.cf-pagecontent-small.cf-pagecontent-detailspanel-large {
  width: calc(100% - 1031px);
}
.cf-pageframe .cf-pagecontent.cf-pagecontent-fullwidth {
  left: 0;
  width: 100%;
}
.cf-pageframe .cf-pagecontent.cf-pagecontent-fullwidth.cf-pagecontent-detailspanel {
  width: calc(100% - 300px);
}
.cf-pageframe .cf-pagecontent.cf-pagecontent-fullwidth.cf-pagecontent-detailspanel-large {
  width: calc(100% - 850px);
}
.cf-pageframe .cf-topbar ~ .cf-pagecontent {
  max-height: calc(100vh - 59px);
}
.cf-pageframe .cf-bottombar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: calc(100% - 60px);
}
.cf-pageframe .cf-bottombar.cf-bottombar-small {
  left: 181px;
  width: calc(100% - 181px);
}
.cf-pageframe .cf-bottombar.cf-bottombar-fullwidth {
  left: 0;
  width: 100%;
}
.cf-pageframe.cf-transition .cf-sidebar {
  -webkit-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -o-transition: width 0.5s;
  transition: width 0.5s;
}
.cf-pageframe.cf-transition .cf-sidebar .cf-sidebar-container {
  -webkit-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -o-transition: width 0.5s;
  transition: width 0.5s;
}
.cf-pageframe.cf-transition .cf-pagecontent {
  -webkit-transition: width 0.5s, left 0.5s;
  -moz-transition: width 0.5s, left 0.5s;
  -o-transition: width 0.5s, left 0.5s;
  transition: width 0.5s, left 0.5s;
}
.cf-pageframe.cf-transition .cf-bottombar {
  -webkit-transition: width 0.5s, left 0.5s;
  -moz-transition: width 0.5s, left 0.5s;
  -o-transition: width 0.5s, left 0.5s;
  transition: width 0.5s, left 0.5s;
}

.cf-badgenumber,
.cf-badgenumber-error,
.cf-badgenumber-warning {
  position: absolute;
  top: 0px;
  right: 5px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  font-style: initial;
  font-weight: initial;
  background: #2273B9;
  background: var(--cloudflow-main-500);
  color: #ffffff;
  color: var(--text-main);
  -webkit-border-radius: 60%;
  -moz-border-radius: 60%;
  border-radius: 60%;
  padding: 3px 5px;
  box-sizing: content-box;
}
.cf-badgenumber:empty,
.cf-badgenumber-error:empty,
.cf-badgenumber-warning:empty {
  display: none;
}
.cf-badgenumber.cf-badgenumber-max,
.cf-badgenumber-error.cf-badgenumber-max,
.cf-badgenumber-warning.cf-badgenumber-max {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.cf-badgenumber.cf-badgenumber-length1,
.cf-badgenumber-error.cf-badgenumber-length1,
.cf-badgenumber-warning.cf-badgenumber-length1 {
  width: 8px;
  text-align: center;
}
.cf-badgenumber.cf-badgenumber-length2,
.cf-badgenumber-error.cf-badgenumber-length2,
.cf-badgenumber-warning.cf-badgenumber-length2 {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
.cf-badgenumber.cf-badgenumber-length3,
.cf-badgenumber-error.cf-badgenumber-length3,
.cf-badgenumber-warning.cf-badgenumber-length3 {
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
}

.cf-badgenumber-error {
  background: #EE423D;
  background: var(--error-500);
  color: #ffffff;
  color: var(--text-main);
}

.cf-badgenumber-warning {
  background: #FFAB4F;
  background: var(--warning-500);
  color: #ffffff;
  color: var(--text-main);
}

.cf-table {
  border-collapse: collapse;
}
.cf-table.cf-table-fullwidth {
  width: 100%;
}
.cf-table .cf-table-hidden-row {
  display: none;
}
.cf-table > .cf-table-head > * {
  background: #66B3D9;
  background: var(--cloudflow-first-500);
  color: #ffffff;
  color: var(--text-main);
}
.cf-table > .cf-table-head > * > * {
  padding: 0px 7px 0px 7px;
  text-align: left;
  text-align: start;
  font-weight: normal;
  vertical-align: middle;
  height: 27px;
}
.cf-table > .cf-table-head > * > * .cf-table-head-icon {
  margin-left: 5px;
}
.cf-table > .cf-table-head > * > *:empty {
  height: 0px;
  padding: 0px;
}
.cf-table > .cf-table-head .cf-table-lineheight {
  line-height: 27px;
}
.cf-table > .cf-table-head .cf-table-filter th {
  vertical-align: top;
}
.cf-table > .cf-table-head .cf-table-filter input[type=search],
.cf-table > .cf-table-head .cf-table-filter input[type=number],
.cf-table > .cf-table-head .cf-table-filter input[type=text],
.cf-table > .cf-table-head .cf-table-filter .nixps-cloudflow-ValueInput {
  border: 1px solid #66B3D9;
  border: 1px solid var(--cloudflow-first-500);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 1px 2px;
  width: 129px; /* force all browser to have same length, this force all table widths are equal over all browsers */
}
.cf-table > .cf-table-head .cf-table-filter input[type=search].cf-table-filter-smallinput,
.cf-table > .cf-table-head .cf-table-filter input[type=number].cf-table-filter-smallinput,
.cf-table > .cf-table-head .cf-table-filter input[type=text].cf-table-filter-smallinput,
.cf-table > .cf-table-head .cf-table-filter .nixps-cloudflow-ValueInput.cf-table-filter-smallinput {
  width: 45px;
}
.cf-table > .cf-table-head .cf-table-filter th[class*=fix_width] input[type=search],
.cf-table > .cf-table-head .cf-table-filter th[class*=fix_width] input[type=number],
.cf-table > .cf-table-head .cf-table-filter th[class*=fix_width] input[type=text],
.cf-table > .cf-table-head .cf-table-filter th[class*=fix_width] select,
.cf-table > .cf-table-head .cf-table-filter th[class*=fix_width] .nixps-cloudflow-ValueInput {
  width: 100%;
}
.cf-table > .cf-table-head .cf-table-filter input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.cf-table > .cf-table-head .cf-table-filter input:focus,
.cf-table > .cf-table-head .cf-table-filter select:focus,
.cf-table > .cf-table-head .cf-table-filter textarea:focus {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-style: solid;
  border-color: #298ef1;
  border-color: var(--focus-main);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
}
.cf-table > .cf-table-head .cf-table-filter .cf-table-amount-selected {
  text-align: center;
  padding-left: 4px;
  width: 10px;
  overflow: visible;
  line-height: 20px;
}
.cf-table.cf-table-stickyheader > .cf-table-head > *:first-child > * {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0px;
  background: #66B3D9;
  background: var(--cloudflow-first-500);
  color: #ffffff;
  color: var(--text-main);
}
.cf-table.cf-table-stickyheader > .cf-table-head > *:first-child > *.cf-tablecell-select-checkbox {
  z-index: 1;
}
.cf-table.cf-table-stickyheader > .cf-table-head > *:nth-child(2) > * {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 27px;
  background: #66B3D9;
  background: var(--cloudflow-first-500);
  color: #ffffff;
  color: var(--text-main);
}
.cf-table > tbody > tr > td .cf-tag {
  margin-bottom: 0;
  vertical-align: middle;
}
.cf-table > .cf-table-body > *.cf-table-rowselect {
  background: #cce6f2;
  background: var(--selection-second);
}
.cf-table > .cf-table-body > * > * {
  font-size: 11px;
  font-size: 0.6875rem;
  height: 35px;
}
.cf-table > .cf-table-body > *:not(.tableInlineRow) > * {
  padding-left: 7px;
  padding-right: 7px;
  vertical-align: middle;
  line-height: 1.5em;
}
.cf-table > .cf-table-body > *:not(.tableInlineRow) > * .cf-table-changePanel {
  display: flex;
  align-items: center;
}
.cf-table > .cf-table-body-main > *:nth-child(2n+0) {
  background: #EAEFF3;
  background: var(--cloudflow-fourth-500);
}
.cf-table > .cf-table-body-main > *:nth-child(2n+0).cf-message-warning {
  background: rgba(255, 171, 79, 0.5);
  background: rgba(var(--warning-500-rgb), 0.5);
}
.cf-table > .cf-table-body-main > *:nth-child(2n+0).cf-message-error {
  background: rgba(238, 66, 61, 0.5);
  background: rgba(var(--error-500-rgb), 0.5);
}
.cf-table > .cf-table-body-main > *:nth-child(2n+0).cf-message-success {
  background: rgba(5, 201, 133, 0.5);
  background: rgba(var(--success-500-rgb), 0.5);
}
.cf-table > .cf-table-body-main > *:nth-child(2n+0).cf-message-main {
  background: rgba(34, 115, 185, 0.5);
  background: rgba(var(--cloudflow-main-500-rgb), 0.5);
}
:not(.cf-table-customized).cf-table > .cf-table-body-main > *:nth-child(2n+0) + .tableInlineRow {
  background: #EAEFF3;
  background: var(--cloudflow-fourth-500);
}
:not(.cf-table-customized).cf-table > .cf-table-body-main > *:nth-child(2n+0) + .tableInlineRow .nixps_styling_constants_bodybackground {
  background: #EAEFF3;
  background: var(--cloudflow-fourth-500);
}
:not(.cf-table-customized).cf-table > .cf-table-body-main > *:nth-child(2n+1) + .tableInlineRow {
  background: #ffffff;
  background: var(--body);
}
:not(.cf-table-customized).cf-table > .cf-table-body-main > *:nth-child(2n+1) + .tableInlineRow .nixps_styling_constants_bodybackground {
  background: #ffffff;
  background: var(--body);
}

.cf-table > .cf-table-body-main > *.cf-table-rowselect, .cf-table > .cf-table-body-main > *:nth-child(2n+0).cf-table-rowselect {
  background: #cce6f2;
  background: var(--selection-second);
}
.cf-table > .cf-table-body-main > * > * {
  font-size: 11px;
  font-size: 0.6875rem;
  height: 35px;
}
.cf-table > .cf-table-body-main > *:not(.tableInlineRow) > * {
  padding-left: 7px;
  padding-right: 7px;
  vertical-align: middle;
  line-height: 1.5em;
}
.cf-table > .cf-table-body-main > *:not(.tableInlineRow) > * .cf-table-changePanel {
  display: flex;
  align-items: center;
}
.cf-table > .cf-table-body-main.cf-table-body-small > * > * {
  font-size: 11px;
  font-size: 0.6875rem;
  height: 29px;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: middle;
}
.cf-table > .cf-table-body-main.cf-table-body-small > * > * .cf-table-changePanel {
  height: 29px;
  line-height: 29px;
}
.cf-table.cf-table-bootstrap {
  width: 100%;
}
.cf-table.cf-table-bootstrap thead th {
  text-align: left;
  font-weight: bold;
  padding: 3px 6px;
  border-bottom: 1px solid #B9B9B9;
  border-bottom: 1px solid var(--gray-3);
}
.cf-table.cf-table-bootstrap tbody td {
  padding: 3px 6px;
}
.cf-table.cf-table-bootstrap tbody tr {
  border-top: 1px solid #B9B9B9;
  border-top: 1px solid var(--gray-3);
}
.cf-table .cf-tablecell-select-checkbox {
  width: 20px;
  min-width: 20px;
  padding-right: 0px;
  padding-left: 7px;
}
.cf-table .cf-table-head .cf-select-checkbox {
  font-size: 1.5583333333em;
  line-height: 1;
  vertical-align: middle;
}
.cf-table .cf-select-checkbox {
  color: inherit;
  margin: 0;
  font-size: 1.7em;
  vertical-align: super;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1.8em;
}
.cf-table .cf-select-checkbox:before {
  content: "\e941";
  visibility: visible;
}
.cf-table .cf-select-checkbox:checked:before {
  content: "\e973";
  visibility: visible;
}
.cf-invisible .cf-table .cf-select-checkbox:before {
  visibility: hidden;
}

.cf-table .cf-select-checkbox:focus {
  outline: 0px;
}
.cf-table .cf-select-checkbox[disabled], .cf-table .cf-select-checkbox[readonly] {
  opacity: 0.7;
  cursor: not-allowed;
}
.cf-table .cf-select-checkboxcaret {
  position: absolute;
  display: inline-block;
  padding-left: 1px;
  padding-right: 1px;
  cursor: pointer;
  line-height: 20px;
  height: 19px;
}
.cf-table.cf-table-innerleftpadding > .cf-table-head > * > *,
.cf-table.cf-table-innerleftpadding thead > * > *, .cf-table.cf-table-innerleftpadding > .cf-table-body > * > *, .cf-table.cf-table-innerleftpadding > .cf-table-body-main > * > *,
.cf-table.cf-table-innerleftpadding tbody > * > * {
  padding-left: 22px;
}
.cf-table.cf-table-fittwidth {
  table-layout: fixed;
}
.cf-table.cf-table-fittwidth .cf-table-filter input[type=search],
.cf-table.cf-table-fittwidth .cf-table-filter input[type=number],
.cf-table.cf-table-fittwidth .cf-table-filter input[type=text],
.cf-table.cf-table-fittwidth .cf-table-filter select,
.cf-table.cf-table-fittwidth .cf-table-filter textarea,
.cf-table.cf-table-fittwidth .cf-table-filter .nixps-cloudflow-ValueInput {
  width: 100%;
}
.cf-table.cf-table-fittwidth > thead > * > * {
  text-overflow: ellipsis;
  padding-left: 0;
  padding-right: 0;
  background: inherit;
}
.cf-table.cf-table-fittwidth > thead > * > *:before {
  position: absolute;
  background: inherit;
  content: attr(data-title);
  opacity: 0;
}
.cf-table.cf-table-fittwidth > thead > * > *:hover:before {
  opacity: 1;
  padding-right: 5px;
}
.cf-table.cf-table-fittwidth > thead > * > *:not(.cf-table-header-overflowvisible) {
  overflow: hidden;
}
.cf-table.cf-table-fittwidth > tbody > * > * {
  text-overflow: ellipsis;
  word-break: break-word;
  padding-left: 1px;
  padding-right: 0;
}
.cf-table.cf-table-fittwidth > tbody > * > *:not(.cf-table-cell-overflowvisible) {
  overflow: hidden;
}
.cf-table.cf-table-fittwidth .cf-tablecell-select-checkbox {
  width: 25px;
  min-width: 25px;
}
.cf-table .cf-table-settingscolumncell {
  display: none;
}
.cf-table .cf-table-headercolumncell {
  display: none;
}
.cf-table .cf-table-headercolumncell-inline {
  display: none;
}
@media ((max-width: 576px) or ((max-device-height: 431px) and (orientation: landscape)) or (max-device-width: 480px)) {
  .cf-table > .cf-table-body > * > *, .cf-table > .cf-table-body-main > * > *, .cf-table > .cf-table-body-main.cf-table-body-small > * > *,
  .cf-table td {
    height: initial;
    font-size: 14px;
    font-size: 0.875rem;
    min-height: 1.5em;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .cf-table.cf-table-mobile {
    display: block;
  }
  .cf-table.cf-table-mobile.cf-table-addpadding-mobile {
    width: calc(100% - 32px);
    margin-left: 16px;
    margin-right: 16px;
  }
  .cf-table.cf-table-mobile thead {
    display: none;
  }
  .cf-table.cf-table-mobile tbody {
    display: block;
  }
  .cf-table.cf-table-mobile [class*=fix_width] {
    width: initial;
  }
  .cf-table.cf-table-mobile tr {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column; /* Safari 6.1+ */
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-wrap: wrap;
    position: relative;
    border: 1px solid #B9B9B9;
    border: 1px solid var(--gray-3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 7px 0px;
    padding-top: 8px;
    padding-left: 0;
    padding-right: 8px;
    padding-bottom: 8px;
    background: #fff;
    overflow: hidden;
  }
  .cf-table.cf-table-mobile tr:nth-child(2n+0):not(.cf-table-rowselect) {
    background: #fff;
  }
  .cf-table.cf-table-mobile tr td:not(.cf-table-hidecolumncell):first-child {
    padding-top: 0px;
  }
  .cf-table.cf-table-mobile tr td:not(.cf-table-hidecolumncell):last-child {
    padding-bottom: 0px;
  }
  .cf-table.cf-table-mobile tr:not(.tableInlineRow) > td {
    padding-left: 12px;
  }
  .cf-table.cf-table-mobile td {
    -webkit-flex: 0 0 auto; /* Safari 6.1+ */
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    align-items: baseline;
    height: initial;
  }
  .cf-table.cf-table-mobile td:not(.cf-tablecell-select-checkbox):has(~ .cf-table-thumbcolumncell),
  .cf-table.cf-table-mobile .cf-table-thumbcolumncell ~ td:not(.cf-tablecell-select-checkbox) {
    margin-left: 60px;
    width: calc(100% - 67px);
    padding-left: 0;
  }
  .cf-table.cf-table-mobile .cf-tablecell-select-checkbox ~ .cf-table-thumbcolumncell,
  .cf-table.cf-table-mobile .cf-table-thumbcolumncell ~ .cf-tablecell-select-checkbox {
    margin-left: 0;
  }
  .cf-table.cf-table-mobile td:has(~ .cf-table-settingscolumncell),
  .cf-table.cf-table-mobile .cf-table-settingscolumncell ~ td {
    margin-right: 32px;
  }
  .cf-table.cf-table-mobile .cf-tablecell-select-checkbox ~ td,
  .cf-table.cf-table-mobile tr:not(.tableInlineRow).cf-tablecell-select-checkbox ~ td {
    margin-left: 60px;
    padding-left: 0;
  }
  .cf-table.cf-table-mobile .cf-table-thumbcolumncell,
  .cf-table.cf-table-mobile .cf-table-settingscolumncell {
    order: -1;
    height: calc(100% - 16px);
    position: absolute;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column; /* Safari 6.1+ */
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: stretch;
    align-self: stretch;
    align-items: center;
    justify-content: center;
    margin-left: 0;
  }
  .cf-table.cf-table-mobile .cf-table-thumbcolumncell,
  .cf-table.cf-table-mobile tr:not(.tableInlineRow) > td.cf-table-thumbcolumncell {
    order: -1;
    padding-left: 15px;
  }
  .cf-table.cf-table-mobile .cf-table-maincolumncell {
    font-weight: bold;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .cf-table.cf-table-mobile .cf-table-maincolumncell,
  .cf-table.cf-table-mobile td:not([class*=cf-table-]) {
    color: #3B3B3B;
    color: var(--gray-1);
  }
  .cf-table.cf-table-mobile .cf-table-settingscolumncell,
  .cf-table.cf-table-mobile tr:not(.tableInlineRow) > td.cf-table-settingscolumncell {
    right: 0;
    width: 32px;
    padding-left: 7px;
  }
  .cf-table.cf-table-mobile .cf-table-hidecolumncell {
    display: none;
  }
  .cf-table.cf-table-mobile .cf-table-headercolumncell,
  .cf-table.cf-table-mobile .cf-table-headercolumncell-inline {
    display: inline-block;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
  }
  .cf-table.cf-table-mobile .cf-table-headercolumncell + td,
  .cf-table.cf-table-mobile .cf-table-headercolumncell-inline + td {
    margin-bottom: 8px;
  }
  .cf-table.cf-table-mobile .cf-table-headercolumncell-inline {
    width: 26%;
  }
  .cf-table.cf-table-mobile td:last-child {
    margin-bottom: 0;
  }
  .cf-table.cf-table-mobile .cf-table-errorcolumncell {
    background: #EE423D;
    background: var(--error-500);
    color: #ffffff;
    color: var(--text-main);
  }
  .cf-table.cf-table-mobile .cf-tablecell-select-checkbox {
    display: inline-block;
    order: -1;
    height: calc(100% - 16px);
    position: absolute;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column; /* Safari 6.1+ */
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: stretch;
    align-self: stretch;
    align-items: center;
    justify-content: center;
    padding-left: 15px;
    margin-left: 0px;
  }
}
.cf-mobile .cf-table > .cf-table-body > * > *, .cf-mobile .cf-table > .cf-table-body-main > * > *, .cf-mobile .cf-table > .cf-table-body-main.cf-table-body-small > * > *,
.cf-mobile .cf-table td {
  height: initial;
  font-size: 14px;
  font-size: 0.875rem;
  min-height: 1.5em;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cf-mobile .cf-table.cf-table-mobile {
  display: block;
}
.cf-mobile .cf-table.cf-table-mobile.cf-table-addpadding-mobile {
  width: calc(100% - 32px);
  margin-left: 16px;
  margin-right: 16px;
}
.cf-mobile .cf-table.cf-table-mobile thead {
  display: none;
}
.cf-mobile .cf-table.cf-table-mobile tbody {
  display: block;
}
.cf-mobile .cf-table.cf-table-mobile [class*=fix_width] {
  width: initial;
}
.cf-mobile .cf-table.cf-table-mobile tr {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column; /* Safari 6.1+ */
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  flex-wrap: wrap;
  position: relative;
  border: 1px solid #B9B9B9;
  border: 1px solid var(--gray-3);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 7px 0px;
  padding-top: 8px;
  padding-left: 0;
  padding-right: 8px;
  padding-bottom: 8px;
  background: #fff;
  overflow: hidden;
}
.cf-mobile .cf-table.cf-table-mobile tr:nth-child(2n+0):not(.cf-table-rowselect) {
  background: #fff;
}
.cf-mobile .cf-table.cf-table-mobile tr td:not(.cf-table-hidecolumncell):first-child {
  padding-top: 0px;
}
.cf-mobile .cf-table.cf-table-mobile tr td:not(.cf-table-hidecolumncell):last-child {
  padding-bottom: 0px;
}
.cf-mobile .cf-table.cf-table-mobile tr:not(.tableInlineRow) > td {
  padding-left: 12px;
}
.cf-mobile .cf-table.cf-table-mobile td {
  -webkit-flex: 0 0 auto; /* Safari 6.1+ */
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  align-items: baseline;
  height: initial;
}
.cf-mobile .cf-table.cf-table-mobile td:not(.cf-tablecell-select-checkbox):has(~ .cf-table-thumbcolumncell),
.cf-mobile .cf-table.cf-table-mobile .cf-table-thumbcolumncell ~ td:not(.cf-tablecell-select-checkbox) {
  margin-left: 60px;
  width: calc(100% - 67px);
  padding-left: 0;
}
.cf-mobile .cf-table.cf-table-mobile .cf-tablecell-select-checkbox ~ .cf-table-thumbcolumncell,
.cf-mobile .cf-table.cf-table-mobile .cf-table-thumbcolumncell ~ .cf-tablecell-select-checkbox {
  margin-left: 0;
}
.cf-mobile .cf-table.cf-table-mobile td:has(~ .cf-table-settingscolumncell),
.cf-mobile .cf-table.cf-table-mobile .cf-table-settingscolumncell ~ td {
  margin-right: 32px;
}
.cf-mobile .cf-table.cf-table-mobile .cf-tablecell-select-checkbox ~ td,
.cf-mobile .cf-table.cf-table-mobile tr:not(.tableInlineRow).cf-tablecell-select-checkbox ~ td {
  margin-left: 60px;
  padding-left: 0;
}
.cf-mobile .cf-table.cf-table-mobile .cf-table-thumbcolumncell,
.cf-mobile .cf-table.cf-table-mobile .cf-table-settingscolumncell {
  order: -1;
  height: calc(100% - 16px);
  position: absolute;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column; /* Safari 6.1+ */
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
  align-items: center;
  justify-content: center;
  margin-left: 0;
}
.cf-mobile .cf-table.cf-table-mobile .cf-table-thumbcolumncell,
.cf-mobile .cf-table.cf-table-mobile tr:not(.tableInlineRow) > td.cf-table-thumbcolumncell {
  order: -1;
  padding-left: 15px;
}
.cf-mobile .cf-table.cf-table-mobile .cf-table-maincolumncell {
  font-weight: bold;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cf-mobile .cf-table.cf-table-mobile .cf-table-maincolumncell,
.cf-mobile .cf-table.cf-table-mobile td:not([class*=cf-table-]) {
  color: #3B3B3B;
  color: var(--gray-1);
}
.cf-mobile .cf-table.cf-table-mobile .cf-table-settingscolumncell,
.cf-mobile .cf-table.cf-table-mobile tr:not(.tableInlineRow) > td.cf-table-settingscolumncell {
  right: 0;
  width: 32px;
  padding-left: 7px;
}
.cf-mobile .cf-table.cf-table-mobile .cf-table-hidecolumncell {
  display: none;
}
.cf-mobile .cf-table.cf-table-mobile .cf-table-headercolumncell,
.cf-mobile .cf-table.cf-table-mobile .cf-table-headercolumncell-inline {
  display: inline-block;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.cf-mobile .cf-table.cf-table-mobile .cf-table-headercolumncell + td,
.cf-mobile .cf-table.cf-table-mobile .cf-table-headercolumncell-inline + td {
  margin-bottom: 8px;
}
.cf-mobile .cf-table.cf-table-mobile .cf-table-headercolumncell-inline {
  width: 26%;
}
.cf-mobile .cf-table.cf-table-mobile td:last-child {
  margin-bottom: 0;
}
.cf-mobile .cf-table.cf-table-mobile .cf-table-errorcolumncell {
  background: #EE423D;
  background: var(--error-500);
  color: #ffffff;
  color: var(--text-main);
}
.cf-mobile .cf-table.cf-table-mobile .cf-tablecell-select-checkbox {
  display: inline-block;
  order: -1;
  height: calc(100% - 16px);
  position: absolute;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column; /* Safari 6.1+ */
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
  align-items: center;
  justify-content: center;
  padding-left: 15px;
  margin-left: 0px;
}
.cf-table-header-colors {
  background: #66B3D9;
  background: var(--cloudflow-first-500);
  color: #ffffff;
  color: var(--text-main);
}

.cf-table-paging {
  text-align: center;
}

.noselect,
.cf-noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media ((max-width: 576px) or ((max-device-height: 431px) and (orientation: landscape)) or (max-device-width: 480px)) {
  .cf-noselect-mobile {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
}
.cf-mobile .cf-noselect-mobile {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.remove_focus_blue:focus {
  outline-color: transparent;
  outline-style: none;
}

.fix_width_30 {
  width: 30px;
}

.fix_width_50 {
  width: 50px;
}

.fix_width_100 {
  width: 100px;
}

.fix_width_120 {
  width: 120px;
}

.fix_width_150 {
  width: 150px;
}

.fix_width_200 {
  width: 200px;
}

.fix_width_240 {
  width: 240px;
}

.fix_width_500 {
  width: 500px;
}

.min_height_400 {
  min-height: 400px;
}

.text_right {
  text-align: right;
}

.text_bold {
  font-weight: bold;
}

a {
  text-decoration: none;
  color: inherit;
}

.cf-link {
  cursor: pointer;
  color: #2273B9;
  color: var(--text-link);
  text-decoration: underline;
}
.cf-link:hover {
  color: #1d619b;
  color: var(--text-linkhover);
}
.cf-link.cf-link-nodecoration {
  text-decoration: none;
}
.cf-link .fa-external-link,
.cf-link .cf-icon-square-arrow {
  color: #222222;
  color: var(--text-body);
  padding-left: 3px;
  vertical-align: middle;
}
.cf-link.cf-disabled {
  cursor: not-allowed;
  color: #777777;
  color: var(--gray-2);
  text-decoration: none;
}

.cf-tooltip,
.cf-tooltip-main,
.cf-tooltip-secondary,
.cf-tooltip-info,
.cf-tooltip-error,
.cf-tooltip-warning,
.cf-tooltip-success {
  position: absolute;
  z-index: 9999;
  display: inline-block;
  font-family: inherit;
  font-size: 1em;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border-width: 0px;
  border-color: transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 5px 8px;
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
}
.cf-tooltip.cf-tooltip-highlighttext,
.cf-tooltip-main.cf-tooltip-highlighttext,
.cf-tooltip-secondary.cf-tooltip-highlighttext,
.cf-tooltip-info.cf-tooltip-highlighttext,
.cf-tooltip-error.cf-tooltip-highlighttext,
.cf-tooltip-warning.cf-tooltip-highlighttext,
.cf-tooltip-success.cf-tooltip-highlighttext {
  color: #222222;
  color: var(--text-body);
}

.cf-tooltip-main {
  background: #2273B9;
  background: var(--cloudflow-main-500);
  color: #ffffff;
  color: var(--text-main);
}

.cf-tooltip-secondary {
  background: #ffffff;
  background: var(--body);
  color: #777777;
  color: var(--text2-body);
}

.cf-tooltip-info {
  background: #ffffff;
  background: var(--body);
  border: 2x solid #2273B9;
  border: 2x solid var(--cloudflow-main-500);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 2px rgba(var(--gray-0-rgb), 0.1);
}

.cf-tooltip-error {
  background: #EE423D;
  background: var(--error-500);
  color: #ffffff;
  color: var(--text-main);
}

.cf-tooltip-warning {
  background: #FFAB4F;
  background: var(--warning-500);
  color: #ffffff;
  color: var(--text-main);
}

.cf-tooltip-success {
  background: #05C985;
  background: var(--success-500);
  color: #ffffff;
  color: var(--text-main);
}

/*
    Created on : 5-nov-2019, 9:18:29
    Author     : guillaume
*/
.cf-notify {
  width: 350px;
  position: fixed;
  pointer-events: none;
  margin: 10px 10px 10px 10px;
  top: 32px;
  right: 0;
  bottom: 0;
  z-index: 9999;
}
.cf-notify .cf-notify-message {
  margin-bottom: 15px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 2px rgba(var(--gray-0-rgb), 0.1);
}
.cf-notify .cf-notify-message:last-child {
  margin-bottom: 0;
}
.cf-notify .cf-notify-title {
  color: #ffffff;
  color: var(--text-main);
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
}
.cf-notify .cf-notify-messagetext {
  color: #ffffff;
  color: var(--text-main);
  margin: 3px 0;
  line-height: 18px;
}
.cf-notify .ui-notify-click {
  pointer-events: auto;
}
@media ((max-width: 576px) or ((max-device-height: 431px) and (orientation: landscape)) or (max-device-width: 480px)) {
  .cf-notify {
    width: calc(100% - 20px);
  }
  .cf-notify .cf-notify-title {
    font-size: 16px;
    font-size: 1rem;
  }
  .cf-notify .cf-notify-messagetext {
    pointer-events: auto;
    font-size: 16px;
    font-size: 1rem;
  }
}

.cf-notify-message {
  padding: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  z-index: 1000;
}
.cf-notify-message.cf-notify-message-bottom, .cf-notify-message.cf-notify-message-top {
  position: fixed;
  width: 90%;
  width: calc(100% - 14px);
  box-sizing: border-box;
  margin: 7px 7px;
}
.cf-notify-message.cf-notify-message-bottom {
  bottom: 0;
}
.cf-notify-message.cf-notify-message-top {
  top: 0;
}

.cf-notify-message {
  background: #bbb;
}

.cf-notify-secondary {
  border: 1px solid;
  background: #ffffff;
  background: var(--body);
}

.cf-notify-error {
  background-color: rgb(162, 0, 0);
}

.cf-notify-warning {
  background-color: rgb(243, 145, 0);
}

.cf-notify-info {
  background-color: #66B3D9;
  background-color: var(--cloudflow-first-500);
}

.cf-notify-success {
  background-color: #05C985;
  background-color: var(--success-500);
}

.cf-notify-close {
  pointer-events: auto;
  margin-top: -4px;
  float: right;
  cursor: pointer;
  text-decoration: none;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 2px;
  color: #ffffff;
  color: var(--text-main);
}
@media ((max-width: 576px) or ((max-device-height: 431px) and (orientation: landscape)) or (max-device-width: 480px)) {
  .cf-notify-close {
    margin-top: -6px;
    padding: 0;
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media (min-width: 768px) {
  .cf-container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .cf-container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .cf-container {
    width: 1170px;
  }
}
/*
    Created on : 11-sep-2019, 13:57:36
    Author     : guillaume
*/
/****************************
     AutoFill 
****************************/
.cf-autocomplete input.autofill_open {
  /* remove radius if there is a list under */
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.cf-autocomplete .ui-menu {
  position: absolute;
  list-style: none;
  border: 1px solid #777777;
  border: 1px solid var(--text2-body);
  margin: 0;
  display: block;
  outline: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  /** jquery version 1.9.0 */
  /** jquery version 1.11.0 */
}
.cf-autocomplete .ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
}
.cf-autocomplete .ui-menu .ui-menu-item .ui-menu-item-wrapper,
.cf-autocomplete .ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px 0.4em;
  line-height: 1.5;
  min-height: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  background: inherit;
  background-color: #ffffff;
  background-color: var(--body);
  font-family: inherit;
  /* support: IE7; */
  font-weight: normal;
}
.cf-autocomplete .ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.cf-autocomplete .ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: 0.4em 0 0.2em;
  line-height: 1.5;
}
.cf-autocomplete .ui-menu .ui-state-disabled a {
  cursor: default;
}
.cf-autocomplete .ui-menu .ui-menu-item a.ui-state-focus,
.cf-autocomplete .ui-menu .ui-menu-item a.ui-state-active {
  background: #EAEFF3;
  background: var(--cloudflow-fourth-500);
  font-weight: normal;
}
.cf-autocomplete .ui-menu .ui-menu-item.ui-state-focus,
.cf-autocomplete .ui-menu .ui-menu-item.ui-state-active {
  border: none;
  background: #EAEFF3;
  background: var(--cloudflow-fourth-500);
  font-weight: normal;
}
.cf-autocomplete .ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  background: #EAEFF3;
  background: var(--cloudflow-fourth-500);
  font-weight: normal;
  color: inherit;
  border: none;
}
.cf-autocomplete ul.ui-menu {
  max-height: 500px;
  overflow: auto;
}
.cf-autocomplete .cf-autocomplete-add {
  box-sizing: border-box;
  border: 1px solid #c5c9cc;
  border: 1px solid var(--cloudflow-fourth-700);
  border-left-width: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  cursor: pointer;
  display: inline-block;
}
.cf-autocomplete .ui-autocomplete {
  list-style: none;
  border-top-right-radius: 4px;
  cursor: default;
}
.cf-autocomplete .ui-corner-all {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.cf-autocomplete .ui-widget-content,
.cf-autocomplete .ui-widget-content a {
  background: #ffffff;
  background: var(--body);
  color: #222222;
  color: var(--text-body);
}

/*
    Created on : 24-sep-2019, 13:20:46
    Author     : guillaume
*/
.cf-tab > ul {
  list-style: none;
}
.cf-tab > ul > li {
  display: inline-block;
}
.cf-tab > ul > li > a {
  display: inline-block;
  padding: 8px 9px;
  text-decoration: none;
  outline: none;
}
.cf-tab > ul > li[class*=nixps_styling_class_] {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.cf-tab.cf-tab-blueborder > ul > li {
  border-bottom: 2px solid transparent;
}
.cf-tab.cf-tab-blueborder > ul > li.ui-tabs-active, .cf-tab.cf-tab-blueborder > ul > li.active, .cf-tab.cf-tab-blueborder > ul > li.cf-tab-active {
  border-bottom: 2px solid #2273B9;
  border-bottom: 2px solid var(--cloudflow-main-500);
}
.cf-tab.cf-tab-lightpastel > ul > li {
  background: transparent;
}
.cf-tab.cf-tab-lightpastel > ul > li.ui-tabs-active, .cf-tab.cf-tab-lightpastel > ul > li.active, .cf-tab.cf-tab-lightpastel > ul > li.cf-tab-active {
  color: #ffffff;
  color: var(--text-main);
  background: #66B3D9;
  background: var(--cloudflow-first-500);
}
.cf-tab.cf-tab-bootstrap > ul > li {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: #2273B9;
  color: var(--cloudflow-main-500);
  border-left: 1px solid transparent;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  margin-bottom: 0px;
  margin-right: 3px;
}
.cf-tab.cf-tab-bootstrap > ul > li:hover {
  background: #EAEFF3;
  background: var(--cloudflow-fourth-500);
  cursor: pointer;
  border-left: 1px solid #EAEFF3;
  border-left: 1px solid var(--cloudflow-fourth-500);
  border-top: 1px solid #EAEFF3;
  border-top: 1px solid var(--cloudflow-fourth-500);
  border-right: 1px solid #EAEFF3;
  border-right: 1px solid var(--cloudflow-fourth-500);
}
.cf-tab.cf-tab-bootstrap > ul > li.ui-tabs-active, .cf-tab.cf-tab-bootstrap > ul > li.active, .cf-tab.cf-tab-bootstrap > ul > li.cf-tab-active {
  cursor: default;
  color: #222222;
  color: var(--text-body);
  background: #ffffff;
  background: var(--body);
  border-left: 1px solid #c5c9cc;
  border-left: 1px solid var(--cloudflow-fourth-700);
  border-top: 1px solid #c5c9cc;
  border-top: 1px solid var(--cloudflow-fourth-700);
  border-right: 1px solid #c5c9cc;
  border-right: 1px solid var(--cloudflow-fourth-700);
}
.cf-tab.cf-tab-bootstrap > ul > li.ui-tabs-active > a, .cf-tab.cf-tab-bootstrap > ul > li.active > a, .cf-tab.cf-tab-bootstrap > ul > li.cf-tab-active > a {
  cursor: default;
}
.cf-tab.cf-tab-bootstrap-new > ul > li {
  color: #2273B9;
  color: var(--cloudflow-main-500);
  border-style: solid;
  border-left: 1px solid transparent;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  margin-bottom: 0px;
  margin-right: 3px;
}
.cf-tab.cf-tab-bootstrap-new > ul > li:hover {
  cursor: pointer;
}
.cf-tab.cf-tab-bootstrap-new > ul > li:hover > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background: #EAEFF3;
  background: var(--cloudflow-fourth-500);
}
.cf-tab.cf-tab-bootstrap-new > ul > li > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-style: solid;
  border-left: 1px solid transparent;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
}
.cf-tab.cf-tab-bootstrap-new > ul > li > a:hover {
  cursor: pointer;
}
.cf-tab.cf-tab-bootstrap-new > ul > li > a.active {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  cursor: default;
  color: #222222;
  color: var(--text-body);
  background: #ffffff;
  background: var(--body);
  border-left: 1px solid #c5c9cc;
  border-left: 1px solid var(--cloudflow-fourth-700);
  border-top: 1px solid #c5c9cc;
  border-top: 1px solid var(--cloudflow-fourth-700);
  border-right: 1px solid #c5c9cc;
  border-right: 1px solid var(--cloudflow-fourth-700);
}
.cf-tab li.ui-state-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.cf-tab li.ui-state-disabled a {
  cursor: not-allowed;
}

.cf-em {
  font-style: italic;
}

.cf-strong {
  font-weight: bolder;
}

.cf-sup {
  vertical-align: super;
  font-size: smaller;
}

.cf-sub {
  vertical-align: sub;
  font-size: smaller;
}

.cf-center-text,
.text_center {
  text-align: center;
}

.cf-vertical-middle {
  vertical-align: middle;
}

/*
h6 - small body, MontSerrat, 10px, regular 
body, MontSerrat, 12px, regular // not needed
h5 - bold/highlighted body, MontSerrat, 12px, font-weight:500
h4 - Subheading, MontSerrat, 15px, regular
h3 - Heading, MontSerrat, 18px, font-weight: 600
h2 - Title, MontSerrat, 22px, font-weight: 600
h1 - BIG -title 
*/
.cf-title-bigtitle,
.cf-title-h1 {
  font-style: initial;
  text-decoration: none;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  font-weight: 600;
  font-size: 36px;
  font-size: 2.25rem;
}

.cf-title-title,
.cf-title-h2 {
  font-style: initial;
  text-decoration: none;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  font-weight: 600;
  font-size: 22px;
  font-size: 1.375rem;
}

.cf-title-heading,
.cf-title-h3 {
  font-style: initial;
  text-decoration: none;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  font-weight: 600;
  font-size: 18px;
  font-size: 1.125rem;
}

.cf-title-subheading,
.cf-title-h4 {
  font-style: initial;
  text-decoration: none;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  font-weight: normal;
  font-size: 14px;
  font-size: 0.875rem;
}

.cf-title-bold,
.cf-title-h5 {
  font-style: initial;
  text-decoration: none;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  font-weight: 500;
  font-size: 12px;
  font-size: 0.75rem;
}
.cf-title-bold.cf-em,
.cf-title-h5.cf-em {
  font-style: italic;
}

.cf-title-smallbody,
.cf-title-h6 {
  font-style: initial;
  text-decoration: none;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  font-weight: normal;
  font-size: 10px;
  font-size: 0.625rem;
}
.cf-title-smallbody.cf-em,
.cf-title-h6.cf-em {
  font-style: italic;
}

.cf-subtitle {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 14px;
  font-size: 0.875rem;
}

.cf-secondary-text {
  color: #777777;
  color: var(--text2-body);
}

.cf-text {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.428;
}

.cf-deprecated {
  text-decoration: line-through;
  color: #777777;
  color: var(--gray-2);
}

.cf-highlight {
  background: rgb(255, 255, 72);
  background: var(--search-highlight);
}

.cf-emptyline {
  display: block;
  height: 1em;
}

.cf-hyphens-auto {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.cf-monospace {
  font-family: "FiraCode";
  letter-spacing: -0.02em;
}

.cf-textsecurity {
  -webkit-text-security: disc;
}

@media (prefers-contrast: more) {
  .cf-secondary-text {
    color: #222222;
    color: var(--text-body);
  }
}
@media ((max-width: 576px) or ((max-device-height: 431px) and (orientation: landscape)) or (max-device-width: 480px)) {
  .cf-title-bigtitle,
  .cf-title-h1 {
    font-size: 36px;
    font-size: 2.25rem;
  }
  .cf-title-title,
  .cf-title-h2 {
    font-size: 22px;
    font-size: 1.375rem;
  }
  .cf-title-heading,
  .cf-title-h3 {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .cf-title-subheading,
  .cf-title-h4 {
    font-size: 17px;
    font-size: 1.0625rem;
  }
  .cf-title-bold,
  .cf-title-h5 {
    font-size: 16px;
    font-size: 1rem;
  }
  .cf-title-smallbody,
  .cf-title-h6 {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.cf-mobile .cf-title-bigtitle,
.cf-mobile .cf-title-h1 {
  font-size: 36px;
  font-size: 2.25rem;
}
.cf-mobile .cf-title-title,
.cf-mobile .cf-title-h2 {
  font-size: 22px;
  font-size: 1.375rem;
}
.cf-mobile .cf-title-heading,
.cf-mobile .cf-title-h3 {
  font-size: 18px;
  font-size: 1.125rem;
}
.cf-mobile .cf-title-subheading,
.cf-mobile .cf-title-h4 {
  font-size: 17px;
  font-size: 1.0625rem;
}
.cf-mobile .cf-title-bold,
.cf-mobile .cf-title-h5 {
  font-size: 16px;
  font-size: 1rem;
}
.cf-mobile .cf-title-smallbody,
.cf-mobile .cf-title-h6 {
  font-size: 14px;
  font-size: 0.875rem;
}

.cf-select .cf-highlight {
  color: #222222;
  color: var(--text-body);
}

.cf-title-unsaved::after {
  content: "*";
}

.cf-clip-title {
  text-overflow: ellipsis;
  overflow: hidden;
}

/*
    Created on : 8-okt-2019, 9:28:02
    Author     : guillaume
*/
.cf-settingslist-item {
  cursor: pointer;
  padding: 7px 10px 7px 22px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1;
}
.cf-settingslist-item.cf-settingslist-disabled-item {
  color: #c5c9cc;
  color: var(--cloudflow-fourth-700);
}
.cf-settingslist-item:first-child {
  margin-top: 3px;
}

.cf-settingslist-currentitem {
  font-weight: bold;
}

.cf-settingslist-grouptitle {
  height: 30px;
  line-height: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row; /* Safari 6.1+ */
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: no-wrap;
  -moz-flex-wrap: no-wrap;
  -ms-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
}
.cf-settingslist-grouptitle .cf-settingslist-grouptitle-text {
  -webkit-flex: 1 1 auto; /* Safari 6.1+ */
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  cursor: default;
  display: inline-block;
  font-weight: bold;
  width: 95%;
  width: calc(100% - 40px);
  color: #2273B9;
  color: var(--cloudflow-main-500);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 15px;
}
.cf-settingslist-grouptitle .cf-icon.cf-icon-lg {
  vertical-align: top;
  line-height: 30px;
}
.cf-settingslist-grouptitle button.cf-icon {
  padding: 0;
  color: inherit;
}
.cf-settingslist-grouptitle button:last-child {
  -webkit-flex: 0 0 23px; /* Safari 6.1+ */
  -moz-flex: 0 0 23px;
  -ms-flex: 0 0 23px;
  flex: 0 0 23px;
}

.cf-settingslist-grouptitle + .lg_children {
  height: 95%;
}

.cf-settingslist-groupitem {
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  margin-left: 15px;
}
.cf-settingslist-groupitem.cf-hasbadges .cf-settingslist-groupitem-title {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: no-wrap;
  -moz-flex-wrap: no-wrap;
  -ms-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
}
.cf-settingslist-groupitem.cf-hasbadges .cf-settingslist-groupitem-title .cf-settingslist-groupitem-title-text {
  -webkit-flex: 0 1 auto; /* Safari 6.1+ */
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cf-settingslist-groupitem .cf-settingslist-groupitem-title {
  display: inline-block;
  width: 100%;
  width: calc(100% - 5px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-content: space-between;
  align-items: center;
}
.cf-settingslist-groupitem .cf-settingslist-groupitem-title .cf-badgenumber {
  position: relative;
  -webkit-border-radius: 35%;
  -moz-border-radius: 35%;
  border-radius: 35%;
  right: 1px;
}
.cf-settingslist-groupitem.cf-settingslist-groupitem-hassettings .cf-settingslist-groupitem-title {
  width: 90%;
  width: calc(100% - 25px);
}
.cf-settingslist-groupitem .cf-settingslist-groupitem-settings {
  cursor: pointer;
  margin-right: 4px;
  opacity: 0.2;
  width: 15px;
}
.cf-settingslist-groupitem .cf-settingslist-groupitem-settings.cf-disabled {
  cursor: not-allowed;
  opacity: 0.2;
}
.cf-settingslist-groupitem button.cf-settingslist-groupitem-settings {
  background: transparent;
  border: none;
  color: inherit;
  padding: 0;
}
.cf-settingslist-groupitem .cf-icon.cf-icon-lg {
  line-height: 32px;
  vertical-align: top;
}
.cf-settingslist-groupitem.cf-settingslist-groupitem-aligntitle {
  margin-left: 15px;
  width: calc( 100% - 15px );
}
.cf-settingslist-groupitem:hover .cf-settingslist-groupitem-settings:not(.cf-disabled) {
  opacity: 1;
}

.cf-select .cf-settingslist-groupitem-settings:not(.cf-disabled) {
  opacity: 1;
}
.cf-select .cf-settingslist-groupitem-title .cf-badgenumber {
  color: #2273B9;
  color: var(--cloudflow-main-500);
  background-color: #ffffff;
  background-color: var(--body);
}

.cf-settingslist {
  position: absolute;
  width: 180px;
  height: 100%;
  overflow: auto;
  display: inline-block;
  background: #EAEFF3;
  background: var(--cloudflow-fourth-500);
  border-right: 1px solid #81A8BB;
  border-right: 1px solid var(--cloudflow-second);
}
.cf-settingslist .lp_searchpanel {
  height: 28px;
  margin-top: 7px;
}
.cf-settingslist .lp_searchpanel:hover .listpanel-clearsearch {
  opacity: 1;
}
.cf-settingslist .lp_searchpanel .listpanel-clearsearch {
  position: absolute;
  right: 6px;
  top: 9px;
  padding: 4px;
  opacity: 0;
}
.cf-settingslist .lp_searchpanel .listpanel-clearsearch:hover {
  cursor: pointer;
}
.cf-settingslist .cf-icon-search {
  position: absolute;
  top: 14px;
  left: 10px;
}
.cf-settingslist .lp_listgroups {
  height: calc(100% - 35px);
  overflow: auto;
}
.cf-settingslist .cf-settingslist-search {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #B9B9B9;
  border: 1px solid var(--gray-3);
  margin-left: 5px;
  width: 151px;
  width: calc(100% - 10px);
  padding-left: 22px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 20px;
  box-sizing: border-box;
}
.cf-settingslist.cf-container-tooltip-visible {
  overflow: initial;
  overflow-y: visible;
  overflow-y: visible;
}
.cf-settingslist.cf-sticky-top {
  height: initial;
}
.cf-settingslist.cf-settingslist-collapsed {
  width: 25px;
}
.cf-settingslist-dragginghelp {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #777777;
  color: var(--gray-2);
  pointer-events: none;
}
.cf-settingslist-dragginghelp .cf-icon {
  margin-top: 35%;
  margin-left: auto;
  margin-right: auto;
}
.cf-settingslist-dragginghelp .cf-settingslist-dragginghelp-text {
  font-size: 16px;
  font-size: 1rem;
}

.cf-settingslist-dragdropping {
  position: relative;
}
.cf-settingslist-dragdropping .lg_title, .cf-settingslist-dragdropping .lg_children {
  opacity: 0.3;
}
.cf-settingslist-dragdropping .cf-settingslist-dragginghelp {
  display: block;
}

.cf-settingslist-contentpage {
  position: absolute;
  left: 181px;
  right: 0;
  display: inline-block;
  vertical-align: top;
  height: 100%;
  overflow: auto;
}

.cf-settingslist-contentpage-addpadding {
  padding-left: 10px;
  padding-right: 10px;
}

.cf-settingslist-embedded {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: row; /* Safari 6.1+ */
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.cf-settingslist-embedded .cf-settingslist {
  -webkit-flex: 0 0 180px; /* Safari 6.1+ */
  -moz-flex: 0 0 180px;
  -ms-flex: 0 0 180px;
  flex: 0 0 180px;
  height: auto;
  overflow: initial;
  position: static;
}
.cf-settingslist-embedded .cf-settingslist-contentpage {
  -webkit-flex: 1 1 auto; /* Safari 6.1+ */
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: static;
  height: initial;
  left: initial;
  right: initial;
}

.cf-zindex-content {
  z-index: 1;
}

.cf-zindex-content-over {
  z-index: 2;
}

.cf-zindex-dropdownlist-low {
  z-index: 4;
}

.cf-zindex-dropdownlist {
  z-index: 5;
}

.cf-zindex-modal-low {
  z-index: 10;
}

.cf-zindex-modal {
  z-index: 1000;
}

.cf-zindex-modal-over {
  z-index: 1001;
}

.cf-select,
.cf-select-alike {
  color: #ffffff;
  color: var(--text-main);
  background: #2273B9;
  background: var(--cloudflow-main-500);
}

.cf-table-rowselect {
  background: #cce6f2;
  background: var(--selection-second);
}

.cf-parent-selectable > div, .cf-parent-selectable > span, .cf-parent-selectable > tr:not(.tableInlineRow) {
  cursor: pointer;
}

.cf-section + .cf-section {
  border-top: 1px solid #B9B9B9;
  border-top: 1px solid var(--gray-3);
  margin-top: 1em;
  padding-top: 1em;
}

.cf-hr {
  border-top: 1px solid #B9B9B9;
  border-top: 1px solid var(--gray-3);
  border-left: 0px;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.cf-addmarginsection {
  margin-top: 8px;
  margin-bottom: 8px;
  display: block;
}

.cf-tabsection {
  margin-left: 15px;
}

.cf-prefix-amount {
  width: 30px;
  margin-right: 20px;
  display: inline-block;
  text-align: right;
}

/*
    Created on : 20-sep-2019, 13:51:04
    Author     : guillaume
*/
.cf-dl .cf-dt {
  float: left;
  font-weight: bold;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 80px;
  display: block;
}
.cf-dl .cf-dd {
  line-height: 18px;
  margin-left: 100px;
  display: block;
}

@media (max-width: 450px) {
  .cf-dl .cf-dt {
    width: 100%;
  }
  .cf-dl .cf-dd {
    margin-left: 0px;
  }
}
.cf-list {
  list-style: square;
  list-style-position: inside;
}

.cf-panellist {
  border-right: 1px solid #c5c9cc;
  border-right: 1px solid var(--cloudflow-fourth-700);
  overflow-y: auto;
  height: 100%;
  display: inline-block;
  position: absolute;
  left: 0;
  width: 200px;
}
.cf-panellist .cf-panellist-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  height: 26px;
  line-height: 26px;
  padding-left: 22px;
}
.cf-panellist .cf-panellist-item:nth-child(2n+0):not(.cf-select) {
  background: #EAEFF3;
  background: var(--cloudflow-fourth-500);
}
.cf-panellist .cf-panellist-item.cf-select {
  position: relative;
}
.cf-panellist .cf-panellist-item input[type=text] {
  position: absolute;
  top: 0px;
  left: 21px;
  right: 0px;
  bottom: 0px;
  border-radius: 0px;
  width: 80%;
  width: calc( 100% - 23px);
}

.jstree.cf-panellist-jstree > ul > li {
  line-height: 30px;
  padding-left: 15px;
  min-height: 30px;
}
.jstree.cf-panellist-jstree > ul > li[aria-level="1"] {
  padding-left: 22px;
}
.jstree.cf-panellist-jstree > ul > li > .jstree-wholerow {
  height: 26px;
  line-height: 26px;
}
.jstree.cf-panellist-jstree > ul > li:nth-child(2n+0):not(.cf-select) {
  background: #EAEFF3;
  background: var(--cloudflow-fourth-500);
}
.jstree.cf-panellist-jstree .jstree-icon:empty {
  width: 0px;
}
.jstree.cf-panellist-jstree .jstree-closed > .jstree-ocl,
.jstree.cf-panellist-jstree .jstree-open > .jstree-ocl {
  width: 20px;
}
.jstree.cf-panellist-jstree .jstree-wholerow-clicked,
.jstree.cf-panellist-jstree .jstree-clicked {
  color: #ffffff;
  color: var(--text-main);
  background: #2273B9;
  background: var(--cloudflow-main-500);
}
.jstree.cf-panellist-jstree .jstree-wholerow-hovered:not(.jstree-wholerow-clicked) {
  background: transparent;
}

.cf-paneldetails {
  position: absolute;
  left: 201px;
  display: inline-block;
  height: 100%;
  overflow: auto;
  vertical-align: top;
  width: 70%;
  width: calc( 100% - 200px);
}

.cf-panels-resize {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: row; /* Safari 6.1+ */
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.cf-panels-resize .cf-panellist {
  -webkit-flex: 1 0 auto; /* Safari 6.1+ */
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  resize: horizontal;
  position: static;
}
.cf-panels-resize .cf-paneldetails {
  width: auto;
  position: static;
}

/*
    Created on : 24-okt-2019, 13:25:21
    Author     : guillaume
*/
.cf-freezeOverlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #ffffff;
  background-color: var(--body);
  color: #222222;
  color: var(--text-body);
  transition: 1s all;
}
.cf-freezeOverlay .cf-freezeOverlay-center {
  margin-top: 20%;
  margin-top: 20vh;
}
.cf-freezeOverlay .cf-freezeOverlay-waitImage {
  background-image: url("/common/FreezeOverlay/css/loading-cloudflow.gif");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 200px;
}
.cf-freezeOverlay .cf-freezeOverlay-waitText {
  text-align: center;
  font-weight: bold;
  height: 3em;
  line-height: 3em;
}
.cf-freezeOverlay.cf-freezeOverlay-classic {
  background-color: rgba(0, 0, 0, 0.5);
  background-color: rgba(var(--gray-0-rgb), 0.5);
  color: #ffffff;
  color: var(--text-main);
}
.cf-freezeOverlay.cf-freezeOverlay-hidden {
  opacity: 0;
}
.cf-freezeOverlay.cf-freezeOverlay-transparent {
  background-color: rgba(255, 255, 255, 0.5);
  background-color: rgba(var(--white-rgb), 0.5);
}

.cf-animation-cloudslider {
  background-image: url("/common/FreezeOverlay/css/loading-cloudflow.gif");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 200px;
}

.cf-animation-spinner {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  padding: 1px;
  background: conic-gradient(#0000 10%, #2273B9) content-box;
  background: conic-gradient(#0000 10%, var(--cloudflow-main-500)) content-box;
  -webkit-mask: repeating-conic-gradient(rgba(0, 0, 0, 0) 0deg, #000 1deg 20deg, rgba(0, 0, 0, 0) 21deg 36deg), radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 8px - 1px), #000 calc(100% - 8px));
  -webkit-mask-composite: destination-in;
  mask-composite: intersect;
  animation: lspinner 1s infinite steps(10);
}

@keyframes lspinner {
  to {
    transform: rotate(1turn);
  }
}
.cf-animation-pulse {
  max-width: 100px;
  max-height: 100px;
  position: relative;
}
.cf-animation-pulse:before {
  content: "";
  position: absolute;
  width: 40%;
  height: 40%;
  top: 30%;
  left: 30%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #3F78EA;
  box-shadow: 0 0 0 0 #66ACFF;
  animation: lpulse 1s infinite;
}

@keyframes lpulse {
  100% {
    box-shadow: 0 0 0 30px rgba(102, 171, 255, 0);
  }
}
.cf-animation-circlegridwave {
  aspect-ratio: 1;
  color: #222222;
  color: var(--text-body);
  border: 2px solid;
  box-sizing: border-box;
  background: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 3px), currentColor calc(100% - 2px) 98%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 3px), currentColor calc(100% - 2px) 98%, rgba(0, 0, 0, 0));
  background-size: 23px 23px;
  background-position: 0 0, 12px 12px;
  animation: lregister 1s infinite;
}

@keyframes lregister {
  100% {
    background-position: -23px 0px, 12px 35px;
  }
}
.cf-animation-colorcircle {
  max-width: 50px;
  max-height: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #3F78EA 94%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side, #F45073 94%, rgba(0, 0, 0, 0)), #ED303C;
  background-position: center;
  background-repeat: no-repeat;
  animation: lcolorcircle 1.5s infinite;
}

@keyframes lcolorcircle {
  0% {
    background-size: 0 0, 0 0;
  }
  30%, 50% {
    background-size: 0 0, 120% 120%;
  }
  80%, 100% {
    background-size: 120% 120%, 120% 120%;
  }
}
.cf-animation-maze {
  background: no-repeat linear-gradient(#222222 0 0) 0 0, no-repeat linear-gradient(#222222 0 0) 0 100%, no-repeat linear-gradient(#222222 0 0) 50%  0, no-repeat linear-gradient(#222222 0 0) 50%  100%, no-repeat linear-gradient(#222222 0 0) 100% 0, no-repeat linear-gradient(#222222 0 0) 100% 100%;
  background: no-repeat linear-gradient(var(--text-body) 0 0) 0 0, no-repeat linear-gradient(var(--text-body) 0 0) 0 100%, no-repeat linear-gradient(var(--text-body) 0 0) 50%  0, no-repeat linear-gradient(var(--text-body) 0 0) 50%  100%, no-repeat linear-gradient(var(--text-body) 0 0) 100% 0, no-repeat linear-gradient(var(--text-body) 0 0) 100% 100%;
  background-size: 20% 50%;
  animation: lmaze-0 2s infinite;
  position: relative;
  overflow: hidden;
}
.cf-animation-maze:before {
  content: "";
  position: absolute;
  width: 20%;
  height: 20%;
  border-radius: 50%;
  background: #222222;
  background: var(--text-body);
  top: 40%;
  left: -20%;
  animation: inherit;
  animation-name: lmaze-1;
}

@keyframes lmaze-0 {
  16.67% {
    background-size: 20% 30%, 20% 30%, 20% 50%, 20% 50%, 20% 50%, 20% 50%;
  }
  33.33% {
    background-size: 20% 30%, 20% 30%, 20% 30%, 20% 30%, 20% 50%, 20% 50%;
  }
  50% {
    background-size: 20% 30%, 20% 30%, 20% 30%, 20% 30%, 20% 50%, 20% 50%;
  }
  66.67% {
    background-size: 20% 50%, 20% 50%, 20% 30%, 20% 30%, 20% 50%, 20% 50%;
  }
  83.33% {
    background-size: 20% 50%, 20% 50%, 20% 50%, 20% 50%, 20% 50%, 20% 50%;
  }
}
@keyframes lmaze-1 {
  20% {
    left: 0px;
  }
  40%, 70% {
    left: 40%;
  }
  80%, 85% {
    left: 20%;
    top: 40%;
  }
  100% {
    left: 20%;
    top: -20%;
  }
}
/*
    Created on : 19-jul-2019, 14:16:32
    Author     : guillaume
*/
.cf-detailspanel {
  position: absolute;
  top: 59px;
  right: 0;
  bottom: 0;
  width: 300px;
  overflow: auto;
  z-index: 1;
  transition: width 0.5s;
  background: #EAEFF3;
  background: var(--cloudflow-fourth-500);
  border-left: 1px solid #81A8BB;
  border-left: 1px solid var(--cloudflow-second);
}
.cf-detailspanel.cf-detailspanel-closed {
  display: none;
}
.cf-detailspanel.cf-detailspanel-closed.cf-detailspanel-visualdependency {
  display: block;
  visibility: hidden;
}
.cf-detailspanel.cf-detailspanel-large {
  width: 850px;
  transition: width 0.5s;
}
.cf-detailspanel .cf-detailspanel-title {
  margin: 14px 21px;
}
.cf-detailspanel .cf-detailspanel-title.cf-detailspanel-emptytitle {
  height: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.cf-detailspanel .cf-detailspanel-thumb:not(:empty) {
  display: block;
  margin: 25px auto 10px auto;
  max-width: 150px;
  max-height: 150px;
  text-align: center;
}
.cf-detailspanel .cf-detailspanel-close,
.cf-detailspanel .cf-detailspanel-maximizebutton,
.cf-detailspanel .cf-detailspanel-minimizebutton {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0px;
  z-index: 2;
}
.cf-detailspanel .cf-detailspanel-close {
  position: absolute;
  top: 13px;
  right: 10px;
  color: #777777;
  color: var(--text3-second);
  font-size: 1.7em;
}
.cf-detailspanel .cf-detailspanel-maximizebutton {
  position: absolute;
  top: 16px;
  right: 40px;
  font-size: 1.4em;
  color: #777777;
  color: var(--text2-body);
}
.cf-detailspanel .cf-detailspanel-minimizebutton {
  position: absolute;
  top: 16px;
  right: 40px;
  font-size: 1.4em;
  color: #777777;
  color: var(--text2-body);
}
.cf-detailspanel.cf-detailspanel-maximize {
  width: calc(100% - 60px);
  transition: width 0.5s;
}
.cf-detailspanel.cf-detailspanel-maximize.cf-detailspanel-small {
  width: calc(100% - 181px);
  transition: width 0.5s;
}
.cf-detailspanel.cf-detailspanel-maximize.cf-detailspanel-fullwidth {
  width: 100%;
  transition: width 0.5s;
}
.cf-detailspanel .cf-detailspanel-edit {
  cursor: pointer;
  padding: 5px;
  position: absolute;
  right: 50px;
  top: 69px;
}
.cf-detailspanel .cf-detailspanel-subtitle {
  text-align: center;
}
.cf-detailspanel .cf-detailspanel-thumblabel:not(:empty) {
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  display: block;
  margin-bottom: 15px;
}
.cf-detailspanel .cf-detailspanel-thumblabel:empty {
  margin-top: 0px;
  margin-bottom: 0px;
}
.cf-detailspanel .cf-buttonbar,
.cf-detailspanel .cf-buttonbar-left,
.cf-detailspanel .cf-buttonbar-right,
.cf-detailspanel .cf-buttonbar-center,
.cf-detailspanel .cf-buttonbar-bottom {
  background: #EAEFF3;
  background: var(--cloudflow-fourth-500);
}
.cf-detailspanel .cf-buttonbar.cf-buttonbar-sticky,
.cf-detailspanel .cf-buttonbar-left.cf-buttonbar-sticky,
.cf-detailspanel .cf-buttonbar-right.cf-buttonbar-sticky,
.cf-detailspanel .cf-buttonbar-center.cf-buttonbar-sticky,
.cf-detailspanel .cf-buttonbar-bottom.cf-buttonbar-sticky {
  background: inherit;
}
.cf-detailspanel .cf-buttonbar.cf-buttonbar-sticky > .nixps_styling_constants_bodybackground,
.cf-detailspanel .cf-buttonbar-left.cf-buttonbar-sticky > .nixps_styling_constants_bodybackground,
.cf-detailspanel .cf-buttonbar-right.cf-buttonbar-sticky > .nixps_styling_constants_bodybackground,
.cf-detailspanel .cf-buttonbar-center.cf-buttonbar-sticky > .nixps_styling_constants_bodybackground,
.cf-detailspanel .cf-buttonbar-bottom.cf-buttonbar-sticky > .nixps_styling_constants_bodybackground {
  background: #EAEFF3;
  background: var(--cloudflow-fourth-500);
}

@media (max-width: 780px) {
  .cf-detailspanel:not(.cf-detailspanel-stickright) {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    width: auto;
    border: 1px solid #81A8BB;
    border: 1px solid var(--cloudflow-second);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .cf-detailspanel:not(.cf-detailspanel-stickright).cf-detailspanel-large {
    width: initial;
  }
}
@media (max-width: 850px) {
  .cf-detailspanel.cf-detailspanel-large {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    width: auto;
    border: 1px solid #81A8BB;
    border: 1px solid var(--cloudflow-second);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
}
.cf-dialog.cf-detailspanel {
  position: absolute;
  top: 59px;
  left: 300px;
  bottom: initial;
  right: initial;
  overflow: visible;
  padding-left: 5px;
  border: 1px solid #B9B9B9;
  border: 1px solid var(--gray-3);
  border-left: 0px;
  background: #ffffff;
  background: var(--body);
}
.cf-dialog.cf-detailspanel:after {
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: 0;
  width: 5px;
  background: #2273B9;
  background: var(--cloudflow-main-500);
}
.cf-dialog.cf-detailspanel .cf-detailspanel-title {
  cursor: move;
}
.cf-dialog.cf-detailspanel .cf-buttonbar {
  background: #ffffff;
  background: var(--body);
}
.cf-dialog.cf-detailspanel .cf-form-helptext {
  color: #777777;
  color: var(--gray-2);
}

.cf-page.cf-page-embedded .cf-detailspanel.cf-detailspanel-maximize {
  width: 100%;
}

/*
    Created on : 3-sep-2019, 9:55:38
    Author     : guillaume
*/
.cf-search-container .cf-search-field {
  border-bottom: 1px solid #2273B9;
  border-bottom: 1px solid var(--cloudflow-main-500);
  height: 40px;
  margin-bottom: 5px;
  line-height: 40px;
}
.cf-search-container .cf-search-field .cf-search-input {
  border: 1px solid #DDE3E8;
  border: 1px solid var(--cloudflow-third-500);
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  padding: 1px 4px;
  width: 80%;
}
.cf-search-container .cf-search-field .cf-search-input:focus {
  border-color: #298ef1;
  border-color: var(--focus-main);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
}
.cf-search-container .cf-search-genericbutton {
  cursor: pointer;
  width: 20px;
  text-align: center;
}

.cf-search-fullsearchfield {
  height: 40px;
  line-height: 40px;
  padding: 1px 4px;
  font-size: 14px;
  font-size: 0.875rem;
  border: none;
  width: 100%;
}
.cf-search-fullsearchfield:focus {
  border-color: #298ef1;
  border-color: var(--focus-main);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 142, 241, 0.6);
  box-shadow: inset 0 1px 1px rgba(var(--gray-0-rgb), 0.075), 0 0 8px rgba(var(--focus-main-rgb), 0.6);
}

.cf-search-icon {
  width: 20px;
  text-align: center;
}

.cf-search-clear {
  cursor: pointer;
  width: 20px;
  text-align: center;
}

.cf-inlinesearch {
  border: 1px solid #2273B9;
  border: 1px solid var(--cloudflow-main-500);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: inherit;
  padding: 5px 8px;
  padding-right: 16px;
  -webkit-appearance: none;
  width: 195px;
  position: relative;
  bottom: 3px;
  z-index: 1;
}
.cf-inlinesearch:focus {
  outline: none;
}

.cf-inlinesearch-small {
  border: 1px solid #c5c9cc;
  border: 1px solid var(--cloudflow-fourth-700);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 13px;
  font-size: 0.8125rem;
  font-family: inherit;
  padding: 2px 5px;
  padding-right: 8px;
  -webkit-appearance: none;
}
.cf-inlinesearch-small:focus {
  outline: none;
}

.cf-splitter {
  flex-shrink: 0;
  flex-grow: 0;
  cursor: ew-resize;
}
.cf-splitter.cf-splitter-ns {
  cursor: ns-resize;
}

.cf-sticky-top {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}

.cf-pointerevent-none {
  pointer-events: none;
}

.cf-colorpreview {
  width: 15px;
  height: 15px;
  border-radius: 100%;
}

.cf-colorpreview-border {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  position: relative;
}
.cf-colorpreview-border:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 13px;
  height: 13px;
  border-radius: 100%;
  mix-blend-mode: color-dodge;
  border: 1px solid;
}

.cf-colorpreview-unknown {
  position: relative;
  background: #ffffff;
  background: var(--body);
  border: 1px solid #000000;
  border: 1px solid var(--gray-0);
}
.cf-colorpreview-unknown:after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: red;
  left: 50%;
  left: calc(50% - 1px);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cf-legend-line {
  width: 15px;
  height: 8px;
}

.cf-suggestion {
  float: right;
  color: #B9B9B9;
  color: var(--gray-3);
}

.cf-disabled .cf-suggestion {
  color: rgba(185, 185, 185, 0.5);
  color: rgba(var(--gray-3-rgb), 0.5);
}

.cf-blockcontent {
  background: #B9B9B9;
  background: var(--gray-3);
  padding: 5px 5px 5px 5px;
}

.cf-dock-vertical {
  width: 200px;
  overflow-y: auto;
  height: 100%;
  background: inherit;
}

.cf-dock-horizontal {
  width: 100%;
  overflow-y: auto;
  height: 100%;
  background: inherit;
}

.cf-dockable {
  border-bottom: 1px solid #B9B9B9;
  border-bottom: 1px solid var(--gray-3);
  background: inherit;
}
.cf-dockable .cf-dockable-header {
  line-height: 33px;
  height: 33px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  cursor: default;
}
.cf-dockable .cf-dockable-collapseicon {
  -webkit-flex: 0 0 auto; /* Safari 6.1+ */
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.cf-dockable .cf-dockable-title {
  -webkit-flex: 1 1; /* Safari 6.1+ */
  -moz-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cf-dockable .cf-dockable-closebutton {
  -webkit-flex: 0 0 auto; /* Safari 6.1+ */
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.cf-dockable button.cf-dockable-closebutton {
  background: transparent;
  border: none;
  padding: 0px;
}
.cf-dockable .cf-dockable-content {
  background: inherit;
  overflow: auto;
  height: calc(100% - 33px);
  scrollbar-gutter: stable;
}
.cf-dockable.cf-disabled .cf-iconbutton {
  cursor: default;
}
.cf-dockable.cf-dockable-close {
  height: 33px;
  overflow: hidden;
}
.cf-dockable:hover:not(.cf-disabled) .cf-dockable-header {
  background-color: #595959;
}
.cf-dockable.ui-resizable {
  position: static;
}
.cf-dockable.ui-resizable.cf-dockable-close .ui-resizable-handle {
  display: none;
}
.cf-dockable.ui-resizable .cf-dockable-content {
  height: calc(100% - 40px);
}
.cf-dockable.ui-resizable .ui-resizable-handle {
  position: sticky;
}
.cf-dockable.ui-resizable .ui-resizable-handle:hover {
  background: #2273B9;
  background: var(--cloudflow-main-500);
}

.cf-dockable-hidden {
  display: none;
}

.cf-dock-horizontal .cf-dockable {
  float: left;
  height: 100%;
  overflow: hidden;
}
.cf-dock-horizontal .cf-dock-placeholder {
  display: inline-block;
}

.cf-dock-add {
  height: 30px;
  margin-top: 15px;
}
.cf-dock-add button {
  background: transparent;
  border: none;
}

.cf-dockable-header {
  color: #3B3B3B;
  color: var(--gray-1);
}

.cf-dock-placeholder {
  background: #777777;
  background: var(--gray-2);
  height: 100px;
}

.cf-dock-helper {
  overflow: hidden;
}

.cf-dockable {
  min-height: 33px;
  overflow: auto;
}

.cf-dock-vertical {
  overflow-y: hidden;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(auto-fit, minmax(33px, min-content));
}

.cf-slidepanel-mobile {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  box-sizing: border-box;
  padding: 0;
  width: 100%;
  z-index: 1000;
}
.cf-slidepanel-mobile:not(.cf-notransition), .cf-slidepanel-mobile.cf-transition {
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;
}
.cf-slidepanel-mobile .cf-slidepanel-header,
.cf-slidepanel-mobile .cf-slidepanel-header-mobile {
  display: block;
  height: 25px;
}
.cf-slidepanel-mobile .cf-slidepanel-body,
.cf-slidepanel-mobile .cf-slidepanel-body-mobile {
  height: calc(100% - 25px);
  overflow: auto;
  padding-left: 8px;
  padding-right: 8px;
}
.cf-slidepanel-mobile .cf-slidepanel-item {
  height: 44px;
  line-height: 44px;
}
.cf-slidepanel-mobile .cf-slidepanel-item .cf-icon,
.cf-slidepanel-mobile .cf-slidepanel-item .fa {
  width: 30px;
  text-align: center;
}

.cf-slidepanel-closebutton {
  cursor: pointer;
  background: transparent;
  border: none;
  color: #B9B9B9;
  color: var(--gray-3);
  height: 25px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 6px;
  padding-right: 11px;
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 25px;
}

.cf-scrollable-intouch {
  -webkit-overflow-scrolling: touch;
}

.cf-handlebar:after {
  content: " ";
  position: absolute;
  border: 2px solid #B9B9B9;
  border: 2px solid var(--gray-3);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  top: 8px;
  left: 40%;
  width: 20%;
}

hybrid-mention {
  color: #66B3D9;
  color: var(--cloudflow-first-500);
}
hybrid-mention.cf-mention-ping {
  color: #FFAB4F;
  color: var(--warning-500);
}

/* http://meyerweb.com/eric/tools/css/reset/
   v4.0 | 20180602
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block;
}

/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
  display: none;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

*:focus,
*:hover {
  outline: none;
}

.cf-unreset a {
  cursor: pointer;
  color: #2273B9;
  text-decoration: underline;
}
.cf-unreset i, .cf-unreset em, .cf-unreset dfn {
  font-style: italic;
}
.cf-unreset b, .cf-unreset strong {
  font-weight: bold;
}
.cf-unreset dfn {
  font-weight: bold;
}
.cf-unreset p, .cf-unreset code, .cf-unreset pre, .cf-unreset kbd, .cf-unreset samp {
  margin: 0 0 1.5em 0;
}
.cf-unreset tt, .cf-unreset code, .cf-unreset kbd, .cf-unreset samp {
  font-family: monospace;
  font-weight: inherit;
}
.cf-unreset pre {
  font-family: monospace;
  margin: 1em 0;
  white-space: pre;
}
.cf-unreset mark {
  background-color: yellow;
  color: black;
  font-style: normal;
  font-weight: inherit;
}
.cf-unreset blockquote {
  margin: 0 1.5em 1.5em 1.5em;
}
.cf-unreset q {
  quotes: "“" "”" "‘" "’";
}
.cf-unreset q:before {
  content: open-quote;
}
.cf-unreset q:after {
  content: close-quote;
}
.cf-unreset cite {
  font-style: italic;
}
.cf-unreset li ul, .cf-unreset li ol {
  margin: 0 1.5em;
}
.cf-unreset ul, .cf-unreset ol {
  margin: 0 1.5em 1.5em 1.5em;
}
.cf-unreset ul {
  list-style-type: disc;
}
.cf-unreset ol {
  list-style-type: decimal;
}
.cf-unreset ol ol {
  list-style: upper-alpha;
}
.cf-unreset ol ol ol {
  list-style: lower-roman;
}
.cf-unreset ol ol ol ol {
  list-style: lower-alpha;
}
.cf-unreset dl {
  margin: 0 0 1.5em 0;
}
.cf-unreset dl dt {
  font-weight: bold;
}
.cf-unreset dd {
  margin-left: 1.5em;
}
.cf-unreset table {
  margin-bottom: 1.4em;
  width: 100%;
}
.cf-unreset th {
  font-weight: bold;
}
.cf-unreset th, .cf-unreset td, .cf-unreset caption {
  padding: 4px 10px 4px 5px;
}
.cf-unreset tfoot {
  font-style: italic;
}
.cf-unreset sup, .cf-unreset sub {
  line-height: 0;
}
.cf-unreset sub, .cf-unreset sup {
  font-weight: inherit;
  line-height: inherit;
  position: static;
}
.cf-unreset sub {
  font-size: smaller;
  bottom: 0;
  vertical-align: sub;
}
.cf-unreset sup {
  font-size: smaller;
  top: 0;
  vertical-align: super;
}
.cf-unreset big {
  font-size: larger;
  font-weight: inherit;
}
.cf-unreset small {
  font-size: smaller;
  font-weight: inherit;
}
.cf-unreset ruby > rt {
  font-size: 50%;
}
.cf-unreset abbr, .cf-unreset acronym {
  border-bottom: 1px dotted;
}
.cf-unreset address {
  margin: 0 0 1.5em;
  font-style: italic;
}
.cf-unreset del {
  text-decoration: line-through;
}
.cf-unreset pre {
  margin: 1.5em 0;
  white-space: pre;
}
.cf-unreset img {
  max-width: 100%;
}
.cf-unreset legend {
  padding: 0 2px;
}
.cf-unreset fieldset {
  border-style: groove;
  border-width: 2px;
  border: 2px groove ThreeDFace;
  margin: 0 2px;
  padding: 0 2px 3px;
  -webkit-padding-before: 0.35em;
  -webkit-padding-start: 0.75em;
  -webkit-padding-end: 0.75em;
  -webkit-padding-after: 0.625em;
}
.cf-unreset h1 {
  font-style: initial;
  text-decoration: none;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  font-weight: 600;
  font-size: 36px;
}
.cf-unreset h2 {
  font-style: initial;
  text-decoration: none;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  font-weight: 500;
  font-size: 30px;
}
.cf-unreset h3 {
  font-style: initial;
  text-decoration: none;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  font-weight: 500;
  font-size: 24px;
}
.cf-unreset h4 {
  font-style: initial;
  text-decoration: none;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  font-weight: 500;
  font-size: 18px;
}
.cf-unreset h5 {
  font-style: initial;
  text-decoration: none;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  font-weight: 500;
  font-size: 14px;
}
.cf-unreset h6 {
  font-style: initial;
  text-decoration: none;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  font-weight: 500;
  font-size: 12px;
}

:root {
  --white: #ffffff;
  --white-rgb: 255, 255, 255;
  --black: #000000;
  --black-rgb: 0, 0, 0;
  --gray-0: #000000;
  --gray-0-rgb: 0, 0, 0;
  --gray-1: #3b3b3b;
  --gray-1-rgb: 59, 59, 59;
  --gray-2: #777777;
  --gray-2-rgb: 119, 119, 119;
  --gray-3: #B9B9B9;
  --gray-3-rgb: 185, 185, 185;
  --gray-4: #FAFAFA;
  --gray-4-rgb: 250, 250, 250;
  --gray-5: #ffffff;
  --gray-5-rgb: 255, 255, 255;
  --body: #ffffff;
  --body-rgb: 255, 255, 255;
  --text-main: #ffffff;
  --text-main-rgb: 255, 255, 255;
  --text-body: #222222;
  --text-body-rgb: 34, 34, 34;
  --text-second: #222222;
  --text-second-rgb: 34, 34, 34;
  --text2-body: #777777;
  --text2-body-rgb: 119, 119, 119;
  --text3-second: #777777;
  --text3-second-rgb: 119, 119, 119;
  --text-table-head: #ffffff;
  --text-table-head-rgb: 255, 255, 255;
  --text-table-body: #222222;
  --text-table-body-rgb: 34, 34, 34;
  --background-disabled: #eee;
  --background-disabled-rgb: 238, 238, 238;
  --text-link: #2273B9;
  --text-link-rgb: 34, 115, 185;
  --text-linkhover: #1d619b;
  --text-linkhover-rgb: 29, 97, 155;
  --focus-main: #298ef1;
  --focus-main-rgb: 41, 142, 241;
  --autofill: rgb(250, 255, 189);
  --autofill-rgb: 250, 255, 189;
  --search-highlight: rgb(255, 255, 72);
  --search-highlight-rgb: 255, 255, 72;
  --selection-second: #cce6f2;
  --selection-second-rgb: 204, 230, 242;
  --cloudflow-main: #2273B9;
  --cloudflow-main-rgb: 34, 115, 185;
  --cloudflow-main-0: white;
  --cloudflow-main-0-rgb: 255, 255, 255;
  --cloudflow-main-100: #afcde6;
  --cloudflow-main-100-rgb: 175, 205, 230;
  --cloudflow-main-200: #69a0cf;
  --cloudflow-main-200-rgb: 105, 160, 207;
  --cloudflow-main-300: #4589c4;
  --cloudflow-main-300-rgb: 69, 137, 196;
  --cloudflow-main-400: #347ebf;
  --cloudflow-main-400-rgb: 52, 126, 191;
  --cloudflow-main-500: #2273B9;
  --cloudflow-main-500-rgb: 34, 115, 185;
  --cloudflow-main-600: #1f6aaa;
  --cloudflow-main-600-rgb: 31, 106, 170;
  --cloudflow-main-700: #1d619b;
  --cloudflow-main-700-rgb: 29, 97, 155;
  --cloudflow-main-800: #174e7e;
  --cloudflow-main-800-rgb: 23, 78, 126;
  --cloudflow-main-900: #0c2943;
  --cloudflow-main-900-rgb: 12, 41, 67;
  --cloudflow-main-1000: black;
  --cloudflow-main-1000-rgb: 0, 0, 0;
  --cloudflow-first: #68b4d9;
  --cloudflow-first-rgb: 104, 180, 217;
  --cloudflow-first-0: white;
  --cloudflow-first-0-rgb: 255, 255, 255;
  --cloudflow-first-100: #c9e4f1;
  --cloudflow-first-100-rgb: 201, 228, 241;
  --cloudflow-first-200: #98cce5;
  --cloudflow-first-200-rgb: 152, 204, 229;
  --cloudflow-first-300: #80c0df;
  --cloudflow-first-300-rgb: 128, 192, 223;
  --cloudflow-first-400: #74badc;
  --cloudflow-first-400-rgb: 116, 186, 220;
  --cloudflow-first-500: #68b4d9;
  --cloudflow-first-500-rgb: 104, 180, 217;
  --cloudflow-first-600: #60a6c8;
  --cloudflow-first-600-rgb: 96, 166, 200;
  --cloudflow-first-700: #5797b6;
  --cloudflow-first-700-rgb: 87, 151, 182;
  --cloudflow-first-800: #477a94;
  --cloudflow-first-800-rgb: 71, 122, 148;
  --cloudflow-first-900: #25414e;
  --cloudflow-first-900-rgb: 37, 65, 78;
  --cloudflow-first-1000: black;
  --cloudflow-first-1000-rgb: 0, 0, 0;
  --cloudflow-second: #81a8bb;
  --cloudflow-second-rgb: 129, 168, 187;
  --cloudflow-second-0: white;
  --cloudflow-second-0-rgb: 255, 255, 255;
  --cloudflow-second-100: #d2e0e7;
  --cloudflow-second-100-rgb: 210, 224, 231;
  --cloudflow-second-200: #a9c4d1;
  --cloudflow-second-200-rgb: 169, 196, 209;
  --cloudflow-second-300: #95b6c6;
  --cloudflow-second-300-rgb: 149, 182, 198;
  --cloudflow-second-400: #8bafc0;
  --cloudflow-second-400-rgb: 139, 175, 192;
  --cloudflow-second-500: #81a8bb;
  --cloudflow-second-500-rgb: 129, 168, 187;
  --cloudflow-second-600: #779bac;
  --cloudflow-second-600-rgb: 119, 155, 172;
  --cloudflow-second-700: #6c8d9d;
  --cloudflow-second-700-rgb: 108, 141, 157;
  --cloudflow-second-800: #58727f;
  --cloudflow-second-800-rgb: 88, 114, 127;
  --cloudflow-second-900: #2e3c43;
  --cloudflow-second-900-rgb: 46, 60, 67;
  --cloudflow-second-1000: black;
  --cloudflow-second-1000-rgb: 0, 0, 0;
  --cloudflow-third: #dde3e8;
  --cloudflow-third-rgb: 221, 227, 232;
  --cloudflow-third-0: white;
  --cloudflow-third-0-rgb: 255, 255, 255;
  --cloudflow-third-100: #f3f5f7;
  --cloudflow-third-100-rgb: 243, 245, 247;
  --cloudflow-third-200: #e8ecef;
  --cloudflow-third-200-rgb: 232, 236, 239;
  --cloudflow-third-300: #e2e7ec;
  --cloudflow-third-300-rgb: 226, 231, 236;
  --cloudflow-third-400: #e0e5ea;
  --cloudflow-third-400-rgb: 224, 229, 234;
  --cloudflow-third-500: #dde3e8;
  --cloudflow-third-500-rgb: 221, 227, 232;
  --cloudflow-third-600: #cbd1d5;
  --cloudflow-third-600-rgb: 203, 209, 213;
  --cloudflow-third-700: #babfc3;
  --cloudflow-third-700-rgb: 186, 191, 195;
  --cloudflow-third-800: #969a9e;
  --cloudflow-third-800-rgb: 150, 154, 158;
  --cloudflow-third-900: #505254;
  --cloudflow-third-900-rgb: 80, 82, 84;
  --cloudflow-third-1000: black;
  --cloudflow-third-1000-rgb: 0, 0, 0;
  --cloudflow-fourth: #EAEFF3;
  --cloudflow-fourth-rgb: 234, 239, 243;
  --cloudflow-fourth-0: white;
  --cloudflow-fourth-0-rgb: 255, 255, 255;
  --cloudflow-fourth-100: #f7f9fb;
  --cloudflow-fourth-100-rgb: 247, 249, 251;
  --cloudflow-fourth-200: #f1f4f7;
  --cloudflow-fourth-200-rgb: 241, 244, 247;
  --cloudflow-fourth-300: #edf2f5;
  --cloudflow-fourth-300-rgb: 237, 242, 245;
  --cloudflow-fourth-400: #ecf0f4;
  --cloudflow-fourth-400-rgb: 236, 240, 244;
  --cloudflow-fourth-500: #EAEFF3;
  --cloudflow-fourth-500-rgb: 234, 239, 243;
  --cloudflow-fourth-600: #d7dce0;
  --cloudflow-fourth-600-rgb: 215, 220, 224;
  --cloudflow-fourth-700: #c5c9cc;
  --cloudflow-fourth-700-rgb: 197, 201, 204;
  --cloudflow-fourth-800: #9fa3a5;
  --cloudflow-fourth-800-rgb: 159, 163, 165;
  --cloudflow-fourth-900: #545657;
  --cloudflow-fourth-900-rgb: 84, 86, 87;
  --cloudflow-fourth-1000: black;
  --cloudflow-fourth-1000-rgb: 0, 0, 0;
  --success: #05C985;
  --success-rgb: 5, 201, 133;
  --success-0: white;
  --success-0-rgb: 255, 255, 255;
  --success-100: #a5ecd3;
  --success-100-rgb: 165, 236, 211;
  --success-200: #55daac;
  --success-200-rgb: 85, 218, 172;
  --success-300: #2dd299;
  --success-300-rgb: 45, 210, 153;
  --success-400: #19cd8f;
  --success-400-rgb: 25, 205, 143;
  --success-500: #05C985;
  --success-500-rgb: 5, 201, 133;
  --success-600: #05b97a;
  --success-600-rgb: 5, 185, 122;
  --success-700: #04a970;
  --success-700-rgb: 4, 169, 112;
  --success-800: #03895a;
  --success-800-rgb: 3, 137, 90;
  --success-900: #024830;
  --success-900-rgb: 2, 72, 48;
  --success-1000: black;
  --success-1000-rgb: 0, 0, 0;
  --success-light: #a5ecd3;
  --success-light-rgb: 165, 236, 211;
  --warning: #FFAB4F;
  --warning-rgb: 255, 171, 79;
  --warning-0: white;
  --warning-0-rgb: 255, 255, 255;
  --warning-100: #ffe1c0;
  --warning-100-rgb: 255, 225, 192;
  --warning-200: #ffc687;
  --warning-200-rgb: 255, 198, 135;
  --warning-300: #ffb86b;
  --warning-300-rgb: 255, 184, 107;
  --warning-400: #ffb25d;
  --warning-400-rgb: 255, 178, 93;
  --warning-500: #FFAB4F;
  --warning-500-rgb: 255, 171, 79;
  --warning-600: #eb9d49;
  --warning-600-rgb: 235, 157, 73;
  --warning-700: #d69042;
  --warning-700-rgb: 214, 144, 66;
  --warning-800: #ad7436;
  --warning-800-rgb: 173, 116, 54;
  --warning-900: #5c3e1c;
  --warning-900-rgb: 92, 62, 28;
  --warning-1000: black;
  --warning-1000-rgb: 0, 0, 0;
  --warning-light: #ffe1c0;
  --warning-light-rgb: 255, 225, 192;
  --error: #EE423D;
  --error-rgb: 238, 66, 61;
  --error-0: white;
  --error-0-rgb: 255, 255, 255;
  --error-100: #f9bbb9;
  --error-100-rgb: 249, 187, 185;
  --error-200: #f37e7b;
  --error-200-rgb: 243, 126, 123;
  --error-300: #f1605c;
  --error-300-rgb: 241, 96, 92;
  --error-400: #ef514d;
  --error-400-rgb: 239, 81, 77;
  --error-500: #EE423D;
  --error-500-rgb: 238, 66, 61;
  --error-600: #db3d38;
  --error-600-rgb: 219, 61, 56;
  --error-700: #c83733;
  --error-700-rgb: 200, 55, 51;
  --error-800: #a22d29;
  --error-800-rgb: 162, 45, 41;
  --error-900: #561816;
  --error-900-rgb: 86, 24, 22;
  --error-1000: black;
  --error-1000-rgb: 0, 0, 0;
  --info: #0079EE;
  --info-rgb: 0, 121, 238;
  --info-0: white;
  --info-0-rgb: 255, 255, 255;
  --info-100: #a3cff9;
  --info-100-rgb: 163, 207, 249;
  --info-200: #52a4f3;
  --info-200-rgb: 82, 164, 243;
  --info-300: #298ef1;
  --info-300-rgb: 41, 142, 241;
  --info-400: #1484ef;
  --info-400-rgb: 20, 132, 239;
  --info-500: #0079EE;
  --info-500-rgb: 0, 121, 238;
  --info-600: #006fdb;
  --info-600-rgb: 0, 111, 219;
  --info-700: #0066c8;
  --info-700-rgb: 0, 102, 200;
  --info-800: #0052a2;
  --info-800-rgb: 0, 82, 162;
  --info-900: #002c56;
  --info-900-rgb: 0, 44, 86;
  --info-1000: black;
  --info-1000-rgb: 0, 0, 0;
  --info-light: #a3cff9;
  --info-light-rgb: 163, 207, 249;
  --task-pending: #c8e4f1;
  --task-pending-rgb: 200, 228, 241;
  --task-pending-0: white;
  --task-pending-0-rgb: 255, 255, 255;
  --task-pending-100: #ebf5fa;
  --task-pending-100-rgb: 235, 245, 250;
  --task-pending-200: #daedf5;
  --task-pending-200-rgb: 218, 237, 245;
  --task-pending-300: #d1e8f3;
  --task-pending-300-rgb: 209, 232, 243;
  --task-pending-400: #cce6f2;
  --task-pending-400-rgb: 204, 230, 242;
  --task-pending-500: #c8e4f1;
  --task-pending-500-rgb: 200, 228, 241;
  --task-pending-600: #b8d2de;
  --task-pending-600-rgb: 184, 210, 222;
  --task-pending-700: #a8c0ca;
  --task-pending-700-rgb: 168, 192, 202;
  --task-pending-800: #889ba4;
  --task-pending-800-rgb: 136, 155, 164;
  --task-pending-900: #485257;
  --task-pending-900-rgb: 72, 82, 87;
  --task-pending-1000: black;
  --task-pending-1000-rgb: 0, 0, 0;
  --task-ready: #a5ecd3;
  --task-ready-rgb: 165, 236, 211;
  --task-ready-0: white;
  --task-ready-0-rgb: 255, 255, 255;
  --task-ready-100: #dff8ef;
  --task-ready-100-rgb: 223, 248, 239;
  --task-ready-200: #c2f2e1;
  --task-ready-200-rgb: 194, 242, 225;
  --task-ready-300: #b3efda;
  --task-ready-300-rgb: 179, 239, 218;
  --task-ready-400: #aceed7;
  --task-ready-400-rgb: 172, 238, 215;
  --task-ready-500: #a5ecd3;
  --task-ready-500-rgb: 165, 236, 211;
  --task-ready-600: #98d9c2;
  --task-ready-600-rgb: 152, 217, 194;
  --task-ready-700: #8bc6b1;
  --task-ready-700-rgb: 139, 198, 177;
  --task-ready-800: #70a08f;
  --task-ready-800-rgb: 112, 160, 143;
  --task-ready-900: #3b554c;
  --task-ready-900-rgb: 59, 85, 76;
  --task-ready-1000: black;
  --task-ready-1000-rgb: 0, 0, 0;
  --task-busy: #05c985;
  --task-busy-rgb: 5, 201, 133;
  --task-busy-0: white;
  --task-busy-0-rgb: 255, 255, 255;
  --task-busy-100: #a5ecd3;
  --task-busy-100-rgb: 165, 236, 211;
  --task-busy-200: #55daac;
  --task-busy-200-rgb: 85, 218, 172;
  --task-busy-300: #2dd299;
  --task-busy-300-rgb: 45, 210, 153;
  --task-busy-400: #19cd8f;
  --task-busy-400-rgb: 25, 205, 143;
  --task-busy-500: #05c985;
  --task-busy-500-rgb: 5, 201, 133;
  --task-busy-600: #05b97a;
  --task-busy-600-rgb: 5, 185, 122;
  --task-busy-700: #04a970;
  --task-busy-700-rgb: 4, 169, 112;
  --task-busy-800: #03895a;
  --task-busy-800-rgb: 3, 137, 90;
  --task-busy-900: #024830;
  --task-busy-900-rgb: 2, 72, 48;
  --task-busy-1000: black;
  --task-busy-1000-rgb: 0, 0, 0;
  --task-done: #66b3d9;
  --task-done-rgb: 102, 179, 217;
  --task-done-0: white;
  --task-done-0-rgb: 255, 255, 255;
  --task-done-100: #c8e4f1;
  --task-done-100-rgb: 200, 228, 241;
  --task-done-200: #97cbe5;
  --task-done-200-rgb: 151, 203, 229;
  --task-done-300: #7ebfdf;
  --task-done-300-rgb: 126, 191, 223;
  --task-done-400: #72b9dc;
  --task-done-400-rgb: 114, 185, 220;
  --task-done-500: #66b3d9;
  --task-done-500-rgb: 102, 179, 217;
  --task-done-600: #5ea5c8;
  --task-done-600-rgb: 94, 165, 200;
  --task-done-700: #5696b6;
  --task-done-700-rgb: 86, 150, 182;
  --task-done-800: #457a94;
  --task-done-800-rgb: 69, 122, 148;
  --task-done-900: #25404e;
  --task-done-900-rgb: 37, 64, 78;
  --task-done-1000: black;
  --task-done-1000-rgb: 0, 0, 0;
  --task-suspended: #f1db0c;
  --task-suspended-rgb: 241, 219, 12;
  --task-suspended-0: white;
  --task-suspended-0-rgb: 255, 255, 255;
  --task-suspended-100: #faf2a8;
  --task-suspended-100-rgb: 250, 242, 168;
  --task-suspended-200: #f5e75a;
  --task-suspended-200-rgb: 245, 231, 90;
  --task-suspended-300: #f3e133;
  --task-suspended-300-rgb: 243, 225, 51;
  --task-suspended-400: #f2de1f;
  --task-suspended-400-rgb: 242, 222, 31;
  --task-suspended-500: #f1db0c;
  --task-suspended-500-rgb: 241, 219, 12;
  --task-suspended-600: #dec90b;
  --task-suspended-600-rgb: 222, 201, 11;
  --task-suspended-700: #cab80a;
  --task-suspended-700-rgb: 202, 184, 10;
  --task-suspended-800: #a49508;
  --task-suspended-800-rgb: 164, 149, 8;
  --task-suspended-900: #574f04;
  --task-suspended-900-rgb: 87, 79, 4;
  --task-suspended-1000: black;
  --task-suspended-1000-rgb: 0, 0, 0;
  --error-light: #F9E7E7;
  --error-light-rgb: 249, 231, 231;
  --company-logo: url("../images/hybridlogoname.png");
}
@font-face {
  font-family: "logo_icons";
  src: url("../fonts/icomoon/icomoon.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

body {
  background-color: #ffffff;
  background-color: var(--body);
  color: #222222;
  color: var(--text-body);
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 0;
  margin: 0;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overscroll-behavior: none;
}
@media ((max-width: 576px) or ((max-device-height: 431px) and (orientation: landscape)) or (max-device-width: 480px)) {
  body {
    font-size: 16px;
    font-size: 1rem;
  }
}

input,
textarea {
  font-family: inherit;
}

font {
  pointer-events: none;
}

[contenteditable=true] {
  -webkit-touch-callout: text;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}