@font-face {
  font-family: 'SFUIText';
  src: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/SFUIText-Regular.woff2) format("woff2"), url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/SFUIText-Regular.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SFUIText';
  src: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/SFUIText-Bold.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@property --ai-gradient-start {
  syntax: '<color>';
  initial-value: #8E44AD;
  inherits: false;
}

@property --ai-gradient-end {
  syntax: '<color>';
  initial-value: #E64C3B;
  inherits: false;
}

:root {
  color-scheme: light;
  --color-white: light-dark(oklch(1 0 0), oklch(0.281 0.011 270.99));
  --color-white-100: light-dark(oklch(0.991 0 0), oklch(0.244 0.006 271.171));
  --color-white-200: light-dark(oklch(0.97 0 0), oklch(0.226 0 0));
  --color-black: light-dark(oklch(0.301 0 0), oklch(1 0 0));
  --color-title: light-dark(oklch(0.176 0.036 262.859), oklch(0.968 0.015 263.132));
  --color-ai-gradient: linear-gradient(in oklch 90deg, #8e44ad 0.0%, #e64c3b 100.0%);
  --color-ai-gradient-bg: linear-gradient(in oklch 90deg, #e9daee 0.0%, #f9dbd9 100.0%);
  --color-primary-100: light-dark(oklch(0.96 0.08 23.392), oklch(0.158 0.192 23.392));
  --color-primary-200: light-dark(oklch(0.818 0.1 23.392), oklch(0.218 0.192 23.392));
  --color-primary-300: light-dark(oklch(0.718 0.12 23.392), oklch(0.278 0.192 23.392));
  --color-primary-400: light-dark(oklch(0.618 0.15 23.392), oklch(0.338 0.192 23.392));
  --color-primary-500: light-dark(oklch(0.518 0.192 23.392), oklch(0.398 0.192 23.392));
  --color-primary-600: light-dark(oklch(0.418 0.192 23.392), oklch(0.458 0.192 23.392));
  --color-primary-700: light-dark(oklch(0.318 0.192 23.392), oklch(0.518 0.192 23.392));
  --color-primary-800: light-dark(oklch(0.218 0.192 23.392), oklch(0.578 0.192 23.392));
  --color-primary-900: light-dark(oklch(0.158 0.192 23.392), oklch(0.638 0.192 23.392));
  --color-accent-100: oklch(0.483 0.122 263);
  --color-accent-200: oklch(0.429 0.108 263);
  --color-accent-300: oklch(0.375 0.094 263);
  --color-accent-400: oklch(0.321 0.081 263);
  --color-accent-500: oklch(0.27 0.0673 263);
  --color-accent-600: oklch(0.213 0.053 263);
  --color-accent-700: oklch(0.158 0.04 263);
  --color-accent-800: oklch(0.104 0.026 263);
  --color-accent-900: oklch(0.05 0.013 263);
  --color-secondary-light-pink: oklch(0.947 0.031 349.61);
  --color-secondary-regular-pink: oklch(0.587 0.232 6.034);
  --color-secondary-light-purple: oklch(0.934 0.032 288.061);
  --color-secondary-regular-purple: oklch(0.542 0.25 276.228);
  --color-secondary-light-green: oklch(0.976 0.02 191.998);
  --color-secondary-light-green-hover: oklch(0.953 0.04 191.558);
  --color-secondary-regular-green: oklch(0.77 0.129 187.536);
  --color-secondary-light-blue: oklch(0.932 0.038 225.533);
  --color-secondary-regular-blue: oklch(0.772 0.129 230.358);
  --color-grey-100: light-dark(oklch(0.984 0.003 247.858), oklch(0.28 0.011 264));
  --color-grey-200: light-dark(oklch(0.968 0.004 236.497), oklch(0.29 0.011 264));
  --color-grey-300: light-dark(oklch(0.953 0.007 247.897), oklch(0.30 0.011 264));
  --color-grey-400: light-dark(oklch(0.92 0.01 252.815), oklch(0.317 0.011 264));
  --color-grey-500: light-dark(oklch(0.879 0.013 251.571), oklch(0.4 0.011 264));
  --color-grey-600: light-dark(oklch(0.797 0.023 254.42), oklch(0.5 0.011 264));
  --color-grey-700: light-dark(oklch(0.714 0.026 254.002), oklch(0.6 0.011 264));
  --color-grey-800: light-dark(oklch(0.629 0.028 255.618), oklch(0.7 0.011 264));
  --color-grey-900: light-dark(oklch(0.457 0.019 254.03), oklch(0.8 0.011 264));
  --color-utility-error-bg: oklch(0.948 0.024 21.229);
  --color-utility-error-border: oklch(0.587 0.206 26.359);
  --color-utility-error-text: oklch(0.499 0.179 26.703);
  --color-utility-success-bg: oklch(0.962 0.044 180.723);
  --color-utility-success-border: oklch(0.666 0.132 170.154);
  --color-utility-success-text: oklch(0.552 0.101 173.054);
  --color-utility-warning-bg: oklch(0.99 0.017 96.372);
  --color-utility-warning-border: oklch(0.968 0.045 96.688);
  --color-utility-warning-text: oklch(0.669 0.16 56.729);
  --color-utility-info-bg: oklch(0.975 0.013 244.254);
  --color-utility-info-border: oklch(0.907 0.042 265.737);
  --color-utility-info-text: oklch(0.563 0.182 255.119);
  --font-family: Lato, sans-serif;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  background-color: var(--color-white-200);
  font-family: var(--font-family);
  color: var(--color-black);
  margin: 0;
}

a {
  color: var(--color-accent-300);
  text-decoration: underline;
}

a:hover, a:focus {
  color: var(--color-accent-100);
  outline: 0;
}

h1 {
  margin: 0;
  margin-bottom: 16px;
  color: var(--color-black);
  font-size: 24px;
  font-weight: bold;
}

::-webkit-scrollbar {
  width: 16px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  height: 56px;
  border-radius: 8px;
  border: 5px solid transparent;
  background-clip: content-box;
  background-color: var(--color-grey-700);
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-grey-900);
}

.layout-wrapper {
  height: 100%;
}

.layout-wrapper .main-content {
  position: relative;
  height: calc(100vh - 16px);
  overflow: auto;
  padding: 8px 16px;
  margin-left: 230px;
  margin-top: 8px;
  margin-right: 8px;
  margin-bottom: 8px;
  background-color: var(--color-white-100);
  border: 1px solid var(--color-grey-400);
  border-radius: 8px;
  transition: margin-left 0.2s ease-in-out;
}

.layout-wrapper .main-content.collapsed {
  margin-left: 68px;
}

.navLogo {
  display: none;
}

.dropdown-menu {
  border: 1px solid var(--color-grey-400);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  padding: 4px;
  transition: all 0.2s ease-out;
  max-height: 800px;
  overflow: auto;
}

.dropdown-menu li {
  opacity: 0;
}

.dropdown-menu li a {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--color-grey-900);
  padding: 6px 8px;
  text-decoration: none;
  border-radius: 2px;
  transition: all .2s ease-out;
}

.dropdown-menu li a:hover, .dropdown-menu li a:focus {
  background-color: var(--color-grey-300);
  text-decoration: none;
}

.dropdown-menu li a.info {
  background-color: #5f6773;
  color: #fff;
  cursor: default;
}

.dropdown-menu li a i.glyphicon, .dropdown-menu li a i.fa {
  width: 14px;
  height: 14px;
}

.dropdown-menu li:first-child a {
  border-radius: 4px 4px 0 0;
}

.dropdown-menu li:last-child a {
  border-radius: 0 0 4px 4px;
}

.dropdown-menu li.dropdown-header {
  background-color: #5f6773;
  color: #fff;
  cursor: default;
  text-transform: uppercase;
  font-size: 0.7em;
  padding: 0.5em;
}

.dropdown-menu li.dropdown-header:hover {
  background-color: #5f6773;
  color: #fff;
  cursor: default;
}

.dropdown-menu.panel-menu li a .label {
  margin-left: 0.5em;
  margin-top: 0.2em;
  float: right;
}

.dropdown-menu > div {
  opacity: 0;
}

.dropdown-menu.datetimepicker > div {
  opacity: 1;
}

.dropdown-menu .divider {
  margin: 5px 0;
}

.dropdown-menu::-webkit-scrollbar {
  width: 5px;
}

.dropdown-menu::-webkit-scrollbar-track {
  background: #fff;
}

.dropdown-menu::-webkit-scrollbar-thumb {
  background: var(--color-grey-700);
  border-radius: 4px;
}

.open > .dropdown-menu {
  animation: heightIn 0.4s ease forwards;
}

.open > .dropdown-menu li {
  animation: fadeIn 0.2s 0.3s ease-out forwards;
}

.open > .dropdown-menu > div {
  animation: fadeIn 0.2s 0.3s ease-out forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes heightIn {
  from {
    transform: scaleY(0);
    transform-origin: top;
  }
  to {
    height: auto;
    transform: scaleY(1);
    transform-origin: top;
  }
}

.chevron-down {
  display: inline-block;
  margin-left: 0.5em;
  width: 7px;
  height: 7px;
  border: 1px solid var(--color-grey-900);
  border-left: 0;
  border-top: 0;
  transform: rotate(45deg);
  position: relative;
  top: -3px;
}

@media screen and (min-width: 768px) {
  ul.nav > li > .nav-dropdown-link {
    float: left;
    padding-right: 5px;
  }
  ul.nav > li > .nav-dropdown-caret {
    float: right;
    padding-left: 0px;
  }
}

@media (max-width: 768px) {
  #main-container {
    margin-top: 1px;
  }
  #header > .logo, .mainLogo {
    display: none;
  }
  #header {
    margin-bottom: 71px;
  }
  #nav.affix-top {
    position: fixed;
    width: 100%;
    z-index: 100;
  }
  .navLogo {
    display: inline;
    height: 50px;
  }
  ul.nav > li > .nav-dropdown-caret {
    display: none;
  }
}

.tempHide {
  display: none;
}

.flip-y {
  -webkit-transform: rotateY(130deg);
  transform: rotateY(360deg);
  transition-duration: 60s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

.clear {
  clear: both;
}

.form-control {
  transition: none;
  border-color: var(--color-grey-500);
  box-shadow: none;
  padding: 8px 12px;
  height: 38px;
  color: var(--color-grey-900);
  font-size: 14px;
}

.form-control:focus {
  border-color: var(--color-grey-500);
  -webkit-box-shadow: none;
  box-shadow: none;
}

select.form-control {
  padding: 8px 28px 8px 12px;
  position: relative;
  cursor: pointer;
  appearance: none;
  background-image: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-chevron-grey-1.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 0.5em) 50%;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 16px;
  outline: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 19px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  text-decoration: none;
}

.btn.margin-right {
  margin-right: 0.5em;
}

.btn:active:focus {
  outline: 0;
}

.btn:focus {
  outline: 0;
}

.btn.round-border {
  border-radius: 50px;
}

.btn-primary {
  background-color: var(--color-primary-500);
  color: var(--color-white);
  border: 1px solid var(--color-primary-700);
  border-bottom: 2px solid var(--color-primary-700);
  box-shadow: inset 0 0 2px 0 var(--color-primary-400);
}

.btn-primary:hover {
  color: var(--color-white);
  background-color: var(--color-primary-600);
  border: 1px solid var(--color-primary-700);
  border-bottom: 2px solid var(--color-primary-700);
  box-shadow: none;
}

.btn-primary:active {
  background-color: var(--color-primary-400);
  color: var(--color-white);
  border: 1px solid var(--color-primary-700);
  border-bottom: 2px solid var(--color-primary-700);
  box-shadow: inset 0 0 2px 0 var(--color-primary-400);
}

.btn-primary:active:hover {
  background-color: var(--color-primary-400);
  color: var(--color-white);
  border: 1px solid var(--color-primary-700);
  border-bottom: 2px solid var(--color-primary-700);
  box-shadow: inset 0 0 2px 0 var(--color-primary-400);
}

.btn-primary:active:focus {
  background-color: var(--color-primary-500);
  border: 1px solid var(--color-primary-700);
  border-bottom: 2px solid var(--color-primary-700);
}

.btn-primary:active:focus:hover {
  background-color: var(--color-primary-600);
  border: 1px solid var(--color-primary-700);
  border-bottom: 2px solid var(--color-primary-700);
  box-shadow: 0 0 0 3px var(--color-primary-200);
}

.btn-primary:focus {
  background-color: var(--color-primary-500);
  color: var(--color-white);
  border: 1px solid var(--color-primary-700);
  border-bottom: 2px solid var(--color-primary-700);
  box-shadow: 0 0 0 3px var(--color-primary-200);
}

.btn-primary:focus:hover {
  background-color: var(--color-primary-600);
  border: 1px solid var(--color-primary-700);
  border-bottom: 2px solid var(--color-primary-700);
  box-shadow: 0 0 0 3px var(--color-primary-200);
}

.btn-primary a {
  color: var(--color-white);
  text-decoration: none;
}

.btn-primary.success {
  border: 1px solid var(--color-utility-success-text);
  background-color: var(--color-utility-success-text);
  color: var(--color-white);
}

.btn-primary[disabled] {
  color: var(--color-white);
  background-color: var(--color-grey-500);
  border: 1px solid var(--color-grey-600);
  border-bottom: 2px solid var(--color-grey-600);
  box-shadow: none;
  cursor: not-allowed;
}

.btn-primary[disabled]:hover, .btn-primary[disabled]:active, .btn-primary[disabled]:active:hover, .btn-primary[disabled]:focus {
  background-color: var(--color-grey-500);
  border: 1px solid var(--color-grey-600);
  border-bottom: 2px solid var(--color-grey-600);
  box-shadow: none;
}

.btn-default, .btn-secondary, .btn-info, .btn-warning, .btn-danger {
  color: var(--color-grey-900);
  background-color: var(--color-white);
  border: 1px solid var(--color-grey-500);
  border-bottom: 2px solid var(--color-grey-500);
  box-shadow: none;
}

.btn-default:hover, .btn-secondary:hover, .btn-info:hover, .btn-warning:hover, .btn-danger:hover {
  color: var(--color-grey-900);
  background-color: var(--color-grey-200);
  border: 1px solid var(--color-grey-500);
  border-bottom: 2px solid var(--color-grey-500);
  box-shadow: none;
}

.btn-default:active, .btn-secondary:active, .btn-info:active, .btn-warning:active, .btn-danger:active {
  color: var(--color-grey-900);
  background-color: var(--color-grey-100);
  border: 1px solid var(--color-grey-500);
  border-bottom: 2px solid var(--color-grey-500);
  box-shadow: none;
}

.btn-default:active:hover, .btn-secondary:active:hover, .btn-info:active:hover, .btn-warning:active:hover, .btn-danger:active:hover {
  background-color: var(--color-grey-200);
  border: 1px solid var(--color-grey-500);
  border-bottom: 2px solid var(--color-grey-500);
  box-shadow: 0 0 0 3px var(--color-grey-200);
}

.btn-default:active:focus, .btn-secondary:active:focus, .btn-info:active:focus, .btn-warning:active:focus, .btn-danger:active:focus {
  background-color: var(--color-white);
  border: 1px solid var(--color-grey-500);
  border-bottom: 2px solid var(--color-grey-500);
  box-shadow: 0 0 0 3px var(--color-grey-200);
}

.btn-default:active:focus:hover, .btn-secondary:active:focus:hover, .btn-info:active:focus:hover, .btn-warning:active:focus:hover, .btn-danger:active:focus:hover {
  background-color: var(--color-grey-200);
  border: 1px solid var(--color-grey-500);
  border-bottom: 2px solid var(--color-grey-500);
  box-shadow: 0 0 0 3px var(--color-grey-200);
}

.btn-default:focus, .btn-secondary:focus, .btn-info:focus, .btn-warning:focus, .btn-danger:focus {
  background-color: var(--color-white);
  color: var(--color-grey-900);
  border: 1px solid var(--color-grey-500);
  border-bottom: 2px solid var(--color-grey-500);
  box-shadow: 0 0 0 3px var(--color-grey-200);
}

.btn-default:focus:hover, .btn-secondary:focus:hover, .btn-info:focus:hover, .btn-warning:focus:hover, .btn-danger:focus:hover {
  background-color: var(--color-grey-200);
  border: 1px solid var(--color-grey-500);
  border-bottom: 2px solid var(--color-grey-500);
  box-shadow: 0 0 0 3px var(--color-grey-200);
}

.btn-default[disabled], .btn-secondary[disabled], .btn-info[disabled], .btn-warning[disabled], .btn-danger[disabled] {
  color: var(--color-grey-500);
  background-color: var(--color-grey-100);
  border: 1px solid var(--color-grey-200);
  border-bottom: 2px solid var(--color-grey-200);
  box-shadow: none;
  cursor: not-allowed;
}

.btn-default[disabled]:hover, .btn-default[disabled]:active, .btn-default[disabled]:active:hover, .btn-default[disabled]:focus, .btn-secondary[disabled]:hover, .btn-secondary[disabled]:active, .btn-secondary[disabled]:active:hover, .btn-secondary[disabled]:focus, .btn-info[disabled]:hover, .btn-info[disabled]:active, .btn-info[disabled]:active:hover, .btn-info[disabled]:focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:active, .btn-warning[disabled]:active:hover, .btn-warning[disabled]:focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:active, .btn-danger[disabled]:active:hover, .btn-danger[disabled]:focus {
  background-color: var(--color-grey-100);
  border: 1px solid var(--color-grey-200);
  border-bottom: 2px solid var(--color-grey-200);
  box-shadow: none;
}

.btn-borderless, .btn-ghost {
  color: var(--color-grey-900);
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom: 2px solid transparent;
  box-shadow: none;
}

.btn-borderless:hover, .btn-borderless:active, .btn-borderless:active:hover, .btn-borderless:focus, .btn-ghost:hover, .btn-ghost:active, .btn-ghost:active:hover, .btn-ghost:focus {
  color: var(--color-grey-900);
  background-color: var(--color-grey-200);
  border: 1px solid transparent;
  border-bottom: 2px solid transparent;
  box-shadow: none;
}

.btn-group-lg > .btn, .btn-lg, .btn.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-group-xs > .btn, .btn-xs, .btn.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-borderless {
  font-weight: bold;
  font-size: 14px;
}

.btn-borderless:hover, .btn-borderless:active, .btn-borderless:active:hover, .btn-borderless:focus {
  border-color: transparent;
  outline: none;
  box-shadow: none;
}

.btn-dropdown {
  background: #fff;
  color: #000;
  outline: none !important;
  border: 1px solid var(--color-grey-500);
  font-weight: bold;
}

.btn-dropdown .q-icon {
  margin-right: 5px;
}

.btn-wide-1 {
  min-width: 140px;
  text-align: center;
}

.btn-wide-2 {
  min-width: 170px;
  text-align: center;
}

.btn-sm {
  padding: 4px;
}

.btn-medium {
  padding: 6px 12px;
}

.btn-icon {
  padding: 8px;
}

.btn-fixed-width-100 {
  width: 100px;
}

.btn-fixed-width-140 {
  width: 140px;
}

.btn-fixed-width-170 {
  width: 170px;
}

.icon-btn {
  width: 34px;
  height: 35px;
  vertical-align: middle;
  cursor: pointer;
  border: 0;
  outline: 0;
  font-size: 16px;
  line-height: 16px;
  padding: 8px;
}

.icon-btn:hover, .icon-btn.active, .icon-btn.dropdown-toggle[aria-expanded="true"] {
  box-shadow: none;
}

.input-group .btn {
  background-color: var(--color-white);
  color: var(--color-grey-900);
  border-color: var(--color-grey-500);
  border-radius: 0 4px 4px 0;
  border-left: 0;
}

.input-group .btn:focus {
  outline: 0;
}

.btn-upgrade {
  background-color: var(--color-secondary-regular-purple);
  color: #fff;
  border: 1px solid var(--color-secondary-regular-purple);
  padding: 6px 12px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
}

.btn-upgrade:hover {
  background-color: #4a3eb8;
  border: 1px solid #4a3eb8;
  color: #fff;
}

.btn-ai {
  background: linear-gradient(90deg, var(--ai-gradient-start) 0%, var(--ai-gradient-end) 100%);
  color: var(--color-white);
  border: 1px solid #853253;
  border-bottom: 2px solid #853253;
  font-size: 14px;
  font-weight: bold;
  box-shadow: inset 0 0 2px 0 rgba(255, 255, 255, 0.3);
  transition: --ai-gradient-start 0.3s cubic-bezier(0.4, 0, 0.2, 1), --ai-gradient-end 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-ai:hover {
  --ai-gradient-start: #6F3587;
  --ai-gradient-end: #D52E1B;
  color: var(--color-white);
}

.btn-ai:focus {
  outline: 0;
  color: var(--color-white);
}

.btn-ai:active {
  color: var(--color-white);
  background: linear-gradient(90deg, var(--ai-gradient-start) 0%, var(--ai-gradient-end) 100%);
  box-shadow: inset 0 0 2px 0 rgba(255, 255, 255, 0.3);
}

.panel-label,
.survey-label,
.module-label,
.question-label,
.option-label,
.row-label {
  padding: 1px 4px;
  border: 1px solid transparent;
  line-height: 1em;
  cursor: pointer;
  font-size: 0.8em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
}

.cmd .panel-label,
.cmd .survey-label,
.cmd .module-label,
.cmd .question-label,
.cmd .option-label,
.cmd .row-label {
  font-size: 1em;
  font-weight: normal;
}

.input-label {
  font-size: 10px;
  color: var(--color-grey-700);
  text-transform: uppercase;
}

.checkbox-label,
.modal-dialog .checkbox-label {
  position: relative;
  display: inline-block;
  margin: 0;
  padding-left: 24px;
  font-size: 14px;
  font-weight: normal;
  color: var(--color-black);
  text-transform: none;
  cursor: pointer;
}

.checkbox-label input[type=checkbox],
.modal-dialog .checkbox-label input[type=checkbox] {
  -moz-appearance: initial;
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
}

.checkbox-label input[type=checkbox]:before,
.modal-dialog .checkbox-label input[type=checkbox]:before {
  content: '';
  position: absolute;
  left: -24px;
  top: 0px;
  width: 18px;
  height: 18px;
  border: 1px solid var(--color-grey-500);
  border-radius: 4px;
  background: var(--color-white);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}

.checkbox-label input[type=checkbox]:after,
.modal-dialog .checkbox-label input[type=checkbox]:after {
  opacity: 0;
  content: '';
  position: absolute;
  left: -18px;
  top: 2px;
  width: 6px;
  height: 10px;
  border: solid var(--color-white);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  cursor: pointer;
  transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
}

.checkbox-label input[type=checkbox]:checked:before,
.modal-dialog .checkbox-label input[type=checkbox]:checked:before {
  background: var(--color-accent-500);
  border-color: var(--color-accent-500);
}

.checkbox-label input[type=checkbox]:checked:after,
.modal-dialog .checkbox-label input[type=checkbox]:checked:after {
  opacity: 1;
}

.radio-label,
.modal-dialog .radio-label {
  position: relative;
  display: inline-block;
  margin: 0;
  margin-right: 20px;
  padding-left: 24px;
  font-size: 14px;
  font-weight: normal;
  color: var(--color-black);
  text-transform: none;
  cursor: pointer;
}

.radio-label input[type=radio],
.modal-dialog .radio-label input[type=radio] {
  position: absolute;
  width: 0;
  height: 0;
  -moz-appearance: initial;
}

.radio-label input[type=radio]:before,
.modal-dialog .radio-label input[type=radio]:before {
  content: '';
  position: absolute;
  left: -24px;
  top: -3px;
  width: 19px;
  height: 19px;
  border: 1px solid var(--color-grey-500);
  border-radius: 10px;
  background: var(--color-grey-300);
  cursor: pointer;
}

.radio-label input[type=radio]:checked:before,
.modal-dialog .radio-label input[type=radio]:checked:before {
  background: var(--color-primary-500);
  box-shadow: inset 0px 0px 1px 3px #fff;
}

.obj-title {
  word-break: break-all;
}

.obj-title .obj-link-holder {
  line-height: 1 !important;
}

.removing-element {
  background-color: #e27c79;
  border-color: #d9534f;
}

.items-list .l-item {
  border-bottom: 1px solid #f0f0f0;
}

.items-list .l-item:hover {
  background-color: #f5f5f5;
}

.items-list .l-item:last-child {
  border-bottom: 1px solid transparent;
}

.items-list div.l-item {
  padding: 4px;
}

.items-list tr.l-item td {
  padding: 4px;
}

div.tmp-err {
  margin-top: 10px;
  padding: 6px;
}

/* HACKS */
/* Input placeholder style */
input::-webkit-input-placeholder {
  color: var(--color-grey-700) !important;
}

input:-moz-placeholder {
  /* Firefox 18- */
  color: var(--color-grey-700) !important;
}

input::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--color-grey-700) !important;
}

input:-ms-input-placeholder {
  color: var(--color-grey-700) !important;
}

.desc {
  font-size: 14px;
  color: var(--color-grey-900);
}

label {
  margin-top: 10px;
}

label.checkbox {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

label.radio-inline, label.checkbox-inline {
  margin-top: 0;
}

label .desc {
  font-weight: normal;
  font-size: 0.9em;
  color: var(--color-grey-900);
}

.ui-sortable-placeholder {
  background-color: #ddd;
}

.ui-sortable-helper {
  background-color: #fff;
}

.ui-resizable-helper {
  border: 1px dashed #000;
}

.chosen-container {
  width: 100% !important;
  position: relative;
  cursor: pointer;
}

.chosen-container.chosen-container-single .chosen-single {
  color: var(--color-black);
  box-shadow: none;
  border-color: var(--color-grey-500);
  padding: 8px 28px 8px 12px;
  height: 38px;
}

.chosen-container.chosen-container-single .chosen-single div {
  width: 20px;
  top: 4px;
  height: 18px;
}

.chosen-container.chosen-container-single .chosen-single div b {
  background-image: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-chevron-grey-1.svg) !important;
  background-repeat: no-repeat !important;
  background-position: -2px 5px;
  background-size: contain !important;
}

.chosen-container.chosen-container-single.chosen-container-active .chosen-single {
  border-color: unset;
  box-shadow: none;
}

table.table thead th {
  background-color: #f1f1f1;
}

.table > tbody > tr > td {
  vertical-align: middle;
}

.table > tbody > tr > td .label {
  font-weight: normal;
}

.table > tbody > tr > td span.label {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 50px;
  margin-left: 8px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  min-width: inherit;
  line-height: inherit;
}

.table > tbody > tr > td span.label.label-success {
  background-color: #E6F4EA;
  color: #137333;
}

.table > tbody > tr > td span.label.label-error {
  background-color: #fce8e6;
  color: #a50e0e;
}

.table > tbody > tr > td span.label.label-archived {
  background-color: #f1f1f1;
  color: #333;
}

.table > tbody > tr > td .table-btn {
  min-width: 100px;
}

.table > tbody > tr > td .table-btn:not(:last-child) {
  margin-right: 20px;
}

.bull {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50px;
  margin-right: 0.3em;
}

.bull.bull-success {
  background-color: var(--color-utility-success-text);
}

.bull.bull-default {
  background-color: var(--color-grey-900);
}

.bull.bull-danger {
  background-color: var(--color-utility-error-text);
}

.bull.bull-invisible {
  background-color: var(--color-grey-700);
}

.bull.bull-warning {
  background-color: var(--color-utility-warning-text);
}

.bull.bull-info {
  background-color: var(--color-utility-info-text);
}

.breadcrumb {
  font-size: 1em;
}

.tooltip hr {
  margin: 2px 0 4px 0;
  border-color: #333;
  min-width: 100px;
}

.editable-click:hover:after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-edit-grey-2.svg) center center no-repeat;
  background-size: cover;
  margin-left: 0.5em;
  position: relative;
  top: 2px;
}

.chosen-default span.chosen-default-text {
  color: var(--color-grey-700);
}

.input-group .input-group-addon {
  background-color: var(--color-white);
}

.input-group .input-group-addon.chosen-addon {
  padding: 0;
}

.input-group .input-group-addon.chosen-addon .chosen-container {
  text-align: left;
}

.input-group .input-group-addon.chosen-addon .chosen-container .chosen-single {
  height: 32px;
  padding: 7px 12px;
  font-size: 12px;
  border: none;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group .input-group-addon.chosen-addon .chosen-container .chosen-drop .chosen-results {
  font-size: 12px;
}

.input-group .input-group-addon.input-addon {
  padding: 0;
  border: none;
}

.input-group .input-group-addon.input-addon input {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.input-highlight-bg {
  background-color: #fcf4be !important;
}

a.text-danger,
a.text-danger:link,
a.text-danger:active,
a.text-danger:visited,
a.text-danger:hover {
  color: #b94a48;
}

.glyphicon.spin {
  -webkit-animation-name: webkit-glyphiconSpin;
  animation-name: glyphiconSpin;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

.glyphicon.spin.glyphicon-repeat {
  transform-origin: 47% 58%;
}

@-webkit-keyframes webkit-glyphiconSpin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes glyphiconSpin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.q-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.q-icon.icon-s {
  width: 16px;
  height: 16px;
}

.q-icon.icon-sl {
  width: 18px;
  height: 18px;
}

.q-icon.icon-xs {
  width: 12px;
  height: 12px;
}

.q-icon.icon-xm {
  width: 28px;
  height: 28px;
}

.q-icon.icon-l {
  width: 32px;
  height: 32px;
}

.q-icon.icon-xl {
  width: 48px;
  height: 48px;
}

.q-icon.rotate-1 {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

.q-icon.rotate-2 {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.q-icon.rotate-3 {
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
}

.q-icon.rotate-animate {
  transition: transform 0.3s;
}

.q-icon.icon-trash {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-trash-red-3.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-edit {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-edit-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-edit-g2 {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-edit-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-users {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-members-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-users-g2 {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-members-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-duplicate {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-duplicate-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-duplicate-o {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-duplicate-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-stats {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-statistics-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-test {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-test-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-comments {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-comments-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-view {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-view-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-view-o {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-view-orange-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-unlocked {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-unlocked-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-archived {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-archived-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-exclamation {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-exclamation-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-plus-g {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-plus-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-plus-g2 {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-plus-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-plus-g3 {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-plus-grey-3.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-plus-o {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-plus-orange-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-plus-o2 {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-plus-orange-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-plus-o3 {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-plus-orange-3.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-plus-white {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-plus-white.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-3-d-spinner {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-3-d-spinner-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-align-left {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-align-left.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-align-center {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-align-center.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-align-right {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-align-right.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-admin-g2 {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-security-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-airplane {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-airplane-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-analytics {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-book-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-arrow-down {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-down-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-break {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-break-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-bounced-email {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-bounced-email.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-blank-page {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-blank-page-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-button {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-button-grey.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-calendar {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-calendar-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-card-sorter {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-card-sorter-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-chart {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-chart-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-chat {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-chat-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-chevron {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-chevron-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-chevron-o {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-chevron-orange-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-chevron-last {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-chevron-last-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-close {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-close-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-code {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-logic-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-columns {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-columns-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-command-question {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-command-question-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-custom-folder {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-custom-folder-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-data {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-data-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-download {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-download-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-drag-and-drop {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-drag-and-drop-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-disable {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-disable-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-emoji {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-emoji-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-email {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-email-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-favourite {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-favourite-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-file-upload {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-file-upload-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-fill-blanks {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-fill-blanks-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-fullscreen {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-fullscreen.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-folder-g {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-folder-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-grid-large {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-grid-large-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-grid {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-grid-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-grid-orange {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-grid-orange-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-group-3 {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/group-3.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-headings {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-headings-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-heat-maps {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-heat-maps-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-help {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-help-small-grey-3.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-history {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-history-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-home-o {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-home-orange-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-image {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-image-grey.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-image-direct {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-image-direct-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-image-highlighter {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-image-highlighter-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-image-review {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-image-review-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-image-selector {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-image-selector-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-image-upload {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-image-upload-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-info {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-info-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-library {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-library-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-list {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-list-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-list-orange {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-list-orange-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-logic {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-logic-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-loop {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-loop-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-minus {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-minus-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-move-white {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-move-white.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-multi-question {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-multi-question-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-multimedia-upload {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-multimedia-upload-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-notification {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-notification.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-options-g1 {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-options-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-options {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-options-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-order {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-order-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-padding {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-padding-grey.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-padding-top {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-padding-top-grey.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-padding-right {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-padding-right-grey.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-padding-bottom {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-padding-bottom-grey.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-padding-left {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-padding-left-grey.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-page {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-page-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-page-g2 {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-page-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-paste {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-paste-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-poll {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-poll-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-prize {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-prize-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-qual-g2 {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-qual-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-question {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-question-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-question2 {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-question-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-question-nocircle {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-question-nocircle-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-radius {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-radius-grey.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-radius-topleft {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-radius-topleft-grey.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-radius-topright {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-radius-topright-grey.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-radius-bottomright {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-radius-bottomright-grey.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-radius-bottomleft {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-radius-bottomleft-grey.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-refresh {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-refresh-grey-1.SVG) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-resize {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-resize-white.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-restriction {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-restriction-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-restriction-g2 {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-restriction-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-rocket {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-rocket-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-rows {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-rows-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-scribble-board {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-scribble-board-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-search {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-search-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-send-message {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-send-message-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-send-message-g2 {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-send-message-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-send-message-o {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-send-message-orange-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-settings {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-filter-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-set {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-set-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-share {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-share-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-settings {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-filter-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-slider {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-slider-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-spacer {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-spacer.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-social {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-social.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-sort-rank {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-sort-rank-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-static-text {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-static-text-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-style {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-style-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-sub-menu-g2 {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-sub-menu-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-sub-menu-g3 {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-sub-menu-grey-3.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-survey {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-survey-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-swipe {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-swipe-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-tabs {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-tabs-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-terms {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-terms-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-test2 {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-test.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-tick {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-tick-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-tickbox-filled {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-tickbox-filled.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-translation {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-translation-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-translation-g2 {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-translation-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-upload {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-upload-orange-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-unarchived {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-unarchived-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-send {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-send.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-success {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-tick-roundel-green.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-error {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-cross-roundel-red.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-user {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-user-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-user-g2 {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-user-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-unlocked {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-unlocked-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-valign-top {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-valign-top.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-valign-middle {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-valign-middle.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-valign-bottom {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-valign-bottom.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-video-dial {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-video-dial-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-video-review {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-video-review-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-video-upload {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-video-upload-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-whiz-grid {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-whiz-grid-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-word-highlighter {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-word-highlighter-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-sub-menu {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-sub-menu-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-no-images {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-no-images-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-plain-text {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-plain-text-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-desktop {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-desktop-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-mobile {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-mobile-grey-1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-fa-file-audio-o {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/documents-file-audio.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-fa-file-excel-o {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/documents-file-excel.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-fa-file-gif {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/documents-file-gif.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-fa-file-image-o {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/documents-file-image.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-fa-file-o {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/documents-file-other-doc.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-fa-file-pdf-o {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/documents-file-pdf.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-fa-file-powerpoint-o {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/documents-file-powerpoint.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-fa-file-video-o {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/documents-file-video.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-fa-file-word-o {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/documents-file-word.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-folder {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/documents-folder.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-folder-o {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/documents-folder.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-folder-open {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/documents-folder.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-folder-open-o {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/documents-folder.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-address-book-o {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/documents-folder.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-book {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/documents-folder.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-fa-file-zip-o {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/documents-zip.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-folder-close {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-folder-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-question-sign {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-static-text-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-thumbs-up {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-static-text-grey-2.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-bold {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-bold.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-italic {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-italic.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-underline {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-underline.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-strike {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-strike.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-text-align-left {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-text-align-left.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-text-align-center {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-text-align-center.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-text-align-right {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-text-align-right.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-text-align-justify {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-text-align-justify.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-text-color {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-text-color.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-text-background-color {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-text-background-color.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-link {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-link.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-variables {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-variables.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-minus-black {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com//black/icon-minus-black.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-arrow-down-black {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com//black/icon-down-black.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-move-black {
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com//black/icon-move-black.svg) 50% 50% no-repeat;
  background-size: contain;
}

.q-icon.icon-bg-grey {
  background-color: var(--color-grey-300);
  border-radius: 4px;
  border: 6px solid var(--color-grey-300);
}

.q-icon.icon-reset-top {
  top: 0px;
}

.q-icon.icon-email {
  top: 0;
}

.q-icon.icon-group-3 {
  background-size: contain;
  width: 8px;
  height: 13px;
}

.modal-xl {
  width: 90%;
}

.modal-full {
  margin: 0;
  width: 100%;
}

.notificationHolder {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  max-width: 90%;
  z-index: 20002;
}

.notificationHolder .alert {
  position: fixed;
  width: 100%;
  margin-bottom: 8px;
  border: 1px solid var(--color-grey-400);
  border-radius: 8px;
  background-color: var(--color-white);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  color: var(--color-grey-900);
  font-size: 14px;
  font-weight: bold;
  padding: 16px;
  transition: all 0.3s ease-out;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  animation: flyIn 0.3s ease-out forwards;
  opacity: 0;
  overflow: hidden;
}

@keyframes flyIn {
  0% {
    transform: translateY(-24px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes flyOut {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-24px);
    opacity: 0;
  }
}

.notificationHolder .alert .notif-content {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  flex: 1;
  overflow: auto;
}

.notificationHolder .alert .notif-content .notif-text {
  flex: 1;
  max-height: 150px;
}

.notificationHolder .alert .close-notif {
  border: 0;
  background: none;
  padding: 0;
  color: var(--color-grey-900);
  cursor: pointer;
}

.notificationHolder .alert .countdown-circle .progress-ring__circle {
  transition: stroke-dashoffset 1s linear;
}

.notificationHolder .alert.alert-success {
  border-color: var(--color-utility-success-border);
  background-color: var(--color-utility-success-bg);
  color: var(--color-utility-success-text);
}

.notificationHolder .alert.alert-success .close-notif {
  color: var(--color-utility-success-text);
}

.notificationHolder .alert.alert-success .progress-ring__circle {
  stroke: var(--color-utility-success-bg);
}

.notificationHolder .alert.alert-danger {
  border-color: var(--color-utility-error-border);
  background-color: var(--color-utility-error-bg);
  color: var(--color-utility-error-text);
}

.notificationHolder .alert.alert-danger .close-notif {
  color: var(--color-utility-error-text);
}

.notificationHolder .alert.alert-danger .progress-ring__circle {
  stroke: var(--color-utility-error-bg);
}

.notificationHolder .alert.alert-warning {
  border-color: var(--color-utility-warning-border);
  background-color: var(--color-utility-warning-bg);
  color: var(--color-utility-warning-text);
}

.notificationHolder .alert.alert-warning .close-notif {
  color: var(--color-utility-warning-text);
}

.notificationHolder .alert.alert-warning .progress-ring__circle {
  stroke: var(--color-utility-warning-bg);
}

.notificationHolder .alert.alert-info {
  border-color: var(--color-utility-info-border);
  background-color: var(--color-utility-info-bg);
  color: var(--color-utility-info-text);
}

.notificationHolder .alert.alert-info .close-notif {
  color: var(--color-utility-info-text);
}

.notificationHolder .alert.alert-info .progress-ring__circle {
  stroke: var(--color-utility-info-bg);
}

.notificationHolder .alert.alert-hide {
  animation: flyOut 0.3s ease-out forwards;
}

.offline-notification {
  z-index: 9999;
  position: fixed;
  top: 5px;
  right: 5px;
  border-radius: 12px;
  color: #a94442;
  background-color: #f2dede;
  border: 1px solid #ebccd1;
  width: 24px;
  height: 24px;
  text-align: center;
}

.offline-notification * {
  vertical-align: middle;
}

.offline-notification.designer {
  right: 195px;
}

.offline-notification.fixed {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.passwordStrength {
  margin: -6px 0 -9px;
  opacity: 0.7;
}

.passwordStrength div {
  height: 5px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pws0 {
  width: 25%;
  background-color: transparent;
}

.pws1 {
  width: 25%;
  background-color: #800;
}

.pws2 {
  width: 50%;
  background-color: #ff9900;
}

.pws3 {
  width: 75%;
  background-color: yellow;
}

.pws4 {
  width: 100%;
  background-color: #00ff00;
}

.no-content-msg {
  display: block;
  padding: 20px;
  text-align: center;
  font-size: 1.2em;
}

.alert-auto {
  display: inline-block;
}

.mobile-text {
  display: none;
  margin: 0;
}

@media screen and (max-width: 768px) {
  .mobile-text {
    display: inline;
  }
}

.qumind-beta-ui {
  font-family: var(--font-family);
  font-stretch: normal;
  font-style: normal;
  color: var(--color-grey-900);
}

#sidePanel-right {
  position: fixed;
  z-index: 201;
  right: 0;
  top: 75px;
  width: 0;
  height: calc(100% - 75px);
  padding: 0px;
  background-color: #fff;
  border-left: 1px solid var(--color-grey-300);
  overflow: auto;
}

#sidePanel-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 200;
}

.thin-scrollbar ::-webkit-scrollbar {
  width: 5px;
}

.thin-scrollbar ::-webkit-scrollbar-track {
  background: transparent;
}

.thin-scrollbar ::-webkit-scrollbar-thumb {
  background: var(--color-grey-900);
  border-radius: 4px;
}

.dialog {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: hsl(0 0% 95% / .8);
  backdrop-filter: blur(4px);
  cursor: default;
}

.dialog .dialog-wrapper {
  position: fixed;
  z-index: 1001;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--color-white);
  border: 1px solid var(--color-grey-400);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  width: 600px;
  max-width: 90%;
  max-height: 90%;
  border-radius: 12px;
  font-size: 14px;
}

.dialog .dialog-header {
  padding: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dialog .dialog-header .dialog-title {
  color: var(--color-title);
  font-size: 24px;
  font-weight: bold;
  margin: 0;
}

.dialog .dialog-header .close-dialog {
  cursor: pointer;
  display: flex;
  align-items: center;
  background: transparent;
  border: 0;
  padding: 0;
}

.dialog .dialog-content {
  padding: 0 12px 0 28px;
  max-height: 60vh;
  overflow-y: scroll;
}

.dialog .dialog-footer {
  padding: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.modal-dialog .modal-content {
  border: none;
}

.modal-dialog .modal-content .modal-header {
  border: none;
  padding: 1.5em 2em;
}

.modal-dialog .modal-content .modal-header button.close {
  width: 22px;
  height: 22px;
  font-size: 0;
  background: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-close-grey-2.svg) center center no-repeat;
  background-size: cover;
  opacity: 1;
}

.modal-dialog .modal-content .modal-body {
  padding: 2em;
}

.modal-dialog .modal-content .modal-footer {
  border: none;
  padding: 1.5em 2em;
}

.modal-dialog .modal-content .modal-footer.border-top {
  border-top: 1px solid var(--color-grey-500);
}

.modal-dialog label {
  font-size: 10px;
  color: var(--color-grey-700);
  text-transform: uppercase;
}

.modal-dialog .nav-tabs {
  margin-left: 20px;
}

.modal-dialog ::-webkit-scrollbar {
  width: 12px;
}

.nav-tabs {
  border: none;
}

.nav-tabs > li > a {
  padding: 5px 10px;
  font-size: 16px;
  color: var(--color-grey-700);
  border: none;
}

.nav-tabs > li > a:hover {
  background: transparent;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  color: var(--color-black);
  border: none;
  border-bottom: 1.5px solid var(--color-primary-500);
}

.nav-tabs.transparent > li.active > a, .nav-tabs.transparent > li.active > a:focus, .nav-tabs.transparent > li.active > a:hover {
  background-color: transparent;
}

.well {
  background: transparent;
  border: 1px solid var(--color-grey-700);
}

.well.o {
  background: var(--color-primary-100);
}

a.list-group-item:hover, a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
  color: var(--color-black);
  text-decoration: none;
  background-color: var(--color-primary-100);
}

.search-holder .input-group .form-control,
.search-holder .input-group .input-group-btn .btn {
  border-color: var(--color-primary-400);
}

@media screen and (min-width: 768px) {
  .modal-dialog.size-xxl {
    width: 100%;
  }
  .modal-dialog.size-xl {
    width: 75%;
  }
  .modal-dialog.size-m {
    width: 800px;
  }
  .modal-dialog.size-l {
    width: 1024px;
  }
  .modal-dialog.size-s {
    width: 420px;
  }
}

.d-inline {
  display: inline;
}

.d-inline-block {
  display: inline-block;
}

.d-block {
  display: block;
}

.bg-transparent {
  background-color: transparent;
}

.bg-white {
  background-color: White;
}

.mt-10 {
  margin-top: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.mr-10 {
  margin-right: 10px;
}

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

.avatarDefault {
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
  width: 45px;
  height: 45px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-height: 900px) {
  .dropdown-menu {
    max-height: 600px;
  }
}

@media screen and (max-height: 700px) {
  .dropdown-menu {
    max-height: 400px;
  }
}

.flex {
  display: flex;
}

.justify-content-center {
  justify-content: center;
}

.align-center {
  align-items: center;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-end {
  justify-content: flex-end;
}

.pagination-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-white);
  padding: 2em 0;
  border: 1px solid var(--color-grey-400);
  border-radius: 0 0 8px 8px;
}

.pagination-2 li {
  list-style: none;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  user-select: none;
}

.pagination-2 li a {
  padding: 1em;
  color: var(--color-grey-700);
  display: block;
  outline: none;
  text-decoration: none;
  transition: all 0.3s ease;
}

.pagination-2 li.dots span {
  padding: 1em;
  color: var(--color-grey-700);
  letter-spacing: 1px;
}

.pagination-2 li.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.pagination-2 li.active a {
  color: var(--color-primary-500);
  text-decoration: none;
}

.pagination-2 li:hover a {
  color: var(--color-primary-500);
  text-decoration: none;
}

.backto {
  display: flex;
  align-items: center;
  padding: 1em 0 1.5em;
  margin-bottom: 2.5em;
  border-bottom: 1px solid var(--color-grey-500);
}

.backto a {
  color: var(--color-black);
  font-weight: bold;
  text-decoration: none;
  margin-left: 0.5em;
}

.form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.form-group label {
  margin: 0 0 0.8em;
  padding: 0;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  color: var(--color-grey-900);
}

.form-group label.radio-inline {
  padding-left: 20px;
  margin-bottom: 0;
  line-height: 20px;
}

.form-group .radio label {
  line-height: 20px;
  position: relative;
  display: inline-block;
  margin: 0;
  margin-right: 20px;
  padding-left: 24px;
  cursor: pointer;
}

.form-group .checkbox label {
  line-height: 20px;
  position: relative;
  display: inline-block;
  margin: 0;
  padding-left: 24px;
  cursor: pointer;
}

.form-group input[type=checkbox] {
  -moz-appearance: initial;
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
}

.form-group input[type=checkbox]:before {
  content: '';
  position: absolute;
  left: -24px;
  top: 1px;
  width: 18px;
  height: 18px;
  border: 1px solid var(--color-grey-500);
  border-radius: 4px;
  background: var(--color-white);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}

.form-group input[type=checkbox]:after {
  opacity: 0;
  content: '';
  position: absolute;
  left: -18px;
  top: 3px;
  width: 6px;
  height: 10px;
  border: solid var(--color-white);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  cursor: pointer;
  transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
}

.form-group input[type=checkbox]:checked:before {
  background: var(--color-accent-500);
  border-color: var(--color-accent-500);
}

.form-group input[type=checkbox]:checked:after {
  opacity: 1;
}

.form-group input[type=radio] {
  position: absolute;
  width: 0;
  height: 0;
  margin: 4px 0 0;
  -moz-appearance: initial;
}

.form-group input[type=radio]:before {
  content: '';
  position: absolute;
  left: -24px;
  top: -3px;
  width: 19px;
  height: 19px;
  border: 1px solid var(--color-grey-500);
  border-radius: 10px;
  background: var(--color-grey-300);
  cursor: pointer;
}

.form-group input[type=radio]:checked:before {
  background: var(--color-primary-500);
  box-shadow: inset 0px 0px 1px 3px #fff;
}

.form-group .form-control {
  box-shadow: none;
  padding: 8px 12px;
  height: 38px;
  color: var(--color-black);
  border: 1px solid var(--color-grey-400);
  border-radius: 4px;
  background: var(--color-white);
  outline: 0;
  font-size: 14px;
}

.form-group .form-control::-webkit-scrollbar {
  width: 12px;
}

.form-group select.form-control {
  padding: 8px 28px 8px 12px;
  position: relative;
  cursor: pointer;
  appearance: none;
  background-image: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-chevron-grey-1.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 0.5em) 50%;
}

.form-group textarea.form-control {
  height: auto;
}

.form-group .input-search {
  padding: 8px 8px 8px 32px;
  position: relative;
  background-image: url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-search-grey-2.svg);
  background-repeat: no-repeat;
  background-position: 10px 55%;
}

.form-group .input-search.group {
  border-radius: 4px 0 0 4px;
}

.form-group.inline-input {
  display: flex;
  align-items: center;
}

.form-group.inline-input .form-control {
  margin-right: 0.5em;
}

fieldset.export {
  margin-bottom: 20px;
}

fieldset.export legend {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  color: var(--color-black);
  border: none;
}

fieldset.export .checkbox-label,
fieldset.export .radio-label {
  display: inline-block;
  width: 25%;
  margin-bottom: 5px;
}

.tooltipster-base.tooltipster-sidetip .tooltipster-box {
  background: var(--color-grey-900);
  border: 1px solid var(--color-black);
  border-radius: 4px;
  box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
  margin-bottom: 6px;
}

.tooltipster-base.tooltipster-sidetip .tooltipster-content {
  color: #fff;
  padding: 8px;
}

.tooltipster-base.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  height: 8px;
  margin-left: -8px;
  width: 16px;
  bottom: 1px;
}

.tooltipster-base.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border: 8px solid transparent;
  border-top-color: #000;
}

.tooltipster-base.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border: 8px solid transparent;
  border-top-color: var(--color-grey-900);
  top: -1px;
}

.tooltipster-base.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 8px;
  margin-left: -8px;
  width: 16px;
  top: 1px;
}

.tooltipster-base.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -8px;
}

.tooltipster-base.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border: 8px solid transparent;
  border-bottom-color: #000;
}

.tooltipster-base.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border: 8px solid transparent;
  border-bottom-color: var(--color-grey-900);
  top: 1px;
}

#myProgress {
  width: 100%;
  background-color: var(--color-grey-300);
  border-radius: 50px;
  margin-bottom: 2em;
}

#myBar {
  width: 0%;
  height: 20px;
  background-color: var(--color-primary-500);
  text-align: center;
  line-height: 20px;
  color: white;
  border-radius: 50px;
}

.mark, mark {
  padding: 0 !important;
  background: none !important;
  color: unset;
}

#launcher {
  bottom: 20px !important;
  right: 28px !important;
  z-index: 100 !important;
  margin: 0 !important;
}

#zendesk-toggle {
  position: fixed;
  bottom: 76px;
  right: 16px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid var(--color-grey-400);
  background: #fff;
  color: var(--color-grey-900);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 101;
  padding: 0;
  font-size: 16px;
  line-height: 1;
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.spin-loader {
  pointer-events: none;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  overflow: hidden;
}

.spin-loader:before {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-color: transparent transparent var(--color-primary-500) transparent;
  border-radius: 100%;
  animation: 1s spin ease infinite;
}

.spin-loader div {
  display: none;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(1turn);
  }
}