.ui-widget-header {
  border: solid 1px #c5cfd4;
}
.ui-dialog-content.ui-widget-content {
  background-color: white;
}
.ui-dialog {
  z-index: 1001;
}
.ui-dialog .ui-resizable-handle {
  display: none !important;
}
div#loadingSplashScreenSwirl {
  background: transparent;
}
.ui-dialog-titlebar .ui-dialog-titlebar-close {
  display: none;
}
.popUpModalContainer.ui-widget-content,
.cp-jq-popup-dialog.ui-widget-content,
.popUpModalContainer.ui-dialog,
.cp-jq-popup-dialog.ui-dialog {
  z-index: 1001;
}
.ui-widget-overlay {
  position: fixed;
}
.select2-drop {
  max-width: unset !important;
}
.qtip {
  max-width: 460px !important;
}
/* default jquery fixes */
.ui-widget-content {
  font-family: "Quicksand";
  font-weight: 500;
  font-size: 16px;
  color: #70757a;
  background-color: white;
}
.ui-widget-content .bold {
  font-weight: bold;
}
.ui-widget-content .italic {
  font-style: italic;
}
.ui-widget-content .oblique {
  font-style: oblique;
}
.ui-widget-overlay {
  background: rgba(69, 134, 163, 0.8) !important;
  opacity: 1;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-size: unset;
}
.ui-dialog {
  /*max-width: 95vw;
	*/
  max-width: calc(100vw - 54px);
}
.ui-dialog .ui-dialog-titlebar {
  border: none;
  padding: 10px 27px;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  font-size: 18px;
  color: #4586a3;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title:after {
  color: #004873;
  content: ".";
  font-size: 1.5em;
}
.ui-dialog .classic-subform-container.ui-dialog-content {
  padding: 0;
  border-radius: 15px;
}
.ui-dialog .classic-subform-container.ui-dialog-content > .cp-info-table {
  margin: 0;
  padding: 0;
  border-radius: 0px;
  box-shadow: none;
  border: none;
}
.ui-dialog .classic-subform-container.ui-dialog-content > .cp-info-table > tbody > tr > td {
  padding: 0;
}
.ui-dialog .classic-subform-container.ui-dialog-content > .cp-info-table > tbody > tr > td:nth-of-type(2) {
  width: 0px;
}
.ui-dialog .classic-subform-container.ui-dialog-content > .cp-info-table > tbody > tr > td:after {
  content: none;
}
/* JQuery dialog */
.popUpModalContainer,
.cp-jq-popup-dialog {
  display: flex;
  flex-direction: column;
}
.popUpModalContainer.ui-corner-all,
.cp-jq-popup-dialog.ui-corner-all {
  border-radius: 15px;
}
.popUpModalContainer.ui-dialog,
.cp-jq-popup-dialog.ui-dialog {
  border: none;
  z-index: 1001;
}
.popUpModalContainer.ui-dialog:focus,
.cp-jq-popup-dialog.ui-dialog:focus {
  outline: none;
}
.popUpModalContainer.ui-widget-content,
.cp-jq-popup-dialog.ui-widget-content {
  padding: 0;
  margin: 27px;
  background: transparent;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
}
.popUpModalContainer.ui-widget-content:after,
.cp-jq-popup-dialog.ui-widget-content:after {
  content: "";
  position: absolute;
  height: calc(100% - 54px);
  width: calc(100% - 54px);
  z-index: -1;
}
.popUpModalContainer.cp-popup-menu,
.cp-jq-popup-dialog.cp-popup-menu {
  padding-top: 0px !important;
  border-radius: 0;
  padding: 0px;
  background: #ffffff;
  border: solid 1px #c5cfd4;
}
.popUpModalContainer.cp-popup-menu .dialog.ui-dialog-content,
.cp-jq-popup-dialog.cp-popup-menu .dialog.ui-dialog-content {
  font-size: 16px;
  margin: 0px;
  padding: 0px;
}
.popUpModalContainer.cp-popup-menu .dialog.ui-dialog-content a,
.cp-jq-popup-dialog.cp-popup-menu .dialog.ui-dialog-content a {
  padding: 0 8px;
}
.popUpModalContainer .ui-dialog-titlebar,
.cp-jq-popup-dialog .ui-dialog-titlebar {
  border-radius: 0;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  color: #4586a3;
  background-color: #ffffff;
  height: auto;
  position: relative;
}
.popUpModalContainer .ui-dialog-titlebar:after,
.cp-jq-popup-dialog .ui-dialog-titlebar:after {
  content: "";
  position: absolute;
  width: calc(100% - 54px);
  height: 1px;
  left: 27px;
  bottom: 1px;
  background: #c5cfd4;
  visibility: unset;
}
.popUpModalContainer .ui-dialog-titlebar.ui-dialog-titlebar-close,
.cp-jq-popup-dialog .ui-dialog-titlebar.ui-dialog-titlebar-close {
  display: none !important;
}
.popUpModalContainer .dialog.ui-dialog-content,
.cp-jq-popup-dialog .dialog.ui-dialog-content,
.popUpModalContainer .ui-dialog-content.ui-widget-content,
.cp-jq-popup-dialog .ui-dialog-content.ui-widget-content {
  padding: 27px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.popUpModalContainer .cp-dialog-close,
.cp-jq-popup-dialog .cp-dialog-close {
  cursor: pointer;
  color: #ffffff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  right: -8px;
  top: -8px;
  position: absolute;
  z-index: 1;
}
.popUpModalContainer .cp-dialog-close i,
.cp-jq-popup-dialog .cp-dialog-close i {
  width: 30px;
  text-align: center;
  line-height: 30px;
}
.popUpModalContainer .cp-dialog-button,
.cp-jq-popup-dialog .cp-dialog-button {
  display: flex;
}
.popUpModalContainer .ui-dialog-titlebar button.ui-dialog-titlebar-close,
.cp-jq-popup-dialog .ui-dialog-titlebar button.ui-dialog-titlebar-close {
  display: none !important;
}
.cp-dialog-no-title-bar-corners {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.cp-dialog-buttons {
  padding-top: 0;
  display: flex;
  justify-content: center;
  clear: both;
}
.cp-dialog-buttons input[type=button] {
  margin: 0 6px;
  padding: 0 8px;
  cursor: pointer;
  text-transform: capitalize;
}
.cp-dialog-buttons.cp-buttons-left {
  justify-content: flex-start;
}
.cp-dialog-buttons.cp-buttons-right {
  justify-content: flex-end;
}
/* Dialog END */
/* datepicker should be replaced with https://github.com/dmuy/duDatepicker*/
.ui-datepicker {
  border-radius: 10px;
  border: none !important;
  padding: 0;
  width: auto;
}
.ui-datepicker .ui-datepicker-header {
  font-size: 18px;
  padding: 19px 0;
  background-color: #4586a3;
  color: #ffffff;
  border-bottom-left-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border: none;
  display: flex;
  justify-content: space-between;
}
.ui-datepicker .ui-datepicker-header * {
  display: flex;
  width: auto;
  height: auto;
  position: inherit;
  top: unset;
  left: unset;
  right: unset;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  order: 2;
  margin: 0;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-month,
.ui-datepicker .ui-datepicker-header .ui-datepicker-year {
  width: auto;
  font-size: 16px;
  margin: 0;
  border: none !important;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-month option,
.ui-datepicker .ui-datepicker-header .ui-datepicker-year option {
  font-size: 16px !important;
  color: #70757a !important;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-year {
  margin-left: 14px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-year:after {
  color: #004873;
  content: ".";
  font-size: 1.5em;
}
.ui-datepicker .ui-datepicker-header a {
  padding: 0 27px;
  font-weight: normal;
  color: #ffffff;
  align-items: center;
}
.ui-datepicker .ui-datepicker-header a:hover {
  border: none;
  background: none;
}
.ui-datepicker .ui-datepicker-header a.ui-datepicker-prev {
  order: 1;
}
.ui-datepicker .ui-datepicker-header a.ui-datepicker-prev:before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
}
.ui-datepicker .ui-datepicker-header a.ui-datepicker-next {
  order: 3;
}
.ui-datepicker .ui-datepicker-header a.ui-datepicker-next:before {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
}
.ui-datepicker .ui-datepicker-header.ui-helper-clearfix:after {
  all: unset;
  /*content: unset;
			display: unset;
			height: unset;
			clear: unset;
			visibility: unset;*/
}
.ui-datepicker .ui-datepicker-calendar {
  border-collapse: separate;
  border-spacing: 5px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  margin: 0;
  font-size: 16px;
  border: solid 1px #c5cfd4;
  border-top: none;
}
.ui-datepicker .ui-datepicker-calendar th {
  font-size: 14px;
  padding: 0;
  color: #c5cfd4;
  font-weight: normal;
}
.ui-datepicker .ui-datepicker-calendar a.ui-state-default {
  font-size: 16px;
  color: #70757a;
  height: 24px;
  line-height: 16px;
  border-radius: 16px;
  width: 24px;
  background: #ffffff;
  border: none;
  text-align: center;
}
.ui-datepicker .ui-datepicker-calendar a.ui-state-default.ui-state-hover,
.ui-datepicker .ui-datepicker-calendar a.ui-state-default.ui-state-active {
  background: #004873;
  color: #ffffff;
}
.ui-datepicker .ui-datepicker-calendar a.ui-state-default.ui-state-highlight {
  background: #f1f6fc;
}
.date-range-picker .cp-date-range-section {
  padding-bottom: 12px;
}
.date-range-picker input.cp-sel-date-picker {
  width: 200px;
}
.date-range-picker .cp-date-range-buttons {
  display: flex;
  flex-direction: row-reverse;
}
.date-range-picker .cp-date-range-buttons input[type=button] {
  padding: 0 8px;
}
.ui-datepicker-trigger,
.cp-date-range button {
  cursor: pointer;
  background: none;
  border: none;
  font-size: 16px;
  color: #70757a;
}
.ui-datepicker-trigger:focus,
.cp-date-range button:focus {
  outline-offset: unset;
  outline: unset;
}
/* vietnamese */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: url('/web/fonts/quicksand/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkM0o58m-wi40.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: url('/web/fonts/quicksand/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkM0o58i-wi40.woff2') format('woff2');
  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: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: url('/web/fonts/quicksand/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkM0o58a-wg.woff2') format('woff2');
  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+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Source Intel variables */
/* ChainPoint original variables */
/* variables */
/* constants */
.input-defaults-font,
input[type="text"],
textarea,
input[type="password"],
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.cp-input.cp-drop-down-list .select2-container .select2-choice,
.cp-input.cp-drop-down-list .ms-parent,
.cp-input.cp-drop-down-list .ms-parent .ms-choice span,
.ms-drop,
.ms-drop .ms-search input,
.ms-drop ul li,
.select2-drop .select2-results,
.select2-drop-active .select2-results,
.select2-drop-active.select2-drop-above .select2-results,
.select2-drop .select2-search input,
.select2-drop-active .select2-search input,
.select2-drop-active.select2-drop-above .select2-search input,
.cp-input.cp-email-box,
.cp-input.cp-email-box .select2-choices .select2-search-choice,
.cp-input.cp-upload-control .cp-file-upload-area-container {
  background-image: none;
  background: #ffffff;
  font-family: "Quicksand";
  font-size: 16px;
  font-weight: 500;
  color: #70757a;
  min-height: 30px;
  margin: 0;
  padding: 0 14px;
}
.input-defaults-border,
input[type="text"],
textarea,
input[type="password"],
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.cp-input.cp-drop-down-list .select2-container .select2-choice,
.cp-input.cp-drop-down-list .ms-parent,
.cp-input.cp-email-box,
.cp-input.cp-email-box .select2-choices .select2-search-choice,
.cp-input.cp-upload-control .cp-file-upload-area-container .cp-file-upload-drag-area {
  border: solid 1px #c5cfd4;
  border-radius: 10px;
}
div.cp-input-errors ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
div.cp-input-errors ul > li {
  margin: 0;
  padding: 5px 0;
}
div.cp-input {
  display: inline-block;
  position: relative;
}
div.cp-input > span.cp-required {
  position: absolute;
  left: -15px;
  top: 2px;
}
div.cp-input.cp-password-strength-box {
  display: flex;
}
div.cp-input.cp-password-strength-box > span.testresult {
  background: #f1f6fc;
  border: solid 1px #c5cfd4;
  border-radius: 10px;
  padding: 7px;
  float: none;
  color: #ff1d19;
}
div.cp-input.cp-password-strength-box > span.testresult.strongPass {
  color: #70757a;
}
div.cp-input.cp-password-strength-box > span.testresult span {
  background: none;
  padding: unset;
  margin: unset;
  font-size: unset;
  height: unset;
}
div.cp-input.cp-language-drop-down {
  float: right;
}
div.cp-input.cp-input-auto-fill {
  display: block;
}
div.cp-input.cp-html-editor {
  display: block;
}
div.cp-input.cp-interface-text-box {
  white-space: nowrap;
}
input[type="text"]:focus,
textarea:focus,
input[type="password"]:focus,
.ui-widget input:focus,
.ui-widget select:focus,
.ui-widget textarea:focus {
  outline-offset: unset;
  outline: unset;
  border: solid 1px #c5cfd4;
  border-color: #c5cfd4;
  border-radius: 10px;
}
.cp-dialog-buttons input,
.cp-pop-up-button-bar .cp-button {
  border-radius: 10px;
}
textarea,
.ui-widget textarea {
  min-height: 64px !important;
}
.cp-input big {
  color: #ff1d19 !important;
}
.cp-input .input-validation-error,
.cp-input.input-validation-error {
  border-color: #ff1d19 !important;
}
.cp-input.input-validation-error.cp-coordinate-control > input[type="text"] {
  border-color: #ff1d19 !important;
}
.cp-input.input-validation-error.cp-radio-button-list > .cp-radio-button-list-item > input[type="radio"] {
  border-color: #ff1d19 !important;
}
.cp-input.cp-radio-button-list,
.cp-input.cp-check-box {
  line-height: 30px;
  font-size: 16px;
  white-space: nowrap;
}
.cp-input.cp-radio-button-list.cp-list-horizontal {
  display: flex;
  flex-wrap: wrap;
}
.cp-input.cp-radio-button-list.cp-list-horizontal .cp-radio-button-list-item {
  padding-right: 14px;
  display: flex;
  align-items: flex-start;
}
.cp-input.cp-radio-button-list.cp-list-horizontal .cp-radio-button-list-item input[type="radio"] {
  top: 5px;
  padding: 8px;
}
.cp-input.cp-radio-button-list.cp-list-horizontal .cp-radio-button-list-item .cp-radio-button-list-item-text {
  word-break: break-word;
  white-space: normal;
  padding-left: 8px;
}
.cp-input.cp-radio-button-list.cp-list-vertical {
  display: flex;
  flex-direction: column;
}
.cp-input.cp-radio-button-list.cp-list-vertical .cp-radio-button-list-item {
  line-height: 24px;
}
.cp-input.cp-radio-button-list.cp-list-vertical .cp-radio-button-list-item input[type="radio"] {
  float: left;
}
.cp-input.cp-radio-button-list.cp-list-vertical .cp-radio-button-list-item .cp-radio-button-list-item-text {
  white-space: normal;
  width: calc(100% - 21px);
  float: right;
}
.cp-input.cp-radio-button-list .cp-radio-button-list-item-text {
  cursor: pointer;
}
.cp-input.cp-check-box {
  align-items: baseline;
}
.cp-input.cp-check-box input {
  margin-right: 8px;
}
.cp-input.cp-check-box input[disabled] {
  pointer-events: none;
}
.cp-input.cp-check-box-list .cp-sel-check-box-list-item {
  white-space: nowrap;
}
.cp-input.cp-date {
  white-space: nowrap;
}
.cp-input.cp-date input.cp-sel-date-picker {
  position: relative;
  z-index: 2;
}
.cp-input.cp-date .img-button-clear {
  color: #70757a;
  position: absolute;
  right: 43px;
  top: 3px;
  z-index: 3;
}
.cp-input.cp-date .ui-datepicker-trigger {
  padding: 0 10px;
}
.cp-input.cp-readonly.cp-text-box input,
.cp-input.cp-readonly.cp-password-box input,
.cp-input.cp-readonly.cp-check-box input,
.cp-input.cp-readonly.cp-date input,
.cp-input.cp-readonly.cp-numeric-box input,
.cp-input.cp-readonly.cp-radio-button-list input,
.cp-input.cp-readonly.cp-check-box-list input,
.cp-input.cp-readonly.cp-coordinate-control input {
  background-color: #f1f6fc;
  border: solid 1px #c5cfd4;
  cursor: default;
  color: #70757a;
}
.cp-input.cp-readonly.cp-text-box input span,
.cp-input.cp-readonly.cp-password-box input span,
.cp-input.cp-readonly.cp-check-box input span,
.cp-input.cp-readonly.cp-date input span,
.cp-input.cp-readonly.cp-numeric-box input span,
.cp-input.cp-readonly.cp-radio-button-list input span,
.cp-input.cp-readonly.cp-check-box-list input span,
.cp-input.cp-readonly.cp-coordinate-control input span {
  color: #70757a !important;
}
.cp-input.cp-readonly.cp-text-box .fal,
.cp-input.cp-readonly.cp-password-box .fal,
.cp-input.cp-readonly.cp-check-box .fal,
.cp-input.cp-readonly.cp-date .fal,
.cp-input.cp-readonly.cp-numeric-box .fal,
.cp-input.cp-readonly.cp-radio-button-list .fal,
.cp-input.cp-readonly.cp-check-box-list .fal,
.cp-input.cp-readonly.cp-coordinate-control .fal,
.cp-input.cp-readonly.cp-text-box .fa,
.cp-input.cp-readonly.cp-password-box .fa,
.cp-input.cp-readonly.cp-check-box .fa,
.cp-input.cp-readonly.cp-date .fa,
.cp-input.cp-readonly.cp-numeric-box .fa,
.cp-input.cp-readonly.cp-radio-button-list .fa,
.cp-input.cp-readonly.cp-check-box-list .fa,
.cp-input.cp-readonly.cp-coordinate-control .fa {
  opacity: 0.25;
  cursor: unset;
}
.cp-input.cp-readonly.cp-text-area textarea {
  background-color: #f1f6fc;
  border: solid 1px #c5cfd4;
  cursor: default;
  color: #70757a;
}
.cp-input.cp-readonly.cp-text-area textarea span {
  color: #70757a !important;
}
.cp-input.cp-readonly.cp-drop-down-list .select2-container a.select2-choice {
  background-color: #f1f6fc;
  border: solid 1px #c5cfd4;
  cursor: default;
  color: #70757a;
}
.cp-input.cp-readonly.cp-drop-down-list .select2-container a.select2-choice span {
  color: #70757a !important;
}
.cp-input.cp-readonly.cp-drop-down-list .ms-parent {
  background-color: #f1f6fc;
  border: solid 1px #c5cfd4;
  cursor: default;
  color: #70757a;
}
.cp-input.cp-readonly.cp-drop-down-list .ms-parent span {
  color: #70757a !important;
}
.cp-input.cp-readonly.cp-upload-control .cp-file-upload-drag-area {
  background-color: #f1f6fc;
  border: solid 1px #c5cfd4;
  cursor: default;
  color: #70757a;
}
.cp-input.cp-readonly.cp-upload-control .cp-file-upload-drag-area span {
  color: #70757a !important;
}
.cp-input.cp-readonly.cp-date .ui-datepicker-trigger,
.cp-input.cp-readonly.cp-date button,
.cp-input.cp-readonly.cp-date .cp-image.clickable {
  cursor: default !important;
}
.cp-input.cp-readonly.cp-radio-button-list input:checked,
.cp-input.cp-readonly.cp-check-box-list input:checked,
.cp-input.cp-readonly.cp-check-box input:checked {
  background: #4586a3;
  border: none;
  opacity: 0.7;
}
.cp-input.cp-readonly.cp-radio-button-list .cp-radio-button-list-item-text,
.cp-input.cp-readonly.cp-check-box-list .cp-radio-button-list-item-text,
.cp-input.cp-readonly.cp-check-box .cp-radio-button-list-item-text {
  cursor: default;
}
.cp-sel-grid .cp-input.cp-radio-button-list.cp-list-horizontal .cp-radio-button-list-item input[type="radio"] {
  top: 0px;
  padding: 8px;
}
/* The htmleditor-field validation error is needed for summernote form links, because it was causing problems in the rest of ChainPoint. */
.field-validation-error,
.cp-parent-validation-error,
.field-htmleditor-validation-error {
  color: #ff1d19 !important;
  white-space: normal;
  word-break: break-word;
}
input.langedit,
textarea.langedit {
  background-color: rgba(69, 134, 163, 0.25) !important;
  border-color: #4586a3 !important;
}
input.langedit.input-validation-error,
textarea.langedit.input-validation-error {
  border-color: #ff1d19 !important;
}
input.cp-localized-custom-input-box {
  width: 100%;
}
.cp-translation-control .cp-input input,
.cp-translation-control .cp-input textarea {
  border-color: #4586a3 !important;
  background-color: rgba(69, 134, 163, 0.25) !important;
}
.cp-translation-control .cp-input .input-validation-error {
  border-color: #ff1d19 !important;
}
.cp-translation-control .cp-btn-translate {
  float: right;
  padding-left: 10px;
  line-height: 30px;
  cursor: pointer;
}
.cp-custom-translation-container .cp-btn-translate {
  float: right;
  padding-left: 10px;
  line-height: 30px;
  cursor: pointer;
}
.cp-input-language-drop-down .select2-choice {
  border-color: #4586a3;
  background-color: rgba(69, 134, 163, 0.25) !important;
}
input[type="checkbox"] {
  border-radius: 4px !important;
}
input[type="checkbox"]::before,
input[type="checkbox"]:checked,
input[type="checkbox"]:hover {
  border-radius: 4px !important;
}
input[type="radio"] {
  border-radius: 50%;
}
input[type="radio"]::before,
input[type="radio"]:checked,
input[type="radio"]:hover {
  border-radius: 50%;
}
.cp-input.cp-html-editor {
  font: "Quicksand";
  font-weight: 500;
  /* probably dead, CKE (CKEditor?)
	.cke{
		.fn_border;
		box-shadow:none;
		border-radius:@border-radius-input;
		.cke_inner{
			background:transparent;
		}
		&.cke_chrome{
			.fn_border;
			padding: unset;
			box-shadow:none;
		}
		.cke_top{
			border-top-left-radius: @border-radius-input;
			border-top-right-radius: @border-radius-input;
			background:@default-color-1;
			background-image:none;
			.cke_toolgroup{
				border:none;
				box-shadow:none;
				background:none;
				background-image:none;
			}
			a.cke_button:last-of-type{
				border-right: @border;
				border-radius: 0;
			}
			a.cke_button_off:hover, a.cke_button_off:focus, a.cke_button_off:active, a.cke_button_disabled:hover, a.cke_button_disabled:focus, a.cke_button_disabled:active{
				border:none;
				background:@default-color-3b;
				background-image:none;
				box-shadow: none;
			}
			a.cke_button_on:hover, a.cke_button_on:focus, a.cke_button_on:active{
				background:@default-color-3b;
				background-image:none;
				box-shadow: none;
			}
			a.cke_button_on{
				border:none;
				background:@default-color-3b;
				.fn_border;
				background-image:none;
				box-shadow: none;
			}
			a.cke_combo_button{
				&:extend(.cp-button all);
			}
		}
		.cke_bottom{
			.fn_border;
			box-shadow:none;
			background:none;
			background-image:none;
			background:@default-color-1;
			border-bottom-left-radius: @border-radius-input;
			border-bottom-right-radius: @border-radius-input;
		}
	} */
}
.cp-input.cp-html-editor.input-validation-error .cke,
.cp-input.cp-html-editor.input-validation-error .cke.cke_chrome {
  border-color: #ff1d19 !important;
}
.cp-input.cp-html-editor .dropdown-toggle::after {
  content: "";
  border: none !important;
}
.cp-input.cp-html-editor .note-dropdown-menu .note-btn-group.note-list {
  margin-left: 0;
}
.cp-input.cp-html-editor .note-modal-content {
  margin-top: 60px;
}
.cp-input.cp-html-editor .note-modal-content .note-modal-footer {
  height: auto;
}
.cp-input.cp-html-editor .note-modal-content .note-modal-footer .note-btn {
  margin: 0 0 0 auto;
  float: none;
}
.cp-input.cp-html-editor .note-modal-content .note-modal-body .checkbox input {
  margin-right: 12px;
}
.cp-input.cp-drop-down-list .select2-container:not(.cp-input-language-drop-down) {
  width: 100%;
}
.cp-input.cp-drop-down-list .select2-container .select2-choice {
  box-shadow: unset;
}
.cp-input.cp-drop-down-list .select2-container .select2-choice .select2-arrow {
  font-weight: 300;
  border: none;
  background: none;
  background-image: none;
  top: 1px;
}
.cp-input.cp-drop-down-list .select2-container .select2-choice abbr {
  background: none;
  background-image: none !important;
  font-size: 17.5px;
  color: #70757a;
  line-height: 17px;
  font-weight: 300;
  top: 5px;
}
.cp-input.cp-drop-down-list .select2-container .select2-choice abbr:after {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
}
.cp-input.cp-drop-down-list .select2-container .select2-choice .select2-arrow b {
  background: none;
  background-image: none !important;
}
.cp-input.cp-drop-down-list .select2-container .select2-choice .select2-arrow b:after {
  content: "\f0dc";
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
}
.cp-input.cp-drop-down-list .select2-container.input-validation-error {
  border: none !important;
}
.cp-input.cp-drop-down-list .select2-container.input-validation-error .select2-choice {
  border-color: #ff1d19 !important;
}
.cp-input.cp-drop-down-list .ms-parent {
  background: #ffffff;
  width: 100% !important;
}
.cp-input.cp-drop-down-list .ms-parent .ms-choice {
  border: none;
  height: 30px;
  line-height: 32px;
  background: unset;
  box-shadow: unset;
  min-width: 130px;
}
.cp-input.cp-drop-down-list .ms-parent .ms-choice span {
  background: none !important;
}
.cp-input.cp-drop-down-list .ms-parent .ms-choice div {
  color: #70757a;
  background: unset;
  font-weight: 700;
  font-size: 16px;
}
.cp-input.cp-drop-down-list .ms-parent .ms-choice div:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
}
.cp-input.cp-drop-down-list .ms-parent .ms-choice .placeholder:hover {
  cursor: pointer;
}
.cp-input.cp-drop-down-list .ms-drop {
  width: auto;
}
/** this element does not have a container if we have another container specified **/
.ms-drop {
  width: 100%;
  padding: 0 !important;
  left: 0;
  z-index: 9999 !important;
}
.ms-drop.bottom {
  border-radius: 10px;
  border: none;
  margin-left: -17px;
}
.ms-drop .ms-search {
  background-color: #4586a3;
  padding: 5px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.ms-drop .ms-search input {
  background: #ffffff;
}
.ms-drop .ms-search:after {
  content: "\f002";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 10px;
  top: 10px;
  color: #70757a;
  font-size: 1em;
}
.ms-drop ul {
  border: solid 1px #c5cfd4;
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  margin: 0 !important;
  padding: 0 0 1px 0 !important;
}
.ms-drop ul li {
  min-height: unset !important;
}
.ms-drop ul li.selected,
.ms-drop ul li:hover {
  color: #4586a3;
  background: #f1f6fc;
}
.ms-drop ul li label {
  display: flex;
  align-items: baseline !important;
  line-height: 32px !important;
}
.ms-drop ul li label input {
  margin-right: 8px !important;
}
.ms-drop input[type="checkbox"] {
  min-width: 17px;
}
/** if the container is the body, we do not want it to be 100% wide, cause thats the whole screen **/
body > .ms-drop {
  width: auto;
}
.select2-drop,
.select2-drop-active,
.select2-drop-active.select2-drop-above {
  border-radius: 10px;
  border: none;
}
.select2-drop .select2-results,
.select2-drop-active .select2-results,
.select2-drop-active.select2-drop-above .select2-results {
  border: solid 1px #c5cfd4;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.select2-drop .select2-results .select2-highlighted,
.select2-drop-active .select2-results .select2-highlighted,
.select2-drop-active.select2-drop-above .select2-results .select2-highlighted {
  color: #4586a3;
  background: #f1f6fc;
}
.select2-drop .select2-results .select2-result-label,
.select2-drop-active .select2-results .select2-result-label,
.select2-drop-active.select2-drop-above .select2-results .select2-result-label {
  padding: 0 8px 0 8px;
  line-height: 32px;
  white-space: nowrap;
}
.select2-drop .select2-results .select2-no-results,
.select2-drop-active .select2-results .select2-no-results,
.select2-drop-active.select2-drop-above .select2-results .select2-no-results,
.select2-drop .select2-results .select2-searching,
.select2-drop-active .select2-results .select2-searching,
.select2-drop-active.select2-drop-above .select2-results .select2-searching,
.select2-drop .select2-results .select2-ajax-error,
.select2-drop-active .select2-results .select2-ajax-error,
.select2-drop-active.select2-drop-above .select2-results .select2-ajax-error,
.select2-drop .select2-results .select2-selection-limit,
.select2-drop-active .select2-results .select2-selection-limit,
.select2-drop-active.select2-drop-above .select2-results .select2-selection-limit {
  padding: 0 0 0 8px;
  line-height: 32px;
  background: #f1f6fc;
}
.select2-drop .select2-search,
.select2-drop-active .select2-search,
.select2-drop-active.select2-drop-above .select2-search {
  padding: 4px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #4586a3;
  position: relative;
}
.select2-drop .select2-search input.select2-input,
.select2-drop-active .select2-search input.select2-input,
.select2-drop-active.select2-drop-above .select2-search input.select2-input {
  background-image: none !important;
}
.select2-drop .select2-search:after,
.select2-drop-active .select2-search:after,
.select2-drop-active.select2-drop-above .select2-search:after {
  content: "\f002";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 10px;
  top: 10px;
  color: #70757a;
  font-size: 1em;
}
.select2-default {
  color: unset !important;
}
.cp-input.cp-email-box {
  width: 100%;
}
.cp-input.cp-email-box.input-validation-error {
  border-color: #ff1d19 !important;
}
.cp-input.cp-email-box .select2-choices {
  padding-top: 4px;
  border: unset;
  background: unset;
}
.cp-input.cp-email-box .select2-choices .select2-search-choice {
  width: 100%;
  background: #f1f6fc !important;
  padding-right: 24px !important;
  margin-bottom: 4px !important;
  margin-right: 4px !important;
  line-height: 30px;
}
.cp-input.cp-email-box .select2-choices .select2-search-choice > div {
  overflow: hidden;
}
.cp-input.cp-email-box .select2-choices .select2-search-choice a {
  left: unset;
  background: none;
  font-size: 17.5px;
  color: #70757a;
  line-height: 20px;
  padding-right: 4px;
}
.cp-input.cp-email-box .select2-choices .select2-search-choice a:after {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
}
.cp-input.cp-email-box .select2-choices .select2-search-choice-close {
  right: 6px;
}
/* Upload control */
.cp-input.cp-upload-control {
  width: 100%;
}
.cp-input.cp-upload-control.input-validation-error .cp-file-upload-area-container .cp-file-upload-drag-area {
  border-color: #ff1d19 !important;
}
.cp-input.cp-upload-control .cp-file-upload-area-container {
  background: none !important;
  padding-left: 0px !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.cp-input.cp-upload-control .cp-file-upload-area-container .cp-file-upload-drag-area {
  cursor: pointer;
  background: #ffffff;
  display: flex;
  align-items: center;
  align-self: start;
}
.cp-input.cp-upload-control .cp-file-upload-area-container .cp-file-upload-drag-area > * {
  padding: 8px;
}
.cp-input.cp-upload-control .cp-file-upload-area-container .cp-file-upload-drag-area > *.fa-upload {
  color: #c5cfd4;
  font-size: 36px;
}
.cp-input.cp-upload-control .cp-file-upload-area-container .cp-file-upload-drag-area > *.cp-upload-label {
  word-break: break-word;
}
.cp-input.cp-upload-control .cp-file-upload-area-container .cp-file-upload-drag-area.input-validation-error {
  border-color: #ff1d19 !important;
}
.cp-input.cp-upload-control .cp-file-upload-area-container .cp-file-upload-file-container .cp-file-upload-document {
  background: #ffffff;
  padding: 8px;
  border-radius: 10px;
  flex-direction: column;
  position: relative;
  margin-bottom: 8px;
  border: solid 1px #c5cfd4;
}
.cp-input.cp-upload-control .cp-file-upload-area-container .cp-file-upload-file-container .cp-file-upload-document a {
  color: #70757a;
  padding-right: 14px;
  word-break: break-all;
}
.cp-input.cp-upload-control .cp-file-upload-area-container .cp-file-upload-file-container .cp-file-upload-document .cp-sel-file-upload-document-name:before {
  content: "\f15c";
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  color: #c5cfd4;
}
.cp-input.cp-upload-control .cp-file-upload-area-container .cp-file-upload-file-container .cp-file-upload-document .cp-file-upload-remove {
  cursor: pointer;
  position: absolute;
  right: 6px;
  top: 2px;
  font-size: 17.5px;
  color: #ff1d19 !important;
}
.cp-input.cp-upload-control .cp-file-upload-area-container .cp-file-upload-file-container .cp-file-upload-document .cp-file-upload-metadata {
  color: #c5cfd4;
}
.cp-input.cp-upload-control .cp-file-upload-area-container .cp-file-upload-progress-bar {
  color: #ffffff;
}
.cp-input.cp-upload-control .cp-file-upload-area-container .cp-file-upload-progress-bar .cp-file-upload-process-bar-value {
  background-color: #004873;
  border-radius: 10px;
  padding: 0px 8px;
  flex: 0 0 100%;
}
.cp-input.cp-upload-control .cp-file-upload-area-container .cp-sel-file-upload-control-error {
  color: #ff1d19 !important;
  flex: 0 0 100%;
}
.cp-input.cp-upload-control.cp-readonly .cp-file-upload-drag-area {
  background-color: #f1f6fc;
  border: solid 1px #c5cfd4;
  cursor: default;
  color: #70757a;
}
.cp-input.cp-upload-control.cp-readonly .cp-file-upload-drag-area span {
  color: #70757a !important;
}
.note-toolbar {
  background-color: #fff;
}
.note-editor.note-frame .note-statusbar {
  background-color: #fff;
}
.note-editor.note-frame {
  color: #70757a;
  font-family: "Quicksand";
  font-weight: 500;
}
.note-editor.note-frame .note-editable {
  font-weight: normal;
}
.note-editor.note-frame i {
  font-style: italic !important;
}
.cp-form-details-cell-21 i,
.cp-html-editor i {
  font-style: italic !important;
}
.cp-form-details-cell-21 pre,
.cp-html-editor pre {
  word-wrap: break-word !important;
  font-family: inherit !important;
  white-space: inherit !important;
}
.cp-style-summernote-button {
  margin-top: 3px;
  margin-bottom: 2px;
  height: 16px;
}
.note-dropdown-menu.cp-summernote-dropdown-style {
  min-width: 260px;
}
.cp-summernote-dropdown {
  list-style: none;
  min-height: 30px;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: auto;
  margin-top: 2px;
}
.cp-summernote-dropdown li {
  white-space: nowrap;
  cursor: pointer;
  padding: 0 8px 0 8px;
  line-height: 32px;
}
.cp-summernote-dropdown li a {
  color: #000000;
  font-weight: inherit;
}
.cp-summernote-dropdown li:hover {
  background-color: #f1f6fc;
}
.cp-button-container-close {
  width: 50%;
  padding-left: 25%;
  padding-right: 25%;
}
/* Summernote background color fix (code & default) */
.note-editing-area,
.note-codable {
  background-color: #fff;
}
.note-codable {
  color: darkgray;
}
.cp-multiple-inputs-row {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.cp-multiple-inputs-row-flex-row {
  flex-direction: row;
  display: flex;
  width: 100%;
}
.cp-multiple-inputs-row-flex-row .cp-input.cp-text-box {
  flex-grow: 0;
}
.cp-multiple-inputs-row-flex-row .cp-spacing-left {
  margin-left: 10px;
}
.cp-multiple-inputs-row-flex-row-full {
  flex-direction: row;
  display: flex;
  width: 100%;
}
.cp-multiple-inputs-row .cp-input-street {
  padding-right: 10px;
}
.cp-multiple-inputs-row .cp-input-street-number {
  min-width: 75px;
  width: 75px;
}
.cp-multiple-inputs-row .cp-input-street-number > input {
  width: 100%;
}
.cp-multiple-inputs-row .cp-input-errors {
  order: 99;
  flex: 1 0 100%;
}
.cp-multiple-inputs-row .cp-spacing-left {
  margin-left: 10px;
}
/** disable style in checkbox dropdown list **/
.cp-drop-down-list .drop-down-list-checkbox-item-disabled {
  cursor: default;
  color: #c5cfd4 !important;
}
.cp-drop-down-list .drop-down-list-checkbox-item-disabled input {
  cursor: default;
}
/* Issue: #26248 - Summernote backdrop overlay going haywire, disable modal */
.note-modal-backdrop {
  display: none !important;
}
/* Issue: #30027 - Numeric input in grids text was unreadable */
.cp-input.cp-numeric-box .filter-inputbox-enter-support.value-range-filter {
  min-width: 4em;
}
/* Issue: #30463 Checkboxes for domain value dropdown lists aren't styled properly. */
.cp-input.cp-drop-down-list input[type="checkbox"],
.cp-input.cp-text-box input[type="checkbox"] {
  flex-grow: 0;
}
/* #Added some styling for issue: #29576 */
input.cp-sel-interface-box-input[readonly] {
  cursor: not-allowed;
  background-color: #f0f0f0;
}
span.cp-mouse-pointer {
  cursor: pointer;
}
.cp-interface-box-notification {
  max-width: 400px;
}
/* Issue: #30431 The checkbox and 'Generate password' label are on 2 different rows */
#personPage div.cp-input.cp-check-box,
#addEditPifnPersonDetails div.cp-input.cp-check-box {
  display: inline;
}
.cp-flex-default-space-between-objects {
  display: flex;
}
.cp-flex-default-space-between-objects {
  display: flex;
}
.cp-flex-default-space-between-objects-input {
  flex-grow: 1;
}
.cp-flex-default-space-between-objects-buttons {
  padding-top: 5px;
}
.cp-flex-default-space-between-objects div.field-validation-error {
  padding-left: 10px;
  flex-order: 999999;
}
/* Issue: #35698 - Update link color for summernote. */
.cp-html-editor .note-editor .note-editing-area .note-editable a {
  color: #70757a;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
}
.cp-html-editor .note-editor .note-editing-area .note-editable a:hover {
  color: #70757a;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
}
.cp-content-editor {
  z-index: 3;
}
.cp-column-label-column {
  font-weight: 600;
  word-wrap: break-word;
}
.mailing-select-list input.select2-input {
  width: 200px !important;
}
.cp-date-picker-native-style,
.cp-numeric-native-style {
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: auto;
  width: 1px !important;
  position: absolute;
  flex-grow: 0 !important;
  right: 43px;
  top: 1px;
  z-index: 1;
  border: 0px solid #fff !important;
}
input[type="button"].cp-clear-signature-button {
  max-width: 300px;
}
input[type="button"].cp-clear-signature-button:disabled {
  background: revert;
}
input#btnProcessFilesUploadDialog {
  text-transform: none;
}
.cp-full-screen-container {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  background: #f1f6fc;
}
.cp-browser-blocked .cp-login-box {
  position: relationTypeContainer;
  width: 400px;
  left: -200px;
  margin-left: 50%;
  font-size: 1.5em;
}
.cpContainer_login #mainFrame {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  background-color: unset;
}
.form-inlinesetsubform-table.cp-info-table {
  border: none;
}
.form-inlinesetsubform-table .cp-header-row .cp-tool-tip {
  margin-top: 5px;
}
.form-inlinesetsubform-table .cp-inlineset-subform-row .cp-style-container.form-setsubform-set-table.cp-form-edit.cp-sel-form-set {
  margin-top: 14px;
  margin-bottom: 14px;
}
.form-inlinesetsubform-table .cp-inlineset-subform-row .cp-delete-inlineset-subform-row-column {
  display: none;
}
.form-inlinesetsubform-table .cp-inlineset-subform-row .cp-delete-inlineset-subform-row-column .row-button-delete {
  margin-top: 14px;
}
form > #fastFormResultTabs .cp-delete-inlineset-subform-row-column {
  display: block;
}
.cp-info-table {
  color: #70757a;
  text-align: left;
  table-layout: fixed;
  background-color: #ffffff;
  border: solid 13px #ffffff;
  border-radius: 15px;
  border-collapse: separate;
  border-spacing: 0px;
  margin-top: 1px;
  margin-bottom: 27px;
  margin-left: 0;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
}
.cp-info-table.cp-table-auto-fill {
  width: 100%;
}
.cp-info-table th {
  color: #4586a3;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 14px;
}
.cp-info-table td {
  line-height: 21px;
  padding: 4px 0;
  border-bottom: solid 1px #f1f6fc;
}
.cp-info-table tr.set-description td:first-of-type {
  padding: 0;
}
.cp-info-table tr.set-description td:first-of-type:after {
  background-color: transparent;
}
.cp-info-table tr.set-description .cp-section-info {
  font-style: italic;
  font-weight: normal;
  border-bottom: solid 1px #c5cfd4;
  margin-bottom: 14px;
  padding-bottom: 14px;
}
.cp-info-table tr > td:first-of-type {
  line-height: 25px;
  border: none;
  position: relative;
  color: #4586a3;
  min-width: 67px;
  padding-right: 27px;
  padding-left: 14px;
}
.cp-info-table tr > td:first-of-type:after {
  position: absolute;
  content: "";
  height: 1px;
  background-color: #f1f6fc;
  width: 67px;
  left: 14px;
  bottom: 0px;
}
.cp-info-table:nth-of-type(odd) {
  background-color: #ffffff;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
}
.cp-info-table.form-inlinesetsubform-table .cp-header-row h6 {
  margin-right: 14px !important;
}
.cp-info-table.form-inlinesetsubform-table .cp-header-row .cp-tool-tip {
  margin-left: -14px;
  margin-right: 14px;
}
.cp-info-table.form-inlinesetsubform-table .cp-header-row .button-add-subform,
.cp-info-table.form-inlinesetsubform-table .cp-header-row .cp-tool-tip {
  margin-top: 5px;
}
.cp-info-table.form-inlinesetsubform-table > .data-rows > tr > td {
  border-bottom: unset;
}
.cp-info-table.form-inlinesetsubform-table > .data-rows > tr > td:first-of-type:after {
  content: none;
}
.cp-info-table.form-inlinesetsubform-table > .data-rows > tr .form-setsubform-set-table.cp-info-table:first-of-type {
  margin-top: 27px;
}
.cp-image.cp-image-star {
  color: #4586a3;
}
.cp-remove-section-spacer .cp-info-table {
  margin-bottom: 0;
}
/** style page specific adjustments **/
.cp-subform-header-text {
  font-size: 14px;
  color: #70757a;
  padding: 5px 0 7px;
}
#mainTable .cpTH {
  text-align: left;
}
#mainTable .cpTH .cp-dialog-title {
  color: #003675;
  font-size: 18px;
  border-bottom: solid 1px #c5cfd4;
  margin-bottom: 27px;
}
.cp-sel-value-explanation-container {
  padding: 8px 0;
}
.cp-sel-value-explanation-container span {
  vertical-align: top;
  padding: 0;
}
#mainContainer {
  display: flex;
  height: calc(100% - 46px);
  width: calc(100% - @default-menu-width);
  margin-left: 250px;
}
#mainContainer .cpMenu,
#mainContainer .cpContents {
  display: flex;
}
#mainContainer .cpContents {
  position: relative;
  flex-grow: 1;
  overflow: hidden;
  background-color: #f1f6fb;
}
#cpBodyBlock {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
}
body {
  font-family: "Quicksand";
  font-weight: 500;
  font-size: 16px;
  color: #70757a;
  margin: 0;
}
body .bold {
  font-weight: bold;
}
body .italic {
  font-style: italic;
}
body .oblique {
  font-style: oblique;
}
h1 {
  color: #4586a3;
  font-size: 70px;
  margin: 0;
}
h2 {
  color: #4586a3;
  font-size: 36px;
  margin: 0;
}
a {
  color: #004873;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
}
input[type="button"] {
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 36px;
  font-size: 1em;
  border: none;
  border-radius: 15px;
  padding: 0 16px;
  background: #ffffff;
  color: #70757a;
  border: solid 1px #c5cfd4;
  background-image: none;
  box-shadow: none;
}
input[type="button"]:focus,
input[type="button"]:active,
input[type="button"]:hover {
  outline: none;
  background-image: none;
  box-shadow: none;
  background-color: #f1f6fc;
}
input[type="button"].buttonhidden {
  display: none;
}
input[type="button"]-active-button {
  border-color: #4586a3;
  background-color: #f1f6fb;
}
table {
  border-collapse: collapse;
}
th {
  font-weight: normal;
}
#mainContent {
  background-color: #f1f6fb;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: auto;
  z-index: 1;
}
#mainContent.mainContentUsingIFrame {
  overflow: hidden;
}
#mainFrame {
  background-color: #f1f6fc;
  min-height: 100%;
  padding: 27px;
}
#originalFrame {
  background-color: #f1f6fc;
  min-height: 100%;
  width: 100%;
}
@media only screen and  (max-width: 800px) {
  #mainFrame {
    padding: 6px;
  }
}
#mainFrame.cp-child-content,
.cp-child-content {
  background-color: #f1f6fb;
  width: calc(100% - 2*27px);
  min-height: calc(100% - 2*27px);
}
#mainFrame.cp-child-content .blockUI.blockOverlay,
.cp-child-content .blockUI.blockOverlay {
  width: calc(100% + 2*27px) !important;
  height: 100% !important;
  top: -27px !important;
  left: -27px !important;
}
#mainFrame.cp-child-content-dev-mode,
.cp-child-content-dev-mode {
  margin: 27px;
}
#cpContents {
  flex-direction: column;
}
.cp-grid-spacer,
.cp-infotable-imitator {
  padding-left: 27px;
  padding-right: 27px;
}
.cp-infotable-imitator table.cp-table-auto-fill {
  width: 100%;
}
.cp-infotable-imitator table.cp-table-auto-fill .cp-html-editor {
  display: block;
}
.cp-content-block {
  margin-bottom: 27px;
}
.blockUI.blockOverlay {
  background: rgba(69, 134, 163, 0.8) !important;
  opacity: 1;
}
.blockUI > h1 {
  font-size: 24px;
}
.fa,
.fas {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
}
#main {
  display: flex;
  flex-direction: column;
  height: 100% !important;
  position: absolute;
}
#main #buttons {
  display: flex;
  margin-top: auto;
}
.btn-container {
  display: flex;
  padding: 27px 0;
}
.btn-container input[type="button"] {
  text-align: center;
  margin-right: 27px;
}
.btn-container.cp-dialog-buttons {
  padding: 0;
}
.btn-container.cp-dialog-buttons input[type="button"] {
  margin: 0 6px;
}
.cp-no-display {
  display: none;
}
.cp-transition-surface-canvas {
  transition: transform 150ms ease-in-out;
}
.cp-info-table-no-underline td {
  border-bottom: none;
}
.cp-info-table-no-underline tr > td:first-of-type::after {
  background: none;
}
.blockUI.blockMsg {
  border-radius: 15px !important;
}
@media only screen and  (max-width: 800px) {
  .blockUI.blockMsg {
    width: 80% !important;
  }
}
.drag-select-container {
  user-select: none;
}
.bounding-box {
  position: absolute;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px dashed darkgray;
  z-index: 100;
}
.cp-idp-managed-identity-row {
  position: relative;
  min-height: 16px;
}
.cp-idp-managed-identity-row:before {
  left: 6px;
  width: 14px;
  content: "\f2c2";
  font-family: "Font Awesome 5 Pro";
  color: #4586a3;
  font-weight: bold;
  font-size: 10px;
  padding-right: 5px;
}
.cp-login-background {
  background-color: rgba(69, 134, 163, 0.75);
  width: 100%;
}
.cp-terms-and-conditions-page .cp-logo {
  display: none;
}
.cp-terms-and-conditions-page .terms {
  height: 270px;
}
.cp-login {
  position: relative;
  margin: auto;
  border-radius: 15px;
  background: white;
  width: 860px;
  height: 526px;
}
.cp-login .cp-login-background-gradient {
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  border-radius: 15px;
  background: linear-gradient(to left, rgba(69, 134, 163, 0.05) 50%, white 50%);
}
.cp-login .cp-button-colored,
.cp-login input[type="button"],
.cp-login .popUpModalContainer .cp-dialog-close,
.cp-login .cp-jq-popup-dialog .cp-dialog-close,
.cp-login .popUpModalContainer .cp-dialog-button #btnpSave,
.cp-login .cp-jq-popup-dialog .cp-dialog-button #btnpSave,
.cp-login .cp-dialog-buttons input[type=button][value=OK],
.cp-login .cp-dialog-buttons input[type=button].cp-submit-button,
.cp-login .date-range-picker .cp-date-range-buttons input[name="btn_ok"],
.cp-login .cp-login .cp-login-container .cp-login-box input[type="button"],
.cp-login .cp-login .cp-login-container .cp-login-box input[type="submit"],
.cp-login .cp-terms-and-conditions-page .cp-sel-fullscreen-toggler,
.cp-login .cp-display-popup .cp-column-selection-search span.fal.fa-search,
.cp-login .cp-display-popup .cp-save-column-selection,
.cp-login .cp-rule-wrapper-style-header .cp-rule-wrapper-style-buttons .cp-submit-button,
.cp-login div.cp-rule-main-buttons .cp-submit-button,
.cp-login .cp-tm-container .cp-tm-filter .cp-tm-filter-body input[type="button"],
.cp-login .cp-scm-node-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close,
.cp-login .cp-scroll-top {
  border-radius: 30px !important;
}
.cp-login .cp-login-language {
  position: absolute;
  right: 27px;
  top: 27px;
  z-index: 3;
}
.cp-login .cp-login-language .select2-choice {
  border: none !important;
  background: transparent !important;
  color: #4586a3 !important;
  font-weight: 200 !important;
  position: relative;
}
.cp-login .cp-login-language .select2-choice .select2-chosen {
  padding-right: 14px;
}
.cp-login .cp-login-language .select2-choice .select2-chosen:after {
  content: "";
  width: 1px;
  height: 20px;
  background: none;
  position: absolute;
  top: 5px;
  right: 30px;
}
.cp-login .cp-login-language .select2-choice .select2-arrow b:after {
  content: "\f107" !important;
  font-weight: 200 !important;
}
.cp-login .cp-login-container {
  width: 100%;
  height: 100%;
  left: 0px;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  z-index: 2;
  position: absolute;
}
.cp-login .cp-login-container .cp-login-box-image {
  display: flex;
  height: 100%;
}
.cp-login .cp-login-container .cp-login-box-image .cp-login-image {
  width: 50%;
  max-width: 938px;
  max-height: 1150px;
  padding-left: 27px;
  background-image: url(/web/images/layout/cp-default-login-image.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top: 78px solid #fff;
  border-bottom: 53px solid #fff;
}
.cp-login .cp-login-container div.select2-display-none {
  display: none;
}
.cp-login .cp-login-container .cp-login-header {
  color: #4586a3;
  justify-content: space-between;
}
.cp-login .cp-login-container .cp-login-header .cp-login-menu-btn {
  font-size: 24px;
  display: none;
}
.cp-login .cp-login-container .cp-login-box {
  width: 50%;
  flex-direction: column;
  padding: 27px 27px 0 27px;
  max-width: 728px;
}
.cp-login .cp-login-container .cp-login-box div.cp-login-control {
  margin-bottom: 27px;
}
.cp-login .cp-login-container .cp-login-box .cp-password-box {
  display: flex;
}
.cp-login .cp-login-container .cp-login-box h2 {
  color: #004873;
  text-align: center;
  line-height: 36px;
}
.cp-login .cp-login-container .cp-login-box h1 {
  font-size: 24px !important;
  text-align: center;
  font-weight: bold;
}
.cp-login .cp-login-container .cp-login-box input[type="text"],
.cp-login .cp-login-container .cp-login-box input[type="password"] {
  width: 85%;
  height: 34px;
  flex: 1;
  background-color: rgba(69, 134, 163, 0.05);
  border-radius: 20px;
}
.cp-login .cp-login-container .cp-login-box input[type="button"],
.cp-login .cp-login-container .cp-login-box input[type="submit"] {
  cursor: pointer;
  border-radius: 20px;
  height: 38px;
  font-size: 1em;
  margin: auto;
  margin-top: 0px;
  max-width: 96%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0px 14px;
  display: inline-block;
}
.cp-login .cp-login-container .cp-login-box .cp-login-title {
  align-items: center;
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}
.cp-login .cp-login-container .cp-login-box .cp-login-title h1.cp-dot-primary,
.cp-login .cp-login-container .cp-login-box .cp-login-title h1.cp-tm-container .cp-tm-filter .cp-tm-filter-header span,
.cp-login .cp-login-container .cp-login-box .cp-login-title h1.cp-page-titlebar #cpPageTitleContents,
.cp-login .cp-login-container .cp-login-box .cp-login-title h1.cp-buttonbar-page-title {
  font-size: 18px;
}
.cp-login .cp-login-container .cp-login-box .cp-login-link {
  justify-content: space-between;
  align-items: center;
  display: flex;
  height: 27px;
}
.cp-login .cp-login-container .cp-login-box .cp-login-link-back {
  padding-top: 14px;
}
.cp-login .cp-login-container .cp-login-box .cp-login-link a {
  padding-left: 14px;
}
.cp-login .cp-login-container .cp-login-box .cp-login-no-account {
  text-align: center;
  margin-top: 14px;
}
.cp-login .cp-login-container .cp-login-box .cp-login-title {
  text-align: center;
  margin-bottom: 14px;
}
.cp-login .cp-login-container .cp-login-box > .cp-logo {
  height: 80px;
  width: 322px;
  max-width: 280px;
  max-height: 171px;
  background-repeat: no-repeat;
  margin: 7px auto;
  background-position-x: center;
  background-size: contain;
  background-image: url(/web/images/logos/cplogo.png);
}
.cp-login .cp-login-container .cp-login-box .btn-container {
  padding-top: 6px;
}
.cp-login .cp-login-container .cp-input-text-icon {
  font-size: 16px;
  align-items: baseline;
  border-bottom: none;
  color: #4586a3;
  font-weight: bold;
  width: 100%;
}
.cp-login .cp-login-container .cp-input-text-icon .cp-input,
.cp-login .cp-login-container .cp-input-text-icon span {
  padding-right: 14px;
  white-space: nowrap;
  width: 100%;
  flex: 0 0 30%;
}
.cp-login .cp-login-container .cp-input-text-icon .cp-text-box,
.cp-login .cp-login-container .cp-input-text-icon .cp-password-box {
  padding-right: 0;
}
.cp-login .cp-login-container .cp-input-text-icon .cp-input {
  bottom: -1px;
  margin-top: 6px;
}
.cp-login .cp-login-container .cp-input-text-icon i {
  color: #c5cfd4;
  width: 27px;
  height: 27px;
  font-size: 27px;
  font-size: 24px;
  margin-left: auto;
}
.cp-login .cp-login-container .cp-section-info {
  border: 0px;
  background-color: white;
  max-height: 170px;
  overflow: auto;
  flex-direction: row;
  padding: 0px;
}
.cp-login .cp-login-container .cp-section-info * {
  flex-direction: column;
}
.cp-login .cp-login-container .cp-section-info ul li {
  display: list-item;
}
.cp-login .cp-login-container .cp-login-control-fit-to-screen {
  max-height: 270px;
  display: flex;
  flex-direction: column;
}
.cp-login .cp-login-container .cp-login-control-fit-to-screen-content-80 {
  height: calc(270px * 0.8);
  overflow-y: auto;
}
.cp-login .cp-login-container .cp-login-control-fit-to-screen-content-70 {
  height: calc(270px * 0.7);
  overflow-y: auto;
}
.cp-login .cp-login-container .cp-login-password-reset {
  max-height: 30%;
  overflow-y: auto;
}
.cp-login .cp-login-container .cp-login-password-reset .cp-section-password-requirements {
  display: flex;
  flex-direction: column;
}
.cp-login .cp-login-container .cp-login-password-reset .cp-section-password-requirements .cp-info-image {
  align-self: flex-start;
  padding-top: 10px;
  padding-right: 10px;
}
.cp-login .cp-login-container .cp-content-area {
  flex-direction: column;
  align-items: left;
}
.cp-login .cp-login-container .cp-content {
  display: block;
  flex-flow: wrap;
}
.cp-login .cp-login-container .cp-content a {
  display: inline;
}
.cp-login .cp-login-footer {
  position: absolute;
  bottom: 6px;
  left: 50%;
  width: 50%;
  padding-right: 14px;
  display: flex;
  align-items: center;
  align-self: flex-end;
  justify-content: space-between;
  font-weight: bold;
  z-index: 3;
  height: 30px;
}
.cp-login .cp-login-footer #buttonNeedHelp {
  margin-right: 14px;
}
.cp-login .cp-login-footer .cp-login-footer-content {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.cp-login .cp-login-footer-logo.si-logo {
  height: 24px;
  width: 24px;
  background-image: url("/web/images/logos/SourceIntelSmall.png");
  background-size: cover;
}
.cp-login .cp-login-footer * {
  padding: 0 5px;
}
.cp-login .cp-login-footer .cp-logo {
  background-image: url("/web/images/logos/GlendaleIncLogo.png");
  background-size: 25px;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  margin-left: 6px;
  display: inline-block;
}
.cp-login .cp-login-footer #buttonNeedHelp,
.cp-login .cp-login-footer #buttonDsclaimer {
  cursor: pointer;
}
.cp-login .cp-login-footer #buttonDsclaimer {
  max-width: 125px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
.cp-login-control .fa,
.cp-login-control .fas,
.cp-login-control .fad {
  color: #4586a3;
}
.cpContainer_login ~ .cp-fullscreen-toggler.open {
  display: none;
}
.cp-2fa-login .cp-login-box {
  width: 80%;
}
.cp-login-2fa-box {
  text-align: center;
  display: flex;
  flex-flow: column;
  margin-top: 14px;
}
.cp-login-2fa-box div.cp-login-qr-code-container {
  display: flex;
  flex-flow: column wrap;
  align-content: center;
}
.cp-login-2fa-box div.cp-login-qr-code {
  display: inline-block;
}
.cp-login-2fa-box #btnNoQrCode {
  padding-left: 14px;
}
.cp-login-align-left {
  text-align: left;
}
.cp-login-spacing {
  margin-top: 14px;
  margin-bottom: 14px;
}
.cp-login-spacing-small {
  margin-top: 7px;
  margin-bottom: 7px;
}
.cp-login-centered {
  text-align: center;
}
.cp-login-2fa-row {
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
}
.cp-login-2fa-row .cp-login-2fa-label {
  padding-right: 20px;
}
.cp-login-2fa-row .cp-icon {
  padding-top: 5px;
  padding-right: 20px;
}
.cp-login-section-center-text {
  display: flex;
  justify-content: center;
  width: 100%;
}
.cp-login-full-height .cp-login {
  height: 100%;
}
.cp-login-full-height .cp-login .cp-login-container,
.cp-login-full-height .cp-login .cp-login-background {
  height: 100%;
}
.cp-login-full-height .cp-login .cp-login-background {
  position: fixed;
}
.cpLoginInfo ul {
  margin-top: 0;
  padding-top: 0;
}
.cp-terms-and-conditions-page #agreeToTermsDiv {
  overflow: auto;
}
.cp-terms-and-conditions-page .cp-full-screen-toggle-button-terms {
  float: right;
  right: -15px;
  position: relative;
  z-index: 1;
}
.cp-terms-and-conditions-page .cp-dot:after {
  color: #004873;
}
.cp-terms-and-conditions-page i {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  line-height: 27px;
  text-align: center;
}
.cp-terms-and-conditions-page i.fa-expand-arrows-alt {
  margin-left: auto;
  margin-right: 10px;
  position: relative;
}
.cp-terms-and-conditions-page .cp-login-container .cp-login-box .cp-login-title {
  margin-bottom: 0px;
}
.cp-terms-and-conditions-page .cp-login-box {
  display: flex;
}
.cp-terms-and-conditions-page .cp-login-box .cp-canvas-container {
  height: 275px;
  width: 100%;
  border: solid 1px #c5cfd4;
  border-radius: 15px;
}
.cp-terms-and-conditions-page .cp-login-box .cp-canvas-container embed {
  width: 100%;
  height: 100%;
  margin-top: -30px;
}
.cp-terms-and-conditions-page .cp-pdf-fullscreen #agreeToTermsCanvas {
  position: fixed;
  top: 20px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 2;
}
.cp-terms-and-conditions-page .cp-pdf-fullscreen .cp-full-screen-toggle-button-terms {
  z-index: 1001;
}
.cp-terms-and-conditions-page form {
  display: flex;
  flex-direction: column;
}
.cp-terms-and-conditions-page form label {
  padding-left: 14px;
}
.cp-terms-and-conditions-page .fa-compress-arrows-alt {
  position: fixed;
  z-index: 1000;
  top: 27px;
  left: 27px;
}
.cp-login-lost-2fa-access {
  padding-top: 10px;
}
.cp-login-backup-code {
  text-align: center;
  padding: 20px;
}
.cp-login-verification-code {
  padding-top: 20px;
}
.cp-login-verification-backup-codes {
  flex-direction: row;
  display: flex;
  line-height: 29px;
}
.cp-login-verification-backup-code {
  padding-left: 30px;
}
.cp-login-link-no-hover-no-style {
  display: inline-flex;
  color: inherit;
  margin-bottom: -2px;
}
.cp-login-link-no-hover-no-style:hover {
  color: inherit;
}
.login-hints a:focus-visible {
  outline: none;
}
.fn-sub-header {
  color: #4586a3;
  font-size: 18px;
  font-weight: bold;
}
.fn-cp-input-readonly {
  background-color: #f1f6fc;
  border: solid 1px #c5cfd4;
  cursor: default;
  color: #70757a;
}
.fn-cp-input-readonly span {
  color: #70757a !important;
}
.fn-cp-icon-readonly {
  opacity: 0.25;
  cursor: unset;
}
.fn-cp-icon-buttonbar-readonly {
  color: rgba(69, 134, 163, 0.35);
  cursor: unset;
  pointer-events: none;
}
.fn_default_box {
  background-color: #f1f6fc;
  border: solid 1px #c5cfd4;
  border-radius: 15px;
}
.fn_pointer {
  cursor: pointer;
}
.fn_border {
  border: solid 1px #c5cfd4;
}
.fn_input_chk_rad,
input[type="checkbox"],
input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  height: 17px;
  width: 17px;
  line-height: 17px;
  min-height: unset !important;
  top: 2px;
  transition: all 0.15s ease-out 0s;
  background: #f1f6fc;
  border: solid 1px #c5cfd4;
  color: #ffffff !important;
  cursor: pointer;
  display: inline-block;
  outline: none;
  position: relative;
  padding: 0;
  margin: 0;
}
.fn_input_chk_rad:hover,
input[type="checkbox"]:hover,
input[type="radio"]:hover {
  background: #c5cfd4;
}
.fn_input_chk_rad:checked,
input[type="checkbox"]:checked,
input[type="radio"]:checked {
  background: #4586a3;
  border: none;
}
.fn_input_chk_rad:checked::before,
input[type="checkbox"]:checked::before,
input[type="radio"]:checked::before {
  left: 4px;
  top: 1px;
  position: absolute;
  font-size: 10px;
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
}
.fn_overlay {
  background: rgba(69, 134, 163, 0.8) !important;
  opacity: 1;
}
.fn_shadow {
  -webkit-box-shadow: 3px 4px 12px -10px #474747;
  -moz-box-shadow: 3px 4px 12px -10px #474747;
  box-shadow: 3px 4px 12px -10px #474747;
}
.fn_section_shadow {
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
}
.fn_no_shadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.fn_header_input {
  border: none !important;
}
/* this might need cleanup, part from before 6.0*/
.cp-rows-100 {
  display: grid !important;
  grid-template-rows: repeat(100, minmax(auto, max-content));
}
.cp-rows-99 {
  display: grid !important;
  grid-template-rows: repeat(99, minmax(auto, max-content));
}
.cp-rows-98 {
  display: grid !important;
  grid-template-rows: repeat(98, minmax(auto, max-content));
}
.cp-rows-97 {
  display: grid !important;
  grid-template-rows: repeat(97, minmax(auto, max-content));
}
.cp-rows-96 {
  display: grid !important;
  grid-template-rows: repeat(96, minmax(auto, max-content));
}
.cp-rows-95 {
  display: grid !important;
  grid-template-rows: repeat(95, minmax(auto, max-content));
}
.cp-rows-94 {
  display: grid !important;
  grid-template-rows: repeat(94, minmax(auto, max-content));
}
.cp-rows-93 {
  display: grid !important;
  grid-template-rows: repeat(93, minmax(auto, max-content));
}
.cp-rows-92 {
  display: grid !important;
  grid-template-rows: repeat(92, minmax(auto, max-content));
}
.cp-rows-91 {
  display: grid !important;
  grid-template-rows: repeat(91, minmax(auto, max-content));
}
.cp-rows-90 {
  display: grid !important;
  grid-template-rows: repeat(90, minmax(auto, max-content));
}
.cp-rows-89 {
  display: grid !important;
  grid-template-rows: repeat(89, minmax(auto, max-content));
}
.cp-rows-88 {
  display: grid !important;
  grid-template-rows: repeat(88, minmax(auto, max-content));
}
.cp-rows-87 {
  display: grid !important;
  grid-template-rows: repeat(87, minmax(auto, max-content));
}
.cp-rows-86 {
  display: grid !important;
  grid-template-rows: repeat(86, minmax(auto, max-content));
}
.cp-rows-85 {
  display: grid !important;
  grid-template-rows: repeat(85, minmax(auto, max-content));
}
.cp-rows-84 {
  display: grid !important;
  grid-template-rows: repeat(84, minmax(auto, max-content));
}
.cp-rows-83 {
  display: grid !important;
  grid-template-rows: repeat(83, minmax(auto, max-content));
}
.cp-rows-82 {
  display: grid !important;
  grid-template-rows: repeat(82, minmax(auto, max-content));
}
.cp-rows-81 {
  display: grid !important;
  grid-template-rows: repeat(81, minmax(auto, max-content));
}
.cp-rows-80 {
  display: grid !important;
  grid-template-rows: repeat(80, minmax(auto, max-content));
}
.cp-rows-79 {
  display: grid !important;
  grid-template-rows: repeat(79, minmax(auto, max-content));
}
.cp-rows-78 {
  display: grid !important;
  grid-template-rows: repeat(78, minmax(auto, max-content));
}
.cp-rows-77 {
  display: grid !important;
  grid-template-rows: repeat(77, minmax(auto, max-content));
}
.cp-rows-76 {
  display: grid !important;
  grid-template-rows: repeat(76, minmax(auto, max-content));
}
.cp-rows-75 {
  display: grid !important;
  grid-template-rows: repeat(75, minmax(auto, max-content));
}
.cp-rows-74 {
  display: grid !important;
  grid-template-rows: repeat(74, minmax(auto, max-content));
}
.cp-rows-73 {
  display: grid !important;
  grid-template-rows: repeat(73, minmax(auto, max-content));
}
.cp-rows-72 {
  display: grid !important;
  grid-template-rows: repeat(72, minmax(auto, max-content));
}
.cp-rows-71 {
  display: grid !important;
  grid-template-rows: repeat(71, minmax(auto, max-content));
}
.cp-rows-70 {
  display: grid !important;
  grid-template-rows: repeat(70, minmax(auto, max-content));
}
.cp-rows-69 {
  display: grid !important;
  grid-template-rows: repeat(69, minmax(auto, max-content));
}
.cp-rows-68 {
  display: grid !important;
  grid-template-rows: repeat(68, minmax(auto, max-content));
}
.cp-rows-67 {
  display: grid !important;
  grid-template-rows: repeat(67, minmax(auto, max-content));
}
.cp-rows-66 {
  display: grid !important;
  grid-template-rows: repeat(66, minmax(auto, max-content));
}
.cp-rows-65 {
  display: grid !important;
  grid-template-rows: repeat(65, minmax(auto, max-content));
}
.cp-rows-64 {
  display: grid !important;
  grid-template-rows: repeat(64, minmax(auto, max-content));
}
.cp-rows-63 {
  display: grid !important;
  grid-template-rows: repeat(63, minmax(auto, max-content));
}
.cp-rows-62 {
  display: grid !important;
  grid-template-rows: repeat(62, minmax(auto, max-content));
}
.cp-rows-61 {
  display: grid !important;
  grid-template-rows: repeat(61, minmax(auto, max-content));
}
.cp-rows-60 {
  display: grid !important;
  grid-template-rows: repeat(60, minmax(auto, max-content));
}
.cp-rows-59 {
  display: grid !important;
  grid-template-rows: repeat(59, minmax(auto, max-content));
}
.cp-rows-58 {
  display: grid !important;
  grid-template-rows: repeat(58, minmax(auto, max-content));
}
.cp-rows-57 {
  display: grid !important;
  grid-template-rows: repeat(57, minmax(auto, max-content));
}
.cp-rows-56 {
  display: grid !important;
  grid-template-rows: repeat(56, minmax(auto, max-content));
}
.cp-rows-55 {
  display: grid !important;
  grid-template-rows: repeat(55, minmax(auto, max-content));
}
.cp-rows-54 {
  display: grid !important;
  grid-template-rows: repeat(54, minmax(auto, max-content));
}
.cp-rows-53 {
  display: grid !important;
  grid-template-rows: repeat(53, minmax(auto, max-content));
}
.cp-rows-52 {
  display: grid !important;
  grid-template-rows: repeat(52, minmax(auto, max-content));
}
.cp-rows-51 {
  display: grid !important;
  grid-template-rows: repeat(51, minmax(auto, max-content));
}
.cp-rows-50 {
  display: grid !important;
  grid-template-rows: repeat(50, minmax(auto, max-content));
}
.cp-rows-49 {
  display: grid !important;
  grid-template-rows: repeat(49, minmax(auto, max-content));
}
.cp-rows-48 {
  display: grid !important;
  grid-template-rows: repeat(48, minmax(auto, max-content));
}
.cp-rows-47 {
  display: grid !important;
  grid-template-rows: repeat(47, minmax(auto, max-content));
}
.cp-rows-46 {
  display: grid !important;
  grid-template-rows: repeat(46, minmax(auto, max-content));
}
.cp-rows-45 {
  display: grid !important;
  grid-template-rows: repeat(45, minmax(auto, max-content));
}
.cp-rows-44 {
  display: grid !important;
  grid-template-rows: repeat(44, minmax(auto, max-content));
}
.cp-rows-43 {
  display: grid !important;
  grid-template-rows: repeat(43, minmax(auto, max-content));
}
.cp-rows-42 {
  display: grid !important;
  grid-template-rows: repeat(42, minmax(auto, max-content));
}
.cp-rows-41 {
  display: grid !important;
  grid-template-rows: repeat(41, minmax(auto, max-content));
}
.cp-rows-40 {
  display: grid !important;
  grid-template-rows: repeat(40, minmax(auto, max-content));
}
.cp-rows-39 {
  display: grid !important;
  grid-template-rows: repeat(39, minmax(auto, max-content));
}
.cp-rows-38 {
  display: grid !important;
  grid-template-rows: repeat(38, minmax(auto, max-content));
}
.cp-rows-37 {
  display: grid !important;
  grid-template-rows: repeat(37, minmax(auto, max-content));
}
.cp-rows-36 {
  display: grid !important;
  grid-template-rows: repeat(36, minmax(auto, max-content));
}
.cp-rows-35 {
  display: grid !important;
  grid-template-rows: repeat(35, minmax(auto, max-content));
}
.cp-rows-34 {
  display: grid !important;
  grid-template-rows: repeat(34, minmax(auto, max-content));
}
.cp-rows-33 {
  display: grid !important;
  grid-template-rows: repeat(33, minmax(auto, max-content));
}
.cp-rows-32 {
  display: grid !important;
  grid-template-rows: repeat(32, minmax(auto, max-content));
}
.cp-rows-31 {
  display: grid !important;
  grid-template-rows: repeat(31, minmax(auto, max-content));
}
.cp-rows-30 {
  display: grid !important;
  grid-template-rows: repeat(30, minmax(auto, max-content));
}
.cp-rows-29 {
  display: grid !important;
  grid-template-rows: repeat(29, minmax(auto, max-content));
}
.cp-rows-28 {
  display: grid !important;
  grid-template-rows: repeat(28, minmax(auto, max-content));
}
.cp-rows-27 {
  display: grid !important;
  grid-template-rows: repeat(27, minmax(auto, max-content));
}
.cp-rows-26 {
  display: grid !important;
  grid-template-rows: repeat(26, minmax(auto, max-content));
}
.cp-rows-25 {
  display: grid !important;
  grid-template-rows: repeat(25, minmax(auto, max-content));
}
.cp-rows-24 {
  display: grid !important;
  grid-template-rows: repeat(24, minmax(auto, max-content));
}
.cp-rows-23 {
  display: grid !important;
  grid-template-rows: repeat(23, minmax(auto, max-content));
}
.cp-rows-22 {
  display: grid !important;
  grid-template-rows: repeat(22, minmax(auto, max-content));
}
.cp-rows-21 {
  display: grid !important;
  grid-template-rows: repeat(21, minmax(auto, max-content));
}
.cp-rows-20 {
  display: grid !important;
  grid-template-rows: repeat(20, minmax(auto, max-content));
}
.cp-rows-19 {
  display: grid !important;
  grid-template-rows: repeat(19, minmax(auto, max-content));
}
.cp-rows-18 {
  display: grid !important;
  grid-template-rows: repeat(18, minmax(auto, max-content));
}
.cp-rows-17 {
  display: grid !important;
  grid-template-rows: repeat(17, minmax(auto, max-content));
}
.cp-rows-16 {
  display: grid !important;
  grid-template-rows: repeat(16, minmax(auto, max-content));
}
.cp-rows-15 {
  display: grid !important;
  grid-template-rows: repeat(15, minmax(auto, max-content));
}
.cp-rows-14 {
  display: grid !important;
  grid-template-rows: repeat(14, minmax(auto, max-content));
}
.cp-rows-13 {
  display: grid !important;
  grid-template-rows: repeat(13, minmax(auto, max-content));
}
.cp-rows-12 {
  display: grid !important;
  grid-template-rows: repeat(12, minmax(auto, max-content));
}
.cp-rows-11 {
  display: grid !important;
  grid-template-rows: repeat(11, minmax(auto, max-content));
}
.cp-rows-10 {
  display: grid !important;
  grid-template-rows: repeat(10, minmax(auto, max-content));
}
.cp-rows-9 {
  display: grid !important;
  grid-template-rows: repeat(9, minmax(auto, max-content));
}
.cp-rows-8 {
  display: grid !important;
  grid-template-rows: repeat(8, minmax(auto, max-content));
}
.cp-rows-7 {
  display: grid !important;
  grid-template-rows: repeat(7, minmax(auto, max-content));
}
.cp-rows-6 {
  display: grid !important;
  grid-template-rows: repeat(6, minmax(auto, max-content));
}
.cp-rows-5 {
  display: grid !important;
  grid-template-rows: repeat(5, minmax(auto, max-content));
}
.cp-rows-4 {
  display: grid !important;
  grid-template-rows: repeat(4, minmax(auto, max-content));
}
.cp-rows-3 {
  display: grid !important;
  grid-template-rows: repeat(3, minmax(auto, max-content));
}
.cp-rows-2 {
  display: grid !important;
  grid-template-rows: repeat(2, minmax(auto, max-content));
}
.cp-rows-1 {
  display: grid !important;
  grid-template-rows: repeat(1, minmax(auto, max-content));
}
.cp-grid-gap-100 {
  grid-gap: 100px;
}
.cp-grid-gap-90 {
  grid-gap: 90px;
}
.cp-grid-gap-80 {
  grid-gap: 80px;
}
.cp-grid-gap-70 {
  grid-gap: 70px;
}
.cp-grid-gap-60 {
  grid-gap: 60px;
}
.cp-grid-gap-50 {
  grid-gap: 50px;
}
.cp-grid-gap-40 {
  grid-gap: 40px;
}
.cp-grid-gap-30 {
  grid-gap: 30px;
}
.cp-grid-gap-20 {
  grid-gap: 20px;
}
.cp-grid-gap-10 {
  grid-gap: 10px;
}
.cp-columns-100 {
  display: grid !important;
  grid-template-columns: repeat(100, minmax(auto, 1fr));
}
.cp-columns-100.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-99 {
  display: grid !important;
  grid-template-columns: repeat(99, minmax(auto, 1fr));
}
.cp-columns-99.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-98 {
  display: grid !important;
  grid-template-columns: repeat(98, minmax(auto, 1fr));
}
.cp-columns-98.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-97 {
  display: grid !important;
  grid-template-columns: repeat(97, minmax(auto, 1fr));
}
.cp-columns-97.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-96 {
  display: grid !important;
  grid-template-columns: repeat(96, minmax(auto, 1fr));
}
.cp-columns-96.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-95 {
  display: grid !important;
  grid-template-columns: repeat(95, minmax(auto, 1fr));
}
.cp-columns-95.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-94 {
  display: grid !important;
  grid-template-columns: repeat(94, minmax(auto, 1fr));
}
.cp-columns-94.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-93 {
  display: grid !important;
  grid-template-columns: repeat(93, minmax(auto, 1fr));
}
.cp-columns-93.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-92 {
  display: grid !important;
  grid-template-columns: repeat(92, minmax(auto, 1fr));
}
.cp-columns-92.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-91 {
  display: grid !important;
  grid-template-columns: repeat(91, minmax(auto, 1fr));
}
.cp-columns-91.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-90 {
  display: grid !important;
  grid-template-columns: repeat(90, minmax(auto, 1fr));
}
.cp-columns-90.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-89 {
  display: grid !important;
  grid-template-columns: repeat(89, minmax(auto, 1fr));
}
.cp-columns-89.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-88 {
  display: grid !important;
  grid-template-columns: repeat(88, minmax(auto, 1fr));
}
.cp-columns-88.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-87 {
  display: grid !important;
  grid-template-columns: repeat(87, minmax(auto, 1fr));
}
.cp-columns-87.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-86 {
  display: grid !important;
  grid-template-columns: repeat(86, minmax(auto, 1fr));
}
.cp-columns-86.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-85 {
  display: grid !important;
  grid-template-columns: repeat(85, minmax(auto, 1fr));
}
.cp-columns-85.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-84 {
  display: grid !important;
  grid-template-columns: repeat(84, minmax(auto, 1fr));
}
.cp-columns-84.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-83 {
  display: grid !important;
  grid-template-columns: repeat(83, minmax(auto, 1fr));
}
.cp-columns-83.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-82 {
  display: grid !important;
  grid-template-columns: repeat(82, minmax(auto, 1fr));
}
.cp-columns-82.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-81 {
  display: grid !important;
  grid-template-columns: repeat(81, minmax(auto, 1fr));
}
.cp-columns-81.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-80 {
  display: grid !important;
  grid-template-columns: repeat(80, minmax(auto, 1fr));
}
.cp-columns-80.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-79 {
  display: grid !important;
  grid-template-columns: repeat(79, minmax(auto, 1fr));
}
.cp-columns-79.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-78 {
  display: grid !important;
  grid-template-columns: repeat(78, minmax(auto, 1fr));
}
.cp-columns-78.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-77 {
  display: grid !important;
  grid-template-columns: repeat(77, minmax(auto, 1fr));
}
.cp-columns-77.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-76 {
  display: grid !important;
  grid-template-columns: repeat(76, minmax(auto, 1fr));
}
.cp-columns-76.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-75 {
  display: grid !important;
  grid-template-columns: repeat(75, minmax(auto, 1fr));
}
.cp-columns-75.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-74 {
  display: grid !important;
  grid-template-columns: repeat(74, minmax(auto, 1fr));
}
.cp-columns-74.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-73 {
  display: grid !important;
  grid-template-columns: repeat(73, minmax(auto, 1fr));
}
.cp-columns-73.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-72 {
  display: grid !important;
  grid-template-columns: repeat(72, minmax(auto, 1fr));
}
.cp-columns-72.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-71 {
  display: grid !important;
  grid-template-columns: repeat(71, minmax(auto, 1fr));
}
.cp-columns-71.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-70 {
  display: grid !important;
  grid-template-columns: repeat(70, minmax(auto, 1fr));
}
.cp-columns-70.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-69 {
  display: grid !important;
  grid-template-columns: repeat(69, minmax(auto, 1fr));
}
.cp-columns-69.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-68 {
  display: grid !important;
  grid-template-columns: repeat(68, minmax(auto, 1fr));
}
.cp-columns-68.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-67 {
  display: grid !important;
  grid-template-columns: repeat(67, minmax(auto, 1fr));
}
.cp-columns-67.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-66 {
  display: grid !important;
  grid-template-columns: repeat(66, minmax(auto, 1fr));
}
.cp-columns-66.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-65 {
  display: grid !important;
  grid-template-columns: repeat(65, minmax(auto, 1fr));
}
.cp-columns-65.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-64 {
  display: grid !important;
  grid-template-columns: repeat(64, minmax(auto, 1fr));
}
.cp-columns-64.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-63 {
  display: grid !important;
  grid-template-columns: repeat(63, minmax(auto, 1fr));
}
.cp-columns-63.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-62 {
  display: grid !important;
  grid-template-columns: repeat(62, minmax(auto, 1fr));
}
.cp-columns-62.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-61 {
  display: grid !important;
  grid-template-columns: repeat(61, minmax(auto, 1fr));
}
.cp-columns-61.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-60 {
  display: grid !important;
  grid-template-columns: repeat(60, minmax(auto, 1fr));
}
.cp-columns-60.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-59 {
  display: grid !important;
  grid-template-columns: repeat(59, minmax(auto, 1fr));
}
.cp-columns-59.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-58 {
  display: grid !important;
  grid-template-columns: repeat(58, minmax(auto, 1fr));
}
.cp-columns-58.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-57 {
  display: grid !important;
  grid-template-columns: repeat(57, minmax(auto, 1fr));
}
.cp-columns-57.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-56 {
  display: grid !important;
  grid-template-columns: repeat(56, minmax(auto, 1fr));
}
.cp-columns-56.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-55 {
  display: grid !important;
  grid-template-columns: repeat(55, minmax(auto, 1fr));
}
.cp-columns-55.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-54 {
  display: grid !important;
  grid-template-columns: repeat(54, minmax(auto, 1fr));
}
.cp-columns-54.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-53 {
  display: grid !important;
  grid-template-columns: repeat(53, minmax(auto, 1fr));
}
.cp-columns-53.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-52 {
  display: grid !important;
  grid-template-columns: repeat(52, minmax(auto, 1fr));
}
.cp-columns-52.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-51 {
  display: grid !important;
  grid-template-columns: repeat(51, minmax(auto, 1fr));
}
.cp-columns-51.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-50 {
  display: grid !important;
  grid-template-columns: repeat(50, minmax(auto, 1fr));
}
.cp-columns-50.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-49 {
  display: grid !important;
  grid-template-columns: repeat(49, minmax(auto, 1fr));
}
.cp-columns-49.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-48 {
  display: grid !important;
  grid-template-columns: repeat(48, minmax(auto, 1fr));
}
.cp-columns-48.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-47 {
  display: grid !important;
  grid-template-columns: repeat(47, minmax(auto, 1fr));
}
.cp-columns-47.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-46 {
  display: grid !important;
  grid-template-columns: repeat(46, minmax(auto, 1fr));
}
.cp-columns-46.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-45 {
  display: grid !important;
  grid-template-columns: repeat(45, minmax(auto, 1fr));
}
.cp-columns-45.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-44 {
  display: grid !important;
  grid-template-columns: repeat(44, minmax(auto, 1fr));
}
.cp-columns-44.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-43 {
  display: grid !important;
  grid-template-columns: repeat(43, minmax(auto, 1fr));
}
.cp-columns-43.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-42 {
  display: grid !important;
  grid-template-columns: repeat(42, minmax(auto, 1fr));
}
.cp-columns-42.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-41 {
  display: grid !important;
  grid-template-columns: repeat(41, minmax(auto, 1fr));
}
.cp-columns-41.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-40 {
  display: grid !important;
  grid-template-columns: repeat(40, minmax(auto, 1fr));
}
.cp-columns-40.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-39 {
  display: grid !important;
  grid-template-columns: repeat(39, minmax(auto, 1fr));
}
.cp-columns-39.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-38 {
  display: grid !important;
  grid-template-columns: repeat(38, minmax(auto, 1fr));
}
.cp-columns-38.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-37 {
  display: grid !important;
  grid-template-columns: repeat(37, minmax(auto, 1fr));
}
.cp-columns-37.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-36 {
  display: grid !important;
  grid-template-columns: repeat(36, minmax(auto, 1fr));
}
.cp-columns-36.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-35 {
  display: grid !important;
  grid-template-columns: repeat(35, minmax(auto, 1fr));
}
.cp-columns-35.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-34 {
  display: grid !important;
  grid-template-columns: repeat(34, minmax(auto, 1fr));
}
.cp-columns-34.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-33 {
  display: grid !important;
  grid-template-columns: repeat(33, minmax(auto, 1fr));
}
.cp-columns-33.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-32 {
  display: grid !important;
  grid-template-columns: repeat(32, minmax(auto, 1fr));
}
.cp-columns-32.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-31 {
  display: grid !important;
  grid-template-columns: repeat(31, minmax(auto, 1fr));
}
.cp-columns-31.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-30 {
  display: grid !important;
  grid-template-columns: repeat(30, minmax(auto, 1fr));
}
.cp-columns-30.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-29 {
  display: grid !important;
  grid-template-columns: repeat(29, minmax(auto, 1fr));
}
.cp-columns-29.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-28 {
  display: grid !important;
  grid-template-columns: repeat(28, minmax(auto, 1fr));
}
.cp-columns-28.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-27 {
  display: grid !important;
  grid-template-columns: repeat(27, minmax(auto, 1fr));
}
.cp-columns-27.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-26 {
  display: grid !important;
  grid-template-columns: repeat(26, minmax(auto, 1fr));
}
.cp-columns-26.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-25 {
  display: grid !important;
  grid-template-columns: repeat(25, minmax(auto, 1fr));
}
.cp-columns-25.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-24 {
  display: grid !important;
  grid-template-columns: repeat(24, minmax(auto, 1fr));
}
.cp-columns-24.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-23 {
  display: grid !important;
  grid-template-columns: repeat(23, minmax(auto, 1fr));
}
.cp-columns-23.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-22 {
  display: grid !important;
  grid-template-columns: repeat(22, minmax(auto, 1fr));
}
.cp-columns-22.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-21 {
  display: grid !important;
  grid-template-columns: repeat(21, minmax(auto, 1fr));
}
.cp-columns-21.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-20 {
  display: grid !important;
  grid-template-columns: repeat(20, minmax(auto, 1fr));
}
.cp-columns-20.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-19 {
  display: grid !important;
  grid-template-columns: repeat(19, minmax(auto, 1fr));
}
.cp-columns-19.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-18 {
  display: grid !important;
  grid-template-columns: repeat(18, minmax(auto, 1fr));
}
.cp-columns-18.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-17 {
  display: grid !important;
  grid-template-columns: repeat(17, minmax(auto, 1fr));
}
.cp-columns-17.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-16 {
  display: grid !important;
  grid-template-columns: repeat(16, minmax(auto, 1fr));
}
.cp-columns-16.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-15 {
  display: grid !important;
  grid-template-columns: repeat(15, minmax(auto, 1fr));
}
.cp-columns-15.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-14 {
  display: grid !important;
  grid-template-columns: repeat(14, minmax(auto, 1fr));
}
.cp-columns-14.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-13 {
  display: grid !important;
  grid-template-columns: repeat(13, minmax(auto, 1fr));
}
.cp-columns-13.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-12 {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(auto, 1fr));
}
.cp-columns-12.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-11 {
  display: grid !important;
  grid-template-columns: repeat(11, minmax(auto, 1fr));
}
.cp-columns-11.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-10 {
  display: grid !important;
  grid-template-columns: repeat(10, minmax(auto, 1fr));
}
.cp-columns-10.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-9 {
  display: grid !important;
  grid-template-columns: repeat(9, minmax(auto, 1fr));
}
.cp-columns-9.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-8 {
  display: grid !important;
  grid-template-columns: repeat(8, minmax(auto, 1fr));
}
.cp-columns-8.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-7 {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(auto, 1fr));
}
.cp-columns-7.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-6 {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(auto, 1fr));
}
.cp-columns-6.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-5 {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(auto, 1fr));
}
.cp-columns-5.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-4 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(auto, 1fr));
}
.cp-columns-4.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-3 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(auto, 1fr));
}
.cp-columns-3.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-2 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(auto, 1fr));
}
.cp-columns-2.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-columns-1 {
  display: grid !important;
  grid-template-columns: repeat(1, minmax(auto, 1fr));
}
.cp-columns-1.scale-to-content {
  grid-template-columns: fit-content(80%) 1fr;
}
.cp-rows-auto {
  grid-template-rows: repeat(auto-fill, minmax(auto, max-content));
}
.fn_default_button_icon {
  font-weight: 300;
  color: #0275C4;
  width: 16px !important;
  height: auto;
  font-size: 16px;
}
.fn_default_button {
  border: solid 1px #c5cfd4;
  cursor: pointer;
  font-size: 16px;
  background: #ffffff;
  border-color: #c5cfd4;
  border-radius: 10px;
  color: #4586a3;
  height: 28px;
  line-height: 28px;
  text-align: center;
}
.fn_default_button:hover {
  background: #f1f6fc;
}
.fn_default_button > .cp-icon {
  font-weight: 300;
  color: #0275C4;
  width: 16px !important;
  height: auto;
  font-size: 16px;
}
.fn_after_underline_div:after {
  display: block;
  margin-top: 10px;
  content: "";
  height: 1px;
  background-color: #c5cfd4;
  width: 67px;
  left: 14px;
  bottom: 0px;
}
.fn_body_row_content_full_width > td {
  display: flex;
}
.fn_body_row_content_full_width > td:nth-of-type(1),
.fn_body_row_content_full_width > td:nth-of-type(2) {
  width: 100% !important;
}
.fn_body_row_content_full_width > td:nth-of-type(3) {
  display: none;
}
.fn_body_row_content_full_width > td:nth-of-type(2) .cp-input {
  width: 100%;
}
.fn_body_row_content_full_width > td:nth-of-type(2) .cp-input.cp-text-area input[type=text],
.fn_body_row_content_full_width > td:nth-of-type(2) .cp-input.cp-text-box input[type=text],
.fn_body_row_content_full_width > td:nth-of-type(2) .cp-input.cp-html-editor input[type=text],
.fn_body_row_content_full_width > td:nth-of-type(2) .cp-input.cp-text-area textarea,
.fn_body_row_content_full_width > td:nth-of-type(2) .cp-input.cp-text-box textarea,
.fn_body_row_content_full_width > td:nth-of-type(2) .cp-input.cp-html-editor textarea {
  width: calc(100% - 8px);
}
.fn_body_row_content_full_width > td:nth-of-type(2) .cp-input.cp-email-box {
  width: calc(100% - 8px);
}
.fn_body_row_content_full_width > td:nth-of-type(2) .cp-input.cp-email-box .select2-container {
  width: 100% !important;
}
.fn_body_row_content_full_width > td:nth-of-type(2) .cp-input.cp-drop-down-list {
  width: calc(50% - 14px);
}
.fn_body_row_content_full_width > td:nth-of-type(2) .cp-input.cp-drop-down-list .select2-container,
.fn_body_row_content_full_width > td:nth-of-type(2) .cp-input.cp-drop-down-list .cp-sel-drop-down-list {
  width: 100%;
}
.fn_body_row_content_full_width > td:nth-of-type(2) .cp-input.cp-numeric-box input,
.fn_body_row_content_full_width > td:nth-of-type(2) .cp-input.cp-password-box input,
.fn_body_row_content_full_width > td:nth-of-type(2) .cp-input.p-password-box-required input {
  width: calc(50% - 14px);
}
.fn_body_row_content_full_width > td:nth-of-type(2) .cp-input.cp-date input,
.fn_body_row_content_full_width > td:nth-of-type(2) .cp-input.cp-date .select2-container {
  width: calc(50% - 24px);
}
.fn_body_row_content_full_width > td:nth-of-type(2) .cp-input.cp-upload-control .cp-sel-file-upload-drag-area,
.fn_body_row_content_full_width > td:nth-of-type(2) .cp-input.cp-upload-control .cp-file-upload-file-container {
  width: calc(50% - 16px);
}
@media screen and (max-width: 1200px) {
  .fn_body_row_content_full_width > td:nth-of-type(2) .cp-input.cp-upload-control .cp-sel-file-upload-drag-area,
  .fn_body_row_content_full_width > td:nth-of-type(2) .cp-input.cp-upload-control .cp-file-upload-file-container {
    width: unset;
    margin-bottom: 10px;
  }
}
.fn_body_row_content_full_width > td:nth-of-type(2) .cp-input.cp-coordinate-control {
  display: flex;
  justify-content: space-between;
}
.fn_body_row_content_full_width > td:nth-of-type(2) .cp-input.cp-coordinate-control input {
  width: calc(50% - 14px);
}
.fn_customer_styled_table {
  text-align: left;
  font-size: 16px;
  line-height: 16px;
  border-radius: 5px;
}
.fn_customer_styled_table td {
  padding: 8px 7px !important;
}
.fn_customer_styled_table td,
.fn_customer_styled_table th {
  border: 1px solid #ececec;
}
.cp-grid-full-size .cp-sel-grid {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  position: relative;
  margin-bottom: 0;
}
.cp-grid-full-size .cp-sel-grid .cp-grid-scroller {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: scroll hidden;
  overflow-x: auto;
}
.cp-grid-full-size .cp-sel-grid .cp-data-table-container {
  overflow-y: auto !important;
}
.cp-sel-grid {
  position: relative;
  margin: 0;
  margin-bottom: 27px;
  border-radius: 15px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
}
.cp-sel-grid .cp-grid-header {
  padding: 14px;
  display: flex;
  align-items: center;
  border-bottom: solid 1px #f1f6fc;
}
.cp-sel-grid .cp-grid-header.cp-grid-header-buttons-hidden .cp-column-options .cp-button-text,
.cp-sel-grid .cp-grid-header.cp-grid-header-buttons-hidden .cp-clear-filter .cp-button-text,
.cp-sel-grid .cp-grid-header.cp-grid-header-buttons-hidden .cp-apply-filter .cp-button-text {
  display: none;
}
.cp-sel-grid .cp-grid-header.cp-grid-header-expand-collapse {
  cursor: pointer;
}
.cp-sel-grid .cp-grid-header.cp-grid-header-expand-collapse > div.cp-image-object-collapse {
  margin-left: 14px;
}
.cp-sel-grid .cp-grid-header.cp-grid-content-hidden {
  border-bottom: none !important;
}
.cp-sel-grid .cp-grid-header .cp-grid-header-title {
  float: left;
  margin-right: 14px;
  color: #4586a3;
  font-size: 18px;
  font-weight: bold;
}
.cp-sel-grid .cp-grid-header .cp-grid-header-title big {
  color: #ff1d19;
}
.cp-sel-grid .cp-grid-header .cp-grid-header-right.cp-grid-buttons {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.cp-sel-grid .cp-grid-header .cp-grid-header-right.cp-grid-buttons .cp-button {
  margin: 0 4px;
  border: solid 1px #c5cfd4;
  cursor: pointer;
  font-size: 16px;
  background: #ffffff;
  border-color: #c5cfd4;
  border-radius: 10px;
  color: #4586a3;
  height: 28px;
  line-height: 28px;
  text-align: center;
}
.cp-sel-grid .cp-grid-header .cp-grid-header-right.cp-grid-buttons .cp-button:hover {
  background: #f1f6fc;
}
.cp-sel-grid .cp-grid-header .cp-grid-header-right.cp-grid-buttons .cp-button > .cp-icon {
  font-weight: 300;
  color: #0275C4;
  width: 16px !important;
  height: auto;
  font-size: 16px;
}
.cp-sel-grid .cp-grid-header .cp-grid-header-right.cp-grid-buttons .cp-button.cp-column-options {
  margin-left: auto;
}
.cp-sel-grid .cp-grid-header .cp-grid-header-right.cp-grid-buttons .cp-button.cp-dummy-button {
  background-color: transparent;
  border: 1px solid transparent;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
.cp-sel-grid .cp-grid-header .cp-grid-header-right.cp-grid-buttons .cp-button.cp-dummy-button span {
  width: auto;
  padding: 0;
  margin: 0;
}
.cp-sel-grid .cp-grid-header .cp-grid-header-right.cp-grid-buttons .cp-button.cp-image {
  font-size: 21px;
}
.cp-sel-grid .cp-grid-header .cp-grid-header-right.cp-grid-buttons .cp-button:last-of-type {
  margin-right: 0;
}
.cp-sel-grid .cp-grid-header .cp-grid-header-right.cp-grid-buttons .cp-button .cp-button-text,
.cp-sel-grid .cp-grid-header .cp-grid-header-right.cp-grid-buttons .cp-button .cp-image-text {
  padding-left: 8px;
}
.cp-sel-grid .cp-grid-header .cp-grid-header-right.cp-grid-buttons .cp-column-options,
.cp-sel-grid .cp-grid-header .cp-grid-header-right.cp-grid-buttons .cp-clear-filter,
.cp-sel-grid .cp-grid-header .cp-grid-header-right.cp-grid-buttons .cp-apply-filter {
  white-space: nowrap;
}
.cp-sel-grid .cp-grid-hr {
  top: 0;
  position: absolute;
  width: 100%;
  height: 1px;
  overflow: hidden;
  border-top: solid 1px #f1f6fc;
  z-index: 2;
}
.cp-sel-grid .cp-sel-grid-vertical-scroll-bar-wrapper {
  position: absolute;
  top: 99px;
  right: 26px;
  width: 30px;
  height: 237px;
  z-index: 3;
  overflow-y: scroll;
  overflow-x: hidden;
}
.cp-sel-grid .cp-sel-grid-vertical-scroll-bar-wrapper .cp-grid-vertical-scroll-bar {
  height: 20px;
  width: 20px;
}
.cp-sel-grid .cp-grid-scroller {
  position: relative;
  clear: both;
  overflow-x: hidden;
  margin: 0 27px;
}
.cp-sel-grid .cp-grid-scroller th.cp-drag-hover-left,
.cp-sel-grid .cp-grid-scroller td.cp-drag-hover-left {
  border-left: 1px dashed #c5cfd4 !important;
}
.cp-sel-grid .cp-grid-scroller th.cp-drag-hover-right,
.cp-sel-grid .cp-grid-scroller td.cp-drag-hover-right {
  border-right: 1px dashed #c5cfd4 !important;
}
.cp-sel-grid .cp-grid-scroller th.cp-drag-hover-current,
.cp-sel-grid .cp-grid-scroller td.cp-drag-hover-current {
  border-left: 1px dashed #c5cfd4 !important;
  border-right: 1px dashed #c5cfd4 !important;
}
.cp-sel-grid .cp-grid-scroller th.cp-drag-hover-hide-resize div.cp-resize-handle,
.cp-sel-grid .cp-grid-scroller td.cp-drag-hover-hide-resize div.cp-resize-handle {
  display: none;
}
.cp-sel-grid .cp-grid-scroller th > div,
.cp-sel-grid .cp-grid-scroller td > div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cp-sel-grid .cp-grid-scroller th > div table td > div,
.cp-sel-grid .cp-grid-scroller td > div table td > div {
  overflow: visible;
}
.cp-sel-grid .cp-grid-scroller td:last-of-type > div {
  text-overflow: initial;
}
.cp-sel-grid .cp-grid-scroller th .cp-sel-column-item > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.cp-sel-grid .cp-grid-scroller th .cp-sel-column-item > div > div.cp-column-content {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.cp-sel-grid .cp-grid-scroller th .cp-sel-column-item > div.cp-no-content > div.cp-column-content {
  text-overflow: initial;
}
.cp-sel-grid .cp-grid-scroller .cp-data-table-container {
  overflow-x: hidden;
  overflow-y: hidden;
  margin: 14px 0px;
}
.cp-sel-grid .cp-grid-scroller .cp-data-table-container table.cp-grid-data-control {
  border-collapse: inherit;
}
.cp-sel-grid .cp-grid-scroller .cp-data-table-container table.cp-grid-data-control > tbody > tr > td > div {
  padding: 11px 7px 11px 7px;
}
.cp-sel-grid .cp-grid-scroller .cp-data-table-container table.cp-grid-data-control > tbody > tr > td > div.cp-upload-file-container {
  max-width: 80%;
}
.cp-sel-grid .cp-grid-scroller .cp-data-table-container table.cp-grid-data-control > tbody > tr > td.cp-checkbox-row-action div.cp-check-box {
  display: inline-block;
}
.cp-sel-grid .cp-grid-scroller .cp-data-table-container table.cp-grid-data-control > tbody > tr > td .cp-input {
  max-width: 100%;
}
.cp-sel-grid .cp-grid-scroller .cp-data-table-container table.cp-grid-data-control > tbody > tr > td .cp-input.cp-date {
  max-width: 100%;
  padding-right: 34px;
}
.cp-sel-grid .cp-grid-scroller .cp-data-table-container table.cp-grid-data-control > tbody > tr > td .cp-input.cp-date input {
  width: 100%;
}
.cp-sel-grid .cp-grid-scroller .cp-data-table-container table.cp-grid-data-control > tbody > tr > td .cp-input.cp-date .img-button-clear {
  top: 6px;
}
.cp-sel-grid .cp-grid-scroller .cp-data-table-container table.cp-grid-data-control > tbody > tr > td .cp-input.cp-text-box input {
  max-width: 100%;
}
.cp-sel-grid .cp-grid-scroller .cp-data-table-container table.cp-grid-data-control > tbody > tr > td .cp-radio-button-list.cp-list-horizontal .cp-radio-button-list-item {
  padding-top: 3px;
  padding-bottom: 3px;
}
.cp-sel-grid .cp-grid-scroller .cp-data-table-container table.cp-grid-data-control > tbody > tr > td ul.multi-answer-parent .cp-input.cp-email-box {
  width: auto;
  flex-grow: 1;
  overflow: hidden;
}
.cp-sel-grid .cp-grid-scroller .cp-data-table-container table.cp-grid-data-control > tbody > tr > td ul.multi-answer-parent .cp-input.cp-email-box .select2-container {
  width: 100% !important;
}
.cp-sel-grid .cp-grid-scroller .cp-data-table-container table.cp-grid-data-control > tbody > tr > td ul.multi-answer-parent .cp-input.cp-email-box .select2-container .select2-search-choice {
  max-width: 100%;
  overflow: hidden;
}
.cp-sel-grid .cp-grid-scroller .cp-data-table-container table.cp-grid-data-control > tbody > tr > td ul.multi-answer-parent .cp-input.cp-drop-down-list {
  overflow: hidden;
}
.cp-sel-grid .cp-grid-scroller .cp-gc-filter-header input {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #70757a;
}
.cp-sel-grid .cp-grid-scroller .cp-gc-filter-header input[type=text] {
  width: 100%;
}
.cp-sel-grid .cp-grid-scroller .cp-gc-filter-header input:focus:not(input[type=checkbox]) {
  background-color: rgba(69, 134, 163, 0.05);
}
.cp-sel-grid .cp-grid-scroller .cp-gc-filter-header select {
  width: 100%;
}
.cp-sel-grid .cp-grid-scroller .cp-gc-filter-header div.cp-drop-down-list,
.cp-sel-grid .cp-grid-scroller .cp-gc-filter-header div.cp-drop-down-list > div {
  width: 100% !important;
  display: block;
}
.cp-sel-grid .cp-grid-scroller .cp-gc-filter-header div.cp-drop-down-list > div.ms-parent {
  width: auto !important;
  display: block;
}
.cp-sel-grid .cp-grid-scroller .cp-gc-filter-header div.cp-input {
  display: block;
}
.cp-sel-grid .cp-grid-scroller .cp-gc-filter-header div.cp-input.cp-numeric-box,
.cp-sel-grid .cp-grid-scroller .cp-gc-filter-header div.cp-input.cp-check-box {
  display: inline-block;
}
.cp-sel-grid .cp-grid-scroller table.cp-grid-scroller-footer > tbody > tr > td > div {
  padding: 11px 7px 11px 7px;
}
.cp-sel-grid .cp-grid-scroller .loading-small {
  position: absolute;
  left: 50%;
  top: 46%;
  z-index: 2;
}
.cp-sel-grid.cp-grid-filters-hidden .cp-gc-filter-header {
  display: none !important;
}
.cp-sel-grid.draggable {
  pointer-events: none;
}
.cp-sel-grid .cp-grid-scroller-header {
  width: 100%;
  table-layout: fixed;
  font-size: 16px;
  color: #4586a3;
  flex-shrink: 0;
}
.cp-sel-grid .cp-grid-scroller-header input {
  border-radius: 10px;
  color: #000000;
}
.cp-sel-grid .cp-grid-scroller-header button {
  cursor: pointer;
  border: none;
  color: #c5cfd4;
  background: none;
}
.cp-sel-grid .cp-grid-scroller-header .cp-gc-column-header th,
.cp-sel-grid .cp-grid-scroller-header .cp-gc-filter-header th {
  padding: 0;
  text-align: left;
}
.cp-sel-grid .cp-grid-scroller-header .cp-gc-column-header th.sortable-column .cp-sel-column-item,
.cp-sel-grid .cp-grid-scroller-header .cp-gc-filter-header th.sortable-column .cp-sel-column-item {
  cursor: move;
}
.cp-sel-grid .cp-grid-scroller-header .cp-gc-column-header .cp-column-content {
  padding: 12px 4px 7px 7px;
}
.cp-sel-grid .cp-grid-scroller-header .cp-gc-column-header .cp-column-content .cp-image-info.info-bubble,
.cp-sel-grid .cp-grid-scroller-header .cp-gc-column-header .cp-column-content .fa-info-circle {
  cursor: pointer;
}
.cp-sel-grid .cp-grid-scroller-header .cp-gc-filter-header th > div {
  position: relative;
  min-height: 41px;
}
.cp-sel-grid .cp-grid-scroller-header .cp-gc-filter-header th > div > div.cp-filter-container {
  padding: 0 9px 12px 7px;
}
.cp-sel-grid .cp-grid-scroller-header .cp-sel-column-item {
  white-space: nowrap;
  position: relative;
}
.cp-sel-grid .cp-grid-scroller-header .cp-sel-column-item > div {
  overflow: hidden;
  white-space: nowrap;
  padding-right: 28px;
  text-overflow: ellipsis;
}
.cp-sel-grid .cp-grid-scroller-header .cp-sel-column-item > div span,
.cp-sel-grid .cp-grid-scroller-header .cp-sel-column-item > div div.cp-column-content {
  cursor: default;
}
.cp-sel-grid .cp-grid-scroller-header .cp-sel-column-item > div div.cp-column-content {
  display: inline-block;
}
.cp-sel-grid .cp-grid-scroller-header .cp-sel-column-item > div div.cp-column-content div.info-bubble {
  line-height: 16px;
}
.cp-sel-grid .cp-grid-scroller-header .cp-sel-column-item > div span.cp-icon {
  position: absolute;
  right: 5px;
  top: 3px;
  padding: 0;
  cursor: pointer;
}
.cp-sel-grid .cp-grid-scroller-header .cp-sel-column-item > div.cp-no-content {
  text-overflow: unset;
  overflow: hidden;
}
.cp-sel-grid .cp-grid-scroller-header .cp-sel-column-item > div.cp-no-menu {
  padding-right: 8px;
}
.cp-sel-grid .cp-grid-scroller-header .cp-resize-handle {
  width: 6px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border-right: solid 1px #f1f6fc;
}
.cp-sel-grid .cp-grid-scroller-header .cp-resize-active {
  cursor: e-resize;
}
.cp-sel-grid .cp-data-table-container .cp-grid-data-control {
  width: 100%;
  table-layout: fixed;
}
.cp-sel-grid .cp-data-table-container .cp-grid-data-control > tbody > tr {
  height: 30px;
}
.cp-sel-grid .cp-data-table-container .cp-grid-data-control > tbody > tr td {
  font-size: 16px;
  line-height: 18px;
  padding: 0px;
}
.cp-sel-grid .cp-data-table-container .cp-grid-data-control > tbody > tr td .cp-image.cp-image-star {
  padding-left: 7px;
}
.cp-sel-grid .cp-data-table-container .cp-grid-data-control > tbody > tr td textarea {
  width: calc(100% - 14px);
}
.cp-sel-grid .cp-data-table-container .cp-grid-data-control > tbody > tr td .numeric-justify-right,
.cp-sel-grid .cp-data-table-container .cp-grid-data-control > tbody > tr td .cp-numeric-justify-right {
  width: calc(100% - 25px);
  padding-right: 0px;
}
.cp-sel-grid .cp-data-table-container .cp-grid-data-control > tbody > tr td .cp-input[cp-data-default-required="true"] {
  margin-left: 15px;
  box-sizing: border-box;
}
.cp-sel-grid .cp-data-table-container .cp-grid-data-control > tbody > tr td .cp-input[cp-data-default-required="true"].cp-text-box input {
  box-sizing: border-box;
  width: 100%;
}
.cp-sel-grid .cp-data-table-container .cp-grid-data-control > tbody > tr td .cp-input {
  line-height: inherit;
}
.cp-sel-grid .cp-data-table-container .cp-grid-data-control > tbody > tr.cp-no-rows {
  cursor: default;
}
.cp-sel-grid .cp-data-table-container .cp-grid-data-control > tbody > tr.cp-no-rows.cp-grid-error-row {
  color: #ff1d19;
}
.cp-sel-grid .cp-data-table-container .cp-grid-data-control > tbody > tr.cp-has-action {
  cursor: pointer;
}
.cp-sel-grid .cp-data-table-container .cp-grid-data-control > tbody > tr.cp-no-action {
  cursor: default;
}
.cp-sel-grid .cp-data-table-container .cp-grid-data-control > tbody > tr.gc-non-active-row {
  color: #c5cfd4;
  font-style: italic;
}
.cp-sel-grid .cp-data-table-container .cp-grid-data-control > tbody > tr:nth-of-type(even) {
  background-color: #ffffff;
}
.cp-sel-grid .cp-data-table-container .cp-grid-data-control > tbody > tr:nth-of-type(odd) > td {
  background-color: rgba(69, 134, 163, 0.05);
}
.cp-sel-grid .cp-data-table-container .cp-grid-data-control > tbody > tr:nth-of-type(odd) > td:first-child {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.cp-sel-grid .cp-data-table-container .cp-grid-data-control > tbody > tr:nth-of-type(odd) > td:last-child {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.cp-sel-grid .cp-data-table-container .cp-grid-data-control > tbody > tr:last-of-type {
  border-bottom: none;
}
.cp-sel-grid .cp-data-table-container .cp-grid-data-control > tbody > tr.cp-row-validation-error > td {
  border-top: 1px solid #ff1d19;
  border-bottom: 1px solid #ff1d19;
}
.cp-sel-grid .cp-data-table-container .cp-grid-data-control > tbody > tr.cp-row-validation-error > td:first-child {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.cp-sel-grid .cp-data-table-container .cp-grid-data-control > tbody > tr.cp-row-validation-error > td:last-child {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.cp-sel-grid .cp-data-table-container .cp-grid-data-control > tbody > tr.cp-row-validation-error > td:first-of-type {
  border-left: 1px solid #ff1d19;
}
.cp-sel-grid .cp-data-table-container .cp-grid-data-control > tbody > tr.cp-row-validation-error > td:last-of-type {
  border-right: 1px solid #ff1d19;
}
.cp-sel-grid .cp-data-table-container .cp-grid-data-control > tbody > tr table tr {
  /** disable background for tables within the grid table ( language control for example ) **/
  background-color: transparent !important;
}
.cp-sel-grid .cp-data-table-container .cp-grid-data-control > tbody > tr.gc-blocked-row td:first-of-type > div {
  position: relative;
  min-height: 16px;
}
.cp-sel-grid .cp-data-table-container .cp-grid-data-control > tbody > tr.gc-blocked-row td:first-of-type > div:before {
  left: 6px;
  width: 14px;
  content: "\f05e";
  font-family: "Font Awesome 5 Pro";
  color: #4586a3;
  font-weight: bold;
  font-size: 10px;
  padding-right: 5px;
}
.cp-sel-grid .cp-data-table-container .cp-grid-data-control > tbody > tr.gc-non-blocked-row td:first-of-type > div {
  padding-inline-start: 24px;
}
.cp-pager-control {
  color: #4586a3;
}
.cp-pager-control .cp-pager {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  height: 44px;
  border-top: none;
  align-items: center;
  display: flex;
}
.cp-pager-control .cp-pager .cp-pager-buttons {
  margin-left: 14px;
  color: #70757a;
  display: flex;
  align-items: center;
}
.cp-pager-control .cp-pager .cp-pager-buttons > div,
.cp-pager-control .cp-pager .cp-pager-buttons > .input {
  margin: 0 4px;
}
.cp-pager-control .cp-pager .cp-pager-buttons > div.cp-button {
  border: solid 1px #c5cfd4;
  cursor: pointer;
  font-size: 16px;
  background: #ffffff;
  border-color: #c5cfd4;
  border-radius: 10px;
  color: #4586a3;
  height: 28px;
  line-height: 28px;
  text-align: center;
  padding: 0 6px;
}
.cp-pager-control .cp-pager .cp-pager-buttons > div.cp-button:hover {
  background: #f1f6fc;
}
.cp-pager-control .cp-pager .cp-pager-buttons > div.cp-button > .cp-icon {
  font-weight: 300;
  color: #0275C4;
  width: 16px !important;
  height: auto;
  font-size: 16px;
}
.cp-pager-control .cp-pager .cp-pager-buttons > input {
  border: solid 1px #c5cfd4;
  cursor: pointer;
  font-size: 16px;
  background: #ffffff;
  border-color: #c5cfd4;
  border-radius: 10px;
  color: #4586a3;
  height: 28px;
  line-height: 28px;
  margin: 0 4px;
  min-height: unset;
  font-size: 14px;
  width: 32px;
  padding-left: 3px;
  padding-right: 3px;
  text-align: center;
}
.cp-pager-control .cp-pager .cp-pager-buttons > input:hover {
  background: #f1f6fc;
}
.cp-pager-control .cp-pager .cp-pager-buttons > input > .cp-icon {
  font-weight: 300;
  color: #0275C4;
  width: 16px !important;
  height: auto;
  font-size: 16px;
}
.cp-pager-control .cp-pager .cp-pager-buttons > input:focus {
  box-shadow: none;
  border: solid 1px #c5cfd4;
}
.cp-pager-control .cp-pager .cp-pager-buttons .pager-button-disabled {
  color: #c5cfd4;
}
.cp-pager-control .cp-pager .cp-pager-total-pages,
.cp-pager-control .cp-pager .cp-pager-total-items,
.cp-pager-control .cp-pager .cp-pager-page-size {
  padding: 0 14px;
  white-space: nowrap;
}
.cp-pager-control .cp-pager .cp-pager-total-pages > span,
.cp-pager-control .cp-pager .cp-pager-total-items > span,
.cp-pager-control .cp-pager .cp-pager-page-size > span {
  white-space: nowrap;
}
.cp-pager-control .cp-pager .cp-pager-total-pages {
  margin-right: auto;
  border-radius: 30px;
  background-color: rgba(69, 134, 163, 0.05);
  padding: 2px 8px;
  margin-left: 7px;
}
.cp-pager-control .cp-pager .cp-pager-total-pages span {
  color: #4586a3;
}
.cp-pager-control .cp-pager .cp-pager-page-size {
  display: flex;
  align-items: center;
}
.cp-pager-control .cp-pager .cp-pager-page-size .cp-drop-down-list {
  left: -7px;
  padding-top: 0;
}
.cp-pager-control .cp-pager .cp-pager-page-size .cp-drop-down-list a.select2-choice {
  border: none;
  background: none;
  color: #4586a3;
  font-size: 14px;
  min-height: auto;
  padding: 0 0 0 20px;
  margin: 2px 0 0 0;
}
.cp-pager-control .cp-pager .cp-pager-page-size > span {
  text-overflow: ellipsis;
  max-width: 10px;
  overflow: hidden;
}
.cp-pager-control .cp-pager .cp-pager-total-items {
  border-right: solid 1px #c5cfd4;
}
.fn_grid-colored .cp-grid-scroller-header {
  flex-shrink: 0;
}
.fn_grid-colored .cp-data-table-container .cp-grid-data-control tr td.cp-checkbox-row-action .cp-check-box input {
  margin-right: 0;
  padding-right: 0;
}
.fn_grid-colored .cp-data-table-container .cp-grid-data-control tr td:first-of-type > div {
  padding-inline-start: 20px;
  position: relative;
}
.fn_grid-colored .cp-data-table-container .cp-grid-data-control tr td:first-of-type > div:before {
  content: "\00a0";
  color: #4586a3;
  font-weight: bold;
  font-size: 8px;
  vertical-align: middle;
  display: inline-block;
  width: 20px;
  position: absolute;
  left: 6px;
}
.fn_grid-colored .cp-data-table-container .cp-grid-data-control tr.cp-grid-row-unread td:first-of-type > div:before {
  content: "\f111";
  font-family: "Font Awesome 5 Pro";
  color: #4586a3;
}
.fn_grid-colored .cp-data-table-container .cp-grid-data-control tr.cp-grid-row-unread.gc-non-active-row td:first-of-type div:before {
  color: #c5cfd4;
  font-style: normal;
}
.cp-popup-menu .cp-option-popup {
  border-radius: 0 !important;
}
.cp-popup-menu .cp-option-popup .cp-option-hide-column {
  border-radius: 0;
}
.cp-popup-menu .cp-option-popup .cp-option-hide-column:focus {
  outline: none;
}
.cp-popup-menu .cp-option-popup .cp-option-hide-column a {
  border: none !important;
}
.cp-popup-menu .cp-option-popup .cp-option-hide-column a:focus {
  outline: none;
}
.cp-popup-menu .cp-option-popup .cp-option-hide-column a span.cp-icon {
  line-height: 21px;
  font-size: 16px;
  font-weight: bold;
}
.cp-display-popup {
  min-height: 0 !important;
}
.cp-display-popup h3 {
  color: #4586a3;
  margin: 0 0 5px 0;
  padding: 0;
  font-weight: bold;
  font-size: initial;
}
.cp-display-popup .cp-column-header,
.cp-display-popup .cp-column-selection {
  display: flex;
  justify-content: space-between;
}
.cp-display-popup .cp-column-header > div,
.cp-display-popup .cp-column-selection > div {
  flex: 1;
}
.cp-display-popup .cp-column-selection {
  padding-top: 12px;
  margin-bottom: 27px;
}
.cp-display-popup .cp-column-selection > div {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
.cp-display-popup .cp-column-selection > div > ul {
  height: auto;
}
.cp-display-popup .cp-column-header > div {
  padding-bottom: 0px;
}
.cp-display-popup .cp-column-selection-search {
  position: relative;
  margin: 5px;
  margin-bottom: 2px;
}
.cp-display-popup .cp-column-selection-search > div {
  display: inline-block;
}
.cp-display-popup .cp-column-selection-search .cp-text-box {
  width: calc(100% - 41px);
}
.cp-display-popup .cp-column-selection-search .cp-text-box input {
  width: 100%;
  border-radius: 10px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
  height: 41px;
}
.cp-display-popup .cp-column-selection-search span.fal.fa-search {
  padding-left: 12px;
  padding-right: 13px;
  height: 41px;
  position: absolute;
  top: 0px;
  line-height: 41px;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}
.cp-display-popup .cp-column-selection-list {
  list-style: none;
  margin-top: 0px;
  padding: 5px 5px 30px 5px;
  min-height: 50px;
}
.cp-display-popup .cp-column-selection-list li {
  cursor: move;
  font-size: 16px;
  border: solid 1px #eaeaea;
  border-radius: 10px;
  padding: 0 8px;
  background-color: #fbfbfb;
  color: #70757a;
  margin-bottom: 6px;
  display: flex;
}
.cp-display-popup .cp-column-selection-list li > * {
  padding: 0 16px;
  line-height: 39px;
}
.cp-display-popup .cp-column-selection-list li i {
  border-right: solid 1px #c5cfd4;
}
.cp-display-popup .cp-column-selection-list li i.fa-times,
.cp-display-popup .cp-column-selection-list li i.fa-long-arrow-left {
  cursor: pointer;
}
.cp-display-popup .cp-column-selection-list li i:last-child {
  margin-left: auto;
}
.cp-display-popup .cp-column-selection-list li span {
  word-break: break-all;
}
.cp-display-popup .cp-column-selection-list.cp-columns-selected li {
  border: solid 1px #c5cfd4;
  background-color: #f1f6fc;
  color: #4586a3;
}
.cp-display-popup .cp-column-selection-list.cp-columns-selected li.cp-toggle-disable .fa-times {
  display: none;
}
.cp-display-popup .cp-column-selection-list.cp-columns-selected li i:last-child {
  border-right: none;
}
.cp-display-popup .cp-column-selection-list.cp-columns-selected li i.fa-long-arrow-right {
  display: none;
}
.cp-display-popup .cp-column-selection-list.cp-columns-deselected i.fa-arrows-v,
.cp-display-popup .cp-column-selection-list.cp-columns-deselected i.fa-times {
  display: none;
}
.cp-display-popup .cp-column-selection-list.cp-columns-deselected i.fa-long-arrow-right {
  border-left: solid 1px #c5cfd4;
  border-right: 0px solid #c5cfd4;
  margin-left: auto;
}
.cp-display-popup .cp-pop-up-button-bar {
  display: flex;
  align-items: baseline;
  justify-content: center;
}
.cp-display-popup .cp-pop-up-button-bar .cp-button {
  cursor: pointer;
  margin-right: 12px;
  white-space: nowrap;
}
.cp-grid-has-validation-errors {
  border: 1px solid #ff1d19;
}
@media only screen and  (max-width: 800px) {
  .cp-pager-control .cp-pager .cp-pager-total-pages,
  .cp-pager-control .cp-pager .cp-pager-total-items,
  .cp-pager-control .cp-pager .cp-pager-page-size {
    padding: 0 6px;
  }
  .cp-pager-control .cp-pager .cp-pager-page-size > span {
    display: none;
  }
}
.cp-jq-tab-control.ui-widget {
  background: transparent;
}
.ui-tabs {
  background: transparent;
}
.ui-tabs.ui-tabs-panel {
  padding: 5px 0;
}
.cp-jq-tab-control.ui-widget.ui-tabs {
  background: #ffffff;
  padding: 0 0 1px 0;
}
.cp-jq-tab-control.ui-widget.ui-tabs .ui-widget-content .cp-sel-grid,
.cp-jq-tab-control.ui-widget.ui-tabs .ui-widget-content .cp-info-table,
.cp-jq-tab-control.ui-widget.ui-tabs .ui-widget-content .cp-style-container {
  width: calc(100% - (2*27px));
  margin-left: 27px;
  margin-right: 27px;
}
.cp-jq-tab-control.ui-widget.ui-tabs .ui-widget-content .cp-sel-grid-no-margin,
.cp-jq-tab-control.ui-widget.ui-tabs .ui-widget-content .cp-info-table-no-margin,
.cp-jq-tab-control.ui-widget.ui-tabs .ui-widget-content .cp-style-container-no-margin {
  width: 100%;
  margin: 0;
}
@media only screen and  (max-width: 800px) {
  .cp-jq-tab-control.ui-widget.ui-tabs {
    background: #ffffff;
    padding: 0 0 1px 0;
  }
  .cp-jq-tab-control.ui-widget.ui-tabs .ui-widget-content .cp-sel-grid,
  .cp-jq-tab-control.ui-widget.ui-tabs .ui-widget-content .cp-info-table,
  .cp-jq-tab-control.ui-widget.ui-tabs .ui-widget-content .cp-style-container {
    width: calc(100% - (2*6px));
    margin-left: 6px;
    margin-right: 6px;
  }
}
.ui-tabs-nav .cp-fast-form-form-tab .ui-tabs-anchor {
  float: unset;
  display: inline-block;
}
.cp-jq-tab-control {
  background: #ffffff;
  border-radius: 15px;
  font-size: 16px;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  border: none !important;
}
.cp-jq-tab-control > .ui-tabs-nav,
.cp-jq-tab-control .cp-forms-tab-scroll-container,
.cp-jq-tab-control .cp-forms-tab-fixed-container-right {
  padding: 0;
  margin: 0 0 27px 0;
}
.cp-jq-tab-control > .ui-tabs-nav > li,
.cp-jq-tab-control .cp-forms-tab-scroll-container > li,
.cp-jq-tab-control .cp-forms-tab-fixed-container-right > li {
  border: none;
  margin: 0;
  top: 0;
}
.cp-jq-tab-control > .ui-tabs-nav > li a,
.cp-jq-tab-control .cp-forms-tab-scroll-container > li a,
.cp-jq-tab-control .cp-forms-tab-fixed-container-right > li a {
  font-weight: normal;
  font-size: 16px;
}
.cp-jq-tab-control > .ui-tabs-nav > li a:focus,
.cp-jq-tab-control .cp-forms-tab-scroll-container > li a:focus,
.cp-jq-tab-control .cp-forms-tab-fixed-container-right > li a:focus {
  outline: none;
}
@media only screen and  (max-width: 800px) {
  .cp-jq-tab-control > .ui-tabs-nav,
  .cp-jq-tab-control .cp-forms-tab-scroll-container,
  .cp-jq-tab-control .cp-forms-tab-fixed-container-right {
    margin: 0 0 14px 0;
  }
}
.cp-jq-tab-control > .ui-tabs-nav,
.cp-jq-tab-control .cp-forms-tab-scroll-container,
.cp-jq-tab-control .cp-forms-tab-fixed-container-right {
  background-color: #ffffff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border: 0;
  border-bottom: solid 1px #f1f6fc;
}
.cp-jq-tab-control > .ui-tabs-nav > li,
.cp-jq-tab-control .cp-forms-tab-scroll-container > li,
.cp-jq-tab-control .cp-forms-tab-fixed-container-right > li {
  width: auto !important;
  margin: 0 27px;
  background: none;
  padding: 0;
}
.cp-jq-tab-control > .ui-tabs-nav > li a,
.cp-jq-tab-control .cp-forms-tab-scroll-container > li a,
.cp-jq-tab-control .cp-forms-tab-fixed-container-right > li a {
  display: block;
  padding: 14px 0 !important;
  color: #4586a3;
}
.cp-jq-tab-control > .ui-tabs-nav > li a:hover,
.cp-jq-tab-control .cp-forms-tab-scroll-container > li a:hover,
.cp-jq-tab-control .cp-forms-tab-fixed-container-right > li a:hover {
  border-bottom: 2px solid #4586a3;
  margin-bottom: -2px;
}
.cp-jq-tab-control > .ui-tabs-nav > li a span,
.cp-jq-tab-control .cp-forms-tab-scroll-container > li a span,
.cp-jq-tab-control .cp-forms-tab-fixed-container-right > li a span {
  padding-left: 0;
  padding-right: 0;
}
.cp-jq-tab-control > .ui-tabs-nav > li a.input-validation-error,
.cp-jq-tab-control .cp-forms-tab-scroll-container > li a.input-validation-error,
.cp-jq-tab-control .cp-forms-tab-fixed-container-right > li a.input-validation-error {
  color: #ff1d19 !important;
}
.cp-jq-tab-control > .ui-tabs-nav > li a.input-validation-error:after,
.cp-jq-tab-control .cp-forms-tab-scroll-container > li a.input-validation-error:after,
.cp-jq-tab-control .cp-forms-tab-fixed-container-right > li a.input-validation-error:after {
  width: 18px;
  height: 18px;
  font-size: 18px;
  content: '\f06a';
  font-family: "Font Awesome 5 Pro";
  padding-left: 5px;
}
.cp-jq-tab-control > .ui-tabs-nav > li.ui-state-active,
.cp-jq-tab-control .cp-forms-tab-scroll-container > li.ui-state-active,
.cp-jq-tab-control .cp-forms-tab-fixed-container-right > li.ui-state-active,
.cp-jq-tab-control > .ui-tabs-nav > li.ui-tabs-active,
.cp-jq-tab-control .cp-forms-tab-scroll-container > li.ui-tabs-active,
.cp-jq-tab-control .cp-forms-tab-fixed-container-right > li.ui-tabs-active {
  margin-bottom: 0;
  padding-bottom: 0;
}
.cp-jq-tab-control > .ui-tabs-nav > li.ui-state-active a,
.cp-jq-tab-control .cp-forms-tab-scroll-container > li.ui-state-active a,
.cp-jq-tab-control .cp-forms-tab-fixed-container-right > li.ui-state-active a,
.cp-jq-tab-control > .ui-tabs-nav > li.ui-tabs-active a,
.cp-jq-tab-control .cp-forms-tab-scroll-container > li.ui-tabs-active a,
.cp-jq-tab-control .cp-forms-tab-fixed-container-right > li.ui-tabs-active a,
.cp-jq-tab-control > .ui-tabs-nav > li.ui-state-active a:hover,
.cp-jq-tab-control .cp-forms-tab-scroll-container > li.ui-state-active a:hover,
.cp-jq-tab-control .cp-forms-tab-fixed-container-right > li.ui-state-active a:hover,
.cp-jq-tab-control > .ui-tabs-nav > li.ui-tabs-active a:hover,
.cp-jq-tab-control .cp-forms-tab-scroll-container > li.ui-tabs-active a:hover,
.cp-jq-tab-control .cp-forms-tab-fixed-container-right > li.ui-tabs-active a:hover {
  border-bottom: 2px solid #4586a3;
  margin-bottom: -2px;
}
.cp-jq-tab-control > .ui-tabs-nav > li.cp-sel-folded-tabs-anchor,
.cp-jq-tab-control .cp-forms-tab-scroll-container > li.cp-sel-folded-tabs-anchor,
.cp-jq-tab-control .cp-forms-tab-fixed-container-right > li.cp-sel-folded-tabs-anchor {
  cursor: pointer;
}
.cp-jq-tab-control > .ui-tabs-nav > li.cp-sel-folded-tabs-anchor a:after,
.cp-jq-tab-control .cp-forms-tab-scroll-container > li.cp-sel-folded-tabs-anchor a:after,
.cp-jq-tab-control .cp-forms-tab-fixed-container-right > li.cp-sel-folded-tabs-anchor a:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  padding-left: 10px;
}
.cp-jq-tab-control > .ui-tabs-nav > li.cp-fast-form-form-tab.cp-fast-form-form-tab-has-tabs a:after,
.cp-jq-tab-control .cp-forms-tab-scroll-container > li.cp-fast-form-form-tab.cp-fast-form-form-tab-has-tabs a:after,
.cp-jq-tab-control .cp-forms-tab-fixed-container-right > li.cp-fast-form-form-tab.cp-fast-form-form-tab-has-tabs a:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
}
.cp-jq-tab-control > .ui-tabs-nav > li.cp-fast-form-form-tab i,
.cp-jq-tab-control .cp-forms-tab-scroll-container > li.cp-fast-form-form-tab i,
.cp-jq-tab-control .cp-forms-tab-fixed-container-right > li.cp-fast-form-form-tab i {
  display: none;
  color: #ff1d19 !important;
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 52px;
}
.cp-jq-tab-control > .ui-tabs-nav > li.cp-fast-form-form-tab.cp-validation-error i,
.cp-jq-tab-control .cp-forms-tab-scroll-container > li.cp-fast-form-form-tab.cp-validation-error i,
.cp-jq-tab-control .cp-forms-tab-fixed-container-right > li.cp-fast-form-form-tab.cp-validation-error i {
  display: inline-block;
}
.cp-jq-tab-control > .ui-tabs-nav > li.cp-sel-add-tab-button > a,
.cp-jq-tab-control .cp-forms-tab-scroll-container > li.cp-sel-add-tab-button > a,
.cp-jq-tab-control .cp-forms-tab-fixed-container-right > li.cp-sel-add-tab-button > a {
  margin-left: 20px;
}
.cp-jq-tab-control .ui-tabs-panel {
  padding: 0;
  border: none;
}
.cp-jq-form-tab-control,
.cp-foldable-tab-control {
  border: none !important;
  padding: 0;
  margin: 0;
  position: relative;
}
.cp-jq-form-tab-control > .ui-tabs-nav,
.cp-foldable-tab-control > .ui-tabs-nav,
.cp-jq-form-tab-control .cp-forms-tab-scroll-container,
.cp-foldable-tab-control .cp-forms-tab-scroll-container,
.cp-jq-form-tab-control .cp-forms-tab-fixed-container-right,
.cp-foldable-tab-control .cp-forms-tab-fixed-container-right {
  padding: 0;
  margin: 0 0 27px 0;
}
.cp-jq-form-tab-control > .ui-tabs-nav > li,
.cp-foldable-tab-control > .ui-tabs-nav > li,
.cp-jq-form-tab-control .cp-forms-tab-scroll-container > li,
.cp-foldable-tab-control .cp-forms-tab-scroll-container > li,
.cp-jq-form-tab-control .cp-forms-tab-fixed-container-right > li,
.cp-foldable-tab-control .cp-forms-tab-fixed-container-right > li {
  border: none;
  margin: 0;
  top: 0;
}
.cp-jq-form-tab-control > .ui-tabs-nav > li a,
.cp-foldable-tab-control > .ui-tabs-nav > li a,
.cp-jq-form-tab-control .cp-forms-tab-scroll-container > li a,
.cp-foldable-tab-control .cp-forms-tab-scroll-container > li a,
.cp-jq-form-tab-control .cp-forms-tab-fixed-container-right > li a,
.cp-foldable-tab-control .cp-forms-tab-fixed-container-right > li a {
  font-weight: normal;
  font-size: 16px;
}
.cp-jq-form-tab-control > .ui-tabs-nav > li a:focus,
.cp-foldable-tab-control > .ui-tabs-nav > li a:focus,
.cp-jq-form-tab-control .cp-forms-tab-scroll-container > li a:focus,
.cp-foldable-tab-control .cp-forms-tab-scroll-container > li a:focus,
.cp-jq-form-tab-control .cp-forms-tab-fixed-container-right > li a:focus,
.cp-foldable-tab-control .cp-forms-tab-fixed-container-right > li a:focus {
  outline: none;
}
@media only screen and  (max-width: 800px) {
  .cp-jq-form-tab-control > .ui-tabs-nav,
  .cp-foldable-tab-control > .ui-tabs-nav,
  .cp-jq-form-tab-control .cp-forms-tab-scroll-container,
  .cp-foldable-tab-control .cp-forms-tab-scroll-container,
  .cp-jq-form-tab-control .cp-forms-tab-fixed-container-right,
  .cp-foldable-tab-control .cp-forms-tab-fixed-container-right {
    margin: 0 0 14px 0;
  }
}
.cp-jq-floating-tab-control {
  background: white;
  visibility: hidden;
  position: absolute;
  z-index: 2;
  top: -29px;
  max-height: calc(100% - (80px + 27px));
  overflow-x: auto;
  margin: 0;
  padding: 1px;
  opacity: 0;
  transition: visibility 0.5s linear,opacity 0.5s linear;
}
.cp-jq-floating-tab-control > li {
  clear: both;
  width: 100%;
  background: #ffffff;
  border: none;
}
.cp-jq-floating-tab-control > li a {
  width: 100%;
  border: none;
  display: block;
  color: #4586a3;
  background: white;
  padding: 14px 27px !important;
  font-weight: inherit;
}
.cp-jq-floating-tab-control > li a.input-validation-error {
  color: #ff1d19 !important;
}
.cp-jq-floating-tab-control > li a.input-validation-error:after {
  width: 18px;
  height: 18px;
  font-size: 18px;
  content: '\f06a';
  font-family: "Font Awesome 5 Pro";
  padding-left: 5px;
}
.cp-jq-floating-tab-control > li.ui-state-default {
  background-color: white;
  border: none;
}
.cp-jq-floating-tab-control > li.ui-state-active,
.cp-jq-floating-tab-control > li:hover,
.cp-jq-floating-tab-control > li.ui-state-active a,
.cp-jq-floating-tab-control > li:hover a {
  color: #4586a3;
  background-color: #f1f6fc;
  border: none;
}
.cp-foldable-tab-control > .ui-tabs-nav {
  background: white;
  display: inline-block;
  display: none;
  border-top: none;
  position: absolute;
  z-index: 2;
  top: -29px;
  max-height: calc(100% - (80px + 27px));
  overflow-x: auto;
  margin: 0;
  padding: 1px;
}
.cp-foldable-tab-control > .ui-tabs-nav > li {
  clear: both;
  width: 100%;
  background: #ffffff;
}
.cp-foldable-tab-control > .ui-tabs-nav > li a {
  color: #70757a;
  background: white;
  padding: 14px 27px !important;
  width: calc(100% - 2*27px + 1px);
}
.cp-foldable-tab-control > .ui-tabs-nav > li a.input-validation-error {
  color: #ff1d19 !important;
}
.cp-foldable-tab-control > .ui-tabs-nav > li a.input-validation-error:after {
  width: 18px;
  height: 18px;
  font-size: 18px;
  content: '\f06a';
  font-family: "Font Awesome 5 Pro";
  padding-left: 5px;
}
.cp-foldable-tab-control > .ui-tabs-nav > li.ui-state-active,
.cp-foldable-tab-control > .ui-tabs-nav > li:hover,
.cp-foldable-tab-control > .ui-tabs-nav > li.ui-state-active a,
.cp-foldable-tab-control > .ui-tabs-nav > li:hover a {
  color: #4586a3;
  background-color: #f1f6fc;
}
.cp-form-tab-builder-dropdown-open {
  visibility: visible;
  opacity: 1;
}
.cp-forms-tab-fixed-container-right {
  float: right;
}
.cp-forms-tab-fixed-container {
  overflow: hidden;
  float: left;
}
.cp-forms-tab-scroll-container {
  height: 50px;
  position: relative;
  display: flex;
}
.cp-foldable-tab-control {
  max-height: calc(100%);
}
.cp-foldable-tab-control > .ui-tabs-nav {
  top: -27px;
}
/* red */
/* orange */
/* green */
/* blue */
#contentHolder .cpBlockAdminBack {
  margin: 27px;
  padding: 27px;
}
#contentHolder #column_1 {
  background-color: #70757a;
}
#contentHolder #column_2 {
  background-color: #9ba2a5;
}
#contentHolder #column_3 {
  background-color: #c5cfd4;
}
#blockPageHolder {
  min-width: 800px;
  height: auto !important;
  display: inline-block;
  width: 100%;
  background-color: #f1f6fc;
}
#blockPageHolder .cpBlockColumn {
  height: auto !important;
}
#blockPageHolder .cpBlockColumn .cpStartPageBlock {
  margin-bottom: 27px;
  height: auto !important;
  width: 100% !important;
}
#blockPageHolder._IndexLayout4 #column_1,
#blockPageHolder._IndexLayout4 #column_2 {
  float: left;
  margin-right: 27px;
}
#blockPageHolder._IndexLayout4 #column_3 {
  float: right;
}
#blockPageHolder._IndexLayout5 #column_1 {
  float: left;
}
#blockPageHolder._IndexLayout5 #column_2 {
  float: right;
}
#blockPageHolder._IndexLayout6 #column_2 {
  float: left;
}
#blockPageHolder._IndexLayout6 #column_3 {
  float: right;
  margin-right: 0;
}
#blockPageHolder .cp-block-full-width {
  width: 100%;
}
#blockPageHolder .cp-block-half-width {
  width: calc(50% - 0.5*27px - 1px);
}
#blockPageHolder .cp-block-one-third-width {
  width: calc((100% - 2*27px) / 3 - 1px);
}
#blockPageHolder .cp-block-two-third-width {
  width: calc((100% - 0.5 * 27px) * 2 / 3 - 1px);
}
.cpStartPageBlock {
  margin-bottom: 27px;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  border: none;
  border-radius: 15px;
  background-color: #fff;
  /*       _messageBlock    */
  /*       _htmlBlock       */
  /*      _tasklistBlock    */
  /*       _listBlock  / gid      */
  /*     _dashboardBlock    */
  /*   _chartBlock / chart   */
  /*     _info graphic    */
}
.cpStartPageBlock > div > .cp-info-table {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.cpStartPageBlock .cp-startpage-titlebar {
  color: #4586a3;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  padding: 14px;
  border-bottom: solid 1px #f1f6fc;
  display: flex;
}
.cpStartPageBlock .cp-startpage-titlebar > div.cp-start-page-title {
  flex-grow: 1;
}
.cpStartPageBlock .cp-startpage-titlebar.cp-startpage-titlebar-export {
  padding-bottom: 10px;
}
.cpStartPageBlock .cp-startpage-titlebar .cp-button-bar {
  padding-right: 0;
  margin-top: -4px;
}
.cpStartPageBlock .cp-startpage-titlebar .cp-button-bar .cp-button {
  line-height: 22px;
  height: 36px;
}
.cpStartPageBlock .cp-startpage-titlebar .cp-button-bar .cp-button .cp-button-icon {
  font-size: 16px;
  font-weight: 300;
}
.cpStartPageBlock .cp-startpage-titlebar .cp-button-bar .cp-button .cp-btnText {
  font-size: 16px;
  padding-left: 5px;
  font-weight: 500;
}
.cpStartPageBlock .cpStartPageBlockContent {
  border-radius: 15px;
  background-color: #ffffff;
}
.cpStartPageBlock .cpStartPageBlockContent h1 {
  font-size: 26px;
}
.cpStartPageBlock .cpStartPageBlockContent .cp-startpagecontent-no-data {
  padding: 14px 27px;
}
.cpStartPageBlock .cpStartPageBlockContent .cp-message-box {
  margin: 0;
}
.cpStartPageBlock .cpStartPageBlockContent .cpMessageBlock {
  padding: 27px;
}
.cpStartPageBlock.cp-startpage-blocktype-1 .cp-message-box {
  border: none;
  border-bottom: solid 1px #c5cfd4;
}
.cpStartPageBlock.cp-startpage-blocktype-1 .cp-message-box:last-of-type {
  border-bottom: none;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.cpStartPageBlock.cp-startpage-blocktype-2 .cpStartPageBlockContent {
  border: none;
  position: relative;
}
.cpStartPageBlock.cp-startpage-blocktype-2 .cpStartPageBlockContent .cp-startpage-image-block {
  color: #ffffff;
  background-color: #004873;
  border-radius: 15px;
}
.cpStartPageBlock.cp-startpage-blocktype-2 .cpStartPageBlockContent .cp-startpage-image-block .cp-startpage-image-block-title {
  font-size: 18px;
  padding: 27px;
}
.cpStartPageBlock.cp-startpage-blocktype-2 .cpStartPageBlockContent .cp-startpage-image-block .cp-startpage-image-block-content {
  padding: 14px 27px;
  font-size: 16px;
}
.cpStartPageBlock.cp-startpage-blocktype-2 .cpStartPageBlockContent .cp-startpage-image-block .cp-startpage-image-block-content,
.cpStartPageBlock.cp-startpage-blocktype-2 .cpStartPageBlockContent .cp-startpage-image-block .cp-startpage-image-block-title {
  z-index: 2;
  position: relative;
}
.cpStartPageBlock.cp-startpage-blocktype-2 .cpStartPageBlockContent .cp-startpage-image-block .cp-startpage-image-block-background:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(/web/images/layout/cp-default-login-image.jpg);
  background-repeat: no-repeat;
  top: 0px;
  left: 0px;
  border-radius: 15px;
  z-index: 1;
}
.cpStartPageBlock.cp-startpage-blocktype-2 .cpStartPageBlockContent .cp-startpage-image-block .cp-startpage-image-watermark:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(/web/images/layout/cp-default-login-image.jpg);
  background-repeat: no-repeat;
  opacity: 0.15;
  top: 0px;
  left: 0px;
  border-radius: 15px;
  z-index: 1;
}
.cpStartPageBlock.cp-startpage-blocktype-2 .cpStartPageBlockContent .cp-startpage-color-block {
  padding: 14px 27px;
  color: #ffffff;
  background-color: #004873;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.cpStartPageBlock.cp-startpage-blocktype-2 .cpStartPageBlockContent .cpHtmlContentBlock,
.cpStartPageBlock.cp-startpage-blocktype-2 .cpStartPageBlockContent .cpMessageBlock {
  padding: 14px;
}
.cpStartPageBlock.cp-startpage-blocktype-3 .cpStartPageBlockContent {
  padding: 14px 27px 27px 27px;
}
.cpStartPageBlock.cp-startpage-blocktype-3 .cpStartPageBlockContent .cp-startpage-tasklist-item {
  border-bottom: solid 1px #f1f6fc;
  margin-bottom: 14px;
}
.cpStartPageBlock.cp-startpage-blocktype-3 .cpStartPageBlockContent .cp-startpage-tasklist-item > div {
  justify-content: space-between;
  display: flex;
  font-size: 16px;
  height: 12px;
}
.cpStartPageBlock.cp-startpage-blocktype-3 .cpStartPageBlockContent .cp-startpage-tasklist-item > div .cp-startpage-tasklist-item-name {
  color: #4586a3;
  font-weight: bold;
  cursor: pointer;
}
.cpStartPageBlock.cp-startpage-blocktype-3 .cpStartPageBlockContent .cp-startpage-tasklist-item > div .cp-startpage-tasklist-item-counts {
  color: #70757a;
  cursor: pointer;
}
.cpStartPageBlock.cp-startpage-blocktype-3 .cpStartPageBlockContent .cp-startpage-tasklist-item > div .cp-startpage-tasklist-item-counts span:first-of-type {
  color: #4586a3;
  font-weight: bold;
}
.cpStartPageBlock.cp-startpage-blocktype-3 .cpStartPageBlockContent .cp-startpage-tasklist-item progress {
  width: 100%;
  height: 4px;
  bottom: -4px;
  border: none;
  position: relative;
}
.cpStartPageBlock.cp-startpage-blocktype-4 .cp-startpage-titlebar {
  position: relative;
}
.cpStartPageBlock.cp-startpage-blocktype-4 .cpStartPageBlockContent {
  border: none;
}
.cpStartPageBlock.cp-startpage-blocktype-4 .cpStartPageBlockContent .cp-sel-grid {
  margin-bottom: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.cpStartPageBlock.cp-startpage-blocktype-4 .cpStartPageBlockContent .cp-sel-grid .cp-grid-header {
  display: none;
}
.cpStartPageBlock.cp-startpage-blocktype-4 .cpStartPageBlockContent .cp-sel-grid .cp-grid-scroller-header,
.cpStartPageBlock.cp-startpage-blocktype-4 .cpStartPageBlockContent .cp-sel-grid .cp-grid-scroller {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.cpStartPageBlock.cp-startpage-blocktype-4 .cpStartPageBlockContent .cp-sel-grid .cp-grid-scroller {
  border-top: none;
}
.cpStartPageBlock.cp-startpage-blocktype-9 .cp-sp-chart-wrapper {
  padding: 14px;
}
.cpStartPageBlock.cp-startpage-blocktype-9 .cp-sp-chart-wrapper .cp-chart-block-loading {
  padding: 27px;
  text-align: center;
}
.cpStartPageBlock.cp-startpage-blocktype-10.cp-block-color-02 .cp-startpage-infographic .cp-infographic-title {
  background-color: #4586a3;
}
.cpStartPageBlock.cp-startpage-blocktype-10 .cp-startpage-titlebar {
  position: relative;
}
.cpStartPageBlock.cp-startpage-blocktype-10 .cp-startpage-titlebar:after {
  content: "";
  height: 1px;
  background: rgba(255, 255, 255, 0.25);
  width: calc(100% - 54px);
  position: absolute;
  bottom: 0px;
  left: 27px;
}
.cpStartPageBlock.cp-startpage-blocktype-10 .cp-startpage-infographic .cp-infographic-title {
  background-color: #004873;
  color: #ffffff;
  padding: 14px 27px 60px 27px;
}
.cpStartPageBlock.cp-startpage-blocktype-10 .cp-startpage-infographic .cp-infographic-items {
  border-top: none;
  position: relative;
  display: flex;
  justify-content: space-around;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.cpStartPageBlock.cp-startpage-blocktype-10 .cp-startpage-infographic .cp-infographic-items .cp-infographic-item {
  top: -37px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 0 14px;
}
.cpStartPageBlock.cp-startpage-blocktype-10 .cp-startpage-infographic .cp-infographic-items .cp-infographic-item .cp-infographic-item-link {
  position: absolute;
  width: 80%;
  height: 80%;
  top: 10%;
  left: 10%;
  z-index: 2;
}
.cpStartPageBlock.cp-startpage-blocktype-10 .cp-startpage-infographic .cp-infographic-items .cp-infographic-item .cp-infographic-item-value {
  font-size: 18px;
  background: #fe1d17;
  color: #ffffff;
  width: 75px;
  height: 75px;
  text-align: center;
  line-height: 75px;
  border-radius: 50%;
  border: solid 2px #ffffff;
}
.cpStartPageBlock.cp-startpage-blocktype-10 .cp-startpage-infographic .cp-infographic-items .cp-infographic-item .cp-infographic-item-label {
  color: #70757a;
  text-align: center;
}
.cpStartPageBlock.cp-startpage-blocktype-10 .cp-startpage-infographic .cp-infographic-items .cp-infographic-item .cp-infographic-item-label:after {
  content: ".";
  font-size: 1.5em;
}
.cpStartPageBlock.cp-startpage-blocktype-10 .cp-startpage-infographic .cp-infographic-items .cp-infographic-item:nth-of-type(1) .cp-infographic-item-value {
  background: #fe1d17;
}
.cpStartPageBlock.cp-startpage-blocktype-10 .cp-startpage-infographic .cp-infographic-items .cp-infographic-item:nth-of-type(1) .cp-infographic-item-label:after {
  color: #fe1d17;
}
.cpStartPageBlock.cp-startpage-blocktype-10 .cp-startpage-infographic .cp-infographic-items .cp-infographic-item:nth-of-type(2) .cp-infographic-item-value {
  background: #ff7c18;
}
.cpStartPageBlock.cp-startpage-blocktype-10 .cp-startpage-infographic .cp-infographic-items .cp-infographic-item:nth-of-type(2) .cp-infographic-item-label:after {
  color: #ff7c18;
}
.cpStartPageBlock.cp-startpage-blocktype-10 .cp-startpage-infographic .cp-infographic-items .cp-infographic-item:nth-of-type(3) .cp-infographic-item-value {
  background: #45d02b;
}
.cpStartPageBlock.cp-startpage-blocktype-10 .cp-startpage-infographic .cp-infographic-items .cp-infographic-item:nth-of-type(3) .cp-infographic-item-label:after {
  color: #45d02b;
}
.cpStartPageBlock.cp-startpage-blocktype-10 .cpInfoGraphicBlock {
  padding: 14px;
}
.cpBlockAdminBack .cpStartPageBlock.cp-startpage-blocktype-3 .cpStartPageBlockContent {
  padding: 0px;
}
.cp-start-page-release-note-grid .cp-sel-grid .cp-grid-data-control td > div {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}
.cp-start-page-release-note-grid .cp-sel-grid .cp-grid-data-control td > div .cp-release-note-title {
  color: #4586a3;
  font-weight: bold;
  margin-bottom: 14px;
}
.cp-start-page-release-note-grid .cp-sel-grid .cp-grid-data-control td > div .cp-release-note-body {
  word-wrap: break-word;
  white-space: normal;
  text-align: left;
  flex: 0 0 100%;
  padding-left: 14px;
  padding-bottom: 0px;
}
#mainEditBlockForBlockType .cp-drop-down-list {
  width: 100%;
}
#mainEditBlockForBlockType .cp-drop-down-list.cp-language-drop-down {
  width: auto;
}
#mainEditBlockForBlockType .cp-pager-page-size .cp-drop-down-list {
  width: auto;
}
#mainEditBlockForBlockType form#dashBoardForm #messageBlockAddedPartial .cp-infotable-imitator,
#mainEditBlockForBlockType #editBlockContainerDiv #messageBlockAddedPartial .cp-infotable-imitator {
  padding-left: 0;
  padding-right: 0;
}
#mainEditBlockForBlockType #dashboardContent .cp-start-page-extra-spacing {
  padding-left: 27px;
  padding-right: 27px;
}
#mainEditBlockForBlockType #cpNotSupportedChartError ul {
  list-style-type: none;
  padding: 0;
  margin-top: 27px;
  margin-bottom: 27px;
}
#mainEditBlockForBlockType #cpNotSupportedChartError ul li {
  margin: 0;
  padding: 27px;
}
#mainEditBlockForBlockType #chartForm {
  padding-bottom: 1px;
}
#mainEditBlockForBlockType #chartForm #startPageColors {
  margin-top: 27px;
}
#mainEditBlockForBlockType #chartForm #startPageColors div.cp-input.cp-color {
  height: 20px;
  margin-left: 10px;
}
#mainEditBlockForBlockType #chartForm #startPageColors div.cp-input.cp-color span.cp-required {
  top: 3px;
}
#mainEditBlockForBlockType #chartForm #startPageColors .field-validation-error {
  display: block;
  padding-top: 7px;
}
#mainEditBlockForBlockType .cp-style-container {
  overflow: visible;
}
#mainEditBlockForBlockType .cp-style-container .ms-drop {
  margin-left: 0;
}
#mainEditBlockForBlockType #gridParametersForm .field-validation-error {
  padding-bottom: 5px;
  display: block;
}
#startPageChartBuilderWrapper > div > h2 {
  color: #4586a3;
  font-size: 18px;
  margin: 0;
  padding: 0;
  font-weight: bold;
  padding-bottom: 14px;
}
#startPageChartBuilderWrapper #startPageChartBuilder {
  margin: 0 27px;
  padding: 0 0 27px 0;
  display: flex;
}
#startPageChartBuilderWrapper #startPageChartBuilder .chart-group-section {
  display: flex;
  margin-bottom: 14px;
}
#startPageChartBuilderWrapper #startPageChartBuilder .chart-group-section.input-validation-error .chart-column-section {
  border: 1px solid #ff1d19;
}
#startPageChartBuilderWrapper #startPageChartBuilder .chart-group-section.input-validation-error .cp-input-errors {
  width: 220px;
}
#startPageChartBuilderWrapper #startPageChartBuilder .chart-group-section .cp-chart-group-label {
  min-width: 132px;
}
#startPageChartBuilderWrapper #startPageChartBuilder .chart-group-section .cp-chart-group-label > div {
  display: inline-block;
}
#startPageChartBuilderWrapper #startPageChartBuilder .chart-group-section ul > li {
  width: auto !important;
}
#startPageChartBuilderWrapper #startPageChartBuilder .cp-chart-column-wrapper {
  min-width: 248px;
}
#startPageChartBuilderWrapper #startPageChartBuilder .cp-chart-column-wrapper .cp-input {
  display: block;
}
#startPageChartBuilderWrapper #startPageChartBuilder .cp-chart-column-wrapper .chart-column-section {
  border: solid 1px #c5cfd4;
  border-radius: 10px;
  margin-right: 27px;
  padding: 0 14px 0 14px;
  overflow: visible;
}
#startPageChartBuilderWrapper #startPageChartBuilder .cp-chart-column-wrapper .chart-column-section ul {
  list-style: none;
  margin: 0;
  padding: 14px 0 14px 0;
  min-height: 20px;
}
#startPageChartBuilderWrapper #startPageChartBuilder .cp-chart-column-wrapper .chart-column-section ul > li {
  border: solid 1px #c5cfd4;
  border-radius: 10px;
  background: #f1f6fc;
  padding: 14px;
  cursor: move;
  height: auto !important;
}
#startPageChartBuilderWrapper #startPageChartBuilder .cp-chart-column-wrapper .chart-column-section ul > li.item-invalid {
  color: #ff1d19;
  border: 1px solid #ff1d19;
}
#startPageChartBuilderWrapper #startPageChartBuilder .cp-chart-column-wrapper .chart-column-section ul > li.item-invalid > i {
  color: #ff1d19;
}
#startPageChartBuilderWrapper #startPageChartBuilder .cp-chart-column-wrapper .chart-column-section ul > li > i {
  color: #c5cfd4;
  width: 16px;
  margin-right: 12px;
}
#startPageChartBuilderWrapper #startPageChartBuilder .cp-chart-column-wrapper #chartSelectableColumns ul {
  padding-bottom: 7px;
}
#startPageChartBuilderWrapper #startPageChartBuilder .cp-chart-column-wrapper #chartSelectableColumns ul li {
  margin-bottom: 7px;
}
#startPageChartBuilderWrapper #startPageChartBuilder #previewChart {
  flex-grow: 1;
}
#editBlockContainerDiv .cp-drop-down-graph-type {
  position: relative;
}
#editBlockContainerDiv .cp-drop-down-graph-type > div.cp-chart-type-items {
  display: none;
  position: absolute;
  z-index: 999;
  left: 0;
  top: 0;
  min-width: 300px;
  padding-right: 40px;
  max-height: 300px;
  overflow-y: auto;
  border: solid 1px #c5cfd4;
  border-radius: 10px;
  background-color: #ffffff;
  -webkit-box-shadow: 3px 4px 12px -10px #474747;
  -moz-box-shadow: 3px 4px 12px -10px #474747;
  box-shadow: 3px 4px 12px -10px #474747;
}
#editBlockContainerDiv .cp-drop-down-graph-type > div.cp-chart-type-items > div {
  clear: both;
  color: #4586a3;
  font-size: 18px;
  padding: 14px;
  margin: 0;
}
#editBlockContainerDiv .cp-drop-down-graph-type > div.cp-chart-type-items > ul {
  display: block;
  list-style: none;
  width: 600px;
  margin: 0;
  padding: 0;
}
#editBlockContainerDiv .cp-drop-down-graph-type > div.cp-chart-type-items > ul li {
  width: 200px;
  float: left;
  padding: 0;
  margin: 0;
}
#editBlockContainerDiv .cp-drop-down-graph-type > div.cp-chart-type-items > ul li > div {
  border: 1px solid #fff;
  cursor: pointer;
  padding: 14px;
  margin: 0px 0px 14px 14px;
}
#editBlockContainerDiv .cp-drop-down-graph-type > div.cp-chart-type-items > ul li > div.selected-chart-item,
#editBlockContainerDiv .cp-drop-down-graph-type > div.cp-chart-type-items > ul li > div.hovered-chart-item {
  background-color: #f1f6fc;
  border: 1px solid #c5cfd4;
}
#editBlockContainerDiv .cp-drop-down-graph-type > div.cp-chart-type-items > ul li > div > img {
  width: calc(144px);
  height: 90px;
}
#editBlockContainerDiv #gridParamsDiv {
  padding-bottom: 27px;
}
#editBlockContainerDiv #gridParamsDiv .grid-param-remove {
  margin-left: 20px;
}
#editBlockContainerDiv #blockMessageGridView {
  padding-bottom: 27px;
}
#editBlockContainerDiv #gridForm .cp-validation-attribute-error .field-validation-error {
  display: block;
  margin: -14px 0 27px 0;
}
#editBlockContainerDiv #dashboardContent #gridForm .cp-validation-attribute-error .field-validation-error {
  margin-left: 27px;
}
#editBlockContainerDiv #dashboardContent #collectionscreenObjectViewForCOS .cp-info-table tr > td:nth-of-type(3) {
  width: 1%;
}
#editBlockContainerDiv #dashboardContent .cp-sel-translation-control-description .cp-text-area {
  display: flex;
  flex-grow: 1;
}
#editBlockContainerDiv #dashboardContent .cp-sel-translation-control-description .cp-text-area textarea {
  flex-grow: 1;
}
#editBlockContainerDiv #StartPage_GridBlock.cp-sel-grid .cp-input.cp-numeric-box input {
  width: 100%;
}
#editBlockContainerDiv #StartPage_GridBlock input[type=text] {
  width: 100%;
}
#editBlockContainerDiv #StartPage_GridBlock .cp-drop-down-list {
  width: auto;
}
#frmAddCSCOBParameter .cp-popup-param-info-message {
  padding-bottom: 5px;
}
#frmAddCSCOBParameter .cp-dialog-buttons {
  padding-top: 0;
}
progress[value] {
  /* Reset the default appearance */
  -webkit-appearance: none;
  appearance: none;
  border: none;
}
progress[value]::-webkit-progress-bar {
  background-color: transparent;
  border: none;
}
progress[value]::-webkit-progress-value {
  background-image: linear-gradient(to right, #004873, #004873);
  border: none;
}
@media only screen and  (max-width: 800px) {
  #blockPageHolder {
    min-width: auto;
    width: calc(100vw - 30px);
  }
  #blockPageHolder .cp-block-two-third-width,
  #blockPageHolder .cp-block-one-third-width,
  #blockPageHolder .cp-block-half-width {
    width: 100%;
  }
}
@media only screen and (min-width: 801px) and (max-width: 880px) {
  #blockPageHolder {
    min-width: auto;
    width: calc(100vw - 314px);
  }
  #blockPageHolder .cp-block-two-third-width,
  #blockPageHolder .cp-block-one-third-width,
  #blockPageHolder .cp-block-half-width {
    width: 100%;
  }
  body.cp-sel-fullscreen #blockPageHolder {
    width: calc(100vw - 64px);
  }
}
@media only screen and (min-width: 881px) and (max-width: 1130px) {
  #blockPageHolder {
    min-width: auto;
    width: calc(100vw - 314px);
  }
  #blockPageHolder .cp-block-two-third-width,
  #blockPageHolder .cp-block-one-third-width,
  #blockPageHolder .cp-block-half-width {
    width: 100%;
  }
  body.cp-sel-fullscreen #blockPageHolder {
    width: calc(100vw - 64px);
  }
  body.cp-sel-fullscreen #blockPageHolder .cp-block-half-width {
    width: calc(50% - 0.5*27px - 1px);
  }
  body.cp-sel-fullscreen #blockPageHolder .cp-block-one-third-width {
    width: calc((100% - 2*27px) / 3 - 1px);
  }
  body.cp-sel-fullscreen #blockPageHolder .cp-block-two-third-width {
    width: calc((100% - 0.5 * 27px) * 2 / 3 - 1px);
  }
}
@media only screen and  (max-width: 1980px) {
  /*.fn-cp-form-input-cell(~"63% !important");
	.cp-set-question-large{
		.fn-cp-form-label-cell(~"45% !important");
		.fn-cp-form-input-cell(~"45% !important");
	}*/
  .cp-form-page > .cp-info-table > tbody > tr > td:first-of-type {
    width: 33% !important;
  }
  .cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) {
    width: 63% !important;
  }
  .cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input {
    width: 100%;
  }
  .cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-text-area input[type=text],
  .cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-text-box input[type=text],
  .cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-html-editor input[type=text],
  .cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-barcode input[type=text],
  .cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-text-area textarea,
  .cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-text-box textarea,
  .cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-html-editor textarea,
  .cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-barcode textarea {
    width: calc(100% - 8px);
  }
  .cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-email-box {
    width: 100%;
  }
  .cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-email-box .select2-container {
    width: 100% !important;
  }
  .cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-drop-down-list {
    width: calc(50% - 14px);
  }
  .cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-drop-down-list .select2-container,
  .cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-drop-down-list .cp-sel-drop-down-list {
    width: 100% !important;
  }
  .cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-numeric-box input,
  .cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-password-box input,
  .cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.p-password-box-required input {
    width: calc(50% - 14px);
  }
  .cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-date input,
  .cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-date .select2-container {
    width: calc(50% - 24px);
  }
  .cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-upload-control .cp-sel-file-upload-drag-area,
  .cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-upload-control .cp-file-upload-file-container {
    width: calc(100% - 16px);
    margin-bottom: 5px;
  }
  .cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-coordinate-control {
    display: flex;
    justify-content: space-between;
  }
  .cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-coordinate-control input {
    width: calc(50% - 14px);
  }
  .cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-coordinate-control div.cp-geolocation-button {
    width: 20px;
    height: 20px;
    padding-top: 4px;
  }
}
@media only screen and  (max-width: 1980px) and screen and (max-width: 1200px) {
  .cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-upload-control .cp-sel-file-upload-drag-area,
  .cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-upload-control .cp-file-upload-file-container {
    width: unset;
    margin-bottom: 10px;
  }
}
@media only screen and  (max-height: 800px) and (min-width: 800px)  {
  .cp-login {
    width: 720px;
    height: 485px;
  }
  .cp-login .cp-login-container .cp-section-info {
    font-size: smaller;
  }
  .cp-login .cp-login-container .cp-login-box {
    padding: 14px 14px 0 14px;
    max-width: 550px;
  }
  .cp-login .cp-login-container .cp-login-box h1 {
    font-size: 18px !important;
  }
  .cp-login .cp-login-container .cp-login-box input[type="button"] {
    margin-top: 10px;
  }
  .cp-login .cp-login-container .cp-login-box div.cp-login-control {
    margin-bottom: 14px !important;
  }
  .cp-login .cp-login-container .cp-login-box .cp-canvas-container {
    height: 225px;
  }
  .cp-login .cp-login-container .cp-login-box .cp-login-control-fit-to-screen {
    max-height: 230px;
    display: flex;
    flex-direction: column;
  }
  .cp-login .cp-login-container .cp-login-box .enable-2fa-will-enable {
    margin-top: -14px;
  }
  .cp-login .cp-login-container .cp-login-box .cp-login-qr-code canvas {
    width: 100px;
    height: 100px;
  }
  .cp-login .cp-login-container .cp-login-box .cp-login-2fa-box div.cp-login-qr-code-container {
    display: flex;
    flex-flow: column wrap;
    align-content: center;
  }
  .cp-login .cp-login-container .cp-login-box .cp-login-2fa-box div.cp-login-qr-code {
    margin: 0px;
  }
  .cp-login .cp-login-container .cp-login-box .cp-login-2fa-box .cp-login-verification-code {
    margin: 0px 12px;
  }
  .cp-login .cp-login-container .cp-login-box .cp-login-spacing {
    margin-top: 0px;
  }
  .cp-login .cp-login-container .cp-input-text-icon {
    width: 100%;
  }
  .cp-login .cp-login-container .cp-login-title h1.cp-dot-primary,
  .cp-login .cp-login-container .cp-login-title h1.cp-tm-container .cp-tm-filter .cp-tm-filter-header span,
  .cp-login .cp-login-container .cp-login-title h1.cp-page-titlebar #cpPageTitleContents,
  .cp-login .cp-login-container .cp-login-title h1.cp-buttonbar-page-title {
    margin-top: -14px;
    font-size: 18px !important;
  }
  .cp-login .cp-login-footer {
    font-size: 12px;
    padding-top: 0px;
    z-index: 3;
  }
}
@media only screen and  (max-width: 800px) {
  .cp-login {
    margin: auto 27px;
  }
  .cp-login .cp-login-background-gradient {
    background: none;
  }
  .cp-login .cp-login-container .cp-login-image {
    display: none;
  }
  .cp-login .cp-login-container .cp-login-box {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 14px 14px 0 14px;
  }
  .cp-login .cp-login-container .cp-login-box h1.cp-dot-primary,
  .cp-login .cp-login-container .cp-login-box h1.cp-tm-container .cp-tm-filter .cp-tm-filter-header span,
  .cp-login .cp-login-container .cp-login-box h1.cp-page-titlebar #cpPageTitleContents,
  .cp-login .cp-login-container .cp-login-box h1.cp-buttonbar-page-title {
    font-size: 18px !important;
  }
  .cp-login .cp-login-container .cp-login-box > .cp-logo {
    width: inherit;
  }
  .cp-login .cp-login-container .cp-login-box .cp-login-title {
    margin-bottom: 0px;
  }
  .cp-login .cp-login-container .cp-login-box .cp-login-link {
    height: inherit;
    display: flex;
    flex-direction: column;
  }
  .cp-login .cp-login-container .cp-login-2fa-box div.cp-login-qr-code-container {
    display: flex;
    flex-flow: column wrap;
    align-content: center;
  }
  .cp-login .cp-login-container .cp-login-verification-code {
    margin: 0px 12px;
  }
  .cp-login .cp-login-footer {
    left: 0%;
    font-size: 12px;
    width: 100%;
  }
  .cp-full-mobile-page {
    display: block !important;
    background-color: #4586a3;
  }
  .cp-full-mobile-page .cp-login,
  .cp-full-mobile-page .cp-login-background {
    width: 100%;
    height: auto;
  }
  .cp-full-mobile-page .tab-content.active {
    flex-direction: column;
    align-items: center;
  }
  .cp-full-mobile-page .cp-app-page-container {
    z-index: 2;
    position: relative;
  }
  .cp-full-mobile-page .app-content {
    display: flex;
    flex-direction: column;
  }
  .cp-full-mobile-page .cp-login-header {
    text-align: center;
  }
  .cp-full-mobile-page .cp-login-header h1,
  .cp-full-mobile-page .cp-login-header span {
    color: #ffffff;
  }
  .cp-full-mobile-page .cp-login-header h1 {
    font-size: 36px;
  }
  .cp-full-mobile-page .cp-device-image {
    margin: 0 auto;
    width: 296px !important;
    background-size: 296px 300px;
  }
  .cp-full-mobile-page .tab-content > div {
    text-align: center;
    width: calc(100% - 2*27px);
  }
  .cp-full-mobile-page .tab-content > div h2 {
    padding-bottom: 0px;
  }
  .cp-full-mobile-page .tab-content > div .cp-download-content {
    flex-direction: column-reverse;
  }
  .cp-full-mobile-page .tab-content > div .download-btn {
    margin: 14px auto;
  }
  .cp-full-mobile-page .cp-app-page-mask {
    background-image: url(/web/images/layout/login-white-background.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: fixed;
    background-position-y: 100%;
  }
}
.cp-info-section-box.laststatus {
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
}
.cp-info-section-box.laststatus #laststatus {
  margin: unset;
  border-spacing: 0px 10px;
  border-collapse: separate;
}
.multi-answer-no-style.multi-answer-parent {
  list-style: none outside none;
  margin: 0 0 0 0;
  padding: 0;
}
.multi-answer-no-style.multi-answer-parent li {
  padding-bottom: 7px;
  display: flex;
  align-items: baseline;
}
.multi-answer-no-style.multi-answer-parent li:last-of-type {
  padding-bottom: unset;
}
.multi-answer-no-style.multi-answer-parent .button-remove-multianswer {
  color: #ff1d19 !important;
}
.multi-answer-no-style.multi-answer-parent .button-remove-multianswer,
.multi-answer-no-style.multi-answer-parent .button-add-multianswer {
  padding-left: 10px;
}
.multi-answer-no-style {
  list-style: none outside none;
  margin: 0 0 0 0;
  padding: 0;
}
#resultFormPromptSections .cp-form-prompt-section-header input {
  display: inline-block;
  margin-left: 8px;
  padding: 0 8px;
}
#resultFormPrompts .cp-prompt-table {
  width: 100%;
}
#resultFormPrompts .cp-prompt-table .dialog-form-prompt-question {
  min-width: 150px;
}
#resultFormPrompts .cp-prompt-table tr > td > div.selectable-items {
  display: flex;
}
#resultFormPrompts .cp-prompt-table tr > td > div.selectable-items .cp-drop-down-list {
  flex-grow: 1;
}
/* Form prompt styling */
#resultFormPrompts .cp-input.cp-drop-down-list .select2-container .select2-choice {
  min-width: 300px;
}
#resultFormPrompts .select2-container .select2-choice > .select2-chosen {
  width: 300px;
}
#fastFormResultTabs {
  overflow-y: auto;
  max-height: calc(100vh - 207px);
  padding-left: 2px;
  padding-right: 6px;
}
@media only screen and  (max-width: 800px) {
  #fastFormResultTabs {
    max-height: calc(100vh - 200px);
  }
}
#fastFormResultTabs #fastFormResultTabBuilder {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 4;
}
#fastFormResultSetSubformTabContainer div.cp-style-container {
  border-radius: 15px;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  overflow-x: auto;
  margin-top: 0;
}
#fastFormResultSetSubformTabContainer div.cp-style-container.cp-form-set-scores {
  margin-top: 14px;
  margin-bottom: 14px;
}
#fastFormResultSetSubformTabContainer div.cp-style-container div.form-set-scores {
  margin-top: 14px;
  margin-bottom: 14px;
  margin-left: 27px;
  margin-right: 27px;
  width: calc(100% - 2*27px);
}
.cp-prompt-table .select-functions {
  display: flex;
}
.cp-prompt-table .cp-button,
.cp-prompt-table .selectable-items {
  margin-right: 14px;
  margin-bottom: 14px;
}
.cp-prompt-table tr > td.dialog-form-prompt-question > div {
  max-width: 600px;
  padding-right: 27px;
}
#ResultFormStatusHistory .cp-status-remark-cell div {
  width: calc(100% - 8px) !important;
  white-space: normal;
  word-break: break-word;
  padding: 4px;
}
.dailog-form-prompt > .cp-info-table {
  margin-bottom: unset;
  border: none;
}
#formContentContainerTabDiv .tabcontentsvisible .cp-section-info {
  width: calc(100% - 3*27px);
  margin: 27px;
}
#formContentContainerTabDiv .tabcontentsvisible .cp-section-info.laststatus {
  width: calc(100% - 2*27px);
}
#formContentContainerTabDiv .numerical-column {
  display: inline-block;
}
.cp-form-page > .cp-info-table > tbody > tr > td:first-of-type {
  width: 33%;
}
.cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) {
  width: 33%;
}
.cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input {
  width: 100%;
}
.cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-text-area input[type=text],
.cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-text-box input[type=text],
.cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-html-editor input[type=text],
.cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-barcode input[type=text],
.cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-text-area textarea,
.cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-text-box textarea,
.cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-html-editor textarea,
.cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-barcode textarea {
  width: calc(100% - 8px);
}
.cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-email-box {
  width: 100%;
}
.cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-email-box .select2-container {
  width: 100% !important;
}
.cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-drop-down-list {
  width: calc(50% - 14px);
}
.cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-drop-down-list .select2-container,
.cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-drop-down-list .cp-sel-drop-down-list {
  width: 100% !important;
}
.cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-numeric-box input,
.cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-password-box input,
.cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.p-password-box-required input {
  width: calc(50% - 14px);
}
.cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-date input,
.cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-date .select2-container {
  width: calc(50% - 24px);
}
.cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-upload-control .cp-sel-file-upload-drag-area,
.cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-upload-control .cp-file-upload-file-container {
  width: calc(100% - 16px);
  margin-bottom: 5px;
}
@media screen and (max-width: 1200px) {
  .cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-upload-control .cp-sel-file-upload-drag-area,
  .cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-upload-control .cp-file-upload-file-container {
    width: unset;
    margin-bottom: 10px;
  }
}
.cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-coordinate-control {
  display: flex;
  justify-content: space-between;
}
.cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-coordinate-control input {
  width: calc(50% - 14px);
}
.cp-form-page > .cp-info-table > tbody > tr > td:nth-of-type(2) .cp-input.cp-coordinate-control div.cp-geolocation-button {
  width: 20px;
  height: 20px;
  padding-top: 4px;
}
.cp-set-question-large .cp-form-label-cell {
  width: 60%;
}
.cp-form-input-cell .cp-input {
  width: 100%;
}
.cp-form-input-cell .cp-input.cp-text-area input[type=text],
.cp-form-input-cell .cp-input.cp-text-box input[type=text],
.cp-form-input-cell .cp-input.cp-html-editor input[type=text],
.cp-form-input-cell .cp-input.cp-barcode input[type=text],
.cp-form-input-cell .cp-input.cp-text-area textarea,
.cp-form-input-cell .cp-input.cp-text-box textarea,
.cp-form-input-cell .cp-input.cp-html-editor textarea,
.cp-form-input-cell .cp-input.cp-barcode textarea {
  width: calc(100% - 8px);
}
.cp-form-input-cell .cp-input.cp-email-box {
  width: 100%;
}
.cp-form-input-cell .cp-input.cp-email-box .select2-container {
  width: 100% !important;
}
.cp-form-input-cell .cp-input.cp-drop-down-list {
  width: calc(50% - 14px);
}
.cp-form-input-cell .cp-input.cp-drop-down-list .select2-container,
.cp-form-input-cell .cp-input.cp-drop-down-list .cp-sel-drop-down-list {
  width: 100% !important;
}
.cp-form-input-cell .cp-input.cp-numeric-box input,
.cp-form-input-cell .cp-input.cp-password-box input,
.cp-form-input-cell .cp-input.p-password-box-required input {
  width: calc(50% - 14px);
}
.cp-form-input-cell .cp-input.cp-date input,
.cp-form-input-cell .cp-input.cp-date .select2-container {
  width: calc(50% - 24px);
}
.cp-form-input-cell .cp-input.cp-upload-control .cp-sel-file-upload-drag-area,
.cp-form-input-cell .cp-input.cp-upload-control .cp-file-upload-file-container {
  width: calc(100% - 16px);
  margin-bottom: 5px;
}
@media screen and (max-width: 1200px) {
  .cp-form-input-cell .cp-input.cp-upload-control .cp-sel-file-upload-drag-area,
  .cp-form-input-cell .cp-input.cp-upload-control .cp-file-upload-file-container {
    width: unset;
    margin-bottom: 10px;
  }
}
.cp-form-input-cell .cp-input.cp-coordinate-control {
  display: flex;
  justify-content: space-between;
}
.cp-form-input-cell .cp-input.cp-coordinate-control input {
  width: calc(50% - 14px);
}
.cp-form-input-cell .cp-input.cp-coordinate-control div.cp-geolocation-button {
  width: 20px;
  height: 20px;
  padding-top: 4px;
}
.selectable-items .cp-drop-down-list {
  width: calc(50% - 14px);
}
.selectable-items .cp-drop-down-list .select2-container,
.selectable-items .cp-drop-down-list .cp-sel-drop-down-list {
  width: 100%;
}
.cp-form-indent {
  display: inline-block;
  width: 0px;
}
.cp-form-indent.cp-form-indent-tab-1 {
  width: 25px;
}
.cp-form-indent.cp-form-indent-tab-2 {
  width: 50px;
}
.cp-form-field-domain > i {
  padding-right: 5px;
}
.cp-input {
  display: flex;
}
.cp-input.cp-text-box,
.cp-input.cp-drop-down-list {
  flex-grow: 1;
  display: flex;
}
.cp-input.cp-text-box input,
.cp-input.cp-drop-down-list input {
  flex-grow: 1;
}
.cp-form-edit-cell.cp-form-details-cell-1,
.cp-form-details-cell.cp-form-details-cell-1 {
  flex-direction: column;
}
.cp-form-edit-cell .cp-input,
.cp-form-details-cell .cp-input {
  display: flex;
}
.cp-form-edit-cell .cp-input.cp-text-box,
.cp-form-details-cell .cp-input.cp-text-box {
  flex-grow: 1;
  width: 100%;
}
.cp-form-edit-cell .cp-input.cp-drop-down-list,
.cp-form-details-cell .cp-input.cp-drop-down-list {
  width: 100%;
}
.cp-form-edit-cell .cp-input.cp-numeric-box input,
.cp-form-details-cell .cp-input.cp-numeric-box input,
.cp-form-edit-cell .cp-input.cp-html-editor input,
.cp-form-details-cell .cp-input.cp-html-editor input,
.cp-form-edit-cell .cp-input.cp-upload-control input,
.cp-form-details-cell .cp-input.cp-upload-control input,
.cp-form-edit-cell .cp-input.cp-barcode input,
.cp-form-details-cell .cp-input.cp-barcode input,
.cp-form-edit-cell .cp-input.cp-date input,
.cp-form-details-cell .cp-input.cp-date input,
.cp-form-edit-cell .cp-input.cp-numeric-box .cp-file-upload-area-container,
.cp-form-details-cell .cp-input.cp-numeric-box .cp-file-upload-area-container,
.cp-form-edit-cell .cp-input.cp-html-editor .cp-file-upload-area-container,
.cp-form-details-cell .cp-input.cp-html-editor .cp-file-upload-area-container,
.cp-form-edit-cell .cp-input.cp-upload-control .cp-file-upload-area-container,
.cp-form-details-cell .cp-input.cp-upload-control .cp-file-upload-area-container,
.cp-form-edit-cell .cp-input.cp-barcode .cp-file-upload-area-container,
.cp-form-details-cell .cp-input.cp-barcode .cp-file-upload-area-container,
.cp-form-edit-cell .cp-input.cp-date .cp-file-upload-area-container,
.cp-form-details-cell .cp-input.cp-date .cp-file-upload-area-container {
  flex-grow: 1;
}
.cp-form-edit-cell .cp-input.cp-upload-control .cp-file-upload-area-container .cp-file-upload-progress-bar,
.cp-form-details-cell .cp-input.cp-upload-control .cp-file-upload-area-container .cp-file-upload-progress-bar {
  width: 48.5%;
}
.cp-form-edit-cell .cp-input.cp-barcode div.cp-barcode-scan-button,
.cp-form-details-cell .cp-input.cp-barcode div.cp-barcode-scan-button {
  padding: 4px 0 0 4px;
}
.cp-form-edit-cell .cp-input .cp-file-upload-area-container .cp-file-upload-progress-bar,
.cp-form-details-cell .cp-input .cp-file-upload-area-container .cp-file-upload-progress-bar {
  width: 48.5%;
}
.cp-form-edit-cell .cp-input .cp-unit,
.cp-form-details-cell .cp-input .cp-unit {
  margin: auto 0;
  padding-left: 10px;
}
.cp-form-edit-cell .cp-input ~ .button-remove-multianswer,
.cp-form-details-cell .cp-input ~ .button-remove-multianswer {
  padding-left: 10px;
}
.cp-form-edit-cell .cp-input ~ .button-add-multianswer,
.cp-form-details-cell .cp-input ~ .button-add-multianswer {
  padding-left: 10px;
}
.cp-form-edit-cell .cp-input ~ .button-remove-multianswer,
.cp-form-details-cell .cp-input ~ .button-remove-multianswer,
.cp-form-edit-cell .cp-input ~ .button-add-multianswer,
.cp-form-details-cell .cp-input ~ .button-add-multianswer {
  margin: auto 0;
}
.cp-form-edit-cell ul.multi-answer-parent .cp-input.cp-drop-down-list,
.cp-form-details-cell ul.multi-answer-parent .cp-input.cp-drop-down-list {
  width: calc(50% - 14px);
}
.cp-form-edit-cell .multi-answer-parent,
.cp-form-details-cell .multi-answer-parent {
  flex-grow: 1;
}
.cp-form-edit-cell .multi-answer-parent > li,
.cp-form-details-cell .multi-answer-parent > li {
  display: flex;
}
.cp-form-edit-cell .multi-answer-parent > li .cp-radio-button-list,
.cp-form-details-cell .multi-answer-parent > li .cp-radio-button-list {
  width: auto;
}
.cp-form-edit-cell .cp-domain-value-style-container,
.cp-form-details-cell .cp-domain-value-style-container {
  width: 100%;
}
.cp-form-edit-cell .cp-check-box-list.cp-list-vertical,
.cp-form-details-cell .cp-check-box-list.cp-list-vertical,
.cp-form-edit-cell .cp-radio-button-list.cp-list-vertical,
.cp-form-details-cell .cp-radio-button-list.cp-list-vertical {
  flex-flow: column;
}
.cp-form-edit-cell .cp-check-box-list.cp-list-vertical .cp-radio-button-list-item,
.cp-form-details-cell .cp-check-box-list.cp-list-vertical .cp-radio-button-list-item,
.cp-form-edit-cell .cp-radio-button-list.cp-list-vertical .cp-radio-button-list-item,
.cp-form-details-cell .cp-radio-button-list.cp-list-vertical .cp-radio-button-list-item {
  display: flex;
  flex-flow: row;
}
.cp-form-edit-cell .cp-check-box-list.cp-list-horizontal,
.cp-form-details-cell .cp-check-box-list.cp-list-horizontal,
.cp-form-edit-cell .cp-radio-button-list.cp-list-horizontal,
.cp-form-details-cell .cp-radio-button-list.cp-list-horizontal {
  display: flex;
  flex-flow: row wrap;
}
.cp-form-edit-cell .cp-check-box-list.cp-list-horizontal.four-column-aligned,
.cp-form-details-cell .cp-check-box-list.cp-list-horizontal.four-column-aligned,
.cp-form-edit-cell .cp-radio-button-list.cp-list-horizontal.four-column-aligned,
.cp-form-details-cell .cp-radio-button-list.cp-list-horizontal.four-column-aligned,
.cp-form-edit-cell .cp-check-box-list.cp-list-horizontal.two-column-aligned,
.cp-form-details-cell .cp-check-box-list.cp-list-horizontal.two-column-aligned,
.cp-form-edit-cell .cp-radio-button-list.cp-list-horizontal.two-column-aligned,
.cp-form-details-cell .cp-radio-button-list.cp-list-horizontal.two-column-aligned {
  display: grid;
  grid-gap: 15px;
}
.cp-form-edit-cell .cp-check-box-list.cp-list-horizontal.four-column-aligned > div,
.cp-form-details-cell .cp-check-box-list.cp-list-horizontal.four-column-aligned > div,
.cp-form-edit-cell .cp-radio-button-list.cp-list-horizontal.four-column-aligned > div,
.cp-form-details-cell .cp-radio-button-list.cp-list-horizontal.four-column-aligned > div,
.cp-form-edit-cell .cp-check-box-list.cp-list-horizontal.two-column-aligned > div,
.cp-form-details-cell .cp-check-box-list.cp-list-horizontal.two-column-aligned > div,
.cp-form-edit-cell .cp-radio-button-list.cp-list-horizontal.two-column-aligned > div,
.cp-form-details-cell .cp-radio-button-list.cp-list-horizontal.two-column-aligned > div {
  display: grid;
  grid-template-columns: 3fr 97fr;
  grid-auto-flow: column;
  align-items: center;
}
.cp-form-edit-cell .cp-check-box-list.cp-list-horizontal.four-column-aligned > div .cp-radio-button-list-item input[type="radio"],
.cp-form-details-cell .cp-check-box-list.cp-list-horizontal.four-column-aligned > div .cp-radio-button-list-item input[type="radio"],
.cp-form-edit-cell .cp-radio-button-list.cp-list-horizontal.four-column-aligned > div .cp-radio-button-list-item input[type="radio"],
.cp-form-details-cell .cp-radio-button-list.cp-list-horizontal.four-column-aligned > div .cp-radio-button-list-item input[type="radio"],
.cp-form-edit-cell .cp-check-box-list.cp-list-horizontal.two-column-aligned > div .cp-radio-button-list-item input[type="radio"],
.cp-form-details-cell .cp-check-box-list.cp-list-horizontal.two-column-aligned > div .cp-radio-button-list-item input[type="radio"],
.cp-form-edit-cell .cp-radio-button-list.cp-list-horizontal.two-column-aligned > div .cp-radio-button-list-item input[type="radio"],
.cp-form-details-cell .cp-radio-button-list.cp-list-horizontal.two-column-aligned > div .cp-radio-button-list-item input[type="radio"],
.cp-form-edit-cell .cp-check-box-list.cp-list-horizontal.four-column-aligned > div input,
.cp-form-details-cell .cp-check-box-list.cp-list-horizontal.four-column-aligned > div input,
.cp-form-edit-cell .cp-radio-button-list.cp-list-horizontal.four-column-aligned > div input,
.cp-form-details-cell .cp-radio-button-list.cp-list-horizontal.four-column-aligned > div input,
.cp-form-edit-cell .cp-check-box-list.cp-list-horizontal.two-column-aligned > div input,
.cp-form-details-cell .cp-check-box-list.cp-list-horizontal.two-column-aligned > div input,
.cp-form-edit-cell .cp-radio-button-list.cp-list-horizontal.two-column-aligned > div input,
.cp-form-details-cell .cp-radio-button-list.cp-list-horizontal.two-column-aligned > div input {
  top: 0;
}
.cp-form-edit-cell .cp-check-box-list.cp-list-horizontal.four-column-aligned > div .cp-radio-button-list-item input[type="radio"]:checked::before,
.cp-form-details-cell .cp-check-box-list.cp-list-horizontal.four-column-aligned > div .cp-radio-button-list-item input[type="radio"]:checked::before,
.cp-form-edit-cell .cp-radio-button-list.cp-list-horizontal.four-column-aligned > div .cp-radio-button-list-item input[type="radio"]:checked::before,
.cp-form-details-cell .cp-radio-button-list.cp-list-horizontal.four-column-aligned > div .cp-radio-button-list-item input[type="radio"]:checked::before,
.cp-form-edit-cell .cp-check-box-list.cp-list-horizontal.two-column-aligned > div .cp-radio-button-list-item input[type="radio"]:checked::before,
.cp-form-details-cell .cp-check-box-list.cp-list-horizontal.two-column-aligned > div .cp-radio-button-list-item input[type="radio"]:checked::before,
.cp-form-edit-cell .cp-radio-button-list.cp-list-horizontal.two-column-aligned > div .cp-radio-button-list-item input[type="radio"]:checked::before,
.cp-form-details-cell .cp-radio-button-list.cp-list-horizontal.two-column-aligned > div .cp-radio-button-list-item input[type="radio"]:checked::before,
.cp-form-edit-cell .cp-check-box-list.cp-list-horizontal.four-column-aligned > div input:checked::before,
.cp-form-details-cell .cp-check-box-list.cp-list-horizontal.four-column-aligned > div input:checked::before,
.cp-form-edit-cell .cp-radio-button-list.cp-list-horizontal.four-column-aligned > div input:checked::before,
.cp-form-details-cell .cp-radio-button-list.cp-list-horizontal.four-column-aligned > div input:checked::before,
.cp-form-edit-cell .cp-check-box-list.cp-list-horizontal.two-column-aligned > div input:checked::before,
.cp-form-details-cell .cp-check-box-list.cp-list-horizontal.two-column-aligned > div input:checked::before,
.cp-form-edit-cell .cp-radio-button-list.cp-list-horizontal.two-column-aligned > div input:checked::before,
.cp-form-details-cell .cp-radio-button-list.cp-list-horizontal.two-column-aligned > div input:checked::before {
  top: 0;
}
.cp-form-edit-cell .cp-check-box-list.cp-list-horizontal.four-column-aligned .cp-radio-button-list-item input[type="radio"],
.cp-form-details-cell .cp-check-box-list.cp-list-horizontal.four-column-aligned .cp-radio-button-list-item input[type="radio"],
.cp-form-edit-cell .cp-radio-button-list.cp-list-horizontal.four-column-aligned .cp-radio-button-list-item input[type="radio"],
.cp-form-details-cell .cp-radio-button-list.cp-list-horizontal.four-column-aligned .cp-radio-button-list-item input[type="radio"],
.cp-form-edit-cell .cp-check-box-list.cp-list-horizontal.two-column-aligned .cp-radio-button-list-item input[type="radio"],
.cp-form-details-cell .cp-check-box-list.cp-list-horizontal.two-column-aligned .cp-radio-button-list-item input[type="radio"],
.cp-form-edit-cell .cp-radio-button-list.cp-list-horizontal.two-column-aligned .cp-radio-button-list-item input[type="radio"],
.cp-form-details-cell .cp-radio-button-list.cp-list-horizontal.two-column-aligned .cp-radio-button-list-item input[type="radio"] {
  top: 0;
}
.cp-form-edit-cell .cp-check-box-list.cp-list-horizontal.four-column-aligned,
.cp-form-details-cell .cp-check-box-list.cp-list-horizontal.four-column-aligned,
.cp-form-edit-cell .cp-radio-button-list.cp-list-horizontal.four-column-aligned,
.cp-form-details-cell .cp-radio-button-list.cp-list-horizontal.four-column-aligned {
  grid-template-columns: repeat(auto-fit, minmax(24%, 1fr));
}
.cp-form-edit-cell .cp-check-box-list.cp-list-horizontal.two-column-aligned,
.cp-form-details-cell .cp-check-box-list.cp-list-horizontal.two-column-aligned,
.cp-form-edit-cell .cp-radio-button-list.cp-list-horizontal.two-column-aligned,
.cp-form-details-cell .cp-radio-button-list.cp-list-horizontal.two-column-aligned {
  grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
}
.cp-form-edit-cell .cp-check-box-list.cp-list-horizontal span:not(.cp-required),
.cp-form-details-cell .cp-check-box-list.cp-list-horizontal span:not(.cp-required),
.cp-form-edit-cell .cp-radio-button-list.cp-list-horizontal span:not(.cp-required),
.cp-form-details-cell .cp-radio-button-list.cp-list-horizontal span:not(.cp-required),
.cp-form-edit-cell .cp-check-box-list.cp-list-vertical span:not(.cp-required),
.cp-form-details-cell .cp-check-box-list.cp-list-vertical span:not(.cp-required),
.cp-form-edit-cell .cp-radio-button-list.cp-list-vertical span:not(.cp-required),
.cp-form-details-cell .cp-radio-button-list.cp-list-vertical span:not(.cp-required) {
  white-space: normal;
  margin-left: 10px;
}
.cp-form-edit .form-property-value-wrapper,
.cp-form-details .form-property-value-wrapper {
  white-space: pre-wrap;
}
.select2-drop .select2-results .select2-result-label {
  white-space: normal;
}
.cp-hide-multianswer-button-with-spacing {
  pointer-events: none;
  visibility: hidden;
  display: block !important;
}
/* Bugfix for issue: #31709 - Print functionality */
.cp-printview #fastFormResultTabs {
  max-height: 100%;
  overflow-y: inherit;
}
/* Bugfix for issue: #32375 - Toggle button status history */
.cp-form-status-history-toggle-button {
  display: flex;
  align-items: flex-end;
  padding-bottom: 10px;
  flex-direction: column;
  width: calc(100% - 70px);
}
/* Bugfix for issue: #30636 - Validation message should not show letter by letter */
#showIntervalAutoSave {
  flex-wrap: wrap;
}
#showIntervalAutoSave .field-validation-error {
  word-break: normal;
  order: 999;
  flex-basis: 100%;
}
/* Styling changes to support bootstrap / new styling */
.cp-form-set-header-collapsable-style > div.row > div,
.cp-subform-inline-set-header > div.row > div {
  display: flex;
  flex-wrap: wrap;
}
.cp-form-set-header-collapsable-style > div.row > div {
  cursor: pointer;
  flex-direction: row-reverse;
}
.cp-form-set-header-collapsable-style > div.row > div div.media-body {
  flex-grow: 1;
}
.form-inlinesetsubform-table .cp-expand-collapse > .row > div .media-body {
  flex-grow: inherit !important;
}
.form-inlinesetsubform-table .cp-expand-collapse > .row > div .cp-sel-image-object-collapse {
  margin-left: auto;
}
.cp-inlineset-subform-row {
  display: flex;
}
.cp-inlineset-subform-row .cp-delete-inlineset-subform-row-column {
  width: 25px;
}
.cp-inlineset-subform-row .cp-inlineset-subform-row-column {
  width: 100%;
}
.cp-subform-inline-set-header .cp-subform-header-text {
  flex-basis: 100%;
}
.cp-form-set-subform-header-collapse-header {
  display: inline-block;
  width: 25px;
}
div.cp-inline-set-collapsed-row {
  display: none !important;
}
.cp-inline-set-collapsed-row-header .form-setsubform-set-table {
  padding-bottom: 0px;
}
.cp-form-property-is-hidden,
tr.cp-inline-set-collapsed-row {
  display: none !important;
}
.cp-autosave-message {
  font-size: 12px;
  color: #4586a3;
  margin-top: -15px;
  padding-right: 10px;
  padding-bottom: 10px;
  font-weight: normal;
  display: flex;
  justify-content: flex-end;
}
.cp-autosave-message-failure {
  margin-top: -3px;
}
.cp-autosave-message-failure:before {
  content: "\f071";
  font-family: "Font Awesome 5 Pro";
  color: orange;
  font-weight: bold;
  font-size: 15px;
  vertical-align: middle;
  padding-right: 5px;
  cursor: pointer;
}
.cp-autosave-message #autoSaveConfirmation {
  padding-left: 10px;
}
.cp-jq-tab-control li.cp-current-status-tab-forms {
  float: right;
}
.cp-jq-tab-control li.cp-current-status-tab-forms > a {
  padding: 5px 0px !important;
}
.cp-jq-tab-control li.cp-current-status-tab-forms > a:hover {
  border-bottom: none;
}
.cp-jq-tab-control li.cp-tab-position-right {
  float: right;
}
.cp-jq-tab-control li.cp-tab-no-spacing {
  margin: 0 5px;
}
.cp-jq-tab-control li.cp-tab-separator-show-left span.cp-tab-separator-object {
  float: left;
  padding-left: 10px;
  border-left: solid 1px #f1f6fc;
  height: 35px;
  margin-top: 8px;
  display: none;
}
.cp-jq-tab-control li.cp-tab-separator-show-left:nth-last-of-type(2) span.cp-tab-separator-object {
  display: inherit;
}
.cp-jq-tab-control li.cp-tab-as-image.ui-state-active .cp-image,
.cp-jq-tab-control li.cp-tab-as-image.ui-state-active .cp-image-text {
  color: #4586a3;
}
.cp-jq-tab-control li.cp-tab-as-image .cp-image {
  font-size: 18px;
}
.cp-jq-tab-control li.cp-tab-as-image .cp-image,
.cp-jq-tab-control li.cp-tab-as-image .cp-image-text {
  color: #4586a3;
}
.cp-jq-tab-control li.cp-no-tab-action-hover:hover {
  border-bottom: none;
}
.cp-jq-tab-control li.cp-no-tab-action-hover.ui-state-active .cp-image,
.cp-jq-tab-control li.cp-no-tab-action-hover.ui-state-active .cp-image-text {
  color: rgba(69, 134, 163, 0.35);
}
.cp-jq-tab-control li.cp-no-tab-action-hover .cp-image {
  color: rgba(69, 134, 163, 0.35);
}
.cp-jq-tab-control li.cp-no-tab-action-hover .cp-image:hover {
  color: rgba(69, 134, 163, 0.35);
}
.cp-jq-tab-control li.cp-no-tab-action-hover .cp-button-active-action.cp-image {
  color: #4586a3;
}
.cp-jq-tab-control li.cp-no-tab-action-hover .cp-button-active-action.cp-image:hover {
  color: #4586a3;
}
.cp-jq-tab-control li.cp-no-tab-action-hover a:hover,
.cp-jq-tab-control li.cp-no-tab-action-hover.ui-state-active a {
  border-bottom: none !important;
}
.cp-jq-tab-control li.cp-image-bold a {
  display: flex;
}
.cp-jq-tab-control li.cp-image-bold .cp-image .fa {
  font-weight: 600;
}
.cp-jq-tab-control li.cp-image-bold .cp-image-arrow-spacer {
  width: 15px;
}
.cp-jq-tab-control li.cp-form-form-tab-has-tabs-hide-main-tab {
  display: none;
}
.cp-jq-tab-control .cp-sel-tab-navigation-button-left,
.cp-jq-tab-control .cp-sel-tab-navigation-button-right {
  cursor: pointer;
}
.cp-button-tab-navigation-not-needed {
  visibility: hidden;
}
.cp-forms-tab-scroll-container.cp-sel-forms-tab-scroll-container {
  margin-bottom: 0px;
}
.cp-jq-tab-control .cp-sel-forms-tab-scroll-container,
.cp-jq-tab-control .cp-forms-tab-fixed-container-right {
  border: none;
}
.cp-jq-tab-control .cp-sel-forms-tab-scroll-container > li a,
.cp-jq-tab-control .cp-forms-tab-fixed-container-right > li a {
  height: 50px;
}
.cp-jq-tab-control .cp-forms-tab-fixed-container-right {
  margin-bottom: 0px;
}
.cp-grid-header-filter-filter-on-errors {
  margin-left: 20px;
}
.cp-form-excel-subform-grid-style input[type=text] {
  width: 100%;
}
/* ---------- Grid control for forms only! (cp-grid-control) - SUBFORMS -------------*/
.cp-grid-control {
  margin-left: 27px;
  border-collapse: separate;
  border-spacing: 0;
  width: calc(100% - 2*27px);
  padding: 14px;
  margindisplay: table;
}
.cp-grid-control thead {
  font-size: 16px;
}
.cp-grid-control thead .cp-gc-header {
  text-align: left;
}
.cp-grid-control thead .cp-gc-header th {
  font-size: 18px;
  font-weight: bold;
  background: none;
  border: none;
  color: #4586a3;
  margin-bottom: 14px;
  padding: 14px;
}
.cp-grid-control thead .cp-gc-column-header th,
.cp-grid-control thead .cp-gc-filter-header th {
  padding: 9px;
  background-color: #ffffff;
  color: #4586a3;
  border-right: solid 1px #f1f6fc;
}
.cp-grid-control thead .cp-gc-column-header th {
  text-align: left;
  border-top: solid 1px #f1f6fc;
}
.cp-grid-control thead .cp-gc-filter-header th {
  padding-top: 0;
}
.cp-grid-control thead tr.cp-gc-column-header th {
  border-bottom: solid 1px #f1f6fc;
}
.cp-grid-control thead tr.cp-gc-column-header th:first-of-type {
  border-left: none;
}
.cp-grid-control thead tr.cp-gc-column-header th:last-of-type {
  border-right: none;
}
.cp-grid-control thead input {
  border-radius: 15px;
  color: #000000;
}
.cp-grid-control thead button {
  cursor: pointer;
  border: none;
  color: #c5cfd4;
  background: none;
}
.cp-grid-control tbody {
  border: solid 1px #c5cfd4;
}
.cp-grid-control tbody tr {
  cursor: pointer;
  height: 30px;
}
.cp-grid-control tbody tr td {
  font-size: 16px;
  padding: 3px 7px;
}
.cp-grid-control tbody tr td:first-of-type > div {
  padding-left: 22px;
}
.cp-grid-control tbody tr.cp-grid-row-unread td:first-of-type div:not(.numeric-justify-right) {
  padding-left: 8px;
}
.cp-grid-control tbody tr.cp-grid-row-unread td:first-of-type div:not(.numeric-justify-right):before {
  content: "\f111";
  font-family: "Font Awesome 5 Pro";
  color: #4586a3;
  font-weight: bold;
  font-size: 8px;
  vertical-align: middle;
  padding-right: 5px;
}
.cp-grid-control tbody tr.gc-non-active-row {
  color: #c5cfd4;
  font-style: italic;
}
.cp-grid-control tbody tr.cp-grid-row-unread.gc-non-active-row td:first-of-type div:before {
  color: #c5cfd4;
  font-style: normal;
}
.cp-grid-control tbody tr:nth-of-type(even) td {
  background-color: #ffffff;
}
.cp-grid-control tbody tr:nth-of-type(odd) td {
  background-color: rgba(69, 134, 163, 0.05);
}
.cp-grid-control tbody tr:nth-of-type(odd) td:first-child {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.cp-grid-control tbody tr:nth-of-type(odd) td:last-child {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.cp-grid-control tfoot tr {
  color: #70757a;
  line-height: 30px;
  border: solid 1px #c5cfd4;
  border-top: 1px solid #4586a3;
}
.cp-grid-control tfoot tr .pager-container {
  display: flex;
}
.cp-grid-control tfoot tr .pager-container .pager-group {
  padding-left: 12px;
}
.cp-grid-control tfoot tr .pager-container .pager-group .otherPageNumbers,
.cp-grid-control tfoot tr .pager-container .pager-group .currentPageNumber {
  cursor: pointer;
  padding: 0 5px;
  background: #f1f6fc;
  border: solid 1px #c5cfd4;
  color: #70757a;
}
.cp-grid-control tfoot tr .pager-container .pager-group .currentPageNumber {
  background: #ffffff;
  color: #000000;
}
.cp-grid-control tfoot tr.footer-data-row td {
  padding-left: 7px;
  padding-right: 7px;
}
.cp-grid-control.form-classicsubform-table,
.cp-grid-control.form-subform-table {
  overflow-x: auto;
  padding-bottom: 27px;
}
.cp-grid-control.form-subform-table {
  white-space: nowrap;
}
.cp-grid-control.form-subform-table .data-rows {
  vertical-align: top;
}
.cp-grid-control.form-subform-table .data-rows tr td {
  padding: 9px;
}
.cp-grid-control.form-subform-table .data-rows tr td .cp-coordinate-control {
  display: flex;
  min-width: 300px;
}
.cp-grid-control.form-subform-table .data-rows tr td .cp-numeric-box {
  display: flex;
  line-height: 32px;
}
.cp-grid-control.form-subform-table .data-rows tr td .multi-answer-parent > li {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: baseline;
}
.cp-grid-control.form-subform-table .data-rows tr td .multi-answer-parent > li > div {
  margin-right: 8px;
}
.cp-grid-control.form-subform-table .data-rows tr td div.cp-show-total-container .cp-numeric-box input {
  text-align: right;
}
.cp-grid-control.form-subform-table .footer-data-row td {
  padding: 9px;
}
.cp-grid-control.form-subform-table .footer-data-row td .cp-sel-show-total {
  width: auto;
}
.cp-grid-control.form-subform-table .footer-data-row td .cp-sel-show-total .cp-numeric-box {
  display: flex;
  line-height: 32px;
}
.cp-grid-control.form-subform-table .footer-data-row td .cp-sel-show-total .cp-numeric-box input {
  text-align: right;
}
.cp-grid-formlist tbody tr.cp-grid-row-unread td:first-of-type div:first-of-type:not(.numeric-justify-right) {
  padding-left: 8px;
}
.cp-grid-formlist tbody tr.cp-grid-row-unread td:first-of-type div:first-of-type:not(.numeric-justify-right):before {
  content: "\f111";
  font-family: "Font Awesome 5 Pro";
  color: #4586a3;
  font-weight: bold;
  font-size: 8px;
  vertical-align: middle;
  padding-right: 5px;
}
.cp-grid-formlist tbody tr.cp-grid-row-read td:first-of-type div:first-of-type:not(.numeric-justify-right) {
  padding-left: 8px;
}
.cp-grid-formlist tbody tr.cp-grid-row-read td:first-of-type div:first-of-type:not(.numeric-justify-right):before {
  content: "\f111";
  font-family: "Font Awesome 5 Pro";
  color: transparent;
  font-weight: bold;
  font-size: 8px;
  vertical-align: middle;
  padding-right: 5px;
}
.cp-grid-formlist tbody tr.cp-result-locked {
  cursor: default !important;
}
.cp-grid-formlist tbody tr.cp-result-locked td:first-of-type div:first-of-type .cp-result-locked-icon {
  padding-left: 8px;
}
.cp-grid-formlist tbody tr.cp-result-locked td:first-of-type div:first-of-type .cp-result-locked-icon:before {
  content: "\f023";
  font-family: "Font Awesome 5 Pro";
  color: inherit;
  font-size: 12px;
  margin-left: -3px;
}
#fastFormTabResultGeneral {
  padding-bottom: 1px;
}
#fastFormTabResultGeneral table.cp-grid-control {
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  padding-bottom: 27px;
  border-radius: 15px;
  margin-bottom: 27px;
}
#fastFormTabResultGeneral .cp-grid-control {
  overflow-x: auto;
  padding: 10px;
}
#fastFormTabResultGeneral .cp-subform-container-overflow {
  border-radius: 15px;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  width: calc(100% - 2*27px);
  margin: 0 27px 27px 27px;
  overflow-x: auto;
}
#fastFormTabResultGeneral .cp-subform-container-overflow table.cp-grid-control {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding-bottom: 0;
  margin-left: 0;
  width: 100%;
}
@media only screen and  (max-width: 800px) {
  #fastFormTabResultGeneral .cp-subform-container-overflow {
    margin: 0 6px 27px 6px;
    width: calc(100% - 2*6px);
  }
}
#fastFormTabResultGeneral .cp-subform-container-hidden-margin {
  margin-bottom: 0px;
}
.cp-row-validation-error-for-subform {
  white-space: nowrap;
}
.cp-form-grid-column-icon-no-wrap {
  white-space: nowrap;
}
.cp-form-grid-validation-error {
  border: 1px solid #ff1d19 !important;
}
.cp-form-grid-validation-error .cp-grid-header-title,
.cp-form-grid-validation-error .cp-gc-header > th,
.cp-form-grid-validation-error .cp-subform-inline-set-header h6 {
  color: #ff1d19 !important;
}
.cp-form-grid-validation-error .cp-grid-header-title:before,
.cp-form-grid-validation-error .cp-gc-header > th:before,
.cp-form-grid-validation-error .cp-subform-inline-set-header h6:before {
  width: 18px;
  height: 18px;
  font-size: 18px;
  content: '\f06a';
  font-family: "Font Awesome 5 Pro";
  padding-left: 5px;
  margin-right: 5px;
}
/* Grid control for forms only! (cp-grid-control) -- END */
/* Forms status history */
.cp-message-box {
  padding: 14px 27px;
  border: solid 1px #c5cfd4;
  margin: 0 27px 0 27px;
}
.cp-message-box .cp-avatar .cp-avatar-initials,
.cp-message-box .cp-avatar img {
  width: 42px;
  height: 42px;
  border: solid 2px #004873;
  background-color: #004873;
  border-radius: 50%;
}
.cp-message-box .cp-avatar .cp-avatar-initials {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: calc(38px);
}
.cp-message-box .cp-avatar img {
  object-fit: cover;
}
.cp-message-box:not(:last-of-type) {
  border-bottom: none;
}
.cp-message-box:first-of-type,
.cp-message-box:first-child {
  /* first of type does not seem to work? */
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.cp-message-box:last-of-type {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  margin-bottom: 27px;
}
.cp-message-box .cp-message-header {
  display: flex;
  align-items: center;
  color: #4586a3;
}
.cp-message-box .cp-message-header .cp-message-header-name {
  margin-left: 14px;
  font-weight: bold;
}
.cp-message-box .cp-message-header .cp-message-header-date {
  margin-left: auto;
  color: #4586a3;
}
.cp-message-box .cp-message-content {
  margin-top: 14px;
}
.cp-message-box .cp-message-content .cp-title {
  margin-right: auto;
  font-weight: bold;
  color: #4586a3;
  margin: 14px 0 8px 0;
}
.cp-message-box .cp-message-content .cp-divider {
  border-top: solid 1px #c5cfd4;
  padding-top: 14px;
  margin-top: 27px;
}
.cp-message-box .cp-message-content .cp-toggle-icon {
  position: relative;
}
.cp-message-box .cp-message-content .cp-toggle-icon:after {
  padding-left: 5px;
  width: 18px;
  height: 18px;
  font-size: 18px;
  content: '\f13a';
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 0;
  color: #c5cfd4;
  font-weight: 300;
  cursor: pointer;
}
.cp-message-box .cp-message-content .cp-toggle-icon.cp-open:after {
  content: '\f139';
  font-family: "Font Awesome 5 Pro";
}
.cp-message-box:nth-of-type(odd) {
  background-color: #ffffff;
}
.cp-message-box:nth-of-type(even) {
  background-color: rgba(69, 134, 163, 0.05);
}
#laststatus {
  margin: 27px;
  position: relative;
  background: #f1f6fc;
  border: 1px solid #c5cfd4;
}
#laststatus:after,
#laststatus:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  left: 47px;
}
#laststatus:after {
  border-bottom-color: #f1f6fc;
  border-width: 12px;
  margin-left: -12px;
}
#laststatus:before {
  border-bottom-color: #c5cfd4;
  border-width: calc(1px +  12px );
  margin-left: calc(-1px -  12px );
}
#laststatus .cp-toggle-icon {
  padding-top: 14px;
}
#laststatus .cp-toggle-icon:after {
  top: 0;
}
#laststatus .cp-message {
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  max-height: 20px;
}
#laststatus .cp-message span {
  display: block;
  width: 100%;
}
#laststatus .cp-message span p {
  overflow: hidden;
  text-overflow: ellipsis;
}
#laststatus .cp-message.cp-open {
  max-height: unset;
  white-space: normal;
}
#laststatus .cp-message.cp-open span {
  position: relative;
}
#statushistory .cp-status-history-changes {
  display: none;
  width: 100%;
}
#statushistory .cp-status-history-changes th {
  color: #4586a3;
}
#statushistory .cp-status-history-changes td,
#statushistory .cp-status-history-changes th {
  border-bottom: solid 1px #c5cfd4;
  padding-left: 27px;
  text-align: left;
  vertical-align: top;
}
#statushistory .cp-status-history-changes tr:last-of-type td {
  border-bottom: none;
}
#statushistory .cp-status-history-changes .cp-status-history-changes-field-column {
  word-break: break-all;
}
#statushistory .cp-status-history-changes .cp-status-history-header1,
#statushistory .cp-status-history-changes .cp-status-history-header2,
#statushistory .cp-status-history-changes .cp-status-history-header3 {
  width: 33%;
}
#statushistory .cp-status-history-changes .cp-upload-file-container {
  color: black;
}
#statushistory .cp-status-history-changes .cp-form-history-multi-answer-display-object-scope-insert {
  color: #5eb153;
  display: flex;
}
#statushistory .cp-status-history-changes .cp-form-history-multi-answer-display-object-scope-update {
  color: #3e74b1;
  display: flex;
}
#statushistory .cp-status-history-changes .cp-form-history-multi-answer-display-object-scope-delete {
  color: #d63d3d;
  display: flex;
}
#statushistory .cp-status-history-changes .cp-form-history-multi-answer-display-object-scope-icon-insert:before {
  content: "\2b";
  font-family: "Font Awesome 5 Pro";
  color: #5eb153;
  font-weight: bold;
  padding-right: 5px;
  width: 20px;
  display: inline-block;
  margin-left: 3px;
}
#statushistory .cp-status-history-changes .cp-form-history-multi-answer-display-object-scope-icon-update:before {
  content: "\f044";
  font-family: "Font Awesome 5 Pro";
  color: #3e74b1;
  font-size: 16px;
  width: 23px;
  display: inline-block;
  padding-right: 5px;
}
#statushistory .cp-status-history-changes .cp-form-history-multi-answer-display-object-scope-icon-delete:before {
  content: "\f068";
  font-family: "Font Awesome 5 Pro";
  color: #d63d3d;
  font-size: 16px;
  vertical-align: middle;
  width: 23px;
  display: inline-block;
  padding-right: 5px;
}
/* Forms status history -- END */
@media only screen and  (max-width: 800px) {
  .cp-inlineset-subform-row {
    display: flex;
    flex-direction: column;
  }
  .cp-inlineset-subform-row .cp-delete-inlineset-subform-row-column {
    position: absolute;
    padding-top: 15px;
    display: flex;
    flex-direction: row;
    right: 45px;
  }
}
.cp-form-property-explanation-container-content {
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 16px;
  /* fallback */
  max-height: 32px;
  /* fallback */
  -webkit-line-clamp: 2;
  /* number of lines to show */
  -webkit-box-orient: vertical;
  padding-left: 15px;
}
.cp-form-property-explanation-can-read-all {
  overflow: inherit;
  max-height: inherit;
  -webkit-line-clamp: inherit;
}
.cp-form-property-explanation-container-collapse-expand-button {
  display: block;
  text-align: right;
  cursor: pointer;
  font-size: 12px;
  text-decoration: underline;
}
.cp-excel-subform-input-cell .cp-coordinate-control {
  display: flex;
  justify-content: space-between;
}
.cp-excel-subform-input-cell .cp-coordinate-control input {
  width: calc(50% - 14px);
}
.cp-excel-subform-input-cell .cp-coordinate-control div.cp-geolocation-button {
  width: 20px;
  height: 20px;
  padding-top: 4px;
}
.cp-excel-subform-input-cell .cp-unit {
  margin: auto 0;
  padding-left: 10px;
}
.cp-excel-subform-input-cell ~ .button-remove-multianswer {
  padding-left: 10px;
}
.cp-excel-subform-input-cell ~ .button-add-multianswer {
  padding-left: 10px;
}
.cp-excel-subform-input-cell ~ .button-remove-multianswer,
.cp-excel-subform-input-cell ~ .button-add-multianswer {
  margin: auto 0;
}
.cp-form-property-explanation-container {
  font-size: 12px;
  text-decoration: italic;
}
/* Issue: #39226 - Print will cause huge files */
.cp-printview {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
}
.cp-printview .cp-style-container.cp-form-details.cp-sel-form-set {
  box-shadow: none !important;
  border: 1px solid lightgray !important;
}
.cp-printview #fastFormResultTabs {
  box-shadow: none !important;
}
.cp-printview .cp-style-container.form-inlinesetsubform-table {
  box-shadow: none !important;
  border: 1px solid lightgray !important;
}
.cp-printview .cp-sel-subform-container-overflow.cp-subform-container-overflow {
  box-shadow: none !important;
  border: 1px solid lightgray !important;
}
.cp-printview .cp-style-container.form-inlinesetsubform-table {
  box-shadow: none !important;
  border: 1px solid lightgray !important;
}
.cp-printview .cp-style-container.form-setsubform-set-table.cp-form-edit.cp-sel-form-set {
  box-shadow: none !important;
  border: 1px solid lightgray !important;
}
.cp-printview .cp-style-container {
  box-shadow: none !important;
  border: 1px solid lightgray !important;
}
.cp-printview .ui-widget-content {
  font-family: Helvetica, sans-serif !important;
}
/* Issue: #39478 - CHP-3099 - Multi answer values shown directly after each other in Form details  */
.cp-form-multi-answer-display-property > span {
  display: flex;
  flex-direction: row;
}
.cp-form-field-domain-explanation {
  font-style: italic;
}
.row-button-delete.cp-row-delete-button-hidden-min-rows {
  display: none;
}
ol.cp-bread-crumb {
  list-style-type: none;
  padding: 0;
  margin-block-start: 4px;
  margin-block-end: 0px;
}
ol.cp-bread-crumb li {
  display: inline-block;
  position: relative;
}
ol.cp-bread-crumb li:last-child a {
  cursor: default;
  color: #004873;
  font-size: larger;
  font-weight: bold;
}
ol.cp-bread-crumb li:last-child:not(:first-child) a ::before {
  vertical-align: middle;
  font-family: "Font Awesome 5 Pro";
  font-size: 6px;
  content: '\f111';
  font-weight: 900;
  padding-right: 6px;
}
ol.cp-bread-crumb li:not(:last-child)::after {
  content: "/";
  font-family: "Font Awesome 5 Pro";
}
ol.cp-bread-crumb li a {
  padding: 0 6px;
  color: #4586a3;
  font-weight: normal;
}
ol.cp-bread-crumb li:first-child a {
  padding-left: 0px;
}
div.cp-page-breadcrumb {
  font-size: 16px;
  margin-top: 6px;
}
#cmpuExistingRelationType .cp-company-unit-existing-selector {
  display: flex;
}
#mailPage {
  width: 100%;
  height: 100%;
  background-color: #4586a3;
  display: flex;
  flex-direction: column;
}
#mailPage > header {
  margin-left: 27px;
  margin-right: 27px;
  padding: 27px;
  top: 0px;
  width: calc(100% - 4*27px);
  background: #ffffff;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  display: flex;
  align-items: center;
}
#mailPage > header .cp-custom-logo {
  height: 60px;
  width: 322px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/web/images/logos/cplogo.png);
  margin-right: auto;
}
#mailPage article {
  background: #ffffff;
  margin: auto 27px 0 27px;
  border-radius: 15px;
}
#mailPage article h2 {
  color: #004873;
}
#mailPage article header,
#mailPage article section,
#mailPage article footer {
  padding: 27px;
}
#mailPage article footer {
  background-color: #004873;
  color: #ffffff;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.cp-cache-admin-button-container {
  display: flex;
}
.cp-cache-admin-button-container input[type=button] {
  margin: 5px;
  border-radius: 10px;
}
.cp-auth-cache-admin-button-container {
  display: flex;
  align-items: center;
}
.cp-auth-cache-admin-button-container input[type=button] {
  margin: 5px;
  border-radius: 10px;
}
.cp-auth-cache-admin-compare-container {
  display: flex;
  flex-direction: column;
  align-items: baseline;
}
.cp-auth-cache-default-value-container {
  display: flex;
  align-items: baseline;
  width: 100%;
}
.cp-auth-cache-default-value-container > div {
  margin-left: 10px;
  margin: 10px;
}
#personPage .cp-generate-password-row {
  display: flex;
}
#personPage .cp-generate-password-row > div.cp-generate-password-control-container {
  flex-grow: 1;
}
#personPage .cp-generate-password-row #showUndoButton {
  margin: 3px 0 0 8px;
}
#personPage .cp-generate-password-row #showUndoButton .cp-image-undo > span {
  color: #70757a;
}
/* CompanyUnit (configuration?) */
.cp-header-default-style {
  display: block;
  text-align: right;
}
.cp-header-default-style .cp-check-box input {
  margin-right: 0;
  margin-left: 8px;
}
.hidden-is-copy {
  display: none;
}
div.cp-compdetails-logo {
  padding-left: 47px;
}
#companyUnitDetailPage.cp-jq-tab-control.cp-company-tabs-disabled {
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#companyUnitDetailPage.cp-jq-tab-control.cp-company-tabs-disabled #showMapPlaceholder {
  margin-left: 0;
  margin-right: 0;
}
#companyUnitDetailPage .cp-compdetails-logo,
#companyUnitDetailPage #showMapPlaceholder {
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  padding: 27px;
  margin: 0 27px 27px;
  border-radius: 15px;
}
@media only screen and  (max-width: 800px) {
  #companyUnitDetailPage .cp-compdetails-logo,
  #companyUnitDetailPage #showMapPlaceholder {
    margin: 0 6px 27px 6px;
  }
}
#companyUnitDetailPage #showMapPlaceholder {
  padding: 0;
  position: relative;
  overflow: hidden;
}
#companyUnitDetailPage #showMapPlaceholder > #mapsCanvasHolder {
  width: 100%;
  height: 400px;
}
.cp-logo-upload-column img {
  vertical-align: unset;
  margin-top: 14px;
}
/* CompanyUnit (configuration?) end */
#myaccountPersonalInformation .cp-my-account-companies-table .cp-input.cp-email-box {
  width: calc(100% - 40px) !important;
}
#mailTemplateErrors .validation-summary-errors {
  margin-top: 0px;
}
.no-pointer-events {
  pointer-events: none;
}
.cp-employee-autonummer,
.cp-employee-autonummer #autoNumberingPrediction {
  display: inline-block;
  width: 100%;
}
.cp-employee-autonummer span,
.cp-employee-autonummer #autoNumberingPrediction span {
  width: calc(50% - 14px);
  display: inline-block;
}
/* translations sync bar */
.progressbarsync {
  position: relative;
  height: 1.7em;
}
#syncProcBar .ui-progressbar-value {
  margin: 0px;
  border: none;
}
#syncProcBar span {
  position: static;
  margin-top: -1.8em;
  text-align: center;
  display: block;
  line-height: 2em;
  padding-left: 10px;
  padding-right: 10px;
}
/* translations sync bar end */
/* fixes for multi select positioning and overflow */
#addEditPifnPersonDetails .cp-style-container,
#personPage .cp-style-container,
#webapiclient .cp-style-container,
#companyUnitPropertyConfiguration .cp-style-container {
  overflow: visible;
}
#addEditPifnPersonDetails .cp-style-container .ms-drop,
#personPage .cp-style-container .ms-drop,
#webapiclient .cp-style-container .ms-drop,
#companyUnitPropertyConfiguration .cp-style-container .ms-drop {
  margin-left: 0;
  max-width: 500px;
}
/* fixes to text input in grid, causing to flow out of column (should probably be a global stlye but to risky for now) */
#Profile_Settings.cp-sel-grid .cp-grid-data-control .cp-input.cp-text-box input {
  width: 100%;
}
.cp-alert-month-table tbody > tr > td,
.cp-alert-day-table tbody > tr > td,
.cp-alert-weekday-table tbody > tr > td {
  padding-right: 20px;
}
.cp-alert-month-table .cp-check-box,
.cp-alert-day-table .cp-check-box,
.cp-alert-weekday-table .cp-check-box {
  width: 17px;
}
.cp-alert-day-table tbody > tr > td {
  width: 20px;
  height: 15px;
  text-align: center;
}
.cp-error-container .cp-login {
  text-align: center;
}
.cp-error-container .cp-login-container .cp-login-header {
  width: 90%;
  text-align: center;
}
.cp-error-container .cp-login-container .cp-login-box,
.cp-error-container .cp-login-container .cp-login-header {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
.cp-error-container .cp-login-container .cp-section-info {
  max-width: 90%;
}
.cp-error-container .cp-login-container .cp-error-recenter {
  padding-left: 100px;
}
@media only screen and  (max-width: 800px) {
  .cp-error-container .cp-login-container .cp-error-recenter {
    padding: 14px 14px 0 14px;
  }
}
.cp-validation-error-grid-section {
  margin-bottom: 3px;
}
.cp-auth-cache-diag-currently-enabled {
  display: flex;
  justify-content: flex-end;
}
.cp-auth-cache-diag-currently-enabled .cp-auth-cache-diag-caching-enabled {
  color: green;
}
.cp-loganalyzer .cp-data-table-container td {
  vertical-align: top;
}
@-webkit-keyframes cp-progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes cp-progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.cp-progress {
  border-radius: 25px;
  overflow: hidden;
  height: 30px;
  background-color: #c5cfd4;
  box-shadow: none;
}
.cp-progress.cp-progress-xs {
  height: 10px;
  margin-top: 5px;
}
.cp-progress.cp-progress-sm {
  height: 20px;
  margin-top: 5px;
}
.cp-progress.cp-progress-lg {
  height: 30px;
}
.cp-progress-bar {
  height: 30px;
  border-radius: 25px;
  background-color: #004873;
  background: #004873;
  background: -moz-linear-gradient(to right, #004873, #004873);
  background: -webkit-linear-gradient(to right, #004873, #004873);
  background: linear-gradient(to right, #004873, #004873);
  box-shadow: none;
}
.cp-progress-striped {
  filter: saturate(0.9);
}
.cp-progress-shadow {
  width: 100%;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.1));
}
.cp-progress.active .cp-progress-bar,
.cp-progress-bar.active {
  animation: cp-progress-bar-stripes 2s linear reverse infinite;
}
.cp-progress-striped .cp-progress-bar,
.cp-progress-bar-striped {
  background-image: -webkit-linear-gradient(-45deg, #004873 25%, #004873 25%, #004873 50%, #004873 50%, #004873 75%, #004873 75%, #004873);
  background-image: -o-linear-gradient(-45deg, #004873 25%, #004873 25%, #004873 50%, #004873 50%, #004873 75%, #004873 75%, #004873);
  background-image: linear-gradient(-45deg, #004873 25%, #004873 25%, #004873 50%, #004873 50%, #004873 75%, #004873 75%, #004873);
  background-size: 40px 40px;
}
.cp-controls-toggle {
  position: relative;
  display: block;
  height: 21px;
}
.cp-controls-toggle[cp-label-position="right"] .cp-controls-toggle-label {
  padding: 0 0 0 28px;
  white-space: nowrap;
  top: -2px;
}
.cp-controls-toggle[cp-label-position="right"]:last-of-type {
  margin-left: 16px;
}
.cp-controls-toggle[cp-label-position="left"] .cp-controls-toggle-slider {
  left: 60px;
  left: unset;
  right: 0;
}
.cp-controls-toggle[cp-label-position="left"] .cp-controls-toggle-label {
  left: unset;
  right: 72px;
}
.cp-controls-toggle-slider {
  position: absolute;
  cursor: pointer;
  width: 39px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -moz-linear-gradient(to right, #c5cfd4, #c5cfd4);
  background: -webkit-linear-gradient(to right, #c5cfd4, #c5cfd4);
  background: linear-gradient(to right, #c5cfd4, #c5cfd4);
  -webkit-transition: .4s;
  transition: .4s;
}
.cp-controls-toggle-slider::before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 4px;
  bottom: 3px;
  background: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.cp-controls-toggle-slider.round {
  border-radius: 34px;
}
.cp-controls-toggle-slider.round::before {
  border-radius: 50%;
}
.cp-controls-toggle-input {
  opacity: 0;
  width: 0;
  height: 0;
}
.cp-controls-toggle-input:checked + .cp-controls-toggle-slider {
  background-color: #004873;
  background: #004873;
  background: -moz-linear-gradient(to right, #004873, #004873);
  background: -webkit-linear-gradient(to right, #004873, #004873);
  background: linear-gradient(to right, #004873, #004873);
}
.cp-controls-toggle-input:checked + .cp-controls-toggle-slider::before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}
.cp-controls-toggle-input:focus + .cp-controls-toggle-slider {
  box-shadow: 0 0 1px #004873;
}
.cp-controls-toggle-label {
  position: relative;
  left: 0;
  top: 6px;
}
.cp-controls-toggle-label:hover {
  cursor: pointer;
}
.loading-small,
.loading-big {
  --fa-primary-color: #4586a3;
  --fa-secondary-color: #4586a3;
}
.loading-small {
  font-size: 1.5em;
}
.cp-easy-sync-comparison-results-loading {
  position: relative;
}
.cp-easy-sync-comparison-results-loading .cp-easy-sync-comparison-results-loader {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  flex-direction: column;
  align-items: center;
  display: flex;
  justify-content: center;
}
.cp-easy-sync-comparison-results-loading .cp-easy-sync-comparison-results-loader .fa-stack {
  display: block;
}
.cp-easy-sync-comparison-results-loading .cp-easy-sync-comparison-results-loader .fa-stack .fa-spinner-third {
  color: #004873;
}
.cp-easy-sync-comparison-results-loading .cp-easy-sync-comparison-results-loader .fa-stack .fa-exclamation {
  color: #ea1c24;
  font-weight: 900;
  display: none;
}
.cp-easy-sync-comparison-results-loading .cp-easy-sync-comparison-results-loader.state-error .fa-stack .fa-exclamation {
  display: block;
}
.cp-easy-sync-comparison-results-loading .cp-easy-sync-comparison-results-loader.state-error .progressLabel,
.cp-easy-sync-comparison-results-loading .cp-easy-sync-comparison-results-loader.state-error .fa-spinner-third {
  color: #ea1c24;
}
.cp-easy-sync-comparison-results-loading .cp-easy-sync-comparison-results-loader .progressLabel {
  text-align: center;
  display: block;
  margin-top: 12px;
  max-width: 350px;
}
.cp-info-section-box.cp-section-warning,
.cp-info-section-box.cp-section-success,
.cp-info-section-box.cp-section-danger,
.cp-info-section-box.cp-section-info {
  background-color: #f1f6fc;
  border: solid 1px #c5cfd4;
  border-radius: 15px;
  font-style: italic;
  padding: 14px;
  text-align: center;
  display: flex;
}
.cp-info-section-box.cp-section-warning ul,
.cp-info-section-box.cp-section-success ul,
.cp-info-section-box.cp-section-danger ul,
.cp-info-section-box.cp-section-info ul {
  text-align: left;
}
.cp-info-section-box .cp-danger-image,
.cp-info-section-box .cp-info-image,
.cp-info-section-box .cp-success-image,
.cp-info-section-box .cp-warning-image {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  display: flex;
  align-self: center;
}
.cp-info-section-box .cp-danger-image:before {
  content: "\f06a  ";
}
.cp-info-section-box .cp-info-image:before {
  content: "\f059  ";
}
.cp-info-section-box .cp-success-image:before {
  content: "\f14a  ";
}
.cp-info-section-box .cp-warning-image:before {
  content: "\f071  ";
}
.cp-info-section-box.cp-section-align-left {
  text-align: left;
}
.cp-info-section-box.cp-section-align-left .cp-warning-image {
  align-self: flex-start;
  margin-right: 10px;
}
.qtip {
  font-size: 16px;
  color: #70757a;
}
.qtip.ui-tooltip-shadow {
  border: solid 1px #c5cfd4;
  border-radius: 15px;
  background-color: #ffffff;
  font-size: 16px;
  color: #70757a;
  line-height: 18px;
}
.qtip .qtip-content {
  padding: 14px;
}
.qtip .cp-qtip-grid {
  border-collapse: separate;
  border-spacing: 0;
}
.qtip .cp-qtip-grid thead {
  background-color: #004873;
}
.qtip .cp-qtip-grid thead th {
  padding: 9px;
  color: #ffffff;
}
.qtip .cp-qtip-grid thead th:first-of-type {
  border-top-left-radius: 15px;
}
.qtip .cp-qtip-grid thead th:last-of-type {
  border-top-right-radius: 15px;
}
.qtip .cp-qtip-grid tbody tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 15px;
}
.qtip .cp-qtip-grid tbody tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 15px;
}
.qtip .cp-qtip-grid tbody tr:nth-of-type(even) {
  background-color: #f1f6fc;
}
.qtip .cp-qtip-grid tbody tr:nth-of-type(odd) {
  background-color: #ffffff;
}
.qtip .cp-qtip-grid tbody tr td {
  color: #70757a;
  font-size: 16px;
  padding: 7px 9px;
  border-bottom: solid 1px #c5cfd4;
}
.qtip .cp-qtip-grid tbody tr td:first-of-type {
  border-left: solid 1px #c5cfd4;
}
.qtip .cp-qtip-grid tbody tr td:last-of-type {
  border-right: solid 1px #c5cfd4;
}
#remoteServerGrid .cp-sel-grid .esync-deploy-button {
  border-radius: 10px;
  padding-top: 7px;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
#loginPopup #loginMessage {
  padding-bottom: 27px;
}
#UnhidePopup .cp-dialog-buttons,
#DeployPopup .cp-dialog-buttons {
  padding-top: 27px;
}
#remoteServerOverViewTabContainer.cp-jq-tab-control.cp-tabs-disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.cp-easy-sync-deployment,
.cp-easy-sync-comparison-results {
  display: grid;
  grid-template-rows: auto;
  background: #ffffff;
  border-radius: 15px;
  padding: 0;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
}
.cp-easy-sync-deployment h3,
.cp-easy-sync-comparison-results h3 {
  color: #4586a3;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  padding: 14px;
}
.cp-easy-sync-deployment h3 div > i,
.cp-easy-sync-comparison-results h3 div > i,
.cp-easy-sync-deployment h3 div > span,
.cp-easy-sync-comparison-results h3 div > span {
  color: #004873;
}
.cp-easy-sync-deployment h3 div > i:hover,
.cp-easy-sync-comparison-results h3 div > i:hover,
.cp-easy-sync-deployment h3 div > span:hover,
.cp-easy-sync-comparison-results h3 div > span:hover {
  cursor: pointer;
}
.cp-easy-sync-deployment h3 {
  border-bottom: solid 1px #f1f6fc;
}
.cp-easy-sync-deployment-details {
  display: grid;
  grid-template-columns: 40% 60%;
  padding: 27px;
}
.cp-easy-sync-deployment-server-info > div {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(50%, 1fr));
}
.cp-easy-sync-deployment-server-info > div::after {
  content: " ";
  position: absolute;
  bottom: -1px;
  width: 7%;
  display: block;
  background: #f1f6fc;
  height: 2px;
}
.cp-easy-sync-deployment-server-info > div span {
  font-size: 16px;
  line-height: 2.5;
  text-align: left;
}
.cp-easy-sync-deployment-server-info > div span:first-of-type {
  font-weight: 500;
  color: #4586a3;
}
.cp-easy-sync-deployment-server-info > div span:not(:first-of-type) {
  color: #70757a;
}
.cp-easy-sync-deployment-reporting {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-gap: 30px;
  justify-items: flex-end;
}
.cp-easy-sync-deployment-reporting #btnCheckForDifferences {
  padding: 12px 24px;
  height: 45px;
  color: white;
  width: fit-content;
  border: none;
  transition: box-shadow 0.3s ease-in-out;
  font-family: "Quicksand";
  background-color: #004873;
}
.cp-easy-sync-deployment-reporting #btnCheckForDifferences:hover {
  box-shadow: 0 0 5px #004873;
}
.cp-easy-sync-deployment-reporting #btnCheckForDifferences:hover {
  cursor: pointer;
}
.cp-easy-sync-comparison-results {
  display: grid;
  grid-template-rows: auto;
}
.cp-easy-sync-comparison-results-header {
  border-bottom: solid 1px #f1f6fc;
  display: grid;
  grid-template-columns: 1fr auto auto;
}
.cp-easy-sync-comparison-results-header #btnDeploy {
  margin: 5px 30px 5px 30px;
  padding: 12px 24px;
  height: 45px;
  color: white;
  width: fit-content;
  border: none;
  transition: box-shadow 0.3s ease-in-out;
  font-family: "Quicksand";
  background-color: #004873;
}
.cp-easy-sync-comparison-results-header #btnDeploy:hover {
  box-shadow: 0 0 5px #004873;
}
.cp-easy-sync-comparison-results-header #btnDeploy:hover {
  cursor: pointer;
}
.cp-easy-sync-comparison-results-legend {
  display: grid;
  grid-template-columns: repeat(3, fit-content(200px));
  grid-gap: 12px 60px;
}
#progressBarContainer .progress-label {
  font-size: larger;
  margin-top: 10px;
}
.cp-esync-error-bar {
  color: red;
  font-size: larger;
  padding-left: 30px;
  margin-top: -10px;
  padding-bottom: 10px;
  width: 100%;
}
#loginPopup .cp-info-table {
  margin: 0 0 20px 0;
}
#selectTypesDialog .select-functions > .cp-button,
#UnhidePopup .select-functions > .cp-button {
  margin-right: 6px;
}
.cp-easy-sync-dont-ask-again-centered {
  text-align: center;
}
#ComparisonPopup h5 {
  font-size: 12pt;
}
#ComparisonPopup h4 {
  font-size: 14pt;
}
.cp-easy-sync-compare-box-close-button {
  padding: 12px 24px;
  height: 45px;
  width: fit-content;
  border: none;
  transition: box-shadow 0.3s ease-in-out;
  font-family: "Quicksand";
  background-color: #004873;
  width: 45px;
  border-radius: 50%;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
  font-size: 1.5em;
  color: white;
  position: absolute;
  top: -100px;
  right: -40px;
  padding: 0;
}
.cp-easy-sync-compare-box-close-button:hover {
  box-shadow: 0 0 5px #004873;
}
.cp-easy-sync-compare-box-close-button:hover {
  cursor: pointer;
}
.cp-easy-sync-compare-box .cp-easy-sync-compare-box-controls {
  display: flex !important;
}
.cp-easy-sync-compare-box .cp-easy-sync-compare-box-controls h5 {
  flex-grow: 1;
}
.cp-easy-sync-compare-box .cp-easy-sync-compare-box-controls .toggles.cp-columns-2 {
  display: flex !important;
  white-space: nowrap;
}
.cp-easy-sync-compare-box-controls {
  grid-gap: 0 12px;
}
.cp-easy-sync-compare-box-controls .toggles {
  display: flex;
}
.cp-easy-sync-compare-box-controls h5 {
  align-self: center;
}
.cp-easy-sync-compare-box-change-log div {
  margin-top: 9px;
}
.cp-easy-sync-compare-box-change-log div h5 {
  grid-column-start: span 2;
}
.cp-easy-sync-compare-box-change-log div span {
  padding: 9px 9px 9px 0;
}
.cp-easy-sync-compare-box-change-log div span:nth-of-type(odd) {
  color: #4586a3;
  position: relative;
}
.cp-easy-sync-compare-box-change-log div span:nth-of-type(odd)::after {
  content: " ";
  position: absolute;
  background-color: #f1f6fc;
  width: 20%;
  height: 1px;
  bottom: 0;
  left: 0;
}
.cp-easy-sync-compare-box-change-log div span:nth-of-type(even) {
  padding-right: 15px;
}
.cp-easy-sync-compare-box-change-log-item div {
  padding-inline-start: 15px;
}
.cp-easy-sync-compare-box-inner {
  background: #ffffff;
  border-radius: 15px;
  padding: 27px;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
}
.cp-easy-sync-compare-box-inner:not(.cp-easy-sync-compare-box-controls) {
  margin-top: 18px;
}
.cp-easy-sync-compare-box-inner h4 {
  border-bottom: 1px solid #c5cfd4;
  padding-bottom: 9px;
  grid-column-start: span 2;
}
.cp-easy-sync-compare-box-inner h4.cp-collapse-trigger:hover {
  cursor: pointer;
}
.cp-easy-sync-compare-box-inner h4.cp-collapse-trigger.expanded::after {
  content: "\f068";
}
.cp-easy-sync-compare-box-inner h4.cp-collapse-trigger.collapsed::after {
  content: "\f067";
}
.cp-easy-sync-compare-box-inner h4.cp-collapse-trigger::after {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  right: 55px;
}
.cp-easy-sync-compare-box-inner-header {
  display: grid;
  grid-gap: 15px;
  margin-top: 9px;
  grid-template-columns: repeat(2, 50%) !important;
}
.cp-easy-sync-compare-box-inner-header.expandable:hover {
  cursor: pointer;
}
.cp-easy-sync-compare-box-inner-header.expandable.expanded h5::after {
  content: "\f077";
}
.cp-easy-sync-compare-box-inner-header.expandable.collapsed h5::after {
  content: "\f078";
}
.cp-easy-sync-compare-box-inner-header h5 {
  margin: 9px 0;
  position: relative;
}
.cp-easy-sync-compare-box-inner-header h5.cp-remote {
  left: -15px;
}
.cp-easy-sync-compare-box-inner-header h5::after {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  font-size: smaller;
  right: 18px;
  top: 2px;
}
.cp-easy-sync-compare-box-inner-header:first-child {
  margin-top: 0;
}
.cp-easy-sync-compare-box-inner-item {
  margin-top: 18px;
}
.cp-easy-sync-compare-box-inner-item-contents {
  grid-gap: 6px 0;
}
.cp-easy-sync-compare-box-inner-item-contents--list,
.cp-easy-sync-compare-box-inner-item-contents--grid {
  padding-inline-start: 15px;
}
.cp-easy-sync-compare-box-inner-item-contents--list h5,
.cp-easy-sync-compare-box-inner-item-contents--grid h5 {
  position: relative;
  left: -15px;
  margin-bottom: 9px;
}
.cp-easy-sync-compare-box-inner-item-contents--list span,
.cp-easy-sync-compare-box-inner-item-contents--grid span {
  color: #4586a3;
}
.cp-easy-sync-compare-box-inner-item-contents--list span:nth-of-type(odd),
.cp-easy-sync-compare-box-inner-item-contents--grid span:nth-of-type(odd) {
  position: relative;
}
.cp-easy-sync-compare-box-inner-item-contents--list span:nth-of-type(odd)::after,
.cp-easy-sync-compare-box-inner-item-contents--grid span:nth-of-type(odd)::after {
  content: " ";
  position: absolute;
  background-color: #f1f6fc;
  width: 50%;
  height: 1px;
  bottom: 0;
  left: 0;
}
.cp-easy-sync-compare-box-inner-item-contents--list span:nth-of-type(even),
.cp-easy-sync-compare-box-inner-item-contents--grid span:nth-of-type(even) {
  padding-right: 15px;
}
.cp-easy-sync-compare-box-inner-item-contents--list span ul,
.cp-easy-sync-compare-box-inner-item-contents--grid span ul {
  margin: 0;
  padding: 0 20px;
}
.cp-easy-sync-compare-box-inner-item-contents--list {
  display: grid;
  grid-template-columns: 20% 1fr;
  grid-gap: 15px;
}
.cp-easy-sync-compare-box-inner-item-contents--list span {
  padding: 9px 9px 9px 0;
}
.cp-easy-sync-compare-box-inner-item-contents--list span:nth-of-type(even) {
  overflow: auto;
  max-height: 64px;
  margin-right: 15px;
}
.cp-easy-sync-compare-box-inner-item-contents--grid {
  grid-auto-flow: column;
  padding-inline-start: 0;
  grid-gap: 12px 0;
}
.cp-easy-sync-compare-box-inner-item-contents--grid h5 {
  left: 0;
}
.cp-easy-sync-compare-box-inner-item-contents--grid > div {
  padding-inline-start: 15px;
  grid-gap: 18px;
}
.cp-easy-sync-compare-box-inner-item-contents--grid > div:not([class^="cp-columns-"]) {
  display: grid;
  grid-template-columns: 25% 75%;
}
.cp-easy-sync-compare-box-inner-item-contents--grid > div:not([class^="cp-columns-"]).cp-easy-sync-code-block {
  grid-gap: 0;
  grid-template-columns: 99% 1%;
}
.cp-easy-sync-compare-box-inner-item-contents--grid > div.cp-easy-sync-code-block pre {
  padding: 6px;
  padding-bottom: 0;
  margin: 0;
  margin-right: 15px;
}
.cp-easy-sync-compare-box-inner-item-contents--grid > div.cp-easy-sync-code-block pre code {
  overflow: auto;
  max-height: 250px;
  height: fit-content;
}
.cp-easy-sync-compare-box-inner-item-contents--grid span {
  padding: 9px 0;
}
.cp-easy-sync-compare-box-inner-item-contents--grid span::after {
  width: 25% !important;
}
.cp-easy-sync-compare-box-inner-item .cp-sel-grid {
  margin-bottom: 0;
}
.cp-easy-sync-compare-box-inner-item .cp-sel-grid span {
  margin: 0 !important;
  padding: 0 !important;
}
.cp-easy-sync-compare-box-inner-item .cp-sel-grid .cp-data-table-container .cp-grid-data-control tr:nth-of-type(odd) td:nth-child(2) {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.cp-easy-sync-compare-box-state-no-difference.hide {
  visibility: hidden;
  height: 0;
}
.cp-easy-sync-compare-box .cp-local,
.cp-easy-sync-compare-box .cp-remote {
  border-left: 4px solid transparent;
}
.cp-easy-sync-compare-box-state-has-difference:not(.esync-compare-code-container):not(.esync-compare-code) .cp-remote:not(h5):not(.cp-easy-sync-compare-box-state-no-difference):not(.cp-easy-sync-compare-box-change-log-item),
.cp-easy-sync-compare-box-state-has-difference:not(.esync-compare-code-container):not(.esync-compare-code) .cp-local:not(h5):not(.cp-easy-sync-compare-box-state-no-difference):not(.cp-easy-sync-compare-box-change-log-item) {
  background: #f1f6fc;
  font-style: italic;
}
.cp-easy-sync-compare-box-state-has-difference:not(.esync-compare-code-container):not(.esync-compare-code) .cp-remote:not(h5):not(.cp-easy-sync-compare-box-state-no-difference):not(.cp-easy-sync-compare-box-change-log-item) .cp-grid-scroller,
.cp-easy-sync-compare-box-state-has-difference:not(.esync-compare-code-container):not(.esync-compare-code) .cp-local:not(h5):not(.cp-easy-sync-compare-box-state-no-difference):not(.cp-easy-sync-compare-box-change-log-item) .cp-grid-scroller {
  border: 1px solid #004873;
}
.cp-easy-sync-compare-box-state-has-difference:not(.esync-compare-code-container):not(.esync-compare-code) .cp-local:not(h5):not(.cp-easy-sync-compare-box-state-no-difference):not(.cp-easy-sync-compare-box-change-log-item) {
  border-left: 4px solid #004873;
}
.cp-easy-sync-compare-box-state-remote-not-existing .cp-remote:not(.cp-easy-sync-code-block),
.cp-easy-sync-compare-box-state-remote-not-existing .cp-remote *:not(pre):not(code) {
  text-decoration: line-through;
}
.cp-easy-sync-compare-box-state-remote-not-existing .cp-remote,
.cp-easy-sync-compare-box-state-remote-not-existing .cp-remote * {
  color: #c5cfd4 !important;
  border: none !important;
}
.cp-easy-sync-compare-box-state-remote-not-existing .cp-remote pre,
.cp-easy-sync-compare-box-state-remote-not-existing .cp-remote code {
  text-decoration: none;
}
.cp-easy-sync-compare-box-state-local-not-existing .cp-local:not(.cp-easy-sync-code-block),
.cp-easy-sync-compare-box-state-local-not-existing .cp-local *:not(pre):not(code) {
  text-decoration: line-through;
}
.cp-easy-sync-compare-box-state-local-not-existing .cp-local,
.cp-easy-sync-compare-box-state-local-not-existing .cp-local * {
  color: #c5cfd4 !important;
  border: none !important;
}
.cp-easy-sync-compare-box-state-local-not-existing .cp-local pre,
.cp-easy-sync-compare-box-state-local-not-existing .cp-local code {
  text-decoration: none;
}
.cp-easy-sync-compare-box .cp-easy-sync-type-grid {
  grid-template-columns: repeat(1, 1fr) !important;
}
.cp-easy-sync-compare-box .cp-easy-sync-type-grid .cp-grid-header {
  font-size: inherit;
}
.cp-easy-sync-compare-box .cp-easy-sync-type-grid .cp-grid-header-title {
  font-size: inherit;
  width: 100%;
}
.cp-easy-sync-compare-box .cp-easy-sync-type-grid .cp-grid-header-title span {
  display: block;
  padding: 0;
  margin: 0;
}
.cp-easy-sync-compare-box .cp-easy-sync-type-grid .cp-grid-header-title span::after {
  display: none;
}
.cp-easy-sync-compare-box .cp-easy-sync-compare-box-state-has-difference pre code {
  border: 1px solid #004873;
}
.cp-easy-sync-compare-box .cp-easy-sync-compare-box-state-has-difference pre code span {
  padding: 0;
}
.cp-easy-sync-compare-box .cp-easy-sync-compare-box-state-has-difference pre code span::after {
  content: unset;
}
.cp-easy-sync-compare-box#event_handler_comparison .cp-easy-sync-compare-box-inner-item-contents--grid {
  grid-gap: 0 30px;
}
.cp-esync-compare-container {
  display: flex;
  justify-content: space-between;
}
.esync-compare-value-different {
  background-color: lightyellow;
  display: inline-grid;
}
.esync-compare-value-different-row {
  background-color: lightyellow;
  display: table-row;
}
.esync-compare-value-long-text {
  height: 60px;
  overflow-y: auto;
}
pre.esync-compare-code {
  height: 100%;
  overflow: auto;
  margin-top: unset;
  font-size: smaller;
}
.cp-easy-sync-comparison-results-tree-view {
  margin: 0;
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base {
  margin: 0;
  padding: 27px;
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base > [id*="_group"] {
  background: #ffffff;
  border-radius: 15px;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  margin-top: 27px !important;
  flex-grow: 1;
  flex-flow: row wrap;
  display: flex;
  font-size: 0;
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base > [id*="_group"] i,
.cp-easy-sync-comparison-results-tree-view .hummingbird-base > [id*="_group"] label,
.cp-easy-sync-comparison-results-tree-view .hummingbird-base > [id*="_group"] span {
  vertical-align: middle;
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base > [id*="_group"] > ul {
  width: 100%;
  padding: 27px;
  margin: 0 !important;
  display: flex;
  flex-flow: column;
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base > [id*="_group"] > ul li {
  position: relative;
  cursor: pointer;
  line-height: 40px;
  align-items: center;
  font-size: 16px;
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base > [id*="_group"] > ul span.fa.fa-ellipsis-h {
  order: 3;
  position: absolute;
  right: 60px;
  width: 30px;
  text-align: center;
  top: 13px;
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base > [id*="_group"] > ul span.fa-eye-slash {
  top: 13px;
  position: absolute;
  left: 14px;
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base > [id*="_group"] > ul i {
  text-align: right;
  order: 2;
  position: absolute;
  right: 14px;
  top: 13px;
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base > [id*="_group"] > ul i.fas.fa-exclamation-triangle {
  position: relative;
  top: 0;
  right: unset;
  left: 18px;
  color: #ea1c24;
  font-weight: 900;
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base > [id*="_group"] > ul i[title="Element has no children"] {
  display: none;
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base > [id*="_group"] > ul i[title="Element has no children"] + label {
  order: 1;
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base > [id*="_group"] > ul i[title="Element has no children"] + span {
  right: 18px !important;
  text-align: right !important;
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base > [id*="_group"] > ul i + label {
  order: 2;
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base > [id*="_group"] > ul i + label + ul {
  order: 4;
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base > [id*="_group"] > ul label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1;
  padding-left: 48px;
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base > [id*="_group"] > ul label span.display-name {
  flex-grow: 1;
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base > [id*="_group"] > ul label span.display-name span.cp-esync-entity-status {
  vertical-align: baseline;
  font-style: italic;
  padding: 0 6px 0 12px;
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base > [id*="_group"] > ul label span.fa {
  width: 30px;
  margin-right: 14px;
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base > [id*="_group"] > ul label input {
  top: 0;
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base > [id*="_group"] > ul label:hover {
  background-color: rgba(69, 134, 163, 0.05);
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base > [id*="_group"] > ul > li:not(:last-child) {
  border-bottom: 1px solid #c5cfd4;
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base > [id*="_group"] > label {
  padding: 20px;
  flex-flow: row wrap;
  flex-grow: 1;
  font-family: "Quicksand";
  font-weight: 500;
  vertical-align: middle;
  border-bottom: solid 1px #f1f6fc;
  color: #4586a3;
  font-size: 18px;
  font-weight: bold;
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base > [id*="_group"] > label span {
  color: #4586a3;
  font-size: 18px;
  font-weight: bold;
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base > [id*="_group"] > label:hover {
  cursor: pointer;
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base > [id*="_group"] > label input {
  top: 4px;
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base > [id*="_group"] > i {
  order: 2;
  align-items: center;
  display: flex;
  justify-content: flex-end;
  padding: 20px;
  cursor: pointer;
  border-bottom: solid 1px #f1f6fc;
  color: #4586a3;
  font-size: 18px;
  font-weight: bold;
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base > [id*="_group"]:first-of-type {
  margin-top: 0 !important;
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base ul {
  width: 100%;
  order: 6;
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base li {
  display: flex;
  flex-flow: row wrap;
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base ul,
.cp-easy-sync-comparison-results-tree-view .hummingbird-base li {
  margin: 0 !important;
}
.cp-easy-sync-comparison-results-tree-view .hummingbird-base label:hover {
  cursor: pointer;
}
#comparisonResults h3::after {
  content: "";
}
#comparisonResults h3 > span:first-of-type {
  position: relative;
  display: inline-block;
}
#comparisonResults h3 > span:first-of-type::after {
  content: ".";
  position: absolute;
  font-size: inherit;
  color: #004873;
}
.cp-easy-sync-comparison-results.isLoading {
  flex-grow: 1;
}
.cp-easy-sync-comparison-results.isLoading > * {
  pointer-events: none;
}
#DeployResultsPopup ul {
  list-style-type: none;
  margin: 0;
}
#DeployResultsPopup ul li.cp-easync-error-message-level-0 {
  padding-top: 5px;
}
#DeployResultsPopup ul li.cp-easync-error-message-level-1 {
  padding-top: 10px;
  padding-left: 15px;
}
#DeployResultsPopup ul li.cp-easync-error-message-level-2 {
  padding-left: 30px;
}
#DeployResultsPopup ul .hummingbird-base {
  margin: 0;
  padding: 27px;
}
#DeployResultsPopup ul .hummingbird-base > [id*="_group"] {
  background: #ffffff;
  border-radius: 15px;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  margin-top: 27px !important;
  flex-grow: 1;
  flex-flow: row wrap;
  display: flex;
  font-size: 0;
}
#DeployResultsPopup ul .hummingbird-base > [id*="_group"] i,
#DeployResultsPopup ul .hummingbird-base > [id*="_group"] label,
#DeployResultsPopup ul .hummingbird-base > [id*="_group"] span {
  vertical-align: middle;
}
#DeployResultsPopup ul .hummingbird-base > [id*="_group"] > ul {
  width: 100%;
  padding: 27px;
  margin: 0 !important;
  display: flex;
  flex-flow: column;
}
#DeployResultsPopup ul .hummingbird-base > [id*="_group"] > ul li {
  position: relative;
  cursor: pointer;
  line-height: 40px;
  align-items: center;
  font-size: 16px;
}
#DeployResultsPopup ul .hummingbird-base > [id*="_group"] > ul span.fa.fa-ellipsis-h {
  order: 3;
  position: absolute;
  right: 60px;
  width: 30px;
  text-align: center;
  top: 13px;
}
#DeployResultsPopup ul .hummingbird-base > [id*="_group"] > ul span.fa-eye-slash {
  top: 13px;
  position: absolute;
  left: 14px;
}
#DeployResultsPopup ul .hummingbird-base > [id*="_group"] > ul i {
  text-align: right;
  order: 2;
  position: absolute;
  right: 14px;
  top: 13px;
}
#DeployResultsPopup ul .hummingbird-base > [id*="_group"] > ul i.fas.fa-exclamation-triangle {
  position: relative;
  top: 0;
  right: unset;
  left: 18px;
  color: #ea1c24;
  font-weight: 900;
}
#DeployResultsPopup ul .hummingbird-base > [id*="_group"] > ul i[title="Element has no children"] {
  display: none;
}
#DeployResultsPopup ul .hummingbird-base > [id*="_group"] > ul i[title="Element has no children"] + label {
  order: 1;
}
#DeployResultsPopup ul .hummingbird-base > [id*="_group"] > ul i[title="Element has no children"] + span {
  right: 18px !important;
  text-align: right !important;
}
#DeployResultsPopup ul .hummingbird-base > [id*="_group"] > ul i + label {
  order: 2;
}
#DeployResultsPopup ul .hummingbird-base > [id*="_group"] > ul i + label + ul {
  order: 4;
}
#DeployResultsPopup ul .hummingbird-base > [id*="_group"] > ul label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1;
  padding-left: 48px;
}
#DeployResultsPopup ul .hummingbird-base > [id*="_group"] > ul label span.display-name {
  flex-grow: 1;
}
#DeployResultsPopup ul .hummingbird-base > [id*="_group"] > ul label span.display-name span.cp-esync-entity-status {
  vertical-align: baseline;
  font-style: italic;
  padding: 0 6px 0 12px;
}
#DeployResultsPopup ul .hummingbird-base > [id*="_group"] > ul label span.fa {
  width: 30px;
  margin-right: 14px;
}
#DeployResultsPopup ul .hummingbird-base > [id*="_group"] > ul label input {
  top: 0;
}
#DeployResultsPopup ul .hummingbird-base > [id*="_group"] > ul label:hover {
  background-color: rgba(69, 134, 163, 0.05);
}
#DeployResultsPopup ul .hummingbird-base > [id*="_group"] > ul > li:not(:last-child) {
  border-bottom: 1px solid #c5cfd4;
}
#DeployResultsPopup ul .hummingbird-base > [id*="_group"] > label {
  padding: 20px;
  flex-flow: row wrap;
  flex-grow: 1;
  font-family: "Quicksand";
  font-weight: 500;
  vertical-align: middle;
  border-bottom: solid 1px #f1f6fc;
  color: #4586a3;
  font-size: 18px;
  font-weight: bold;
}
#DeployResultsPopup ul .hummingbird-base > [id*="_group"] > label span {
  color: #4586a3;
  font-size: 18px;
  font-weight: bold;
}
#DeployResultsPopup ul .hummingbird-base > [id*="_group"] > label:hover {
  cursor: pointer;
}
#DeployResultsPopup ul .hummingbird-base > [id*="_group"] > label input {
  top: 4px;
}
#DeployResultsPopup ul .hummingbird-base > [id*="_group"] > i {
  order: 2;
  align-items: center;
  display: flex;
  justify-content: flex-end;
  padding: 20px;
  cursor: pointer;
  border-bottom: solid 1px #f1f6fc;
  color: #4586a3;
  font-size: 18px;
  font-weight: bold;
}
#DeployResultsPopup ul .hummingbird-base > [id*="_group"]:first-of-type {
  margin-top: 0 !important;
}
#DeployResultsPopup ul .hummingbird-base ul {
  width: 100%;
  order: 6;
}
#DeployResultsPopup ul .hummingbird-base li {
  display: flex;
  flex-flow: row wrap;
}
#DeployResultsPopup ul .hummingbird-base ul,
#DeployResultsPopup ul .hummingbird-base li {
  margin: 0 !important;
}
#DeployResultsPopup ul .hummingbird-base label:hover {
  cursor: pointer;
}
#DeployResultsPopup .progress-label-error {
  color: #ea1c24;
}
#DeployResultsPopup .progress-label-success {
  color: #4ac532;
}
#DeployResultsPopup .cp-dialog-buttons {
  margin-top: 14px;
}
.cp-easy-sync-legend {
  z-index: 999999;
  width: fit-content;
  position: fixed;
  right: 30px;
  bottom: -78px;
  background: white;
  height: 50px;
  border-bottom-left-radius: 6px;
  padding: 12px 48px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 6px;
  border: 1px solid #c5cfd4;
  pointer-events: none;
  cursor: pointer;
  transition: bottom 0.5s ease-in-out;
}
.cp-easy-sync-legend.visible {
  bottom: 0;
}
.cp-easy-sync-legend::before {
  content: attr(cp-legend-handle-text);
  position: absolute;
  top: -42px;
  right: -1px;
  background: white;
  cursor: pointer;
  padding: 12px;
  border-top-right-radius: 6px;
  z-index: 9999999;
  border-top-left-radius: 6px;
  color: #4586a3;
  border: 1px solid #c5cfd4;
  border-bottom: unset;
  pointer-events: all;
}
.cp-easy-sync-comparison-results-legend-item {
  position: relative;
  display: grid;
  align-items: center;
}
.cp-easy-sync-comparison-results-legend-item::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 500;
  content: " ";
  width: 15px;
  height: 15px;
  position: absolute;
  left: -30px;
}
.cp-easy-sync-comparison-results-legend-item.cp-state-remote-not-existing::before {
  font-family: "Quicksand";
  content: attr(cp-esync-state-label);
  font-size: 0.7em;
  color: white;
  background: #f94f4f;
  padding: 3px 12px;
  border-radius: 10px;
  position: relative;
  top: -2px;
  left: 12px;
}
.cp-easy-sync-comparison-results-legend-item.cp-state-local-not-existing::before {
  font-family: "Quicksand";
  content: attr(cp-esync-state-label);
  font-size: 0.7em;
  color: white;
  background: #42ae59;
  padding: 3px 12px;
  border-radius: 10px;
  position: relative;
  top: -2px;
  left: 12px;
}
.cp-easy-sync-comparison-results-legend-item.cp-state-unknown::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 500;
  content: "\f2fd";
  color: gray;
}
.cp-easy-sync-comparison-results-legend-item.cp-state-remote-newer::before {
  font-family: "Quicksand";
  content: attr(cp-esync-state-label);
  font-size: 0.7em;
  color: white;
  background: #51a1f4;
  padding: 3px 12px;
  border-radius: 10px;
  position: relative;
  top: -2px;
  left: 12px;
}
.cp-easy-sync-comparison-results-legend-item.cp-state-local-newer::before {
  font-family: "Quicksand";
  content: attr(cp-esync-state-label);
  font-size: 0.7em;
  color: white;
  background: #e465ff;
  padding: 3px 12px;
  border-radius: 10px;
  position: relative;
  top: -2px;
  left: 12px;
}
.cp-esync-entity-state-RemoteNotExisting span.display-name::after {
  font-family: "Quicksand";
  content: attr(cp-esync-state-label);
  font-size: 0.7em;
  color: white;
  background: #f94f4f;
  padding: 3px 12px;
  border-radius: 10px;
  position: relative;
  top: -2px;
  left: 12px;
}
.cp-esync-entity-state-DifferentLocalNewer span.display-name::after {
  font-family: "Quicksand";
  content: attr(cp-esync-state-label);
  font-size: 0.7em;
  color: white;
  background: #e465ff;
  padding: 3px 12px;
  border-radius: 10px;
  position: relative;
  top: -2px;
  left: 12px;
}
.cp-esync-entity-state-DifferentRemoteNewer span.display-name::after {
  font-family: "Quicksand";
  content: attr(cp-esync-state-label);
  font-size: 0.7em;
  color: white;
  background: #51a1f4;
  padding: 3px 12px;
  border-radius: 10px;
  position: relative;
  top: -2px;
  left: 12px;
}
.cp-esync-entity-state-LocalNotExisting span.display-name::after {
  font-family: "Quicksand";
  content: attr(cp-esync-state-label);
  font-size: 0.7em;
  color: white;
  background: #42ae59;
  padding: 3px 12px;
  border-radius: 10px;
  position: relative;
  top: -2px;
  left: 12px;
}
.cp-esync-entity-state-Different span.display-name {
  font-style: oblique;
}
.cp-esync-entity-state-Unknown span.display-name::after {
  margin-left: 3px;
  font-family: "Font Awesome 5 Pro";
  content: "\f2fd";
  color: gray;
}
.input-validation-errors {
  color: #ea1c24;
}
.cp-esync-error-bar {
  color: #ea1c24;
  font-size: larger;
  padding-left: 30px;
  margin-top: -10px;
  padding-bottom: 10px;
  width: 100%;
}
#dashBoardForm li.dash-category,
#dashBoardForm li.dash-dashboard {
  margin: 3px 0 0 0;
  padding: 6px 0;
  padding-left: 18px;
}
#dashBoardForm li.dash-category div {
  color: white;
  border: 1px solid #c5cfd4;
  border-color: #c5cfd4 #c5cfd4 #bcbcbc;
  background: #004873;
  padding: 6px;
  margin: 0;
  cursor: move;
}
#dashBoardForm li.dash-dashboard div {
  color: white;
  border: 1px solid #c5cfd4;
  border-color: #c5cfd4 #c5cfd4 #bcbcbc;
  background: #004873;
  padding: 6px;
  margin: 0;
  cursor: move;
}
.module-selectable li {
  border-radius: 15px;
  list-style-type: none;
  cursor: pointer;
  height: 18px;
  margin: 3px;
  padding: 0.4em;
}
.module-selectable .ui-selected {
  font-weight: bold;
  color: #4586a3;
}
.authorization .validation-summary-errors {
  margin-top: 0;
}
.authorization h4 {
  color: #4586a3;
  font-size: 18px;
  font-weight: bold;
}
.authorization--view .authorization__header {
  justify-content: unset;
}
.authorization .cp-info-table {
  margin-bottom: 0px;
}
.authorization__header {
  padding: 14px;
  border-bottom: solid 1px #f1f6fc;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.authorization__header i {
  margin-left: 12px;
}
.authorization__header > div {
  display: flex;
  align-items: center;
}
.authorization__header i.fa.fa-trash {
  font-size: 30px;
  color: #ff1d19;
}
.authorization__header i.fa.fa-trash:hover {
  cursor: pointer;
}
.authorization__role-selector {
  padding: 12px 30px;
  width: 50%;
  align-items: center;
  margin-bottom: -30px;
}
.authorization__all-companies,
.authorization__linked-companies,
.authorization__related-companies,
.authorization__administration,
.authorization__specified-roles {
  background: #ffffff;
  border-radius: 15px;
  margin: 0 0 27px 0;
  padding-bottom: 27px;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
}
.authorization__all-companies .cp-sel-grid,
.authorization__linked-companies .cp-sel-grid,
.authorization__related-companies .cp-sel-grid,
.authorization__administration .cp-sel-grid,
.authorization__specified-roles .cp-sel-grid {
  margin-bottom: 0;
}
.authorization__all-companies .second-table,
.authorization__linked-companies .second-table,
.authorization__related-companies .second-table,
.authorization__administration .second-table,
.authorization__specified-roles .second-table {
  padding-left: 27px;
}
.authorization__all-companies__settings,
.authorization__linked-companies__settings,
.authorization__related-companies__settings,
.authorization__administration__settings,
.authorization__specified-roles__settings {
  padding: 27px;
  padding-bottom: 0;
}
.authorization__all-companies__settings__setting,
.authorization__linked-companies__settings__setting,
.authorization__related-companies__settings__setting,
.authorization__administration__settings__setting,
.authorization__specified-roles__settings__setting,
.authorization__all-companies__settings__setting--editing,
.authorization__linked-companies__settings__setting--editing,
.authorization__related-companies__settings__setting--editing,
.authorization__administration__settings__setting--editing,
.authorization__specified-roles__settings__setting--editing {
  grid-gap: 27px;
  height: fit-content;
}
.authorization__all-companies__settings__setting > span,
.authorization__linked-companies__settings__setting > span,
.authorization__related-companies__settings__setting > span,
.authorization__administration__settings__setting > span,
.authorization__specified-roles__settings__setting > span,
.authorization__all-companies__settings__setting--editing > span,
.authorization__linked-companies__settings__setting--editing > span,
.authorization__related-companies__settings__setting--editing > span,
.authorization__administration__settings__setting--editing > span,
.authorization__specified-roles__settings__setting--editing > span {
  height: fit-content;
}
.authorization__all-companies__settings__setting > label,
.authorization__linked-companies__settings__setting > label,
.authorization__related-companies__settings__setting > label,
.authorization__administration__settings__setting > label,
.authorization__specified-roles__settings__setting > label,
.authorization__all-companies__settings__setting--editing > label,
.authorization__linked-companies__settings__setting--editing > label,
.authorization__related-companies__settings__setting--editing > label,
.authorization__administration__settings__setting--editing > label,
.authorization__specified-roles__settings__setting--editing > label,
.authorization__all-companies__settings__setting > span,
.authorization__linked-companies__settings__setting > span,
.authorization__related-companies__settings__setting > span,
.authorization__administration__settings__setting > span,
.authorization__specified-roles__settings__setting > span,
.authorization__all-companies__settings__setting--editing > span,
.authorization__linked-companies__settings__setting--editing > span,
.authorization__related-companies__settings__setting--editing > span,
.authorization__administration__settings__setting--editing > span,
.authorization__specified-roles__settings__setting--editing > span {
  color: #4586a3;
  position: relative;
  margin-bottom: 12px;
}
.authorization__all-companies__settings__setting > label::after,
.authorization__linked-companies__settings__setting > label::after,
.authorization__related-companies__settings__setting > label::after,
.authorization__administration__settings__setting > label::after,
.authorization__specified-roles__settings__setting > label::after,
.authorization__all-companies__settings__setting--editing > label::after,
.authorization__linked-companies__settings__setting--editing > label::after,
.authorization__related-companies__settings__setting--editing > label::after,
.authorization__administration__settings__setting--editing > label::after,
.authorization__specified-roles__settings__setting--editing > label::after,
.authorization__all-companies__settings__setting > span::after,
.authorization__linked-companies__settings__setting > span::after,
.authorization__related-companies__settings__setting > span::after,
.authorization__administration__settings__setting > span::after,
.authorization__specified-roles__settings__setting > span::after,
.authorization__all-companies__settings__setting--editing > span::after,
.authorization__linked-companies__settings__setting--editing > span::after,
.authorization__related-companies__settings__setting--editing > span::after,
.authorization__administration__settings__setting--editing > span::after,
.authorization__specified-roles__settings__setting--editing > span::after {
  content: " ";
  height: 1px;
  width: 15%;
  background: #c5cfd4;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 3px;
}
.authorization__all-companies__settings__setting input[type=hidden],
.authorization__linked-companies__settings__setting input[type=hidden],
.authorization__related-companies__settings__setting input[type=hidden],
.authorization__administration__settings__setting input[type=hidden],
.authorization__specified-roles__settings__setting input[type=hidden],
.authorization__all-companies__settings__setting--editing input[type=hidden],
.authorization__linked-companies__settings__setting--editing input[type=hidden],
.authorization__related-companies__settings__setting--editing input[type=hidden],
.authorization__administration__settings__setting--editing input[type=hidden],
.authorization__specified-roles__settings__setting--editing input[type=hidden] {
  display: none;
}
.authorization__all-companies .cp-select-yn-container,
.authorization__linked-companies .cp-select-yn-container,
.authorization__related-companies .cp-select-yn-container,
.authorization__administration .cp-select-yn-container,
.authorization__specified-roles .cp-select-yn-container {
  padding-left: 30px;
}
.authorization__all-companies .cp-select-yn-container h4,
.authorization__linked-companies .cp-select-yn-container h4,
.authorization__related-companies .cp-select-yn-container h4,
.authorization__administration .cp-select-yn-container h4,
.authorization__specified-roles .cp-select-yn-container h4 {
  font-size: 16pt;
}
.authorization__all-companies .cp-select-yn-container .cp-column-selection,
.authorization__linked-companies .cp-select-yn-container .cp-column-selection,
.authorization__related-companies .cp-select-yn-container .cp-column-selection,
.authorization__administration .cp-select-yn-container .cp-column-selection,
.authorization__specified-roles .cp-select-yn-container .cp-column-selection {
  margin-bottom: 0;
  padding-top: 5px;
}
.authorization__all-companies .cp-select-yn-container .cp-column-selection .cp-column-selection-list li,
.authorization__linked-companies .cp-select-yn-container .cp-column-selection .cp-column-selection-list li,
.authorization__related-companies .cp-select-yn-container .cp-column-selection .cp-column-selection-list li,
.authorization__administration .cp-select-yn-container .cp-column-selection .cp-column-selection-list li,
.authorization__specified-roles .cp-select-yn-container .cp-column-selection .cp-column-selection-list li {
  cursor: pointer;
  position: relative;
}
.authorization__all-companies .cp-select-yn-container .cp-column-selection .cp-column-selection-list li > span,
.authorization__linked-companies .cp-select-yn-container .cp-column-selection .cp-column-selection-list li > span,
.authorization__related-companies .cp-select-yn-container .cp-column-selection .cp-column-selection-list li > span,
.authorization__administration .cp-select-yn-container .cp-column-selection .cp-column-selection-list li > span,
.authorization__specified-roles .cp-select-yn-container .cp-column-selection .cp-column-selection-list li > span {
  font-size: 13px;
  padding-right: 36px;
}
.authorization__all-companies .cp-select-yn-container .cp-column-selection .cp-column-selection-list li > div,
.authorization__linked-companies .cp-select-yn-container .cp-column-selection .cp-column-selection-list li > div,
.authorization__related-companies .cp-select-yn-container .cp-column-selection .cp-column-selection-list li > div,
.authorization__administration .cp-select-yn-container .cp-column-selection .cp-column-selection-list li > div,
.authorization__specified-roles .cp-select-yn-container .cp-column-selection .cp-column-selection-list li > div {
  position: absolute;
  right: 12px;
  padding: 0;
}
.authorization__all-companies .cp-select-yn-container .cp-column-selection .cp-column-selection-list li .cp-check-box,
.authorization__linked-companies .cp-select-yn-container .cp-column-selection .cp-column-selection-list li .cp-check-box,
.authorization__related-companies .cp-select-yn-container .cp-column-selection .cp-column-selection-list li .cp-check-box,
.authorization__administration .cp-select-yn-container .cp-column-selection .cp-column-selection-list li .cp-check-box,
.authorization__specified-roles .cp-select-yn-container .cp-column-selection .cp-column-selection-list li .cp-check-box {
  display: none;
}
.authorization__general {
  margin-top: 0;
}
.authorization__general .cp-style-container {
  overflow: visible;
}
.authorization__general .cp-style-container .ms-drop {
  margin-left: 0;
}
.authorization__control__add-auth {
  width: 50px;
  height: 50px;
  margin-left: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
  align-items: center;
  display: flex;
  border-radius: 50%;
  transition: box-shadow 0.2s ease-in-out;
  background-color: #004873;
  background: #004873;
  background: -moz-linear-gradient(to right, #004873, #004873);
  background: -webkit-linear-gradient(to right, #004873, #004873);
  background: linear-gradient(to right, #004873, #004873);
  position: relative;
}
.authorization__control__add-auth > div.cp-auth-add-icon {
  display: flex;
  line-height: 40px;
  align-items: center;
}
.authorization__control__add-auth > div.cp-auth-add-icon i {
  font-size: 30px;
  color: white;
  margin: 0 22px 0 14px;
  display: flex;
  align-items: center;
}
.authorization__control__add-auth > div.cp-auth-add-icon span {
  display: flex;
  align-items: center;
  font-size: 19px;
  white-space: nowrap;
}
.authorization__control__add-auth > div.cp-auth-add-selector {
  display: none;
  position: absolute;
  bottom: -6px;
  left: -6px;
  background: white;
  border: 1px solid #c5cfd4;
  border-radius: 5px;
  overflow: hidden;
  overflow-y: auto;
}
.authorization__control__add-auth > div.cp-auth-add-selector ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.authorization__control__add-auth > div.cp-auth-add-selector ul li {
  padding: 12px 12px;
  background: white;
  border-bottom: 1px solid #c5cfd4;
  white-space: nowrap;
}
.authorization__control__add-auth > div.cp-auth-add-selector ul li:hover {
  background-color: #f1f6fc;
}
.authorization__control__add-auth:hover {
  cursor: pointer;
  box-shadow: 0 0 10px 1px #004873;
}
.cp-editor-page {
  display: flex;
  flex-direction: column;
}
.cp-editor-page .cp-button-bar {
  display: flex;
  padding: 27px;
}
.cp-editor-page .cp-grid-full-size {
  margin: 0 27px;
  height: calc(100% - 76px);
}
.cp-editor-page .cp-grid-full-size .cp-grid-header {
  display: none;
}
#translatableFileContent .cp-translation-title-spacer {
  margin-bottom: 27px !important;
}
#translatableFileContent .cp-translatable-doc-checkbox-invisible input {
  visibility: hidden;
}
#translatableFileContent .cp-translatable-doc-loading {
  line-height: 30px;
}
#translatableFileContent .cp-translatable-doc-loading > img {
  width: 17px;
  height: 17px;
  margin: -3px 8px 0 0;
}
/* To hide a form property in forms 2. */
/* The 2nd class is to hide a complete row for inline sets */
.cp-grid-control tbody tr.row-validation-error td:first-of-type {
  border-left: 1px solid #ff1d19;
}
.cp-grid-control tbody tr.row-validation-error td {
  border-top: 1px solid #ff1d19;
  border-bottom: 1px solid #ff1d19;
}
.cp-grid-control tbody tr.row-validation-error td:last-of-type {
  border-right: 1px solid #ff1d19;
}
.cp-image-star .fa,
.cp-image-star .fas {
  font-weight: 900;
}
.cp-image-mailing-default .fa-circle {
  font-weight: 900;
}
/* Issue: #28745 - Hide/show tab content in forms */
.cp-form-content-tab-header-hidden {
  display: none;
}
.cp-show-totals-display-column {
  display: flex;
}
.cp-grid-scroller-footer .cp-grid-subform-total-row td {
  padding: 0px;
}
.cp-grid-scroller-footer .cp-grid-subform-total-row .cp-show-total-sign {
  display: inline-block;
}
.cp-form-subform-grid .cp-data-table-container .cp-grid-data-control > tbody > tr td .cp-numeric-justify-right {
  width: 6em;
  text-align: right;
  padding-right: 1em;
}
.cp-form-subform-grid .cp-data-table-container .cp-grid-data-control > tbody > tr td span.cp-numeric-justify-right {
  display: block;
}
.cp-form-subform-grid .cp-numeric-justify-right {
  width: 6em;
  text-align: right;
  padding-right: 1em;
}
.cp-form-subform-grid span.cp-numeric-justify-right {
  display: block;
}
.cp-form-subform-grid.form-subform-table .cp-numeric-justify-right {
  width: inherit;
  padding-left: 15px;
}
.cp-grid-subform-total-row {
  border-top: 1px solid lightgray;
}
.cp-form-file-property-file-selection-multi-download-container .cp-button {
  color: #003675;
}
.cp-form-file-property-file-selection-multi-download-container .cp-button i,
.cp-form-file-property-file-selection-multi-download-container .cp-button .fa,
.cp-form-file-property-file-selection-multi-download-container .cp-button .fal {
  margin-right: 8px;
  color: #0275c4;
}
.cp-form-file-property-file-selection-download-button-container {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(112, 117, 122, 0.5);
}
.cp-form-file-property-file-selection-download-button-container .cp-sel-upload-file-download-selected-count {
  opacity: 0.5;
}
.cp-form-file-property-file-selection-download-selected {
  display: none;
}
.cp-form-file-property-file-selection-download-selected-header {
  display: none;
  width: 100%;
  padding: 16px 16px 16px 20px;
  background: rgba(112, 117, 122, 0.05);
  border-radius: 4px 4px 0px 0px;
  border-bottom: 1px solid rgba(112, 117, 122, 0.5);
}
.cp-form-file-property-file-selection-download-selected-header-shown {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cp-form-file-property-file-selection-download-selected-header .cp-upload-file-container-selected-close {
  display: flex;
  align-self: flex-start;
  align-items: center;
  justify-content: center;
  border: 2px solid #70757a;
  min-width: 20px;
  height: 20px;
  border-radius: 50%;
}
.cp-form-file-property-file-selection-download-selected-header .cp-upload-file-container-selected-close > span {
  font-size: 12px;
  font-weight: 500;
}
.cp-form-file-property-file-selection-download-selected-button-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.cp-form-file-property-file-selection-download-selected-button-container .cp-button i {
  margin-right: 8px;
}
.cp-form-file-property-file-selection-download-selected-container > span {
  display: inherit;
}
.cp-form-file-property-file-selection-download-selected-container > span > div {
  margin-bottom: 16px;
}
.cp-form-file-property-file-selection-download-selected-container > span > div:last-of-type {
  margin-bottom: 0;
}
.cp-form-file-property-file-selection-download-selected-container-selected {
  border: 1px solid #d3d3d33d;
  border-radius: 4px;
}
.cp-form-file-property-file-selection-download-selected-container-selected .cp-form-multi-answer-display-property {
  padding: 20px;
}
.cp-file-download-as-zip-property .cp-form-multi-answer-display-property > div.cp-form-file-selection-box-property-container {
  display: flex;
}
.cp-file-download-as-zip-property > div.cp-form-file-selection-box-property-container {
  display: flex;
}
.cp-file-download-as-zip-property .cp-upload-file-container > span.cp-image-text {
  display: inline-block;
  vertical-align: top;
  max-width: 95%;
}
.cp-upload-file-container-selectable {
  margin-right: 10px;
}
.cp-form-download-files-container {
  overflow-y: auto;
  margin-top: 27px;
  padding: 10px;
}
div.cp-forms-workflow-actions > div {
  padding: 0 27px;
}
div.cp-properties-item-container {
  padding: 27px;
}
.cp-form-config-form-language-dropdown {
  padding-bottom: 5px;
  position: relative;
  z-index: 10;
  top: 15px;
  margin-right: 15px;
}
.cp-form-config-form-language-dropdown .cp-input.cp-drop-down-list {
  flex-grow: 0;
}
.cp-form-config-form-wrap {
  margin: 0 27px;
}
.cp-form-config-form-wrap .cp-form-config-builder-wrap {
  overflow-y: auto;
  border: solid 1px #c5cfd4;
  border-radius: 15px;
  margin-right: 14px;
  max-height: calc(100VH - 198px);
  min-width: 240px;
}
.cp-form-config-form-wrap .cp-form-config-builder-wrap .cp-builder-control-button {
  cursor: pointer;
  color: #4586a3;
  padding-bottom: 7px;
  border-bottom: solid 1px #c5cfd4;
  margin: 14px;
  padding: 10px;
  display: flex;
}
.cp-form-config-form-wrap .cp-form-config-builder-wrap .cp-builder-control-button > i {
  width: 16px;
  padding-right: 7px;
  margin-right: 5px;
  margin-top: 4px;
}
.cp-form-config-form-wrap .cp-form-config-builder-wrap .cp-builder-control-button > i.fa-chevron-right {
  display: inline-block;
  float: right;
  padding-left: 27px;
}
.cp-form-config-form-wrap .cp-form-config-builder-wrap .cp-builder-control-button > i.fa-chevron-down {
  display: none;
}
.cp-form-config-form-wrap .cp-form-config-builder-wrap .cp-builder-control-button.cp-open .fa-chevron-right {
  display: none;
}
.cp-form-config-form-wrap .cp-form-config-builder-wrap .cp-builder-control-button.cp-open .fa-chevron-down {
  display: inline-block;
  float: right;
  padding-left: 27px;
}
.cp-form-config-form-wrap .cp-form-config-builder-wrap .cp-builder-control-container {
  padding: 0 14px;
}
.cp-form-config-form-wrap .cp-form-config-builder-wrap .cp-builder-control-button.cp-open + .cp-builder-control-container {
  display: block;
}
.cp-form-config-form-wrap .cp-form-config-builder-wrap .cp-builder-control-button + .cp-builder-control-container {
  display: none;
}
.cp-form-config-form-wrap .cp-form-config-builder-wrap .cp-builder-controls {
  list-style: none;
  margin: 0;
  padding: 0;
}
.cp-form-config-form-wrap .cp-form-config-builder-wrap .cp-builder-controls > li {
  border: solid 1px #c5cfd4;
  border-radius: 15px;
  padding: 14px;
  margin: 5px 0 5px 0;
  cursor: move;
}
.cp-form-config-form-wrap .cp-form-config-builder-wrap .cp-builder-controls > li.cp-ui-state-highlight-not-allowed {
  cursor: no-drop;
}
.cp-form-config-form-wrap .cp-form-config-builder-wrap .cp-builder-controls > li > i {
  color: #c5cfd4;
  width: 16px;
  padding-right: 7px;
}
.cp-form-config-form-wrap .cp-form-config-builder-wrap .cp-builder-controls > li.clickable {
  cursor: pointer;
  background: #ffffff;
}
.cp-form-config-form-wrap .cp-form-config-builder-wrap .cp-builder-controls > li.clickable:hover {
  background: #f1f6fc;
}
.cp-form-config-form-wrap .cp-form-template-wrapper .cp-form-template-tab-container {
  overflow-y: auto;
  max-height: calc(100VH - 221px);
}
.cp-form-config-form-wrap .cp-form-template-wrapper .cp-form-config-min-max-container {
  display: flex;
  flex-wrap: wrap;
}
.cp-form-config-form-wrap .cp-form-template-wrapper .cp-form-config-min-max-container > div {
  flex-wrap: wrap;
  display: flex;
  flex: 1 0 100%;
  align-items: baseline;
}
.cp-form-config-form-wrap .cp-form-template-wrapper .cp-form-config-min-max-container > div:first-of-type {
  margin-bottom: 3px;
}
.cp-form-config-form-wrap .cp-form-template-wrapper .cp-form-config-min-max-container > div > div {
  flex: 1 0 50%;
}
.cp-form-config-form-wrap .cp-form-template-wrapper .cp-form-config-min-max-container > div > div.cp-input-errors {
  flex: 1 0 100%;
}
.cp-form-config-form-wrap .cp-change-name-style {
  border: none !important;
  padding: 7px;
  border-radius: 10px;
}
.cp-form-config-form-wrap .cp-form-config-btn-grp .cp-image {
  padding: 0 5px;
  line-height: 16px;
}
.cp-form-config-form-wrap .cp-jq-tab-control > .ui-tabs-nav {
  display: flex;
  margin-bottom: 27px;
  padding-bottom: 0;
  border-bottom: solid 1px #dddddd;
  border-top: none;
  border-left: none;
  border-right: none;
}
.cp-form-config-form-wrap .cp-jq-tab-control > .ui-tabs-nav .cp-form-template-tab-container {
  padding: 0 7px;
}
.cp-form-config-form-wrap .cp-jq-tab-control > .ui-tabs-nav > li > a {
  margin-bottom: -2px;
}
.cp-form-config-form-wrap .cp-jq-tab-control > .ui-tabs-nav > li[aria-controls="addTabButton"] {
  margin-left: auto;
  border-right: none;
  border-left: solid 1px #c5cfd4;
}
.cp-form-config-form-wrap .cp-jq-tab-control > .ui-tabs-nav > li[aria-controls="addTabButton"] .fas {
  font-weight: bold;
}
.cp-form-template-builder {
  list-style: none;
  padding: 0;
  margin: 0;
  min-height: 200px !important;
  border: solid 1px #c5cfd4;
  background: #ffffff;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.cp-form-template-builder > li {
  margin: 14px;
}
.cp-form-template-builder > li:first-of-type {
  margin-top: 14px;
}
.cp-form-template-builder > li:last-of-type {
  margin-bottom: 48px;
}
.cp-form-template-builder > li .cp-form-container-legend {
  padding: 14px;
  background-color: #4586a3;
  color: #ffffff;
  display: flex;
}
.cp-form-template-builder > li .cp-item-placeholder {
  border-top: solid 1px #c5cfd4;
  background: transparent;
  padding-bottom: 14px;
}
.cp-form-template-builder > li .cp-item-placeholder .cp-form-template-builder {
  min-height: 200px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.cp-form-template-builder > li .cp-item-placeholder .cp-form-template-builder > li {
  margin: 7px 14px;
  border: solid 1px #c5cfd4;
}
.cp-form-template-builder > li .cp-item-placeholder .cp-form-template-builder > li.template-item-container {
  border: 0px solid #000;
}
.cp-form-template-builder > li .cp-item-placeholder .cp-form-template-builder > li.cp-ui-state-highlight {
  border: 2px dashed #c5cfd4;
  height: 30px;
}
.cp-form-template-builder > li .cp-item-placeholder .cp-form-template-builder > li.cp-ui-state-highlight-not-allowed {
  border: 2px dashed #faa0a0;
  cursor: no-drop !important;
  background-color: #fff;
  height: 30px;
}
.cp-form-template-builder > li .cp-item-placeholder .cp-form-template-builder > li.no-drop-allowed {
  cursor: no-drop !important;
}
.cp-form-template-builder > li .cp-item-placeholder .cp-form-input-legend {
  background: #ffffff;
  line-height: 47px;
  color: #4586a3;
  display: flex;
}
.cp-form-template-builder > li .cp-item-placeholder .cp-form-input-legend .cp-form-config-btn-grp {
  color: #70757a;
}
.cp-form-template-builder > li .cp-item-placeholder .cp-sel-ifor-type-icon {
  width: 27px;
}
.cp-form-template-builder > li .cp-item-placeholder .cp-change-name-style {
  background: #f1f6fc !important;
  color: #4586a3 !important;
}
.cp-form-template-builder > li .cp-item-placeholder .cp-sel-property-editor-placeholder {
  margin: 0;
  background: #ffffff;
  border-top: none;
}
.cp-form-template-builder > li .cp-item-placeholder .cp-sel-property-editor-placeholder .cp-jq-tab-control {
  margin: 0;
}
.cp-form-template-builder li.cp-ui-state-highlight {
  border: 2px dashed #c5cfd4;
  height: 30px;
}
.cp-form-template-builder li.cp-ui-state-highlight-not-allowed {
  border: 2px dashed red;
  cursor: no-drop;
  background-color: #fff;
  height: 30px;
}
.cp-form-template-builder li.no-drop-allowed {
  cursor: no-drop !important;
}
.cp-form-template-builder .cp-template-item-set > .cp-sel-property-editor-placeholder,
.cp-form-template-builder .cp-template-item-table > .cp-sel-property-editor-placeholder,
.cp-form-template-builder .cp-template-item-repeatingsub > .cp-sel-property-editor-placeholder,
.cp-form-template-builder .cp-template-item-popupsub > .cp-sel-property-editor-placeholder {
  border-left: 1px solid #c5cfd4;
  border-right: 1px solid #c5cfd4;
}
.cp-form-template-builder .cp-dialog-button {
  display: flex;
}
.cp-form-template-builder .cp-dialog-button > div {
  margin: 14px;
}
.cp-form-template-builder .cp-property-set-subform-buttons {
  margin-left: 15px;
}
/*#defaultPropertyConfigurationTabConfig,#formSubformConfigurationTabConfig{
	.fn_white_tab();
}*/
#propertyConfigurationAdvanced .infotable td div.cp-input:not(:first-of-type) {
  margin-left: 27px;
}
#subformConfigurationAuthorization {
  position: relative;
  margin: 27px;
}
#subformConfigurationAuthorization #FormConfigurationSubformAuthorizationGrid {
  position: relative;
  width: calc(100% - 54px);
}
#formConfigurationTabConfig li.input-validation-error,
#tabContainerControlHolder li.input-validation-error {
  border-color: #ff1d19 !important;
  border: solid 1px;
}
#formConfigurationTabConfig li.input-validation-error.cp-sel-tab-sort-order-selector a,
#tabContainerControlHolder li.input-validation-error.cp-sel-tab-sort-order-selector a {
  color: #ff1d19 !important;
}
#formConfigurationGeneral.cp-form-page .cp-info-table.cp-table-auto-fill.cp-infotable-2columns > tbody > tr > td,
#formConfigurationAdvanced.cp-form-page .cp-info-table.cp-table-auto-fill.cp-infotable-2columns > tbody > tr > td {
  width: 75% !important;
}
#formConfigurationGeneral.cp-form-page .cp-info-table.cp-table-auto-fill.cp-infotable-2columns > tbody > tr > td:first-of-type,
#formConfigurationAdvanced.cp-form-page .cp-info-table.cp-table-auto-fill.cp-infotable-2columns > tbody > tr > td:first-of-type {
  width: 24% !important;
}
#formConfigurationGeneral.cp-form-page .cp-info-table.cp-table-auto-fill.cp-infotable-2columns > tbody > tr > td > div.cp-input.cp-text-area,
#formConfigurationAdvanced.cp-form-page .cp-info-table.cp-table-auto-fill.cp-infotable-2columns > tbody > tr > td > div.cp-input.cp-text-area {
  display: flex;
}
#formConfiguration .cp-form-property-htmlcontent-input {
  display: none;
}
.cp-form-config-invisible,
.cp-subform-property-is-unlinked,
.cp-form-config-inactive {
  opacity: 0.5;
}
li.cp-form-config-opacity-fix {
  opacity: 1;
}
div.cp-form-config-header-opacity {
  opacity: 0.5;
}
#statusConfigurationTabControl li.input-validation-error {
  border: 1px solid #ff1d19;
}
#showIntervalAutoSave > div {
  padding-right: 14px;
}
.cp-form-template-builder-helper {
  background-color: #ffffff;
  width: 350px;
  max-width: 350px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  border: 2px dashed #4586a3;
  padding: 0 14px;
}
.no-drop-allowed {
  cursor: no-drop !important;
}
#popupTabSortOrderAndSelector {
  background: #ffffff;
  width: 475px;
  border: solid 1px #c5cfd4;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  display: flex;
  flex-direction: column;
}
#popupTabSortOrderAndSelector #tabSortOrderAndSelectControlContainer > ul {
  margin: 27px;
  padding: 0;
}
#popupTabSortOrderAndSelector .cp-dialog-button {
  display: flex;
  margin: 27px;
  margin-top: 0;
}
#popupTabSortOrderAndSelector .cp-sel-tab-item {
  border: solid 1px #c5cfd4;
  border-radius: 15px;
  list-style-type: none;
  margin-bottom: 6px;
  background-color: #f1f6fc;
  color: #4586a3;
  padding: 0 14px;
  line-height: 39px;
  height: 39px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#popupTabSortOrderAndSelector .cp-ui-state-highlight {
  border: 2px dashed #c5cfd4;
  height: 41px;
  list-style: none;
  border-radius: 15px;
  margin-bottom: 6px;
}
#popupTabSortOrderAndSelector .input-validation-error {
  border-color: #ff1d19 !important;
  border: solid 1px;
}
#formPromptPopup .cp-dialog-button .module-switch .select-all-select-all-crudh,
#frmAuthorization .module-switch .select-all-select-all-crudh {
  margin-left: 6px;
}
.cp-form-configuration-scoring th,
.cp-form-configuration-uploads th,
.cp-form-configuration-authorisation-grid {
  padding-top: 27px;
}
.cp-translateable-input span.editable-inline {
  display: inline-block;
}
.cp-language-item {
  color: #f4a460;
}
#template-area > li {
  margin-top: 5px;
  margin-top: 10px;
}
.cp-sel-drag-handle {
  cursor: move;
}
.cp-form-properties-wrap {
  display: none;
  width: 275px;
  flex-direction: column;
  border: #d3d3d3 1px solid;
}
.cp-form-template-wrapper {
  flex-grow: 1;
  order: 2;
  margin-bottom: 27px;
}
.cp-status-dragging {
  z-index: 100;
}
div.editable-input > input {
  height: 35px;
}
.cp-clickable-button {
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857;
  margin-bottom: 0;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  white-space: nowrap;
}
.cp-property-not-required {
  font-weight: bolder;
}
.cp-property-required {
  font-weight: bolder;
  color: red;
}
.cp-tab-button-grp {
  position: inherit;
  top: 0;
  color: #4586a3;
}
.cp-form-config-field-label {
  display: inline;
}
input.cp-tab-edit-box-center-styling {
  margin: 0.5em 1em;
}
.cp-image-info.cp-image-info-inactive {
  opacity: 0.8;
  color: #c9c9c9;
}
input.cp-input-width-limited-1 {
  width: 50px;
}
input.cp-input-width-limited-2 {
  width: 70px;
}
.cp-only-sets-can-be-dropped-here {
  width: 100%;
  height: 40%;
  position: absolute;
  text-align: center;
  top: 50%;
  color: #c1c1c1;
}
.cp-form-config-field-label {
  flex-grow: 1;
}
span.cp-item-placeholder {
  display: flex;
  flex-basis: 40%;
}
.cp-item-status-placeholder {
  justify-content: flex-end;
  flex-basis: 150px;
  min-width: 150px;
  font-style: italic;
}
.cp-form-config-property-editor-list {
  width: 170px;
}
div.cp-sel-empty-object-message {
  text-align: center;
  color: lightgrey;
}
/*@* Hack, remove when applying styles to application *@*/
.cp-form-status-element.input-validation-error {
  border: 1px solid red;
}
/* needed for styling errors on clickable buttons */
.image-validation-error {
  border: 1px solid red;
}
#editor {
  margin: 0;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.cp-image.cp-image-object-required {
  width: 10px;
}
/* Bugfix for issue: #25774 - Missing needed class */
.status-not-switchable-incomplete-form {
  display: none;
}
/* forms configuration, export questions/sets, disabled button style */
.cp-clipboard-disabled {
  color: lightgray;
}
.qtip.input-validation-error {
  color: red;
}
.cp-form-config-inactive-hidden {
  display: none;
}
.cp-form-config-inactive-hidden.input-validation-error {
  display: inherit;
}
#popupDialogAddEditStatusConfiguration .cp-sel-grid .cp-drop-down-list .ms-parent {
  width: 100% !important;
}
#popupDialogAddEditStatusConfiguration .ms-drop {
  width: fit-content !important;
}
#formConfigurationPreview {
  margin: 14px;
}
.cp-form-preview-mode-iframe {
  border: 1px solid #c5cfd4;
  padding: 5px;
  border-radius: 15px;
}
.cp-now-saving-icon {
  margin-left: 10px;
}
/* Fix for tabs behaving awkward when resizing: CHP-1955 */
.cp-form-config-form-language-dropdown > .cp-language-drop-down {
  margin-left: 20px;
  margin-bottom: 30px;
}
#formConfiguration .cp-sel-existing-new-domain > div {
  text-decoration: underline;
}
.cp-status-auth-holder-container {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.cp-status-auth-holder-object-name {
  font-size: 20px;
  padding: 0px 5px 0px 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 5px;
}
.cp-status-auth-holder-object-container {
  width: 100%;
  flex-direction: row;
  display: flex;
  flex-wrap: wrap;
}
.cp-status-auth-holder-object-container-no-selection {
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  padding-top: 50px;
}
.cp-status-auth-holder-object-subtext-name {
  font-size: 12px;
  padding-left: 15px;
}
.cp-status-auth-holder-object-auth-item {
  display: flex;
  flex-wrap: nowrap;
  width: 20%;
  padding-top: 5px;
  padding-bottom: 5px;
}
.cp-status-auth-holder-object-auth-item-name {
  width: 100%;
  padding-bottom: 27px;
  font-size: 24px;
}
.cp-status-auth-holder-object-auth-item-lists {
  display: flex;
  width: 100%;
  margin-top: 27px;
  flex-flow: row;
  justify-content: space-around;
  padding-top: 14px;
  border-top: 1px solid gray;
}
.cp-status-auth-holder-object-auth-item-lists .cp-status-auth-holder-object-auth-item {
  width: 30%;
  flex-direction: column;
}
.cp-status-auth-holder-overall-container {
  display: flex;
}
.cp-status-auth-holder-overall-container > .cp-status-auth-holder-list-container {
  height: 43vh;
}
.cp-status-auth-holder-list-container {
  width: 400px;
  border-right: 1px solid lightgray;
  margin-right: 15px;
  padding-right: 5px;
  height: 100%;
}
.cp-status-auth-holder-list-scroll-container {
  overflow-y: auto;
  height: calc(100% - 50px);
  width: 350px;
}
.cp-status-auth-holder-list-object {
  display: flex;
  padding: 5px;
  border: 1px solid lightgray;
  margin: 5px 10px 5px 5px;
}
.cp-status-auth-holder-list-object-active {
  border: 2px solid gray;
}
.cp-status-auth-holder-list-object-header {
  padding-bottom: 10px;
  display: flex;
  justify-content: space-around;
  padding-top: 5px;
}
.cp-status-auth-holder-list-object-no-border {
  border: none;
  padding-top: 20px;
}
.cp-status-auth-holder-name-container {
  display: flex;
  flex-direction: column;
  width: calc(100% - 15px);
  cursor: pointer;
}
.cp-status-auth-holder-new-label {
  padding: 5px;
}
.cp-status-auth-holder-new-status-auth {
  padding-bottom: 20px;
}
.cp-status-auth-holder-new-status-auth-header {
  font-size: 18px;
  padding-bottom: 10px;
}
.cp-status-auth-holder-new-container {
  flex-direction: column;
  padding-left: 30px;
  padding: 5px;
}
.cp-status-auth-holder-new-status-auth-button-container {
  display: flex;
  padding-top: 30px;
  justify-content: center;
}
.cp-authorisation-type-prop-extra-data {
  font-size: 12px;
  padding-left: 15px;
  font-style: italic;
}
.cp-status-auth-holder-new-status-auth,
.cp-status-auth-holder-new-status-auth-owner {
  padding: 0px 15px 0px 15px;
}
.cp-status-auth-visibility-container {
  display: flex;
  justify-content: space-between;
  width: 70%;
  margin: 0px 0px 0px auto;
  padding-bottom: 27px;
  padding-right: 50px;
}
.cp-status-auth-visibility-container-text {
  display: inline-block;
  line-height: 25px;
}
.cp-status-auth-object-item-label {
  display: inline-block;
  align-content: baseline;
  line-height: 30px;
}
#divStatus {
  position: fixed;
  padding: 27px;
  top: 27px;
  left: calc(50VW - 200px);
  max-height: calc(70VH - 108px);
  overflow-x: auto;
  z-index: 1001;
  background: white;
  border-radius: 15px;
}
#divStatus #statusTable {
  margin: 0 0 27px 0;
  border: 0;
}
#divStatus #statusTable tr:first-of-type > th {
  font-size: 18px;
  border-bottom: solid 1px #c5cfd4;
}
#divStatus #statusTable tr > td {
  padding: 0;
  border-bottom: none;
}
#divStatus #statusTable tr > td:first-of-type:after {
  height: 0px;
}
#workflowStatusConfiguarationSpace {
  width: 100%;
  flex-grow: 1;
  position: relative;
  display: flex;
  min-height: 400px;
  /** because dragging is calculated by the position of the body for plumb, the drag position is off, so we need the border on 0px **/
}
#workflowStatusConfiguarationSpace .flowchart-object {
  position: absolute;
  background-color: #4586a3;
  color: #ffffff;
  border-radius: 15px;
  z-index: 13;
}
#workflowStatusConfiguarationSpace .flowchart-object .outer {
  display: inline-block;
  cursor: pointer;
  padding: 7px;
  background-color: transparent;
}
#workflowStatusConfiguarationSpace .flowchart-object.cp-workflow-root-node {
  background-color: #004873;
}
#workflowStatusConfiguarationSpace .flowchart-object .editable-container input {
  width: 120px;
}
#workflowStatusConfiguarationSpace .flowchart-object .cp-transition-self-disabled {
  opacity: 0.5;
}
#workflowStatusConfiguarationSpace .flowchart-object .cp-status-dragging {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: move;
}
#workflowStatusConfiguarationSpace .flowchart-object .cp-status-dragging span {
  white-space: nowrap;
}
#workflowStatusConfiguarationSpace .flowchart-object .cp-status-dragging .cp-element-name.cp-translateable-input {
  background: rgba(255, 255, 255, 0.5);
  min-height: 30px;
  margin: 0;
  padding: 0;
  border-radius: 8px;
  line-height: 30px;
}
#workflowStatusConfiguarationSpace .flowchart-object .cp-status-dragging .cp-element-name.cp-translateable-input .cp-change-name-style {
  padding: 0 14px;
}
#workflowStatusConfiguarationSpace .flowchart-object .cp-status-dragging .cp-status-configuration {
  padding-left: 7px;
  display: flex;
  flex-direction: column;
}
#workflowStatusConfiguarationSpace .flowchart-object .cp-status-dragging .cp-status-configuration .cp-image {
  font-size: 12px;
}
#workflowStatusConfiguarationSpace .flowchart-object .cp-status-dragging .cp-form-config-btn-grp {
  margin-left: 14px;
  display: flex;
}
#workflowStatusConfiguarationSpace .flowchart-object .cp-status-dragging .cp-form-config-btn-grp .cp-image {
  margin-left: 7px;
}
#workflowStatusConfiguarationSpace .flowchart-object .cp-status-info {
  display: none;
  position: relative;
  background: #ffffff;
  font-size: 12px;
}
#workflowStatusConfiguarationSpace .flowchart-object .cp-status-info .cp-status-list .cp-image {
  font-size: 12px;
}
#workflowStatusConfiguarationSpace .flowchart-object .cp-status-info .cp-status-list > div {
  font-weight: bold;
  color: #4586a3;
  background-color: #f1f6fc;
  display: flex;
  justify-content: space-between;
  border-left: solid 1px #c5cfd4;
  border-right: solid 1px #c5cfd4;
  padding: 3px 7px;
}
#workflowStatusConfiguarationSpace .flowchart-object .cp-status-info .cp-status-list ul {
  border: solid 1px #c5cfd4;
  margin: 0;
  padding: 0;
  list-style-type: none;
  color: #4586a3;
}
#workflowStatusConfiguarationSpace .flowchart-object .cp-status-info .cp-status-list ul li {
  padding: 3px 7px;
  background: #ffffff;
  display: flex;
  justify-content: space-between;
}
#workflowStatusConfiguarationSpace .flowchart-object .cp-status-info .cp-status-list ul li .cp-image {
  color: #70757a;
  margin-left: 7px;
}
#workflowStatusConfiguarationSpace .flowchart-object .cp-change-name-style {
  /** this, so only the text is clickable and not the whole block. otherwise its annoying with dragging **/
  display: inline;
}
#workflowStatusConfiguarationSpace .jtk-endpoint {
  z-index: 12;
  opacity: 0.8;
  cursor: pointer;
}
#workflowStatusConfiguarationSpace .jtk-endpoint .endpoint svg circle {
  fill: #c5cfd4;
}
#workflowStatusConfiguarationSpace .jtk-endpoint .endpoint.endpoint-hover svg circle {
  fill: #4586a3;
}
#workflowStatusConfiguarationSpace .jtk-connector {
  z-index: 9;
}
#workflowStatusConfiguarationSpace .jtk-connector path {
  stroke: #c5cfd4;
  stroke-width: 4;
  cursor: pointer;
}
#workflowStatusConfiguarationSpace .jtk-connector path:last-of-type {
  fill: #c5cfd4;
  stroke-width: 2;
}
#workflowStatusConfiguarationSpace .jtk-connector path.jtk-connector-outline {
  stroke-width: 20;
  stroke: transparent;
  cursor: pointer;
}
#workflowStatusConfiguarationSpace .jtk-connector.jtk-hover path {
  stroke: #4586a3;
  stroke-width: 4;
}
#workflowStatusConfiguarationSpace .jtk-connector.jtk-hover path:last-of-type {
  fill: #4586a3;
  stroke-width: 2;
}
#workflowStatusConfiguarationSpace .jtk-connector.jtk-hover path.jtk-connector-outline {
  stroke-width: 20;
  stroke: transparent;
  cursor: pointer;
}
#workflowStatusConfiguarationSpace .jtk-connector:hover,
#workflowStatusConfiguarationSpace .jtk-connector.jtk-hover {
  z-index: 10;
}
#workflowStatusConfiguarationSpace .jtk-surface-pan {
  display: none;
}
#workflowStatusConfiguarationSpace body.cp-child-content {
  border: 0 !important;
  width: auto !important;
}
#workflowStatusConfiguarationSpace .cp-child-content > div.cp-content {
  margin: 27px;
}
.cp-forms-workflow-actions > div {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.cp-forms-workflow-actions hr {
  margin-top: 14px;
}
.cp-forms-workflow-actions .cp-forms-workflow-filter {
  display: flex;
}
.cp-status-auth-visibility-container {
  display: flex;
  justify-content: space-between;
}
.cp-status-auth-visibility-container .cp-image-small {
  margin: 0 8px;
}
#formConfigurationWorkflow #miniview {
  display: block;
  position: absolute;
  right: 20px;
  top: 12px;
}
/* jsplumb form configuration - error handling/display */
/* used to displaying a line in red (which is clickable) to indicate it has an error */
.jsplumb-validation-error > path:nth-of-type(2),
.jsplumb-validation-error > path:last-of-type {
  stroke: red;
}
.jsplumb-validation-error > path:last-of-type {
  fill: red;
}
/* Issue: #29758. Workflow new button bar styling */
#formConfigurationWorkflow .cp-forms-workflow-filter {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
#formConfigurationWorkflow .cp-forms-workflow-filter .cp-button {
  white-space: nowrap;
}
#formConfigurationWorkflow .cp-forms-workflow-filter > div {
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  display: flex;
  align-items: center;
}
#formConfigurationWorkflow .cp-forms-workflow-filter > div.cp-sel-workflow-reset {
  padding-left: 12px;
  padding-right: 12px;
  height: 30px;
}
#formConfigurationWorkflow .cp-forms-workflow-filter-zoom-controls {
  display: flex;
}
#formConfigurationWorkflow .cp-forms-workflow-filter-zoom-controls > div.cp-button {
  height: 30px;
  margin-right: 5px;
}
#ruleEngineErrorSummary.validation-summary-errors {
  margin: 27px;
}
.cp-icon-details {
  font-weight: 900;
}
.cp-icon-details:before {
  content: '\f039';
  font-family: "Font Awesome 5 Pro";
}
.cp-icon-start {
  display: inline-block;
  background-color: #4586a3;
  mask: url("/web/images/icons/rule-engine_add_component.svg") no-repeat center / contain;
  -webkit-mask: url("/web/images/icons/rule-engine_add_component.svg") no-repeat center / contain;
  width: 20px;
  height: 20px;
}
.cp-icon-plus:before {
  content: '\f055';
  font-family: "Font Awesome 5 Pro";
}
.cp-icon-event span {
  display: inline-block;
  background-color: #4586a3;
  mask: url("/web/images/icons/rule-engine_trigger.svg") no-repeat center / contain;
  -webkit-mask: url("/web/images/icons/rule-engine_trigger.svg") no-repeat center / contain;
  width: 32px;
  height: 32px;
}
.cp-icon-condition span {
  display: inline-block;
  background-color: #4586a3;
  mask: url("/web/images/icons/rule-engine_condition.svg") no-repeat center / contain;
  -webkit-mask: url("/web/images/icons/rule-engine_condition.svg") no-repeat center / contain;
  width: 32px;
  height: 32px;
}
.cp-icon-iterator span {
  display: inline-block;
  background-color: #4586a3;
  mask: url("/web/images/icons/rule-engine_iterator.svg") no-repeat center / contain;
  -webkit-mask: url("/web/images/icons/rule-engine_iterator.svg") no-repeat center / contain;
  width: 32px;
  height: 32px;
}
.cp-icon-condition-simple span {
  display: inline-block;
  background-color: #4586a3;
  mask: url("/web/images/icons/rule-engine_simple_conditions.svg") no-repeat center / contain;
  -webkit-mask: url("/web/images/icons/rule-engine_simple_conditions.svg") no-repeat center / contain;
  width: 32px;
  height: 32px;
}
.cp-icon-condition-advanced span {
  display: inline-block;
  background-color: #4586a3;
  mask: url("/web/images/icons/rule-engine_advanced_conditions.svg") no-repeat center / contain;
  -webkit-mask: url("/web/images/icons/rule-engine_advanced_conditions.svg") no-repeat center / contain;
  width: 32px;
  height: 32px;
}
.cp-icon-action span,
.cp-icon-child-action span {
  display: inline-block;
  background-color: #4586a3;
  mask: url('/web/images/icons/rule-engine_action.svg') no-repeat center / contain;
  -webkit-mask: url('/web/images/icons/rule-engine_action.svg') no-repeat center / contain;
  width: 32px;
  height: 32px;
}
.cp-icon-action-question span {
  display: inline-block;
  background-color: #4586a3;
  mask: url("/web/images/icons/rule-engine_field_modification.svg") no-repeat center / contain;
  -webkit-mask: url("/web/images/icons/rule-engine_field_modification.svg") no-repeat center / contain;
  width: 32px;
  height: 32px;
}
.cp-icon-action-validation span {
  display: inline-block;
  background-color: #4586a3;
  mask: url("/web/images/icons/rule-engine_show_validations_message.svg") no-repeat center / contain;
  -webkit-mask: url("/web/images/icons/rule-engine_show_validations_message.svg") no-repeat center / contain;
  width: 32px;
  height: 32px;
}
.cp-icon-action-clear-validation span {
  display: inline-block;
  background-color: #4586a3;
  mask: url("/web/images/icons/rule-engine_clear_validation_message.svg") no-repeat center / contain;
  -webkit-mask: url("/web/images/icons/rule-engine_clear_validation_message.svg") no-repeat center / contain;
  width: 32px;
  height: 32px;
}
.cp-icon-action-set span {
  display: inline-block;
  background-color: #4586a3;
  mask: url("/web/images/icons/rule-engine_change_set.svg") no-repeat center / contain;
  -webkit-mask: url("/web/images/icons/rule-engine_change_set.svg") no-repeat center / contain;
  width: 32px;
  height: 32px;
}
.cp-icon-action-subform span {
  display: inline-block;
  background-color: #4586a3;
  mask: url("/web/images/icons/rule-engine_change_sub-form.svg") no-repeat center / contain;
  -webkit-mask: url("/web/images/icons/rule-engine_change_sub-form.svg") no-repeat center / contain;
  width: 32px;
  height: 32px;
}
.cp-icon-action-add-subform span {
  display: inline-block;
  background-color: #4586a3;
  mask: url("/web/images/icons/rule-engine_add_subform.svg") no-repeat center / contain;
  -webkit-mask: url("/web/images/icons/rule-engine_add_subform.svg") no-repeat center / contain;
  width: 32px;
  height: 32px;
}
.cp-icon-action-add-option span {
  display: inline-block;
  background-color: #4586a3;
  mask: url("/web/images/icons/rule-engine_change_sub-form.svg") no-repeat center / contain;
  -webkit-mask: url("/web/images/icons/rule-engine_change_sub-form.svg") no-repeat center / contain;
  width: 32px;
  height: 32px;
}
.cp-icon-action-remove-option span {
  display: inline-block;
  background-color: #4586a3;
  mask: url("/web/images/icons/rule-engine_clear_picklist.svg") no-repeat center / contain;
  -webkit-mask: url("/web/images/icons/rule-engine_clear_picklist.svg") no-repeat center / contain;
  width: 32px;
  height: 32px;
}
.cp-rule-block-active-condition,
.cp-rule-block-active-action {
  border: 1px solid #4586a3 !important;
}
.cp-rule-block-hover-else-condition,
.cp-rule-block-active-else-condition {
  border: 1px solid #ffab00 !important;
  background-color: rgba(0, 72, 115, 0.05) !important;
}
.cp-rule-block-hover-action,
.cp-rule-block-hover-child-action,
.cp-rule-block-hover-condition {
  border: 1px solid #4586a3 !important;
}
ul.cp-rule-type-list {
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  padding: 0;
  margin: 10px;
  max-width: 840px;
}
ul.cp-rule-type-list li {
  margin: 10px;
}
ul.cp-rule-type-list li a {
  font-weight: normal;
  display: flex;
  padding: 10px;
  min-height: 60px;
  border: 1px solid #fff;
  border-radius: 15px;
}
ul.cp-rule-type-list li a:hover {
  border-radius: 15px;
  border: 1px solid #4586a3;
}
ul.cp-rule-type-list li a .cp-rule-pick-type-icon {
  display: flex;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  font-size: 16px;
  align-items: center;
  justify-content: center;
}
ul.cp-rule-type-list li a .cp-rule-pick-type-content {
  display: flex;
  flex-direction: column;
  width: 320px;
}
#ruleCreator .cp-rule-conditional-actions,
#ruleCreator .cp-rule-event-actions {
  display: flex;
  align-items: center;
}
#ruleCreator .cp-rule-conditional-actions.cp-rule-conditional-actions-with-text,
#ruleCreator .cp-rule-event-actions.cp-rule-conditional-actions-with-text {
  width: inherit;
}
#ruleCreator .cp-rule-conditional-actions .cp-image,
#ruleCreator .cp-rule-event-actions .cp-image {
  padding: 10px;
}
#ruleCreator .cp-rule-conditional-actions .cp-add-conditional-group,
#ruleCreator .cp-rule-event-actions .cp-add-conditional-group {
  margin-left: 20px;
}
#ruleCreator .cp-rule-conditional-actions .cp-hide-button-with-spacing,
#ruleCreator .cp-rule-event-actions .cp-hide-button-with-spacing {
  pointer-events: none;
  visibility: hidden;
}
#ruleCreator > .cp-dialog-buttons {
  justify-content: start;
}
#ruleCreator .cp-rule-wrapper-rule-detail-container {
  padding-bottom: 20px;
  padding-left: 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px #c5cfd4;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: -15px;
  display: flex;
  flex-wrap: wrap;
}
#ruleCreator .cp-rule-wrapper-rule-detail-title-container {
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
}
#ruleCreator .cp-rule-wrapper-rule-detail-title-container .cp-rule-main-buttons {
  margin-left: auto;
  margin-right: 57px;
}
#ruleCreator .cp-rule-wrapper-rule-detail-collapse-expand {
  padding-right: 10px;
  padding-top: 5px;
  font-size: 26px;
  color: #4586a3;
}
#ruleCreator .cp-rule-wrapper-rule-detail-header {
  font-size: 18px;
  color: #4586a3;
  font-weight: bold;
}
#ruleCreator .cp-rule-wrapper-rule-detail-name {
  font-size: 1em;
  color: #4586a3;
  flex-basis: 100%;
  padding-left: 25px;
  text-decoration: underline;
}
#ruleCreator .cp-rule-wrapper-rule-detail-description {
  color: #4586a3;
  flex-grow: 2;
  padding-left: 25px;
}
#ruleCreator .cp-rule-wrapper-rule-detail-dragdrop-message {
  flex-basis: 100%;
  padding-left: 35px;
  padding-bottom: 12px;
}
#ruleCreator .cp-rule-wrapper {
  margin: 10px;
  width: calc(100% - 40px);
  min-height: calc(100% - 100px);
  height: calc(100vh - 310px);
  display: flex;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector-block-no-margin-fix > .cp-rule-type-selector-block {
  margin-top: 0px;
}
#ruleCreator .cp-rule-wrapper .sortable-placeholder {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px dashed gray;
  height: 30px;
  background: none;
}
#ruleCreator .cp-rule-wrapper .sortable-placeholder > .cp-rule-type-selector-block {
  margin: 0px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-sortable-container-child {
  background: linear-gradient(rgba(69, 134, 163, 0.4), rgba(69, 134, 163, 0.4)) 50px center / 1px repeat-y;
  min-height: 10px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-sortable-container-child > .cp-rule-type-selector-block-child > .cp-rule-type-selector-block {
  margin-top: 10px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-sortable-container-child .sortable-placeholder {
  margin-left: 40px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-sortable-container-child-height-fixer {
  min-height: 80px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-tree-item-event .cp-rule-type-selector-block {
  background-color: #4586a3;
}
#ruleCreator .cp-rule-wrapper .cp-rule-tree-item-event .cp-rule-type-selector-block-content-header,
#ruleCreator .cp-rule-wrapper .cp-rule-tree-item-event .cp-rule-type-selector-block-content-description,
#ruleCreator .cp-rule-wrapper .cp-rule-tree-item-event .cp-rule-type-selector-block-remove-icon:before {
  color: #fff;
}
#ruleCreator .cp-rule-wrapper .cp-rule-tree-item-event .cp-rule-type-selector-block .cp-icon-event span {
  background-color: #fff;
  width: 20px;
  height: 20px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-tree-item-condition > .cp-rule-type-selector-block {
  background-color: #f1f6fc;
}
#ruleCreator .cp-rule-wrapper .cp-rule-tree-item-condition .cp-rule-tree-item-expand-collapse {
  color: #4586a3;
}
#ruleCreator .cp-rule-wrapper .cp-rule-tree-item-iterator > .cp-rule-type-selector-block {
  background-color: rgba(69, 134, 163, 0.7);
}
#ruleCreator .cp-rule-wrapper .cp-rule-tree-item-iterator > .cp-rule-type-selector-block .cp-rule-type-selector-block-content-header,
#ruleCreator .cp-rule-wrapper .cp-rule-tree-item-iterator > .cp-rule-type-selector-block .cp-rule-type-selector-block-content-description,
#ruleCreator .cp-rule-wrapper .cp-rule-tree-item-iterator > .cp-rule-type-selector-block .cp-rule-type-selector-block-remove-icon:before,
#ruleCreator .cp-rule-wrapper .cp-rule-tree-item-iterator > .cp-rule-type-selector-block .cp-rule-type-selector-block .cp-rule-tree-item-expand-collapse {
  color: #fff;
}
#ruleCreator .cp-rule-wrapper .cp-rule-tree-item-iterator > .cp-rule-type-selector-block .cp-rule-tree-item-expand-collapse {
  color: #fff;
}
#ruleCreator .cp-rule-wrapper .cp-rule-tree-item-expand-collapse {
  width: 30px;
  padding-left: 10px;
  font-size: 20px;
  border-right: solid 1px #c5cfd4;
  margin-right: 12px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-tree-item-condition-else > div.cp-rule-type-selector-block > a {
  background-color: rgba(0, 72, 115, 0.05);
}
#ruleCreator .cp-rule-wrapper .cp-rule-tree-item-condition-else > div.cp-rule-type-selector-block > a .cp-rule-type-selector-block-content-header {
  color: rgba(0, 72, 115, 0.8);
  font-weight: bold;
}
#ruleCreator .cp-rule-wrapper .cp-rule-tree-item-condition-else > div.cp-rule-type-selector-block > a .cp-rule-type-selector-block-content-description {
  color: #004873;
}
#ruleCreator .cp-rule-wrapper .cp-rule-tree-item-condition-else > div.cp-rule-type-selector-block > a .cp-rule-type-selector-block-content-icon span {
  background-color: #004873;
}
#ruleCreator .cp-rule-wrapper .cp-rule-tree-item-condition-else > div.cp-rule-type-selector-block > a .cp-rule-tree-item-expand-collapse {
  color: #004873;
  border-right: 1px solid #004873;
}
#ruleCreator .cp-rule-wrapper .cp-rule-tree-item-action .cp-rule-type-selector-block {
  background-color: #fff;
}
#ruleCreator .cp-rule-wrapper .cp-rule-tree-item-action .cp-rule-type-selector-block-content-header {
  padding-top: 4px;
  color: #70757a;
  font-weight: bold;
}
#ruleCreator .cp-rule-wrapper .cp-rule-tree-item-action .cp-rule-type-selector-block-content-description {
  color: #70757a;
}
#ruleCreator .cp-rule-wrapper .cp-rule-tree-item-action .cp-rule-type-selector-block-icon span {
  background-color: #70757a;
}
#ruleCreator .cp-rule-wrapper .cp-rule-object-action-is-sub-action > .cp-rule-type-selector-block-child {
  display: flex;
  background: linear-gradient(rgba(69, 134, 163, 0.4), rgba(69, 134, 163, 0.4)) 50px center / 1px repeat-y;
  padding: 12px 0px 0 15px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-object-action-is-sub-action > .cp-rule-type-selector-block-child > .cp-rule-type-selector-block {
  margin-top: 5px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-object-action-is-sub-action > .cp-rule-type-selector-block-child::before {
  position: relative;
  top: -0.3em;
  height: 1.25em;
  width: 22px;
  color: white;
  content: "";
  flex-shrink: 0;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector {
  width: 400px;
  margin-bottom: 27px;
  overflow-y: auto;
  padding-right: 20px;
  margin-right: 0px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector > div#ruleSortableDiv {
  width: 100%;
  background: linear-gradient(rgba(69, 134, 163, 0.4), rgba(69, 134, 163, 0.4)) 15px center / 1px repeat-y;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector > div#ruleSortableDiv > div:first-of-type > .cp-rule-type-selector-block {
  margin-top: 0px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector #cpRuleDetailActivator {
  border-bottom: 2px solid #eaeaea;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector #cpRuleDetailActivator .cp-rule-type-selector-block {
  margin-top: 0;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector #cpRuleDetailActivator .cp-rule-type-selector-block > a {
  min-height: auto;
  line-height: 32px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector-block {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  border-radius: 15px;
  border: solid 1px #c5cfd4;
  background-color: #fff;
  cursor: pointer;
  position: relative;
  outline: 3px solid #fff;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector-block > a {
  padding: 5px;
  font-weight: normal;
  display: flex;
  width: 100%;
  min-height: 42px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector-block-child {
  margin: 0 5px 5px 5px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector-block-sub {
  margin: 0;
  padding: 12px 0px 0 30px;
  background: linear-gradient(rgba(69, 134, 163, 0.4), rgba(69, 134, 163, 0.4)) 50px center / 1px repeat-y;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector-block-icon {
  border-radius: 15px;
  display: flex;
  min-width: 34px;
  width: 34px;
  height: 24px;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector-block-icon span {
  background-color: #4586a3;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector-block-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector-block-content-header {
  color: #4586a3;
  font-weight: bold;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector-block-content-description {
  color: #4586a3;
  font-size: 16px;
  word-break: break-word;
  width: calc(85%);
  padding-left: 5px;
  padding-top: 5px;
  /* clip text to max 2 rows */
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector-block-remove-icon {
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 5px;
  font-size: 16px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector-block-remove-icon:before {
  content: '\f00d';
  font-family: "Font Awesome 5 Pro";
  color: #919aa8;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector-block-remove-icon-hover:before {
  color: #333;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector-add-part {
  display: flex;
  margin-top: 24px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector-add-part > div {
  display: flex;
  width: 100%;
  background-color: #fff;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector-add-part > div a {
  color: #4586a3;
  font-weight: normal;
  display: flex;
  width: 100%;
  border: 1px solid #fff;
  border-radius: 15px;
  padding: 5px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector-add-part > div a:hover,
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector-add-part > div a.add-part-active {
  border: 1px solid #4586a3;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector-add-part-child {
  margin: 0;
  padding: 20px 0 0 32px;
  background: linear-gradient(rgba(69, 134, 163, 0.4), rgba(69, 134, 163, 0.4)) 50px center / 1px repeat-y;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector-add-part-child > div > a {
  color: #70757a;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector-add-part-child > div > a .cp-rule-type-selector-add-part-icon {
  margin-left: 3px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector-add-part-icon {
  margin: 0 8px 0 0px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector-add-part-icon span.cp-icon-plus {
  color: #70757a;
  font-size: 18px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector-add-part-text {
  margin-top: 2px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector .cp-rule-type-selector-add-part-else a {
  color: rgba(0, 72, 115, 0.8);
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-selector .cp-rule-tree-item-condition-else {
  margin-top: 22px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-wrapper-main-content-container {
  width: calc(100% - 400px);
  height: 100%;
  overflow-y: auto;
  padding-right: 20px;
  margin-left: 10px;
  border-left: solid 1px #c5cfd4;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content {
  flex-grow: 1;
  padding-left: 25px;
  margin-bottom: 25px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content > div > h2 {
  color: #4586a3;
  margin: 0 0 12px 0;
  padding: 0;
  font-weight: bold;
  font-size: 26px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-event-container div.cp-rule-event-content-container {
  width: calc(80% - 75px);
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-event-container div.cp-rule-event-form-container {
  padding-left: 10px;
  margin-top: 20px;
  border-bottom: solid 1px #c5cfd4;
  padding: 10px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-event-container div.cp-rule-event-form-container:last-of-type {
  border-bottom: none;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-event-container div.cp-rule-event-form-container,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-event-container div.cp-rule-event-content-container {
  display: flex;
  align-items: baseline;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-event-container div.cp-rule-event-form-container div.cp-condition-clause,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-event-container div.cp-rule-event-content-container div.cp-condition-clause,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-event-container div.cp-rule-event-form-container div.cp-event-fact,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-event-container div.cp-rule-event-content-container div.cp-event-fact {
  padding-left: 10px;
  min-width: 300px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-event-container div.cp-rule-event-form-container div.cp-condition-clause .cp-drop-down-rule-fact-field,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-event-container div.cp-rule-event-content-container div.cp-condition-clause .cp-drop-down-rule-fact-field,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-event-container div.cp-rule-event-form-container div.cp-event-fact .cp-drop-down-rule-fact-field,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-event-container div.cp-rule-event-content-container div.cp-event-fact .cp-drop-down-rule-fact-field {
  color: #3f455d;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-event-container div.cp-rule-event-form-container .cp-event-fact > div,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-event-container div.cp-rule-event-content-container .cp-event-fact > div {
  display: flex;
  align-items: baseline;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-event-container div.cp-rule-event-form-container .cp-drop-down-rule-event-type,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-event-container div.cp-rule-event-content-container .cp-drop-down-rule-event-type {
  min-width: 300px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-event-container div.cp-rule-event-form-container .cp-drop-down-rule-fact-field,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-event-container div.cp-rule-event-content-container .cp-drop-down-rule-fact-field {
  width: 300px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-event-container div.cp-rule-event-form-container .cp-drop-down-rule-fact-subform,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-event-container div.cp-rule-event-content-container .cp-drop-down-rule-fact-subform {
  width: 300px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-event-container div.cp-event-fact-label {
  padding-right: 20px;
  min-width: 200px;
  font-weight: bold;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-action-form-container,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-iterator-form-container {
  align-items: baseline;
  display: flex;
  padding: 30px;
  padding-top: 10px;
  flex-direction: column;
  margin-right: 50px;
  flex-wrap: wrap;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-action-form-container > div,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-iterator-form-container > div {
  padding-left: 10px;
  padding-right: 10px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-action-form-container .cp-drop-down-rule-fact-field,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-iterator-form-container .cp-drop-down-rule-fact-field {
  min-width: 300px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-action-form-container .cp-drop-down-rule-fact-subform,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-iterator-form-container .cp-drop-down-rule-fact-subform {
  min-width: 300px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-action-form-container .cp-fact-value,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-iterator-form-container .cp-fact-value {
  width: 100%;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-action-form-container .cp-action-validation-message-container,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-iterator-form-container .cp-action-validation-message-container {
  display: flex;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-action-form-container .cp-action-validation-message-container-input,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-iterator-form-container .cp-action-validation-message-container-input {
  width: 100%;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-action-form-container .cp-action-add-validation-custom-label,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-iterator-form-container .cp-action-add-validation-custom-label {
  margin-top: -3px;
  margin-left: 20px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-action-form-container .cp-action-row,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-iterator-form-container .cp-action-row {
  display: flex;
  width: 100%;
  padding: 0px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-action-form-container .cp-action-row > div,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-iterator-form-container .cp-action-row > div {
  padding-left: 10px;
  padding-right: 10px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-action-form-container .cp-action-fact-builder-value-add-option,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-iterator-form-container .cp-action-fact-builder-value-add-option,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-action-form-container .cp-action-fact-builder-value-add-option-displayvalue,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-iterator-form-container .cp-action-fact-builder-value-add-option-displayvalue {
  align-self: flex-start;
  padding-bottom: 10px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-action-form-container .cp-action-fact-builder-value-add-option .cp-fact-value,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-iterator-form-container .cp-action-fact-builder-value-add-option .cp-fact-value,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-action-form-container .cp-action-fact-builder-value-add-option-displayvalue .cp-fact-value,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-iterator-form-container .cp-action-fact-builder-value-add-option-displayvalue .cp-fact-value {
  padding-top: 0px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-iterator-form-container {
  padding-top: 25px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-iterator-form-container > div {
  padding: 5px 10px 5px 10px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-condition-container ul.cp-condition-block {
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-condition-container ul.cp-condition-block li.cp-rule-conditional-row {
  font-size: 16px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-condition-container ul.cp-condition-block li.cp-rule-conditional-row[data-child-criterion] ul.cp-rule-conditional-row-sub {
  display: none;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-condition-container ul.cp-condition-block li.cp-rule-conditional-row > ul.cp-rule-conditional-row-sub > li.cp-rule-conditional-row {
  flex-direction: row;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-condition-container ul.cp-condition-block li.cp-rule-conditional-row .cp-condition-row-type {
  padding-right: 15px;
  padding-left: 15px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-condition-container ul.cp-condition-block li.cp-rule-conditional-row div.cp-rule-conditional-row-type-selection {
  border: solid 1px #c5cfd4;
  padding-top: 10px;
  padding-left: 10px;
  margin-bottom: 15px;
  flex-grow: 1;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-condition-container ul.cp-condition-block li.cp-rule-conditional-row div.cp-rule-conditional-row-container {
  display: flex;
  flex-grow: 1;
  border: solid 1px #c5cfd4;
  border-radius: 15px;
  flex-direction: column;
  margin-bottom: 20px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-condition-container ul.cp-condition-block li.cp-rule-conditional-row div.cp-rule-conditional-row-container:nth-of-type(1) {
  border: solid 1px #c5cfd4;
  border-radius: 15px;
  background-color: #fbfbfb;
  color: #70757a;
  margin-top: 6px;
  padding: 0 8px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-condition-container ul.cp-condition-block li.cp-rule-conditional-row div.cp-rule-conditional-row-container:nth-of-type(1) > div {
  display: flex;
  align-items: center;
  border-right: 1px solid #eaeaea;
  padding: 0 16px;
  line-height: 39px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-condition-container ul.cp-condition-block li.cp-rule-conditional-row div.cp-rule-conditional-row-container:nth-of-type(1) > div .cp-drop-down-list {
  margin-left: 8px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-condition-container ul.cp-condition-block li.cp-rule-conditional-row div.cp-rule-conditional-row-container:nth-of-type(1) > div .cp-drop-down-fact {
  width: 340px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-condition-container ul.cp-condition-block li.cp-rule-conditional-row div.cp-rule-conditional-row-container:nth-of-type(1) > div .cp-drop-down-fact .select2-chosen {
  max-width: 320px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-condition-container ul.cp-condition-block li.cp-rule-conditional-row div.cp-rule-conditional-row-container:nth-of-type(1) > div.cp-condition-clause {
  width: 125px;
  padding-left: 0px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-condition-container ul.cp-condition-block li.cp-rule-conditional-row div.cp-rule-conditional-row-container:nth-of-type(1) > div.cp-calculation-fact {
  position: relative;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-condition-container ul.cp-condition-block li.cp-rule-conditional-row div.cp-rule-conditional-row-container:nth-of-type(1) > div.cp-calculation-fact .cp-rule-calculation-fact-arrow {
  position: absolute;
  left: 50%;
  bottom: 0;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-condition-container ul.cp-condition-block li.cp-rule-conditional-row div.cp-rule-conditional-row-container:nth-of-type(1) > div.cp-calculation-fact .cp-rule-calculation-fact-arrow:after {
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -8px;
  left: 50%;
  margin-left: -8px;
  border-top: 12px solid #ddd;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 0;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-condition-container ul.cp-condition-block li.cp-rule-conditional-row div.cp-rule-conditional-row-container.cp-rule-conditional-actions {
  display: flex;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-condition-container ul.cp-condition-block li.cp-rule-conditional-row div.cp-rule-conditional-row-container .cp-conditional-row-header {
  background-color: #f1f6fc;
  flex-direction: row;
  display: flex;
  align-items: baseline;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-condition-container ul.cp-condition-block li.cp-rule-conditional-row div.cp-rule-conditional-row-container .cp-conditional-row-header .cp-image-object-collapse {
  font-size: 22px;
  color: #4586a3;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-condition-container ul.cp-condition-block li.cp-rule-conditional-row div.cp-rule-conditional-row-container .cp-conditional-row-header-name {
  font-size: 16px;
  font-family: "Quicksand";
  font-weight: 500;
  color: #4586a3;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-condition-container ul.cp-condition-block li.cp-rule-conditional-row div.cp-rule-conditional-row-container .cp-conditional-row-header-spacer {
  flex-grow: 1;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-condition-container ul.cp-condition-block li.cp-rule-conditional-row div.cp-rule-conditional-row-container .cp-conditional-row-header-delete-button {
  margin-right: 30px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-condition-container ul.cp-condition-block li.cp-rule-conditional-row div.cp-rule-conditional-row-container .cp-row-expand-collapse-rule-container {
  padding: 30px;
  border-top: solid 1px #c5cfd4;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-condition-container .cp-rule-container-rule-container-is-collapsed > .cp-conditional-row-header {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-condition-container ul.cp-rule-conditional-row-sub li.cp-rule-conditional-row {
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  margin: 0;
  line-height: 20px;
  border-left: solid 1px #c5cfd4;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-condition-container ul.cp-rule-conditional-row-sub li.cp-rule-conditional-row:last-child {
  border-left: none;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-condition-container ul.cp-rule-conditional-row-sub li.cp-rule-conditional-row:last-child:before {
  border-left: solid 1px #c5cfd4;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-condition-container ul.cp-rule-conditional-row-sub li.cp-rule-conditional-row:before {
  position: relative;
  top: -0.3em;
  height: 2.5em;
  width: 42px;
  color: white;
  border-bottom: solid 1px #c5cfd4;
  content: "";
  display: inline-block;
  margin-right: 20px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-row-expand-collapse-rule-container,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-action-form-container,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-iterator-value-row {
  flex-direction: row;
  flex-wrap: wrap;
  display: flex;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-row-expand-collapse-rule-container .cp-action-container,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-action-form-container .cp-action-container,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-iterator-value-row .cp-action-container {
  align-items: baseline;
  flex-wrap: wrap;
  display: flex;
  width: 100%;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-row-expand-collapse-rule-container .cp-row-expand-collapse-rule-fact-row,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-action-form-container .cp-row-expand-collapse-rule-fact-row,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-iterator-value-row .cp-row-expand-collapse-rule-fact-row {
  width: 100%;
  flex-wrap: wrap;
  display: flex;
  align-items: baseline;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-row-expand-collapse-rule-container .cp-condition-fact-label,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-action-form-container .cp-condition-fact-label,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-iterator-value-row .cp-condition-fact-label,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-row-expand-collapse-rule-container .cp-action-label,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-action-form-container .cp-action-label,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-iterator-value-row .cp-action-label,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-row-expand-collapse-rule-container .cp-iterator-label,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-action-form-container .cp-iterator-label,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-iterator-value-row .cp-iterator-label {
  flex-basis: 30%;
  margin-right: 30px;
  white-space: nowrap;
  padding-top: 10px;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-row-expand-collapse-rule-container .cp-condition-fact,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-action-form-container .cp-condition-fact,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-iterator-value-row .cp-condition-fact,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-row-expand-collapse-rule-container .cp-action-fact,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-action-form-container .cp-action-fact,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-iterator-value-row .cp-action-fact,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-row-expand-collapse-rule-container .cp-calculation-fact,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-action-form-container .cp-calculation-fact,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-iterator-value-row .cp-calculation-fact,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-row-expand-collapse-rule-container .cp-iterator-value,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-action-form-container .cp-iterator-value,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-iterator-value-row .cp-iterator-value,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-row-expand-collapse-rule-container .cp-formula-builder-container,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-action-form-container .cp-formula-builder-container,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-iterator-value-row .cp-formula-builder-container {
  flex-basis: 65%;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-row-expand-collapse-rule-container .cp-condition-comparison,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-action-form-container .cp-condition-comparison,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-iterator-value-row .cp-condition-comparison {
  flex-basis: 65%;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-row-expand-collapse-rule-container .cp-iterator-value,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-action-form-container .cp-iterator-value,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-iterator-value-row .cp-iterator-value,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-row-expand-collapse-rule-container .cp-iterator-value-nowrap,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-action-form-container .cp-iterator-value-nowrap,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-iterator-value-row .cp-iterator-value-nowrap {
  margin-bottom: 5px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-row-expand-collapse-rule-container .cp-fact-value,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-rule-action-form-container .cp-fact-value,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-iterator-value-row .cp-fact-value {
  padding-top: 20px;
  flex-basis: 100%;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-iterator-value-row {
  flex-wrap: inherit;
  width: 100%;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-iterator-table-value,
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-iterator-value-row-header {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-iterator-table-value {
  width: auto;
  padding-bottom: 27px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-iterator-table-value .cp-iterator-value-row-header {
  width: 100%;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-iterator-table-value .cp-iterator-value-row-header div {
  font-weight: bold;
  padding-bottom: 10px;
  padding-top: 27px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-iterator-table-value .cp-iterator-value-row-header .cp-iterator-label {
  flex-basis: 20%;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-iterator-table-value .cp-iterator-value-row {
  flex-wrap: nowrap;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-iterator-table-value .cp-iterator-value-row .cp-iterator-label {
  flex-basis: 20%;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-iterator-value-nowrap {
  display: flex;
  flex-wrap: nowrap;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-iterator-value-nowrap div {
  padding-right: 25px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-iterator-value-row-wrap {
  width: 100%;
  flex-wrap: wrap;
  align-items: baseline;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content .cp-iterator-value-row-wrap > .cp-iterator-label {
  padding-top: 10px;
  margin-bottom: 5px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content-conditions {
  padding-top: 0px;
}
#ruleCreator .cp-rule-wrapper .cp-rule-type-content-conditions .cp-rule-condition-container {
  padding-top: 0px;
}
.cp-rule-wrapper-style-container {
  margin-bottom: 27px;
  border: solid 1px #c5cfd4;
  border-radius: 15px;
}
.cp-rule-wrapper-style-container .cp-rule-action-list-items li a,
.cp-rule-wrapper-style-container .cp-rule-type-list li a {
  padding: 15px;
  border: solid 1px #c5cfd4;
  border-radius: 15px;
  color: #4586a3;
}
.cp-rule-wrapper-style-container-conditions,
.cp-rule-wrapper-style-container-header-only {
  border: none;
  margin-bottom: 0px;
}
.cp-rule-wrapper-style-container-conditions .cp-rule-wrapper-style-header,
.cp-rule-wrapper-style-container-header-only .cp-rule-wrapper-style-header {
  background: none;
  padding-left: 0px;
  border-bottom: none;
}
.cp-rule-wrapper-style-header {
  background-color: #f1f6fc;
  padding: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  display: flex;
  flex-wrap: wrap;
  border-bottom: solid 1px #c5cfd4;
  font-size: 16px;
  font-family: "Quicksand";
  font-weight: 500;
  padding-left: 20px;
  color: #4586a3;
}
.cp-rule-wrapper-style-header-name {
  width: 100%;
  display: flex;
}
.cp-rule-wrapper-style-header-name h2 {
  color: #4586a3;
  font-size: 1em;
  font-family: "Quicksand";
  font-weight: 500;
  flex-grow: 1;
  margin-top: -5px;
}
.cp-rule-wrapper-style-header .cp-rule-wrapper-style-buttons {
  display: flex;
  width: 170px;
}
.cp-rule-wrapper-style-header .cp-rule-wrapper-style-buttons input {
  margin-left: 5px;
  margin-right: 5px;
}
.cp-rule-wrapper-style-header .cp-rule-wrapper-style-buttons-hidden {
  display: none;
}
.cp-rule-wrapper-style-header .cp-rule-type-content-description,
.cp-rule-wrapper-style-header .cp-rule-type-content-action-description {
  width: 75%;
  padding-top: 5px;
  padding-bottom: 5px;
}
/* rule engine (formula) builder tabs */
div.cp-value-selection-tabs.ui-widget.ui-widget-content,
div.cp-rule-formula-builder-tabs.ui-widget.ui-widget-content {
  background: transparent;
  border: none;
}
div.cp-value-selection-tabs ul.ui-widget-header,
div.cp-rule-formula-builder-tabs ul.ui-widget-header {
  background: transparent;
  border: none;
  border-bottom: solid 1px #c5cfd4;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
div.cp-value-selection-tabs ul.ui-tabs-nav,
div.cp-rule-formula-builder-tabs ul.ui-tabs-nav {
  padding: 0px;
}
div.cp-value-selection-tabs ul.ui-tabs-nav .ui-state-default,
div.cp-rule-formula-builder-tabs ul.ui-tabs-nav .ui-state-default {
  background: transparent;
  border: none;
}
div.cp-value-selection-tabs ul.ui-tabs-nav .ui-state-default a,
div.cp-rule-formula-builder-tabs ul.ui-tabs-nav .ui-state-default a {
  color: #4586a3;
}
div.cp-value-selection-tabs ul.ui-tabs-nav .ui-state-active,
div.cp-rule-formula-builder-tabs ul.ui-tabs-nav .ui-state-active {
  border: solid 1px #c5cfd4;
  border-bottom: solid 2px #fff;
}
div.cp-value-selection-tabs ul.ui-tabs-nav .ui-state-active a,
div.cp-rule-formula-builder-tabs ul.ui-tabs-nav .ui-state-active a {
  color: #4586a3;
}
div.cp-value-selection-tabs .cp-rule-condition-value-selection-tab,
div.cp-rule-formula-builder-tabs .cp-rule-condition-value-selection-tab {
  padding-top: 10px;
}
div.cp-value-selection-tabs .cp-rule-formula-builder-tab,
div.cp-rule-formula-builder-tabs .cp-rule-formula-builder-tab {
  padding: 15px;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}
div.cp-value-selection-tabs .cp-rule-formula-builder-tab-functions ul li,
div.cp-rule-formula-builder-tabs .cp-rule-formula-builder-tab-functions ul li,
div.cp-value-selection-tabs .cp-rule-formula-builder-tab-constants ul li,
div.cp-rule-formula-builder-tabs .cp-rule-formula-builder-tab-constants ul li {
  cursor: pointer;
}
div.cp-rule-formula-builder-tabs {
  padding: 0px;
}
div.cp-rule-formula-builder-tabs ul.ui-widget-header {
  border: none;
}
div.cp-rule-formula-builder-tabs ul.ui-tabs-nav .ui-state-default {
  margin: 0px 10px 0px 10px;
  background: transparent;
  border: none;
}
div.cp-rule-formula-builder-tabs ul.ui-tabs-nav .ui-state-default a {
  padding: 0px;
}
div.cp-rule-formula-builder-tabs ul.ui-tabs-nav .ui-state-active {
  border-bottom: solid 2px #4586a3;
}
div.cp-rule-formula-builder-tabs ul.ui-tabs-nav .ui-state-active a {
  color: #4586a3;
}
div.cp-rule-description-box {
  display: flex;
  width: 100%;
  min-height: 100px;
}
div.cp-rule-description-box textarea {
  width: 100%;
}
.cp-rule-detail-content-holder .cp-info-table .label-column {
  width: 15%;
}
.cp-rule-detail-content-holder .cp-info-table .data-column {
  width: 83%;
}
.cp-rule-detail-content-holder .cp-rule-general-form-container {
  border-bottom: solid 1px #c5cfd4;
  margin-left: 10px;
  margin-right: 10px;
}
.cp-rule-detail-content-holder .cp-rule-general-form-container .cp-dialog-buttons {
  justify-content: inherit;
  padding-left: 17%;
  padding-top: 0px;
  padding-bottom: 27px;
}
.cp-rule-detail-content-holder .cp-rule-general-form-container .cp-dialog-buttons input[type=button].cp-input-button-change {
  background: none;
  background-color: #4586a3;
  color: #fff;
  padding-left: 15px;
  padding-right: 15px;
}
div.cp-rule-main-buttons input:disabled {
  display: none;
}
.cp-rule-fact-builder-container {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
  min-height: 275px;
  margin: 5px;
  margin-top: 15px;
  padding: 5px;
}
.cp-rule-fact-builder-container:before {
  border-left: 1px solid rgba(69, 134, 163, 0.5);
}
.cp-rule-fact-builder-container:before {
  position: relative;
  top: -0.9em;
  height: 2.0em;
  width: 32px;
  color: white;
  border-bottom: 1px solid rgba(69, 134, 163, 0.5);
  content: "";
  display: inline-block;
  margin-right: 20px;
  margin-left: 15px;
}
.cp-rule-fact-builder-container .cp-rule-fact-builder-editor {
  display: flex;
  width: 100%;
}
.cp-rule-fact-builder-container .cp-rule-fact-builder-editor.cp-dialog-buttons {
  display: flex;
  align-content: center;
  width: 100%;
}
.cp-rule-fact-builder-container .cp-fact-formula-builder {
  padding-top: 10px;
  display: flex;
  width: 100%;
}
.cp-rule-fact-builder-container .cp-fact-formula-builder textarea {
  width: 100%;
  height: 100px;
}
.cp-rule-fact-builder-container .cp-rule-fact-builder-helper-formula {
  padding: 0px 15px 15px 5px;
  flex-basis: 90%;
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  padding-left: 10px;
}
.cp-rule-fact-builder-container .cp-rule-fact-builder-helper-formula div.field-validation-error {
  flex-grow: 1;
  padding-left: 100px;
  flex-basis: 100%;
}
.cp-rule-fact-builder-container .cp-rule-fact-builder-helper-formula div.cp-fact-formula-builder {
  flex-grow: 2;
  width: inherit;
}
.cp-rule-fact-builder-container .cp-rule-fact-builder-helper-formula-text,
.cp-rule-fact-builder-container .cp-rule-fact-builder-helper-property-text {
  padding-top: 15px;
  padding-right: 20px;
  font-weight: bold;
}
.cp-rule-fact-builder-container .cp-rule-fact-builder-helpers {
  flex-grow: 1;
  flex-basis: 90%;
  padding: 0px;
}
.cp-rule-fact-builder-container .cp-fact-builder-context-constant-list {
  display: flex;
  flex-direction: column;
  flex-basis: 45%;
  white-space: nowrap;
  padding-top: 10px;
}
.cp-rule-fact-builder-container .cp-fact-builder-context-constant-list-header {
  font-weight: bold;
}
.cp-add-function-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.cp-function-property-selection {
  display: flex;
  flex-direction: row;
  flex-basis: 100%;
}
.cp-add-function-container .cp-function-fact-label {
  color: #4586a3;
  min-width: 150px;
  padding-bottom: 5px;
  padding-top: 10px;
}
.cp-add-function-container .cp-function-fact-label:after {
  display: block;
  margin-top: 10px;
  content: "";
  height: 1px;
  background-color: #c5cfd4;
  width: 67px;
  left: 14px;
  bottom: 0px;
}
div.cp-rule-main-buttons {
  display: flex;
  justify-content: center;
  padding-top: 20px;
}
div.cp-rule-main-buttons input {
  margin-left: 5px;
  margin-right: 5px;
}
div.cp-jq-tab-control.ui-widget.ui-tabs.cp-forms-business-rules-tabs {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}
div.cp-fact-builder-context-constant-list ul,
div.cp-rule-formula-builder-tab-functions ul {
  list-style-type: none;
  margin: 0px;
  margin-top: 5px;
  padding: 0px;
}
div.cp-fact-builder-context-constant-list ul li,
div.cp-rule-formula-builder-tab-functions ul li {
  padding: 5px 0 0 0;
}
div.cp-fact-builder-context-constant-list ul li:before,
div.cp-rule-formula-builder-tab-functions ul li:before {
  content: '\f055';
  font-family: "Font Awesome 5 Pro";
  color: #4586a3;
  padding-right: 10px;
}
div.cp-fact-builder-context-constant-list:nth-of-type(1) {
  margin-right: 35px;
}
div.cp-fact-automatically-determined-by-iterator-value {
  padding-top: 20px;
}
.cp-rule-action-form-validation {
  display: flex;
  line-height: 30px;
}
.cp-rule-action-form-validation > div {
  padding-left: 10px;
}
.cp-row-expand-collapse-rule-container > div,
.cp-fact-condition-value-options > div,
.cp-data-value-option-select > div {
  padding: 5px;
}
.cp-fact-condition-value-option-select {
  margin-bottom: 10px;
}
ul.cp-condition-value-select-type-style-list {
  list-style-type: none;
  padding: 0px;
  display: flex;
}
ul.cp-condition-value-select-type-style-list > li {
  margin-right: 20px;
}
ul.cp-condition-value-select-type-style-list > li.type-selected {
  decoration: underline;
  color: blue;
}
.cp-condition-value-select-type-style-container {
  display: flex;
  align-items: baseline;
  width: 250px;
}
.cp-condition-value-select-type-style {
  padding-left: 20px;
}
.cp-rule-event-container {
  padding: 10px;
}
.cp-trigger-selection {
  flex-wrap: wrap;
}
.cp-rule-event-content-container {
  padding-left: 10px;
  flex-grow: 1;
}
.cp-rule-event-content-container .cp-event-clause {
  flex-wrap: wrap;
}
.cp-rule-event-content-container > div {
  padding: 10px;
  display: flex;
  align-items: baseline;
}
div.cp-rule-event-content-container {
  flex-direction: column;
}
.cp-rule-action-form-container .cp-action-label {
  margin-top: 15px;
  margin-bottom: 5px;
  margin-right: 25px;
}
.cp-rule-action-form-container .cp-action-fact {
  width: 70%;
}
.cp-list-configuration .column-header {
  color: #4586a3;
  margin: 7px 0 8px 0;
  padding: 0;
  font-weight: bold;
  font-size: initial;
}
.cp-list-configuration .cp-sel-grid .cp-grid-buttons a {
  color: #004873;
}
.cp-list-configuration ul li {
  list-style: none;
  list-style-type: none;
}
.cp-list-configuration .cp-sel-accordion a {
  display: block;
  padding: 5px;
}
.cp-list-configuration #availableFieldsContainer {
  margin-right: 40px;
}
.cp-list-configuration #availableFieldsContainer .cp-image {
  display: none;
}
.cp-list-configuration #availableFieldsContainer .cp-menubuilder-item {
  cursor: pointer;
}
.cp-list-configuration #availableFieldsContainer .cp-menubuilder-item .cp-menubuilder-item-handle > span {
  text-overflow: ellipsis;
  max-width: 282px;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.cp-list-configuration #availableFieldsContainer .cp-menubuilder-layer3-item .cp-menubuilder-item-handle > span {
  max-width: 500px;
}
.cp-list-configuration .cp-column-label-column #availableFieldsContainer {
  font-weight: normal !important;
}
.cp-list-configuration #listConfigurationFieldsTabContainer ul.ui-tabs-nav {
  margin-bottom: 1px;
}
.cp-list-configuration #listConfigurationFieldsTabContainer ul li i {
  width: 18px;
  height: 18px;
  color: #ff1d19;
  font-size: 18px;
  margin-left: 10px;
  margin-top: 15px;
}
.cp-list-configuration #listConfigurationFieldsTabContainer .cp-sel-grid .cp-grid-data-control > tbody .cp-input {
  margin-left: 5px;
}
.cp-list-configuration #listConfigurationFieldsTabContainer .cp-sel-grid .cp-grid-data-control > tbody .cp-input .cp-required {
  left: -12px;
}
.cp-list-configuration #listConfigurationFieldsTabContainer .cp-sel-grid .cp-grid-data-control > tbody .cp-input input {
  box-sizing: border-box;
}
.cp-list-configuration #listConfigurationFieldsTabContainer .cp-sel-grid .cp-grid-data-control > tbody .cp-numeric-box {
  width: 65px;
  line-height: 23px;
}
.cp-list-configuration #listConfigurationFieldsTabContainer .cp-sel-grid .cp-grid-data-control > tbody .cp-numeric-box input {
  width: 100%;
}
.cp-list-configuration #listConfigurationFieldsTabContainer .cp-sel-grid .cp-grid-data-control > tbody .cp-width-unit {
  margin-left: 12px;
  display: inline-block;
}
.cp-list-configuration #listConfigurationFieldsTabContainer .cp-sel-grid .cp-grid-data-control > tbody .cp-image-remove {
  display: inline-block;
  margin-right: 8px;
}
.cp-list-configuration #listConfigurationFieldsTabContainer .cp-sel-grid .cp-grid-data-control > tbody > tr.cp-has-action {
  cursor: default;
}
.cp-list-configuration #listConfigurationFieldsTabContainer .cp-sel-grid .cp-grid-data-control > tbody > tr > td {
  line-height: 35px;
}
.list-config-draggable-row .cp-input {
  margin-left: 5px;
}
.list-config-draggable-row .cp-input .cp-required {
  left: -12px;
}
.list-config-draggable-row .cp-input input {
  box-sizing: border-box !important;
}
.list-config-draggable-row .cp-numeric-box {
  width: 65px;
}
.list-config-draggable-row .cp-numeric-box input {
  width: 100%;
}
.list-config-draggable-row .cp-width-unit {
  margin-left: 12px !important;
  display: inline-block !important;
}
.list-config-draggable-row .cp-image-remove {
  display: inline-block;
  margin-right: 8px;
}
#dialogPopupFieldSorting .cp-sel-grid .cp-sel-edit,
#dialogPopupFieldSorting .cp-sel-grid .cp-image-remove {
  display: none;
}
#dialogPopupFieldSorting .cp-sel-grid .cp-sel-sort {
  display: block !important;
}
#dialogPopupFieldSorting .cp-sel-grid .fa-sort-trans {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
#dialogPopupFieldProperties div.cp-sel-no-properties {
  padding: 14px;
  margin: 0 27px 8px;
}
.cp-no-shadow-grids .cp-sel-grid {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.cp-no-margin-tab-control.cp-jq-tab-control > .ui-tabs-nav {
  margin-bottom: 0px;
}
.cp-tm-container {
  position: relative;
}
.cp-tm-container .cp-scm-button-bar {
  position: absolute;
  right: 0;
  top: -10px;
}
.cp-tm-container .cp-tm-overlay {
  z-index: 3;
  position: absolute;
  padding: 13.5px;
  background: #ffffff;
  left: calc(50% - 200px);
  top: -16px;
  width: 400px;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
}
.cp-tm-container .cp-tm-overlay .cp-tm-overlay-color-min {
  padding-right: 13.5px;
}
.cp-tm-container .cp-tm-overlay .cp-tm-overlay-color-max {
  padding-left: 13.5px;
}
.cp-tm-container .cp-tm-overlay .cp-tm-overlay-header-container {
  display: flex;
}
.cp-tm-container .cp-tm-overlay .cp-tm-overlay-header-container .cp-tool-tip {
  margin-left: 8px;
  height: 24px;
}
.cp-tm-container .cp-tm-overlay .cp-tm-overlay-color-bar-container {
  display: flex;
  margin-top: 13.5px;
}
.cp-tm-container .cp-tm-overlay .cp-tm-overlay-color-bar-container .cp-tm-overlay-color-bar {
  flex-grow: 1;
  height: 16px;
  position: relative;
  margin-top: 4px;
}
.cp-tm-container .cp-tm-overlay .cp-tm-overlay-color-bar-container .cp-tm-overlay-color-bar .cp-tm-overlay-tip {
  left: 0;
  top: 22px;
  transform: translate(-50%, 0);
  position: absolute;
  border: 1px solid #d4d4d4;
  background: #ffffff;
  border-radius: 15px;
  -webkit-box-shadow: 3px 4px 12px -10px #474747;
  -moz-box-shadow: 3px 4px 12px -10px #474747;
  box-shadow: 3px 4px 12px -10px #474747;
}
.cp-tm-container .cp-tm-overlay .cp-tm-overlay-color-bar-container .cp-tm-overlay-color-bar .cp-tm-overlay-tip .cp-tm-overlay-tip-content {
  white-space: nowrap;
  padding: 14px;
}
.cp-tm-container .cp-tm-overlay .cp-tm-overlay-color-bar-container .cp-tm-overlay-color-bar .cp-tm-overlay-tip::after,
.cp-tm-container .cp-tm-overlay .cp-tm-overlay-color-bar-container .cp-tm-overlay-color-bar .cp-tm-overlay-tip::before {
  content: "";
  border-width: 10px;
  border-style: solid;
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
}
.cp-tm-container .cp-tm-overlay .cp-tm-overlay-color-bar-container .cp-tm-overlay-color-bar .cp-tm-overlay-tip::after {
  border-width: 8px;
  border-color: transparent transparent white transparent;
}
.cp-tm-container .cp-tm-overlay .cp-tm-overlay-color-bar-container .cp-tm-overlay-color-bar .cp-tm-overlay-tip::before {
  border-color: transparent transparent #d4d4d4 transparent;
}
.cp-tm-container .cp-tm-filter {
  z-index: 4;
  position: absolute;
  background: #ffffff;
  top: 36px;
  left: -20px;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
  max-width: 360px;
}
.cp-tm-container .cp-tm-filter.closed .cp-tm-filter-body,
.cp-tm-container .cp-tm-filter.closed .cp-tm-filter-header span {
  display: none;
}
.cp-tm-container .cp-tm-filter.closed .cp-tm-filter-header {
  width: 34px;
  height: 86px;
  padding: 0;
  border-bottom-right-radius: 15px;
}
.cp-tm-container .cp-tm-filter.closed .fa-chevron-right {
  display: flex !important;
}
.cp-tm-container .cp-tm-filter.closed .fa-chevron-left {
  display: none;
}
.cp-tm-container .cp-tm-filter .scm-menu {
  margin: 0;
  padding: 0;
}
.cp-tm-container .cp-tm-filter .scm-menu .cp-text-box input {
  width: 100%;
}
.cp-tm-container .cp-tm-filter .cp-tm-filter-header {
  color: #4586a3;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  padding: 14px;
  border-top-right-radius: 15px;
}
.cp-tm-container .cp-tm-filter .cp-tm-filter-header span:after {
  font-size: inherit !important;
}
.cp-tm-container .cp-tm-filter .cp-tm-filter-header .cp-tm-filter-toggler {
  z-index: 3;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: transparent;
  position: absolute;
  right: 0px;
  top: calc(50% - 15px);
  display: flex;
  cursor: pointer;
}
.cp-tm-container .cp-tm-filter .cp-tm-filter-header .cp-tm-filter-toggler i {
  margin: auto;
  width: 1em;
  height: 1em;
  font-size: 1em;
}
.cp-tm-container .cp-tm-filter .cp-tm-filter-header .cp-tm-filter-toggler i.fa-chevron-right {
  display: none;
  margin-left: 11px;
  color: #004873;
}
.cp-tm-container .cp-tm-filter .cp-tm-filter-header .cp-tm-filter-toggler i.fa-chevron-left {
  margin-left: 9px;
  color: #004873;
}
.cp-tm-container .cp-tm-filter .cp-tm-filter-body {
  border-bottom-right-radius: 15px;
}
.cp-tm-container .cp-tm-filter .cp-tm-filter-body h4 {
  color: #4586a3;
  padding: 0 0 14px 0;
  margin: 0;
  font-size: 16px;
  font-weight: normal;
}
.cp-tm-container .cp-tm-filter .cp-tm-filter-body table {
  border-spacing: 0 14px;
  border-collapse: separate;
}
.cp-tm-container .cp-tm-filter .cp-tm-filter-body table td:first-of-type {
  width: 67px;
  position: relative;
  color: #4586a3;
}
.cp-tm-container .cp-tm-filter .cp-tm-filter-body table td:first-of-type:after {
  position: absolute;
  content: "";
  left: 0;
  height: 1px;
  background-color: #c5cfd4;
  width: 67px;
  bottom: 0px;
}
.cp-tm-container .cp-tm-filter .cp-tm-filter-body table td:last-child {
  padding-left: 14px;
}
.cp-tm-container .cp-tm-filter .cp-tm-filter-body .cp-tm-filter-block {
  min-width: 320px;
  padding: 27px;
}
.cp-tm-container .cp-tm-filter .cp-tm-filter-body .cp-tm-filter-block:not(:last-child) {
  border-top: solid 1px #c5cfd4;
}
.cp-tm-container .cp-tm-filter .cp-tm-filter-body .cp-tm-filter-block table {
  width: 100%;
}
.cp-tm-container .cp-tm-filter .cp-tm-filter-body #loadingDiv {
  padding: 14px;
}
.cp-tm-container .cp-tm-filter .cp-tm-filter-body .scm-filter-message-container {
  padding: 14px 0;
  color: #ff1d19 !important;
}
.cp-tm-container .cp-tm-legend {
  position: fixed;
  bottom: 0;
  left: 213px;
  right: 0;
  height: 40px;
  z-index: 3;
  border-top: 1px solid #d4d4d4;
  background: #ffffff;
  display: flex;
  -webkit-box-shadow: 3px 4px 12px -10px #474747;
  -moz-box-shadow: 3px 4px 12px -10px #474747;
  box-shadow: 3px 4px 12px -10px #474747;
  align-items: start;
}
.cp-tm-container .cp-tm-legend .cp-tm-legend-title {
  padding-left: 27px;
  padding-top: 10px;
  display: flex;
  align-items: center;
  width: 200px;
  min-width: 200px;
  font-weight: bold;
}
.cp-tm-container .cp-tm-legend .cp-tm-legend-toggler {
  padding-top: 10px;
  padding-right: 27px;
  width: 120px;
  min-width: 120px;
  text-align: right;
}
.cp-tm-container .cp-tm-legend .cp-tm-legend-toggler i {
  display: none;
  cursor: pointer;
}
.cp-tm-container .cp-tm-legend > ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style-type: none;
  flex-grow: 1;
}
.cp-tm-container .cp-tm-legend > ul li {
  display: flex;
  margin-right: 28px;
  padding: 10px 0;
  align-items: center;
}
.cp-tm-container .cp-tm-legend > ul li span.tm-node-legend-marker {
  width: 20px;
  height: 20px;
  position: relative;
  display: block;
}
.cp-tm-container .cp-tm-legend > ul li span.tm-node-legend-marker img {
  position: absolute;
  left: 0;
  bottom: 0;
  max-height: 26px;
  max-width: 22px;
}
.cp-tm-container .cp-tm-legend > ul li span.tm-node-legend-color {
  width: 20px;
  height: 20px;
  display: block;
}
.cp-tm-container .cp-tm-legend > ul li span.tm-node-legend-title {
  padding: 0 8px;
  white-space: nowrap;
}
.cp-tm-container .cp-tm-map-picture .cp-tm-legend {
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.cp-tm-container .cp-tm-map-picture .cp-tm-legend .cp-tm-legend-toggler-hidden {
  display: none;
}
.cp-tm-container .cp-tm-map .miniview {
  display: none;
  position: absolute;
  right: 27px;
  top: 27px;
  border: solid 1px #c5cfd4;
  border-radius: 15px;
  background-color: #ffffff;
  opacity: 0.75;
  z-index: 1;
}
.cp-tm-container .cp-tm-map .miniview .jtk-miniview-canvas {
  z-index: 1;
}
.cp-tm-container .cp-tm-map .miniview .jtk-miniview-canvas .jtk-miniview-element {
  opacity: 1;
  z-index: 1;
  background-color: #70757a;
}
.cp-tm-container .cp-tm-map .miniview .jtk-miniview-panner {
  background-color: #f1f6fc;
  border: solid 1px #c5cfd4;
  border-radius: 15px;
  opacity: 1;
}
.cp-tm-container .cp-tm-map .jtk-node {
  font-size: 16px;
  cursor: pointer;
  z-index: 2;
}
.cp-tm-container .cp-tm-map .jtk-node.cp-node-selected {
  border: none !important;
}
.cp-tm-container .cp-tm-map .jtk-node.cp-node-selected .name {
  border-width: 2px;
}
.cp-tm-container .cp-tm-map .jtk-node .name {
  padding: 14px;
  border: solid 2px;
  border-color: #c5cfd4 !important;
  border-radius: 15px;
  color: #ffffff;
  white-space: nowrap;
}
.cp-tm-container .cp-tm-map .jtk-node .name:hover {
  border-width: 2px;
}
.cp-tm-container .cp-tm-map .jtk-node .cp-child-count {
  font-family: "Quicksand";
  font-weight: 500;
  position: absolute;
  right: 10px;
  bottom: -7px;
  font-size: 10px;
  padding: 4px 6px;
  border-radius: 5px;
  line-height: 12px;
  color: #ffffff;
  background: #004873;
  height: 18px;
  -webkit-box-shadow: 0px 0px 2px 1px #fff;
  -moz-box-shadow: 0px 0px 2px 1px #fff;
  box-shadow: 0px 0px 2px 1px #fff;
  text-align: center;
}
.cp-tm-container .cp-tm-map .jtk-node .cp-child-count[cp-amount-children="0"] {
  display: none;
}
.cp-tm-container .cp-tm-map .jtk-node .cp-workflow-page-buttons {
  bottom: -7px;
  left: 10px;
  right: auto;
  position: absolute;
  display: flex;
}
.cp-tm-container .cp-tm-map .jtk-node .cp-pager-button-prev,
.cp-tm-container .cp-tm-map .jtk-node .cp-pager-button-next,
.cp-tm-container .cp-tm-map .jtk-node .cp-pager-button-page {
  color: #ffffff;
  background: #004873;
  text-align: center;
  -webkit-box-shadow: 0px 0px 2px 1px #fff;
  -moz-box-shadow: 0px 0px 2px 1px #fff;
  box-shadow: 0px 0px 2px 1px #fff;
  height: 18px;
  font-size: 16px;
  line-height: 12px;
  border-radius: 5px;
  padding: 3px 0;
  margin-right: 4px;
}
.cp-tm-container .cp-tm-map .jtk-node .cp-pager-button-prev.cp-pager-disabled,
.cp-tm-container .cp-tm-map .jtk-node .cp-pager-button-next.cp-pager-disabled,
.cp-tm-container .cp-tm-map .jtk-node .cp-pager-button-page.cp-pager-disabled {
  cursor: default;
  opacity: 0.5;
}
.cp-tm-container .cp-tm-map .jtk-node .cp-pager-button-page {
  font-size: 10px;
  padding: 4px 6px 0px;
}
.cp-tm-container .cp-tm-map .jtk-surface-pan {
  display: none;
}
.cp-tm-container .cp-tm-map .jtk-connector {
  cursor: default;
}
.cp-tm-container .cp-tm-map .jtk-connector.cp-connector-hover {
  cursor: pointer;
}
.cp-tm-container .cp-tm-map #map .gm-style .gm-style-iw-c {
  padding: 22px 0 0 0 !important;
  max-height: none !important;
  max-width: none !important;
}
.cp-tm-container .cp-tm-map #map .gm-style-iw-d {
  overflow: auto !important;
  max-height: 400px !important;
  max-width: 640px !important;
}
.cp-tm-container .cp-tm-map #map .gm-style-iw-d > div {
  padding: 0 18px 18px 18px !important;
}
.cp-scm-node-dialog {
  display: flex;
  flex-direction: column;
}
.cp-scm-node-dialog.ui-corner-all {
  border-radius: 15px;
}
.cp-scm-node-dialog .ui-dialog-titlebar {
  border-radius: 0;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  color: #4586a3;
  background-color: #ffffff;
  height: auto;
  position: relative;
  -webkit-box-shadow: 3px 4px 12px -10px #474747;
  -moz-box-shadow: 3px 4px 12px -10px #474747;
  box-shadow: 3px 4px 12px -10px #474747;
}
.cp-scm-node-dialog .ui-dialog-titlebar:after {
  content: "";
  position: absolute;
  width: calc(100% - 54px);
  height: 1px;
  left: 27px;
  bottom: 1px;
  background: #c5cfd4;
  visibility: unset;
}
.cp-scm-node-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  cursor: pointer;
  color: #ffffff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  right: -15px;
  top: -3px;
  position: absolute;
  z-index: 1;
}
.cp-scm-node-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-icon:after {
  content: '\f00d';
  font-family: "Font Awesome 5 Pro";
}
.cp-scm-node-dialog .scm-node-selector-table {
  border-collapse: separate;
  border-spacing: 0 14px;
}
.cp-scm-node-dialog .scm-node-selector-table .scm-node-selector-row td {
  border: solid 1px #c5cfd4;
  padding: 14px;
  border-radius: 15px;
  color: #70757a;
  line-height: 30px;
  margin: 0;
  padding: 0 8px;
  cursor: pointer;
}
.cp-scm-content .qtip {
  max-width: none;
  max-height: none;
  overflow: hidden;
}
.cp-scm-content .qtip .qtip-content {
  max-width: 600px;
  max-height: 400px;
  overflow: auto;
}
.qtip .scm-tooltip-buttons {
  padding-top: 14px;
  display: flex;
}
.qtip .scm-tooltip-buttons button {
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 36px;
  font-size: 1em;
  border: none;
  border-radius: 15px;
  padding: 0 16px;
  background: #ffffff;
  color: #70757a;
  border: solid 1px #c5cfd4;
  background-image: none;
  box-shadow: none;
  padding-right: 14px;
  white-space: nowrap;
}
.qtip .scm-tooltip-buttons button:focus,
.qtip .scm-tooltip-buttons button:active,
.qtip .scm-tooltip-buttons button:hover {
  outline: none;
  background-image: none;
  box-shadow: none;
  background-color: #f1f6fc;
}
.qtip .scm-tooltip-buttons button.buttonhidden {
  display: none;
}
.qtip .scm-tooltip-buttons button-active-button {
  border-color: #4586a3;
  background-color: #f1f6fb;
}
.qtip .scm-tooltip-buttons a {
  float: left;
  margin-right: 14px;
}
.qtip .cp-tip-no-value {
  padding-top: 0;
}
#styleTemplate #stylePrimaryColor {
  color: #4586a3;
}
#styleTemplate #styleSecundairyColor {
  color: #004873;
}
#frmSupplyChainMap .cp-scm-visualisation {
  display: flex;
  flex-wrap: wrap;
}
#frmSupplyChainMap .cp-scm-visualisation div.cp-input-errors {
  order: 3;
  flex-basis: 100%;
}
#frmSupplyChainMap .cp-grid-buttons .cp-button {
  margin-right: 0;
}
#frmSupplyChainMap .cp-grid-buttons .cp-button.cp-dummy-button {
  display: none;
}
#frmSupplyChainMap .cp-sel-grid .cp-sel-translatable-column {
  white-space: no-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#scmMainForm {
  overflow: visible;
}
#scmMainForm .ms-drop {
  margin-left: 0px !important;
}
#supplyChainMapNodeDialog {
  overflow: visible;
}
#supplyChainMapNodeDialog .cp-sel-form-translatable-errors {
  display: none;
}
#supplyChainMapOverlayDialog .cp-info-table,
#supplyChainMapNodeDialog .cp-info-table {
  margin-top: 42px;
}
#supplyChainMapOverlayDialog .cp-translations-hidden,
#supplyChainMapNodeDialog .cp-translations-hidden {
  display: none;
}
[undo],
[redo] {
  background-color: darkgray !important;
}
[can-undo='true'] [undo],
[can-redo='true'] [redo] {
  background-color: #3E7E9C  !important;
}
/* Seems unused */
.cp-plumb-box {
  background-color: #ffffff;
  border: solid 1px #c5cfd4;
  border-radius: 15px;
  overflow-y: auto;
}
.cp-plumb-box .cp-plumb-box-item {
  background-color: #f1f6fc;
  border: solid 1px #c5cfd4;
  color: #70757a;
  padding: 14px;
  margin: 14px;
  border-radius: 15px;
}
.cp-plumb-box .cp-plumb-box-item:hover {
  background-color: #ffffff;
}
.cp-plumb-connector-line path {
  stroke: #004873;
  stroke-width: 2;
}
.cp-plumb-connector-line path:hover {
  stroke: #004873;
}
.cp-plumb-connector-label {
  background: #f1f6fc;
  border: solid 1px #c5cfd4;
  color: #70757a;
  padding: 14px;
  margin: 14px;
  border-radius: 15px;
}
.cp-tracemap-button-text-width {
  width: 100%;
}
.cp-tracemap-button-text-width input {
  width: 100%;
}
.cp-mega-menu-container {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 1012;
  background: rgba(69, 134, 163, 0.3);
}
.cp-mega-menu-container .cp-mega-menu {
  display: flex;
  flex-direction: row;
  position: absolute;
  background-color: #ffffff;
  border: solid 1px #c5cfd4;
  border-top: unset;
}
.cp-mega-menu-container .cp-mega-menu .cp-mega-menu-items {
  flex-wrap: wrap;
  display: flex;
  flex-direction: row;
  flex: 1;
  overflow-y: auto;
}
.cp-mega-menu-container .cp-mega-menu .cp-mega-menu-items .cp-mega-menu-block {
  flex-direction: column;
  padding: 13px;
  white-space: nowrap;
}
.cp-mega-menu-container .cp-mega-menu .cp-mega-menu-items .cp-mega-menu-block .cp-mega-menu-block-title {
  flex-direction: row;
  display: flex;
  font-weight: bold;
  font-size: 16px;
  align-items: baseline;
  color: #4586a3;
}
.cp-mega-menu-container .cp-mega-menu .cp-mega-menu-items .cp-mega-menu-block .cp-mega-menu-block-title.cp-sel-selectable-menu-item {
  cursor: pointer;
}
.cp-mega-menu-container .cp-mega-menu .cp-mega-menu-items .cp-mega-menu-block .cp-mega-menu-block-title.cp-sel-selectable-menu-item:hover {
  background-color: #f1f6fc;
  color: #4586a3;
}
.cp-mega-menu-container .cp-mega-menu .cp-mega-menu-items .cp-mega-menu-block .cp-mega-menu-block-title.active {
  color: #4586a3;
}
.cp-mega-menu-container .cp-mega-menu .cp-mega-menu-items .cp-mega-menu-block .cp-mega-menu-block-items {
  flex-direction: column;
}
.cp-mega-menu-container .cp-mega-menu .cp-mega-menu-items .cp-mega-menu-block .cp-mega-menu-block-items > div {
  cursor: pointer;
  padding: 3px 3px 3px 14px;
  color: #70757a;
}
.cp-mega-menu-container .cp-mega-menu .cp-mega-menu-items .cp-mega-menu-block .cp-mega-menu-block-items > div:hover {
  background-color: #f1f6fc;
  color: #4586a3;
}
.cp-mega-menu-container .cp-mega-menu .cp-mega-menu-items .cp-mega-menu-block .cp-mega-menu-block-items > div.active {
  color: #4586a3;
}
.cpMenu {
  flex-direction: column;
  z-index: 2;
  width: 250px;
  position: absolute;
  height: 100%;
  background-color: #ffffff;
}
.cpMenu .cp-menu-content {
  width: 100%;
  display: block;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  margin-top: 60px;
  height: calc(100% - 220px);
  background-color: #ffffff;
}
.cpMenu .cp-menu-content .cp-menu-item {
  cursor: pointer;
  margin: 0px 5px 0px 5px;
  min-height: 45px;
  line-height: 45px;
  display: flex;
  font-size: 16px;
  padding-left: 30px;
  align-items: center;
  border-left: solid 5px transparent;
  background-color: #ffffff;
}
.cpMenu .cp-menu-content .cp-menu-item .cp-menu-item-text {
  overflow-x: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  width: calc(90%);
  padding-left: 5px;
}
.cpMenu .cp-menu-content .cp-menu-item:hover,
.cpMenu .cp-menu-content .cp-menu-item.active {
  color: #4586a3;
  background-color: rgba(103, 109, 125, 0.1);
  border-radius: 30px;
}
.cpMenu .cp-menu-content .cp-menu-item .cp-arrow {
  padding-right: 8px;
  margin-left: auto;
  font-style: normal;
}
.cpMenu .cp-menu-footer {
  position: absolute;
  bottom: 16px;
  width: 100%;
  background-color: white;
  display: flex;
  align-items: center;
}
.cpMenu .cp-menu-footer .cp-menu-footer-text {
  width: 40%;
  word-wrap: anywhere;
  font-size: 10px;
  padding: 0 2px 2px 15px;
  margin-right: 20px;
  line-height: 14px;
}
.cpMenu .cp-menu-footer .cp-menu-footer-text {
  font-size: 14px;
}
.cpMenu .cp-menu-footer .cp-menu-footer-logo {
  height: 21px;
  width: 100%;
  background-image: url("/web/images/logos/SourceIntellogoFull.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
  margin: 0 32px;
}
.cp-fullscreen-toggler {
  cursor: pointer;
  z-index: 3;
  height: 40px;
  width: 30px;
  position: fixed;
  top: 100px;
  left: 0px;
  border-color: #c5cfd4;
  background-color: #fff;
}
@media only screen and  (max-width: 800px) {
  .cp-fullscreen-toggler {
    top: 2px;
  }
}
.cp-fullscreen-toggler .cp-fullscreen-open {
  display: none;
}
.cp-fullscreen-toggler .cp-fullscreen-close {
  display: inline-block;
}
.cp-fullscreen-toggler.toggle-open {
  -webkit-box-shadow: 3px 4px 12px -10px #474747;
  -moz-box-shadow: 3px 4px 12px -10px #474747;
  box-shadow: 3px 4px 12px -10px #474747;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  border-left-style: solid;
  border-top-style: solid;
  border-bottom-style: solid;
  border-width: 1px;
  left: calc(220px);
  top: 100px;
}
@media only screen and  (max-width: 800px) {
  .cp-fullscreen-toggler.toggle-open {
    top: 2px;
  }
}
.cp-fullscreen-toggler.toggle-open .cp-fullscreen-open {
  display: inline-block;
}
.cp-fullscreen-toggler.toggle-open .cp-fullscreen-close {
  display: none;
}
.cp-fullscreen-toggler.toggle-close {
  top: 100px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-right-style: solid;
  border-top-style: solid;
  border-bottom-style: solid;
  border-width: 1px;
  -webkit-box-shadow: 3px 4px 12px -10px #474747;
  -moz-box-shadow: 3px 4px 12px -10px #474747;
  box-shadow: 3px 4px 12px -10px #474747;
}
@media only screen and  (max-width: 800px) {
  .cp-fullscreen-toggler.toggle-close {
    top: 2px;
  }
}
.cp-fullscreen-toggler span {
  -ms-transform: rotate(0deg);
  /* IE 9 */
  -webkit-transform: rotate(0deg);
  /* Safari 3-8 */
  transform: rotate(0deg);
  color: #004873;
  font-size: 20px;
  position: relative;
}
.cp-fullscreen-toggler span.cp-fullscreen-open {
  left: 12px;
  top: 9px;
}
.cp-fullscreen-toggler span.cp-fullscreen-close {
  left: 12px;
  top: 9px;
}
.cp-mega-menu-back-button {
  display: none;
}
/*Enable below to allow for an alternate menu */
@media only screen and  (max-width: 800px) {
  .cpMenu {
    display: none;
    width: 80%;
    z-index: 5;
    border-right: solid 1px #c5cfd4;
  }
  .cpMenu .cp-menu-content {
    height: calc(100% - 220px);
  }
  .cpMenu .cp-menu-footer {
    width: 100%;
  }
  .cp-fullscreen-toggler {
    z-index: 6;
  }
  .cp-fullscreen-toggler.toggle-open {
    left: calc(80% - 30px);
  }
  .cpHeaderBackground,
  #mainContainer {
    margin-left: 0px !important;
  }
  .cp-mega-menu-back-button {
    background-color: #fff;
    width: 100%;
    padding-left: 10px;
    padding-top: 10px;
    line-height: 14px;
    height: 20px;
    display: flex;
  }
  .cp-mega-menu-back-button > span {
    padding-left: 5px;
  }
  .cp-mega-menu-container {
    top: 105px;
    background: none;
    width: 80%;
    border-right: solid 1px #c5cfd4;
    background-color: white;
  }
  .cp-mega-menu-container .cp-mega-menu {
    width: 100%;
    top: 0 !important;
    height: 100% !important;
    border: none;
    display: flex;
    flex-direction: column;
  }
}
#cpMenu:has(.cp-menu-footer > .cp-menu-footer-logo[title*="("][title$=")"]) .cp-testversion {
  display: inherit;
  background-image: url(/web/images/versions/logoversion_branch.png);
  margin-left: -60px;
}
.cp-menubuilder-container .cp-menubuilder-content {
  display: flex;
  margin-top: 27px;
}
.cp-menubuilder-container .cp-menubuilder-content .cp-menubuilder-menu-items {
  width: 33%;
  overflow: auto;
}
.cp-menubuilder-container .cp-menubuilder-content .cp-menubuilder-menu-settings {
  margin-left: 27px;
  width: calc(67% - 27px);
  background-color: #ffffff;
  border-radius: 15px;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
}
.cp-menubuilder-container .cp-menubuilder-content .cp-menubuilder-menu-settings .cp-menubuilder-menu-settings-header {
  border-bottom: solid 1px #f1f6fc;
  padding: 14px;
  color: #4586a3;
  font-size: 18px;
  font-weight: bold;
}
.cp-menubuilder-header h3 {
  color: #4586a3;
  font-size: 18px;
  margin: 0;
  margin-bottom: 14px;
}
.top-level-parent ul {
  margin: 0;
  padding: 0;
}
.top-level-parent ul.cp-menubuilder-layer3-section {
  padding-left: 45px;
}
.cp-menubuilder-menu-items > .top-level-parent {
  margin-right: 5px;
}
.cp-menubuilder-item {
  list-style: none;
  cursor: move;
}
.cp-menubuilder-item.cp-menubuilder-layer1-item > .cp-menubuilder-item-handle {
  color: #ffffff;
  background-color: #4586a3;
}
.cp-menubuilder-item.cp-menubuilder-layer1-item > .cp-menubuilder-item-handle > .cp-menubuilder-item-handle i:not(:last-child) {
  border-color: #c5cfd4;
}
.cp-menubuilder-item.cp-menubuilder-layer2-item > .cp-menubuilder-item-handle {
  color: #4586a3;
}
.cp-menubuilder-item.cp-menubuilder-layer3-item > .cp-menubuilder-item-handle {
  background-color: #ffffff;
}
.cp-menubuilder-item.cp-menubuilder-layer3-item > .cp-menubuilder-item-handle i.fa-chevron-down,
.cp-menubuilder-item.cp-menubuilder-layer3-item > .cp-menubuilder-item-handle i.fa-chevron-right {
  display: none;
}
.cp-menubuilder-item.cp-menubuilder-item-active > .cp-menubuilder-item-handle {
  font-weight: bold;
  border-color: #4586a3;
}
.cp-menubuilder-item.cp-menubuilder-item-disabled {
  color: #c5cfd4;
  font-style: italic;
}
.cp-menubuilder-item > .cp-menubuilder-item-handle {
  display: flex;
  border-radius: 10px;
  background-color: #f1f6fc;
  border: solid 1px #c5cfd4;
  margin-bottom: 6px;
}
.cp-menubuilder-item > .cp-menubuilder-item-handle > * {
  padding: 0 16px;
  line-height: 39px;
}
.cp-menubuilder-item > .cp-menubuilder-item-handle > span {
  width: 100%;
}
.cp-menubuilder-item i.fa-chevron-down,
.cp-menubuilder-item i.fa-chevron-right,
.cp-menubuilder-item i:last-child {
  cursor: pointer;
}
.cp-menubuilder-item i.fa-chevron-down {
  padding: 0 14px;
  display: none;
}
.cp-menubuilder-item i:not(:last-child) {
  border-right: solid 1px #c5cfd4;
}
.cp-menubuilder-item i:last-child {
  margin-left: auto;
}
.cp-menubuilder-item span {
  word-break: break-all;
}
.cp-menubuilder-item > ul {
  display: none;
}
.cp-menubuilder-item.cp-menubuilder-item-expanded > ul {
  display: block;
}
.cp-menubuilder-item.cp-menubuilder-item-expanded > div > i.fa-chevron-down {
  display: inline-block;
}
.cp-menubuilder-item.cp-menubuilder-item-expanded > div > i.fa-chevron-right {
  display: none;
}
.cp-menubuilder-item.cp-menubuilder-layer-invalid-placement > div {
  opacity: 0.7;
  filter: alpha(opacity=70);
  font-style: italic;
}
.cp-menubuilder-item.cp-menubuilder-layer-invalid-placement > div > i.fa-chevron-down,
.cp-menubuilder-item.cp-menubuilder-layer-invalid-placement > div > i.fa-chevron-right {
  display: none;
}
.cp-menubuilder-item.cp-menubuilder-layer-invalid-placement.cp-menubuilder-item-expanded > div > i.fa-chevron-down,
.cp-menubuilder-item.cp-menubuilder-layer-invalid-placement.cp-menubuilder-item-expanded > div > i.fa-chevron-right {
  display: none;
}
.cp-menubuilder-section-dummy {
  display: block;
  height: 1px;
}
.cp-menu-placement ul {
  list-style: none;
}
.cp-menu-placement .cp-menuselector-layer1-item {
  color: #4586a3;
}
.cp-menu-placement .cp-menuselector-layer2-item {
  color: #70757a;
}
.cp-menu-placement .cp-menu-item-placement-invalid-layer {
  color: #c5cfd4;
  font-style: italic;
  cursor: not-allowed;
}
.cp-menu-placement .cp-menuselector-item {
  cursor: pointer;
}
.cp-menu-placement .selected-menu-item {
  font-weight: bold;
}
.cp-menu-item-configuration-container {
  padding: 27px;
}
.cp-menu-item-configuration-container .cp-menu-builder-message {
  padding: 14px;
}
.cp-menu-item-configuration-container form {
  width: 100%;
}
.cp-menu-item-configuration-container form table {
  table-layout: unset;
}
.cp-menu-item-configuration-container form table .cp-form-input-cell {
  width: 60%;
}
.cp-menu-item-configuration-container form table tbody > tr td .ms-parent {
  width: calc(100% - 8px) !important;
}
.cp-menu-item-configuration-container form table.cp-info-table {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0;
  width: calc(100% - 2*27px);
  margin: 27px;
}
.cp-menu-item-configuration-container .cp-style-container {
  overflow: visible;
}
.cp-menu-item-configuration-container .cp-style-container .ms-drop {
  margin-left: 0;
}
#authorisationSritContainer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#authorisationSritContainer > div.cp-input,
#authorisationSritContainer input[type="button"] {
  padding: 5px 5px 5px 0;
}
#authorisationSritContainer #btnAddAuthorisationSrit {
  border-radius: 10px;
  height: 32px;
  padding: 5px 10px;
  line-height: 10px;
  text-align: inherit;
}
#addAuthKeyContainer .cp-info-section-box {
  margin-bottom: 27px;
}
#fieldsGrid {
  /* seems dead, combo of list config & menu? */
}
#fieldsGrid .cp-menubuilder-content {
  margin-right: 0;
}
div.cp-drop-down-list-placement {
  position: relative;
}
div.cp-drop-down-list-placement > div.cp-menu-placement {
  display: none;
  position: absolute;
  z-index: 999;
  left: 0;
  top: 0;
  min-width: 300px;
  padding-right: 40px;
  max-height: 300px;
  overflow-y: auto;
  border: solid 1px #c5cfd4;
  border-radius: 10px;
  background-color: #ffffff;
  -webkit-box-shadow: 3px 4px 12px -10px #474747;
  -moz-box-shadow: 3px 4px 12px -10px #474747;
  box-shadow: 3px 4px 12px -10px #474747;
}
.cp-menu-configuration-container {
  overflow: visible;
}
/* might be old and needs to be removed */
.cp-menuconfig-table {
  width: 100%;
}
.cp-menuconfig-menu-column {
  width: 280px;
}
#currentSections {
  position: relative;
}
/* menu list style*/
.cp-menuconfig-sections-container ol {
  margin: 0;
  list-style: none;
  padding-left: 0;
}
.top-level-parent > li > div {
  line-height: 28px;
  padding: 5px 0px 5px 0px;
  position: relative;
  vertical-align: middle;
  border-bottom: #003675 solid 1px;
}
.top-level-parent > li.menu-config-default-display-item-selected > div {
  background-color: #ff5200;
}
.menu-config-submenu-item > li > div {
  background: none;
  background-color: none;
  padding: 5px 0 5px 10px;
  margin: 0 0 0 20px;
  line-height: 20px;
  vertical-align: middle;
}
.menu-config-submenu-item > li.menu-config-default-display-item-selected > div {
  background-color: #ff5200;
}
/* section items*/
.cp-menuconfig-sections-container {
  position: absolute;
  display: none;
  width: 100%;
  float: left;
  z-index: 5;
  background: white;
  border: solid 1px #C9CACC;
}
.menu-config-default-section-display-item-selected {
  background-color: #ff5200;
}
.menu-config-default-section-display-item {
  border-top: solid 1px #003675;
}
.menu-config-submenu-item > ol > li > .menu-display-item-handle {
  background: none;
  background-color: none;
  padding: 5px 0 5px 10px;
  margin: 0 0 0 20px;
  line-height: 20px;
  vertical-align: middle;
}
.cp-menu-config-drop-placeholder {
  outline: 1px dashed #4183C4;
  height: 25px;
}
#currentSectionMenuItems ol {
  padding: 0;
  list-style: none;
}
#currentSectionMenuItems li {
  padding: 0;
  list-style: none;
}
#currentSections > div {
  position: absolute;
  width: 100%;
}
#currentSections > div .cp-input-with-icon {
  width: 100%;
  background: #FFF;
  display: block;
}
#currentSections > div .cp-input-with-icon i {
  float: right;
}
#currentSectionMenuItems {
  position: relative;
  top: 30px;
  width: 90%;
}
#currentSectionMenuItems > ol {
  margin: 0;
  padding: 0;
}
#menuContainer {
  display: inline-table;
  position: relative;
  padding-left: 0;
  padding-right: 0;
  top: 30px;
}
.cp_vertical_btns {
  width: 22px;
  height: auto;
  top: 30px;
  position: absolute;
  right: 0px;
}
.cp-menuconfig-table > tbody > tr > td:nth-of-type(2) {
  vertical-align: top;
  position: relative;
  width: 99%;
}
/* might be old and needs to be removed - END */
.cp-admin-main-container {
  display: flex;
  flex-flow: wrap;
}
.cp-administration-group-item {
  min-width: 250px;
  min-height: 250px;
  margin: 13.5px;
  background-color: #ffffff;
  color: #4586a3;
  border-radius: 15px;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
}
.cp-administration-group-item .cp-admin-svg-icon .cp-svg-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-top: 4px;
  background-color: #004873;
  /* defines the background color of the image */
}
.cp-administration-group-item .cp-admin-svg-icon .icon-bar-chart {
  mask: url("/web/images/icons/bar-chart.svg") no-repeat center / contain;
  -webkit-mask: url("/web/images/icons/bar-chart.svg") no-repeat center / contain;
}
.cp-administration-group-item .cp-admin-svg-icon .icon-box {
  mask: url("/web/images/icons/box.svg") no-repeat center / contain;
  -webkit-mask: url("/web/images/icons/box.svg") no-repeat center / contain;
}
.cp-administration-group-item .cp-admin-svg-icon .icon-building {
  mask: url("/web/images/icons/building.svg") no-repeat center / contain;
  -webkit-mask: url("/web/images/icons/building.svg") no-repeat center / contain;
}
.cp-administration-group-item .cp-admin-svg-icon .icon-email {
  mask: url("/web/images/icons/email.svg") no-repeat center / contain;
  -webkit-mask: url("/web/images/icons/email.svg") no-repeat center / contain;
}
.cp-administration-group-item .cp-admin-svg-icon .icon-file {
  mask: url("/web/images/icons/file.svg") no-repeat center / contain;
  -webkit-mask: url("/web/images/icons/file.svg") no-repeat center / contain;
}
.cp-administration-group-item .cp-admin-svg-icon .icon-gears {
  mask: url("/web/images/icons/gears.svg") no-repeat center / contain;
  -webkit-mask: url("/web/images/icons/gears.svg") no-repeat center / contain;
}
.cp-administration-group-item .cp-admin-svg-icon .icon-sign-form {
  mask: url("/web/images/icons/sign-form.svg") no-repeat center / contain;
  -webkit-mask: url("/web/images/icons/sign-form.svg") no-repeat center / contain;
}
.cp-administration-group-item .cp-admin-svg-icon .icon-team {
  mask: url("/web/images/icons/team.svg") no-repeat center / contain;
  -webkit-mask: url("/web/images/icons/team.svg") no-repeat center / contain;
}
.cp-administration-group-item .cp-admin-svg-icon .icon-title {
  mask: url("/web/images/icons/title.svg") no-repeat center / contain;
  -webkit-mask: url("/web/images/icons/title.svg") no-repeat center / contain;
}
.cp-administration-group-item .cp-admin-svg-icon .icon-alerts {
  mask: url("/web/images/icons/alerts.svg") no-repeat center / contain;
  -webkit-mask: url("/web/images/icons/alerts.svg") no-repeat center / contain;
}
.cp-administration-group-item .cp-admin-svg-icon .icon-trading {
  mask: url("/web/images/icons/trading.svg") no-repeat center / contain;
  -webkit-mask: url("/web/images/icons/trading.svg") no-repeat center / contain;
}
.cp-administration-group-item .cp-admin-svg-icon .icon-easy-sync {
  mask: url("/web/images/icons/easy-sync.svg") no-repeat center / contain;
  -webkit-mask: url("/web/images/icons/easy-sync.svg") no-repeat center / contain;
}
.cp-administration-group-item .cp-administration-group-item-header {
  width: 100%;
  height: 50px;
  font-weight: bold;
  border-bottom: solid 1px #c5cfd4;
  background-image: linear-gradient(0deg, #ecf2f4 0%, rgba(0, 0, 0, 0) 100%);
  color: #004873;
  content-align: center;
}
.cp-administration-group-item .cp-administration-group-item-header .cp-admin-group-name {
  text-align: center;
  display: inline-block;
  bottom: 13px;
  position: relative;
  margin-left: 5px;
}
.cp-administration-group-item .cp-administration-group-item-header .cp-icon-big {
  color: #004873;
  content-align: center;
  height: 100%;
}
.cp-administration-group-item .cp-administration-menu-item {
  margin: 27px;
  margin-top: 2px;
  margin-bottom: 2px;
  line-height: 21px;
  padding: 4px 0;
  border-bottom: solid 1px #c5cfd4;
}
.cp-administration-group-item .cp-administration-menu-item:first-of-type {
  margin-top: 4px;
}
.cp-administration-group-item .cp-administration-menu-item:last-of-type {
  margin-top: 2px;
  margin-bottom: 4px;
  border-bottom: 0px;
}
@media only screen and  (max-width: 800px) {
  .cp-admin-main-container {
    justify-content: space-evenly;
  }
}
.cp-user-notification-window {
  z-index: 10;
  background-color: #f1f6fc;
  border: solid 1px #c5cfd4;
  padding: 14px;
  border-radius: 15px;
  position: fixed;
  top: 67px;
  right: 27px;
}
.cp-user-notification-window .cp-user-notification-message {
  display: flex;
  flex-direction: column;
}
.cp-user-notification-window .cp-user-notification-message > div {
  display: flex;
}
.cp-user-notification-window.cp-notification-body-show-all {
  white-space: inherit !important;
}
.cp-user-notification-window .cp-notification-title,
.cp-user-notification-window .cp-notification-time {
  color: #4586a3;
}
.cp-user-notification-window .cp-notification-title {
  max-width: 200px;
  font-weight: bold;
}
.cp-user-notification-window .cp-notification-time {
  margin-left: auto;
}
.cp-user-notification-window .cp-notification-title,
.cp-user-notification-window .cp-notification-message {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.cp-user-notification-window .cp-notification-title.cp-notification-body-show-all,
.cp-user-notification-window .cp-notification-message.cp-notification-body-show-all {
  white-space: inherit !important;
  cursor: pointer;
}
.cp-user-notification-window .cp-notification-message {
  font-style: italic;
  max-width: 350px;
}
.cp-user-notification-window .cp-close-notification-button {
  margin: 5px;
  height: 10px;
  position: relative;
  top: -15px;
  right: -10px;
  font-weight: bold;
  cursor: pointer;
}
#notificationsGrid .cp-grid-data-control tr > td:nth-of-type(1) .cp-check-box {
  padding-top: 9px;
}
#notificationsGrid .cp-grid-row-unread td:first-of-type > div:before {
  content: "\f111";
  font-family: "Font Awesome 5 Pro";
  color: #4586a3;
  font-weight: bold;
  font-size: 8px;
  vertical-align: middle;
  width: 20px;
}
#notificationsGrid .cp-grid-data-control tr > td:nth-of-type(2) > div {
  display: flex;
  flex-wrap: wrap;
  padding: 14px;
}
#notificationsGrid .cp-grid-data-control tbody {
  vertical-align: top;
}
#notificationsGrid .cp-notification-title {
  color: #4586a3;
  font-weight: bold;
  margin-bottom: 14px;
}
#notificationsGrid .cp-notification-date {
  margin-left: auto;
  color: #4586a3;
}
#notificationsGrid .cp-notification-body {
  word-wrap: break-word;
  white-space: normal;
  text-align: left;
  flex: 0 0 100%;
  padding-left: 14px;
}
#eventDetails .cp-multiple-inputs-row > div,
#triggerDetailFormPopup .cp-multiple-inputs-row > div {
  display: flex;
  flex-direction: column;
}
#eventDetails .cp-multiple-inputs-row > div:first-child > div.field-validation-error,
#triggerDetailFormPopup .cp-multiple-inputs-row > div:first-child > div.field-validation-error,
#eventDetails .cp-multiple-inputs-row > div:first-child > div.cp-numeric-box input,
#triggerDetailFormPopup .cp-multiple-inputs-row > div:first-child > div.cp-numeric-box input {
  width: 126px;
}
#eventDetails .cp-multiple-inputs-row > div:last-child,
#triggerDetailFormPopup .cp-multiple-inputs-row > div:last-child {
  flex-grow: 1;
}
#eventDetails .cp-multiple-inputs-row > div:last-child > div.field-validation-error,
#triggerDetailFormPopup .cp-multiple-inputs-row > div:last-child > div.field-validation-error {
  padding-left: 10px;
}
#eventDetails .cp-multiple-inputs-row > div:last-child .cp-input.cp-drop-down-list,
#triggerDetailFormPopup .cp-multiple-inputs-row > div:last-child .cp-input.cp-drop-down-list {
  flex-grow: initial;
}
#popupAddNewCmpuRelationType .cp-sel-cmpu-container .cp-radio-button-list {
  margin-bottom: 27px;
}
#popupAddNewCmpuRelationType .validation-summary-errors {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}
#popupAddNewCmpuRelationType .cp-validation-generic-error-container .validation-summary-errors {
  margin: 0;
  border: 0;
}
#popupAddNewCmpuRelationType #companyUnitRelationStepProgress {
  font-weight: bold;
  text-align: right;
}
#popupAddNewCmpuRelationType .ui-tabs .ui-tabs-panel {
  padding: 0;
  margin: 0;
  padding-top: 27px;
}
#popupAddNewCmpuRelationType #cmpuRelationDetails {
  margin-top: 27px;
}
#popupAddNewCmpuRelationType .cp-company-unit-existing-selector > div {
  flex-grow: 1;
}
#mailTemplateContainer .cp-custom-translation-container {
  display: none;
}
#AdvancedSearch.cp-sel-grid,
#CompanyUnitSelection.cp-sel-grid {
  margin-top: 27px;
}
#AdvancedSearch.cp-sel-grid tr:not(.cp-no-rows),
#CompanyUnitSelection.cp-sel-grid tr:not(.cp-no-rows) {
  cursor: pointer;
}
#AdvancedSearch.cp-sel-grid tr.cp-gc-filter-header > th.cp-filter-column-bedrijfnaam .cp-text-box,
#CompanyUnitSelection.cp-sel-grid tr.cp-gc-filter-header > th.cp-filter-column-bedrijfnaam .cp-text-box {
  display: inline-block;
  width: 80%;
}
#AdvancedSearch.cp-sel-grid tr.cp-gc-filter-header > th.cp-filter-column-bedrijfnaam .cp-check-box,
#CompanyUnitSelection.cp-sel-grid tr.cp-gc-filter-header > th.cp-filter-column-bedrijfnaam .cp-check-box {
  display: inline-block;
  padding-left: 6px;
}
#AdvancedSearch.cp-sel-grid a#favsAnchor,
#CompanyUnitSelection.cp-sel-grid a#favsAnchor {
  display: inline-block;
  margin: 5px;
}
#AdvancedSearch.cp-sel-grid .cp-data-table-container {
  display: none;
}
.cpAdvancedSearch {
  height: 420px !important;
}
#frmFormulier .cp-info-table tr > td,
#frmFormulier .cp-info-table tr > td:first-of-type:after {
  height: 0;
  background-color: transparent;
  border-bottom: 0px solid #000;
}
#frmFormulier input {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#frmFormulier input[type=text] {
  width: 100%;
}
#frmFormulier input[type=text]:disabled {
  background-color: #f1f6fc;
  border: solid 1px #c5cfd4;
  cursor: default;
  color: #70757a;
}
#frmFormulier input[type=text]:disabled span {
  color: #70757a !important;
}
#frmFormulier #theTable tr > th {
  padding-bottom: 12px;
}
#frmFormulier #theTable tr > td {
  padding-bottom: 8px;
}
#frmFormulier #minusButton,
#frmFormulier #plusButton {
  margin-left: 12px;
}
#frmFormulier .cp-adv-search-button-table div {
  display: flex;
}
#frmFormulier .cp-adv-search-button-table .cp-button-table-right > div {
  padding: 12px;
  justify-content: flex-end;
}
.cp-page-titlebar {
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
  color: #4586a3;
  padding: 10px 27px;
  display: flex;
}
.cp-page-titlebar #cpBreadCrumbContents,
.cp-page-titlebar #cpPageTitleContents {
  flex-grow: 1;
}
.cp-page-titlebar #cpFullScreenMenu {
  display: none;
}
.cp-page-titlebar #cpFullScreenMenu .cp-button-bar {
  padding-right: 0;
}
.cp-page-titlebar #cpFullScreenMenu .cp-button-bar .cp-button {
  line-height: 22px;
}
.cp-page-titlebar #cpFullScreenMenu .cp-button-bar .cp-button .cp-button-icon {
  font-size: 16px;
  font-weight: 300;
}
.cp-page-titlebar #cpFullScreenMenu .cp-button-bar .cp-button .cp-btnText {
  font-size: 16px;
  padding-left: 5px;
  font-weight: 500;
}
.cp-buttonbar-page-title {
  background-color: #ffffff;
  font-size: 1em;
  color: #4586a3;
  padding: 10px 14px 10px 0;
  display: block;
  border-right: solid 1px #c5cfd4;
  margin-right: 6px;
}
.fa-dumpster-fire {
  color: #ff1d19 !important;
}
.cp-button-bar {
  display: block;
  padding: 0 27px;
}
.cp-button-bar > div {
  display: flex;
  align-items: center;
  height: 52px;
}
.cp-button-bar .cp-button,
.cp-button-bar .cp-gbutton {
  min-width: 30px;
}
.cp-button-bar .cp-button {
  display: flex;
  color: #4586a3;
  height: 40%;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 1px solid rgba(69, 134, 163, 0.35);
  border-top: 1px solid rgba(69, 134, 163, 0.35);
  border-radius: 0;
  padding: 6px 8px;
}
.cp-button-bar .cp-button .cp-icon-text {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cp-button-bar .cp-button .cp-btnText {
  font-size: 16px;
}
.cp-button-bar .cp-button .cp-btnIcon {
  font-size: 1em;
  font-weight: 300;
}
.cp-button-bar .cp-button.cp-status-not-selectable-not-active {
  color: #c5cfd4;
  cursor: not-allowed;
}
.cp-button-bar .cp-nav-buttons {
  margin-left: auto;
  display: flex;
  align-items: center;
  height: 100%;
  font-size: larger;
}
.cp-button-bar .cp-nav-buttons .cp-button {
  text-align: center;
}
.cp-button-bar .cp-nav-buttons #btnItemUp.cp-readonly,
.cp-button-bar .cp-nav-buttons #btnItemDown.cp-readonly,
.cp-button-bar .cp-nav-buttons #BtnBarbtnItemUp.cp-readonly,
.cp-button-bar .cp-nav-buttons #BtnBarbtnItemDown.cp-readonly,
.cp-button-bar .cp-nav-buttons .fa-angle-double-left.cp-readonly {
  color: rgba(69, 134, 163, 0.35);
  cursor: unset;
  pointer-events: none;
}
.cp-button-bar .cp-nav-buttons .cp-sel-default-nav-button {
  padding: 6px 2px;
}
.cp-button-bar .cp-nav-buttons .cp-nav-button-back ul > li {
  float: left;
  margin-left: 8px;
}
.cp-button-bar .cp-nav-buttons .cp-nav-button-back ul > li:nth-of-type(2) {
  color: #004873;
  line-height: 24px;
}
.cp-button-bar .cp-nav-buttons .cp-nav-button-back .fa-angle-double-left:before {
  left: 4px;
  position: relative;
}
.cp-button-bar .cp-nav-buttons #btnItemUp:before,
.cp-button-bar .cp-nav-buttons #BtnBarbtnItemUp:before {
  left: 6px;
  position: relative;
}
.cp-button-bar .cp-nav-buttons #btnItemDown:before,
.cp-button-bar .cp-nav-buttons #BtnBarbtnItemDown:before {
  left: 8px;
  position: relative;
}
.cp-button-bar .cp-nav-buttons .cp-button-section-corner-left {
  padding-left: 8px;
}
.cp-button-bar .cp-nav-buttons .cp-button-section-corner-right {
  padding-right: 8px;
}
.cp-button-bar .cp-nav-buttons #btnActiveFilter,
.cp-button-bar .cp-nav-buttons #BtnBarbtnActiveFilter {
  font-weight: 400;
}
.cp-button-bar .cp-button-section-corner-left {
  border-left: 1px solid rgba(69, 134, 163, 0.35);
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  padding-left: 16px;
  min-width: 43px;
}
.cp-button-bar .cp-button-section-corner-right {
  border-right: 1px solid rgba(69, 134, 163, 0.35);
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  padding-right: 16px;
  min-width: 43px;
}
.cp-button-bar .cp-gbutton > .cp-icon-text.cp-button-default-visible > .cp-button-icon {
  padding-right: 4px;
}
.cp-button-bar .cp-button .cp-mail-button {
  margin-right: 4px;
}
@media only screen and  (max-width: 800px) {
  .cp-page-titlebar {
    padding: 0 0 0 6px;
    white-space: nowrap;
  }
  .cp-page-titlebar #cpPageTitleContents {
    display: none;
  }
  .cp-button-bar {
    padding: 0 6px;
  }
  .cp-button-bar .cp-nav-buttons .cp-button-section-corner-left {
    margin-left: 4px;
  }
}
.cp-fixed-message {
  cursor: pointer;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  z-index: 5;
  -webkit-box-shadow: 3px 4px 12px -10px #474747;
  -moz-box-shadow: 3px 4px 12px -10px #474747;
  box-shadow: 3px 4px 12px -10px #474747;
}
.cp-fixed-message > div {
  padding: 17px 27px;
  display: flex;
  justify-content: space-between;
}
.cp-fixed-message > div .cp-image-warning {
  margin-right: 27px;
}
.cpHeaderBackground {
  transition: height 0.6s;
  background-color: #f1f6fb;
  color: #c5cfd4;
  height: 45px;
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
  z-index: 2;
  margin-left: 250px;
  padding: 0px 25px 0px 25px;
}
.cpHeaderBackground .cpInnerHeaderBackground {
  border-bottom: solid 1px #c5cfd4;
  width: 100%;
  display: flex;
}
.cpHeaderBackground .cpInnerHeaderBackground .cp-header-company-block {
  margin: auto auto auto 0;
  font-size: 1em;
  color: #4586a3;
  flex-direction: row;
  display: flex;
  align-items: baseline;
  font-weight: bold;
  overflow: hidden;
}
@media only screen and  (max-width: 800px) {
  .cpHeaderBackground .cpInnerHeaderBackground .cp-header-company-block {
    margin-left: 10px;
  }
}
.cpHeaderBackground .cpInnerHeaderBackground .cp-header-company-block .cp-arrow {
  padding-left: 5px;
  white-space: nowrap;
  display: flex;
  padding-top: 2px;
  font-weight: normal;
  top: 2px;
}
.cpHeaderBackground .cpInnerHeaderBackground .cp-header-company-block .cpCompanyUnit {
  cursor: default;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cpHeaderBackground .cpInnerHeaderBackground .cp-header-company-block .cpCompanySelection {
  cursor: pointer;
  padding-left: 20px;
  white-space: nowrap;
  min-width: 100px;
  display: flex;
}
.cpHeaderBackground .cpInnerHeaderBackground .cp-header-company-block .cpCompanySelection .cpCompanySelectionText {
  font-weight: normal;
  padding-left: 0;
  width: calc(100% - 20px);
  overflow: hidden;
}
.cpHeaderBackground .cpInnerHeaderBackground .cp-header-user-block {
  padding: 0 27px;
  font-size: 16px;
  display: flex;
  align-items: center;
  color: #70757a;
  cursor: pointer;
}
.cpHeaderBackground .cpInnerHeaderBackground .cp-header-user-block .cp-avatar .cp-avatar-initials,
.cpHeaderBackground .cpInnerHeaderBackground .cp-header-user-block .cp-avatar img {
  width: 30px;
  height: 30px;
  border: solid 2px #004873;
  background-color: #004873;
  border-radius: 50%;
}
.cpHeaderBackground .cpInnerHeaderBackground .cp-header-user-block .cp-avatar .cp-avatar-initials {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: calc(26px);
}
.cpHeaderBackground .cpInnerHeaderBackground .cp-header-user-block .cp-avatar img {
  object-fit: cover;
}
.cpHeaderBackground .cpInnerHeaderBackground .cp-header-user-block .cp-avatar {
  display: flex;
  align-items: center;
}
.cpHeaderBackground .cpInnerHeaderBackground .cp-header-user-block .cp-avatar.cp-avatar-oval .cp-avatar-initials,
.cpHeaderBackground .cpInnerHeaderBackground .cp-header-user-block .cp-avatar.cp-avatar-oval img {
  width: 25px;
  height: 30px;
  border-radius: 50% 50% 50% 0.83333333% 60% 40% 40%;
  font-size: 16px;
  font-weight: 500;
}
.cpHeaderBackground .cpInnerHeaderBackground .cp-header-user-block .cp-avatar .cp-avatar-initials {
  font-size: 16px;
  font-weight: 500;
}
.cpHeaderBackground .cpInnerHeaderBackground .cp-header-user-block .cp-avatar .cp-user-name {
  padding-left: 14px;
}
.cpHeaderBackground .cpInnerHeaderBackground .cp-header-controls-block {
  border-left: solid 1px #c5cfd4;
  display: flex;
  align-items: center;
  font-size: 21px;
  color: #70757a;
  padding: 0 27px;
  margin: 8px 0px 7px 0px;
}
.cpHeaderBackground .cpInnerHeaderBackground .cp-header-controls-block .cp-icon {
  cursor: pointer;
  padding-right: 6px;
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.cpHeaderBackground .cpInnerHeaderBackground .cp-header-controls-block .cp-icon:hover,
.cpHeaderBackground .cpInnerHeaderBackground .cp-header-controls-block .cp-icon.active {
  color: #004873;
}
.cpHeaderBackground .cpInnerHeaderBackground .cp-header-controls-block #flagDiv {
  cursor: pointer;
}
.cp-header-logo-block {
  display: flex;
  padding-bottom: 10px;
  padding-top: 10px;
  background-color: white;
  cursor: pointer;
}
.cp-header-logo-block .cp-header-custom-logo {
  background-image: url("/web/images/logos/SourceIntellogoFull.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 70px;
  margin: 0 32px 0 32px;
}
.cp-header-logo-block .cp-testversion {
  display: none;
  width: 187px;
  height: 100px;
  background-image: url(/web/images/layout/cp-testimage.png);
  background-size: 187px 100px;
  position: absolute;
  z-index: 2;
  left: 100px;
}
#cpCompanySelectionResults {
  z-index: 1;
  display: none;
  position: relative;
}
#cpCompanySelectionResults .cp-infotable-imitator {
  display: none;
  padding: 0;
  margin: 0;
  border-bottom: solid 1px #c5cfd4;
}
#cpCompanySelectionResults .cp-infotable-imitator > #cpSearchForm {
  margin: 0 27px;
}
#cpCompanySelectionResults .fa-ban {
  width: 14px;
  color: #4586a3;
  font-weight: bold;
  font-size: 10px;
  padding-right: 5px;
}
#cpEmployerName,
.employer-logo-user {
  margin-right: 14px;
}
#cpEmployerName img,
.employer-logo-user img {
  margin-top: 4px;
}
.cp-user-menu-top {
  display: none;
}
.cp-header-control-options {
  display: flex;
}
.employer-logo-user {
  float: left;
  top: -20px;
}
.employer-logo-user img {
  width: auto;
  height: 22px;
}
.cpFlags {
  display: none;
  border: solid 1px #c5cfd4;
  background-color: #f1f6fb;
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
  padding: 5px;
  border-radius: 5px;
}
.cpFlags div {
  position: relative;
  margin: 5px 1px;
}
/* Connection error on top of the screen */
.connection-error {
  border: solid red 2px;
  position: absolute;
  width: 400px;
  padding-top: 6px;
  padding-bottom: 6px;
  top: 5%;
  left: 50%;
  margin-left: -200px;
  z-index: 20;
  vertical-align: middle;
  text-align: center;
  background-color: white;
  font-weight: bold;
  color: red;
  box-shadow: 2px 2px 5px red;
}
#userNotifications i {
  position: relative;
}
#userNotifications i:after {
  font-family: "Quicksand";
  font-weight: 500;
  position: absolute;
  content: attr(data-unread);
  border-radius: 50%;
  color: #ffffff;
  background: #004873;
  right: 2px;
  top: -10px;
  font-size: 8px;
  padding: 5px;
  text-align: center;
}
#userNotifications i[data-unread="0"]:after {
  display: none;
}
/*Enable below to allow for a hamburger menu in the top right*/
@media only screen and  (max-width: 800px) {
  .cp-header-controls-block .cp-header-control-options div:first-of-type {
    padding-left: 3px;
  }
  .cp-user-menu-top {
    display: inherit;
  }
  .cp-header-control-options {
    display: none;
  }
  .cp-header-control-options.cp-header-control-options-show {
    height: auto;
    display: block;
    position: fixed;
    flex-direction: column;
    top: 35px;
    margin-left: -5px;
    background-color: #f1f6fb;
    border: 1px solid lightgray;
    z-index: 5;
    padding: 5px 5px 0 5px;
  }
  .cp-header-control-options.cp-header-control-options-show > #flagDiv {
    margin-left: -3px;
  }
  .cp-header-control-options-background {
    z-index: inherit;
  }
  .cpHeaderBackground .cpInnerHeaderBackground .cp-header-user-block,
  .cpHeaderBackground .cpInnerHeaderBackground .cp-header-controls-block {
    padding: 0 12px;
  }
  .cpHeaderBackground .cpInnerHeaderBackground .cp-header-company-block .cpCompanySelection {
    padding-left: 5px;
    min-width: auto;
  }
  .cpHeaderBackground .cpInnerHeaderBackground .cp-header-company-block .cpCompanySelection .cpCompanySelectionText {
    display: none;
  }
}
.cp-message-box-popout {
  position: relative;
  transition: all 0.35s ease-in-out;
  padding: 0;
}
.cp-message-box-popout.cp-message-box-popout {
  background: transparent !important;
  border: none !important;
}
.cp-message-box-popout-user {
  right: 0px;
  overflow: hidden;
  top: 3px;
  width: auto;
  max-width: 400px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  cursor: pointer;
  font-weight: normal;
}
.cp-message-box-popout-user .post-info {
  color: #4586a3;
  display: flex;
  flex-direction: column;
  padding: 0 10px;
  justify-content: center;
}
.cp-message-box-popout-user .post-info .date-time {
  font-size: 0.8em;
}
.cp-message-box-popout-user .header {
  border-right: none;
  padding: 0px 10px 0px 10px;
  display: flex;
  flex-flow: row nowrap;
  margin: 2px 0 2px 0;
}
.cp-message-box-popout-user .header .avatar {
  min-width: 36px;
  width: 36px;
  height: 36px;
  background-color: #004873;
  border: solid 2px #004873;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 32px;
  border-radius: 50%;
}
.cp-message-box-popout-user .header .avatar img {
  width: 100%;
  border-radius: 50%;
  height: 100%;
  object-fit: cover;
  vertical-align: inherit;
}
.cp-message-box-popout-trigger {
  right: 50px;
  overflow: hidden;
  top: 81px;
  position: fixed;
  width: 400px;
  height: fit-content;
  z-index: 1000;
  border-radius: 25px;
  box-shadow: 0 0 5px #c5cfd4;
  display: flex;
  justify-content: center;
  color: white;
  align-items: center;
  transition: all 0.35s ease-in-out;
}
.cp-message-box-popout-trigger .cp-message-box-close-button {
  width: 30px;
  height: 30px;
  top: 10px;
  position: absolute;
  right: 5px;
  font-weight: 700;
  color: rgba(112, 117, 122, 0.5);
}
.cp-message-box-popout-trigger .cp-message-box-close-button .fa-times {
  font-weight: 500;
  font-size: 20px;
}
.cp-message-box-popout-trigger.hideBox {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  box-shadow: none;
  display: none;
}
.cp-message-box-popout-trigger.showBox * {
  visibility: visible;
}
.cp-message-box-popout-trigger.showBox > i.fas {
  top: 20px;
  left: 93%;
  transform: translate(-50%, -50%);
}
.cp-message-box-popout-trigger.showBox > img {
  top: 20px;
  left: 93%;
  transform: translate(-50%, -50%);
}
.cp-message-box-popout-trigger.showBox .content {
  opacity: 1;
  width: calc(100% - 5px);
  height: 100%;
  visibility: visible;
  position: relative;
  height: fit-content;
  overflow: auto;
}
.cp-message-box-popout-trigger.showBox .header {
  opacity: 1;
}
.cp-message-box-popout-trigger i.fas {
  font-size: 25px;
  font-weight: 900;
}
.cp-message-box-popout-trigger > i.fas {
  transition: all 0.35s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  text-align: right;
  transform: translate(-50%, -50%);
}
.cp-message-box-popout-trigger > img {
  transition: all 0.35s ease-in-out;
  position: absolute;
  top: 50%;
  height: 30px;
  width: 30px;
  left: 50%;
  z-index: 10;
  text-align: right;
  transform: translate(-50%, -50%);
}
.cp-message-box-popout-trigger .content {
  background: white;
  border-radius: 25px;
  opacity: 0;
  height: 0;
  display: flex;
  flex-direction: column;
  transition: all 0.35s ease-in-out;
}
.cp-message-box-popout-trigger .content .remark {
  color: #70757a;
  padding: 0 30px 30px 30px;
  margin-bottom: 10px !important;
  flex-grow: 1;
  overflow-y: auto;
  font-weight: 500;
  max-height: 20vh;
}
.cp-message-box-popout-trigger .content strong {
  font-size: 16px;
  color: #70757a;
  font-weight: 700;
  padding: 10px 0px 10px 30px;
  width: calc(100% - 80px);
  display: flex;
}
@keyframes hideContent {
  0% {
    visibility: visible;
  }
  90% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
  }
}
@keyframes showContent {
  0% {
    visibility: hidden;
  }
  90% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
@-webkit-keyframes closebox {
  0% {
    height: 150px;
    width: 400px;
  }
  100% {
    height: 40px;
    width: 40px;
  }
}
@keyframes openbox {
  0% {
    height: 40px;
    width: 40px;
  }
  100% {
    height: 150px;
    width: 400px;
  }
}
@-webkit-keyframes closebox {
  0% {
    height: 150px;
    width: 400px;
  }
  100% {
    height: 40px;
    width: 40px;
  }
}
@keyframes closebox {
  0% {
    height: 150px;
    width: 400px;
  }
  100% {
    height: 40px;
    width: 40px;
  }
}
.showContent {
  animation: showContent 0.35s ease-in;
  visibility: visible;
}
.showContent .actualContent {
  margin-right: 5px;
}
.hideBox {
  -webkit-animation: closebox 0.35s ease-out;
  animation: closebox 0.35s ease-out;
  height: 40px;
  width: 40px;
  position: absolute;
}
.showBox {
  -webkit-animation: openbox 0.35s ease-in;
  background: white;
  animation: openbox 0.35s ease-in;
  display: flex;
  position: absolute;
  top: 70px;
  right: 15px;
}
.cp-app-page.cp-full-mobile-page {
  display: none;
}
.cp-app-page.cp-full-mobile-page .cp-logo {
  background-size: 100%;
}
.cp-app-page .cp-os-tabs {
  display: flex;
  margin: 27px 0;
  justify-content: center;
}
.cp-app-page .cp-os-tabs .tab {
  margin-right: 14px;
  color: #ffffff;
  background: transparent;
}
.cp-app-page .cp-os-tabs .tab.active {
  background: rgba(255, 255, 255, 0.25);
}
.cp-app-page .cp-os-tabs .tab i {
  padding-left: 8px;
  font-size: 24px;
}
.cp-app-page .tab-content {
  display: none;
}
.cp-app-page .tab-content > div {
  width: 40%;
}
.cp-app-page .tab-content h2 {
  color: #004873;
  font-size: 24px;
  padding: 27px 0;
}
.cp-app-page .tab-content .qr-txt-android {
  margin-bottom: 40px;
}
.cp-app-page .tab-content .cp-download-content {
  margin-top: 14px;
  display: flex;
  justify-content: space-evenly;
}
.cp-app-page .tab-content.active {
  display: flex;
  justify-content: space-evenly;
}
.cp-app-page .tab-content.ios-installguide-container {
  flex-direction: column;
}
.cp-app-page .tab-content.ios-installguide-container > * {
  margin: 0 auto;
  width: 80%;
}
.cp-app-page .tab-content.ios-installguide-container .cp-install-step-container > div {
  float: left;
  display: flex;
  flex-direction: column;
  margin: 27px;
  width: 40%;
  height: 330px;
}
.cp-app-page .tab-content.ios-installguide-container .cp-install-step-container > div.cp-step-no-image {
  height: auto;
}
.cp-app-page .tab-content.ios-installguide-container .cp-button {
  width: auto;
}
.cp-app-page .tab-content.ios-installguide-container ul {
  margin: 0;
  padding: 0;
  list-style: decimal;
}
.cp-app-page .tab-content.ios-installguide-container img {
  width: 200px;
}
.cp-app-page .cp-device-image {
  background-repeat: no-repeat;
  background-size: auto 300px;
  float: left;
  background-image: url("/web/images/app/devices.png") !important;
}
.cp-app-page .download-btn {
  padding: 27px;
  margin-right: 14px;
  margin-top: 20px;
  font-size: 16px;
}
.cp-app-page .download-btn a {
  color: #ffffff;
}
.cp-app-page .download-btn i {
  font-size: 36px;
}
.cp-app-page .cp-logo {
  background-image: url("/web/images//cpLogo.png");
  background-repeat: no-repeat;
  margin: 14px auto;
  width: 214px;
}
.cp-app-page .cp-logo-app {
  height: 40px;
  margin-left: 15px;
  margin-bottom: 15px;
}
.cp-logo-default {
  background-size: 136px auto;
  background-repeat: no-repeat;
  width: 136px;
  height: 25px;
  background-image: url(/web/images/logos/cplogo.png);
}
h3 {
  font-size: 26pt;
  font-weight: 500;
  margin: 0;
  color: #4586a3;
  position: relative;
}
h3::after {
  content: ".";
  position: absolute;
  font-size: inherit;
  color: #004873;
}
h4 {
  font-size: 22pt;
  font-weight: 500;
  margin: 0;
  color: #4586a3;
}
h5 {
  font-size: 18pt;
  font-weight: 700;
  margin: 0;
  color: #4586a3;
}
h5[alt] {
  color: #4586a3;
  font-weight: 500;
}
h6 {
  font-size: 14pt;
  font-weight: 700;
  margin: 0;
  color: #4586a3;
}
.cp-html-editor table,
.cp-html-editor-content table,
.qtip-content table {
  text-align: left;
  font-size: 16px;
  line-height: 16px;
  border-radius: 5px;
  width: 100%;
}
.cp-html-editor table td,
.cp-html-editor-content table td,
.qtip-content table td {
  padding: 8px 7px !important;
}
.cp-html-editor table td,
.cp-html-editor-content table td,
.qtip-content table td,
.cp-html-editor table th,
.cp-html-editor-content table th,
.qtip-content table th {
  border: 1px solid #ececec;
}
.cp-html-editor table thead > tr:first-child,
.cp-html-editor-content table thead > tr:first-child,
.qtip-content table thead > tr:first-child {
  background-color: #4586a3;
  border-left: 1px solid #4586a3;
  border-right: 1px solid #4586a3;
}
.cp-html-editor table thead > tr:first-child td,
.cp-html-editor-content table thead > tr:first-child td,
.qtip-content table thead > tr:first-child td,
.cp-html-editor table thead > tr:first-child th,
.cp-html-editor-content table thead > tr:first-child th,
.qtip-content table thead > tr:first-child th {
  padding: 12px 7px !important;
}
.cp-html-editor table thead > tr:first-child td,
.cp-html-editor-content table thead > tr:first-child td,
.qtip-content table thead > tr:first-child td,
.cp-html-editor table thead > tr:first-child th,
.cp-html-editor-content table thead > tr:first-child th,
.qtip-content table thead > tr:first-child th {
  color: #fff;
}
.cp-html-editor table tbody > tr:nth-child(odd):not(:first-child),
.cp-html-editor-content table tbody > tr:nth-child(odd):not(:first-child),
.qtip-content table tbody > tr:nth-child(odd):not(:first-child) {
  background: rgba(69, 134, 163, 0.05);
}
.cp-html-editor table tbody > tr:not(:first-child),
.cp-html-editor-content table tbody > tr:not(:first-child),
.qtip-content table tbody > tr:not(:first-child) {
  border-left: 1px solid #C5CFD4;
  border-right: 1px solid #C5CFD4;
}
.cp-html-editor table tbody > tr:last-child,
.cp-html-editor-content table tbody > tr:last-child,
.qtip-content table tbody > tr:last-child {
  border-bottom: 1px solid #C5CFD4;
}
.cp-user-generated-table {
  text-align: left;
  font-size: 16px;
  line-height: 16px;
  border-radius: 5px;
}
.cp-user-generated-table td {
  padding: 8px 7px !important;
}
.cp-user-generated-table td,
.cp-user-generated-table th {
  border: 1px solid #ececec;
}
.cp-user-generated-table tr:first-child {
  background-color: #4586a3;
  border-left: 1px solid #4586a3;
  border-right: 1px solid #4586a3;
}
.cp-user-generated-table tr:first-child td:nth-child(-n+3) {
  padding: 12px 7px !important;
}
.cp-user-generated-table tr:first-child td {
  color: #fff;
}
.cp-user-generated-table tbody tr:nth-child(odd):not(:first-child) {
  background: rgba(69, 134, 163, 0.05);
}
.cp-user-generated-table tbody tr:not(:first-child) {
  border-left: 1px solid #C5CFD4;
  border-right: 1px solid #C5CFD4;
}
.cp-user-generated-table tbody tr:last-child {
  border-bottom: 1px solid #C5CFD4;
}
.cp-info-table .cp-user-generated-table tr > td:first-of-type {
  color: #70757a;
}
.cp-info-table .cp-user-generated-table tr:first-child > td:first-of-type {
  color: white;
}
.cp-button {
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 36px;
  font-size: 1em;
  border: none;
  border-radius: 15px;
  padding: 0 16px;
  background: #ffffff;
  color: #70757a;
  border: solid 1px #c5cfd4;
  background-image: none;
  box-shadow: none;
}
.cp-button:focus,
.cp-button:active,
.cp-button:hover {
  outline: none;
  background-image: none;
  box-shadow: none;
  background-color: #f1f6fc;
}
.cp-button.buttonhidden {
  display: none;
}
.cp-button-active-button {
  border-color: #4586a3;
  background-color: #f1f6fb;
}
.cp-button-colored,
.popUpModalContainer .cp-dialog-close,
.cp-jq-popup-dialog .cp-dialog-close,
.popUpModalContainer .cp-dialog-button #btnpSave,
.cp-jq-popup-dialog .cp-dialog-button #btnpSave,
.cp-dialog-buttons input[type=button][value=OK],
.cp-dialog-buttons input[type=button].cp-submit-button,
.date-range-picker .cp-date-range-buttons input[name="btn_ok"],
.cp-login .cp-login-container .cp-login-box input[type="button"],
.cp-login .cp-login-container .cp-login-box input[type="submit"],
.cp-terms-and-conditions-page .cp-sel-fullscreen-toggler,
.cp-display-popup .cp-column-selection-search span.fal.fa-search,
.cp-display-popup .cp-save-column-selection,
.cp-rule-wrapper-style-header .cp-rule-wrapper-style-buttons .cp-submit-button,
div.cp-rule-main-buttons .cp-submit-button,
.cp-tm-container .cp-tm-filter .cp-tm-filter-body input[type="button"],
.cp-scm-node-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close,
.cp-scroll-top {
  cursor: pointer;
  background-color: #004873;
  color: #ffffff;
  border: none;
}
.cp-button-colored:hover,
.popUpModalContainer .cp-dialog-close:hover,
.cp-jq-popup-dialog .cp-dialog-close:hover,
.popUpModalContainer .cp-dialog-button #btnpSave:hover,
.cp-jq-popup-dialog .cp-dialog-button #btnpSave:hover,
.cp-dialog-buttons input[type=button][value=OK]:hover,
.cp-dialog-buttons input[type=button].cp-submit-button:hover,
.date-range-picker .cp-date-range-buttons input[name="btn_ok"]:hover,
.cp-login .cp-login-container .cp-login-box input[type="button"]:hover,
.cp-login .cp-login-container .cp-login-box input[type="submit"]:hover,
.cp-terms-and-conditions-page .cp-sel-fullscreen-toggler:hover,
.cp-display-popup .cp-column-selection-search span.fal.fa-search:hover,
.cp-display-popup .cp-save-column-selection:hover,
.cp-rule-wrapper-style-header .cp-rule-wrapper-style-buttons .cp-submit-button:hover,
div.cp-rule-main-buttons .cp-submit-button:hover,
.cp-tm-container .cp-tm-filter .cp-tm-filter-body input[type="button"]:hover,
.cp-scm-node-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover,
.cp-scroll-top:hover {
  background-color: #004873;
}
.cp-button-colored:focus,
.cp-button-colored:active,
.popUpModalContainer .cp-dialog-close:focus,
.popUpModalContainer .cp-dialog-close:active,
.cp-jq-popup-dialog .cp-dialog-close:focus,
.cp-jq-popup-dialog .cp-dialog-close:active,
.popUpModalContainer .cp-dialog-button #btnpSave:focus,
.popUpModalContainer .cp-dialog-button #btnpSave:active,
.cp-jq-popup-dialog .cp-dialog-button #btnpSave:focus,
.cp-jq-popup-dialog .cp-dialog-button #btnpSave:active,
.cp-dialog-buttons input[type=button][value=OK]:focus,
.cp-dialog-buttons input[type=button][value=OK]:active,
.cp-dialog-buttons input[type=button].cp-submit-button:focus,
.cp-dialog-buttons input[type=button].cp-submit-button:active,
.date-range-picker .cp-date-range-buttons input[name="btn_ok"]:focus,
.date-range-picker .cp-date-range-buttons input[name="btn_ok"]:active,
.cp-login .cp-login-container .cp-login-box input[type="button"]:focus,
.cp-login .cp-login-container .cp-login-box input[type="button"]:active,
.cp-login .cp-login-container .cp-login-box input[type="submit"]:focus,
.cp-login .cp-login-container .cp-login-box input[type="submit"]:active,
.cp-terms-and-conditions-page .cp-sel-fullscreen-toggler:focus,
.cp-terms-and-conditions-page .cp-sel-fullscreen-toggler:active,
.cp-display-popup .cp-column-selection-search span.fal.fa-search:focus,
.cp-display-popup .cp-column-selection-search span.fal.fa-search:active,
.cp-display-popup .cp-save-column-selection:focus,
.cp-display-popup .cp-save-column-selection:active,
.cp-rule-wrapper-style-header .cp-rule-wrapper-style-buttons .cp-submit-button:focus,
.cp-rule-wrapper-style-header .cp-rule-wrapper-style-buttons .cp-submit-button:active,
div.cp-rule-main-buttons .cp-submit-button:focus,
div.cp-rule-main-buttons .cp-submit-button:active,
.cp-tm-container .cp-tm-filter .cp-tm-filter-body input[type="button"]:focus,
.cp-tm-container .cp-tm-filter .cp-tm-filter-body input[type="button"]:active,
.cp-scm-node-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:focus,
.cp-scm-node-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:active,
.cp-scroll-top:focus,
.cp-scroll-top:active {
  outline: none;
  background-color: #004873;
  background-image: none;
}
.cp-link-button-text {
  color: #333;
}
.cp-input-text-icon {
  border-bottom: solid 1px #c5cfd4;
}
.cp-input-text,
.cp-input-text-icon {
  margin: 10px 0;
}
.cp-icon {
  width: 21px;
  height: 21px;
  font-size: 21px;
}
.cp-default-nav-button .cp-btnText {
  padding-right: 5px;
}
.cp-arrow {
  width: 21px;
  height: 21px;
  line-height: 21px;
  text-align: center;
}
.cp-arrow.cp-up:before {
  content: "\f106";
  font-family: "Font Awesome 5 Pro";
}
.cp-arrow.cp-down:before {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
}
.cp-arrow.cp-left:before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
}
.cp-arrow.cp-right:before {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
}
.cp-icon-add {
  color: #4586a3;
  font-weight: 900;
}
.cp-icon-add:before {
  content: "\f055";
  font-family: "Font Awesome 5 Pro";
}
.cp-icon-enable {
  color: #4586a3;
  font-weight: 900;
}
.cp-icon-enable:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
}
.cp-icon-disable {
  color: #4586a3;
  font-weight: 900;
}
.cp-icon-disable:before {
  content: "\f05e";
  font-family: "Font Awesome 5 Pro";
}
.flagsprite {
  background-size: 24px;
  width: 24px;
  height: 24px;
  margin-top: 5px;
  background: url(/web/images/csg-53563cd45a997.png) no-repeat top left;
  /*top: -2px;*/
}
.dropdown-inline-flag {
  background: url(/web/images/csg-53563cd45a997.png) no-repeat top left;
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
}
/*.flags_cn{ background-position: 0 0; width: 24px; height: 24px; } */
/* .flags_de{ background-position: 0 -74px; width: 24px; height: 24px; }  */
/* .flags_ge{ background-position: 0 -74px; width: 24px; height: 24px; }  */
/* .flags_en{ background-position: 0 -148px; width: 24px; height: 24px; }  */
/* .flags_es{ background-position: 0 -222px; width: 24px; height: 24px; }  */
/* .flags_fi{ background-position: 0 -296px; width: 24px; height: 24px; }  */
/* .flags_fr{ background-position: 0 -370px; width: 24px; height: 24px; }  */
.flags_jp {
  background-position: 0 -518px;
  width: 24px;
  height: 24px;
}
/* .flags_nl{ background-position: 0 -592px; width: 24px; height: 24px; }  */
/*.flags_tr{ background-position: 0 -814px; width: 24px; height: 24px; } */
/*.flags_ru{ background-position: 0 -888px; width: 24px; height: 24px; }*/
.flags_nl {
  background: url(/web/images/flags2/flags_nl.png) no-repeat;
  background-size: 24px;
}
.flags_de {
  background: url(/web/images/flags2/flags_ge.png) no-repeat;
  background-size: 24px;
}
.flags_ge {
  background: url(/web/images/flags2/flags_ge.png) no-repeat;
  background-size: 24px;
}
.flags_en {
  background: url(/web/images/flags2/flags_en.png) no-repeat;
  background-size: 24px;
}
.flags_fr {
  background: url(/web/images/flags2/flags_fr.png) no-repeat;
  background-size: 24px;
}
.flags_it {
  background: url(/web/images/flags2/flags_it.png) no-repeat;
  background-size: 24px;
}
.flags_es {
  background: url(/web/images/flags2/flags_es.png) no-repeat;
  background-size: 24px;
}
.flags_fi {
  background: url(/web/images/flags2/flags_fi.png) no-repeat;
  background-size: 24px;
}
.flags_pl {
  background: url(/web/images/flags2/flags_pl.png) no-repeat;
  background-size: 24px;
}
.flags_pt {
  background: url(/web/images/flags2/flags_pt.png) no-repeat;
  background-size: 24px;
}
.flags_cn {
  background: url(/web/images/flags2/flags_cn.png) no-repeat;
  background-size: 24px;
}
.flags_ru {
  background: url(/web/images/flags2/flags_ru.png) no-repeat;
  background-size: 24px;
}
.flags_tr {
  background: url(/web/images/flags2/flags_tr.png) no-repeat;
  background-size: 24px;
}
.flags_uz {
  background: url(/web/images/flags2/flags_uz.png) no-repeat;
  background-size: 24px;
}
.flags_pk {
  background: url(/web/images/flags2/flags_pk.png) no-repeat;
  background-size: 24px;
}
.cp-flagsprite-detail {
  align-items: center;
  display: flex;
}
.cp-flagsprite-detail .flagsprite {
  margin: 0;
}
.cp-email-cta-content-url {
  color: #70757a;
  border: 1px solid #70757a;
  border-radius: 2px;
  text-decoration: none;
  display: inline-block !important;
  padding: 12px 24px;
}
.si-btn-primary {
  color: #ffffff !important;
  background-color: #257730 !important;
  border: 1px solid #257730 !important;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.04);
}
.si-btn-primary:hover {
  background-color: #1e5c29 !important;
  border: 1px solid #1e5c29 !important;
}
.si-btn-primary:active {
  background-color: #104b1e !important;
  border-color: #104b1e !important;
}
.si-btn-primary:focus {
  outline: 2px solid #104b1e !important;
}
.si-btn-secondary {
  background-color: #ffffff !important;
  color: rgba(0, 0, 0, 0.85) !important;
  border: 1px solid #d9d9d9 !important;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02) !important;
}
.si-btn-secondary:hover {
  color: #257730 !important;
  border-color: #257730 !important;
}
.si-btn-secondary:active {
  color: #1e5c29 !important;
  border-color: #1e5c29 !important;
}
.si-btn-secondary:focus {
  outline: 2px solid #1e5c29 !important;
}
.cp-confirmation-dialog {
  padding: 12px;
}
.cp-confirmation-dialog.cp-confirmation-icon {
  padding: 27px;
}
.cp-confirmation-dialog.cp-confirmation-icon .cp-confirmation-image {
  padding-right: 32px;
}
.cp-confirmation-dialog .cp-confirmation-dialog-container {
  display: flex;
}
.cp-confirmation-dialog .cp-confirmation-dialog-container-centered {
  display: flex;
  align-items: center;
  height: 100%;
}
.cp-confirmation-dialog .cp-confirmation-buttons {
  padding-top: 20px;
  display: flex;
  justify-content: center;
}
.cp-confirmation-dialog .cp-confirmation-buttons input {
  margin: 0 6px;
  padding: 0 8px;
  cursor: pointer;
}
.cp-confirmation-dialog .cp-dialog-content {
  height: 100%;
  word-break: break-word;
}
.cp-confirmation-dialog .validation-summary-errors {
  padding: 0;
  margin: 0;
}
.cp-confirmation-dialog .cp-confirmation-dialog-row {
  display: flex;
  align-items: center;
}
@media only screen and  (max-width: 800px) {
  .cp-confirmation-dialog .cp-confirmation-image {
    display: none;
  }
}
.cp-dialog-title .cp-confirmation-dialog.cp-confirmation-icon {
  padding-top: 0px;
}
/* Grid popups (column selection, etc */
.cp-option-popup {
  min-height: 0 !important;
}
.cp-option-popup > div.fa-sort-trans {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.cp-option-popup > div > a {
  display: block;
}
.cp-option-popup > div > a:hover {
  background-color: #cccccc;
}
.cp-option-popup > div > a > span.fal {
  margin: 5px 10px 5px 5px;
}
.cp-popup-content #main .cp-dialog-title {
  padding-top: 27px;
}
.ui-dialog table.cp-sel-cmpu-container {
  width: 90%;
}
.ui-dialog .cp-info-section-box {
  margin-bottom: 27px;
}
.ui-dialog .cp-dialog-buttons input[type="button"],
.ui-dialog .cp-dialog-buttons input[type="button"]:focus {
  border-radius: 15px;
}
#addNewHeaderDialog .cp-info-section-box {
  margin-bottom: 27px;
}
#cpGenericPopUp .cp-dialog-buttons,
#addLabelDialog .cp-dialog-buttons {
  padding-top: 27px;
}
#resultFormFilePreviewDialog #previewFileDialogContent #previewPdfCanvas {
  height: auto;
  width: 100%;
  border-bottom: 1px solid #323639;
}
#resultFormFilePreviewDialog #previewFileDialogContent #previewPropertyImage {
  max-width: 750px;
  max-height: 750px;
}
/* Issue: #29558. Force the parameter form in the report viewer to max out at screen width */
.ParametersFrame.ParamsGrid {
  width: 100vw !important;
  max-width: 100vw;
}
#ReportViewerControl_ReportViewer {
  width: calc(100% - 2*27px);
  height: calc(100% - 2*27px);
  padding: 27px;
}
#ReportViewerControl_fixedTable {
  width: 100%;
}
#ParameterTable_ReportViewerControl_ctl09 {
  width: 100% !important;
}
.ParamLabelCell {
  padding-left: 20px;
  padding-top: 5px;
  padding-right: 20px;
  padding-bottom: 5px;
}
#ReportViewerControl_ctl14 {
  background-color: white;
}
#report_configuration_tab {
  padding-bottom: 1px;
}
#errorNoReportServer ul.validation-summary-errors,
#disabledReportServer ul.validation-summary-errors {
  margin: 0 0;
  padding: 27px 54px;
}
#reporting_config .report-status-button-spacer {
  margin-right: 52px;
}
#reporting_config #errorNoReportServer ul.validation-summary-errors,
#reporting_config #disabledReportServer ul.validation-summary-errors {
  margin: 0;
}
#reporting_config #powerBiReportName.report-status-button-spacer {
  margin-right: 27px;
}
.cp-reporting-connected-to > li {
  text-overflow: ellipsis;
  overflow: hidden;
  list-style-position: inside;
}
/*  scrollbar start  */
::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f6fc;
}
::-webkit-scrollbar-track:vertical,
::-webkit-scrollbar-track:horizontal {
  border: 5.5px solid #ffffff;
}
/* Handle */
::-webkit-scrollbar-thumb {
  cursor: pointer;
  background: #c1cfdf;
  border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal {
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
::-webkit-scrollbar-thumb:vertical {
  border-left: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}
::-moz-scrollbar-button,
::-webkit-scrollbar-button {
  width: 0px;
}
* {
  scrollbar-color: #c1cfdf #f1f6fc;
  scrollbar-width: thin !important;
}
/* scrollbar end */
.cp-scroll-top {
  cursor: pointer;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  position: fixed;
  bottom: 13px;
  right: 20px;
  z-index: 6;
}
.cp-scroll-top span {
  line-height: 32px;
  padding-left: 7px;
}
.cp-signature-control .sigWrapper {
  height: 205px !important;
  width: 305px;
}
.cp-signature-control .sigWrapper.current {
  border-color: #f4f4f4;
}
div.cp-style-container {
  border-radius: 15px;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15), 0 -1px 4px rgba(0, 0, 0, 0.1);
  width: calc(100% - 2*@default-spacing);
  overflow-x: auto;
  margin-bottom: 27px;
  padding: 13px;
  border-color: #ffffff;
  background-color: #ffffff;
}
div.cp-style-container-no-border {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: none;
  border: none;
}
div.cp-style-container-no-bottom-margin {
  margin-bottom: 0;
}
div.cp-style-container-no-margin {
  width: 100%;
  margin: 0;
}
div.cp-style-container > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
div.cp-style-container > .container-fluid .cp-expand-collapse-hide {
  display: none;
}
div.cp-style-container > .container-fluid .cp-header-row > .row > div {
  padding-bottom: 14px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
div.cp-style-container > .container-fluid .cp-header-row > .row > div h6 {
  padding: 0;
  margin: 0;
  color: #4586a3;
  font-size: 18px;
  font-weight: bold;
  padding-top: 6px;
}
div.cp-style-container > .container-fluid .cp-header-row.cp-expand-collapse {
  cursor: pointer;
}
div.cp-style-container > .container-fluid .cp-header-row.cp-expand-collapse > .row > div {
  display: flex;
}
div.cp-style-container > .container-fluid .cp-header-row.cp-expand-collapse > .row > div > .media-body {
  flex-grow: 1;
}
div.cp-style-container > .container-fluid .cp-header-row.cp-expand-collapse > .row > div > .cp-image-object-collapse {
  padding: 6px 12px 0;
  margin-right: 6px;
}
div.cp-style-container > .container-fluid .cp-header-row.cp-expand-collapse.field-validation-error > .row > div > .media-body > h6 {
  color: #ff1d19;
}
div.cp-style-container > .container-fluid .cp-header-row.cp-section-collapsed > .row > div {
  padding-bottom: 0;
}
div.cp-style-container > .container-fluid .cp-column {
  padding-left: calc(26px);
  padding-right: calc(26px);
}
div.cp-style-container > .container-fluid .cp-column .cp-text-area {
  flex-grow: 1;
  display: flex;
}
div.cp-style-container > .container-fluid .cp-column .cp-text-area textarea {
  width: 100%;
}
div.cp-style-dialog-container-has-tabs-style-fix {
  padding-top: 5px;
}
div.cp-style-dialog-container-flex {
  display: flex;
  flex-direction: column;
}
div.cp-style-dialog-container-flex .cp-style-dialog-language-drop-down {
  justify-content: flex-end;
  padding-bottom: 10px;
}
div.cp-style-dialog-container-has-tabs-and-language-control-style-fix.ui-dialog-content.ui-widget-content {
  padding-top: 5px;
}
.cp-style-default-margin-bottom {
  /* Used in status dialog form templates for margin under tab */
  margin-bottom: 27px;
}
/* Issue: #29674 - Hide row from view, needed for message templates */
.cp-hide {
  display: none !important;
}
.validation-summary-errors {
  margin: 27px 0;
  padding: 14px;
  color: #ff1d19 !important;
  background-color: #f1f6fc;
  border: solid 1px #c5cfd4;
  border-radius: 15px;
  -webkit-box-shadow: 3px 4px 12px -10px #474747;
  -moz-box-shadow: 3px 4px 12px -10px #474747;
  box-shadow: 3px 4px 12px -10px #474747;
}
.validation-summary-errors .cp-validation-error-title {
  font-weight: bold;
  font-size: 1em;
}
.validation-summary-errors .cp-validation-error-title:before {
  font-weight: normal;
  padding-right: 10px;
  width: 1em;
  height: 1em;
  font-size: 1em;
  content: '\f06a';
  font-family: "Font Awesome 5 Pro";
  font-weight: light;
}
.validation-summary-errors > ul {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.validation-summary-errors .cp-validation-error-container ul {
  padding: 14px;
  margin: 0;
  list-style-type: decimal;
  font-type: italic;
  font-size: 16px;
}
.validation-summary-errors .cp-validation-error-container ul li {
  padding-left: 14px;
}
.validation-summary-errors .cp-generic-validation-error-container .validation-summary-errors {
  border: none;
  padding: 0px;
  margin: 0px;
  padding-left: 27px;
}
.ui-tabs-panel > .validation-summary-errors {
  margin-left: 27px;
  margin-right: 27px;
}
#fastFormErrorSummary.validation-summary-errors {
  margin: 27px;
  padding-left: 27px;
  overflow-y: auto;
  max-height: 250px;
}
.cp-image {
  display: inline-block;
  font-size: 1em;
}
.cp-image.cp-image-info {
  color: #70757a;
}
.cp-image.cp-image-warning,
.cp-image.cp-image-undo {
  color: #f1f6fc;
}
.cp-image.cp-image-remove,
.cp-image.cp-image-exclaimation,
.cp-image.cp-image-refresh,
.cp-image.cp-image-mailing-default {
  color: #ff1d19;
}
.cp-image.cp-image-success,
.cp-image.cp-image-add {
  color: #004873;
}
.cp-image.cp-image-sortable {
  cursor: move;
}
.cp-image .cp-loading {
  background: url("/web/images/img_ajax_loading_small.gif");
  width: 16px;
  height: 16px;
}
.cp-image .cp-loading-big {
  background: url("/web/images/ajax-loader.gif");
  width: 32px;
  height: 32px;
}
.cp-image.underline {
  text-decoration: underline;
}
.cp-image .cp-image-text {
  color: #004873;
  padding-left: 5px;
  font-size: 16px;
}
.cp-image .cp-image-text-datetime {
  color: #004873;
  padding-left: 2px;
  font-size: 12px;
}
.cp-image.cp-status-property-not-started .cp-icon-css:before,
.cp-image.cp-file-translation-status-notstarted .cp-icon-css:before {
  content: "\f04c";
}
.cp-image.cp-status-property-in-queue .cp-icon-css:before,
.cp-image.cp-file-translation-status-queued .cp-icon-css:before {
  content: "\f017";
}
.cp-image.cp-status-property-processing .cp-icon-css:before,
.cp-image.cp-file-translation-status-processing .cp-icon-css:before {
  content: "\f085";
}
.cp-image.cp-status-property-failed .cp-icon-css:before,
.cp-image.cp-file-translation-status-failed .cp-icon-css:before {
  content: "\f071";
}
.cp-image.cp-image-sortable:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f58e";
  width: 15px;
}
.cp-image-small {
  display: inline-block;
  font-size: 100%;
}
.cp-image-small.cp-image-info {
  color: #70757a;
}
.cp-image-small.cp-image-warning,
.cp-image-small.cp-image-undo {
  color: #f1f6fc;
}
.cp-image-small.cp-image-remove,
.cp-image-small.cp-image-exclaimation,
.cp-image-small.cp-image-refresh,
.cp-image-small.cp-image-mailing-default {
  color: #ff1d19;
}
.cp-image-small.cp-image-success,
.cp-image-small.cp-image-add {
  color: #004873;
}
.cp-image-small.cp-image-sortable {
  cursor: move;
}
.cp-image-small .cp-loading {
  background: url("/web/images/img_ajax_loading_small.gif");
  width: 16px;
  height: 16px;
}
.cp-image-small .cp-loading-big {
  background: url("/web/images/ajax-loader.gif");
  width: 32px;
  height: 32px;
}
.cp-image-small.underline {
  text-decoration: underline;
}
.cp-image-small .cp-image-text {
  color: #004873;
  padding-left: 5px;
  font-size: 90%;
}
.cp-image-small .cp-image-text-datetime {
  color: #004873;
  padding-left: 2px;
  font-size: 67.5%;
}
.cp-image-small.cp-status-property-not-started .cp-icon-css:before,
.cp-image-small.cp-file-translation-status-notstarted .cp-icon-css:before {
  content: "\f04c";
}
.cp-image-small.cp-status-property-in-queue .cp-icon-css:before,
.cp-image-small.cp-file-translation-status-queued .cp-icon-css:before {
  content: "\f017";
}
.cp-image-small.cp-status-property-processing .cp-icon-css:before,
.cp-image-small.cp-file-translation-status-processing .cp-icon-css:before {
  content: "\f085";
}
.cp-image-small.cp-status-property-failed .cp-icon-css:before,
.cp-image-small.cp-file-translation-status-failed .cp-icon-css:before {
  content: "\f071";
}
.cp-image-small.cp-image-sortable:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f58e";
  width: 15px;
}
.cp-dot-primary:after,
.cp-tm-container .cp-tm-filter .cp-tm-filter-header span:after,
.cp-page-titlebar #cpPageTitleContents:after,
.cp-buttonbar-page-title:after {
  color: #004873;
  content: ".";
  font-size: 1.5em;
  font-family: "Quicksand" !important;
  font-weight: 500;
}
.cp-dot:after {
  color: #4586a3;
  content: ".";
  font-size: 1.5em;
  font-family: "Quicksand" !important;
  font-weight: 500;
}
.clickable {
  cursor: pointer;
}
.cp-subform-row-validation-error:before {
  font-weight: normal;
  padding-right: 10px;
  width: 1em;
  height: 1em;
  font-size: 1em;
  content: '\f071';
  font-family: "Font Awesome 5 Pro";
  font-weight: light;
}
.fa.fa-tablet-screen-button:before {
  content: "\f3fa";
}
.fa.fa-rotate:before {
  content: "\f2f1";
}
.fal.fa-play {
  font-weight: 400;
}
.cp-errorpage {
  display: flex;
  justify-content: center;
  height: 100vh !important;
  width: 100% !important;
  background-color: #f1f6fb;
}
.cp-errorpage__container {
  position: relative !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: fit-content !important;
  left: unset !important;
  max-width: fit-content;
  padding: 40px;
  gap: 16px;
  margin-top: 120px;
  background-color: #ffffff !important;
  border-radius: 8px;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 1024px) {
  .cp-errorpage__container {
    flex-direction: row !important;
    padding: 60px;
    gap: 32px;
  }
}
.cp-errorpage__container-img {
  flex-shrink: 0;
  width: 250px;
  height: auto;
  order: 2;
  filter: grayscale(70%);
}
@media screen and (min-width: 1024px) {
  .cp-errorpage__container-img {
    width: 350px;
    order: 1;
  }
}
.cp-errorpage__container-content {
  max-width: 75vw;
  display: flex;
  flex-direction: column;
  order: 1;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  align-items: center;
  color: #003545;
}
@media screen and (min-width: 1024px) {
  .cp-errorpage__container-content {
    max-width: 400px;
    order: 2;
    text-align: start;
    align-items: flex-start;
  }
}
.cp-errorpage__container-content p {
  width: 80%;
  margin-block-end: 16px !important;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
  font-weight: 400;
}
@media screen and (min-width: 1024px) {
  .cp-errorpage__container-content p {
    width: 100%;
    order: 2;
    text-align: start;
    margin: unset;
  }
}
.cp-errorpage__container-content > *:first-child {
  margin-top: 0;
}
.cp-errorpage__container-content > *:last-child:not(.cp-errorpage__actions) {
  margin-bottom: 0;
}
.cp-errorpage__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100% !important;
  max-width: unset !important;
  padding: 0 !important;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
  color: #003545;
}
.cp-errorpage__title > * {
  display: block;
}
@media screen and (min-width: 1024px) {
  .cp-errorpage__title {
    align-items: flex-start;
    font-size: 32px;
  }
}
.cp-errorpage__title--name {
  color: #257730;
}
.cp-errorpage__title .cp-logo {
  height: 28px !important;
  width: 100% !important;
  max-width: 100% !important;
  max-height: 80px !important;
  margin: 8px 0 0 0 !important;
  background-position: center;
  background-position-x: center !important;
}
@media screen and (min-width: 1024px) {
  .cp-errorpage__title .cp-logo {
    background-position-x: left !important;
  }
}
.cp-errorpage__logo {
  height: 28px;
  margin-top: 8px;
}
.cp-errorpage__actions {
  display: flex;
  justify-content: center;
  order: 3;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 24px;
}
@media screen and (min-width: 1024px) {
  .cp-errorpage__actions {
    justify-content: flex-start;
    margin-top: 24px;
    margin-bottom: 0;
  }
}
.cp-login .cp-login-container .cp-login-box > .cp-logo {
  background-image: url("/web/images/logos/SourceIntellogoFull.png");
}
.cp-header-logo-block .cp-header-custom-logo {
  background-image: url("/web/images/logos/SourceIntellogoFull.png");
}