/*
.progress-bar-variant(@color) {
  background-color: @color;
  .progress-striped & {
    #gradient > .striped();
  }
}
*/
/*
.container-fixed() {
  margin-right: auto;
  margin-left: auto;
  padding-left:  (@grid-gutter-width / 2);
  padding-right: (@grid-gutter-width / 2);
  .clearfix();
}
*/
/*
.form-control-validation(@text-color: #555; @border-color: #ccc; @background-color: #f5f5f5) {
  // Color the label and help text
  .help-block,
  .control-label,
  .radio,
  .checkbox,
  .radio-inline,
  .checkbox-inline  {
    color: @text-color;
  }
  // Set the border and box shadow on specific inputs to match
  .form-control {
    border-color: @border-color;
    //.box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
    &:focus {
      border-color: darken(@border-color, 10%);
      @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%);
      @shadow: 0 0 3px lighten(@border-color, 20%);
      //.box-shadow(@shadow);
    }
  }
  // Set validation states also for addons
  .input-group-addon {
    color            : @text-color;
    border-color     : @border-color;
    background-color : @background-color;
  }
}
*/
/* poppins-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/core/gfonts/poppins/poppins-v20-latin-regular.woff2') format('woff2');
}
/* poppins-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('../../fonts/core/gfonts/poppins/poppins-v20-latin-italic.woff2') format('woff2');
}
/* poppins-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../../fonts/core/gfonts/poppins/poppins-v20-latin-500.woff2') format('woff2');
}
/* poppins-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../../fonts/core/gfonts/poppins/poppins-v20-latin-600.woff2') format('woff2');
}
/* poppins-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../../fonts/core/gfonts/poppins/poppins-v20-latin-700.woff2') format('woff2');
}
.slider {
  background: #ebebeb;
  height: 10px;
  margin-bottom: 30px;
  cursor: pointer;
}
.slider .ui-slider-handle {
  background: #ec5956;
  top: 0;
  border: 2px solid #fff;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-top: -5px;
  outline: none;
  cursor: pointer;
  z-index: 2;
  position: absolute;
  margin-left: -10px;
  -webkit-transition: all 150ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 150ms cubic-bezier(0.55, 0, 0.1, 1);
}
.slider .ui-slider-handle .ui-label {
  position: absolute;
  left: -50%;
  top: 20px;
  color: #bcbcbc;
  margin-left: 5px;
  white-space: nowrap;
}
.slider .ui-slider-handle.ui-state-active {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.slider .ui-slider-range {
  z-index: 1;
  position: absolute;
  background: #ec5956;
  height: 100%;
  -webkit-transition: all 150ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 150ms cubic-bezier(0.55, 0, 0.1, 1);
}
.slider.slider-blue {
  background: #ebebeb;
}
.slider.slider-blue .ui-slider-handle {
  background: #009ef7;
  border: 2px solid #fff;
}
.slider.slider-blue .ui-slider-range,
.slider.slider-blue .ui-fill {
  background: #009ef7;
}
.subLabelGroup {
  display: block;
  width: 100%;
  height: 20px;
}
.subLabelGroup div {
  display: inline-block;
  float: left;
  width: 33.3%;
  text-align: right;
  font-size: 10px;
  line-height: 1.2em;
  padding-right: 2px;
  border-right: 1px solid #ebebeb;
  color: #b8b8b8;
  font-weight: bold;
}
.subLabelGroup div.active {
  border-right: 1px solid #009ef7;
  color: #009ef7;
}
.slider {
  margin-bottom: 0;
  position: relative;
}
.slider.ui-state-disabled {
  opacity: 0.5;
}
.ui-label {
  display: none;
}
.group_compare {
  height: 2px;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
.group_compare.red {
  background-color: #F00;
}
.form-check {
  display: block;
  min-height: 1.5rem;
  position: relative;
}
.form-check + .form-check {
  margin-top: 16px;
}
.form-check .main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}
.form-check .form-check-input {
  width: 18px;
  height: 18px;
  vertical-align: top;
  background-color: #EFF2F5;
  margin: 0;
  float: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  line-height: 1em;
  background-repeat: no-repeat;
  background-position: center center;
  outline: 1px solid #E4E6EF;
}
.form-check .form-check-input[type=checkbox] {
  border-radius: 6px;
}
.form-check .form-check-input[type=checkbox]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23FFFFFF'/%3e%3c/svg%3e");
  background-size: 60% auto;
  outline-color: 0;
}
.form-check .form-check-input[type=radio] {
  border-radius: 50%;
  text-align: center;
}
.form-check .form-check-input[type=radio]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23FFFFFF'/%3e%3c/svg%3e");
  background-size: 90% auto;
  outline: 0;
}
.form-check .form-check-input:checked {
  background-color: #009ef7;
}
.form-check:not(.disabled) {
  cursor: pointer;
}
.form-check.cb-small {
  min-height: 1.3rem;
  font-size: 12px;
}
.form-check.cb-small .form-check-input {
  width: 12px;
  height: 12px;
  margin-top: 3px;
}
.form-check.cb-small .form-check-input[type=checkbox] {
  border-radius: 3px;
}
.form-check.disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.form-check.disabled .main {
  pointer-events: none;
}
.form-check.success .form-check-input:checked {
  background-color: #50cd89;
}
.form-check.warning .form-check-input:checked {
  background-color: #ffc700;
}
.form-check.danger .form-check-input:checked {
  background-color: #f1416c;
}
.form-check .form-check-label {
  margin-left: 8px;
  color: #5E6278;
  width: 100%;
}
.form-check .info {
  font-size: 11px;
  display: block;
  color: #7E8299;
  padding-left: 26px;
  font-weight: 400;
  margin-top: 5px;
  line-height: 1.3em;
}
.form-check:hover:not(.disabled) .form-check-input {
  background-color: #E4E6EF;
}
.form-check:hover:not(.disabled) .form-check-label {
  color: #181C32;
}
.form-check:hover:not(.disabled) .form-check-input:checked {
  background-color: #008ede;
}
.form-check:hover:not(.disabled).success .form-check-input:checked {
  background-color: #50cd89;
}
.form-check:hover:not(.disabled).warning .form-check-input:checked {
  background-color: #ffc700;
}
.form-check:hover:not(.disabled).danger .form-check-input:checked {
  background-color: #f1416c;
}
.form-check.preset-mark .form-check-input:not(:checked) {
  border: 1px solid #009ef7;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23cccccc'/%3e%3c/svg%3e");
  background-size: 60% auto;
}
.form-check.preset-mark-inv .form-check-input:checked {
  background-color: #ffc700 !important;
}
#main-content-item:not(.ver-form) .mega-options,
.modal .mega-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
#main-content-item:not(.ver-form) .mega-options .form-check,
.modal .mega-options .form-check {
  border: 1px solid #B5B5C3;
  border-radius: 6px;
  padding: 16px;
  margin-top: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}
#main-content-item:not(.ver-form) .mega-options .form-check + .form-check,
.modal .mega-options .form-check + .form-check {
  margin-left: 16px;
}
#main-content-item:not(.ver-form) .mega-options .form-check .main,
.modal .mega-options .form-check .main {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
#main-content-item:not(.ver-form) .mega-options .form-check .info,
.modal .mega-options .form-check .info {
  -ms-hyphens: auto;
      hyphens: auto;
}
#main-content-item:not(.ver-form) .mega-options .form-check:hover,
.modal .mega-options .form-check:hover {
  background-color: #F5F8FA;
}
#main-content-item:not(.ver-form) .horizontal-checkbox,
.modal .horizontal-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#main-content-item:not(.ver-form) .horizontal-checkbox .form-check + .form-check,
.modal .horizontal-checkbox .form-check + .form-check {
  margin-top: 0;
}
.select2-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container .select2-search--inline .select2-search__field {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}
.select2-results {
  display: block;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-results__option--selectable {
  cursor: pointer;
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--group {
  padding: 0;
}
.select2-container--default .select2-results__option--disabled {
  color: #999;
}
.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}
.select2-container--default .select2-results__option--highlighted:hover.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc));
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee));
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff));
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}
.select2 {
  width: 100%;
  display: block;
  max-width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.select2-selection__arrow b {
  display: none !important;
}
select[multiple] {
  overflow-y: hidden;
  cursor: text;
  max-height: 200px;
}
select[multiple] option,
select[multiple] optgroup {
  display: none;
  visibility: hidden;
}
.reset-select {
  font-size: 12px;
  float: right;
  padding: 2px 0;
  opacity: 0.55;
}
.reset-select:hover {
  color: #F44336;
  opacity: 1;
}
.select2-results__option {
  white-space: pre;
}
.select2-results__option:empty {
  display: none;
}
.select2-container--bootstrap5 {
  background-color: #eef3f7;
  border-radius: 6px;
}
.select2-container--bootstrap5 .select2-selection {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  height: auto;
  outline: none !important;
  min-height: 36px;
}
.select2-container--bootstrap5.select2-container--focus,
.select2-container--bootstrap5.select2-container--open {
  background-color: #FFF;
  border-color: #009ef7;
  outline: 3px solid #009ef7;
  outline-color: rgba(0, 158, 247, 0.15);
}
.select2-container--bootstrap5.select2-container--focus .select2-selection,
.select2-container--bootstrap5.select2-container--open .select2-selection {
  background-color: #FFF;
  border-color: #009ef7;
}
.select2-container--bootstrap5 .select2-search.select2-search--inline .select2-search__field {
  color: #5E6278;
  font-weight: 500;
  background-color: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  margin: 0;
  padding: 0;
}
.select2-container--bootstrap5 .form-select-solid .select2-search.select2-search--inline .select2-search__field {
  color: #B5B5C3;
  font-weight: 400;
}
.select2-container--bootstrap5 .select2-selection__placeholder {
  color: #B5B5C3;
  font-weight: 400;
}
.select2-container--bootstrap5 .select2-selection--single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 30px;
}
.select2-container--bootstrap5 .select2-selection--single.select2-selection--clearable {
  padding-right: 55px;
}
.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #5E6278;
  min-height: 18.5px;
}
.select2-container--bootstrap5 .select2-selection--single .select2-selection__placeholder {
  color: #B5B5C3;
}
.select2-container--bootstrap5 .select2-selection--multiple {
  padding-top: 5px;
  padding-bottom: 4px;
  padding-left: 7px;
  /*
		&.form-select-lg {
			@include select2-multiple-size(@input-padding-y-lg, @input-height-border, 1rem, 0.4rem, 0.2rem, 0.4rem, 0.2rem, 0.4rem, 0.6rem, 0.5rem);
		}

		&.form-select-sm {
			@include select2-multiple-size(@input-padding-y-sm, @input-height-border, 0.8rem, 0.4rem, 0.15rem, 0.4rem, 0.15rem, 0.4rem, 0.5rem, 0.5rem);
		}
		*/
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-search.select2-search--inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 4px;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  margin: 0;
  padding: 0;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background-color: #E4E6EF;
  border-radius: 0.4rem;
  padding: 0.2rem 0.4rem;
  margin: 0 0.4rem 0.2rem 0;
  font-size: 12px;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%235E6278'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  opacity: 0.3;
  border: 0;
  -webkit-transition: color 0.2s ease, background-color 0.2s ease;
  transition: color 0.2s ease, background-color 0.2s ease;
  height: 8px;
  width: 12px;
  margin-right: 0.5rem;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove span {
  display: none;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
  opacity: 1;
  -webkit-transition: color 0.2s ease, background-color 0.2s ease;
  transition: color 0.2s ease, background-color 0.2s ease;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__display {
  font-weight: 500;
}
.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) {
  @include select2-multiple-size(0.75rem, 10px, 0.9rem, 0.4rem, 0.2rem, 0.4rem, 0.2rem, 0.4rem, 0.6rem, 0.5rem);
}
.select2-container--bootstrap5 .select2-dropdown {
  border: 0;
  -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
          box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  border-radius: 6px;
  padding: 1rem 0;
  min-width: 250px;
}
.modal-open .select2-container--bootstrap5 .select2-dropdown {
  z-index: 1051;
}
.select2-container--bootstrap5 .select2-dropdown .select2-search {
  padding: 0.5rem 1.25rem;
  margin: 0 0 0.5rem 0;
}
.select2-container--bootstrap5 .select2-dropdown .select2-search .select2-search__field {
  padding: 0.75rem 1rem;
  color: #5E6278;
  font-size: 14.3px;
  border: 1px solid #B5B5C3;
  border-radius: 6px;
}
.select2-container--bootstrap5 .select2-dropdown .select2-search .select2-search__field:focus,
.select2-container--bootstrap5 .select2-dropdown .select2-search .select2-search__field:active {
  border: 1px solid #5E6278;
  border-color: #009ef7;
  outline: 3px solid #009ef7;
  outline-color: rgba(0, 158, 247, 0.15);
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__options {
  max-height: none;
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option {
  color: #5E6278;
  -webkit-transition: color 0.2s ease, background-color 0.2s ease;
  transition: color 0.2s ease, background-color 0.2s ease;
  padding: 0.75rem 1.25rem;
  margin: 0 0;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 21px;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option span {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted:hover {
  background-color: #F5F8FA;
  color: #009ef7;
  -webkit-transition: color 0.2s ease, background-color 0.2s ease;
  transition: color 0.2s ease, background-color 0.2s ease;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option.select2-results__option--selected {
  background-color: #f1faff;
  color: #009ef7;
  -webkit-transition: color 0.2s ease, background-color 0.2s ease;
  transition: color 0.2s ease, background-color 0.2s ease;
  position: relative;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option.select2-results__option--selected:after {
  font-family: var(--fa-style-family-duotone);
  content: '\f058';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  right: 5.33333333px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 16px;
  line-height: 1em;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--disabled {
  color: #B5B5C3;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__message {
  color: #7E8299;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--group {
  padding-left: 0;
  padding-right: 0;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--group .select2-results__group {
  display: block;
  color: #A1A5B7;
  font-weight: 500;
  font-size: 13px;
  padding: 0.5rem 1.25rem 0.5rem 1.25rem;
  margin: 0 0 0.25rem 0;
  text-transform: uppercase!important;
  white-space: nowrap;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--group .select2-results__option {
  padding: 0.75rem 1.25rem;
  margin: 0 0;
}
.select2-container--bootstrap5 .select2-selection__clear {
  display: block;
  height: 20px;
  width: 20px;
  top: 53%;
  right: 34px;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #7E8299;
  padding: 0;
  text-align: center;
}
.select2-container--bootstrap5 .select2-selection__clear span {
  display: inline-block;
  font-size: 20px;
  line-height: 1em;
  font-weight: 400;
}
.select2-container--bootstrap5 .select2-selection__clear:hover {
  color: #5E6278;
}
.select2-optionformat-color-box {
  display: inline-block;
  width: 18px;
  aspect-ratio: 1;
  border: 1px solid #A1A5B7;
  margin-right: 8px;
  margin-top: 0;
  vertical-align: top;
  padding-right: 0!important;
  border-radius: 3px;
}
.select2-optionformat-img-icon {
  display: inline-block;
  width: 18px;
  aspect-ratio: 1;
  margin-right: 8px;
  margin-top: 0;
  vertical-align: top;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-right: 0!important;
}
.select2-optionformat-icon {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  text-align: center;
  overflow: hidden;
  text-overflow: clip!important;
  padding-right: 0!important;
  opacity: 0.55;
}
.select2-optionformat-icon i {
  display: inline-block;
}
.select2-optionformat-date {
  font-weight: 500;
  min-width: 82px;
}
.select2-optionformat-id {
  font-weight: 500;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
}
.select2-selection__rendered .select2-optionformat-id {
  display: none;
}
.select2-selection__rendered .select2-optionformat-price {
  display: none;
}
.select2-optionformat-title {
  font-weight: 500;
}
.select2-optionformat-extraline {
  opacity: 0.75;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 24px;
}
.select2-optionformat-title-alt {
  font-weight: 500;
  color: #A1A5B7;
  font-size: inherit;
}
.select2-optionformat-title-alt:before {
  content: "(";
}
.select2-optionformat-title-alt:after {
  content: ")";
}
.select2-optionformat-title-alt:empty {
  display: none;
}
.select2-results__option {
  padding-right: 24px;
}
.select2-optionformat-sub {
  font-size: 11px;
  opacity: 0.75;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 24px;
}
.select2-optionformat-sub:empty {
  display: none;
}
.select2-optionformat-price {
  margin-left: 16px;
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
}
.select2-optionformat-seperator {
  display: inline-block;
  text-align: center;
  width: 20px;
  opacity: 0.25;
}
.select2-optionformat-seperator:before {
  content: "|";
  display: inline-block;
  -webkit-transform: scale(50%, 150%);
          transform: scale(50%, 150%);
}
.select2-optionformat-seperator:has(+ .select2-optionformat-sub:empty) {
  display: none;
}
.select2-container {
  min-width: 0;
}
.select2-results__options--nested .select2-results__option {
  padding-left: 24px !important;
}
.select2-dropdown.hide-disabled li.select2-results__option--disabled {
  display: none;
}
.select2.input-sm + .select2-container .select2-selection {
  min-height: 30px;
  padding: 5px 10px;
  border-radius: 3px;
}
.select2-container.select2-container--disabled .select2-selection {
  cursor: not-allowed !important;
  background-color: #eeeeee !important;
}
.custom-list ul {
  list-style: none;
  line-height: 2em;
  background-color: #EFF2F5;
  margin: 0;
  padding: 0;
}
@media (max-width: 767px) {
  .custom-list ul {
    margin-bottom: 16px;
  }
}
.custom-list ul li {
  position: relative;
  min-height: 25px;
  line-height: 25px;
  padding: 2px 5px;
  cursor: pointer;
  border-bottom: 1px solid #efefef;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.custom-list ul li:hover {
  background: #E4E6EF;
}
.custom-list ul li:hover i {
  background-color: #222;
  color: #fff;
}
.custom-list ul li span {
  padding: 5px 8px;
}
@media (max-width: 767px) {
  .custom-list ul li span {
    letter-spacing: -1px;
    padding-left: 3px;
  }
}
.custom-list ul li i {
  cursor: pointer;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin: -2px -4px -2px 4px;
  float: right;
  padding: 0 8px;
  font-size: 16px;
  background-color: #DDD;
}
.custom-list ul li i:hover {
  color: #7CB342;
}
.custom-list ul li i:hover.icon-delete {
  color: #F44336;
}
header {
  z-index: 1004;
  left: 270px;
  right: 0;
  top: 0;
  position: fixed;
  height: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background-color: #fcfcfc;
  -webkit-transition: left 0.2s ease-in-out, background-color 0.1s ease-in-out;
  transition: left 0.2s ease-in-out, background-color 0.1s ease-in-out;
}
header .container {
  padding: 0 24px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: auto;
  margin-left: auto;
}
header .header-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
header .header-item + .header-item {
  margin-left: 0.75rem;
}
header .header-item > .badge-dot {
  position: absolute;
  left: 50%;
  top: 7px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
header .header-item .dropdown {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
header .header-item .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  margin-right: 1.25rem;
}
header .header-item .svg-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
.header-menu-wrapper,
.header-menu {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#headerLog:empty:before {
  content: "keine Einträge";
  display: block;
  color: #A1A5B7;
}
#headerUsersStatusActive:empty:before {
  content: "keine weiteren aktiven Nutzer";
  display: block;
  color: #A1A5B7;
}
#headerUsersStatusIdle:empty:before {
  content: "keine Nutzer inaktiv";
  display: block;
  color: #A1A5B7;
}
#headerUsersStatusOffline:empty:before {
  content: "keine Nutzer offline";
  display: block;
  color: #A1A5B7;
}
#headerTasksGeneral:empty:before,
#headerTasksUnassigned:empty:before {
  content: "keine zu überprüfenden Einträge";
  display: block;
  color: #A1A5B7;
}
#headerTasksIndividual:empty:before {
  content: "keine durch mich zu überprüfende Einträge";
  display: block;
  color: #A1A5B7;
}
#body .page-container.sidebar-collapsed header {
  left: 75px;
}
#body.page-scrolled header {
  background-color: #fff;
}
.subheader {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
  /*
	.btn.btn-sm {
		min-width  : 28px;
		height     : 28px;
		line-height: 26px;
		border-radius : @border-radius - 2;
		font-size : 12px;

		i {
			font-size : 14px;
		}
	}
	*/
}
.subheader .container {
  padding: 0 calc(16px*1.5 - 0.4rem);
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin-right: auto;
  margin-left: auto;
}
.subheader .subheader-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0 4px;
}
.subheader .subheader-item.not-sticky {
  width: 0;
  overflow: hidden;
  padding: 0;
}
.subheader .separator-y {
  border-left: 1px solid #E4E6EF;
  margin-left: 8px;
  margin-right: 8px;
  height: 28px;
  visibility: hidden;
}
.subheader .separator-y + .subheader-item {
  margin-left: 0;
}
.subheader .item-id {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #A1A5B7;
  font-size: 11px;
  font-weight: 500;
  -webkit-box-align: center!important;
      -ms-flex-align: center!important;
          align-items: center!important;
}
.subheader .item-id a {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.subheader .item-id:hover a {
  opacity: 1;
}
.subheader .select-count {
  display: inline-block;
  color: #A1A5B7;
  font-size: 11px;
  font-weight: 500;
}
.subheader .select-count #listCountTotal {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.subheader .select-count #listCountTotal:empty {
  opacity: 0;
}
.subheader .select-count #listCountTotal:after {
  display: inline;
  content: "\00a0 Einträge";
}
.subheader .select-count #listCountSelected {
  color: #009ef7;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.subheader .select-count.selected #listCountSelected {
  opacity: 1;
  display: inline-block;
}
.subheader .select-count.selected #listCountSelected:after {
  display: inline;
  content: "/";
  color: #A1A5B7;
}
.subheader .daterange-text {
  display: inline-block;
  color: #A1A5B7;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.subheader .daterange-text i {
  margin-right: 2px;
}
.subheader .daterange-text:hover .range-display {
  color: #009ef7;
}
.subheader .batch-actions .cur-count {
  color: #A1A5B7;
  font-size: 11px;
  font-weight: 500;
  cursor: default;
}
.subheader .batch-actions .cur-count .slash {
  display: inline-block;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  margin: 0 1px;
}
.subheader .batch-actions .disabled {
  pointer-events: none;
}
#body.subheader-fixed header {
  background-color: #fff;
}
#body.subheader-fixed .subheader {
  position: fixed;
  z-index: 1003;
  left: 270px;
  top: 65px;
  right: 0;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03);
          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03);
  background-color: #fff;
  border-top: 1px solid #E4E6EF;
  border-bottom: 1px solid #E4E6EF;
}
#body.subheader-fixed .subheader-space {
  height: 50px;
}
#body.subheader-fixed .page-container.sidebar-collapsed .subheader {
  left: 75px;
}
#body:not(.subheader-fixed) .subheader {
  position: relative;
  left: auto!important;
  margin-top: 16px;
  margin-bottom: -8px;
}
#body:not(.subheader-fixed) .subheader-space {
  display: none;
}
#body:not(.subheader-fixed).page-scrolled .page-container header {
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03);
          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03);
}
#main-content-category.small-form .subheader .daterange-text,
#main-content-category.small-form .subheader .select-count + .separator-y {
  display: none!important;
}
#main-content-category.ver-form .subheader .select-count,
#main-content-category.ver-form .subheader .separator-y {
  display: none!important;
}
.page-container {
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  padding-left: 270px;
}
.page-container.sidebar-collapsed #sidebarLeft:hover .aside-logo .sidebar-toggle {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  color: #009ef7;
  opacity: 1;
}
.page-container.sidebar-collapsed {
  padding-left: 75px;
}
.page-container.sidebar-collapsed #sidebarLeft {
  width: 270px;
}
.page-container.sidebar-collapsed #sidebarLeft:not(:hover) {
  width: 75px;
}
.page-container.sidebar-collapsed #sidebarLeft:not(:hover) .aside-logo {
  position: relative;
}
.page-container.sidebar-collapsed #sidebarLeft:not(:hover) .aside-logo img {
  height: 28px;
}
.page-container.sidebar-collapsed #sidebarLeft:not(:hover) .aside-logo .logo-text {
  opacity: 0;
}
.page-container.sidebar-collapsed #sidebarLeft:not(:hover) .aside-logo .sidebar-toggle {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  color: #009ef7;
  opacity: 1;
}
.page-container.sidebar-collapsed #sidebarLeft:not(:hover) .menu-item .menu-title {
  opacity: 0;
}
.page-container.sidebar-collapsed #sidebarLeft:not(:hover) .menu-item .menu-content .menu-section {
  opacity: 0;
}
.page-container.sidebar-collapsed #sidebarLeft:not(:hover) .divider span {
  display: none;
}
.aside-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
  height: 65px;
  background-color: #181824;
  border-bottom: 1px dotted #3F4254;
}
.aside-logo a {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  text-align: center;
}
.aside-logo a img {
  max-height: 100%;
  max-width: 100%;
  pointer-events: none;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
}
.aside-logo .logo-text {
  padding-left: 12px;
  color: #FFF;
  font-weight: 500;
  line-height: 1.3em;
  min-width: 192px;
  pointer-events: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
}
.aside-logo #sidebarCollapseToggle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  height: 24px;
  width: 24px;
  margin: 0;
  background-color: white;
  position: absolute;
  z-index: 1005;
  left: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-shadow: 0px 8px 14px rgba(15, 42, 81, 0.14);
          box-shadow: 0px 8px 14px rgba(15, 42, 81, 0.14);
  border: 1px solid #F5F8FA;
  font-size: 10px;
  -webkit-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
}
.aside-logo #sidebarCollapseToggle:hover {
  opacity: 1;
}
#sidebarLeft {
  position: fixed;
  width: 270px;
  top: 0;
  min-height: 0;
  height: 100%;
  left: 0;
  bottom: 0;
  background-color: #1e1e2d;
  z-index: 1005;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
}
#sidebarLeft #main-menu {
  overflow-y: scroll;
  overflow-y: overlay;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  max-height: calc(100% - 65px);
}
#sidebarLeft #main-menu .menu-item {
  display: block;
  position: relative;
}
#sidebarLeft #main-menu .menu-item .badge-dot {
  position: absolute;
  top: 50%;
  left: 12px;
  z-index: 1006;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#sidebarLeft #main-menu .menu-item .menu-content {
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 0.5rem;
  padding-top: 2rem;
}
#sidebarLeft #main-menu .menu-item .menu-content .menu-section {
  color: #4c4e6f;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
}
#sidebarLeft #main-menu .menu-item .menu-link {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  padding: 10px 24px;
  -webkit-transition: none;
  transition: none;
  outline: 0;
  color: #a2a3b7;
  height: 44px;
  line-height: 14px;
}
#sidebarLeft #main-menu .menu-item .menu-link .menu-icon {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 20px;
  color: #494b74;
  font-size: 20px;
  line-height: 1em;
  text-align: center;
}
#sidebarLeft #main-menu .menu-item .menu-link .menu-icon .svg-icon svg {
  width: 24px;
  height: 24px;
}
#sidebarLeft #main-menu .menu-item .menu-link .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: #494b74;
}
#sidebarLeft #main-menu .menu-item .menu-link .menu-icon i {
  font-size: 20px;
}
#sidebarLeft #main-menu .menu-item .menu-link .menu-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 188px;
          flex: 0 0 188px;
  padding-left: 16px;
  -webkit-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
}
#sidebarLeft #main-menu .menu-item .menu-link .menu-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 0.5rem;
  width: 19px;
  height: 19px;
}
#sidebarLeft #main-menu .menu-item .menu-link .menu-arrow > span {
  display: block;
  -webkit-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
}
#sidebarLeft #main-menu .menu-item .menu-link .menu-bullet {
  vertical-align: middle;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#sidebarLeft #main-menu .menu-item .menu-link .menu-bullet.menu-bullet-dot span {
  background-color: #494b74;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  vertical-align: middle;
  display: block;
}
#sidebarLeft #main-menu .menu-item.show .menu-arrow > span {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#sidebarLeft #main-menu .menu-item.active .menu-link,
#sidebarLeft #main-menu .menu-item.show .menu-link,
#sidebarLeft #main-menu .menu-item.hover .menu-link {
  background-color: #1b1b28;
  color: #fff;
}
#sidebarLeft #main-menu .menu-item.active .menu-link .menu-icon,
#sidebarLeft #main-menu .menu-item.show .menu-link .menu-icon,
#sidebarLeft #main-menu .menu-item.hover .menu-link .menu-icon {
  color: #009ef7;
}
#sidebarLeft #main-menu .menu-item.active .menu-link .menu-icon .svg-icon svg [fill]:not(.permanent):not(g),
#sidebarLeft #main-menu .menu-item.show .menu-link .menu-icon .svg-icon svg [fill]:not(.permanent):not(g),
#sidebarLeft #main-menu .menu-item.hover .menu-link .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: #009ef7;
}
#sidebarLeft #main-menu .menu-item.active .menu-link .menu-bullet.menu-bullet-dot span,
#sidebarLeft #main-menu .menu-item.show .menu-link .menu-bullet.menu-bullet-dot span,
#sidebarLeft #main-menu .menu-item.hover .menu-link .menu-bullet.menu-bullet-dot span {
  background-color: #009ef7;
}
#sidebarLeft #main-menu .menu-sub.menu-sub-accordion {
  display: block;
  overflow: hidden;
  opacity: 0;
  height: 0;
  -webkit-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
}
#sidebarLeft #main-menu .menu-sub.menu-sub-accordion.show {
  opacity: 1;
}
#sidebarLeft #main-menu .menu-sub .menu-link {
  padding-left: 24px;
  -webkit-transition: padding-left 0.3s ease;
  transition: padding-left 0.3s ease;
}
#main-content {
  position: relative;
  min-height: 0 !important;
  background-color: #fcfcfc;
  padding-top: 65px;
}
.btn {
  position: relative;
  display: inline-block;
  cursor: pointer;
  border-radius: 6px;
  -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  border: 1px solid transparent;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #a1a5b7;
}
.btn .svg-icon {
  pointer-events: none;
}
.btn:not(.btn-icon, .btn-symbol, .btn-addon) {
  padding: 8px 17px;
  font-weight: 500;
}
.btn.btn-addon {
  padding: 8px 10px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.btn.btn-addon.info-addon {
  cursor: help;
}
.btn.btn-block {
  width: 100%;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btn.disabled {
  opacity: 0.55;
  cursor: not-allowed;
  pointer-events: none;
}
.btn.disabled-soft {
  opacity: 0.55;
  cursor: not-allowed;
}
.btn.btn-input-group {
  min-width: 34px;
}
.btn.btn-input-height {
  min-width: 36px;
  height: 36px;
  line-height: 34px;
}
.btn.btn-top-menu {
  min-width: 36px;
  height: 36px;
  line-height: 1em;
  font-size: 13px;
}
.btn.btn-top-menu i {
  font-size: 18px;
}
.btn.btn-md {
  min-width: 40px;
  height: 40px;
  line-height: 38px;
  font-size: 13px;
}
.btn.btn-md.half-width {
  min-width: 30px;
}
.btn.btn-sm {
  padding: 0rem 0.75rem;
  font-size: 12px;
  min-width: 34px;
  height: 34px;
  line-height: 32px;
}
.btn.btn-sm i:not(.fa-xs, .fa-sm, .fa-lg, .fa-xl, .fa-2xl ) {
  font-size: 16px;
}
.btn.btn-sm.half-width {
  min-width: 24px;
}
.btn.btn-sm-minus {
  min-width: 30px;
  height: 30px;
  line-height: 28px;
  font-size: 13px;
}
.btn.btn-xs-plus {
  padding: 0 0.25rem;
  font-size: 12px;
  min-width: 24px;
  height: 24px;
  line-height: 22px;
  border-radius: 3px;
}
.btn.btn-xs {
  padding: 0 0.25rem;
  font-size: 10px;
  min-width: 20px;
  height: 20px;
  line-height: 18px;
  border-radius: 3px;
}
.btn.btn-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}
.btn.btn-icon .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.btn.btn-outline {
  border: 1px solid;
}
.btn.btn-white {
  color: #7E8299;
  background-color: #fff;
  border-color: #fff;
}
.btn.btn-white .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: #7E8299;
}
.btn.btn-white i {
  color: #7E8299;
}
.btn.btn-white.btn-addon {
  background-color: #f2f2f2;
}
.btn.btn-white:not(.no-hover-effect):hover {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
.btn.btn-white:not(.no-hover-effect):hover.btn-addon {
  background-color: #e6e6e6;
}
.btn.btn-white-danger {
  color: #f1416c;
  background-color: #fff;
  border-color: #fff;
}
.btn.btn-white-danger .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: #f1416c;
}
.btn.btn-white-danger i {
  color: #f1416c;
}
.btn.btn-white-danger.btn-addon {
  background-color: #f2f2f2;
}
.btn.btn-white-danger:not(.no-hover-effect):hover {
  background-color: #fff5f8;
  border-color: #fff5f8;
}
.btn.btn-white-danger:not(.no-hover-effect):hover.btn-addon {
  background-color: #e6e6e6;
}
.btn.btn-primary {
  color: #fff;
  background-color: #009ef7;
  border-color: #009ef7;
}
.btn.btn-primary .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: #fff;
}
.btn.btn-primary i {
  color: #fff;
}
.btn.btn-primary.btn-addon {
  background-color: #008ede;
}
.btn.btn-primary:not(.no-hover-effect):hover {
  background-color: #008ede;
  border-color: #008ede;
}
.btn.btn-primary:not(.no-hover-effect):hover.btn-addon {
  background-color: #007dc4;
}
.btn.btn-secondary {
  color: #7E8299;
  background-color: #EFF2F5;
  border-color: #EFF2F5;
}
.btn.btn-secondary .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: #7E8299;
}
.btn.btn-secondary i {
  color: #7E8299;
}
.btn.btn-secondary.btn-addon {
  background-color: #dfe5eb;
}
.btn.btn-secondary:not(.no-hover-effect):hover {
  background-color: #dfe5eb;
  border-color: #dfe5eb;
}
.btn.btn-secondary:not(.no-hover-effect):hover.btn-addon {
  background-color: #d0d8e1;
}
.btn.btn-success {
  color: #fff;
  background-color: #50cd89;
  border-color: #50cd89;
}
.btn.btn-success .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: #fff;
}
.btn.btn-success i {
  color: #fff;
}
.btn.btn-success.btn-addon {
  background-color: #3cc77c;
}
.btn.btn-success:not(.no-hover-effect):hover {
  background-color: #3cc77c;
  border-color: #3cc77c;
}
.btn.btn-success:not(.no-hover-effect):hover.btn-addon {
  background-color: #34b66f;
}
.btn.btn-warning {
  color: #fff;
  background-color: #ffc700;
  border-color: #ffc700;
}
.btn.btn-warning .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: #fff;
}
.btn.btn-warning i {
  color: #fff;
}
.btn.btn-warning.btn-addon {
  background-color: #e6b300;
}
.btn.btn-warning:not(.no-hover-effect):hover {
  background-color: #e6b300;
  border-color: #e6b300;
}
.btn.btn-warning:not(.no-hover-effect):hover.btn-addon {
  background-color: #cc9f00;
}
.btn.btn-danger {
  color: #fff;
  background-color: #f1416c;
  border-color: #f1416c;
}
.btn.btn-danger .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: #fff;
}
.btn.btn-danger i {
  color: #fff;
}
.btn.btn-danger.btn-addon {
  background-color: #ef295a;
}
.btn.btn-danger:not(.no-hover-effect):hover {
  background-color: #ef295a;
  border-color: #ef295a;
}
.btn.btn-danger:not(.no-hover-effect):hover.btn-addon {
  background-color: #ee1147;
}
.btn.btn-dark {
  color: #fff;
  background-color: #181C32;
  border-color: #181C32;
}
.btn.btn-dark .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: #fff;
}
.btn.btn-dark i {
  color: #fff;
}
.btn.btn-dark.btn-addon {
  background-color: #101221;
}
.btn.btn-dark:not(.no-hover-effect):hover {
  background-color: #101221;
  border-color: #101221;
}
.btn.btn-dark:not(.no-hover-effect):hover.btn-addon {
  background-color: #070910;
}
.btn.btn-primary-dark {
  color: #fff;
  background-color: #1e1e2d;
  border-color: #1e1e2d;
}
.btn.btn-primary-dark .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: #fff;
}
.btn.btn-primary-dark i {
  color: #fff;
}
.btn.btn-primary-dark.btn-addon {
  background-color: #14141e;
}
.btn.btn-primary-dark:not(.no-hover-effect):hover {
  background-color: #14141e;
  border-color: #14141e;
}
.btn.btn-primary-dark:not(.no-hover-effect):hover.btn-addon {
  background-color: #0a0a0e;
}
.btn.btn-primary-light {
  color: #009ef7;
  background-color: #f1faff;
  border-color: #f1faff;
}
.btn.btn-primary-light:not(:hover) .icon i {
  color: #009ef7;
}
.btn.btn-primary-light.btn-addon {
  background-color: #d8f1ff;
}
.btn.btn-primary-light:not(.no-hover-effect):hover {
  background-color: #009ef7;
  border-color: #009ef7;
  color: #fff;
}
.btn.btn-primary-light:not(.no-hover-effect):hover.btn-addon {
  background-color: #009ef7;
}
.btn.btn-success-light {
  color: #50cd89;
  background-color: #e8fff3;
  border-color: #e8fff3;
}
.btn.btn-success-light:not(:hover) .icon i {
  color: #50cd89;
}
.btn.btn-success-light.btn-addon {
  background-color: #ceffe6;
}
.btn.btn-success-light:not(.no-hover-effect):hover {
  background-color: #50cd89;
  border-color: #50cd89;
  color: #fff;
}
.btn.btn-success-light:not(.no-hover-effect):hover.btn-addon {
  background-color: #50cd89;
}
.btn.btn-warning-light {
  color: #f0bb00;
  background-color: #fff8dd;
  border-color: #fff8dd;
}
.btn.btn-warning-light:not(:hover) .icon i {
  color: #f0bb00;
}
.btn.btn-warning-light.btn-addon {
  background-color: #fff3c3;
}
.btn.btn-warning-light:not(.no-hover-effect):hover {
  background-color: #ffc700;
  border-color: #ffc700;
  color: #fff;
}
.btn.btn-warning-light:not(.no-hover-effect):hover.btn-addon {
  background-color: #ffc700;
}
.btn.btn-danger-light {
  color: #f1416c;
  background-color: #fff5f8;
  border-color: #fff5f8;
}
.btn.btn-danger-light:not(:hover) .icon i {
  color: #f1416c;
}
.btn.btn-danger-light.btn-addon {
  background-color: #ffdce6;
}
.btn.btn-danger-light:not(.no-hover-effect):hover {
  background-color: #f1416c;
  border-color: #f1416c;
  color: #fff;
}
.btn.btn-danger-light:not(.no-hover-effect):hover.btn-addon {
  background-color: #f1416c;
}
.btn.btn-outline-dark {
  border-color: #181C32;
}
.btn.btn-bg-light {
  background-color: #EFF2F5;
}
.btn.btn-bg-light.dropdown-toggle-split {
  border-left: 1px solid #E4E6EF;
}
.btn.btn-active-color-primary:hover,
.btn.btn-active-color-primary:active,
.btn.btn-active-color-primary[aria-expanded="true"] {
  color: #009ef7;
  background-color: #f1faff;
}
.btn.btn-active-color-primary:hover .icon,
.btn.btn-active-color-primary:active .icon,
.btn.btn-active-color-primary[aria-expanded="true"] .icon,
.btn.btn-active-color-primary:hover i,
.btn.btn-active-color-primary:active i,
.btn.btn-active-color-primary[aria-expanded="true"] i {
  color: #009ef7;
}
.btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-active-color-primary:active:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-active-color-primary[aria-expanded="true"]:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g) {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #009ef7;
}
.btn.btn-active-color-primary:hover .symbol .symbol-label,
.btn.btn-active-color-primary:active .symbol .symbol-label,
.btn.btn-active-color-primary[aria-expanded="true"] .symbol .symbol-label {
  color: #009ef7;
  background-color: #f1faff;
}
.btn.btn-active-color-primary.active:not(.disabled) {
  background-color: #009ef7;
  color: #fff;
}
.btn.btn-active-color-primary.active:not(.disabled) .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: #fff;
}
.btn.btn-active-light-primary:hover,
.btn.btn-active-light-primary:active,
.btn.btn-active-light-primary[aria-expanded="true"] {
  color: #009ef7;
  background-color: #f1faff;
}
.btn.btn-active-light-primary:hover .icon,
.btn.btn-active-light-primary:active .icon,
.btn.btn-active-light-primary[aria-expanded="true"] .icon,
.btn.btn-active-light-primary:hover i,
.btn.btn-active-light-primary:active i,
.btn.btn-active-light-primary[aria-expanded="true"] i {
  color: #009ef7;
}
.btn.btn-active-light-primary:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-active-light-primary:active:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-active-light-primary[aria-expanded="true"]:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g) {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #009ef7;
}
.btn.btn-active-light-primary:hover .symbol .symbol-label,
.btn.btn-active-light-primary:active .symbol .symbol-label,
.btn.btn-active-light-primary[aria-expanded="true"] .symbol .symbol-label {
  color: #009ef7;
  background-color: #f1faff;
}
.btn.btn-active-light-primary.active:not(.disabled) {
  background-color: #009ef7;
  color: #fff;
}
.btn.btn-active-light-primary.active:not(.disabled) .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: #fff;
}
.btn.btn-active-light-warning:hover,
.btn.btn-active-light-warning:active,
.btn.btn-active-light-warning[aria-expanded="true"] {
  color: #fff8dd;
  background-color: #ffc700;
}
.btn.btn-active-light-warning:hover .icon,
.btn.btn-active-light-warning:active .icon,
.btn.btn-active-light-warning[aria-expanded="true"] .icon,
.btn.btn-active-light-warning:hover i,
.btn.btn-active-light-warning:active i,
.btn.btn-active-light-warning[aria-expanded="true"] i {
  color: #fff8dd;
}
.btn.btn-active-light-warning:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-active-light-warning:active:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-active-light-warning[aria-expanded="true"]:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g) {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #fff8dd;
}
.btn.btn-active-light-warning:hover .symbol .symbol-label,
.btn.btn-active-light-warning:active .symbol .symbol-label,
.btn.btn-active-light-warning[aria-expanded="true"] .symbol .symbol-label {
  color: #fff8dd;
  background-color: #ffc700;
}
.btn.btn-active-light-warning.active:not(.disabled) {
  background-color: #fff8dd;
  color: #fff;
}
.btn.btn-active-light-warning.active:not(.disabled) .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: #fff;
}
.btn.btn-active-light-danger:hover,
.btn.btn-active-light-danger:active,
.btn.btn-active-light-danger[aria-expanded="true"] {
  color: #f1416c;
  background-color: #fff5f8;
}
.btn.btn-active-light-danger:hover .icon,
.btn.btn-active-light-danger:active .icon,
.btn.btn-active-light-danger[aria-expanded="true"] .icon,
.btn.btn-active-light-danger:hover i,
.btn.btn-active-light-danger:active i,
.btn.btn-active-light-danger[aria-expanded="true"] i {
  color: #f1416c;
}
.btn.btn-active-light-danger:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-active-light-danger:active:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-active-light-danger[aria-expanded="true"]:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g) {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #f1416c;
}
.btn.btn-active-light-danger:hover .symbol .symbol-label,
.btn.btn-active-light-danger:active .symbol .symbol-label,
.btn.btn-active-light-danger[aria-expanded="true"] .symbol .symbol-label {
  color: #f1416c;
  background-color: #fff5f8;
}
.btn.btn-active-light-danger.active:not(.disabled) {
  background-color: #f1416c;
  color: #fff;
}
.btn.btn-active-light-danger.active:not(.disabled) .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: #fff;
}
.btn.btn-active-light-success:hover,
.btn.btn-active-light-success:active,
.btn.btn-active-light-success[aria-expanded="true"] {
  color: #50cd89;
  background-color: #e8fff3;
}
.btn.btn-active-light-success:hover .icon,
.btn.btn-active-light-success:active .icon,
.btn.btn-active-light-success[aria-expanded="true"] .icon,
.btn.btn-active-light-success:hover i,
.btn.btn-active-light-success:active i,
.btn.btn-active-light-success[aria-expanded="true"] i {
  color: #50cd89;
}
.btn.btn-active-light-success:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-active-light-success:active:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-active-light-success[aria-expanded="true"]:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g) {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #50cd89;
}
.btn.btn-active-light-success:hover .symbol .symbol-label,
.btn.btn-active-light-success:active .symbol .symbol-label,
.btn.btn-active-light-success[aria-expanded="true"] .symbol .symbol-label {
  color: #50cd89;
  background-color: #e8fff3;
}
.btn.btn-active-light-success.active:not(.disabled) {
  background-color: #50cd89;
  color: #fff;
}
.btn.btn-active-light-success.active:not(.disabled) .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: #fff;
}
.menu-state-primary .menu-item:not(.menu-item-danger) .menu-link.active {
  color: #009ef7;
  font-weight: 700;
}
.menu-state-primary .menu-item:not(.menu-item-danger) .menu-link.active:after {
  content: "\f058\f058";
  font-family: "Font Awesome 6 Duotone";
  color: #009ef7;
}
.menu-state-primary .menu-item:not(.menu-item-danger) .menu-link:hover {
  -webkit-transition: color 0.2s ease, background-color 0.2s ease;
  transition: color 0.2s ease, background-color 0.2s ease;
  color: #009ef7;
}
.menu-state-primary .menu-item:not(.menu-item-danger) .menu-link:hover .icon {
  color: #009ef7;
}
.menu-state-primary .menu-item:not(.menu-item-danger) .menu-link:hover .svg-icon:not(.ignore-menu-state) svg [fill]:not(.permanent):not(g) {
  -webkit-transition: fill 0.2s ease;
  transition: fill 0.2s ease;
  fill: #009ef7;
}
.menu-state-primary .menu-item:not(.menu-item-danger) .menu-link:hover .symbol:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g) {
  -webkit-transition: fill 0.2s ease;
  transition: fill 0.2s ease;
  fill: #009ef7;
}
.menu-state-primary .menu-item:not(.menu-item-danger) .menu-link:hover .symbol .symbol-icon i {
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  color: #009ef7;
}
.menu-state-primary .menu-item:not(.menu-item-danger) .menu-link:hover .symbol .symbol-icon .svg-icon svg [fill]:not(.permanent):not(g) {
  -webkit-transition: fill 0.2s ease;
  transition: fill 0.2s ease;
  fill: #009ef7;
}
.menu-state-primary .menu-item:not(.menu-item-danger) .menu-link:hover .badges-wrapper > * {
  opacity: 1;
}
.menu-state-primary .menu-item:not(.menu-item-danger) .menu-link.active-danger:hover {
  color: #f1416c;
}
.menu-state-primary .menu-item:not(.menu-item-danger) .menu-link.active-danger:hover .icon {
  color: #f1416c;
}
.menu-state-primary .menu-item:not(.menu-item-danger) .menu-link.active-danger:hover .svg-icon svg [fill]:not(.permanent):not(g) {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #f1416c;
}
.menu-state-primary .menu-item:not(.menu-item-danger) .menu-link.active-danger:hover .symbol .symbol-label:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g) {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #f1416c;
}
.menu-state-bg .menu-item .menu-link:hover {
  background-color: #f1faff;
}
.menu-state-bg .menu-item.menu-item-danger .menu-link:hover {
  background-color: #fff5f8;
}
.svg-icon-info svg [fill]:not(.permanent):not(g) {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #009ef7;
}
.svg-icon-warning svg [fill]:not(.permanent):not(g) {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffc700;
}
.svg-icon-danger svg [fill]:not(.permanent):not(g) {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #f1416c;
}
.svg-icon-success svg [fill]:not(.permanent):not(g) {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #50cd89;
}
.svg-icon-primary svg [fill]:not(.permanent):not(g) {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #009ef7;
}
.btn-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group.btn-group-full-width {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.btn-group.btn-group-full-width .btn {
  border-color: rgba(0, 0, 0, 0.15);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  display: block;
}
.btn-group.btn-group-sm {
  height: 34px;
}
.btn-group > .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.btn-group > *:not(:last-child) {
  border-top-right-radius: 0!important;
  border-bottom-right-radius: 0!important;
}
.btn-group > *:not(:last-child).dropdown > .btn {
  border-top-right-radius: 0!important;
  border-bottom-right-radius: 0!important;
}
.btn-group .select2-container .select2-selection {
  border-top-right-radius: 0!important;
  border-bottom-right-radius: 0!important;
}
.btn-group > *:not(:first-child) {
  border-top-left-radius: 0!important;
  border-bottom-left-radius: 0!important;
}
.btn-group > *:not(:first-child).dropdown > .btn {
  border-top-left-radius: 0!important;
  border-bottom-left-radius: 0!important;
}
::-webkit-input-placeholder {
  color: #B5B5C3;
  font-weight: 400;
}
::-moz-placeholder {
  color: #B5B5C3;
  font-weight: 400;
}
:-ms-input-placeholder {
  color: #B5B5C3;
  font-weight: 400;
}
::-ms-input-placeholder {
  color: #B5B5C3;
  font-weight: 400;
}
::placeholder {
  color: #B5B5C3;
  font-weight: 400;
}
form {
  padding: 0 0;
}
.form-group {
  padding: 16px 16px;
}
.form-group:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.form-group.focused:not(.focused-no-bgcolor) {
  background-color: #f1f9fe;
}
.form-group.focused label {
  color: #414141;
}
.form-group.form-group-compact {
  padding: 8px 16px;
}
.form-group .control-label {
  color: #3F4254;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 36px;
  font-size: 14px;
  line-height: 1.35em;
  -webkit-transition: padding-top 0.3s ease;
  transition: padding-top 0.3s ease;
  -ms-hyphens: auto;
      hyphens: auto;
}
.form-group .control-label.align-top {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.form-group .control-label.height-with-labels {
  max-height: 56px;
  padding-top: 14px !important;
}
.form-group .control-label .sub {
  color: #A1A5B7;
  font-size: 11px;
  display: block;
}
.form-group .form-input-wrapper {
  position: relative;
}
.hor-form .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.hor-form .form-group .control-label {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 180px;
  text-align: right;
  padding: 0 16px 0px 0px;
}
.hor-form .form-group .form-input-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}
.small-form .form-group .flex-cols-4:not(.force-horizontal) > .col,
.small-form .form-group .flex-cols-5:not(.force-horizontal) > .col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 16px/2);
          flex: 0 0 calc(50% - 16px/2);
  padding-bottom: 8px;
}
.small-form .hidden-small-form {
  display: none !important;
}
.ver-form .form-group {
  padding-top: 16px;
  padding-bottom: 16px;
}
.ver-form .form-group .control-label {
  text-align: left;
  padding-bottom: 8px;
}
.ver-form .form-group .flex-cols-2:not(.force-horizontal),
.ver-form .form-group .flex-cols-3:not(.force-horizontal),
.ver-form .form-group .flex-cols-4:not(.force-horizontal),
.ver-form .form-group .flex-cols-5:not(.force-horizontal),
.ver-form .form-group .flex-cols-6:not(.force-horizontal) {
  display: block !important;
}
.ver-form .form-group .flex-cols-2:not(.force-horizontal) > .col,
.ver-form .form-group .flex-cols-3:not(.force-horizontal) > .col,
.ver-form .form-group .flex-cols-4:not(.force-horizontal) > .col,
.ver-form .form-group .flex-cols-5:not(.force-horizontal) > .col,
.ver-form .form-group .flex-cols-6:not(.force-horizontal) > .col {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  padding-bottom: 8px;
}
.form-label {
  margin-bottom: 6px;
  font-weight: 500;
}
.form-label-small {
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  color: #A1A5B7;
  position: relative;
}
.form-label-small .info {
  display: inline-block;
  margin-left: 4px;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  background-color: #f1faff;
  color: #009ef7;
  border-radius: 6px;
  width: 12px;
  line-height: 12px;
  text-align: center;
  font-size: 9px;
  font-weight: 600;
}
.form-label-small .info.info-success {
  background-color: #e8fff3;
  color: #50cd89;
}
.form-label-small .info.info-warning {
  background-color: #fff8dd;
  color: #ffc700;
}
.form-label-small .info.info-danger {
  background-color: #fff5f8;
  color: #f1416c;
}
.form-check-label .info {
  display: inline-block;
  padding: 0;
  margin-left: 4px;
  margin-top: 3px;
  background-color: #009ef7;
  color: #fff;
  border-radius: 6px;
  width: 14px;
  line-height: 14px;
  text-align: center;
  font-size: 9px;
  font-weight: 600;
  border-radius: 50%;
}
.form-check-label .info.info-success {
  background-color: #50cd89;
  color: #fff;
}
.form-check-label .info.info-warning {
  background-color: #ffc700;
  color: #fff;
}
.form-check-label .info.info-danger {
  background-color: #f1416c;
  color: #fff;
}
.form-check-label .info.no-interaction {
  cursor: default;
}
select {
  text-overflow: ellipsis;
}
.form-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237E8299' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 12px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-right: 30px;
}
.form-select:not(.select2-selection) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#itemFormSections {
  display: inline-block;
  width: 220px;
  position: fixed;
  right: 16px;
  top: 139px;
  z-index: 1;
  max-height: calc(100% - 65px - 50px - 16px*2);
  overflow-y: scroll;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}
#itemFormSections ul {
  display: block;
  list-style: none;
  margin-left: 0;
}
#itemFormSections ul li {
  overflow-y: hidden;
  margin-bottom: 2px;
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
#itemFormSections ul li.smooth-hidden {
  height: 0;
  opacity: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  margin-bottom: 0px;
}
#itemFormSections ul li.panel-row {
  font-size: 11px;
  margin-bottom: 0;
}
#itemFormSections ul li.panel-row a {
  padding: 5.33333333px 16px 5.33333333px 32px;
  color: #5E6278;
}
#itemFormSections ul li.panel-row a div {
  padding-right: 0;
}
#itemFormSections ul li.active a {
  background-color: #f1faff;
  color: #009ef7;
}
#itemFormSections ul li a {
  border: 0;
  color: #333;
}
#itemFormSections ul li a > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  padding-right: 16px;
}
#itemFormSections ul li a.error:before {
  font-family: "Font Awesome 6 Pro";
  font-size: 16px;
  position: absolute;
  right: 8px;
  top: 0;
  height: 36.5px;
  line-height: 36.5px;
  display: inline-block;
  content: "\f06a";
  color: #F44336;
}
.char-counter {
  display: inline-block;
  position: absolute;
  font-size: 9px;
  line-height: 16px;
  font-weight: 600;
  right: 0;
  bottom: -16px;
  opacity: 0;
  border-radius: 5px;
  color: #009ef7;
  z-index: 1;
  padding: 0 4px;
  pointer-events: none;
}
.char-counter.focused {
  opacity: 1;
}
.sm-4 .char-counter,
.sm-5 .char-counter,
.sm-3 .char-counter,
.sm-6 .char-counter {
  right: 8px;
}
.input-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  /*
	> .form-control:not(:first-child) {
		border-top-left-radius    : 0;
		border-bottom-left-radius : 0;
  }

  > .form-control:not(:last-child) {
		border-top-right-radius    : 0;
		border-bottom-right-radius : 0;
  }
  */
}
.input-group .btn-group {
  border: 1px solid #B5B5C3;
  height: 36px;
}
.input-group .input-group-prepend,
.input-group .input-group-append {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.input-group .input-group-prepend {
  margin-right: -1px;
}
.input-group .input-group-prepend i[class^="fa-"],
.input-group .input-group-prepend .characters {
  opacity: 0.55;
}
.input-group .input-group-prepend .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-prepend input,
.input-group.has-prepend select,
.input-group.has-prepend .select2-selection--single,
.input-group.has-prepend .select2-selection--multiple {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group .input-group-append .btn:first-of-type {
  border-left: 0;
}
.input-group .input-group-append .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group .input-group-append .btn-group {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.input-group .input-group-append .btn-group .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group .input-group-append.middle .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-append input:not(.last-element),
.input-group.has-append select,
.input-group.has-append .select2-selection--single,
.input-group.has-append .select2-selection--multiple {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-append .form-control {
  border-right: 0;
}
.input-group .input-group-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 8px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.42857143;
  height: 100%;
  color: #3F4254;
  text-align: center;
  white-space: nowrap;
  background-color: #F5F8FA;
  border: 1px solid #B5B5C3;
  border-radius: 6px;
}
.input-group .input-group-text i:not(.fa-xs) {
  font-size: 16px;
}
.input-group .input-group-text.input-group-btn {
  padding: 0;
}
.input-group .input-group-text.input-group-btn .btn {
  height: 100%;
  padding: 0 0.8rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
  width: 34px;
}
.input-group .input-group-text.input-group-btn .btn:not(:last-of-type) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group .input-group-text.input-group-btn .btn + .btn {
  border-left: 1px solid #B5B5C3;
}
.input-group .input-group-prepend .input-group-text {
  min-width: 34px;
}
.input-group:has(.input-sm) .input-group-text .btn {
  width: 30px;
}
.input-group:has(.input-sm) .input-group-prepend .input-group-text {
  width: 30px;
}
.input-group .svg-icon {
  line-height: 0;
  opacity: 0.85;
}
.input-group .svg-icon svg {
  width: 20px;
  height: 20px;
}
.input-group .connector {
  background-color: #F5F8FA;
  margin: 0 -1px;
  border-top: 1px solid #B5B5C3;
  border-bottom: 1px solid #B5B5C3;
  z-index: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  color: #A1A5B7;
  height: 36px;
  line-height: 36px;
  width: 36px;
  text-align: center;
}
.input-group .connector:before {
  content: "‒";
  display: inline-block;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.input-group .connector[readonly] {
  background-color: #eee;
  cursor: not-allowed;
}
.input-group .form-control.middle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-control {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}
.input-group:has(input[disabled], .input-group) .input-group-prepend .input-group-text {
  background-color: #eeeeee;
  color: #A1A5B7;
}
.input-group:has(input[aria-invalid="true"], .input-group) .input-group-prepend .input-group-text {
  border-color: #f1416c;
  color: #f1416c;
  background-color: #fff5f8;
}
.input-group:has(input[aria-invalid="true"], .input-group) input[aria-invalid="true"] {
  border-left-color: #ffc2d4;
}
.cke_chrome {
  border-radius: 6px !important;
  background-color: #fff !important;
  border: 1px solid #B5B5C3 !important;
}
.cke_bottom,
.cke_top {
  background-color: #fff !important;
}
.cke_contents {
  border: 1px solid #B5B5C3 !important;
  border-radius: 6px !important;
}
.cke_toolgroup,
.cke_combo_button {
  background-color: #F5F8FA !important;
}
.cond-col {
  -webkit-transition: opacity 0.2s ease, width 0.2s ease;
  transition: opacity 0.2s ease, width 0.2s ease;
}
.cond-col.smooth-hidden {
  opacity: 0;
  pointer-events: none;
  width: 0;
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 0px !important;
          flex: 0 0 0 !important;
  margin-left: -8px;
}
.cond-form-group.smooth-hidden,
.cond-form-group-wrapper.smooth-hidden,
.cond-panel.smooth-hidden {
  opacity: 0;
  height: 0px !important;
  overflow-y: hidden;
  pointer-events: none;
}
.cond-form-group.transitioning,
.cond-form-group-wrapper.transitioning,
.cond-panel.transitioning {
  -webkit-transition: opacity 0.3s ease, height 0.3s ease;
  transition: opacity 0.3s ease, height 0.3s ease;
  overflow-y: hidden;
}
.cond-form-group.smooth-hidden {
  padding-top: 0;
  padding-bottom: 0;
}
.cond-form-group.transitioning {
  -webkit-transition: opacity 0.3s ease, height 0.3s ease, padding 0.3s ease;
  transition: opacity 0.3s ease, height 0.3s ease, padding 0.3s ease;
}
.cond-panel.smooth-hidden {
  margin-top: -8px;
  margin-bottom: -8px;
}
.cond-panel + .smooth-hidden {
  margin-top: 0;
  margin-bottom: 0;
}
.cond-panel.transitioning {
  -webkit-transition: opacity 0.3s ease, height 0.3s ease, margin 0.3s ease;
  transition: opacity 0.3s ease, height 0.3s ease, margin 0.3s ease;
}
.cond-div-swap {
  opacity: 1;
}
.cond-div-swap.smooth-hidden {
  opacity: 0;
  height: 0px !important;
  overflow-y: hidden;
  -webkit-transition: opacity 0.3s ease, height 0.3s ease;
  transition: opacity 0.3s ease, height 0.3s ease;
  -webkit-transition-delay: 0s !important;
          transition-delay: 0s !important;
  pointer-events: none;
}
.cond-div-swap.transitioning {
  -webkit-transition: opacity 0.3s ease, height 0.3s ease;
  transition: opacity 0.3s ease, height 0.3s ease;
  overflow-y: hidden;
  -webkit-transition-delay: 0.05s;
          transition-delay: 0.05s;
}
.cond-div.smooth-hidden {
  opacity: 0;
  pointer-events: none;
  height: 0;
  overflow-y: hidden;
  margin: 0 !important;
}
.cond-div.transitioning {
  -webkit-transition: opacity 0.3s ease, height 0.3s ease, margin 0.3s ease;
  transition: opacity 0.3s ease, height 0.3s ease, margin 0.3s ease;
  overflow-y: hidden;
}
.cond-input-addon-right.smooth-hidden {
  opacity: 0.55;
  pointer-events: none;
}
.input-info {
  font-size: 11px;
  color: #A1A5B7;
  margin-top: 5px;
}
.symbol {
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  border-radius: 6px;
  width: 40px;
  height: 40px;
  background-color: #F5F8FA;
}
.symbol.symbol-30px {
  width: 30px;
  height: 30px;
}
.symbol.symbol-35px {
  width: 35px;
  height: 35px;
}
.symbol.symbol-45px {
  width: 45px;
  height: 45px;
}
.symbol.symbol-50px {
  width: 50px;
  height: 50px;
}
.symbol.symbol-circle {
  border-radius: 50%;
}
.symbol.symbol-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.symbol .symbol-icon {
  font-size: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  width: 100%;
}
.symbol .symbol-icon i {
  color: #A1A5B7;
}
.symbol .symbol-icon svg path {
  fill: #A1A5B7;
}
.symbol .symbol-icon.bg-light-primary {
  background-color: #f1faff !important;
}
.symbol .symbol-icon.bg-light-warning {
  background-color: #fff8dd !important;
}
.symbol .symbol-icon.bg-light-success {
  background-color: #e8fff3 !important;
}
.symbol .symbol-icon.bg-light-danger {
  background-color: #fff5f8 !important;
}
.symbol .symbol-icon.bg-light-info {
  background-color: #f1faff !important;
}
.symbol .symbol-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 500;
  color: #3F4254;
  height: 100%;
  width: 100%;
  border-radius: 6px;
}
.symbol .symbol-label.bg-light-primary {
  background-color: #f1faff !important;
}
.symbol .symbol-label.bg-light-warning {
  background-color: #fff8dd !important;
}
.symbol .symbol-label.bg-light-success {
  background-color: #e8fff3 !important;
}
.symbol .symbol-label.bg-light-danger {
  background-color: #fff5f8 !important;
}
.symbol .symbol-label.bg-light-info {
  background-color: #f1faff !important;
}
.symbol.border-shine {
  overflow: hidden;
  position: relative;
}
.symbol.border-shine .border {
  position: absolute;
  top: -50%;
  left: -50%;
  display: block;
  height: 200%;
  width: 200%;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, right top, color-stop(20%, #fff), color-stop(40%, #fff), color-stop(50%, #009ef7), color-stop(55%, #009ef7), color-stop(70%, #fff), to(#fff));
  background: linear-gradient(to right, #fff 20%, #fff 40%, #009ef7 50%, #009ef7 55%, #fff 70%, #fff 100%);
  background-size: 200% auto;
  background-position: 100% center;
  -webkit-animation: shine 2s linear infinite;
          animation: shine 2s linear infinite;
}
.symbol.border-shine .symbol-label {
  position: absolute;
  top: 4%;
  left: 4%;
  height: 92%;
  width: 92%;
  background-color: #F5F8FA;
  z-index: 1;
  border-radius: 50%;
}
.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .tab-pane.active {
  display: block;
  -webkit-animation: fadeInShow 0.3s;
          animation: fadeInShow 0.3s;
}
.nav-line-tabs {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E4E6EF;
}
.nav-line-tabs .nav-item {
  margin-bottom: -1px;
}
.nav-line-tabs .nav-item .nav-link {
  border: 0;
  border-bottom: 1px solid transparent;
  padding: 0.5rem 0;
  margin: 0 1rem;
  opacity: 0.75;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.nav-line-tabs .nav-item:first-child .nav-link {
  margin-left: 0;
}
.nav-line-tabs .nav-item:last-child .nav-link {
  margin-right: 0;
}
.nav-line-tabs .nav-item .nav-link.active,
.nav-line-tabs .nav-item.active .nav-link,
.nav-line-tabs .nav-item .nav-link:hover:not(.disabled) {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #009ef7;
  opacity: 1;
}
.nav-line-tabs.nav-line-tabs-2x {
  border-bottom-width: 2px;
}
.nav-line-tabs.nav-line-tabs-2x .nav-item {
  margin-bottom: -2px;
}
.nav-line-tabs.nav-line-tabs-2x .nav-item .nav-link {
  border-bottom-width: 2px;
}
.nav-line-tabs.nav-line-tabs-2x .nav-item .nav-link.active,
.nav-line-tabs.nav-line-tabs-2x .nav-item.active .nav-link,
.nav-line-tabs.nav-line-tabs-2x .nav-item .nav-link:hover:not(.disabled) {
  border-bottom-width: 2px;
}
.nav-line-tabs.nav-line-tabs-3x {
  border-bottom-width: 3px;
}
.nav-line-tabs.nav-line-tabs-3x .nav-item {
  margin-bottom: -3px;
}
.nav-line-tabs.nav-line-tabs-3x .nav-item .nav-link {
  border-bottom-width: 3px;
}
.nav-line-tabs.nav-line-tabs-3x .nav-item .nav-link.active,
.nav-line-tabs.nav-line-tabs-3x .nav-item.active .nav-link,
.nav-line-tabs.nav-line-tabs-3x .nav-item .nav-link:hover:not(.disabled) {
  border-bottom-width: 3px;
}
.nav-pills .nav-item {
  margin-right: 0.5rem;
}
.nav-pills .nav-item:last-child {
  margin-right: 0;
}
.nav-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.nav-stretch .nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.nav-stretch .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav-group {
  padding: 0.35rem;
  border-radius: 7px;
  background-color: #F5F8FA;
}
.nav-group.nav-group-outline {
  background-color: transparent;
  border: 1px solid #E4E6EF;
}
.nav-group.nav-group-fluid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.nav-group.nav-group-fluid > label,
.nav-group.nav-group-fluid > .btn {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}
.nav-group.nav-group-fluid > label {
  margin-right: 0.1rem;
}
.nav-group.nav-group-fluid > label > .btn {
  width: 100%;
}
.nav-group.nav-group-fluid > label:last-child {
  margin-right: 0;
}
/* The switch - the box around the slider */
.form-switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 18px;
}
/* Hide default HTML checkbox */
.form-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.btn-group.toggle .active {
  color: #009ef7;
}
/* The slider */
.form-switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #EFF2F5;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  border-radius: 9px;
  -webkit-box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
}
.form-switch-slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
}
input:checked + .form-switch-slider {
  background-color: #50cd89;
}
input:focus + .form-switch-slider {
  -webkit-box-shadow: 0 0 1px #50cd89;
          box-shadow: 0 0 1px #50cd89;
}
input:checked + .form-switch-slider:before {
  -webkit-transform: translateX(18px);
          transform: translateX(18px);
}
html {
  position: relative;
  height: 100%;
  min-height: 100%;
  background-color: #fcfcfc;
}
body {
  min-height: 100%;
  overflow-y: scroll;
}
body.overflow-x-disabled {
  overflow-x: hidden;
}
body .page-body {
  background-color: #fcfcfc;
}
a {
  color: #373e4a;
  cursor: pointer;
}
a:hover {
  text-decoration: none;
}
div:focus {
  outline: none;
}
#bcJSON {
  display: none;
}
.scroller {
  position: relative;
  overflow: hidden;
}
ul.no-style {
  list-style: none;
  margin: 0;
  padding: 0;
}
.clear {
  clear: both;
}
/* link row background-color */
@media (max-width: 767px) {
  .row {
    padding-left: 0;
    padding-right: 0;
  }
}
/* List filter options */
.list-dropdown .filter-section {
  color: #414141;
  padding: 0 0 16px 0;
}
.list-dropdown .setting-section {
  color: #414141;
  padding: 16px;
}
.list-dropdown .setting-section .md-6 {
  padding: 0;
}
.list-dropdown .setting-section .padding-top {
  margin-top: 20.8px;
}
.list-dropdown .setting-section.cb {
  padding: 4px 16px;
}
.list-dropdown .setting-section .setting-section-head {
  padding-left: 0;
  padding-right: 8px;
}
.list-dropdown .setting-section .setting-section-head .head {
  font-weight: 700;
}
.list-dropdown .setting-section .setting-section-head .descr {
  font-size: 12px;
  line-height: 1.3em;
}
.list-dropdown .setting-section span.default {
  font-size: 12px;
  display: block;
  font-weight: 700;
  text-align: right;
  opacity: 0.55;
}
.list-dropdown .setting-intro {
  color: #333;
  padding: 0 16px 16px 16px;
}
.list-dropdown .setting-intro.full {
  padding: 16px;
}
.list-dropdown #showColoumns {
  padding: 16px 0;
}
.list-dropdown.sm {
  width: 350px;
}
@media (max-width: 1049px) {
  .list-dropdown {
    width: 350px;
  }
}
@media (min-width: 1050px) {
  .list-dropdown {
    width: 600px;
  }
}
/* parallel item and list block */
#main-content #main-content-item {
  display: none;
}
#main-content.item-container-visible #main-content-item {
  display: block;
}
#main-content.item-container-visible.force-hide-overview #itemFormSections {
  display: none!important;
}
#main-content.item-container-visible #main-content-category {
  display: none;
}
.hr-label {
  position: relative;
  height: 0px;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.hr-label hr {
  border-top-style: dotted;
}
.hr-label label {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  margin-top: -9px;
}
.hr-label label span {
  display: inline-block;
  background-color: #fff;
  padding: 0 8px;
}
.form-input-wrapper .hr-label {
  margin: 16px 0;
  -webkit-transform: none;
          transform: none;
}
.labeled-divider {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  background-color: #f2f2f2;
  padding: 8px 8px;
  text-align: center;
  font-weight: bold;
}
.help-button-wrapper {
  width: 24px;
  float: left;
  margin-right: 10px;
}
.no-left-padding {
  padding-left: 0;
}
.no-left-padding > label.btn-file {
  margin: 0;
}
.no-right-padding {
  padding-right: 0;
}
.no-right-padding > label.btn-file {
  margin: 0;
}
.text-between-inputs {
  padding-top: 6px;
}
#hsg-stars-number,
#prio-number {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 32px;
  margin-left: 16px;
}
.prio-container {
  height: 32px;
  position: relative;
  white-space: nowrap;
  float: left;
}
.prio-container i,
.prio-container i:before {
  float: left;
  font-size: 32px;
  line-height: 32px;
  cursor: pointer;
}
.prio-container i {
  color: #ccc;
  position: relative;
  -webkit-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
}
.prio-container i.full {
  color: #414141;
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#cms-changelog a {
  display: block;
}
div.datepicker {
  z-index: 9999 !important;
}
span.noOfSelectedIds {
  display: inline!important;
  padding-left: 0!important;
}
i.pseudo-content {
  width: 1em;
  line-height: 10px;
  white-space: nowrap;
  overflow: hidden;
  height: 10px;
}
.section-head {
  margin-left: 8px;
  line-height: 35px;
  margin-top: 20px;
  margin-bottom: 10px;
  opacity: 0.55;
}
.section-head.first {
  margin-top: 0;
}
.section-head.sub {
  margin-left: 0;
}
.section-head.no-margin {
  margin-left: 0;
}
.no-padding {
  padding: 0;
}
.no-margin {
  margin: 0;
}
.extend-margin {
  margin-left: -8px;
  margin-right: -8px;
}
.visible-collapsed {
  display: none;
}
.sidebar-collapsed .visible-collapsed {
  display: block;
}
.img-selection {
  margin-top: 16px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.img-selection > div {
  position: relative;
  display: inline-block;
}
.img-selection > div.selected {
  background-color: #666;
}
.img-selection > div.selected img {
  opacity: 0.6;
}
.img-selection > div.selected:after {
  display: inline-block;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  line-height: 150px;
  font-family: "Font Awesome 6 Pro";
  content: "\f00c";
  font-size: 64px;
  text-align: center;
  color: #fff;
}
.img-selection img {
  display: inline-block;
  cursor: pointer;
  margin: 4px;
  max-width: 150px;
  max-height: 150px;
  -webkit-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
}
.img-selection img:hover {
  opacity: 0.8;
}
.click-select {
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}
.force-break {
  word-break: break-all;
}
.fb {
  word-break: break-all;
}
.head-options {
  font-size: 13px;
}
@media (min-width: 1050px) {
  .head-options {
    display: inline-block;
    float: right;
  }
}
.row.content {
  padding: 0;
}
.sticky-wrapper {
  height: auto!important;
}
.f-left {
  float: left;
  clear: none;
}
.f-right {
  float: right;
  clear: none;
}
.transall {
  -webkit-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
}
#markerPreview img {
  max-height: 50px;
}
textarea.form-control {
  overflow: hidden;
}
.force-break {
  word-break: break-all;
}
.select2.with-placeholder {
  color: #aaa;
}
.row-eq-height {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.row-eq-height > [class*="xs-"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cke_combopanel__styles {
  height: 400px !important;
  width: 400px !important;
}
.bold {
  font-weight: 700;
}
.dblUnderlined {
  border-bottom: 3px double;
}
.date-info {
  display: block;
  background-color: #f2f2f2;
  margin-top: 8px;
}
.date-info label {
  padding: 8px 4px 0 4px;
}
.date-info:before {
  content: "";
  clear: both;
  display: table;
}
.password-wrapper {
  position: relative;
}
.password-wrapper .form-control {
  padding-right: 52px;
}
.password-wrapper .toggle-password {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 6px;
  z-index: 10;
  color: #333;
  font-size: 24px;
  line-height: 36px;
}
.form-info {
  font-size: 12px;
  font-weight: 400;
  color: text-muted;
  margin-top: 5.33333333px;
}
#item-read-status .group + .group {
  margin-top: 16px;
}
#item-read-status .users .deactivated {
  opacity: 0.55;
}
.modal-msg-heading {
  font-weight: 700;
  margin-top: 16px;
  opacity: 0.85;
}
.modal-msg-heading.no-margin {
  margin-top: 0;
}
.img-select-container .item {
  float: left;
  background-size: cover;
  background-position: center center;
  border: 3px solid #ccc;
  margin-bottom: 5px;
  margin-right: 5px;
  position: relative;
  cursor: pointer;
  opacity: 0.9;
}
.img-select-container .item.format-a4-portrait {
  width: 109px;
  height: 152px;
}
.img-select-container .item.square-xs {
  width: 70px;
  height: 70px;
}
.img-select-container .item.selected {
  opacity: 1;
  border-color: #7cb342;
}
.img-select-container .item.selected:before {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  position: absolute;
  bottom: -3px;
  left: -3px;
  background-color: #7cb342;
  color: #fff;
  text-align: center;
  width: 26px;
  line-height: 26px;
  font-size: 20px;
}
.img-select-container .item:hover {
  opacity: 1;
  border-color: #7cb342;
}
.panel.panel-hidden {
  overflow: hidden;
  height: 0!important;
  margin: 0!important;
  padding: 0!important;
  position: absolute;
}
div[contenteditable="true"]:not(.non-standard) {
  height: auto;
  min-height: 60px;
  line-height: 1.42857143;
}
div[contenteditable="true"]:not(.non-standard) a {
  text-decoration: underline;
  color: #000;
  cursor: default;
}
.editable-div {
  line-height: 1.6em;
}
.editable-div ul {
  list-style: square;
}
.editable-div ul,
.editable-div ol {
  margin-bottom: 8px;
}
.editable-div ul li,
.editable-div ol li {
  margin-top: 10px;
  margin-bottom: 10px;
}
/* NEW HELPER */
.px-0 {
  padding-right: 0!important;
  padding-left: 0!important;
}
.px-3 {
  padding-right: 9.75px !important;
  padding-left: 9.75px !important;
}
.px-5 {
  padding-right: 16.25px !important;
  padding-left: 16.25px !important;
}
.px-7 {
  padding-right: 22.75px !important;
  padding-left: 22.75px !important;
}
.px-8 {
  padding-right: 26px!important;
  padding-left: 26px!important;
}
.px-9 {
  padding-right: 29.25px !important;
  padding-left: 29.25px !important;
}
.py-2 {
  padding-top: 8px!important;
  padding-bottom: 8px!important;
}
.py-3 {
  padding-top: 10px!important;
  padding-bottom: 10px!important;
}
.py-4 {
  padding-top: 13px!important;
  padding-bottom: 13px!important;
}
.py-5 {
  padding-top: 16px!important;
  padding-bottom: 16px!important;
}
.pl-5 {
  padding-left: 16.25px !important;
}
.ps-3 {
  padding-left: 10px;
}
.pb-0 {
  padding-bottom: 0!important;
}
.pt-0 {
  padding-top: 0!important;
}
.pt-3 {
  padding-top: 3!important;
}
.mt-0 {
  margin-top: 0!important;
}
.mt-2 {
  margin-top: 6.5px !important;
}
.mt-3 {
  margin-top: 10px!important;
}
.mt-4 {
  margin-top: 13px!important;
}
.mt-4 {
  margin-top: 16px!important;
}
.mt-9 {
  margin-top: 29px!important;
}
.mt-10 {
  margin-top: 32.5px !important;
}
.mb-2 {
  margin-bottom: 6.5px !important;
}
.mb-3 {
  margin-bottom: 10px!important;
}
.mb-5 {
  margin-bottom: 16px!important;
}
.mb-6 {
  margin-bottom: 19.5px !important;
}
.mb-10 {
  margin-bottom: 19.5px !important;
}
.ml-2 {
  margin-left: 6.5px !important;
}
.my-2 {
  margin-top: 6px!important;
  margin-bottom: 6px!important;
}
.my-4 {
  margin-top: 12px!important;
  margin-bottom: 12px!important;
}
.my-5 {
  margin-top: 16px!important;
  margin-bottom: 16px!important;
}
.my-6 {
  margin-top: 20px!important;
  margin-bottom: 20px!important;
}
.mx-0 {
  margin-right: 0!important;
  margin-left: 0!important;
}
.mx-4 {
  margin-right: 13px!important;
  margin-left: 13px!important;
}
.d-flex {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
}
.d-block {
  display: block!important;
}
.flex-column {
  -webkit-box-orient: vertical!important;
  -webkit-box-direction: normal!important;
      -ms-flex-direction: column!important;
          flex-direction: column!important;
}
.align-items-center {
  -webkit-box-align: center!important;
      -ms-flex-align: center!important;
          align-items: center!important;
}
.container-big {
  max-width: 1300px;
  margin: 0 auto;
}
.container-medium {
  max-width: 800px;
  margin: 0 auto;
}
.flex-row {
  padding: 8px 8px 8px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flex-row > .col,
.flex-row > .col-2,
.flex-row > .col-3 {
  min-width: 0;
  padding: 8px 8px;
}
.flex-row .stretch > .col,
.flex-row .stretch > .col-2,
.flex-row .stretch > .col-3 {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.flex-row .stretch .card {
  height: 100%;
}
.flex-row + .flex-row {
  margin-top: -16px;
}
.flex-row-1 > .col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.flex-row-2 > .col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
.flex-row-3 > .col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333%;
          flex: 0 0 33.3333%;
}
.flex-row-3 > .col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.6666%;
          flex: 0 0 66.6666%;
}
.flex-row-4 > .col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
}
.flex-row-4 > .col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
.flex-row-4 > .col-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
}
#main-content-category > .flex-row {
  padding: 12px;
}
#main-content-category > .flex-row > .col {
  padding: 12px;
}
#main-content-category.small-form .flex-row-4 > .col,
#main-content-category.small-form .flex-row-3 > .col,
#main-content-category.small-form .flex-row.small-form-vertical > .col,
#main-content-category.small-form .flex-row-4 > .col-2,
#main-content-category.small-form .flex-row-3 > .col-2,
#main-content-category.small-form .flex-row.small-form-vertical > .col-2,
#main-content-category.small-form .flex-row-4 > .col-3,
#main-content-category.small-form .flex-row-3 > .col-3,
#main-content-category.small-form .flex-row.small-form-vertical > .col-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
#main-content-category.small-form .flex-row-4 .small-form-col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
#main-content-category.size-lg .flex-row-4 > .col.lg-col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
#main-content-category.ver-form .flex-row-2 > .col,
#main-content-category.ver-form .flex-row-3 > .col,
#main-content-category.ver-form .flex-row-4 > .col,
#main-content-category.ver-form .flex-row-2 > .col-2,
#main-content-category.ver-form .flex-row-3 > .col-2,
#main-content-category.ver-form .flex-row-4 > .col-2,
#main-content-category.ver-form .flex-row-2 > .col-3,
#main-content-category.ver-form .flex-row-3 > .col-3,
#main-content-category.ver-form .flex-row-4 > .col-3,
#main-content-category.ver-form .flex-row-2 .small-form-col-2,
#main-content-category.ver-form .flex-row-3 .small-form-col-2,
#main-content-category.ver-form .flex-row-4 .small-form-col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.align-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}
.align-center {
  -webkit-box-align: center!important;
      -ms-flex-align: center!important;
          align-items: center!important;
}
.flex-btn-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-btn-row > a {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  display: block;
}
.flex-center {
  -webkit-box-align: center!important;
      -ms-flex-align: center!important;
          align-items: center!important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flex-stack {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-gap > * {
  margin: 0 3px;
}
.flex-justify {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.justify-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}
.justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.flex-column {
  -webkit-box-orient: vertical!important;
  -webkit-box-direction: normal!important;
      -ms-flex-direction: column!important;
          flex-direction: column!important;
}
.flex-cols-equal-width {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 100%;
}
.flex-cols-equal-width > .col {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  min-width: 0;
  position: relative;
}
.flex-cols-equal-width > .col:not(:first-child) {
  margin-left: 4px;
}
.flex-cols-equal-width > .col:not(:last-child) {
  margin-right: 4px;
}
.flex-cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 100%;
}
.flex-cols > .col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 0;
  position: relative;
}
.flex-cols-1 > .col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  position: relative;
}
.flex-cols-2 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.flex-cols-2 > .col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 16px/2);
          flex: 0 0 calc(50% - 16px/2);
  min-width: 0;
  position: relative;
}
.col.one_third {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 calc(33% - 16px/2) !important;
          flex: 0 0 calc(33% - 16px/2) !important;
}
.col.two_thirds {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 calc(67% - 16px/2) !important;
          flex: 0 0 calc(67% - 16px/2) !important;
}
.col.one_quarter {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 calc(25% - 16px/2) !important;
          flex: 0 0 calc(25% - 16px/2) !important;
}
.col.two_quarters {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 calc(50% - 16px/2) !important;
          flex: 0 0 calc(50% - 16px/2) !important;
}
.col.three_quarters {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 calc(75% - 16px/2) !important;
          flex: 0 0 calc(75% - 16px/2) !important;
}
.col.full-width {
  -webkit-box-flex: 0!important;
      -ms-flex: 0 0 100%!important;
          flex: 0 0 100%!important;
}
.flex-cols-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.flex-cols-3 > .col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(33.3333% - 16px/2);
          flex: 0 0 calc(33.3333% - 16px/2);
  min-width: 0;
  position: relative;
}
.flex-cols-4 {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.flex-cols-4 > .col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(25% - 16px/2);
          flex: 0 0 calc(25% - 16px/2);
  min-width: 0;
  position: relative;
}
.flex-cols-5 {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.flex-cols-5 > .col {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(20% - 16px/2);
          flex: 1 1 calc(20% - 16px/2);
  min-width: 0;
  position: relative;
}
.flex-cols-6 {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.flex-cols-6 > .col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(16.6667% - 16px/2);
          flex: 0 0 calc(16.6667% - 16px/2);
  min-width: 0;
  position: relative;
}
.fw-boldst {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 500 !important;
}
.text-muted {
  color: #A1A5B7 !important;
}
.text-dark {
  color: #181C32 !important;
}
.text-primary {
  color: #009ef7 !important;
}
.text-success {
  color: #50cd89 !important;
}
.text-info {
  color: #009ef7 !important;
}
.text-warning {
  color: #ffc700 !important;
}
.text-danger {
  color: #f1416c !important;
}
.background-success {
  background-color: #50cd89 !important;
}
.background-info {
  background-color: #009ef7 !important;
}
.background-warning {
  background-color: #ffc700 !important;
}
.background-danger {
  background-color: #f1416c !important;
}
.text-hover-primary:hover {
  color: #009ef7 !important;
}
.text-gray-900 {
  color: #181C32;
}
.text-gray-800 {
  color: #3F4254;
}
.text-gray-700 {
  color: #5E6278;
}
.text-gray-600 {
  color: #7E8299;
}
.text-gray-500 {
  color: #A1A5B7;
}
.text-gray-400 {
  color: #B5B5C3;
}
.text-gray-300 {
  color: #E4E6EF;
}
.text-gray-200 {
  color: #EFF2F5;
}
.text-gray-100 {
  color: #F5F8FA;
}
.bg-gray-900 {
  background-color: #181C32;
}
.bg-gray-800 {
  background-color: #3F4254;
}
.bg-gray-700 {
  background-color: #5E6278;
}
.bg-gray-600 {
  background-color: #7E8299;
}
.bg-gray-500 {
  background-color: #A1A5B7;
}
.bg-gray-400 {
  background-color: #B5B5C3;
}
.bg-gray-300 {
  background-color: #E4E6EF;
}
.bg-gray-200 {
  background-color: #EFF2F5;
}
.bg-gray-100 {
  background-color: #F5F8FA;
}
.border-gray-900 {
  border-color: #181C32 !important;
}
.border-gray-800 {
  border-color: #3F4254 !important;
}
.border-gray-700 {
  border-color: #5E6278 !important;
}
.border-gray-600 {
  border-color: #7E8299 !important;
}
.border-gray-500 {
  border-color: #A1A5B7 !important;
}
.border-gray-400 {
  border-color: #B5B5C3 !important;
}
.border-gray-300 {
  border-color: #E4E6EF !important;
}
.border-gray-200 {
  border-color: #EFF2F5 !important;
}
.border-gray-100 {
  border-color: #F5F8FA !important;
}
.bg-light-primary {
  background-color: #f1faff;
}
.fs-20 {
  font-size: 20px!important;
}
.fs-19 {
  font-size: 19px!important;
}
.fs-18 {
  font-size: 18px!important;
}
.fs-17 {
  font-size: 17px!important;
}
.fs-16 {
  font-size: 16px!important;
}
.fs-15 {
  font-size: 15px!important;
}
.fs-14 {
  font-size: 14px!important;
}
.fs-13 {
  font-size: 13px!important;
}
.fs-12 {
  font-size: 12px!important;
}
.fs-11 {
  font-size: 11px!important;
}
.fs-10 {
  font-size: 10px!important;
}
.fs-base {
  font-size: 13px !important;
}
.me-5 {
  margin-right: 1.25rem !important;
}
.me-4 {
  margin-right: 13px!important;
}
.me-2 {
  margin-right: 6.5px !important;
}
.ml-5 {
  margin-left: 1.25rem !important;
}
.ml-4 {
  margin-left: 13px!important;
}
.ml-2 {
  margin-left: 6.5px !important;
}
.nowrap {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.d-block {
  display: block;
}
.separator {
  display: block;
  height: 0;
  border-bottom: 1px solid #E4E6EF;
}
.my-2 {
  margin-top: 6.5px !important;
  margin-bottom: 6.5px !important;
}
.m-0 {
  margin: 0 !important;
}
.p-0 {
  padding: 0 !important;
}
.text-white {
  color: #fff !important;
}
.bgi-size-cover {
  background-size: cover;
}
.bgi-no-repeat {
  background-size: no-repeat;
}
.mh-325px {
  max-height: 325px!important;
}
.mh-325px.expand {
  max-height: none!important;
}
.mh-280px {
  max-height: 281px!important;
}
.mh-250px {
  max-height: 250px!important;
}
.mh-215px {
  max-height: 215px!important;
}
.mh-105px {
  max-height: 105px!important;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-55 {
  opacity: 0.55;
}
span::-webkit-scrollbar,
ol::-webkit-scrollbar,
ul::-webkit-scrollbar,
pre::-webkit-scrollbar,
div::-webkit-scrollbar {
  width: 0.4rem;
  height: 0.4rem;
}
span::-webkit-scrollbar-thumb,
ol::-webkit-scrollbar-thumb,
ul::-webkit-scrollbar-thumb,
pre::-webkit-scrollbar-thumb,
div::-webkit-scrollbar-thumb {
  background-color: #B5B5C3;
}
.scroll-y {
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}
.empty-hidden:empty {
  display: none;
}
.line-clamp-2 {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-10 {
  display: -webkit-box;
  line-clamp: 10;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-12 {
  display: -webkit-box;
  line-clamp: 12;
  -webkit-line-clamp: 12;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-webkit-keyframes fadeInShow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInShow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.reflect-vertical {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
.svg-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0;
  margin: 0;
  line-height: 1;
  -webkit-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
}
.svg-icon.size-10px {
  width: 10px;
  height: 10px;
}
.svg-icon.size-10px svg {
  width: 10px;
  height: 10px;
}
.svg-icon.size-15px {
  width: 15px;
  height: 15px;
}
.svg-icon.size-15px svg {
  width: 15px;
  height: 15px;
}
.svg-icon.size-20px {
  width: 18px;
  height: 18px;
}
.svg-icon.size-20px svg {
  width: 18px;
  height: 18px;
}
.svg-icon.size-25px {
  width: 25px;
  height: 25px;
}
.svg-icon.size-25px svg {
  width: 25px;
  height: 25px;
}
.svg-icon.size-30px {
  width: 30px;
  height: 30px;
}
.svg-icon.size-30px svg {
  width: 30px;
  height: 30px;
}
.svg-icon.size-35px {
  width: 35px;
  height: 35px;
}
.svg-icon.size-35px svg {
  width: 35px;
  height: 35px;
}
.svg-icon.fill-primary svg path {
  fill: #009ef7 !important;
}
.svg-icon.fill-danger svg path {
  fill: #f1416c !important;
}
.svg-icon.fill-warning svg path {
  fill: #ffc700 !important;
}
.svg-icon.fill-success svg path {
  fill: #50cd89 !important;
}
.img-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0;
  margin: 0;
  line-height: 1;
  -webkit-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
}
.img-icon.size-10px {
  width: 10px;
  height: 10px;
}
.img-icon.size-10px img {
  width: 10px;
  height: 10px;
}
.img-icon.size-15px {
  width: 15px;
  height: 15px;
}
.img-icon.size-15px img {
  width: 15px;
  height: 15px;
}
.img-icon.size-20px {
  width: 18px;
  height: 18px;
}
.img-icon.size-20px img {
  width: 18px;
  height: 18px;
}
.img-icon.size-25px {
  width: 25px;
  height: 25px;
}
.img-icon.size-25px img {
  width: 25px;
  height: 25px;
}
.img-icon.size-30px {
  width: 30px;
  height: 30px;
}
.img-icon.size-30px img {
  width: 30px;
  height: 30px;
}
.img-icon.size-35px {
  width: 35px;
  height: 35px;
}
.img-icon.size-35px img {
  width: 35px;
  height: 35px;
}
.icon {
  color: #7E8299;
}
.svg-icon svg path[fill="#000000"]:not(.permanent):not(g) {
  fill: #7E8299;
}
.svg-icon.svg-icon-success svg [fill="#000000"]:not(.permanent):not(g) {
  fill: #50cd89;
}
.svg-icon.svg-icon-info svg [fill="#000000"]:not(.permanent):not(g) {
  fill: #009ef7;
}
.svg-icon.svg-icon-warning svg [fill="#000000"]:not(.permanent):not(g) {
  fill: #ffc700;
}
.svg-icon.svg-icon-danger svg [fill="#000000"]:not(.permanent):not(g) {
  fill: #f1416c;
}
.imgUploadWrapper[data-consent=""] .form-group,
.fileUploadWrapper[data-consent=""] .form-group {
  -webkit-filter: blur(2px);
          filter: blur(2px);
}
.pointer-events-none {
  pointer-events: none;
}
#zip2CitySearchResults {
  padding: 16px;
}
.rights-group .form-label-small {
  margin-bottom: 3px;
}
.rights-group + .rights-group {
  margin-top: 16px;
}
.access-restricted {
  text-align: center;
  padding-top: 32px;
  font-weight: 600;
}
.access-restricted svg {
  width: 60px;
  height: 60px;
}
.highlight-element {
  -webkit-animation-name: bg-highlight-pulse;
          animation-name: bg-highlight-pulse;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.highlight-fade-out {
  -webkit-animation-name: bg-highlight-fade-out;
          animation-name: bg-highlight-fade-out;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
@-webkit-keyframes bg-highlight-fade-out {
  10% {
    background-color: #009ef7;
  }
}
@keyframes bg-highlight-fade-out {
  10% {
    background-color: #009ef7;
  }
}
@-webkit-keyframes bg-highlight-pulse {
  50% {
    background-color: #009ef7;
  }
}
@keyframes bg-highlight-pulse {
  50% {
    background-color: #009ef7;
  }
}
@-webkit-keyframes shine {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes shine {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.animation-blink {
  -webkit-animation: blink 1s step-start 0s infinite;
          animation: blink 1s step-start 0s infinite;
}
@-webkit-keyframes blink {
  50% {
    opacity: 0;
  }
}
@keyframes blink {
  50% {
    opacity: 0;
  }
}
.animation-pulse {
  -webkit-animation: pulse 1s infinite;
          animation: pulse 1s infinite;
}
@-webkit-keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.url-suggestion {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  white-space: nowrap;
  overflow-x: scroll;
  font-size: 11px;
  padding-top: 3px;
  color: #A1A5B7;
}
.url-suggestion a {
  font-weight: 500;
}
#scrollTop {
  position: fixed;
  bottom: 16px;
  right: 16px;
  opacity: 0;
  z-index: 10;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}
#scrollTop.in {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 0.55;
}
#scrollTop:hover {
  opacity: 1;
  background-color: #1e1e2d;
}
.ver-form .hide-small-space {
  display: none!important;
}
.small-form .hide-small-form {
  display: none!important;
}
.size-lg .hide-size-lg {
  display: none!important;
}
.size-md .hide-size-md {
  display: none!important;
}
.size-sm .hide-size-sm {
  display: none!important;
}
.size-xs .hide-size-xs {
  display: none!important;
}
.page-container {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-container.blur {
  -webkit-filter: blur(3px);
          filter: blur(3px);
}
.page-body.tooltips-disabled .tooltip {
  display: none!important;
}
.form-add-rows-wrapper,
.invoice-rows.fixed-rows,
.invoice-rows.head,
.invoice-rows.footer {
  margin-bottom: 10.66666667px;
}
.form-add-rows-wrapper:empty,
.invoice-rows.fixed-rows:empty,
.invoice-rows.head:empty,
.invoice-rows.footer:empty {
  display: none;
}
.form-add-rows-wrapper .flex-cols + .flex-cols,
.invoice-rows.fixed-rows .flex-cols + .flex-cols,
.invoice-rows.head .flex-cols + .flex-cols,
.invoice-rows.footer .flex-cols + .flex-cols {
  margin-top: 8px;
}
.form-add-rows-wrapper.compact .input-group-prepend .input-group-text,
.invoice-rows.fixed-rows.compact .input-group-prepend .input-group-text,
.invoice-rows.head.compact .input-group-prepend .input-group-text,
.invoice-rows.footer.compact .input-group-prepend .input-group-text {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.form-add-rows-wrapper.compact .input-group-prepend .input-group-text i,
.invoice-rows.fixed-rows.compact .input-group-prepend .input-group-text i,
.invoice-rows.head.compact .input-group-prepend .input-group-text i,
.invoice-rows.footer.compact .input-group-prepend .input-group-text i {
  font-size: 14px;
}
.notification-group .form-check .main {
  margin-right: 0;
  display: inline-block;
}
.notification-group .form-check .main .form-check-label {
  display: none;
}
.select-circle-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  vertical-align: middle;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  margin-right: 8px;
}
.click-blocked {
  cursor: not-allowed !important;
}
.click-blocked * {
  cursor: not-allowed !important;
}
.form-add-rows-wrapper > div {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 16px 0;
}
.form-add-rows-wrapper > div + div {
  border-top: 1px dashed rgba(0, 0, 0, 0.15);
}
.form-add-rows-wrapper.compact > div {
  padding: 16px 10.66666667px;
}
.disable-transform {
  -webkit-transform: none!important;
          transform: none!important;
}
#item-rights:not(.show-premium) .premium {
  display: none;
}
.template-row {
  padding-left: 0;
  padding-right: 0;
}
.flex-cols-5-last-1-option .col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(25% - 30px/4 - 16px/2);
          flex: 0 0 calc(25% - 30px/4 - 16px/2);
}
.cms-upgrade-info {
  cursor: pointer!important;
}
.cke_reset_all .cke_dialog {
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
/*
img[loading="lazy"]:not(.loaded) {
	//opacity   : 0;
	filter    : blur(5px);
	transition: all .15s ease-in-out;
}
*/
img {
  text-indent: -10000px;
}
.sticky-toggle {
  width: 30px;
  margin-right: -50px;
  text-align: center;
}
.sticky-toggle.inactive .fa-solid {
  opacity: 0.25;
}
.sticky-toggle.inactive:hover .fa-solid {
  opacity: 0.85;
  color: #009ef7;
}
.sticky-toggle.active .fa-solid {
  opacity: 1;
  color: #009ef7;
}
.sticky-toggle.active:hover .fa-solid {
  opacity: 0.55;
}
.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-button {
  background-color: #fff;
}
.confirmation-overlay,
.rejection-overlay {
  position: absolute;
  inset: 0;
  color: #fff;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  opacity: 0.85;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.confirmation-overlay.fading,
.rejection-overlay.fading {
  opacity: 0;
}
.confirmation-overlay {
  background-color: #50cd89;
}
.rejection-overlay {
  background-color: #f1416c;
}
.label .confirmation-overlay,
.label .rejection-overlay {
  border-radius: 3px;
}
.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-terrain .maplibregl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-terrain-enabled .maplibregl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon {
  background-image: none;
  padding-top: 4px;
  height: auto;
  width: auto;
}
.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-terrain-enabled .maplibregl-ctrl-icon {
  color: #009ef7;
}
.maplibregl-ctrl.style-selection .dropdown-menu {
  right: 50px;
  top: -175px;
}
.maplibregl-ctrl.upload-geodata .dropdown-menu {
  left: 40px;
  top: 0;
}
.maplibregl-ctrl-group button {
  width: 34px;
  height: 34px;
  color: #7E8299;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.maplibregl-ctrl-group button.disabled i[class^="fa-"] {
  opacity: 0.4;
}
.maplibregl-ctrl-group i[class^="fa-"] {
  font-size: 18px;
}
.maplibregl-ctrl-group .form-check {
  margin: 8px;
}
.maplibregl-ctrl-group-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.maplibregl-ctrl-group-horizontal .half-width {
  width: 20px;
}
.maplibregl-ctrl-group-horizontal .half-width i[class^="fa-"] {
  font-size: 12px;
}
.maplibregl-ctrl-top-center {
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: none;
  position: absolute;
  z-index: 2;
}
.maplibregl-ctrl-top-center .maplibregl-ctrl {
  float: left;
  margin: 10px 0 0 10px;
  clear: both;
  pointer-events: auto;
}
.maplibregl-ctrl-top-center .maplibregl-ctrl-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border-radius: 4px;
}
#modalEmailPreview .modal-body {
  background-color: #f2f2f2;
}
#modalEmailPreview .modal-body .email-preview-wrapper {
  all: initial;
}
#modalEmailPreview .modal-body .email-preview-wrapper .inner {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03);
          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03);
  border: 1px solid #F1F1F2;
  padding: 16px 0;
  border-radius: 6px;
}
#modalEmailPreview .modal-body .email-sender,
#modalEmailPreview .modal-body .email-receipent,
#modalEmailPreview .modal-body .email-attachments {
  font-family: sans-serif;
  font-size: 14px;
  margin: 8px auto !important;
  max-width: 580px;
  width: 580px;
  color: #5E6278;
}
#modalEmailPreview .modal-body .email-sender:before {
  content: "Von: ";
  display: inline-block;
  width: 35px;
}
#modalEmailPreview .modal-body .email-receipent:before {
  content: "An: ";
  display: inline-block;
  width: 35px;
}
#modalEmailPreview .modal-body .email-subject,
#modalEmailPreview .modal-body .email-body {
  font-family: sans-serif;
  font-size: 14px;
  margin: 16px auto !important;
  line-height: 1.4em;
}
#modalEmailPreview .modal-body .email-subject p,
#modalEmailPreview .modal-body .email-body p {
  font-size: 14px;
}
#modalEmailPreview .modal-body .email-subject:before,
#modalEmailPreview .modal-body .email-body:before {
  font-family: sans-serif;
  color: #A1A5B7;
  display: block;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 8px 0;
}
#modalEmailPreview .modal-body .email-subject {
  font-size: 18px;
  font-weight: bold;
  display: block;
  max-width: 580px;
  width: 580px;
}
#modalEmailPreview .modal-body .email-body {
  max-width: 580px;
  width: 580px;
  margin: 16px auto !important;
}
#modalEmailPreview .modal-body .email-attachments {
  margin-top: 16px;
}
#modalEmailPreview .modal-body .email-attachments .entry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  padding: 8px;
  border: 1px solid #E4E6EF;
}
#modalEmailPreview .modal-body .email-attachments .entry:hover {
  background-color: #f2f2f2;
}
#modalEmailPreview .modal-body .email-attachments .attachment-icon {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
}
#modalEmailPreview .modal-body .email-attachments .attachment-icon img {
  max-width: 100%;
}
#modalEmailPreview .modal-body .email-attachments .attachment-label {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-weight: 700;
}
.swal2-actions.align-right {
  display: block!important;
  width: 100%;
  text-align: right;
}
.page-error-404 {
  color: #2a3038;
  text-align: center;
}
.page-error-404 .error-symbol {
  font-size: 120px;
}
.page-error-404 .error-text {
  padding-bottom: 25px;
  font-size: 16px;
}
.page-error-404 .error-text h2 {
  font-size: 45px;
}
.page-error-404 .error-text p {
  font-size: 22px;
}
.login-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: url(../../gfx/custom/login/background.jpg);
  background-position: center center;
  background-size: cover;
}
#loginCard,
#loginRecoverCard {
  max-width: 340px;
  background-color: #fff;
  border-radius: 6px;
  padding: 16px;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03);
          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03);
  position: relative;
  opacity: 0;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  display: none;
}
#loginCard.in,
#loginRecoverCard.in {
  display: inline-block;
}
#loginCard.fading,
#loginRecoverCard.fading {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#loginCard .form-group,
#loginRecoverCard .form-group {
  padding: 8px 16px;
}
#loginCard .form-group .control-label,
#loginRecoverCard .form-group .control-label {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 3px;
}
#loginCard a,
#loginRecoverCard a {
  font-weight: 500;
}
#loginCard a:hover,
#loginRecoverCard a:hover {
  color: #008ede;
}
.loginOverlay {
  position: absolute;
  z-index: 100;
  border-radius: 6px;
  padding: 16px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.loginOverlay.in {
  pointer-events: all;
  opacity: 1;
}
.loginOverlay .status {
  text-align: center;
}
.loginOverlay .status .fa-duotone {
  display: inline-block;
  font-size: 60px;
}
.status.fail,
.status.error,
.status.email-not-found {
  color: #f1416c;
}
.status.unavailable {
  color: #ffc700;
}
.status.email-sent,
.status.success {
  color: #50cd89;
}
.loginLogo {
  background-image: url(../../gfx/custom/logo/company-logo-reg.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 50px;
}
.customer-switch {
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 50%;
  padding: 8px 16px;
  text-align: center;
  background-color: transparent;
  border-top: 1px solid #000;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 340px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.customer-switch:hover {
  background-color: #fff;
}
.customer-switch a {
  display: inline-block;
  padding: 4px 8px;
  font-weight: 500;
  color: #A1A5B7;
}
.customer-switch a:hover {
  color: #009ef7;
  background-color: #f1faff;
  border-radius: 6px;
}
.customer-switch a + a {
  margin-left: 10px;
}
.loader {
  display: inline-block;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: relative;
  border-top: 4px solid #E4E6EF;
  border-right: 4px solid #E4E6EF;
  border-bottom: 4px solid #E4E6EF;
  border-left: 4px solid #009ef7;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  margin-bottom: 8px;
  -webkit-animation: loader-animation 1.1s infinite linear;
          animation: loader-animation 1.1s infinite linear;
}
.loader.loader-input {
  margin-top: 8px;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  border-top: 3px solid #E4E6EF;
  border-right: 3px solid #E4E6EF;
  border-bottom: 3px solid #E4E6EF;
  border-left: 3px solid #009ef7;
}
.loader.loader-btn {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  width: 20px;
  height: 20px;
  border-top: 3px solid #E4E6EF;
  border-right: 3px solid #E4E6EF;
  border-bottom: 3px solid #E4E6EF;
  border-left: 3px solid #009ef7;
}
@-webkit-keyframes loader-animation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loader-animation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes loader-animation-abs-center {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes loader-animation-abs-center {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
#modal-change-pw #newPwCriterias .icon-triangle-down {
  display: inline-block;
  float: left;
  margin-top: 1px;
  font-size: 18px;
  line-height: 1em;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  opacity: 0.55;
}
#modal-change-pw #newPwCriterias tr td i.info {
  display: block;
  margin-top: -3px;
  font-size: 12px;
  opacity: 0.55;
}
#modal-change-pw #newPwCriterias tr .status {
  text-align: center;
}
#modal-change-pw #newPwCriterias tr .status div {
  color: #f1416c;
}
#modal-change-pw #newPwCriterias tr .status div:before {
  content: "\f06a";
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  font-size: 18px;
  line-height: 1em;
}
#modal-change-pw #newPwCriterias tr.success .status div {
  color: #50cd89;
}
#modal-change-pw #newPwCriterias tr.success .status div:before {
  content: "\f058";
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  font-size: 18px;
  line-height: 1em;
}
#modal-change-pw #newPwCriterias tr.unknown .status div {
  color: #333;
}
#modal-change-pw #newPwCriterias tr.unknown .status div:before {
  content: "\f059";
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  font-size: 18px;
  line-height: 1em;
}
#modal-change-pw .char-counter {
  right: 0!important;
}
#modal-change-pw .alert {
  margin-left: 0;
  margin-right: 0;
}
#zip2CitySearchResults tr.success.even td.action {
  font-size: 12px;
  font-weight: bold;
  color: #50cd89;
}
#zip2CitySearchResults tr.success.odd td.action {
  font-size: 12px;
  font-weight: bold;
  color: #50cd89;
}
#zip2CitySearchResults tr.not-new {
  color: #8c8c8c;
  pointer-events: none;
}
#zip2CitySearchResults tr.not-new td {
  font-size: 12px;
}
#msgCenter .message-list {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 4px;
}
#msgCenter .message-list .message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  padding: 0 0;
}
#msgCenter .message-list .message:hover {
  background-color: #F5F8FA;
}
#msgCenter .message-list .message.active {
  background-color: #f1faff;
}
#msgCenter .message-list .message.active .symbol {
  background-color: #009ef7;
}
#msgCenter .message-list .message.active .symbol .symbol-label {
  color: #fff;
}
#msgCenter .message-list .message.active .badge {
  background-color: #E4E6EF;
}
#msgCenter .message-list .message.active .label {
  background-color: #E4E6EF;
  color: #5E6278;
}
#msgCenter .message-list .message + .message {
  border-top: 1px solid #E4E6EF;
}
#msgCenter .message-list .message .symbol-wrapper {
  position: relative;
}
#msgCenter .message-list .message .symbol-wrapper .label {
  position: absolute;
  z-index: 9;
  left: 50%;
  bottom: 0;
  padding: 2px 3px;
  -webkit-transform: translate(-50%, 3px);
          transform: translate(-50%, 3px);
  font-size: 9px;
  outline: 2px solid #fff;
}
#msgCenter .message-list .message .symbol-wrapper .symbol-label {
  color: #A1A5B7;
  font-size: 13px;
  font-weight: 500;
}
#msgCenter .message-list .message .symbol {
  background-color: #F5F8FA;
  margin-left: 4px;
}
#msgCenter .message-list .message .symbol.border-shine {
  -webkit-transform: scale(1.2) translateY(3px);
          transform: scale(1.2) translateY(3px);
}
#msgCenter .message-list .message .symbol.border-shine .symbol-label {
  background-color: #f1faff;
  border: 2px solid #fff;
  color: #009ef7;
  font-weight: 600;
  font-size: 11px;
}
#msgCenter .message-list .message .main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  padding-right: 16px;
  min-width: 50%;
}
#msgCenter .message-list .message .tags-col {
  padding: 0;
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  line-height: 1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 3px;
}
#msgCenter .message-list .message .tags-col span {
  margin-right: 3px;
  display: inline-block;
  white-space: nowrap;
}
#msgCenter .message-list .message .attachment-col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
  padding: 0 8px;
}
#msgCenter .message-list .message .subject {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#msgCenter .message-list .message .badge {
  margin-right: 4px;
}
#msgCenterDetails {
  /*
	.card-label-sub {
		&:empty {
			&:before {
				content          : "";
				display          : inline-block;
				background-color : @gray-100;
				height           : 18px;
				width            : 180px;
				border-radius    : 2px;
			}
		}
	}
	*/
}
#msgCenterDetails .card-header {
  padding-bottom: 16px;
}
#msgCenterDetails .card-contact {
  padding: 16px 30px;
}
#msgCenterDetails .card-contact:empty {
  display: none;
}
#msgCenterDetails .card-contact:not(:empty):before {
  content: "Ansprechpartner bei Rückfragen";
  display: block;
  font-weight: 500;
  color: #A1A5B7;
  font-size: 14px;
  margin-bottom: 8px;
}
#msgCenterDetails .card-contact .user .name {
  font-weight: 600;
}
#msgCenterDetails .card-contact .user + .user {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed #E4E6EF;
}
#msgCenterDetails .symbol {
  background-color: #F5F8FA;
  font-size: 14px;
  margin-top: 3px;
}
#msgCenterDetails .card-label:empty:before {
  content: "";
  display: inline-block;
  background-color: #EFF2F5;
  height: 22px;
  width: 180px;
  border-radius: 2px;
}
#msgCenterDetails .card-body:empty:before {
  content: "";
  display: block;
  background-color: #F5F8FA;
  height: 18px;
  width: 220px;
  border-radius: 2px;
}
#msgCenterDetails .card-body:empty:after {
  content: "";
  display: block;
  background-color: #F5F8FA;
  height: 18px;
  width: 180px;
  border-radius: 2px;
  margin-top: 10px;
}
.datepicker {
  direction: ltr;
  /*
	.table-striped & table tr {
		td, th {
			background-color: transparent;
		}
	}
	*/
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
  padding: 4px;
  /*
		&:before {
			content             : '';
			display             : inline-block;
			border-left         :   7px solid transparent;
			border-right        :  7px solid transparent;
			border-bottom       : 7px solid @dropdown-border;
			border-top          :    0;
			border-bottom-color : rgba(0,0,0,.2);
			position            : absolute;
		}
		&:after {
			content       : '';
			display       : inline-block;
			border-left   :   6px solid transparent;
			border-right  :  6px solid transparent;
			border-bottom : 6px solid @dropdown-bg;
			border-top    :    0;
			position      : absolute;
		}
		&.datepicker-orient-left:before   { left: 6px; }
		&.datepicker-orient-left:after    { left: 7px; }
		&.datepicker-orient-right:before  { right: 6px; }
		&.datepicker-orient-right:after   { right: 7px; }
		&.datepicker-orient-bottom:before { top: -7px; }
		&.datepicker-orient-bottom:after  { top: -6px; }
		&.datepicker-orient-top:before {
			bottom        : -7px;
			border-bottom : 0;
			border-top    :    7px solid @dropdown-border;
		}
		&.datepicker-orient-top:after {
			bottom        : -6px;
			border-bottom : 0;
			border-top    :    6px solid @dropdown-bg;
		}
		*/
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}
.datepicker table tr td {
  /*
		&.range {
			@range-bg: @gray-lighter;
			.button-variant(#000, @range-bg, darken(@range-bg, 20%));
			border-radius: 0;

			&.focused {
				background: darken(@range-bg, 10%);
			}

			&.disabled,
			&.disabled:active {
				background: @range-bg;
				color: @btn-link-disabled-color;
			}
		}
		&.range.highlighted {
			@range-highlighted-bg: mix(@state-info-bg, @gray-lighter, 50%);
			.button-variant(#000, @range-highlighted-bg, darken(@range-highlighted-bg, 20%));

			&.focused {
				background: darken(@range-highlighted-bg, 10%);
			}

			&.disabled,
			&.disabled:active {
				background: @range-highlighted-bg;
				color: @btn-link-disabled-color;
			}
		}
		&.range.today {
			@range-today-bg: mix(orange, @gray-lighter, 50%);
			.button-variant(#000, @range-today-bg, darken(@range-today-bg, 20%));

			&.disabled,
			&.disabled:active {
				background: @range-today-bg;
				color: @btn-link-disabled-color;
			}
		}
		*/
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #A1A5B7;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #E4E6EF;
  cursor: not-allowed;
}
.datepicker table tr td.highlighted {
  color: #000;
  background-color: #c5e8f7;
  border-color: #c5e8f7;
  border-radius: 0;
}
.datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active,
.open .dropdown-toggle.datepicker table tr td.highlighted {
  color: #000;
  background-color: #a1daf2;
  border-color: #8fd3f0;
}
.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active,
.open .dropdown-toggle.datepicker table tr td.highlighted {
  background-image: none;
}
.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted[disabled],
fieldset[disabled] .datepicker table tr td.highlighted,
.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled:active,
.datepicker table tr td.highlighted[disabled]:active,
fieldset[disabled] .datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.disabled.active,
.datepicker table tr td.highlighted[disabled].active,
fieldset[disabled] .datepicker table tr td.highlighted.active {
  background-color: #c5e8f7;
  border-color: #c5e8f7;
}
.datepicker table tr td.highlighted .badge {
  color: #c5e8f7;
  background-color: #000;
}
.datepicker table tr td.highlighted > .caret {
  border-top-color: #000;
  border-bottom-color: #000 !important;
}
.datepicker table tr td.highlighted.dropdown-toggle {
  border-left-color: #a6dcf3;
}
.datepicker table tr td.highlighted.btn-icon {
  position: relative;
  padding-right: 39px;
  border: none;
}
.datepicker table tr td.highlighted.btn-icon i {
  background-color: #a1daf2;
  padding: 6px 6px;
  font-size: 18px;
  line-height: 20px;
  border-radius: 0;
  border-radius: 0 0 0 0;
}
.datepicker table tr td.highlighted.btn-icon.icon-left {
  padding-right: 12px;
  padding-left: 39px;
}
.datepicker table tr td.highlighted.btn-icon.icon-left i {
  float: left;
  right: auto;
  left: 0;
  border-radius: 0 0 0 0 !important;
}
.datepicker table tr td.highlighted.btn-icon.btn-lg {
  padding-right: 55px;
}
.datepicker table tr td.highlighted.btn-icon.btn-lg.icon-left {
  padding-right: 16px;
  padding-left: 55px;
}
.datepicker table tr td.highlighted.btn-icon.btn-lg i {
  padding: 10px 10px;
  font-size: 17px;
  line-height: 1.33;
  border-radius: 0;
}
.datepicker table tr td.highlighted.btn-icon.btn-sm {
  padding-right: 36px;
}
.datepicker table tr td.highlighted.btn-icon.btn-sm.icon-left {
  padding-right: 10px;
  padding-left: 36px;
}
.datepicker table tr td.highlighted.btn-icon.btn-sm i {
  padding: 5px 6px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0;
}
.datepicker table tr td.highlighted.btn-icon.btn-xs {
  padding-right: 32px;
}
.datepicker table tr td.highlighted.btn-icon.btn-xs.icon-left {
  padding-right: 10px;
  padding-left: 32px;
}
.datepicker table tr td.highlighted.btn-icon.btn-xs i {
  padding: 2px 6px;
  font-size: 11px;
  line-height: 1.5;
  border-radius: 0;
}
.datepicker table tr td.highlighted.focused {
  background: #98d6f1;
}
.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
  background: #c5e8f7;
  color: #999999;
}
.datepicker table tr td.today {
  background-color: #eeeeee;
  /*
			&.focused {
				background: darken(@today-bg, 10%);
			}
			*/
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
  background: #ffdb99;
  color: #999999;
}
.datepicker table tr td.holiday {
  background-color: #ffe0b2;
}
.datepicker table tr td.holiday.new,
.datepicker table tr td.holiday.old {
  background-color: transparent;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
  color: #fff;
  background-color: #999999;
  border-color: #999999;
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected.highlighted {
  color: #fff;
  background-color: #858585;
  border-color: #7a7a7a;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected.highlighted {
  background-image: none;
}
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.highlighted.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected.highlighted[disabled],
fieldset[disabled] .datepicker table tr td.selected,
fieldset[disabled] .datepicker table tr td.selected.highlighted,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.highlighted.disabled:active,
.datepicker table tr td.selected[disabled]:active,
.datepicker table tr td.selected.highlighted[disabled]:active,
fieldset[disabled] .datepicker table tr td.selected:active,
fieldset[disabled] .datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.highlighted.disabled.active,
.datepicker table tr td.selected[disabled].active,
.datepicker table tr td.selected.highlighted[disabled].active,
fieldset[disabled] .datepicker table tr td.selected.active,
fieldset[disabled] .datepicker table tr td.selected.highlighted.active {
  background-color: #999999;
  border-color: #999999;
}
.datepicker table tr td.selected .badge,
.datepicker table tr td.selected.highlighted .badge {
  color: #999999;
  background-color: #fff;
}
.datepicker table tr td.selected > .caret,
.datepicker table tr td.selected.highlighted > .caret {
  border-top-color: #fff;
  border-bottom-color: #fff !important;
}
.datepicker table tr td.selected.dropdown-toggle,
.datepicker table tr td.selected.highlighted.dropdown-toggle {
  border-left-color: #878787;
}
.datepicker table tr td.selected.btn-icon,
.datepicker table tr td.selected.highlighted.btn-icon {
  position: relative;
  padding-right: 39px;
  border: none;
}
.datepicker table tr td.selected.btn-icon i,
.datepicker table tr td.selected.highlighted.btn-icon i {
  background-color: #858585;
  padding: 6px 6px;
  font-size: 18px;
  line-height: 20px;
  border-radius: 0;
  border-radius: 0 0 0 0;
}
.datepicker table tr td.selected.btn-icon.icon-left,
.datepicker table tr td.selected.highlighted.btn-icon.icon-left {
  padding-right: 12px;
  padding-left: 39px;
}
.datepicker table tr td.selected.btn-icon.icon-left i,
.datepicker table tr td.selected.highlighted.btn-icon.icon-left i {
  float: left;
  right: auto;
  left: 0;
  border-radius: 0 0 0 0 !important;
}
.datepicker table tr td.selected.btn-icon.btn-lg,
.datepicker table tr td.selected.highlighted.btn-icon.btn-lg {
  padding-right: 55px;
}
.datepicker table tr td.selected.btn-icon.btn-lg.icon-left,
.datepicker table tr td.selected.highlighted.btn-icon.btn-lg.icon-left {
  padding-right: 16px;
  padding-left: 55px;
}
.datepicker table tr td.selected.btn-icon.btn-lg i,
.datepicker table tr td.selected.highlighted.btn-icon.btn-lg i {
  padding: 10px 10px;
  font-size: 17px;
  line-height: 1.33;
  border-radius: 0;
}
.datepicker table tr td.selected.btn-icon.btn-sm,
.datepicker table tr td.selected.highlighted.btn-icon.btn-sm {
  padding-right: 36px;
}
.datepicker table tr td.selected.btn-icon.btn-sm.icon-left,
.datepicker table tr td.selected.highlighted.btn-icon.btn-sm.icon-left {
  padding-right: 10px;
  padding-left: 36px;
}
.datepicker table tr td.selected.btn-icon.btn-sm i,
.datepicker table tr td.selected.highlighted.btn-icon.btn-sm i {
  padding: 5px 6px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0;
}
.datepicker table tr td.selected.btn-icon.btn-xs,
.datepicker table tr td.selected.highlighted.btn-icon.btn-xs {
  padding-right: 32px;
}
.datepicker table tr td.selected.btn-icon.btn-xs.icon-left,
.datepicker table tr td.selected.highlighted.btn-icon.btn-xs.icon-left {
  padding-right: 10px;
  padding-left: 32px;
}
.datepicker table tr td.selected.btn-icon.btn-xs i,
.datepicker table tr td.selected.highlighted.btn-icon.btn-xs i {
  padding: 2px 6px;
  font-size: 11px;
  line-height: 1.5;
  border-radius: 0;
}
.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
  background-color: #009ef7;
  color: #fff;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
  background-color: #009ef7;
  color: #fff;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #E4E6EF;
  cursor: not-allowed;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #009ef7;
  color: #fff;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #A1A5B7;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.input-daterange {
  width: 100%;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  line-height: 1.42857143;
  text-shadow: 0 1px 0 #fff;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}
#timePickerWrapper {
  display: none;
}
#timepicker {
  background-color: #fff;
  display: inline-block;
  position: absolute;
  z-index: 10;
  white-space: nowrap;
  width: 310px;
  padding: 5px;
}
#timepicker div[data-val="24"] {
  display: none;
}
#timepicker.allow-24 div[data-val="24"] {
  display: inline-block;
}
#timepickerHours,
#timepickerMinutes {
  display: inline-block;
  float: left;
}
#timepickerHours > span,
#timepickerMinutes > span {
  display: block;
  font-weight: bold;
  text-align: center;
  height: 30px;
  padding: 2px 0;
}
#timepickerHours > div,
#timepickerMinutes > div {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 5px;
  cursor: pointer;
  float: left;
  border-radius: 6px;
}
#timepickerHours > div:hover,
#timepickerMinutes > div:hover {
  background-color: #fcfcfc;
}
#timepickerHours > div.active,
#timepickerMinutes > div.active {
  background-color: #009ef7;
  color: #fff;
}
#timepickerHours {
  width: 180px;
  margin-right: 30px;
  position: relative;
}
#timepickerHours:after {
  content: ":";
  display: inline-block;
  position: absolute;
  top: 30px;
  line-height: 105px;
  right: -30px;
  font-size: 30px;
  width: 30px;
  text-align: center;
}
#timepickerMinutes {
  width: 90px;
}
.input-icon {
  position: relative;
}
.input-icon input {
  padding-left: 32px;
}
#modal-help .modal-body .content {
  line-height: 1.5em;
}
.help-example {
  background-color: #fcfcfc;
  border-left: 5px solid #50cd89;
  padding: 8px 16px;
  margin: 32px 16px 8px 16px;
  position: relative;
  font-style: italic;
}
.help-example:before {
  content: "Beispiele";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  display: block;
  position: absolute;
  top: -20px;
  left: -5px;
  opacity: 0.55;
}
.help-example-better {
  background-color: #fcfcfc;
  border-left: 5px solid #50cd89;
  padding: 8px 16px;
  margin: 32px 16px 8px 16px;
  position: relative;
  font-style: italic;
}
.help-example-better:before {
  content: "Richtig";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  display: block;
  position: absolute;
  top: -20px;
  left: -5px;
  opacity: 0.55;
}
.help-example-bad {
  background-color: #fcfcfc;
  border-left: 5px solid #f1416c;
  padding: 8px 16px;
  margin: 32px 16px 8px 16px;
  position: relative;
  font-style: italic;
}
.help-example-bad:before {
  content: "Falsch";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  display: block;
  position: absolute;
  top: -20px;
  left: -5px;
  opacity: 0.55;
}
.help-example-img-centered {
  text-align: center;
  margin: 16px 0;
}
.help-example-img-centered.animation:after {
  content: "Video: Klicken zum Starten und Stoppen";
  display: block;
  font-size: 12px;
}
.help-example-img-centered img {
  max-width: 100%;
  border: 3px solid #fcfcfc;
}
.help-example-img-centered img.load-gif,
.help-example-img-centered img.stop-gif {
  cursor: pointer;
}
.help-topic-heading {
  position: relative;
  font-size: 23px;
}
.help-panel-head {
  opacity: 0.55;
}
.help-form-group {
  background-color: #595959;
  color: #fff;
  display: inline-block;
  padding: 3px 6px;
  margin-top: 32px;
}
.help-form-group-element {
  margin-top: 21px;
  margin-bottom: 8px;
  font-weight: bold;
}
.help-index {
  list-style: none;
  background-color: #fcfcfc;
  padding: 8px 16px 8px 32px;
  position: relative;
  margin-top: 48px;
  margin-bottom: 48px;
}
.help-index:before {
  content: "Inhaltsverzeichnis";
  display: block;
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 17px;
  opacity: 0.55;
}
.help-index > li {
  position: relative;
  margin-top: 8px;
}
.help-index > li a:hover {
  font-weight: bold;
  color: #333;
}
.help-index > li:before {
  content: "";
  position: absolute;
  z-index: 1011;
  display: inline-block;
  background-color: #808080;
  width: 8px;
  height: 8px;
  top: 8px;
  left: -17px;
  line-height: 25px;
  border-radius: 50%;
}
.help-index > li > div {
  font-size: 18px;
}
.help-index > li > ul {
  padding-left: 16px;
  list-style: none;
}
.help-index > li > ul > li {
  cursor: pointer;
  position: relative;
  line-height: 25px;
}
.help-index > li > ul > li:before {
  content: "";
  left: -30px;
  top: -13px;
  bottom: 0;
  position: absolute;
  display: block;
  width: 1px;
  height: 25px;
  border-left: 1px dashed rgba(0, 0, 0, 0.55);
  z-index: 1010;
}
.help-index > li > ul > li:after {
  content: "";
  left: -30px;
  top: 13px;
  position: absolute;
  display: block;
  width: 20px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.55);
  z-index: 1010;
}
.help-index > li > ul > li:hover {
  font-weight: bold;
  color: #333;
}
.help-index > li > ul > li a:hover {
  font-weight: bold;
  color: #333;
}
.help-text i.icon {
  background-color: #e5e5e5;
  display: inline-block;
  padding: 0 0 0 3px;
  -webkit-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
}
.help-text i.icon:hover {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.help-text img.inline {
  height: 16px;
  -webkit-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
}
.help-text img.inline:hover {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.help-bc a {
  font-weight: bold;
}
.help-link-to-form-group {
  background-color: #e5e5e5;
  cursor: pointer;
  display: inline-block;
  padding: 0 3px;
}
.help-link-to-form-group:hover {
  background-color: #4d4d4d;
  color: #fff;
}
.help-table {
  width: 100%;
  border: 1px solid #e3e3e3;
  margin-top: 16px;
  margin-bottom: 16px;
}
.help-table tr {
  border-bottom: 1px solid #e3e3e3;
}
.help-table tr.alt {
  border-top: 3px solid #b0b0b0;
}
.help-table td {
  font-size: 14px;
  vertical-align: top;
}
.help-table thead th {
  background-color: #fcfcfc;
  font-weight: bold;
  color: #808080;
}
.help-table i.icon.large {
  font-size: 24px;
}
.help-modal-btn-info {
  color: #009ef7;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  margin: 0 3px;
}
.help-maps-icon {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2em;
  text-align: center;
}
.help-maps-icon > img {
  margin: 8px 0;
}
.ui-state-highlight {
  background-color: #f1faff !important;
  border: 1px solid #009ef7 !important;
  border-radius: 6px;
}
.ui-sortable-helper {
  margin-top: 0!important;
  margin-bottom: 0!important;
  pointer-events: none;
  opacity: 0.5;
}
.sortItems {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: auto;
}
.sortItems li {
  border: 1px solid #B5B5C3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #fff;
  border-radius: 6px;
  margin-top: 5px;
  margin-bottom: 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: n-resize;
  -webkit-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
}
.sortItems li .item-label {
  padding: 10.66666667px 16px;
}
.sortItems li .handle {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: 1px solid #E4E6EF;
  background-color: #F5F8FA;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  min-height: 40px;
}
.sortItems li:hover {
  border-color: #009ef7;
}
.sortItems li:hover .item-label {
  color: #009ef7;
}
/* image uploader and sortable image list */
.item-list {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: visible;
  counter-reset: section;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.item-list::-webkit-scrollbar {
  display: none;
}
.item-list > li + li {
  margin-top: 5px;
}
.item-list .sortable-item {
  border: 1px solid #B5B5C3;
  background-color: #fff;
  border-radius: 6px;
  position: relative;
}
.item-list .sortable-item:before {
  counter-increment: section;
  content: counter(section);
  position: absolute;
  top: 0;
  left: 0;
  color: #A1A5B7;
  font-size: 10px;
  width: 16px;
  line-height: 16px;
  text-align: center;
  z-index: 1;
}
.item-list .sortable-item:hover {
  border-color: #009ef7;
}
.item-list .sortable-item:hover:before {
  color: #009ef7 !important;
  font-weight: 500;
}
.item-list .sortable-item:hover .imgCenterButton {
  opacity: 1;
}
.item-list .sortable-item .pic-wrapper .indicator {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 9px;
  line-height: 16px;
  color: #fff;
  padding: 0 3px;
  display: none;
  text-shadow: 0px 0px 1px #000000;
}
.item-list .sortable-item .pic-wrapper .indicator:after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-left: 5px;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.item-list .sortable-item.cover-img .pic-wrapper .indicator {
  display: inline-block;
}
.item-list .sortable-item.cover-img .pic-wrapper .indicator:before {
  content: "COVER";
}
.item-list .sortable-item.cover-img .pic-wrapper .indicator:after {
  background-color: #009ef7;
}
.item-list .sortable-item.cover-img.is-video .pic-wrapper .indicator:before {
  content: "VIDEO / COVER";
}
.item-list .sortable-item.cover-img.is-video .pic-wrapper .indicator:after {
  background-color: #009ef7;
}
.item-list .sortable-item.logo-img .pic-wrapper {
  background-color: #f8f5ff;
}
.item-list .sortable-item.logo-img .pic-wrapper .indicator {
  display: inline-block;
}
.item-list .sortable-item.logo-img .pic-wrapper .indicator:before {
  content: "LOGO";
}
.item-list .sortable-item.logo-img .pic-wrapper .indicator:after {
  background-color: #7239ea;
}
.item-list .sortable-item.is-video .pic-wrapper {
  background-image: none!important;
  pointer-events: none;
  background-color: #181C32;
}
.item-list .sortable-item.is-video .pic-wrapper .indicator {
  display: inline-block;
  color: #A1A5B7;
  text-shadow: none;
}
.item-list .sortable-item.is-video .pic-wrapper .indicator:before {
  content: "VIDEO";
  color: #fff;
}
.item-list .sortable-item.is-video .pic-wrapper .indicator:after {
  background-color: #fff;
}
.item-list .sortable-item.is-video .pic-wrapper .img-container:before {
  content: "▶";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  font-size: 18px;
  border: 2px solid #fff;
  border-radius: 100%;
  width: 36px;
  height: 36px;
  padding: 3px 3px 3px 7px;
  text-align: center;
  text-shadow: 0px 0px 3px #000;
  -webkit-box-shadow: 0px 0px 3px #000, inset 0px 0px 3px #000;
          box-shadow: 0px 0px 3px #000, inset 0px 0px 3px #000;
  opacity: 0.75;
}
.item-list .sortable-item.is-video .pic-wrapper .imgCenterButton {
  opacity: 0;
}
.item-list .sortable-item.is-video .pic-wrapper:before {
  opacity: 0;
}
.item-list .sortable-item.is-video .pic-wrapper .img-container {
  opacity: 1;
}
.item-list .sortable-item.hide-img .file-info,
.item-list .sortable-item.hide-file .file-info {
  opacity: 0.55;
}
.item-list .sortable-item.hide-img .pic-wrapper,
.item-list .sortable-item.hide-file .pic-wrapper {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  pointer-events: none;
}
.item-list .sortable-item.hide-img .pic-wrapper .indicator,
.item-list .sortable-item.hide-file .pic-wrapper .indicator {
  display: inline-block;
}
.item-list .sortable-item.hide-img .pic-wrapper .indicator:before,
.item-list .sortable-item.hide-file .pic-wrapper .indicator:before {
  content: "OFFLINE";
}
.item-list .sortable-item.hide-img .pic-wrapper .indicator:after,
.item-list .sortable-item.hide-file .pic-wrapper .indicator:after {
  background-color: #A1A5B7;
}
.item-list .sortable-item.hide-img .pic-wrapper .imgCenterButton,
.item-list .sortable-item.hide-file .pic-wrapper .imgCenterButton {
  display: none;
}
.item-list .sortable-item.hide-img .pic-wrapper img,
.item-list .sortable-item.hide-file .pic-wrapper img {
  opacity: 0.55;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.item-list .sortable-item .row {
  padding: 0;
}
.item-list .sortable-item .form-group {
  padding: 16px 8px;
}
.item-list .sortable-item .form-group .control-label {
  width: 110px!important;
}
.item-list .sortable-item .info-row {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.item-list .sortable-item .cb label {
  text-align: left;
}
.item-list .sortable-item .item-buttons {
  height: 35px;
}
.item-list .pic-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.item-list .pic-wrapper {
  width: 150px;
  padding: 14px;
  cursor: default;
  background-color: #F5F8FA;
  border-right: 1px solid #E4E6EF;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
}
.item-list .pic-wrapper .img-container {
  position: relative;
  display: inline-block;
  overflow: auto;
  margin: -14px;
}
.item-list .pic-wrapper .img-container img {
  padding: 14px;
  max-height: 100%;
  max-width: 100%;
  display: inline-block;
}
.item-list:not(.preview-cover) .pic-wrapper {
  background-image: none!important;
}
.item-list:not(.preview-cover) .pic-wrapper .indicator {
  color: #A1A5B7;
  text-shadow: none;
}
.item-list.preview-cover .sortable-item:not(.logo-img, .is-video):before {
  color: #fff;
}
.item-list.preview-cover .sortable-item:not(.logo-img, .is-video) .pic-wrapper {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.item-list.preview-cover .sortable-item:not(.logo-img, .is-video) .pic-wrapper:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 30px;
  background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  border-top-left-radius: 6px;
}
.item-list.preview-cover .sortable-item:not(.logo-img, .is-video) .pic-wrapper .img-container {
  opacity: 0;
}
.item-list.preview-cover .sortable-item:not(.logo-img, .is-video) .pic-wrapper:hover {
  background-image: none!important;
}
.item-list.preview-cover .sortable-item:not(.logo-img, .is-video) .pic-wrapper:hover .indicator {
  color: #A1A5B7;
  text-shadow: none;
}
.item-list.preview-cover .sortable-item:not(.logo-img, .is-video) .pic-wrapper:hover:before {
  opacity: 0;
}
.item-list.preview-cover .sortable-item:not(.logo-img, .is-video) .pic-wrapper:hover .img-container {
  opacity: 0.85;
}
.item-list.preview-cover .sortable-item:not(.logo-img, .is-video).center-dragging:before {
  color: #A1A5B7;
}
.item-list.preview-cover .sortable-item:not(.logo-img, .is-video).center-dragging .pic-wrapper {
  background-image: none!important;
}
.item-list.preview-cover .sortable-item:not(.logo-img, .is-video).center-dragging .pic-wrapper .indicator {
  color: #A1A5B7;
  text-shadow: none;
}
.item-list.preview-cover .sortable-item:not(.logo-img, .is-video).center-dragging .pic-wrapper:before {
  opacity: 0;
}
.item-list.preview-cover .sortable-item:not(.logo-img, .is-video).center-dragging .pic-wrapper .img-container,
.item-list.preview-cover .sortable-item:not(.logo-img, .is-video).center-dragging .pic-wrapper .imgCenterButton {
  opacity: 1;
}
.item-list .logo-img .pic-wrapper {
  background-image: none!important;
  pointer-events: none;
}
.item-list .logo-img .pic-wrapper .imgCenterButton {
  opacity: 0;
}
.item-list .logo-img .pic-wrapper .indicator {
  color: #A1A5B7;
  text-shadow: none;
}
.item-list .logo-img .pic-wrapper:before {
  opacity: 0;
}
.item-list .logo-img .pic-wrapper .img-container {
  opacity: 1;
}
.item-list .file-info {
  padding: 4px 5px;
  font-size: 12px;
  cursor: default;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.item-list .file-info .form-group {
  padding: 8px !important;
}
.item-list .file-info .form-group .control-label {
  font-size: 13px!important;
}
.item-list .file-info .form-group .control-label .validate-has-error {
  height: 10px;
}
.item-list .file-info .form-group .form-control {
  height: 30px;
  min-height: 30px;
}
.item-list .action-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.item-list .action-btns .btn {
  border-radius: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border-top: 1px solid #E4E6EF;
  font-size: 15px;
}
.item-list .action-btns .btn.handle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: n-resize;
}
.item-list .action-btns > *:first-child {
  border-top-right-radius: 6px;
  border-top: 0;
}
.item-list .action-btns > *:first-child .btn {
  border-top-right-radius: 6px;
}
.item-list .action-btns > *:last-child {
  border-bottom-right-radius: 6px;
}
.item-list .action-btns > *:last-child .btn {
  border-bottom-right-radius: 6px;
}
.item-list.fileList .file-type-icon {
  position: absolute;
  bottom: 6px;
  left: 4px;
  z-index: 2;
  -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.55));
          filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.55));
}
.item-list.fileList .file-type-icon img {
  max-width: 42px;
  max-height: 42px;
}
.item-list.fileList .pic-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.item-list.fileList .img-container {
  overflow: visible;
}
.item-list.fileList .img-container img {
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
.item-list.fileList img {
  max-height: 86px;
  padding: 0!important;
}
.item-list .logo-prompt {
  position: absolute;
  top: 0;
  right: 30px;
  bottom: 0;
  left: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(255, 255, 255, 0.95);
  font-weight: 500;
}
.item-list .logo-prompt .wrapper {
  text-align: center;
}
.item-list .logo-prompt .msg {
  margin-bottom: 8px;
}
.item-list .delete-msg {
  position: absolute;
  top: 0;
  right: 30px;
  bottom: 0;
  left: 150px;
  pointer-events: none;
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  color: #f1416c;
  font-weight: 500;
  -webkit-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
}
.item-list .delete-msg .wrapper {
  text-align: center;
}
.item-list .to-delete {
  border-color: #f1416c !important;
}
.item-list .to-delete:before {
  color: #f1416c !important;
}
.item-list .to-delete .pic-wrapper {
  pointer-events: none;
}
.item-list .to-delete .imgCenterButton {
  display: none!important;
}
.item-list .to-delete .delete-msg {
  pointer-events: all;
  opacity: 1;
}
.item-list .to-delete .img-remove,
.item-list .to-delete .file-remove {
  background-color: #f1416c;
  border-left-color: #f1416c;
  color: #FFF;
}
.item-list .to-delete .file-info .form-group {
  opacity: 0!important;
}
.imgList .pic-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.imgList .pic-wrapper .img-container img {
  padding: 14px;
  max-height: 140px;
  max-width: 100%;
  display: inline-block;
}
.imgList:empty:before {
  content: 'keine Bilder hochgeladen';
  color: #A1A5B7;
  display: block;
}
.fileList:empty:before {
  content: 'keine Dateien hochgeladen';
  color: #A1A5B7;
  display: block;
}
.fileList.item-list .d-flex {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
.fileList.item-list .pic-wrapper {
  height: 100%;
}
.fileList.item-list .pic-wrapper .img-container {
  z-index: 1;
  height: 100%;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.fileList.item-list .pic-wrapper .bg-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: 0;
}
.fileList.item-list .pic-wrapper .bg-image > div {
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 150% 150%;
  -webkit-filter: blur(25px) saturate(2);
          filter: blur(25px) saturate(2);
  opacity: 0.15;
}
.fake-hidden {
  width: 1px!important;
  height: 0px!important;
  padding: 0!important;
  margin: 0!important;
  border: 0!important;
  visibility: hidden;
  font-size: 1px;
  color: transparent;
  position: absolute;
  top: 0;
}
.item-list-license-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
#main-content-category {
  position: relative;
  padding: 0 0 1px 0;
}
#main-content-category.disabled:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 30;
  background: rgba(255, 255, 255, 0.8);
}
.imgCenter {
  max-width: 300px;
  max-height: 300px;
}
.imgCenterButton {
  width: 28px;
  height: 28px;
  position: absolute;
  z-index: 9;
  background: rgba(25, 118, 210, 0.85);
  color: #fff;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
  border: 2px solid #fff;
  border-radius: 28px;
  opacity: 0;
}
.imgCenterButton:active,
.imgCenterButton:hover {
  background: rgba(25, 118, 210, 0.55);
}
.imgCenterButton i {
  display: inline-block;
  text-shadow: 0 0 1px #000;
  pointer-events: none;
}
#imgCenterExamples {
  position: absolute;
  z-index: 1061;
  left: 16px;
  right: 16px;
  top: 100%;
  background-color: #fff;
  padding: 8px;
  opacity: 0;
  -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
          box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
}
#imgCenterExamples .imgEx {
  display: inline-block;
  background-size: cover;
  background-position: 50% 50%;
  float: left;
  position: relative;
  margin: 8px;
  height: 100px;
  border: 2px solid #f2f2f2;
}
#imgCenterExamples .imgEx:after {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  background-color: rgba(65, 65, 65, 0.75);
  padding: 1px 3px;
  font-size: 10px;
}
#imgCenterExamples .imgEx .thirds {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
#imgCenterExamples .imgEx .thirds:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 33.333%;
  top: -2px;
  bottom: -2px;
  width: 33%;
  border: 1px solid #000;
  opacity: 0.4;
}
#imgCenterExamples .imgEx .thirds:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 33.333%;
  left: -2px;
  right: -2px;
  height: 33%;
  border: 1px solid #000;
  opacity: 0.4;
}
#imgCenterExamples .label-control {
  opacity: 0.5;
}
#imgCenterExamples.in {
  opacity: 1;
}
#imgEx-1x2 {
  width: 50px;
}
#imgEx-1x2:after {
  content: "1x2";
}
#imgEx-2x3 {
  width: 66px;
}
#imgEx-2x3:after {
  content: "2x3";
}
#imgEx-3x4 {
  width: 75px;
}
#imgEx-3x4:after {
  content: "3x4";
}
#imgEx-1x1 {
  width: 100px;
}
#imgEx-1x1:after {
  content: "1x1";
}
#imgEx-4x3 {
  width: 133px;
}
#imgEx-4x3:after {
  content: "4x3";
}
#imgEx-3x2 {
  width: 150px;
}
#imgEx-3x2:after {
  content: "3x2";
}
#imgEx-2x1 {
  width: 200px;
}
#imgEx-2x1:after {
  content: "2x1";
}
.modal.list-full .template-row {
  padding: 3px 0;
  border-bottom: 1px solid #EFF2F5;
  border-radius: 0;
  position: relative;
}
.modal.list-full .template-row .flex-cols {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal.list-full .template-row .input-group {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.modal.list-full .template-row .input-group *:not([aria-invalid="true"]) {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.modal.list-full .template-row .input-group input {
  border-radius: 6px;
}
.modal.list-full .template-row .input-group input:hover {
  background-color: #F5F8FA;
}
.modal.list-full .template-row .input-group [aria-invalid="true"] {
  border-radius: 6px;
}
.modal.list-full .template-row .input-group .input-group-text {
  min-width: 0;
  padding-left: 0;
  height: 30px;
  min-height: 30px;
}
.modal.list-full .col-head {
  font-weight: 500;
  color: #A1A5B7;
}
.modal.list-full .col-head .col {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.modal.list-full .col-img,
.modal.list-full .col-img-empty {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  text-align: center;
}
.modal.list-full .col-img img,
.modal.list-full .col-img-empty img {
  max-width: 80px;
  max-height: 50px;
}
.modal.list-full .col-license-type {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 150px;
          flex: 0 0 150px;
}
.modal.list-full .col-caption {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
}
.modal.list-full .col-copyright {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
}
.modal.list-full .col-license-year-of-granting {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 120px;
          flex: 0 0 120px;
}
.modal.list-full .col-production-company,
.modal.list-full .col-production-company-empty {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 125px;
          flex: 0 0 125px;
}
.modal.list-full .col-options,
.modal.list-full .col-options-empty {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 65px;
          flex: 0 0 65px;
}
.modal.list-full .col-description {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 416px;
          flex: 0 0 416px;
}
.modal.list-full .col-tags {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 427px;
          flex: 0 0 427px;
}
.modal.list-full .auto-description .label {
  white-space: normal;
  text-align: left;
  padding: 8px;
}
.modal.list-full .auto-tags .group + .group {
  margin-top: 8px;
}
.modal.list-full .auto-tags .group .head {
  font-size: 11px;
  color: #A1A5B7;
  margin-bottom: 2px;
  font-weight: 500;
}
.modal.list-full .auto-tags .label {
  margin-right: 8px;
  margin-bottom: 8px;
  outline: 1px solid rgba(0, 0, 0, 0.05);
  /*
			.addon {
				padding-top   : 0;
				padding-bottom: 0;
				font-size     : .9rem;
				line-height   : 20px;
				position: relative;
			}
			*/
}
.modal.list-full .auto-tags .label.selected {
  opacity: 0.55;
  pointer-events: none;
}
.modal.list-full .auto-tags .label.selected .addon {
  color: transparent;
}
.modal.list-full .auto-tags .label.selected .addon:before {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  color: #fff;
  position: absolute;
  inset: 0;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
}
.modal.list-full .template-row {
  padding: 8px 0;
}
.modal.list-full .template-row:last-of-type {
  border-bottom: 0;
  margin-bottom: 0;
}
.modal.list-full.show-all .col-head {
  display: none;
}
.modal.list-full.show-all .template-row {
  padding-bottom: 16px;
  margin-bottom: 8px;
}
.modal.list-full.show-all .template-row .flex-cols {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.modal.list-full.show-all .template-row .flex-cols + .flex-cols {
  margin-top: 16px;
}
.modal.list-full.show-all .col-img,
.modal.list-full.show-all .col-img-empty {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  height: 56px;
}
.modal.list-full.show-all .col-img img,
.modal.list-full.show-all .col-img-empty img {
  max-width: 100px;
  max-height: 80px;
}
.modal.list-full.show-all select[name="tags[]"] + .select2-container .select2-selection {
  min-height: 78px;
}
.modal.list-full:not(.show-all) .form-label-small,
.modal.list-full:not(.show-all) .extended-infos {
  display: none;
}
#imageSearchResults .meta {
  margin: 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
}
#imageSearchResults .meta .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#imageSearchResults .meta .right .layout-switch {
  margin-right: 16px;
}
#imageSearchResults .meta .right .layout-switch .btn-primary-light {
  pointer-events: none;
}
#imageSearchResults .results {
  margin: 0 auto;
}
#imageSearchResults .results.grid-2 .entry {
  width: 460px;
}
#imageSearchResults .results.grid-3 .entry {
  width: 301px;
}
#imageSearchResults .results.grid-4 .entry {
  width: 222px;
}
#imageSearchResults .results.grid-5 .entry {
  width: 174px;
}
#imageSearchResults .results .entry {
  display: inline-block;
  position: relative;
  margin-bottom: 16px;
}
#imageSearchResults .results .entry .img-wrapper {
  overflow: hidden;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#imageSearchResults .results .entry img {
  max-width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-filter: blur(5px);
          filter: blur(5px);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#imageSearchResults .results .entry img.loaded {
  opacity: 1;
  -webkit-filter: none;
          filter: none;
}
#imageSearchResults .results .entry .image-remove,
#imageSearchResults .results .entry .image-add {
  -webkit-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
}
#imageSearchResults .results .entry .image-remove:hover,
#imageSearchResults .results .entry .image-add:hover {
  opacity: 1;
}
#imageSearchResults .results .entry .image-add {
  opacity: 1;
  pointer-events: all;
}
#imageSearchResults .results .entry .image-remove {
  opacity: 0;
  pointer-events: none;
}
#imageSearchResults .results .entry.selected .img-wrapper {
  -webkit-box-shadow: 0 0 5px 5px #009ef7;
          box-shadow: 0 0 5px 5px #009ef7;
  outline: 4px solid #009ef7;
}
#imageSearchResults .results .entry.selected .center .buttons {
  -webkit-transform: translateY(-40px);
          transform: translateY(-40px);
}
#imageSearchResults .results .entry.selected .image-add {
  opacity: 0;
  pointer-events: none;
}
#imageSearchResults .results .entry.selected .image-remove {
  opacity: 1;
  pointer-events: all;
}
#imageSearchResults .results .entry .main-overlay {
  position: absolute;
  z-index: 1;
  inset: 0;
}
#imageSearchResults .results .entry .main-overlay .match-bar {
  position: absolute;
  bottom: 8px;
  right: 8px;
  width: 50px;
  display: inline-block;
}
#imageSearchResults .results .entry .info-layer {
  position: absolute;
  z-index: 2;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.25);
  color: #fff;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
  padding: 16px;
  overflow: hidden;
}
#imageSearchResults .results .entry .info-layer .top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  -webkit-transition: -webkit-transform 0.15s ease-in-out;
  transition: -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}
#imageSearchResults .results .entry .info-layer .top .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#imageSearchResults .results .entry .info-layer .top .btn {
  color: #fff;
  opacity: 0.85;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.55);
}
#imageSearchResults .results .entry .info-layer .top .btn:hover {
  opacity: 1;
}
#imageSearchResults .results .entry .info-layer .top .right {
  min-width: 0;
}
#imageSearchResults .results .entry .info-layer .top .license-type {
  font-size: 11px;
  opacity: 0.85;
}
#imageSearchResults .results .entry .info-layer .top .license-type span {
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.55);
          box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.55);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
#imageSearchResults .results .entry .info-layer .top .license-type:empty {
  display: none;
}
#imageSearchResults .results .entry .info-layer .center {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding-top: 40px;
  z-index: 2;
}
#imageSearchResults .results .entry .info-layer .center .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  pointer-events: none;
}
#imageSearchResults .results .entry .info-layer .center .btn {
  color: #fff;
  overflow: visible;
}
#imageSearchResults .results .entry .info-layer .center .btn i.fa-square-plus {
  -webkit-animation-name: img-search-highlight;
          animation-name: img-search-highlight;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  will-change: transform;
}
@-webkit-keyframes img-search-highlight {
  0% {
    text-shadow: 0px 0px 4px #009ef7;
    color: #fff;
    -webkit-transform: scale(1) translateZ(0);
            transform: scale(1) translateZ(0);
  }
  50% {
    text-shadow: 0px 0px 20px #009ef7;
    color: #f1faff;
    -webkit-transform: scale(1.05) translateZ(0);
            transform: scale(1.05) translateZ(0);
  }
  100% {
    text-shadow: 0px 0px 4px #009ef7;
    color: #fff;
    -webkit-transform: scale(1) translateZ(0);
            transform: scale(1) translateZ(0);
  }
}
@keyframes img-search-highlight {
  0% {
    text-shadow: 0px 0px 4px #009ef7;
    color: #fff;
    -webkit-transform: scale(1) translateZ(0);
            transform: scale(1) translateZ(0);
  }
  50% {
    text-shadow: 0px 0px 20px #009ef7;
    color: #f1faff;
    -webkit-transform: scale(1.05) translateZ(0);
            transform: scale(1.05) translateZ(0);
  }
  100% {
    text-shadow: 0px 0px 4px #009ef7;
    color: #fff;
    -webkit-transform: scale(1) translateZ(0);
            transform: scale(1) translateZ(0);
  }
}
#imageSearchResults .results .entry .info-layer .bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px 10.66666667px 10.66666667px 10.66666667px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(51, 51, 51, 0.5)), color-stop(50%, rgba(51, 51, 51, 0.25)), color-stop(90%, rgba(51, 51, 51, 0)));
  background: linear-gradient(0deg, rgba(51, 51, 51, 0.5) 0%, rgba(51, 51, 51, 0.25) 50%, rgba(51, 51, 51, 0) 90%);
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: -webkit-transform 0.15s ease-in-out;
  transition: -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.55);
}
#imageSearchResults .results .entry .info-layer .bottom i {
  width: 10px;
  font-size: 10px;
  display: inline-block;
  margin-right: 5px;
  text-align: center;
}
#imageSearchResults .results .entry .info-layer .bottom .description {
  font-weight: 700;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0.85;
  line-height: 1.6em;
}
#imageSearchResults .results .entry .info-layer .bottom .description:empty {
  display: none;
}
#imageSearchResults .results .entry .info-layer .bottom .author {
  font-size: 11px;
  opacity: 0.85;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2em;
}
#imageSearchResults .results .entry .info-layer .bottom .author a {
  color: #fff;
  text-decoration: underline;
}
#imageSearchResults .results .entry .info-layer .bottom .author:empty {
  display: none;
}
#imageSearchResults .results .entry .info-layer .bottom .entry-origin {
  font-size: 11px;
  opacity: 0.85;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2em;
}
#imageSearchResults .results .entry .info-layer .bottom .entry-origin a {
  color: #fff;
  text-decoration: underline;
}
#imageSearchResults .results .entry .info-layer .bottom .entry-origin:empty {
  display: none;
}
#imageSearchResults .results .entry:hover .info-layer {
  opacity: 1;
}
#imageSearchResults .results .entry:hover .info-layer .top,
#imageSearchResults .results .entry:hover .info-layer .bottom {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#imageSearchResults .results .load-more {
  text-align: center;
}
#imageSearchResults .results.grid-5 .entry .info-layer .top {
  padding: 8px;
}
#imageSearchResults .results.grid-5 .entry .info-layer .top .btn.btn-sm {
  font-size: 10px;
  min-width: 24px;
  height: 24px;
  line-height: 22px;
}
#imageSearchResults .results.grid-5 .entry .info-layer .top .btn.btn-sm i {
  font-size: 12px;
}
#imageSearchResults .results.grid-5 .entry .info-layer .top .license-type span {
  font-size: 10px;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
          box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}
#imageSearchResults .results.grid-5 .entry .info-layer .bottom {
  padding: 8px;
}
#imageSearchResults .results.grid-5 .entry .info-layer .bottom .description {
  font-size: 12px;
}
#imageSearchResults .results.grid-5 .entry .info-layer .bottom .author {
  font-size: 10px;
}
#imageSearchResults .results.grid-5 .entry .info-layer .bottom .entry-origin {
  display: none;
}
.map-radius-slider-wrapper {
  z-index: 15;
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: 200px;
  background-color: rgba(255, 255, 255, 0.55);
  padding: 8px 8px 16px 8px;
  border-radius: 6px;
  backdrop-filter: blur(3px);
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03);
          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03);
  border: 1px solid #F1F1F2;
}
.map-radius-slider-wrapper .irs-line {
  background-color: #A1A5B7;
}
.validate-has-error :not(:focus)[aria-invalid="true"] {
  border-color: #F44336;
  background-color: #fff5f8;
  outline-color: #F44336;
}
.validate-has-error:not(.focused) .control-label {
  color: #F44336 !important;
}
.validate-has-error select[aria-invalid="true"] + .select2-container .select2-selection {
  border-color: #F44336 !important;
}
.validate-has-error:not(.focused) > label.control-label {
  color: #F44336;
}
.validate-has-error span.validate-has-error,
.input-group + .validate-has-error {
  color: #F44336;
  display: block;
  font-weight: 500;
  font-size: 11px;
}
.validate-has-error:not(.focused) .char-counter {
  color: #F44336;
  border-color: #F44336;
}
span.validate-has-error + span.validate-has-error {
  display: none!important;
}
.error-msg {
  display: inline-block;
  margin-left: 4px;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  background-color: #fff5f8;
  color: #F44336;
  border-radius: 6px;
  width: 12px;
  line-height: 12px;
  text-align: center;
  font-size: 9px;
  font-weight: 600;
}
.col.validate-has-error .form-label-small {
  color: #F44336;
}
.validate-success {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpolygon points='0 0 24 0 24 24 0 24'/%3E%3Cpath d='M6.26193932,17.6476484 C5.90425297,18.0684559 5.27315905,18.1196257 4.85235158,17.7619393 C4.43154411,17.404253 4.38037434,16.773159 4.73806068,16.3523516 L13.2380607,6.35235158 C13.6013618,5.92493855 14.2451015,5.87991302 14.6643638,6.25259068 L19.1643638,10.2525907 C19.5771466,10.6195087 19.6143273,11.2515811 19.2474093,11.6643638 C18.8804913,12.0771466 18.2484189,12.1143273 17.8356362,11.7474093 L14.0997854,8.42665306 L6.26193932,17.6476484 Z' fill='%2350cd89' fill-rule='nonzero' transform='translate(11.999995, 12.000002) rotate(-180.000000) translate(-11.999995, -12.000002) '/%3E%3C/g%3E%3C/svg%3E");
  background-position: calc(100% - 8px) center;
  background-repeat: no-repeat;
}
.validate-danger {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect x='0' y='0' width='24' height='24'/%3E%3Cpath d='M11.1669899,4.49941818 L2.82535718,19.5143571 C2.557144,19.9971408 2.7310878,20.6059441 3.21387153,20.8741573 C3.36242953,20.9566895 3.52957021,21 3.69951446,21 L21.2169432,21 C21.7692279,21 22.2169432,20.5522847 22.2169432,20 C22.2169432,19.8159952 22.1661743,19.6355579 22.070225,19.47855 L12.894429,4.4636111 C12.6064401,3.99235656 11.9909517,3.84379039 11.5196972,4.13177928 C11.3723594,4.22181902 11.2508468,4.34847583 11.1669899,4.49941818 Z' fill='%23f1416c' opacity='0.3'/%3E%3Crect fill='%23f1416c' x='11' y='9' width='2' height='7' rx='1'/%3E%3Crect fill='%23f1416c' x='11' y='17' width='2' height='2' rx='1'/%3E%3C/g%3E%3C/svg%3E");
  background-position: calc(100% - 8px) center;
  background-repeat: no-repeat;
}
.validate-warning {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect x='0' y='0' width='24' height='24'/%3E%3Cpath d='M11.1669899,4.49941818 L2.82535718,19.5143571 C2.557144,19.9971408 2.7310878,20.6059441 3.21387153,20.8741573 C3.36242953,20.9566895 3.52957021,21 3.69951446,21 L21.2169432,21 C21.7692279,21 22.2169432,20.5522847 22.2169432,20 C22.2169432,19.8159952 22.1661743,19.6355579 22.070225,19.47855 L12.894429,4.4636111 C12.6064401,3.99235656 11.9909517,3.84379039 11.5196972,4.13177928 C11.3723594,4.22181902 11.2508468,4.34847583 11.1669899,4.49941818 Z' fill='%23ffc700' opacity='0.3'/%3E%3Crect fill='%23ffc700' x='11' y='9' width='2' height='7' rx='1'/%3E%3Crect fill='%23ffc700' x='11' y='17' width='2' height='2' rx='1'/%3E%3C/g%3E%3C/svg%3E");
  background-position: calc(100% - 8px) center;
  background-repeat: no-repeat;
}
#dbCleanupPanel .item-count,
#serverCleanupPanel .item-count {
  margin-bottom: 4px;
}
#dbCleanupPanel .action-head,
#serverCleanupPanel .action-head {
  margin-bottom: 4px;
  font-weight: 700;
}
#dbCleanupPanel .db-cleanup,
#serverCleanupPanel .db-cleanup,
#dbCleanupPanel .server-cleanup,
#serverCleanupPanel .server-cleanup {
  margin-bottom: 5px;
}
.form-group.head {
  text-align: center;
  font-weight: 700;
  border-bottom: 1px solid #ddd;
}
.tooltip-inner hr {
  margin: 5px 0;
  opacity: 0.25;
}
#qrCodePreview {
  padding: 16px;
  text-align: center;
}
#qrCodePreview img,
#qrCodePreview svg {
  display: inline-block;
  max-width: 100%;
}
#itemTable[data-cat="broken_links"] .td-url {
  word-break: break-all;
  min-width: 300px;
  font-size: 0.9em;
  line-height: 1.2em;
}
#itemTable[data-cat="broken_links"] .suggestion {
  word-break: break-all;
  font-size: 0.9em;
  line-height: 1.2em;
  font-weight: 500;
}
#itemTable[data-cat="broken_links"] .suggestion .placeholder {
  display: inline-block;
  width: 200px;
  height: 14px;
  border-radius: 8px;
  background-color: #f1faff;
  vertical-align: middle;
}
#itemTable[data-cat="broken_links"] .suggestion.text-danger {
  font-weight: 500;
}
#itemTable[data-cat="broken_links"] .suggestion.text-danger .placeholder {
  background-color: #fff5f8;
}
#itemTable[data-cat="broken_links"] .found-at-group {
  font-size: 1rem;
  line-height: 1.2em;
}
#itemTable[data-cat="broken_links"] .found-at-group + .found-at-group {
  margin-top: 5px;
}
#itemTable[data-cat="broken_links"] .found-at-entry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#itemTable[data-cat="broken_links"] .found-at-entry .found-at-entry-label {
  width: 200px;
  padding-left: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#itemTable[data-cat="broken_links"] .found-at-entry .found-at-col-label {
  color: #A1A5B7;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90px;
}
#itemTable[data-cat="broken_links"] .badge-dot {
  width: 7px;
  height: 7px;
  line-height: 7px;
  margin-right: 4px;
}
#itemTable[data-cat="broken_links"] .badge-dot.no-status {
  background-color: #50cd89;
}
#itemTable[data-cat="broken_links"] .badge-dot:before {
  content: none;
}
#itemTable[data-cat="broken_links"] a > * {
  pointer-events: none;
}
#modalBrokenLinksSuggestion,
#modalBrokenLinksOldUrl {
  font-size: 12px;
}
#modalBrokenLinksSuggestion:empty:before {
  content: "—";
}
#modalBrokenLinksSuggestion a {
  color: #009ef7;
}
#modalBrokenLinksOldUrl a {
  color: #f1416c;
}
#business_hours_details .disabled {
  position: relative;
  cursor: not-allowed;
}
#business_hours_details .disabled:after {
  content: '';
  display: block;
  position: absolute;
  z-index: 5;
  background-color: rgba(255, 255, 255, 0.55);
  top: 0;
  right: 0;
  bottom: 1px;
  left: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
#business_hours_details .business_hours_details {
  border: 1px solid #B5B5C3;
  border-radius: 6px;
}
#business_hours_details .business_hours_details .label-control.margin-top {
  margin-top: 8px;
}
#business_hours_details .head {
  position: relative;
  color: #A1A5B7;
  font-weight: 500;
  margin-bottom: 8px;
}
#business_hours_details .head span {
  float: right;
  color: #b3b3b3;
}
#business_hours_details .head span:hover {
  color: #009ef7;
}
#business_hours_details .error-msg {
  display: none;
}
#business_hours_details .head-row {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
#business_hours_details .head-row .form-check .form-check-input {
  visibility: hidden;
  width: 0;
  overflow: hidden;
}
#business_hours_details .head-row .form-check .form-check-label {
  margin-left: 0;
}
#business_hours_details .head-row > .col {
  padding: 8px 16px;
}
#business_hours_details .head-row:hover {
  background-color: #F5F8FA;
  cursor: pointer;
}
#business_hours_details .day-name .form-check {
  pointer-events: none;
}
#business_hours_details .sub-rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 8px 8px 8px;
}
#business_hours_details .timespan {
  padding: 8px 8px;
}
#business_hours_details .btns {
  padding: 8px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
#business_hours_details .time-range input {
  width: 65px;
  text-align: center;
}
#business_hours_details .day + .day {
  border-top: 1px dashed #B5B5C3;
}
#business_hours_details .day,
#business_hours_details .period,
#business_hours_details .business_hours_details,
#business_hours_details .business_hours_varying_day,
#business_hours_details .date {
  position: relative;
}
#business_hours_details .day.has-error .error-msg,
#business_hours_details .period.has-error .error-msg,
#business_hours_details .business_hours_details.has-error .error-msg,
#business_hours_details .business_hours_varying_day.has-error .error-msg,
#business_hours_details .date.has-error .error-msg {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 150px;
  right: 150px;
  z-index: 10;
  text-align: center;
  border-radius: 50%;
}
#business_hours_details .day.has-error .error-msg:before,
#business_hours_details .period.has-error .error-msg:before,
#business_hours_details .business_hours_details.has-error .error-msg:before,
#business_hours_details .business_hours_varying_day.has-error .error-msg:before,
#business_hours_details .date.has-error .error-msg:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f06a";
  display: inline-block;
  color: #f1416c;
  font-size: 20px;
}
#business_hours_details .business_hours_details.has-error,
#business_hours_details .business_hours_varying_day.has-error {
  border-color: #f1416c;
}
#business_hours_details .business_hours_details.has-error .day .error-msg,
#business_hours_details .business_hours_varying_day.has-error .day .error-msg {
  display: none;
}
#business_hours_details .datepicker.has-error,
#business_hours_details .timepicker2.has-error {
  border-color: #f1416c;
}
#business_hours_details .closed-label,
#business_hours_details .open-label {
  display: inline-block;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  border-radius: 6px;
  padding: 2px 6px;
}
#business_hours_details .closed-label {
  color: #ffc700;
  background-color: #fff8dd;
}
#business_hours_details .open-label {
  color: #50cd89;
  background-color: #e8fff3;
}
#business_hours_details .closed-label:hover {
  color: #e6b300;
}
#business_hours_details .open-label:hover {
  color: #3cc77c;
}
#business_hours_details .top-row {
  margin-bottom: 8px;
}
#business_hours_details .add-info {
  padding: 16px 16px;
  border-top: 1px solid #B5B5C3;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
#business_hours_details .add-info .label-control {
  position: relative;
  display: block;
}
#business_hours_details .add-info .label-control .normal {
  font-weight: 400;
}
#business_hours_details .copy-timespan-wrapper {
  display: inline-block;
}
#business_hours_details .copy-timespan-wrapper .dropdown-menu .menu-item.active .menu-link {
  background-color: #f1faff;
  color: #009ef7;
  font-weight: 500;
}
#business_hours_details .remove-timespan {
  font-size: 20px;
  line-height: 36px;
}
#business_hours_details #business_hours_varying > .business_hours_details {
  margin-bottom: 8px;
}
#business_hours_details .business_hours_varying {
  margin-top: 8px;
}
#business_hours_details .business_hours_details {
  background-color: #fff;
}
#business_hours_details .business_hours_details.hide-year:not(.show-year-tmp) .date-range .input-group:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 7px;
  bottom: 7px;
  left: 98px;
  width: 35px;
  background-color: rgba(245, 248, 250, 0.75);
  pointer-events: none;
  z-index: 1;
}
#business_hours_details .business_hours_details.hide-year:not(.show-year-tmp) .date-range .input-group:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 7px;
  bottom: 7px;
  left: 218px;
  width: 35px;
  background-color: rgba(245, 248, 250, 0.75);
  pointer-events: none;
  z-index: 1;
}
#business_hours_details .business_hours_details .period {
  border-bottom: 1px solid #B5B5C3;
  padding: 8px 0;
}
#business_hours_details .business_hours_details .period .flex-justify > .col {
  padding: 8px 16px;
}
#business_hours_details .business_hours_details .period .every-year-wrapper {
  text-align: left;
  padding-top: 16px !important;
}
#business_hours_details .business_hours_details .period .btns {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
#business_hours_details .business_hours_details .period .date-range {
  width: 310px;
}
#business_hours_details .business_hours_details .period .datepicker {
  width: 115px;
  text-align: center;
  -ms-flex-negative: 0!important;
      flex-shrink: 0!important;
  -webkit-box-flex: 0!important;
      -ms-flex-positive: 0!important;
          flex-grow: 0!important;
}
#business_hours_details .blank-text {
  line-height: 36px;
}
#business_hours_details .business_hours_varying_day {
  border: 1px solid #B5B5C3;
  border-radius: 6px;
  background-color: #fff;
  margin-bottom: 8px;
}
#business_hours_details .business_hours_varying_day .date {
  padding: 8px 0;
  border-bottom: 1px solid #B5B5C3;
}
#business_hours_details .business_hours_varying_day .date .flex-justify > .col {
  padding: 8px 16px;
}
#business_hours_details .business_hours_varying_day .date .every-year-wrapper {
  text-align: left;
  padding-top: 16px !important;
}
#business_hours_details .business_hours_varying_day .date .btns {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
#business_hours_details .business_hours_varying_day .date .date-row {
  width: 310px;
}
#business_hours_details .business_hours_varying_day .date .datepicker {
  width: 115px;
  text-align: center;
  -ms-flex-negative: 0!important;
      flex-shrink: 0!important;
  -webkit-box-flex: 0!important;
      -ms-flex-positive: 0!important;
          flex-grow: 0!important;
}
#business_hours_details .business_hours_varying_day.hide-year:not(.show-year-tmp) .date-range .input-group:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 7px;
  bottom: 7px;
  left: 90px;
  width: 35px;
  background-color: rgba(245, 248, 250, 0.75);
  pointer-events: none;
  z-index: 1;
}
#business_hours_details .business_hours_varying_day.hide-year:not(.show-year-tmp) .date-range .input-group:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 7px;
  bottom: 7px;
  left: 195px;
  width: 35px;
  background-color: rgba(245, 248, 250, 0.75);
  pointer-events: none;
  z-index: 1;
}
@media (max-width: 1349px) {
  #business_hours_details .sub-rows {
    margin-left: 0;
  }
  #business_hours_details .timepickerIcon:before {
    display: none;
  }
  #business_hours_details .timepickerIcon input {
    padding-left: 12px;
  }
}
.primitive-bh-wrapper .day {
  margin-top: 8px;
}
.cke-helper,
.modal-helper {
  z-index: 100001;
  position: fixed;
  top: 5px;
  right: 5px;
  bottom: 5px;
  pointer-events: none;
  min-width: 300px;
  width: 40%;
  max-width: 500px;
}
.cke-helper.open,
.modal-helper.open {
  pointer-events: all;
}
.cke-helper .dropdown-menu,
.modal-helper .dropdown-menu {
  position: relative;
  top: 0;
  height: 100%;
  max-height: none!important;
}
.cke-helper .scroll-y,
.modal-helper .scroll-y {
  max-height: calc(100vh - 95px) !important;
  margin-bottom: 0!important;
}
.invoice-rows.fixed-rows .invoice-row {
  padding: 10.66666667px;
}
.invoice-rows.fixed-rows .invoice-row .form-control,
.invoice-rows.fixed-rows .invoice-row .input-group-text,
.invoice-rows.fixed-rows .invoice-row .select2-container--bootstrap5 {
  border-color: transparent!important;
  background-color: transparent!important;
}
.invoice-rows.fixed-rows .invoice-row .form-select {
  background: transparent;
}
.invoice-rows.fixed-rows .invoice-row .enter-brutto-col,
.invoice-rows.fixed-rows .invoice-row .btn.remove {
  visibility: hidden;
  pointer-events: none;
}
.invoice-rows.head {
  font-weight: 700;
  color: #A1A5B7;
  padding: 0 10.66666667px;
}
.invoice-rows.footer {
  font-size: 12px;
  color: #A1A5B7;
  padding: 5.33333333px 10.66666667px;
  opacity: 0.25;
  -webkit-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
}
.invoice-rows.footer .col.invoice-sum-netto,
.invoice-rows.footer .col.invoice-sum-tax,
.invoice-rows.footer .col.invoice-sum-brutto {
  font-weight: 700;
  white-space: nowrap;
}
.invoice-rows.footer .col.invoice-sum-brutto {
  text-decoration-line: underline;
  text-decoration-style: double;
  text-decoration-color: rgba(0, 0, 0, 0.15);
}
.invoice-rows.footer .col.invoice-sum-tax {
  padding-left: 8px;
}
.invoice-rows.footer .col.invoice-sum-netto,
.invoice-rows.footer .col.invoice-sum-brutto {
  text-align: right;
}
.invoice-rows.footer:hover {
  opacity: 1;
}
.btn.loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  border-top: 3px solid #E4E6EF;
  border-right: 3px solid #E4E6EF;
  border-bottom: 3px solid #E4E6EF;
  border-left: 3px solid #009ef7;
  -webkit-animation: loader-animation-abs-center 1.1s infinite linear;
          animation: loader-animation-abs-center 1.1s infinite linear;
}
.btn.loading.btn-primary:before {
  border-top: 3px solid rgba(255, 255, 255, 0.3);
  border-right: 3px solid rgba(255, 255, 255, 0.3);
  border-bottom: 3px solid rgba(255, 255, 255, 0.3);
  border-left: 3px solid #fff;
}
.div-loading.loading {
  min-height: 40px;
}
.div-loading.loading:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(1px);
}
.div-loading.loading:after {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  border-top: 3px solid #E4E6EF;
  border-right: 3px solid #E4E6EF;
  border-bottom: 3px solid #E4E6EF;
  border-left: 3px solid #009ef7;
  -webkit-animation: loader-animation-abs-center 1.1s infinite linear;
          animation: loader-animation-abs-center 1.1s infinite linear;
}
.loader-countdown[data-time="15"] {
  -webkit-animation: loader-animation-abs-center 15s infinite linear;
          animation: loader-animation-abs-center 15s infinite linear;
}
body.form-only #itemFormSections {
  display: none!important;
}
body.form-only #formSubheader {
  top: 0!important;
  left: 0!important;
}
body.form-only #main-content-item {
  padding-right: 0!important;
}
body.form-only #main-content {
  padding-top: 0;
}
body.form-only .page-container {
  padding-left: 0!important;
}
.inline-spellcheck-controls {
  position: absolute;
  top: 2px;
  right: 10px;
  display: inline-block;
  padding: 2px;
  line-height: 1em;
  pointer-events: none;
}
.inline-spellcheck-controls .toolgroup {
  border: 1px solid #ddd;
  border-radius: 3px;
  display: none;
}
.inline-spellcheck-controls .toolgroup:before,
.inline-spellcheck-controls .toolgroup:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.inline-spellcheck-controls .toolgroup:after {
  clear: both;
}
.inline-spellcheck-controls .indicator {
  display: none;
  font-size: 20px;
}
.inline-spellcheck-controls .indicator.has-error {
  display: inline-block;
  color: #ffc700;
}
.inline-spellcheck-controls.in {
  background-color: #eee;
  border: 1px solid #ddd;
  top: auto;
  bottom: 100%;
  right: 8px;
  pointer-events: all;
}
.inline-spellcheck-controls.in .toolgroup {
  display: inline-block;
}
.inline-spellcheck-controls.in .indicator {
  display: none;
}
.inline-spellcheck-controls a {
  display: inline-block;
  float: left;
  font-size: 20px;
  background-color: #fff;
  width: 30px;
  line-height: 30px;
  text-align: center;
}
.inline-spellcheck-controls a:first-of-type {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.inline-spellcheck-controls a:last-of-type {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.inline-spellcheck-controls a:hover {
  background-color: #e1edf7;
}
.inline-spellcheck-controls a.ignore {
  color: #50cd89;
}
.inline-spellcheck-controls a.ignore.ignored {
  color: #f1416c;
}
.spellcheck-error {
  display: inline-block;
  cursor: pointer;
  white-space: pre;
  border-bottom: 3px dotted #e53935;
  margin-bottom: -3px;
  background-color: #f003;
  min-width: 7px;
}
.spellcheck-error.whiteSpace {
  white-space: pre;
}
.spellCheckType-UnknownWord {
  border-bottom-color: #e53935;
  background-color: #f003;
}
.spellCheckType-CustomMisformat {
  border-bottom-color: #8e24aa;
  background-color: #e1bee7;
}
.spellCheckType-Hint {
  border-bottom-color: #0288d1;
  background-color: #b2ebf2;
}
.spellCheckType-Other {
  border-bottom-color: #f9a825;
  background-color: #fee481;
}
#spellCheckContainer {
  display: inline-block;
  position: absolute;
  z-index: 1055;
  background-color: #fff;
  min-width: 300px;
  max-width: 400px;
  top: 100px;
  left: 100px;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
}
#spellCheckContainer .col {
  display: inline-block;
  width: 50%;
  float: left;
}
#spellCheckContainer #spellCheck_msg {
  background-color: #fcfcfc;
  padding: 8px;
  font-weight: bold;
}
#spellCheckContainer #spellCheck_replacements {
  max-height: 185px;
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}
#spellCheckContainer #spellCheck_replacements div {
  cursor: pointer;
  padding: 8px;
  font-weight: 700;
  color: #666666;
}
#spellCheckContainer #spellCheck_replacements div:hover {
  background-color: #FFFFBF;
  color: #000;
}
#spellCheckContainer #spellCheck_replacements:empty:before {
  content: "keine Vorschläge";
  display: block;
  font-style: italic;
  padding: 8px;
  opacity: 0.55;
}
#spellCheckContainer #spellCheck_replacements .whitespace:before {
  content: "(einzelnes Leerzeichen)";
}
#spellCheckContainer #spellCheck_customActions div {
  border-top: 1px solid #efefef;
  cursor: pointer;
  padding: 8px;
  position: relative;
}
#spellCheckContainer #spellCheck_customActions div img {
  display: inline-block;
  height: 16px;
  margin-right: 6px;
  margin-top: -4px;
}
#spellCheckContainer #spellCheck_customActions div .icon {
  display: inline-block;
  width: 18px;
  line-height: 18px;
  margin-right: 6px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  margin-top: -4px;
}
#spellCheckContainer #spellCheck_customActions div .icon-external-link {
  display: inline-block;
  float: right;
  font-size: 20px;
  margin-top: -4px;
  opacity: 0.55;
}
#spellCheckContainer #spellCheck_addToDict .icon {
  background-color: #50cd89;
}
#spellCheckContainer #spellCheck_addToDict:hover {
  background-color: #50cd89;
  color: #fff;
}
#spellCheckContainer #spellCheck_addToDictNames .icon {
  background-color: #009ef7;
}
#spellCheckContainer #spellCheck_addToDictNames:hover {
  background-color: #009ef7;
  color: #fff;
}
#spellCheckContainer #spellCheck_addToDictForeign .icon {
  background-color: #ffc700;
}
#spellCheckContainer #spellCheck_addToDictForeign:hover {
  background-color: #ffc700;
  color: #fff;
}
#spellCheckContainer #spellCheck_searchOnGoogle,
#spellCheckContainer #spellCheck_searchOnDuden {
  font-style: italic;
}
#spellCheckContainer #spellCheck_searchOnGoogle:hover,
#spellCheckContainer #spellCheck_searchOnDuden:hover {
  background-color: #fcfcfc;
}
#spellCheckContainer #spellCheck_googleResults {
  padding: 0;
}
#spellCheckContainer #spellCheck_googleResults iframe {
  width: 100%;
  border: 0;
  height: 300px;
}
#spellCheckContainer #spellCheck_addToDict,
#spellCheckContainer #spellCheck_addToDictNames,
#spellCheckContainer #spellCheck_addToDictForeign,
#spellCheckContainer #spellCheck_tmpIgnore,
#spellCheckContainer #spellCheck_searchOnGoogle,
#spellCheckContainer #spellCheck_searchOnDuden {
  display: none;
}
#spellCheckContainer.type-UnknownWord #spellCheck_addToDict,
#spellCheckContainer.type-UnknownWord #spellCheck_addToDictNames,
#spellCheckContainer.type-UnknownWord #spellCheck_addToDictForeign,
#spellCheckContainer.type-UnknownWord #spellCheck_tmpIgnore,
#spellCheckContainer.type-UnknownWord #spellCheck_searchOnGoogle,
#spellCheckContainer.type-UnknownWord #spellCheck_searchOnDuden {
  display: block;
}
#spellCheckContainer.type-Other #spellCheck_searchOnGoogle,
#spellCheckContainer.type-Other #spellCheck_searchOnDuden {
  display: block;
}
#spellCheckContainer.noSearch #spellCheck_searchOnGoogle,
#spellCheckContainer.noSearch #spellCheck_searchOnDuden {
  display: none;
}
#spellCheckBackdrop {
  z-index: 1054;
  position: absolute;
  left: -9999px;
  right: -9999px;
  top: -9999px;
  bottom: -9999px;
}
.spellcheck-wrapper {
  position: relative;
}
.spellcheck-wrapper.hide-error-pointer .spellcheck-error {
  cursor: text!important;
}
.spellcheck-wrapper.hide-color-highlight .spellcheck-error {
  background-color: transparent!important;
}
/**
 * jQuery toast plugin created by Kamran Ahmed copyright MIT license 2014
 */
.jq-toast-wrap {
  display: block;
  position: fixed;
  min-width: 250px;
  max-width: 350px;
  pointer-events: none !important;
  margin: 0;
  padding: 0;
  letter-spacing: normal;
  z-index: 9000 !important;
}
.jq-toast-wrap * {
  margin: 0;
  padding: 0;
}
.jq-toast-wrap.bottom-left {
  bottom: 20px;
  left: 20px;
}
.jq-toast-wrap.bottom-right {
  bottom: 20px;
  right: 40px;
}
.jq-toast-wrap.top-left {
  top: 20px;
  left: 20px;
}
.jq-toast-wrap.top-right {
  top: 5px;
  right: 5px;
}
.jq-toast-single {
  display: block;
  width: 100%;
  padding: 10px;
  margin: 0px 0px 5px;
  border-radius: 4px;
  font-size: 13px;
  position: relative;
  pointer-events: all !important;
  border-bottom: 4px solid rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.4);
  /*
	a {
		color           : #eee;
		text-decoration : none;
		font-weight     : bold;
		border-bottom   : 1px solid white;
		padding-bottom  : 3px;
		font-size       : 12px;
	}
	*/
}
.jq-toast-single .jq-toast-heading {
  font-weight: 700;
}
.jq-toast-single h2 {
  font-size: 13px;
  background: none;
  color: inherit;
  line-height: inherit;
  letter-spacing: normal;
}
.jq-toast-single .btn {
  color: #fff;
  margin-top: 8px;
  background-color: rgba(255, 255, 255, 0.1);
}
.jq-toast-single .btn:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.jq-toast-single .btn-group {
  width: 100%;
}
.jq-toast-single .btn-group .btn {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  width: 100%;
  min-width: 0;
}
.close-jq-toast-single {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -4px;
  width: 34px;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.close-jq-toast-single:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.jq-toast-loader {
  display: block;
  position: absolute;
  bottom: -4px;
  height: 4px;
  width: 100%;
  left: 0;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.4);
}
.jq-toast-loaded {
  width: 0%;
}
.jq-has-icon {
  padding: 10px 40px 10px 46px;
}
.jq-has-icon:before {
  position: absolute;
  top: 10px;
  left: 10px;
  font-family: 'Font Awesome 6 Pro';
  font-size: 16px;
  display: inline-block;
  margin-right: 12px;
}
.jq-icon-info {
  background-color: #009ef7;
  color: #fff;
}
.jq-icon-info:before {
  content: '\f05a';
}
.jq-icon-ajax-loader {
  background-color: #009ef7;
  color: #fff;
  border-bottom: 0;
}
.jq-icon-ajax-loader .jq-toast-loader {
  display: none;
}
.jq-icon-ajax-loader:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  border-top: 3px solid rgba(255, 255, 255, 0.3);
  border-right: 3px solid rgba(255, 255, 255, 0.3);
  border-bottom: 3px solid rgba(255, 255, 255, 0.3);
  border-left: 3px solid #fff;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-animation: loader-animation 1.1s infinite linear;
          animation: loader-animation 1.1s infinite linear;
  margin: 0;
}
.jq-icon-success {
  background-color: #50cd89;
  color: #fff;
}
.jq-icon-success:before {
  content: '\f00c';
}
.jq-icon-question {
  background-color: #009ef7;
  color: #fff;
}
.jq-icon-question:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M256 336c-18 0-32 14-32 32c0 18 13.1 32 32 32c17.1 0 32-13.1 32-32C288 350 273.1 336 256 336zM289.1 128h-51.1C198.1 128 168 158.1 168 198c0 12.1 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 158.1 328.1 128 289.1 128z'/%3E%3Cpath fill='%23ffffff' opacity='0.4' d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 400c-18 0-32-14-32-32s13.1-32 32-32c17.1 0 32 14 32 32S273.1 400 256 400zM325.1 258L280 286V288c0 13-11 24-24 24S232 301 232 288V272c0-8 4-16 12-21l57-34C308 213 312 206 312 198C312 186 301.1 176 289.1 176h-51.1C225.1 176 216 186 216 198c0 13-11 24-24 24s-24-11-24-24C168 159 199 128 237.1 128h51.1C329 128 360 159 360 198C360 222 347 245 325.1 258z'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: contain;
}
.jq-icon-warning {
  background-color: #ffc700;
  color: #fff;
}
.jq-icon-warning:before {
  content: '\f071';
}
.jq-icon-danger {
  background-color: #f1416c;
  color: #fff;
}
.jq-icon-danger:before {
  content: '\f06a';
}
.card {
  position: relative;
  margin: 0;
  border-radius: 6px;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03);
          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03);
  border: 1px solid #F1F1F2;
}
.card .card-rounded-bottom {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.card .card-rounded-bottom .apexcharts-canvas svg {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.card .card-p {
  padding: 26px 30px;
}
.card .card-toolbar .btn {
  text-align: center;
  display: inline-block;
}
.card .loader {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.card .card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-height: 70px;
  min-width: 0;
  padding: 16px 30px 0 30px;
}
.card .card-header .card-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0.5rem;
  margin-left: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.card .card-header .card-title .card-label {
  margin: 0 0.75rem 0 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-weight: 600;
  color: #181C32;
  font-size: 16px;
}
.card .card-header .card-title .card-label-sub {
  color: #A1A5B7;
  font-size: 12px;
  font-weight: 500;
  margin-top: 3px;
}
.card .card-header .card-title .card-tags {
  margin-top: 3px;
  min-width: 0;
  white-space: normal;
  max-width: 100%;
}
.card .card-header .card-title .card-tags span {
  margin-right: 3px;
  margin-bottom: 3px;
}
.card .card-body {
  padding: 16px 30px;
}
.card .card-body.card-body-split {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.card .card-body.card-body-split > .col {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.card .card-body.map-padding {
  padding: 16px 30px 30px 30px;
}
.card .card-footer {
  padding: 16px 30px;
}
.card .card-footer:empty {
  display: none;
}
.card .card-footer .attachments:empty {
  display: none;
}
.card .card-footer .attachments:not(:empty):before {
  content: "Downloads";
  display: block;
  font-weight: 500;
  color: #A1A5B7;
  font-size: 14px;
  margin-bottom: 8px;
}
.card .card-footer .attachments .file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  border-radius: 6px;
}
.card .card-footer .attachments .file img {
  display: inline-block;
  height: 20px;
  margin-right: 8px;
}
.card .card-footer .attachments .file .name {
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card .card-footer .attachments .file .filesize {
  font-weight: 400;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45px;
          flex: 0 0 45px;
  text-align: right;
  white-space: nowrap;
}
.card .card-footer .attachments .file:hover {
  background-color: #F5F8FA;
  color: #009ef7;
}
.card .card-footer .attachments .file + .file {
  border-top: 1px dotted rgba(0, 0, 0, 0.15);
}
#cmsSearch .form-control {
  border: 0;
  padding-left: 8px;
}
#cmsSearch #cmsSearchInput,
#cmsSearch .input-group-text {
  background-color: #EFF2F5;
}
#cmsSearch #cmsSearchInput {
  width: 180px;
  -webkit-transition: width 0.15s ease-in-out;
  transition: width 0.15s ease-in-out;
}
#cmsSearch .input-group-text {
  border: 0;
  padding-right: 0;
  width: 36px;
  padding-left: 0;
}
#cmsSearch.focus #cmsSearchInput {
  width: 180px;
  outline: 0;
}
#cmsSearch.focus #cmsSearchInput,
#cmsSearch.focus .input-group-text {
  background-color: #EFF2F5;
}
#cmsSearch.focus .input-group {
  outline: 2px solid #009ef7;
  border-radius: 6px;
}
#cmsSearch.focus .hotkey-hint {
  display: none;
}
#cmsSearch .loader {
  position: absolute;
  top: 0;
  right: 0;
}
#cmsSearch .char-counter {
  display: none!important;
}
#cmsSearch .btn.clear-input {
  display: none;
}
#cmsSearch .btn.clear-input.in {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
#cmsSearch .dropdown-menu {
  min-width: 320px;
}
#cmsSearch .dropdown-menu .search-results {
  max-height: calc(100vh - 180px);
}
#cmsSearch .dropdown-menu .footer {
  padding: 8px 16px;
}
.sort-results {
  white-space: nowrap;
  color: #A1A5B7;
  font-size: 11px;
  position: relative;
}
.sort-results .fa-duotone {
  position: absolute;
  left: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: 1px;
  z-index: 1;
}
.sort-results .select2-container--bootstrap5 {
  height: 34px;
  background-color: transparent;
}
.sort-results .select2-container--bootstrap5 .select2-selection.form-control {
  min-height: 34px;
  font-size: 11px;
  background: none;
  padding: 4px 10px 4px 20px!important;
  border: 0;
}
.sort-results .select2-container--bootstrap5 .select2-selection.form-control .select2-selection__rendered {
  min-height: 0;
  line-height: 14px;
}
.sort-results:hover .select2-container--bootstrap5 {
  background-color: #f1faff;
}
.sort-results:hover .select2-container--bootstrap5 .select2-selection__rendered {
  color: #009ef7;
}
.sort-results:hover .fa-duotone {
  color: #009ef7;
}
.sort-results a {
  display: block;
  width: 55px;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sort-results a:hover {
  font-weight: 500;
  color: #009ef7;
}
.sort-results a.active {
  font-weight: 700;
  color: #009ef7;
}
.sort-results a + a {
  margin-left: 5px;
}
.search-results {
  /*
	.date {
		margin-right: @grid-gutter-width/2;
		font-size   : 11px;
		color       : @text-muted;
		white-space : nowrap;

		i {
			font-size : 10px;
			margin-right: 3px;
		}
	}
	*/
}
.search-results .symbol {
  margin-right: 16px;
  border-radius: 3px;
  width: 28px;
  height: 28px;
}
.search-results .symbol img {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 3px;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.search-results .symbol .symbol-icon {
  font-size: 16px;
}
.search-results .symbol .svg-icon svg {
  width: 16px;
  height: 16px;
}
.search-results .item-label-wrapper {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 16px;
  min-width: 0;
}
.search-results .item-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.search-results .item-label w > div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.search-results .item-subline {
  font-size: 10px;
  font-weight: 400;
  color: #A1A5B7;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.search-results mark {
  font-weight: 700;
  color: inherit;
  background-color: #FFFFAA;
}
.search-results .badges-wrapper {
  margin-right: 5px;
  font-size: 12px;
  line-height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.search-results .badges-wrapper > * {
  opacity: 0.55;
  margin: 3px;
}
.search-results .menu-item + .head {
  margin-top: 16px;
}
.search-results .badge-status {
  margin-right: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.search-results .item-id {
  min-width: 60px;
}
.search-results:not(:hover) .search-result.active {
  background-color: #F5F8FA;
}
.search-results:not(:hover) .search-result.active:after {
  content: "";
  position: absolute;
  right: -3px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #009ef7;
  border-radius: 3px;
  margin: 0 8px;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15'%3E%3Cg fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: 13px 13px;
}
.search-results:not(:hover) .search-result.active .menu-link {
  color: #009ef7;
}
.search-results:not(:hover) .search-result.active .menu-link .symbol .symbol-icon i {
  color: #009ef7;
}
.search-results:not(:hover) .search-result.active .badges-wrapper > * {
  opacity: 1;
}
.search-results.searching .menu-item {
  opacity: 0.55;
  pointer-events: none;
}
.key-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.key-wrapper .key {
  background-color: #EFF2F5;
  border-radius: 3px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 18px;
  min-width: 20px;
}
.key-wrapper .key:not(.bordered) {
  -webkit-box-shadow: 0 1px 2px 0px rgba(30, 35, 90, 0.2);
          box-shadow: 0 1px 2px 0px rgba(30, 35, 90, 0.2);
}
.key-wrapper .key.bordered {
  outline: 1px solid #B5B5C3;
}
.key-wrapper .key > span {
  opacity: 0.4;
  font-weight: 700;
  display: inline-block;
  padding: 0 3px;
  font-size: 10px;
  letter-spacing: -1px;
}
.key-wrapper .key svg {
  opacity: 0.4;
}
.key-wrapper .key + .key {
  margin-left: 4px;
}
.key-wrapper .text {
  margin-left: 5px;
  font-size: 10px;
}
.key-wrapper + .key-wrapper {
  margin-left: 10px;
}
#headerItemsHistory .item-label {
  padding-right: 8px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#headerItemsPinned .item-label {
  padding-right: 8px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#headerItemsPinnedList:empty:before {
  content: "keine Einträge";
  display: block;
  padding: 8px 16px;
  color: #A1A5B7;
}
#headerItemsPinnedList .pin-item {
  margin-left: 8px;
}
.pin-item {
  position: relative;
}
.pin-item.is-pinned:not(.remove):after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #009ef7;
  position: absolute;
  top: 3px;
  right: 3px;
}
.pin-item.is-pinned:not(.remove).menu-link:after {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  width: 16px;
  height: 16px;
  color: #fff;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  top: 9px;
  right: 6px;
}
.pin-item.btn-danger {
  margin-left: 8px;
}
.timeline {
  position: relative;
  min-height: 50px;
}
.timeline:before {
  content: "";
  position: absolute;
  left: 61px;
  width: 2px;
  top: 0;
  bottom: 2px;
  background-color: #EFF2F5;
}
.timeline .timeline-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  margin-bottom: 16px;
}
.timeline .timeline-item .timeline-delete {
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  margin-left: 8px;
  display: inline-block;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  background-color: #fff;
}
.timeline .timeline-item:hover .cat-label {
  opacity: 0;
}
.timeline .timeline-item:hover .timeline-badge {
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}
.timeline .timeline-item:hover .timeline-delete {
  opacity: 1;
}
.timeline .timeline-item .timeline-label {
  width: 60px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  text-align: right;
  padding-right: 15px;
  font-weight: 600;
  color: #3F4254;
  -webkit-transform-origin: center right;
          transform-origin: center right;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.timeline .timeline-item.date-change {
  margin-top: 32px;
  margin-bottom: 10.66666667px;
  pointer-events: none;
}
.timeline .timeline-item.date-change:before {
  content: "";
  position: absolute;
  left: 61px;
  width: 5px;
  height: 34px;
  bottom: 100%;
  background-color: #fff;
}
.timeline .timeline-item.date-change:after {
  content: "";
  position: absolute;
  left: 61px;
  width: 0;
  height: 30px;
  bottom: calc(100% + 2px);
  border-left: 3px dotted #EFF2F5;
}
.timeline .timeline-item.date-change:first-of-type {
  background-color: #fff;
  margin-top: 0;
}
.timeline .timeline-item.date-change:first-of-type:before,
.timeline .timeline-item.date-change:first-of-type:after {
  display: none;
}
.timeline .timeline-item.type-nodata {
  margin-top: 32px;
  margin-bottom: 32px;
  pointer-events: none;
}
.timeline .timeline-item.type-nodata:before {
  content: "";
  position: absolute;
  left: 61px;
  width: 5px;
  height: 44px;
  bottom: calc(100% - 10px);
  background-color: #fff;
}
.timeline .timeline-item.type-nodata:after {
  content: "";
  position: absolute;
  left: 61px;
  width: 0;
  height: 40px;
  bottom: calc(100% - 8px);
  border-left: 3px dotted #EFF2F5;
  z-index: 1;
}
.timeline .timeline-item.type-nodata:first-of-type {
  background-color: #fff;
  margin-top: 0;
}
.timeline .timeline-item.type-nodata:first-of-type:before,
.timeline .timeline-item.type-nodata:first-of-type:after {
  display: none;
}
.timeline .timeline-item.type-nodata .entry-action {
  color: #A1A5B7;
  font-size: 11px;
}
.timeline .timeline-item.type-nodata .timeline-content {
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
}
.timeline .timeline-item .timeline-date {
  left: 61px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 3px 6px;
  border-radius: 3px;
  background-color: #EFF2F5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  text-align: center;
  font-size: 11px;
  font-weight: 500;
  z-index: 1;
  color: #7E8299;
}
.timeline .timeline-item .entry-action {
  font-weight: 600;
}
.timeline-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 10px;
  width: 100%;
  color: #3F4254;
}
.timeline-content .details {
  background-color: #F5F8FA;
  border-radius: 6px;
  padding: 6px 12px;
  margin-top: 3px;
  color: #3F4254;
}
.timeline-content .details a:hover {
  color: #009ef7;
}
.timeline-content .details:empty {
  display: none;
}
.timeline-content .entry-action {
  display: block;
}
.timeline-content .entry-action .cat-label,
.timeline-content .entry-action .restore-auto-backup {
  float: right;
  margin-top: -2px;
}
.timeline-content .entry-action .restore-auto-backup:hover {
  color: #009ef7;
  background-color: #f1faff;
}
.timeline-content .info {
  font-size: 12px;
}
.timeline-content .info:empty {
  display: none;
}
.timeline-content .user {
  color: #A1A5B7;
  font-size: 11px;
  margin-top: 3px;
}
.timeline-content .user:empty {
  display: none;
}
.timeline-content .user a {
  color: #A1A5B7;
}
.timeline-content .user a:hover {
  color: #009ef7;
}
.timeline-badge {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #fff;
  width: 17px;
  height: 17px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
  position: relative;
  margin-top: 2px;
  margin-left: -6px;
  border: 7px solid #A1A5B7;
  outline: 3px solid #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.timeline-badge.info,
.timeline-badge.primary {
  background-color: #009ef7;
  border-color: #f1faff;
}
.timeline-badge.success {
  background-color: #50cd89;
  border-color: #e8fff3;
}
.timeline-badge.warning {
  background-color: #ffc700;
  border-color: #fff8dd;
}
.timeline-badge.warning-sign {
  border-color: #ffc700;
  background-color: #ffc700;
}
.timeline-badge.warning-sign:before {
  content: "⚠";
  color: #fff;
  font-size: 9px;
  line-height: 14px;
}
.timeline-badge.danger {
  background-color: #f1416c;
  border-color: #fff5f8;
}
.timeline-badge.danger-sign {
  border-color: #f1416c;
  background-color: #f1416c;
}
.timeline-badge.danger-sign:before {
  content: "!";
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 14px;
}
.timeline-badge.danger {
  border-color: #f1416c;
}
.timeline-badge.custom {
  border-color: #ab47bc;
}
.timeline-badge.time-break {
  width: 15px;
  height: 5px;
  padding: 0;
  margin-top: 10px;
  margin-left: -5px;
  border-width: 2px;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  border-color: #E4E6EF;
}
.timeline-icon {
  z-index: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 1rem;
}
.color-picker {
  display: block;
  height: 40px;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #EFF2F5;
  position: relative;
}
.color-picker .preview {
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.color-picker .preview .text {
  font-size: 10px;
  color: #000;
  text-shadow: -1px -1px 1px #fff, 0px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 0px 1px 1px #fff, 1px 1px 1px #fff;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  pointer-events: none;
  padding: 0 5px;
  opacity: 0.85;
}
.color-picker .preview .copy-to-clipboard {
  font-size: 12px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 27px;
          flex: 0 0 27px;
  text-align: center;
  padding: 5px 0;
}
.color-picker .preview .copy-to-clipboard .svg-icon {
  opacity: 0.55;
}
.color-picker .preview .copy-to-clipboard .svg-icon svg path {
  fill: #fff;
}
.color-picker .preview .copy-to-clipboard:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.color-picker .preview .copy-to-clipboard:hover .svg-icon {
  opacity: 1;
}
.color-picker .preview:hover .text {
  opacity: 1;
}
.color-picker:hover {
  border-color: #009ef7;
  background-color: rgba(0, 158, 247, 0.15);
}
.color-picker:hover .text {
  opacity: 1;
}
.color-picker:hover .copy-to-clipboard .svg-icon {
  opacity: 1;
}
.form-control + .color-picker {
  margin-top: 5px;
}
.material-color-picker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 32em;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  min-height: 0;
  max-height: calc(100vh - 240px);
}
.material-color-picker__left-panel {
  max-height: 100%;
  min-height: 0;
  border-right: 2px solid #F5F8FA;
}
.material-color-picker__right-panel {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-height: 100%;
  min-height: 0;
}
.color-selector {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.color-selector input[type='radio'] {
  display: none;
}
.color-selector label {
  position: relative;
  display: inline-block;
  padding: 0.5em 1.5em;
  cursor: pointer;
}
.color-selector label:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  padding: 0.75em;
  background-color: currentColor;
  border-radius: 50%;
}
.color-selector label:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 0.5em;
  border: 0.25em solid;
  border-radius: 50%;
  -webkit-transition: padding 250ms;
  transition: padding 250ms;
}
.color-selector label .img {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 0.75em;
  background-color: #fff;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.color-selector input[type='radio']:checked + label:after {
  padding: 1em;
}
.color-palette-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 1.5em;
}
.color-palette-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
  margin-bottom: 1em;
  font-weight: 400;
  color: #757575;
}
.color-palette {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.color-palette__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0.4em 0;
  padding: 1em;
  border-radius: 0.25em;
  cursor: pointer;
  outline: 3px solid transparent;
  outline-offset: 2px;
  font-weight: 500;
  -webkit-transition: -webkit-transform 250ms;
  transition: -webkit-transform 250ms;
  transition: transform 250ms;
  transition: transform 250ms, -webkit-transform 250ms;
  background-color: currentColor;
}
.color-palette__item span {
  color: #000;
}
.color-palette__item:hover,
.color-palette__item.selected {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.color-palette__item.selected {
  outline-color: currentColor;
}
#colorPickerCustom .hex {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
  padding-left: 4px;
  padding-right: 4px;
  text-align: center;
  width: 84px;
}
#headerMonitoring .group > .head {
  font-weight: 700;
  font-size: 1.4rem;
  color: #A1A5B7;
}
#headerMonitoring .group + .group {
  margin-top: 16px;
  border-top: 1px solid #E4E6EF;
}
#headerMonitoring .item {
  margin: 16px 0;
  font-size: 13px;
}
#headerMonitoring .item > .head {
  margin-bottom: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
}
#headerMonitoring .flex-cols-3 .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#headerMonitoring .mini-label {
  margin-right: 5px;
}
#headerMonitoring .beats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#headerMonitoring .beats .beat {
  display: block;
  width: 6px;
  height: 14px;
  border-radius: 3px;
  background-color: #EFF2F5;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
}
#headerMonitoring .beats .beat:hover {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
#headerMonitoring .beats .beat[data-status="0"] {
  background-color: #f1416c;
}
#headerMonitoring .beats .beat[data-status="1"] {
  background-color: #50cd89;
}
#headerMonitoring .beats .beat[data-status="2"] {
  background-color: #ffc700;
}
.progress {
  height: 8px;
  border-radius: 4px;
  background-color: #EFF2F5;
  overflow: hidden;
  position: relative;
}
.progress.progress-square {
  border-radius: 1px;
}
.progress .progress-bar {
  background-color: #009ef7;
  display: inline-block;
  height: 100%;
  float: left;
}
.progress .progress-bar.progress-bar-success {
  background-color: #50cd89;
}
.progress .progress-bar.progress-bar-warning {
  background-color: #ffc700;
}
.progress .progress-bar.progress-bar-danger {
  background-color: #f1416c;
}
.progress .progress-bar.countdown[data-time="15"] {
  -webkit-animation: progress-animation-countdown 15s 1 linear;
          animation: progress-animation-countdown 15s 1 linear;
}
.progress .progress-bar.progress-bar-animated {
  -webkit-transition: width 0.6s ease-in-out;
  transition: width 0.6s ease-in-out;
}
.progress .progress-grid {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg, #0000 calc(100% - 1px), rgba(0, 0, 0, 0.25) 0);
  background-size: calc((100% - 4*1px)/(4 + 1) + 1px) 100%;
}
.progress-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 10px;
  color: #A1A5B7;
  margin-top: 2px;
}
@-webkit-keyframes progress-animation-countdown {
  0% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}
@keyframes progress-animation-countdown {
  0% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}
#events_singleDates.same-hours .template-row:not(:first-of-type) .hours > div:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.75);
  z-index: 1;
}
#events_singleDates.same-hours .template-row:not(:first-of-type) .hours .input-group .input-group-text svg path {
  fill: #999999;
}
#events_singleDates.one-day .end-date > div:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.75);
  z-index: 1;
}
#events_singleDates .flex-cols {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#events_singleDates .input-group .input-group-text {
  padding-right: 0;
}
#events_singleDates .col.end-date {
  margin-left: 16px;
}
#events_singleDates .col.start-date,
#events_singleDates .col.end-date {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 130px;
          flex: 0 0 130px;
}
#events_singleDates .col.hours {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 130px;
          flex: 0 0 130px;
}
#events_singleDates .col.options {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 184px;
          flex: 0 0 184px;
}
#events_singleDates .comment-row,
#events_singleDates .host-email-row {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 558px;
          flex: 0 0 558px;
}
#events_singleDates .col-head {
  font-weight: 500;
  color: #A1A5B7;
}
#events_singleDates .template-row {
  padding: 3px 0;
  border-bottom: 1px solid #EFF2F5;
  border-radius: 0;
  position: relative;
}
#events_singleDates .template-row .input-group {
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#events_singleDates .template-row .input-group *:not([aria-invalid="true"]) {
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#events_singleDates .template-row .input-group input {
  border-radius: 6px;
}
#events_singleDates .template-row .input-group input:hover {
  background-color: #F5F8FA;
}
#events_singleDates .template-row .input-group [aria-invalid="true"] {
  border-radius: 6px;
}
#events_singleDates .template-row .input-group .input-group-text {
  min-width: 0;
  padding-left: 0;
  height: 30px;
  min-height: 30px;
}
#events_singleDates .template-row .input-group .input-group-text svg path {
  fill: #009ef7;
}
#events_singleDates .template-row .form-control {
  height: 30px;
  min-height: 30px;
}
#modal-events-series-schedule .hor-form .form-group .control-label {
  width: 160px;
}
#modal-events-series-schedule .schedule-end .form-check .main {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#modal-events-series-schedule .schedule-end .form-check .main .form-check-label-main {
  display: inline-block;
  width: 70px;
}
#modal-events-series-schedule .recurrence-interval .select2.select2-container {
  display: inline-block;
}
#modal-events-series-schedule .recurrence-interval input[name="recurrence_interval"] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  float: left;
}
#modal-events-series-schedule .recurrence-interval .select2,
#modal-events-series-schedule .recurrence-interval .select2-selection {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#modal-events-series-schedule .col.date-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 130px;
          flex: 0 0 130px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#modal-events-series-schedule .col-head {
  font-weight: 500;
  color: #A1A5B7;
}
#modal-events-series-schedule .col.options {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 184px;
          flex: 0 0 184px;
}
#modal-events-series-schedule .template-row {
  border-bottom: 1px solid #EFF2F5;
  border-radius: 0;
  position: relative;
  padding: 3px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#modal-events-series-schedule .template-row .icon {
  padding-top: 4px;
}
#modal-events-series-schedule .template-row .icon svg path {
  fill: #009ef7;
}
#modal-events-series-schedule .template-row .date-day {
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  text-align: left;
  font-weight: 500;
  padding: 0 0 0 10px;
  white-space: nowrap;
}
#modal-events-series-schedule .template-row .date {
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 90px;
          flex: 0 0 90px;
  text-align: right;
  font-weight: 500;
  padding: 0 10px 0 0;
  white-space: nowrap;
}
#modal-events-series-schedule .template-row .form-control {
  height: 30px;
  min-height: 30px;
}
#modal-events-series-schedule .template-row .col.options .btn {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#modal-events-series-schedule .template-row.excluded {
  color: #A1A5B7;
}
#modal-events-series-schedule .template-row.excluded .icon {
  opacity: 0.25;
}
#modal-events-series-schedule .template-row.excluded .icon svg path {
  fill: #000000;
}
#modal-events-series-schedule .template-row.excluded .col.options .btn[data-action="canceled"],
#modal-events-series-schedule .template-row.excluded .col.options .btn[data-action="sold_out"],
#modal-events-series-schedule .template-row.excluded .col.options .btn[data-custom-action="addinfo"] {
  pointer-events: none;
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
}
#eventDateManager .current-dates:empty:before {
  content: "noch keine Einzeltermine oder Regeln erfasst";
  line-height: 34px;
}
#eventDateManager .current-dates .entry {
  border-bottom: 1px solid #EFF2F5;
}
#eventDateManager .current-dates .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-width: 0;
}
#eventDateManager .current-dates .btn .btn-label {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.iconEditorPreviewWrapper.popout {
  position: fixed;
  right: 16px;
  top: 138px;
  background-color: #fff;
  width: 220px;
  height: 220px;
  padding: 16px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03);
          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03);
  z-index: 1003;
}
.iconEditorPreviewWrapper.popout .iconEditorPreviewDraw {
  margin-left: 64px;
  margin-bottom: 40px;
  margin-top: 26px;
  -webkit-transform: scale(1.7);
          transform: scale(1.7);
}
.iconEditorPreviewWrapper.popout .options .form-check + .form-check {
  margin-top: 5px;
}
.iconEditorPreviewWrapper.popout .options .form-check-input {
  width: 14px;
  height: 14px;
  border-radius: 4px;
}
.iconEditorPreviewWrapper.popout .options .form-check-label {
  font-size: 11px;
  line-height: 1.2em;
}
.iconEditorPreviewWrapper:not(.popout) .options {
  display: inline-block;
  padding-left: 16px;
  -webkit-transform: translateY(-7px);
          transform: translateY(-7px);
}
.iconEditorPreviewWrapper:not(.popout) .options .form-check + .form-check {
  margin-top: 10px;
}
.iconEditorPreviewDraw {
  overflow: hidden;
  display: inline-block;
  width: 60px;
  height: 60px;
}
.iconEditorPreview {
  width: 34px;
  height: 34px;
  display: inline-block;
  position: relative;
  margin: 13px;
}
.iconEditorPreview.checkered-bg:before {
  content: "";
  position: absolute;
  top: -13px;
  left: -13px;
  right: -13px;
  bottom: -13px;
  background-image: url('../../gfx/core/misc/checkered_darker.png');
  background-size: cover;
  opacity: 0.5;
  border: 1px solid #A1A5B7;
}
.iconEditorPreview .inner {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  height: 100%;
}
.iconEditorPreview .iconEditorPreview-shadow,
.iconEditorPreview .iconEditorPreview-baseForm,
.iconEditorPreview .iconEditorPreview-icon {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
}
.iconEditorPreview .iconEditorPreview-shadow .svg-icon,
.iconEditorPreview .iconEditorPreview-baseForm .svg-icon,
.iconEditorPreview .iconEditorPreview-icon .svg-icon {
  display: inline-block;
}
.iconEditorPreview .iconEditorPreview-shadow .svg-icon svg,
.iconEditorPreview .iconEditorPreview-baseForm .svg-icon svg,
.iconEditorPreview .iconEditorPreview-icon .svg-icon svg {
  overflow: visible;
  paint-order: stroke;
}
.iconEditorPreview .iconEditorPreview-shadow {
  z-index: 7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.iconEditorPreview .iconEditorPreview-shadow .svg-icon {
  -webkit-transform: skewX(10deg) scaleY(0.95);
          transform: skewX(10deg) scaleY(0.95);
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  -webkit-filter: blur(1px);
          filter: blur(1px);
  opacity: 0.35 !important;
}
.iconEditorPreview .iconEditorPreview-shadow .svg-icon svg {
  width: 34px;
  height: 34px;
}
.iconEditorPreview .iconEditorPreview-shadow .svg-icon svg path {
  fill: #000000;
}
.iconEditorPreview .iconEditorPreview-shadow > img {
  max-width: 34px;
  max-height: 34px;
}
.iconEditorPreview .iconEditorPreview-baseForm {
  z-index: 8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.iconEditorPreview .iconEditorPreview-baseForm .svg-icon {
  width: 34px;
  height: 34px;
}
.iconEditorPreview .iconEditorPreview-baseForm .svg-icon svg {
  width: 34px;
  height: 34px;
}
.iconEditorPreview .iconEditorPreview-baseForm > img {
  max-width: 34px;
  max-height: 34px;
}
.iconEditorPreview .iconEditorPreview-icon {
  z-index: 10;
}
.iconEditorPreview .iconEditorPreview-icon .svg-icon {
  display: inline-block;
}
.iconEditorPreview .iconEditorPreview-icon .svg-icon svg {
  width: 34px;
  height: 34px;
}
.iconEditorPreview .iconEditorPreview-anchorDotWrapper {
  position: absolute;
  display: inline-block;
  z-index: 7;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.iconEditorPreview .iconEditorPreview-anchorDotWrapper.in {
  opacity: 1;
}
.iconEditorPreview .iconEditorPreview-anchorDotWrapper.front {
  z-index: 11;
}
.iconEditorPreview .anchor-crosshair {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 0.85;
}
.iconEditorPreview .anchor-crosshair .horizontal {
  content: "";
  display: inline-block;
  position: absolute;
  width: 200px;
  height: 2px;
  background-color: #009ef7;
  -webkit-transform: translateX(-100px) translateY(-1px);
          transform: translateX(-100px) translateY(-1px);
}
.iconEditorPreview .anchor-crosshair .vertical {
  content: "";
  display: inline-block;
  position: absolute;
  height: 200px;
  width: 2px;
  background-color: #009ef7;
  -webkit-transform: translateY(-100px) translateX(-1px);
          transform: translateY(-100px) translateX(-1px);
}
.icon-option {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 2px solid #EFF2F5;
}
.icon-option .svg-icon svg {
  width: 24px;
  height: 24px;
  opacity: 0.55;
}
.icon-option.monocolor .svg-icon svg path {
  fill: #000000;
}
.icon-option:hover,
.icon-option.selected {
  background-color: rgba(0, 158, 247, 0.15);
  border-color: #009ef7;
}
.icon-option:hover .svg-icon svg,
.icon-option.selected .svg-icon svg {
  opacity: 1;
}
.icon-selector-options .option {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 2px solid #EFF2F5;
  background-color: #EFF2F5;
  position: relative;
}
.icon-selector-options .option .svg-icon {
  position: absolute;
  top: 6px;
  left: 6px;
}
.icon-selector-options .option .svg-icon svg {
  width: 24px;
  height: 24px;
  overflow: visible;
  paint-order: stroke;
}
.icon-selector-options .option .svg-icon svg path {
  fill: #ffffff;
}
.icon-selector-options .option img.icon-img {
  display: inline-block;
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
.icon-selector-options .option:hover,
.icon-selector-options .option.selected {
  background-color: rgba(0, 158, 247, 0.15);
  border-color: #009ef7;
}
.icon-selector-options .option.option-inv {
  border: 2px solid #3F4254;
  background-color: #3F4254;
}
.icon-selector-options .option.option-inv .svg-icon svg path {
  fill: #000000;
}
.icon-selector-options .option.option-inv:hover,
.icon-selector-options .option.option-inv.selected {
  background-color: rgba(0, 158, 247, 0.55);
  border-color: #009ef7;
}
.list-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}
.list-group[data-max-depth="1"] > .list-group-item .nested-sortable {
  display: none!important;
}
.list-group[data-max-depth="2"] > .list-group-item > .nested-sortable .nested-sortable {
  display: none!important;
}
.list-group[data-max-depth="3"] > .list-group-item > .nested-sortable > .list-group-item > .nested-sortable .nested-sortable {
  display: none!important;
}
.list-group[data-max-depth="4"] > .list-group-item > .nested-sortable > .list-group-item > .nested-sortable > .list-group-item > .nested-sortable .nested-sortable {
  display: none!important;
}
#sortItemsNew > .list-group-item > .main-line > .caption {
  font-weight: 500;
}
.simple-list-sort .list-group-item {
  cursor: move;
}
.list-group-item-action {
  width: 100%;
  text-align: inherit;
}
.list-group-item-action:hover,
.list-group-item-action:focus {
  text-decoration: none;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 8px;
  background-color: #fff;
  border: 1px solid #E4E6EF;
  margin-bottom: -1px;
  /*
  &:hover {
  	.main-line {
  		.map-marker {
  			.svg-icon {
					opacity : 1;
				}
			}
  	}
  }
  */
}
.list-group-item:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.list-group-item .main-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 18px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.list-group-item .main-line .map-marker {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 18px;
          flex: 0 0 18px;
  margin-right: 8px;
  cursor: move;
}
.list-group-item .main-line .map-marker img {
  max-width: 18px;
  max-height: 18px;
}
.list-group-item .main-line .map-marker .dummy {
  background-color: #A1A5B7;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  text-align: center;
}
.list-group-item .main-line .map-marker .dummy i {
  color: inherit;
  opacity: 0.55;
  font-size: 10px;
}
.list-group-item .main-line .caption {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.list-group-item .main-line .status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 18px;
          flex: 0 0 18px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
.list-group-item .main-line .toggle-collapse {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 18px;
          flex: 0 0 18px;
  text-align: center;
  height: 18px;
  cursor: pointer;
  border-radius: 3px;
}
.list-group-item .main-line .toggle-collapse .fa-duotone {
  display: inline-block;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
}
.list-group-item .main-line .toggle-collapse:hover {
  background-color: #f1faff !important;
}
.list-group-item .main-line .toggle-collapse:hover .fa-duotone {
  color: #009ef7 !important;
}
.list-group-item.no-toggle .toggle-collapse {
  display: none;
}
.list-group-item.collapsed .main-line .toggle-collapse .fa-duotone {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.list-group-item.collapsed > .list-group {
  display: none;
}
.list-group-item.no-drop .list-group {
  pointer-events: none;
}
.list-group-item > .nested-sortable {
  margin-top: 8px;
  margin-left: 28px;
  margin-bottom: 8px;
  font-size: 90%;
}
.list-group-item > .nested-sortable:empty {
  margin-top: 0;
  margin-bottom: 0;
  height: 10px;
  margin-top: -10px;
}
.list-group-item.disabled,
.list-group-item:disabled {
  pointer-events: none;
}
.list-group-item.active {
  z-index: 2;
}
.list-group-item.sortable-ghost {
  background-color: #f1faff !important;
}
.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}
.list-group-flush:last-child .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
#modalPaymentCenter .preview {
  background-color: #F5F8FA;
  height: 61px;
  margin-bottom: 16px;
}
#modalPaymentCenter .preview:empty:before {
  display: block;
  content: "kein Ergebnis";
  line-height: 61px;
  text-align: center;
  color: #A1A5B7;
}
#modalPaymentCenter .preview .entry-wrapper {
  font-weight: bold;
}
#modalPaymentCenter .preview .entry-wrapper.success {
  background-color: #e8fff3;
  color: #50cd89;
}
#modalPaymentCenter .preview .entry-wrapper .entry-id {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
}
#modalPaymentCenter .preview .entry-wrapper .entry-label {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: left;
}
#modalPaymentCenter .preview .entry-wrapper .entry-total {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  text-align: right;
}
#modalPaymentCenter .preview .entry-wrapper > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: inherit;
}
#modalPaymentCenter .preview .entry-wrapper > a > div {
  padding: 8px;
}
#modalPaymentCenter .preview .entry-wrapper .entry-msg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: inherit;
  font-weight: 500;
}
#modalPaymentCenter .preview .entry-wrapper .entry-msg > div {
  padding: 0 8px 8px 8px;
}
#modalPaymentCenter .confirm .key-wrapper {
  margin-left: 8px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
#modalPaymentCenter .confirm .key {
  background-color: rgba(255, 255, 255, 0.95);
  min-width: 18px;
}
#modalPaymentCenter .confirm.show-key-hint:not(.disabled) .key-wrapper {
  opacity: 1;
}
/*# sourceMappingURL=core.css.map */