/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbq-file-download-manager-container {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 400px;
  background: #ffffff;
  border-radius: 25px;
  z-index: 999999;
  box-shadow: 0 3px 10px RGBA(0, 0, 0, 0.2); }
  .dbq-file-download-manager-container.dbqfdm-expanded {
    max-height: 500px; }
    .dbq-file-download-manager-container.dbqfdm-expanded .dbqfdm-header {
      border-bottom: 2px solid #eeeeee; }
  .dbq-file-download-manager-container.dbqfdm-collapsed .dbqfdm-collapse-button {
    -webkit-transition: -webkit-transform .8s ease-in-out;
    -ms-transition: -ms-transform .8s ease-in-out;
    transition: transform .8s ease-in-out; }
    .dbq-file-download-manager-container.dbqfdm-collapsed .dbqfdm-collapse-button svg {
      transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg); }
  .dbq-file-download-manager-container .dbqfdm-header {
    float: left;
    width: 100%; }
    .dbq-file-download-manager-container .dbqfdm-header .dbqfdm-header-icon {
      float: left;
      margin: 15px;
      background: #321E64;
      width: 50px;
      border-radius: 50%;
      padding: 15px; }
      .dbq-file-download-manager-container .dbqfdm-header .dbqfdm-header-icon svg {
        margin: -5px;
        fill: #ffffff; }
    .dbq-file-download-manager-container .dbqfdm-header .dbqfdm-header-title {
      float: left;
      margin: 15px 0;
      color: #000000; }
      .dbq-file-download-manager-container .dbqfdm-header .dbqfdm-header-title .dbqfdm-download-title {
        float: left;
        font-size: 18px; }
      .dbq-file-download-manager-container .dbqfdm-header .dbqfdm-header-title .dbqfdm-file-progress {
        float: left;
        clear: both; }
    .dbq-file-download-manager-container .dbqfdm-header .dbqfdm-header-buttons {
      float: right;
      margin: 25px 15px; }
      .dbq-file-download-manager-container .dbqfdm-header .dbqfdm-header-buttons .dbqfdm-button {
        float: left;
        position: relative;
        display: block;
        background: #321E64;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        margin-left: 15px;
        cursor: pointer; }
        .dbq-file-download-manager-container .dbqfdm-header .dbqfdm-header-buttons .dbqfdm-button:first-of-type {
          margin-left: 0px; }
        .dbq-file-download-manager-container .dbqfdm-header .dbqfdm-header-buttons .dbqfdm-button svg {
          position: absolute;
          display: block;
          width: 12px;
          height: 12px;
          fill: #ffffff;
          top: 9px;
          left: 9px; }
  .dbq-file-download-manager-container .dbqfdm-download-items-container {
    float: left;
    clear: both;
    width: 100%;
    max-height: 400px;
    overflow-y: auto; }
    .dbq-file-download-manager-container .dbqfdm-download-items-container .dbqfdm-file-container {
      margin: 15px;
      padding: 15px;
      background: #eeeeee;
      border-radius: 10px;
      overflow: hidden;
      position: relative; }
      .dbq-file-download-manager-container .dbqfdm-download-items-container .dbqfdm-file-container .dbqfdm-file {
        height: 40px;
        line-height: 40px;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .dbq-file-download-manager-container .dbqfdm-download-items-container .dbqfdm-file-container .dbqfdm-file .dbqfdm-file-type {
          width: 30px;
          height: 30px;
          flex-shrink: 0; }
        .dbq-file-download-manager-container .dbqfdm-download-items-container .dbqfdm-file-container .dbqfdm-file .dbqfdm-file-name {
          margin: 0 5px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          flex-grow: 1; }
        .dbq-file-download-manager-container .dbqfdm-download-items-container .dbqfdm-file-container .dbqfdm-file .dbqfdm-file-buttons .dbqfdm-cancel-button {
          border: 2px solid #000000;
          border-radius: 25px;
          padding: 0px 10px;
          cursor: pointer;
          height: 30px;
          line-height: 28px; }
        .dbq-file-download-manager-container .dbqfdm-download-items-container .dbqfdm-file-container .dbqfdm-file .dbqfdm-file-buttons .dbqfdm-download-button,
        .dbq-file-download-manager-container .dbqfdm-download-items-container .dbqfdm-file-container .dbqfdm-file .dbqfdm-file-buttons .dbqfdm-aborted-button {
          position: relative;
          width: 30px;
          height: 30px;
          background: #321E64;
          border-radius: 50%; }
          .dbq-file-download-manager-container .dbqfdm-download-items-container .dbqfdm-file-container .dbqfdm-file .dbqfdm-file-buttons .dbqfdm-download-button svg,
          .dbq-file-download-manager-container .dbqfdm-download-items-container .dbqfdm-file-container .dbqfdm-file .dbqfdm-file-buttons .dbqfdm-aborted-button svg {
            position: absolute;
            display: block;
            width: 12px;
            height: 12px;
            fill: #ffffff;
            top: 9px;
            left: 9px; }
        .dbq-file-download-manager-container .dbqfdm-download-items-container .dbqfdm-file-container .dbqfdm-file .dbqfdm-file-buttons .dbqfdm-download-button svg.download {
          display: none; }
        .dbq-file-download-manager-container .dbqfdm-download-items-container .dbqfdm-file-container .dbqfdm-file .dbqfdm-file-buttons .dbqfdm-aborted-button {
          cursor: pointer; }
          .dbq-file-download-manager-container .dbqfdm-download-items-container .dbqfdm-file-container .dbqfdm-file .dbqfdm-file-buttons .dbqfdm-aborted-button svg.retry {
            display: none; }
          .dbq-file-download-manager-container .dbqfdm-download-items-container .dbqfdm-file-container .dbqfdm-file .dbqfdm-file-buttons .dbqfdm-aborted-button:hover svg {
            display: none; }
          .dbq-file-download-manager-container .dbqfdm-download-items-container .dbqfdm-file-container .dbqfdm-file .dbqfdm-file-buttons .dbqfdm-aborted-button:hover svg.retry {
            display: block; }
      .dbq-file-download-manager-container .dbqfdm-download-items-container .dbqfdm-file-container .dbqfdm-file-progress-bar {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 5px;
        width: 0%;
        background: #321E64; }
      .dbq-file-download-manager-container .dbqfdm-download-items-container .dbqfdm-file-container .dbqfdm-cancel-button,
      .dbq-file-download-manager-container .dbqfdm-download-items-container .dbqfdm-file-container .dbqfdm-download-button,
      .dbq-file-download-manager-container .dbqfdm-download-items-container .dbqfdm-file-container .dbqfdm-aborted-button {
        display: none; }
      .dbq-file-download-manager-container .dbqfdm-download-items-container .dbqfdm-file-container[data-download-state="0"] .dbqfdm-cancel-button, .dbq-file-download-manager-container .dbqfdm-download-items-container .dbqfdm-file-container[data-download-state="1"] .dbqfdm-cancel-button {
        display: block; }
      .dbq-file-download-manager-container .dbqfdm-download-items-container .dbqfdm-file-container[data-download-state="2"] .dbqfdm-download-button {
        display: block; }
      .dbq-file-download-manager-container .dbqfdm-download-items-container .dbqfdm-file-container[data-download-state="3"] .dbqfdm-file-name, .dbq-file-download-manager-container .dbqfdm-download-items-container .dbqfdm-file-container[data-download-state="4"] .dbqfdm-file-name {
        color: red; }
      .dbq-file-download-manager-container .dbqfdm-download-items-container .dbqfdm-file-container[data-download-state="3"] .dbqfdm-aborted-button, .dbq-file-download-manager-container .dbqfdm-download-items-container .dbqfdm-file-container[data-download-state="4"] .dbqfdm-aborted-button {
        display: block; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbq-file-streaming-control[data-is-read-only="false"] .dbqfsc-file-download {
  border-radius: 0;
  border-bottom: 0px; }

.dbq-file-streaming-control[data-is-read-only="true"] .dbqfsc-file-download .dbqfsc-file-remove {
  display: none !important; }

.dbq-file-streaming-control .dbqfsc-file-upload-container {
  padding: 15px;
  border: 2px dashed #e5e7ec;
  border-radius: 0 0 10px 10px;
  position: relative;
  min-height: 75px;
  background: #ffffff; }
  .dbq-file-streaming-control .dbqfsc-file-upload-container.highlight, .dbq-file-streaming-control .dbqfsc-file-upload-container:hover {
    border-color: #321E64; }
  .dbq-file-streaming-control .dbqfsc-file-upload-container .dbqfsc-file-upload {
    display: flex;
    align-items: center; }
    .dbq-file-streaming-control .dbqfsc-file-upload-container .dbqfsc-file-upload svg {
      display: inline-block;
      width: 48px;
      height: 48px;
      fill: #321E64; }
    .dbq-file-streaming-control .dbqfsc-file-upload-container .dbqfsc-file-upload span {
      margin-left: 15px;
      font-size: 16px;
      font-weight: 600; }
    .dbq-file-streaming-control .dbqfsc-file-upload-container .dbqfsc-file-upload .dbqfsc-file-input {
      display: none; }
    .dbq-file-streaming-control .dbqfsc-file-upload-container .dbqfsc-file-upload .dbqfsc-upload-button {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: 0;
      cursor: pointer; }
  .dbq-file-streaming-control .dbqfsc-file-upload-container .dbqfsc-progress-container {
    display: flex; }
    .dbq-file-streaming-control .dbqfsc-file-upload-container .dbqfsc-progress-container .dbqfsc-progress {
      width: 100%; }
      .dbq-file-streaming-control .dbqfsc-file-upload-container .dbqfsc-progress-container .dbqfsc-progress .dbqfsc-progress-bar {
        height: 20px;
        position: relative;
        background: #555;
        border-radius: 25px;
        box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
        overflow: hidden; }
        .dbq-file-streaming-control .dbqfsc-file-upload-container .dbqfsc-progress-container .dbqfsc-progress .dbqfsc-progress-bar span {
          display: block;
          height: 100%;
          background-color: #2bc253;
          background-image: linear-gradient(center bottom, #2bc253 37%, #54f054 69%);
          box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
          position: relative; }

.dbq-file-streaming-control .dbqfsc-file-download {
  display: flex;
  align-items: center;
  padding: 15px;
  border: 2px solid #e5e7ec;
  border-radius: 0 0 10px 10px;
  background: #e5e7ec; }
  .dbq-file-streaming-control .dbqfsc-file-download .dbqfsc-file-download-button {
    flex-shrink: 0; }
    .dbq-file-streaming-control .dbqfsc-file-download .dbqfsc-file-download-button svg {
      display: inline-block;
      width: 24px;
      height: 24px;
      margin-right: 5px; }
  .dbq-file-streaming-control .dbqfsc-file-download span {
    font-size: 16px;
    font-weight: 600;
    line-height: 40px; }
  .dbq-file-streaming-control .dbqfsc-file-download .dbqfsc-file-name {
    flex-grow: 1;
    margin: 0 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .dbq-file-streaming-control .dbqfsc-file-download .dbqfsc-file-size {
    flex-shrink: 0; }
  .dbq-file-streaming-control .dbqfsc-file-download .dbqfsc-file-remove {
    flex-shrink: 0;
    margin: 0 0 0 5px;
    cursor: pointer; }
    .dbq-file-streaming-control .dbqfsc-file-download .dbqfsc-file-remove svg {
      fill: #888888; }
    .dbq-file-streaming-control .dbqfsc-file-download .dbqfsc-file-remove:hover svg {
      fill: #321E64; }

.dbq-file-streaming-control .dbqfsc-file-empty {
  border: 2px solid #e5e7ec;
  border-radius: 0 0 10px 10px;
  padding: 15px;
  background: #e5e7ec;
  font-weight: 700; }

.dbq-file-streaming-control .dbqfsc-file-name {
  font-size: 12px; }

.dbq-file-streaming-control .dbqfsc-file-percentage {
  float: right;
  font-size: 12px; }

.dbq-file-streaming-control .dbqfsc-gallery {
  margin-top: 10px; }
  .dbq-file-streaming-control .dbqfsc-gallery img {
    width: 150px;
    margin-bottom: 10px;
    margin-right: 10px;
    vertical-align: middle; }

.dbqdb-file-upload.dbq-no-label .dbq-file-streaming-control {
  border-radius: 10px; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbq-file-preview-container object {
  float: left;
  width: 100%; }

.dbq-file-preview-container .dbqfp-video-preview {
  width: 100%;
  height: 100%; }

.dbq-file-preview-container .dbqfp-file-preview-unavailable-container {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .dbq-file-preview-container .dbqfp-file-preview-unavailable-container h3 {
    padding: 0; }
  .dbq-file-preview-container .dbqfp-file-preview-unavailable-container .dbqfp-file-download-button {
    background: #321E64 !important; }
    .dbq-file-preview-container .dbqfp-file-preview-unavailable-container .dbqfp-file-download-button svg {
      fill: #fff !important;
      margin-right: 5px; }

.dbq-progress-bar {
  width: 100%;
  display: flex;
  height: 16px;
  border-radius: 8px;
  overflow: hidden;
  position: relative; }
  .dbq-progress-bar .dbqpb-divider {
    width: 2px;
    height: 100%;
    position: absolute;
    background: #cf473c; }
  .dbq-progress-bar .dbqpb-value {
    position: absolute;
    right: 5px;
    color: white;
    font-size: 10px; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbqsb-scrollbar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 100%;
  margin-top: 34px;
  background: #eee;
  border-radius: 17px;
  margin: 0;
  padding: 5px 0; }
  .dbqsb-scrollbar .dbqsb-scrollbar-navigation {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .dbqsb-scrollbar .dbqsb-scrollbar-navigation .dbqsb-scrollbar-navigation-button {
      cursor: pointer;
      fill: #333; }
  .dbqsb-scrollbar .dbqsb-scrollbar-track {
    width: 8px;
    height: 100%;
    min-height: 20px;
    background: #ccc;
    position: relative;
    border-radius: 5px;
    cursor: pointer; }
    .dbqsb-scrollbar .dbqsb-scrollbar-track .dbqsb-scrollbar-thumb {
      width: 14px;
      height: 20px;
      min-height: 8px;
      position: absolute;
      left: -3px;
      background: #fff;
      cursor: pointer;
      border-radius: 10px;
      border: 1px solid #aaa; }
      .dbqsb-scrollbar .dbqsb-scrollbar-track .dbqsb-scrollbar-thumb .dbqsb-scrollbar-thumb-index {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        background: #fff;
        min-width: 30px;
        height: 26px;
        top: -3px;
        right: 20px;
        border: 1px solid #aaa;
        border-radius: 10px;
        padding: 1px 5px;
        font-size: 12px;
        font-weight: 600;
        white-space: nowrap;
        z-index: 1; }
        .dbqsb-scrollbar .dbqsb-scrollbar-track .dbqsb-scrollbar-thumb .dbqsb-scrollbar-thumb-index.dbqsb-scrollbar-thumb-index-hidden {
          display: none; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%; }

.dbqdcl-hidden,
.dbqdcltl-hidden,
.dbqdclrvl-hidden {
  display: none; }

.opaque {
  background-color: white; }

.semitransparent {
  background: rgba(255, 255, 255, 0.25);
  background-color: white; }

.dbq-clearfix:after {
  content: "";
  clear: both;
  display: table; }

.dropdown-toggle::after {
  display: none; }

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

.dbq-property-container {
  width: calc(100% - 40px);
  float: left; }

.dbq-document .element[data-hidden-field='true'] {
  display: none !important; }

.dbqdb-error-message {
  padding: 30px; }

.dbq-element-header-5 {
  color: #000000;
  float: left;
  margin: 0;
  padding: 0;
  font-weight: 600;
  line-height: 20px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.hidden {
  display: none; }

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.ellipsis-2-lines {
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: initial !important;
  /* We set this one since there might be a default ellipsis in use which has the white-space value set to nowrap. */ }

.ellipsis-3-lines {
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: initial !important;
  /* We set this one since there might be a default ellipsis in use which has the white-space value set to nowrap. */ }

h3.tile-project-title {
  color: #000000;
  font-weight: 600 !important; }

span.tile-project-subtitle {
  color: #000000;
  font-weight: 600 !important; }

span.tile-project-attr-title {
  color: #797a7d;
  font-weight: 600 !important;
  padding: 5px 0 0 0; }

p.tile-project-attr-description {
  color: #797a7d;
  font-weight: 400 !important;
  padding: 5px 0 0 0; }

main {
  -ms-flex-line-pack: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto; }
  main.embedded {
    padding: 0px;
    width: 100%;
    background-color: transparent;
    justify-content: flex-start;
    align-items: flex-start; }
  main.default {
    padding: 40px; }
  main.fixed-1024x768 {
    max-width: 1024px;
    max-height: 768px;
    height: 768px;
    padding: 0px !important;
    width: 1024px;
    overflow: hidden; }
    main.fixed-1024x768 .topic header {
      display: none !important; }
    main.fixed-1024x768 .topic footer {
      display: none !important; }
    main.fixed-1024x768 .topic nav {
      display: none !important; }
    main.fixed-1024x768 .flex-container {
      padding: 0px !important;
      vertical-align: top; }
    main.fixed-1024x768 .flex-item {
      padding: 0px !important;
      vertical-align: top; }
    main.fixed-1024x768 .element {
      padding: 0px !important;
      vertical-align: top; }
      main.fixed-1024x768 .element > .property {
        padding: 0px !important;
        vertical-align: top; }
        main.fixed-1024x768 .element > .property > .label_left {
          width: 140px; }
    main.fixed-1024x768 .block {
      padding: 0px !important;
      vertical-align: top; }
    main.fixed-1024x768 p {
      padding: 5px 22px;
      line-height: 22px;
      margin: 0; }
    main.fixed-1024x768 h1 {
      padding: 5px 22px;
      line-height: 22px;
      margin: 0; }
    main.fixed-1024x768 h2 {
      padding: 5px 22px;
      line-height: 22px;
      margin: 0; }
    main.fixed-1024x768 h3 {
      padding: 5px 22px;
      line-height: 22px;
      margin: 0; }
    main.fixed-1024x768 h4 {
      padding: 5px 22px;
      line-height: 22px;
      margin: 0; }
    main.fixed-1024x768 video.fullscreen {
      height: 768px; }

.no-padding {
  padding: 0 !important; }

.padding-bottom-20 {
  padding-bottom: 20px; }

.flex-container-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column; }

.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row; }

.flex-row {
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row; }

.flex-item-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1; }

.flex-item-2 {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  -webkit-flex: 2;
  flex: 2; }

.flex-item-3 {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  -webkit-flex: 3;
  flex: 3; }

.flex-item-4 {
  -webkit-box-flex: 4;
  -ms-flex: 4;
  -webkit-flex: 4;
  flex: 4; }

.flex-item-5 {
  -webkit-box-flex: 5;
  -ms-flex: 5;
  -webkit-flex: 5;
  flex: 5; }

.flex-item-6 {
  -webkit-box-flex: 6;
  -ms-flex: 6;
  -webkit-flex: 6;
  flex: 6; }

.flex-item-7 {
  -webkit-box-flex: 7;
  -ms-flex: 7;
  -webkit-flex: 7;
  flex: 7; }

.flex-item-8 {
  -webkit-box-flex: 8;
  -ms-flex: 8;
  -webkit-flex: 8;
  flex: 8; }

.flex-item-9 {
  -webkit-box-flex: 9;
  -ms-flex: 9;
  -webkit-flex: 9;
  flex: 9; }

.flex-item-10 {
  -webkit-box-flex: 10;
  -ms-flex: 10;
  -webkit-flex: 10;
  flex: 10; }

.flex-item-11 {
  -webkit-box-flex: 11;
  -ms-flex: 11;
  -webkit-flex: 11;
  flex: 11; }

.flex-item-12 {
  -webkit-box-flex: 12;
  -ms-flex: 12;
  -webkit-flex: 12;
  flex: 12; }

.flex-item-13 {
  -webkit-box-flex: 13;
  -ms-flex: 13;
  -webkit-flex: 13;
  flex: 13; }

.flex-item-14 {
  -webkit-box-flex: 14;
  -ms-flex: 14;
  -webkit-flex: 14;
  flex: 14; }

.flex-item-15 {
  -webkit-box-flex: 15;
  -ms-flex: 15;
  -webkit-flex: 15;
  flex: 15; }

.flex-align-left {
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-right: auto; }

.flex-align-right {
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-left: auto; }

.flex-align-center {
  -ms-flex-item-align: center;
  align-self: center; }

.rotate-90 {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.rotate-180 {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.rotate-270 {
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg); }

.flip {
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1); }

.flip-and-rotate-90 {
  -moz-transform: rotate(90deg) scaleX(-1);
  -webkit-transform: rotate(90deg) scaleX(-1);
  -o-transform: rotate(90deg) scaleX(-1);
  transform: rotate(90deg) scaleX(-1); }

.flip-and-rotate-180 {
  -moz-transform: rotate(180deg) scaleX(-1);
  -webkit-transform: rotate(180deg) scaleX(-1);
  -o-transform: rotate(180deg) scaleX(-1);
  transform: rotate(180deg) scaleX(-1); }

.flip-and-rotate-270 {
  -moz-transform: rotate(270deg) scaleX(-1);
  -webkit-transform: rotate(270deg) scaleX(-1);
  -o-transform: rotate(270deg) scaleX(-1);
  transform: rotate(270deg) scaleX(-1); }

.dbq-ellipsis-1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: clip; }

.dbq-ellipsis-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.dbq-ellipsis-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.dbq-ellipsis-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.dbq-ellipsis-5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.dbq-ellipsis-6 {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.dbq-ellipsis-7 {
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.dbq-ellipsis-8 {
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.dbq-ellipsis-9 {
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.dbq-ellipsis-10 {
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.dbq-placeholder {
  color: #bbbbbb !important; }

.dbq-elevated-background {
  background-color: #ffffff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07);
  -moz-box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07);
  box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07); }

.dbq-dark-mode .dbq-elevated-background {
  -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.4); }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.modal .modal-fullscreen {
  min-width: calc(100% - 60px) !important; }

.modal .modal-body {
  padding: 20px 30px;
  border-radius: 0; }
  .modal .modal-body:last-child {
    border-radius: 0 0 10px 10px; }

.modal .dbq-modal-header {
  color: #001323;
  background-color: #f5f7f9;
  border: 0;
  border-width: 1px !important;
  border-bottom: 1px solid #e2e7f3;
  font-weight: 600;
  padding: 20px 30px;
  margin-bottom: 0;
  border-radius: 10px 10px 0 0; }
  .modal .dbq-modal-header .dbq-modal-header-button {
    float: right;
    background: 0 none;
    border: 0 none;
    outline: 0 none; }
    .modal .dbq-modal-header .dbq-modal-header-button svg {
      width: 20px;
      height: 20px;
      fill: #001323; }
    .modal .dbq-modal-header .dbq-modal-header-button:focus, .modal .dbq-modal-header .dbq-modal-header-button:hover {
      float: right;
      background: 0 none;
      border: 0 none;
      outline: 0 none; }
    .modal .dbq-modal-header .dbq-modal-header-button:hover svg {
      fill: #321E64; }
    .modal .dbq-modal-header .dbq-modal-header-button.dbq-modal-close-button svg {
      width: 28px;
      height: 28px; }

.modal .modal-dialog main {
  border-radius: 0 0 10px 10px; }

.modal-content .dbq-account-popup-left-column {
  margin-bottom: 15px;
  text-align: right;
  font-weight: 600; }

.dbqdb-header {
  float: left;
  width: 100%;
  background: #f5f7f9;
  border-bottom: 1px solid #e2e7f3; }
  .dbqdb-header:empty {
    border-bottom: 0 none; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbq-form .nav-tabs {
  background-color: #3c3c3c;
  border-bottom: 2px solid #3c3c3c;
  margin: 0;
  padding: 9px 20px 0 20px;
  min-height: 50px; }
  .dbq-form .nav-tabs > li {
    padding-right: 20px; }
    .dbq-form .nav-tabs > li > a {
      border: none;
      color: white;
      font-size: 12px;
      font-weight: 600;
      line-height: 20px;
      padding: 6px 14px; }
      .dbq-form .nav-tabs > li > a:hover {
        border: none;
        color: white !important;
        background: transparent;
        text-decoration: none; }
      .dbq-form .nav-tabs > li > a::after {
        content: "";
        height: 0;
        position: absolute;
        width: 100%;
        left: 0px;
        bottom: -1px;
        background: 0 none !important;
        transition: none;
        transform: scale(0); }
    .dbq-form .nav-tabs > li:hover > a::after {
      transform: scale(1); }
  .dbq-form .nav-tabs > li.active > a {
    border-width: 0;
    background-color: transparent;
    border: none;
    color: #fff !important;
    background: transparent;
    text-decoration: none; }
    .dbq-form .nav-tabs > li.active > a:focus {
      border-width: 0;
      background-color: transparent; }
    .dbq-form .nav-tabs > li.active > a::after {
      transform: scale(1); }
    .dbq-form .nav-tabs > li.active > a:hover {
      border-width: 0;
      background-color: transparent; }

.dbq-form .tab-nav > li > a::after {
  background: white none repeat scroll 0% 0%;
  color: #fff; }

#document-topic-tabs.nav-tabs {
  border-bottom: 0 none;
  padding: 0 30px;
  float: left; }
  #document-topic-tabs.nav-tabs > li {
    margin: 10px 0; }
    #document-topic-tabs.nav-tabs > li:hover > a::after {
      background: #0c0c0c !important;
      border-bottom: 5px solid #0c0c0c !important; }
    #document-topic-tabs.nav-tabs > li:hover a::after {
      background: 0 !important;
      border-bottom: 0 !important; }
  #document-topic-tabs.nav-tabs > li.active {
    color: #001323 !important;
    background: #e5e7ec !important;
    border-radius: 10px; }

#document-topic-tabs.nav-tabs.document-topic-tabs > li > a {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  padding: 6px 14px;
  color: #001323;
  text-decoration: none;
  float: left; }

#document-topic-tabs.nav-tabs.document-topic-tabs > li.active > a {
  color: #001323 !important;
  border-radius: 10px;
  background-color: #e5e7ec; }

#document-topic-tabs.nav-tabs.document-topic-tabs > li.active:hover > a {
  color: #001323 !important; }

#document-topic-tabs.nav-tabs.document-topic-tabs > li.disabled > a {
  cursor: not-allowed;
  color: #bbbbbb; }

.document-topic-tabs > li.active a {
  padding: 6px 14px !important; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbq-form .btn-primary,
.dbq-form .btn-secondary,
.dbq-form .btn-success,
.dbq-form .btn-danger,
.dbq-form .btn-warning,
.dbq-form .btn-info,
.dbq-form .btn-link {
  background: #321E64;
  background-color: #321E64;
  border: 2px solid #2D1B5A;
  color: #ffffff;
  fill: #ffffff;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  opacity: 1; }

.dbq-form .btn-primary,
.dbq-form .btn-secondary,
.dbq-form .btn-success,
.dbq-form .btn-danger,
.dbq-form .btn-warning,
.dbq-form .btn-info,
.dbq-form .btn-link,
.dbq-form .btn {
  cursor: pointer;
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  padding: 3px 10px; }

.dbq-form .btn-primary {
  fill: #ffffff; }
  .dbq-form .btn-primary:enabled {
    background: #321E64; }
  .dbq-form .btn-primary:hover {
    background: #2D1B5A; }
  .dbq-form .btn-primary:enabled, .dbq-form .btn-primary:hover {
    border-color: #281851;
    fill: #ffffff;
    color: #ffffff;
    border: 2px solid #281851; }
  .dbq-form .btn-primary:disabled, .dbq-form .btn-primary.disabled, .dbq-form .btn-primary.disabled:hover, .dbq-form .btn-primary.disabled.selected {
    background: #321E64;
    border: 2px solid #321E64;
    color: #ffffff;
    cursor: not-allowed !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    opacity: 1; }

.dbq-form .btn-default,
.dbq-form .btn-secondary {
  background: 0;
  /* if this need's to be a background, it should be specific, because background can be white or light-grey/blue or something else.. */
  color: #321E64;
  fill: #321E64;
  border: 1px solid #e5e7ec;
  box-shadow: unset;
  opacity: 1; }
  .dbq-form .btn-default svg,
  .dbq-form .btn-secondary svg {
    fill: #321E64; }
  .dbq-form .btn-default:hover,
  .dbq-form .btn-secondary:hover {
    background: 0;
    border: 1px solid #321E64 !important;
    color: #321E64; }
  .dbq-form .btn-default:disabled, .dbq-form .btn-default.disabled,
  .dbq-form .btn-secondary:disabled,
  .dbq-form .btn-secondary.disabled {
    background: #647987 !important;
    border: 1px solid #647987 !important;
    color: #ffffff !important;
    cursor: not-allowed !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    opacity: 1; }
    .dbq-form .btn-default:disabled:hover, .dbq-form .btn-default.disabled:hover,
    .dbq-form .btn-secondary:disabled:hover,
    .dbq-form .btn-secondary.disabled:hover {
      background: #647987 !important;
      border: 1px solid #647987 !important; }

.dbq-form .btn-secondary {
  cursor: pointer;
  height: 100%;
  /*this height is for delete button next to inputs, in forms*/ }

.dbq-form .btn-default {
  /* unique dropdown/multiselect, but is within button tags.. */ }
  .dbq-form .btn-default.dropdown-toggle:disabled {
    color: #001323 !important; }
    .dbq-form .btn-default.dropdown-toggle:disabled:hover {
      color: #001323 !important; }
  .dbq-form .btn-default.dropdown-toggle:enabled {
    fill: #321E64 !important; }
  .dbq-form .btn-default:not(.image-file-upload-input) {
    cursor: pointer;
    height: 100%;
    /*this height is for delete button next to inputs, in forms*/ }

.dbq-form .btn-danger {
  background: #d5473c;
  border: 2px solid #c14036;
  color: #ffffff;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  cursor: pointer; }
  .dbq-form .btn-danger:hover {
    background: #c9302c;
    border: 2px solid #bb2723;
    color: #ffffff; }

.dbq-form .btn-success {
  background: #0fab46;
  border: 2px solid #0e983f;
  color: #ffffff;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  cursor: pointer; }
  .dbq-form .btn-success:hover {
    background: #0e983f;
    border: 2px solid #0c8637;
    color: #ffffff; }

.dbq-form .btn-warning {
  border: 2px solid #e5af0d;
  cursor: pointer; }
  .dbq-form .btn-warning:hover {
    background: #e0a800;
    border: 2px solid #d39e00;
    color: #ffffff; }

.dbq-form .btn-link {
  background: 0;
  border: 2px solid rgba(0, 0, 0, 0);
  color: #001323;
  box-shadow: unset;
  cursor: pointer; }
  .dbq-form .btn-link:hover {
    text-decoration: none;
    color: #321E64 !important; }
  .dbq-form .btn-link.btn-block {
    border: 0 !important; }

.dbq-form button.btn-default.dropdown-toggle:enabled {
  background: #ffffff !important;
  border: 1px solid #e5e7ec;
  color: #001323 !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .dbq-form button.btn-default.dropdown-toggle:enabled svg {
    fill: #321E64 !important; }

.dbq-form .button_list {
  margin-bottom: 0;
  border-radius: 0 0 10px 10px;
  background: #ffffff;
  border: 2px solid #e5e7ec; }
  .dbq-form .button_list .btn-primary,
  .dbq-form .button_list .btn-secondary,
  .dbq-form .button_list .btn-success,
  .dbq-form .button_list .btn-danger,
  .dbq-form .button_list .btn-warning,
  .dbq-form .button_list .btn-default,
  .dbq-form .button_list .btn-info,
  .dbq-form .button_list .btn-link {
    line-height: 20px;
    font-weight: 500;
    font-size: 11px;
    padding: 1px 8px;
    border-radius: 5px;
    margin: 0 0 5px 5px;
    box-shadow: none; }
  .dbq-form .button_list .btn-default {
    background: transparent;
    border: 1px solid #e5e7ec;
    color: #321E64; }
    .dbq-form .button_list .btn-default:hover {
      border: 1px solid #321E64 !important; }
  .dbq-form .button_list button {
    line-height: 14px;
    font-size: 14px;
    font-weight: 600;
    padding: 9px 20px; }
    .dbq-form .button_list button.btn-primary:hover:enabled, .dbq-form .button_list button.selected {
      background: #321E64 !important;
      border: 1px solid #321E64 !important; }

.dbq-form .topic .modal-footer .btn-link {
  color: #5a5a5a;
  padding: 5px 10px;
  line-height: 20px;
  font-weight: 500; }
  .dbq-form .topic .modal-footer .btn-link:hover {
    color: #321E64; }

.dbq-form .property.dbq-property-no-label .button_list {
  border-radius: 10px; }

.dbq-form .dbq-form-group,
.dbq-form .dbq-form-group-no-padding,
.dbq-form .dbq-label-disabled + .dbq-form-group-padding,
.dbq-form .element .property .dbq-label-disabled + .button_list {
  background: #e5e7ec; }

.modal #document-topics div[data-has-visible-remove-buttons="true"] .input-list-item-remove button.input-list-item-remove-button:enabled svg {
  fill: #ff6655 !important; }

.modal #document-topics div[data-has-visible-remove-buttons="true"] .input-list-item-remove button.input-list-item-remove-button:enabled:hover {
  background: #ff6655 !important; }
  .modal #document-topics div[data-has-visible-remove-buttons="true"] .input-list-item-remove button.input-list-item-remove-button:enabled:hover svg {
    fill: #ffffff !important; }

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active {
  color: #ffffff;
  border-color: #321E64;
  background: #2D1B5A; }

.show > .btn-outline-primary.dropdown-toggle {
  color: #ffffff;
  border-color: #321E64;
  background: #321E64; }

form[data-view-mode="View"] .btn-outline-primary:not(:disabled):not(.disabled):active {
  background: #e5e7ec !important; }

form[data-view-mode="View"] .show > .btn-outline-primary.dropdown-toggle {
  background: #e5e7ec !important; }

form[data-view-mode="View"] .dbq-form .row.dbq-form-group-title[data-element-type="Text"] p {
  background: #e5e7ec; }

ul.button_list {
  margin-left: 5px;
  float: left;
  width: 100%; }

ul.button_list.table li {
  margin: 0 10px 0 0 !important; }

ul.button_list li {
  display: inline-flex;
  background-color: #f5f5f5;
  color: #555;
  padding: 5px 10px;
  margin: 0px 2px 0px 0px;
  pointer-events: auto;
  cursor: pointer; }

ul.button_list li.selected {
  background-color: #3893d0;
  color: white;
  cursor: default; }

ul.button_list.disabled li {
  pointer-events: none;
  cursor: default; }

ul.button_list.disabled li.selected {
  pointer-events: none;
  cursor: default; }

.dbqdb-sidepanel-footer-buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 15px; }

.dbq-document[data-is-loading="true"] .dbqdb-sidepanel-footer-buttons {
  display: none; }

.dbqdb-dialog-button {
  cursor: pointer;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600 !important;
  padding: 3px 10px;
  border-width: 2px;
  border-style: solid; }
  .dbqdb-dialog-button.btn-link:hover {
    text-decoration: none;
    background: none;
    border-color: transparent;
    color: #321E64 !important; }

.dbqdb-file-link-button {
  display: block;
  padding: 15px 0;
  margin-bottom: 15px; }

.dbq-document-element-map .dbqdem-marker-info {
  float: left; }

.dbq-document-element-map .dbqdem-location-image {
  float: left;
  margin-right: 10px; }
  .dbq-document-element-map .dbqdem-location-image img {
    width: 100px;
    float: left;
    border-radius: 5px; }

.dbq-document-element-map .dbqdem-location-info {
  float: right; }

.dbq-document-element-map .dbqdem-locations-container {
  position: absolute;
  width: 20%;
  height: calc(100% - 66px);
  min-width: fit-content;
  top: 58px;
  left: 10px;
  bottom: 15px;
  overflow-y: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 10px;
  background: #ffffff;
  background-color: #ffffff;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px); }
  .dbq-document-element-map .dbqdem-locations-container::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .dbq-document-element-map .dbqdem-locations-container::-webkit-scrollbar-corner, .dbq-document-element-map .dbqdem-locations-container::-webkit-scrollbar-corner {
    background-color: transparent; }
  .dbq-document-element-map .dbqdem-locations-container {
    scrollbar-face-color: RGBA(0, 0, 0, 0.4);
    scrollbar-track-color: RGBA(0, 0, 0, 0.2); }
  .dbq-document-element-map .dbqdem-locations-container::-webkit-scrollbar, .dbq-document-element-map .dbqdem-locations-container::-webkit-scrollbar-corner, .dbq-document-element-map .dbqdem-locations-container::-webkit-scrollbar-track, .dbq-document-element-map .dbqdem-locations-container::-webkit-scrollbar-thumb {
    border-radius: 10px; }
  .dbq-document-element-map .dbqdem-locations-container::-webkit-scrollbar, .dbq-document-element-map .dbqdem-locations-container::-webkit-scrollbar-track {
    width: 7.5px;
    height: 7.5px;
    border-radius: 10px;
    background-color: transparent !important;
    background: transparent !important; }
  .dbq-document-element-map .dbqdem-locations-container::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
    transition: all 0.4s;
    background: RGBA(0, 0, 0, 0.2) !important;
    background-color: RGBA(0, 0, 0, 0.2) !important;
    border: none !important; }
    .dbq-document-element-map .dbqdem-locations-container::-webkit-scrollbar-thumb:hover {
      background-color: RGBA(0, 0, 0, 0.4) !important; }
  .dbq-document-element-map .dbqdem-locations-container .dbqdem-location {
    display: flex;
    width: 100%;
    padding: 7.5px 15px;
    border-bottom: 1px solid #ddd;
    cursor: pointer; }
    .dbq-document-element-map .dbqdem-locations-container .dbqdem-location:last-of-type {
      border-bottom: 0 none; }
    .dbq-document-element-map .dbqdem-locations-container .dbqdem-location .dbqdem-location-image {
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 50px; }
      .dbq-document-element-map .dbqdem-locations-container .dbqdem-location .dbqdem-location-image img {
        width: unset;
        float: none;
        border-radius: unset; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

#docbuilder .dbq-form {
  padding-top: 15px; }

.dbq-form {
  border-bottom: 0 !important; }
  .dbq-form section {
    padding: 0; }
  .dbq-form h1 {
    color: #000000;
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
    padding: 0;
    margin: 0 0 15px 0; }
  .dbq-form h2 {
    font-size: 18px;
    text-transform: unset;
    padding: 0;
    margin: 0 0 15px 0;
    color: #626d86;
    line-height: 20px;
    font-weight: 600; }
  .dbq-form h3 {
    color: #000000;
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    text-transform: unset;
    padding: 0;
    margin: 0 0 15px 0; }
  .dbq-form h4 {
    color: #321E64;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    text-transform: unset;
    padding: 0;
    margin: 0 0 15px 0; }
  .dbq-form h5 {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    text-transform: unset;
    padding: 0;
    margin: 0 0 15px 0; }
  .dbq-form p {
    color: #000000;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    padding: 0;
    margin: 0 0 15px 0; }
  .dbq-form a {
    color: #444444; }
  .dbq-form .dbqdb-alert {
    margin: 0 0 10px 0 !important; }
    .dbq-form .dbqdb-alert p {
      color: inherit; }
    .dbq-form .dbqdb-alert .element:last-of-type h1, .dbq-form .dbqdb-alert .element:last-of-type h2, .dbq-form .dbqdb-alert .element:last-of-type h3, .dbq-form .dbqdb-alert .element:last-of-type h4, .dbq-form .dbqdb-alert .element:last-of-type h5, .dbq-form .dbqdb-alert .element:last-of-type p {
      margin-bottom: 0; }
    .dbq-form .dbqdb-alert .dbqdb-alert-icon-container {
      float: left;
      width: 29px; }
      .dbq-form .dbqdb-alert .dbqdb-alert-icon-container .dbqdb-alert-icon {
        width: 24px;
        height: 24px; }
        .dbq-form .dbqdb-alert .dbqdb-alert-icon-container .dbqdb-alert-icon[data-alert-block-type='0'] {
          fill: #d5473c; }
        .dbq-form .dbqdb-alert .dbqdb-alert-icon-container .dbqdb-alert-icon[data-alert-block-type='1'] {
          fill: #856404; }
        .dbq-form .dbqdb-alert .dbqdb-alert-icon-container .dbqdb-alert-icon[data-alert-block-type='2'] {
          fill: #0c5460; }
        .dbq-form .dbqdb-alert .dbqdb-alert-icon-container .dbqdb-alert-icon[data-alert-block-type='3'] {
          fill: #155724; }
    .dbq-form .dbqdb-alert .dbqdb-alert-content-container {
      float: left;
      width: calc(100% - 29px);
      padding-top: 2px; }
      .dbq-form .dbqdb-alert .dbqdb-alert-content-container .element:last-of-type {
        margin-bottom: 0; }
  .dbq-form .dbqdb-wizard-topic-name {
    padding: 0 30px;
    float: left;
    font-size: 16px;
    font-weight: 700;
    margin-top: 30px;
    color: #321E64; }
  .dbq-form .checkbox {
    border-radius: 0 0 10px 10px; }
  .dbq-form label {
    margin: 0 0 5px;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px; }
  .dbq-form .action-button span {
    background: #321E64;
    border-color: #321E64;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    padding: 8px 12px;
    border-radius: 3px; }
  .dbq-form .topic {
    display: none;
    background: #ffffff;
    border-radius: 0 0 10px 10px;
    background: none !important; }
    .dbq-form .topic.active {
      display: block; }
      .dbq-form .topic.active > footer {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        min-height: 40px; }
      .dbq-form .topic.active > nav {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        min-height: 40px; }
  .dbq-form .form-control {
    height: 35px;
    line-height: 20px;
    min-height: 35px;
    padding: 11px 10px 9px;
    z-index: 1;
    position: relative;
    text-indent: 0;
    border-radius: 0 0 10px 10px;
    background-color: #ffffff;
    font-weight: 500;
    font-size: 13px;
    color: #001323;
    border: 1px solid #e5e7ec;
    -webkit-touch-callout: text !important;
    -webkit-user-select: text !important;
    -khtml-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important; }
    .dbq-form .form-control:focus {
      border-color: #321E64 !important;
      outline: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .dbq-form .form-control:disabled,
    .dbq-form .form-control .disabled {
      background: #e5e7ec !important;
      border: 1px solid #e5e7ec;
      opacity: 1;
      color: #001323;
      cursor: not-allowed;
      -webkit-text-fill-color: #001323;
      -webkit-opacity: 1;
      /* Override iOS opacity change affecting text & background color */ }
  .dbq-form .dbq-form-group-title-label {
    background: #f0f2f5;
    border: 1px solid #e5e7ec;
    border-bottom: 0;
    color: #595f6e;
    margin: 0;
    padding: 0;
    border-radius: 5px 5px 0 0;
    font-weight: 600 !important;
    width: 100% !important;
    line-height: 12px;
    cursor: not-allowed; }
    .dbq-form .dbq-form-group-title-label::after {
      content: "";
      clear: both;
      display: table; }
    .dbq-form .dbq-form-group-title-label a {
      float: left;
      width: 26px;
      height: 26px; }
    .dbq-form .dbq-form-group-title-label .dbq-label-text {
      float: left; }
    .dbq-form .dbq-form-group-title-label label {
      float: left;
      margin: 0;
      padding: 0;
      font-weight: 500;
      line-height: 20px;
      font-size: 12px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .dbq-form select option {
    font-weight: 600; }
  .dbq-form .row {
    margin: 0;
    width: 100%; }
  .dbq-form .col-xs-12,
  .dbq-form .col-sm-12,
  .dbq-form .col-md-12 {
    padding: 0; }
  .dbq-form .dbq-form-group {
    padding: 5px;
    margin: 0 0 10px 0 !important;
    border-radius: 0 0 10px border-radius-default; }
    .dbq-form .dbq-form-group .element .property {
      flex: 1; }
    .dbq-form .dbq-form-group .checkbox {
      border-radius: 6px; }
  .dbq-form .dbq-form-group-padding {
    padding: 5px 5px 0px 5px;
    float: left;
    width: 100%;
    border: 1px solid #e5e7ec;
    background: #ffffff;
    border-radius: 0 0 10px border-radius-default; }
    .dbq-form .dbq-form-group-padding[data-read-only="true"] {
      background: #e5e7ec !important;
      border-color: #e5e7ec !important; }
    .dbq-form .dbq-form-group-padding .checkbox {
      border-radius: 0; }
  .dbq-form .dbq-form-group-no-padding {
    padding: 0;
    float: left;
    width: 100%;
    border-radius: 0 0 10px border-radius-default; }
    .dbq-form .dbq-form-group-no-padding .checkbox {
      border-radius: 0; }
  .dbq-form .dbq-block-text {
    padding: 0 10px 10px 10px !important; }
  .dbq-form .dbq-form-group-title-label.dbq-label-disabled {
    background: #e5e7ec !important;
    border-color: #e5e7ec !important;
    padding: 0; }
  .dbq-form .dbq-form-group-title-label[data-has-info-tooltip="true"] label {
    padding: 4px 10px;
    width: calc(100% - 26px) !important; }
  .dbq-form .dbq-form-group-title-label[data-has-info-tooltip="false"] label {
    padding: 4px 10px;
    width: 100% !important; }
  .dbq-form input.form-control {
    padding: 11px 10px 9px;
    border: 1px solid #e5e7ec; }
  .dbq-form select.form-control {
    height: 35px;
    padding: 5px 10px !important; }
  .dbq-form select.form-control,
  .dbq-form input.form-control {
    background-color: #ffffff; }
  .dbq-form hr {
    margin: 14px 0 !important;
    border-top: 1px solid #dde2e8; }
  .dbq-form .form-group {
    padding: 0;
    margin-bottom: 0;
    position: relative;
    flex: 1; }
    .dbq-form .form-group .searchbox-container .input-group-addon {
      padding: 0px;
      border-radius: 0 0 0 10px; }
      .dbq-form .form-group .searchbox-container .input-group-addon svg {
        width: 40px;
        height: 33px;
        padding: 7.5px 10px; }
      .dbq-form .form-group .searchbox-container .input-group-addon .input-group-btn {
        border-radius: 0 10px 10px 0; }
      .dbq-form .form-group .searchbox-container .input-group-addon.disabled {
        border-radius: 0 0 0 10px; }
    .dbq-form .form-group .searchbox-container .input-group .input-group-btn button {
      border-left: 0;
      padding: 0;
      border: 0; }
      .dbq-form .form-group .searchbox-container .input-group .input-group-btn button span {
        color: #b3baca; }
      .dbq-form .form-group .searchbox-container .input-group .input-group-btn button svg {
        width: 40px;
        height: 41px;
        padding: 11px 10px 10px; }
      .dbq-form .form-group .searchbox-container .input-group .input-group-btn button.searchbox-container-remove {
        border-left: 0 !important;
        border-top: 2px solid #e5e7ec;
        border-right: 2px solid #e5e7ec;
        border-bottom: 2px solid #e5e7ec;
        padding: 0;
        border-radius: 0 0 10px 0; }
        .dbq-form .form-group .searchbox-container .input-group .input-group-btn button.searchbox-container-remove.btn-default:enabled:hover {
          background: #321E64 !important;
          border-color: #321E64 !important; }
          .dbq-form .form-group .searchbox-container .input-group .input-group-btn button.searchbox-container-remove.btn-default:enabled:hover svg {
            fill: #ffffff !important; }
    .dbq-form .form-group .searchbox-container.searchbox-clear-hidden {
      border-radius: 0 0 10px 0; }
      .dbq-form .form-group .searchbox-container.searchbox-clear-hidden .input-group .input-group-btn {
        display: none; }
  .dbq-form .dbq-property-no-label .form-control {
    border-radius: 10px !important; }
  .dbq-form .row[data-element-type="Button"],
  .dbq-form .row[data-element-type="InputProperty"],
  .dbq-form .row[data-element-type="Text"] {
    margin: 0 0 10px 0; }
  .dbq-form .row.dbq-form-group-title[data-element-type="Text"] p {
    float: left;
    margin: 0;
    padding: 0;
    font-weight: 600;
    line-height: 20px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer; }
  .dbq-form .dbq-colon-first,
  .dbq-form .dbq-colon-second {
    padding: 5px 10px;
    margin: 3px; }
    .dbq-form .dbq-colon-first p,
    .dbq-form .dbq-colon-second p {
      padding: 7px 10px 6px;
      margin: 3px 0;
      font-size: 16px;
      line-height: 16px; }
    .dbq-form .dbq-colon-first:first-of-type,
    .dbq-form .dbq-colon-second:first-of-type {
      margin-top: 10px !important; }
    .dbq-form .dbq-colon-first:last-of-type,
    .dbq-form .dbq-colon-second:last-of-type {
      margin-bottom: 10px !important; }
  .dbq-form .dbq-colon-first p {
    font-weight: 500;
    color: #000000; }
  .dbq-form .dbq-colon-second p {
    float: left;
    font-weight: 600;
    background: #ffffff;
    color: #000000;
    border-radius: 10px; }
  .dbq-form.dcltls-modal-body {
    padding: 10px 30px; }
    .dbq-form.dcltls-modal-body .form-group {
      margin-bottom: 10px; }
    .dbq-form.dcltls-modal-body .dbq-label-text {
      padding: 4px 10px; }
  .dbq-form .dbq-column > .block {
    border-radius: 10px;
    background: RGBA(255, 255, 255, 0.4); }
  .dbq-form .dbq-column .block.dbq-block-text {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .dbq-form .dbq-no-file-found {
    padding: 10px;
    background: #ffffff;
    border: 1px solid #e5e7ec;
    border-radius: 0 0 10px 10px;
    font-weight: 600 !important; }
  .dbq-form .dbq-input-no-label .form-control {
    border-radius: 10px; }
  .dbq-form .dbq-input-no-label .input-group .form-control {
    border-radius: 0 10px 10px 0; }
  .dbq-form .dbq-input-no-label .input-group .input-group-addon {
    border-radius: 10px 0 0 10px; }
  .dbq-form .dbq-input-no-label .input-group .cr-icon {
    border-radius: 10px 0 0 10px; }
  .dbq-form .dbq-input-no-label .input-group .input-group.date .input-group-addon {
    border-radius: 10px 0 0 10px; }
  .dbq-form .input-group.date input.form-control {
    border-radius: 0 10px 10px 0; }
  .dbq-form .dbq-form-group-title p,
  .dbq-form .dbq-form-group-title span,
  .dbq-form .form-group label,
  .dbq-form .dbq-custom-label p {
    margin: 0;
    padding: 7px 10px;
    background: #f0f2f5;
    border: 1px solid #e5e7ec;
    border-bottom: 0;
    color: #595f6e;
    font-weight: 600;
    width: 100% !important;
    /* auto */
    /*float: left; float left not possible for noImageFound text, then it wil not float..*/
    float: left;
    /* needed for labels.. so make another solution for noImageFound */
    line-height: 12px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer; }
  .dbq-form .row[data-element-type="Button"] .action-button a {
    padding: 0; }
    .dbq-form .row[data-element-type="Button"] .action-button a span {
      float: left;
      padding: 3px 10px;
      background: #321E64;
      border: 0;
      border-radius: 10px;
      color: #ffffff;
      fill: #ffffff;
      -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
      opacity: 1;
      cursor: pointer; }
  .dbq-form .row.dbq-form-group-title {
    padding: 0 !important; }
    .dbq-form .row.dbq-form-group-title + .flex-container.dbq-form-group {
      border: 1px solid #e5e7ec;
      background: #ffffff;
      margin: 0 0 10px 0; }
    .dbq-form .row.dbq-form-group-title p {
      padding: 7px 10px;
      background: #f0f2f5;
      border: 1px solid #e5e7ec;
      border-bottom: 0; }
    .dbq-form .row.dbq-form-group-title[data-element-type="Text"] p {
      padding: 7px 10px;
      background: #f0f2f5;
      border: 1px solid #e5e7ec;
      border-bottom: 0; }
    .dbq-form .row.dbq-form-group-title.dbq-label-disabled + .flex-container.dbq-form-group {
      border: 1px solid #e5e7ec;
      background: #e5e7ec;
      margin: 0 0 10px 0; }
    .dbq-form .row.dbq-form-group-title.dbq-label-disabled span.dbq-element-header-5 {
      background: #e5e7ec;
      border: 1px solid #e5e7ec;
      border-bottom: 0;
      opacity: 1 !important; }
    .dbq-form .row.dbq-form-group-title.dbq-label-disabled p {
      background: #e5e7ec;
      border: 1px solid #e5e7ec;
      border-bottom: 0;
      opacity: 1 !important; }
  .dbq-form .dbq-custom-label {
    margin: 0 !important; }
  .dbq-form .dbq-form-group-title + .row[data-element-type="InputProperty"],
  .dbq-form .dbq-custom-label + .row[data-element-type="InputProperty"] {
    margin: 0 0 10px 0; }
  .dbq-form input[data-is-searchbox="true"] + .searchbox-container .input-group input.form-control {
    border-radius: 0 !important; }
  .dbq-form input[data-is-searchbox="true"] + .searchbox-container.searchbox-clear-hidden .input-group input.form-control {
    border-radius: 0 0 10px 0 !important; }
  .dbq-form .flex-container:last-of-type {
    margin: 0 !important; }
  .dbq-form .dbq-required p:after {
    color: #b64f4b;
    content: "*";
    font-size: 1em; }
  .dbq-form select.form-control {
    padding: 0 10px; }
  .dbq-form textarea.form-control {
    min-height: 130px !important;
    padding: 10px; }
    .dbq-form textarea.form-control::-webkit-scrollbar-track {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .dbq-form textarea.form-control::-webkit-scrollbar-corner, .dbq-form textarea.form-control::-webkit-scrollbar-corner {
      background-color: transparent; }
    .dbq-form textarea.form-control {
      scrollbar-face-color: RGBA(0, 0, 0, 0.4);
      scrollbar-track-color: RGBA(0, 0, 0, 0.2); }
    .dbq-form textarea.form-control::-webkit-scrollbar, .dbq-form textarea.form-control::-webkit-scrollbar-corner, .dbq-form textarea.form-control::-webkit-scrollbar-track, .dbq-form textarea.form-control::-webkit-scrollbar-thumb {
      border-radius: 10px; }
    .dbq-form textarea.form-control::-webkit-scrollbar, .dbq-form textarea.form-control::-webkit-scrollbar-track {
      width: 7.5px;
      height: 7.5px;
      border-radius: 10px;
      background-color: transparent !important;
      background: transparent !important; }
    .dbq-form textarea.form-control::-webkit-scrollbar-thumb {
      border-radius: 7.5px;
      transition: all 0.4s;
      background: RGBA(0, 0, 0, 0.2) !important;
      background-color: RGBA(0, 0, 0, 0.2) !important;
      border: none !important; }
      .dbq-form textarea.form-control::-webkit-scrollbar-thumb:hover {
        background-color: RGBA(0, 0, 0, 0.4) !important; }
  .dbq-form .dbq-form-group-padding {
    background: #ffffff;
    border: 1px solid #e5e7ec; }
  .dbq-form .dbq-form-group-disabled {
    background: #e5e7ec; }

form[data-view-mode="Modify"] .input-group-addon {
  border-radius: 0 0 0 10px; }
  form[data-view-mode="Modify"] .input-group-addon input.form-control {
    border-radius: 0 0 10px 0 !important; }

form[data-view-mode="View"] .input-group-addon {
  border-radius: 0 0 0 10px; }
  form[data-view-mode="View"] .input-group-addon input.form-control {
    border-radius: 0 0 10px 0 !important; }

form[data-view-mode="View"] .dbq-form .dbq-form-group .checkbox {
  border-radius: 0; }
  form[data-view-mode="View"] .dbq-form .dbq-form-group .checkbox label {
    border-radius: 0 0 10px 10px; }

form[data-view-mode="View"] .dbq-form .dbq-form-group label.dbq-label-disabled {
  border-radius: 5px 5px 0 0; }

form[data-view-mode="View"] .dbq-form .row.dbq-form-group-title p {
  background: #e5e7ec;
  border: 1px solid #e5e7ec; }

form[data-view-mode="View"] .dbq-form .row.dbq-form-group-title[data-element-type="Text"] p {
  background: #e5e7ec; }

form[data-view-mode="View"] .dbq-form .dbq-form-group-no-padding button.btn-primary,
form[data-view-mode="View"] .dbq-form .dbq-form-group-no-padding button.btn-default {
  margin: 8px 0 8px 5px !important; }
  form[data-view-mode="View"] .dbq-form .dbq-form-group-no-padding button.btn-primary:disabled,
  form[data-view-mode="View"] .dbq-form .dbq-form-group-no-padding button.btn-default:disabled {
    margin: 8px 0 8px 5px !important; }
    form[data-view-mode="View"] .dbq-form .dbq-form-group-no-padding button.btn-primary:disabled:first-of-type,
    form[data-view-mode="View"] .dbq-form .dbq-form-group-no-padding button.btn-default:disabled:first-of-type {
      margin: 8px 0 8px 10px !important; }
  form[data-view-mode="View"] .dbq-form .dbq-form-group-no-padding button.btn-primary:first-of-type,
  form[data-view-mode="View"] .dbq-form .dbq-form-group-no-padding button.btn-default:first-of-type {
    margin: 8px 0 8px 10px !important; }

.dbq-column {
  min-width: 0;
  margin-right: 10px;
  border-radius: 10px; }
  .dbq-column:last-of-type {
    margin-right: 0; }
  .dbq-column .dbq-column {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }

.modal .dbq-column {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.modal .dbq-form .form-group .input-group {
  flex-wrap: nowrap; }

.modal .dbq-form section {
  padding: 30px 30px 20px; }

.modal-footer {
  background-color: #f5f7f9;
  border: 0;
  border-radius: 0 0 10px 10px;
  padding: 20px 30px;
  border-top: 1px solid #e2e7f3; }
  .modal-footer.modal-footer-wizard {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly; }
    .modal-footer.modal-footer-wizard .dbqdb-footer-left-column {
      display: flex;
      flex: 1;
      justify-content: flex-start; }
    .modal-footer.modal-footer-wizard .dbqdb-footer-center-column {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      flex: 1; }
    .modal-footer.modal-footer-wizard .dbqdb-footer-right-column {
      display: flex;
      flex: 1;
      justify-content: flex-end; }
    .modal-footer.modal-footer-wizard .dbqdb-wizard-previous-button-hidden {
      opacity: 0;
      user-select: none;
      cursor: default; }
    .modal-footer.modal-footer-wizard .dbqdb-wizard-progress {
      margin-right: 10px; }
    .modal-footer.modal-footer-wizard .dbqdb-wizard-state-indicator {
      display: flex;
      align-items: center; }
      .modal-footer.modal-footer-wizard .dbqdb-wizard-state-indicator .dbq-loading-spinner-to-checkmark {
        display: none; }
      .modal-footer.modal-footer-wizard .dbqdb-wizard-state-indicator.dbqdb-wizard-state-saving .dbq-loading-spinner-to-checkmark {
        display: block; }

.form-control {
  color: #001323;
  background-color: #ffffff;
  border: 1px solid #e5e7ec; }

.modal-dialog-loading {
  position: absolute;
  height: 230px;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #f5f7f9 !important; }
  .modal-dialog-loading .modal-dialog-loading-title {
    margin-left: auto;
    margin-right: auto;
    font-size: 16px; }

.dbq-form .dbq-form-group-title + div + .dbq-form-group {
  border-radius: 0 0 10px 10px !important; }

.dbq-form .dbq-form-group .dbq-form-group-title-label {
  display: none; }

.dbq-form .dbq-no-file-found {
  padding: 10px;
  background: #f5f7f9;
  border: 2px solid #e5e7ec;
  font-weight: 600 !important; }

.dbq-form .row {
  /* table insde data-element-type="InputProperty" (mail) */ }
  .dbq-form .row[data-element-type="InputProperty"] {
    margin: 0 0 10px 0; }
    .dbq-form .row[data-element-type="InputProperty"] .form-group table[width="100%"] {
      background-color: #ffffff; }
      .dbq-form .row[data-element-type="InputProperty"] .form-group table[width="100%"] td,
      .dbq-form .row[data-element-type="InputProperty"] .form-group table[width="100%"] th,
      .dbq-form .row[data-element-type="InputProperty"] .form-group table[width="100%"] p,
      .dbq-form .row[data-element-type="InputProperty"] .form-group table[width="100%"] h1,
      .dbq-form .row[data-element-type="InputProperty"] .form-group table[width="100%"] h2,
      .dbq-form .row[data-element-type="InputProperty"] .form-group table[width="100%"] h3,
      .dbq-form .row[data-element-type="InputProperty"] .form-group table[width="100%"] li,
      .dbq-form .row[data-element-type="InputProperty"] .form-group table[width="100%"] h4 {
        color: #000000; }
    .dbq-form .row[data-element-type="InputProperty"] .dbq-property-no-label {
      border-radius: 10px; }
      .dbq-form .row[data-element-type="InputProperty"] .dbq-property-no-label input {
        border-radius: 10px; }
      .dbq-form .row[data-element-type="InputProperty"] .dbq-property-no-label textarea {
        border-radius: 10px; }
      .dbq-form .row[data-element-type="InputProperty"] .dbq-property-no-label .dbq-input-no-label .date input {
        border-radius: 0 10px 10px 0; }
  .dbq-form .row[data-element-type="Button"], .dbq-form .row[data-element-type="Text"] {
    margin: 0 0 10px 0; }
  .dbq-form .row.dbq-form-group-title[data-element-type="Text"] {
    margin: 0; }
    .dbq-form .row.dbq-form-group-title[data-element-type="Text"] p {
      margin: 0; }

.dbq-form .dbq-form-group-title > .row[data-element-type="InputProperty"] {
  margin: 0 0 10px 0; }

.dbq-form .dbq-form-group-title + .row[data-element-type="InputProperty"].dbq-form-group-padding, .dbq-form .dbq-form-group-title + .row[data-element-type="InputProperty"].dbq-form-group-no-padding {
  margin: 0 !important; }

.dbq-form .dbq-form-group-title + .row[data-element-type="InputProperty"] .dbq-property-no-label {
  border-radius: 0 0 10px 10px !important; }
  .dbq-form .dbq-form-group-title + .row[data-element-type="InputProperty"] .dbq-property-no-label input,
  .dbq-form .dbq-form-group-title + .row[data-element-type="InputProperty"] .dbq-property-no-label textarea {
    border-radius: 0 0 10px 10px !important; }
  .dbq-form .dbq-form-group-title + .row[data-element-type="InputProperty"] .dbq-property-no-label .input-group.date input[data-type="time"] {
    border-radius: 0 0 10px 0; }
  .dbq-form .dbq-form-group-title + .row[data-element-type="InputProperty"] .dbq-property-no-label select {
    border-radius: 0 0 10px 10px; }
  .dbq-form .dbq-form-group-title + .row[data-element-type="InputProperty"] .dbq-property-no-label select[data-has-value="true"] {
    border-radius: 0 0 0 10px; }

.dbq-form .dbq-form-group-title + .row[data-element-type="InputProperty"] .property > label {
  display: none; }

.dbq-form .dbq-form-group-title + .row[data-element-type="InputProperty"] .property .checkbox {
  border-radius: 0 0 10px 10px; }
  .dbq-form .dbq-form-group-title + .row[data-element-type="InputProperty"] .property .checkbox > label {
    border-top: 0 !important; }

.dbq-form .flex-container.dbq-form-group {
  border: 1px solid #e5e7ec;
  border-radius: 10px; }
  .dbq-form .flex-container.dbq-form-group .element {
    margin: 0 !important; }
  .dbq-form .flex-container.dbq-form-group .dbq-form-group-title + .flex-container {
    margin: 0 !important; }
  .dbq-form .flex-container.dbq-form-group .row[data-element-type="InputProperty"]:first-of-type {
    margin: 0; }

.dbq-form .flex-container .row[data-element-type="InputProperty"]:first-of-type {
  margin: 0 0 10px 0; }

.dbq-form .dbq-input-no-label .input-group.date .input-group-addon {
  border-radius: 10px 0 0 10px; }

.dbq-form .dbq-property-no-label .checkbox label {
  float: left;
  border-top: 0; }

.dbq-form .dbq-form-group-no-padding button.btn-primary:disabled,
.dbq-form .dbq-form-group-no-padding button.btn-default:disabled {
  margin: 8px 0 8px 5px !important; }
  .dbq-form .dbq-form-group-no-padding button.btn-primary:disabled:first-of-type,
  .dbq-form .dbq-form-group-no-padding button.btn-default:disabled:first-of-type {
    margin: 8px 0 8px 10px !important; }

#UserPasswordChangeDialog .form-group {
  border-radius: 10px;
  margin-bottom: 10px; }
  #UserPasswordChangeDialog .form-group input.form-control {
    padding: 11px 10px 9px;
    min-height: 50px;
    line-height: 20px;
    text-indent: 0;
    font-weight: 600;
    font-size: 14px;
    user-select: text !important;
    border: 1px solid #e5e7ec;
    background-color: #ffffff;
    border-radius: 0 0 10px 10px; }
    #UserPasswordChangeDialog .form-group input.form-control:focus {
      border-color: #321E64 !important;
      outline: 0;
      box-shadow: none; }
  #UserPasswordChangeDialog .form-group label {
    border-radius: 10px 10px 0 0;
    background-color: #f0f2f5;
    color: #595f6e;
    border: 1px solid #e5e7ec;
    border-bottom: none !important;
    padding: 4px 10px;
    width: 100% !important;
    float: left;
    margin: 0;
    font-weight: 600;
    line-height: 20px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer; }

.input-group-addon {
  display: flex;
  align-items: center; }
  .input-group-addon svg {
    width: 40px;
    height: 50px;
    padding: 10px;
    border: 1px solid #e5e7ec;
    border-right: 0;
    border-radius: 10px 0 0 10px; }

.input-group-btn {
  width: auto !important; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

svg .dbq-icon-color-1 {
  fill: #676767; }

svg .dbq-icon-color-2 {
  fill: #bfcad2; }

.logo svg .dbq-logo-color-1 {
  fill: #bfcad2; }

.logo svg .dbq-logo-color-2 {
  fill: #e6e6e6; }

.logo svg .dbq-logo-color-3 {
  fill: #f2f2f2; }

.logo svg .dbq-logo-color-4 {
  fill: #bfcad2; }

.logo svg .dbq-logo-color-5 {
  fill: #717171; }

.logo svg .dbq-logo-color-6 {
  fill: #989898; }

#content-wrapper .help-button svg {
  fill: #001323; }

.input-group-btn svg {
  float: left;
  width: 24px;
  height: 24px;
  padding: 4px 0;
  margin-right: 5px; }

.input-group-btn span {
  float: left;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  color: #000; }

.file-upload-input svg {
  float: left;
  width: 24px;
  height: 24px;
  padding: 4px 0;
  margin-right: 5px; }

.file-upload-input span {
  float: left;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  color: #000; }

.image-file-upload-clear svg {
  width: 16px; }

.dbq-form .dbq-form-group-title-label svg {
  float: left;
  padding: 2px;
  margin: 4px;
  width: 17px;
  height: 17px;
  fill: #595f6e; }
  .dbq-form .dbq-form-group-title-label svg:hover {
    fill: #b9ae28; }

.dbq-form .image-file-upload-input svg {
  float: left;
  width: 20px;
  height: 20px;
  padding: 0px 4px 0px 0;
  margin: 0 5px 0 0;
  fill: #321E64;
  cursor: pointer;
  position: relative;
  z-index: 1; }

.dbq-form .image-file-upload-input:hover svg {
  fill: #ffffff; }

.dbq-form .file-upload-input svg {
  float: left;
  width: 20px;
  height: 20px;
  padding: 0px 4px 0px 0;
  margin: 0 5px 0 0;
  fill: #321E64;
  cursor: pointer;
  position: relative;
  z-index: 1; }

.dbq-form .file-upload-input:hover svg {
  fill: #ffffff; }

.dbq-form .file-upload-clear svg {
  margin: 0 5px 0 0;
  fill: #321E64;
  cursor: pointer;
  position: relative;
  z-index: 1;
  float: left;
  width: 24px;
  height: 24px;
  padding: 4px 0;
  margin-right: 5px; }

.dbq-form .file-upload-clear:hover svg {
  color: #ffffff;
  fill: #ffffff; }

.dbq-form .file-upload-clear:hover .file-upload-clear-title {
  color: #ffffff;
  fill: #ffffff; }

.dbq-no-data-available-container .dbq-no-data-available-image svg {
  width: 250px;
  height: 100px;
  padding: 0 50px;
  fill: #cccccc; }

#classlist-tree-grid svg {
  margin: 0; }

.dbq-label-disabled + .form-group .input-group-addon svg {
  border-radius: 0 0 0 8px; }

.input-group-addon svg {
  border-radius: 0 0 0 8px; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbq-form .multiple-select-selectmulti {
  width: 100%;
  padding: 0;
  float: left;
  border: 1px solid #e5e7ec;
  border-top: unset;
  border-radius: 0 0 10px 10px; }
  .dbq-form .multiple-select-selectmulti:not([data-is-read-only="true"]) {
    min-height: 246px; }
  .dbq-form .multiple-select-selectmulti .col-sm-5 {
    margin: 0;
    padding: 0; }
  .dbq-form .multiple-select-selectmulti strong {
    float: left;
    width: 100%;
    padding: 5px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    text-align: center;
    background: #f0f2f5;
    background-color: #f0f2f5;
    border: 2px solid #e5e7ec;
    border-left: unset;
    border-right: unset;
    border-radius: 0;
    color: #000000; }
  .dbq-form .multiple-select-selectmulti .form-control {
    padding: 10px !important; }
  .dbq-form .multiple-select-selectmulti .dbq-multiselect-buttons-container {
    float: left;
    width: 50px;
    height: 100%;
    background-color: #ffffff;
    border-left: 2px solid #e5e7ec;
    border-right: 2px solid #e5e7ec; }
  .dbq-form .multiple-select-selectmulti svg {
    padding: 2px;
    fill: #5a5a5a;
    width: 24px;
    height: 24px; }
  .dbq-form .multiple-select-selectmulti button:hover svg {
    fill: #000000; }
  .dbq-form .multiple-select-selectmulti option {
    background: #ffffff;
    color: #000000; }
  .dbq-form .multiple-select-selectmulti .btn {
    background: #ffffff;
    background-color: #ffffff;
    border-top: 2px solid #e5e7ec;
    border-bottom: unset;
    padding: 0;
    margin: 0;
    border-radius: 0;
    height: 25%;
    box-shadow: unset;
    transition: none; }
    .dbq-form .multiple-select-selectmulti .btn svg {
      padding: 4px;
      margin-right: 0px;
      fill: #321E64; }
    .dbq-form .multiple-select-selectmulti .btn:hover {
      background: #321E64; }
      .dbq-form .multiple-select-selectmulti .btn:hover svg {
        fill: #ffffff; }
  .dbq-form .multiple-select-selectmulti select.form-control {
    box-shadow: none;
    padding: 0 !important;
    background-image: none;
    background: #ffffff;
    border-radius: 0 0 10px 10px; }
    .dbq-form .multiple-select-selectmulti select.form-control::-webkit-scrollbar-track {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .dbq-form .multiple-select-selectmulti select.form-control::-webkit-scrollbar-corner, .dbq-form .multiple-select-selectmulti select.form-control::-webkit-scrollbar-corner {
      background-color: #ffffff; }
    .dbq-form .multiple-select-selectmulti select.form-control {
      scrollbar-face-color: RGBA(0, 0, 0, 0.4);
      scrollbar-track-color: RGBA(0, 0, 0, 0.2); }
    .dbq-form .multiple-select-selectmulti select.form-control::-webkit-scrollbar, .dbq-form .multiple-select-selectmulti select.form-control::-webkit-scrollbar-corner, .dbq-form .multiple-select-selectmulti select.form-control::-webkit-scrollbar-track, .dbq-form .multiple-select-selectmulti select.form-control::-webkit-scrollbar-thumb {
      border-radius: 0; }
    .dbq-form .multiple-select-selectmulti select.form-control::-webkit-scrollbar, .dbq-form .multiple-select-selectmulti select.form-control::-webkit-scrollbar-track {
      width: 7.5px;
      height: 7.5px;
      border-radius: 0;
      background-color: #ffffff !important;
      background: #ffffff !important; }
    .dbq-form .multiple-select-selectmulti select.form-control::-webkit-scrollbar-thumb {
      border-radius: 7.5px;
      transition: all 0.4s;
      background: RGBA(0, 0, 0, 0.2) !important;
      background-color: RGBA(0, 0, 0, 0.2) !important;
      border: none !important; }
      .dbq-form .multiple-select-selectmulti select.form-control::-webkit-scrollbar-thumb:hover {
        background-color: RGBA(0, 0, 0, 0.4) !important; }
    .dbq-form .multiple-select-selectmulti select.form-control option {
      background: #ffffff;
      border-bottom: 1px solid #e5e7ec;
      color: #001323;
      padding: 4px 6px;
      line-height: 12px !important;
      font-size: 12px;
      font-weight: 700 !important; }
      .dbq-form .multiple-select-selectmulti select.form-control option:checked, .dbq-form .multiple-select-selectmulti select.form-control option:hover {
        background: #321E64;
        color: #ffffff; }
  .dbq-form .multiple-select-selectmulti .multiple-select-selectmulti-left,
  .dbq-form .multiple-select-selectmulti .multiple-select-selectmulti-right {
    float: left;
    width: calc(50% - 25px);
    height: 100%; }
    .dbq-form .multiple-select-selectmulti .multiple-select-selectmulti-left select.form-control,
    .dbq-form .multiple-select-selectmulti .multiple-select-selectmulti-right select.form-control {
      background-color: #ffffff;
      height: calc(100% - 28px);
      border: unset; }
  .dbq-form .multiple-select-selectmulti .multiple-select-selectmulti-left select.form-control {
    border-radius: 0 0 0 10px !important; }
  .dbq-form .multiple-select-selectmulti .multiple-select-selectmulti-right select.form-control {
    border-radius: 0 0 10px 0 !important; }
  .dbq-form .multiple-select-selectmulti select[multiple="multiple"] {
    min-height: 170px !important; }
  .dbq-form .multiple-select-selectmulti[data-is-read-only="true"] {
    font-size: 13px;
    line-height: 20px;
    border-radius: 10px;
    padding: 10px;
    background: #e5e7ec;
    border: 1px solid #e5e7ec;
    font-weight: 500; }

.dbq-form .dbq-property-no-label .multiple-select-selectmulti {
  border-radius: 10px; }
  .dbq-form .dbq-property-no-label .multiple-select-selectmulti strong {
    border-radius: 10px 10px 0 0; }

.dbq-form .dbq-property-no-label .multiple-select-selectmulti-left {
  border-radius: 10px 0 0 10px; }
  .dbq-form .dbq-property-no-label .multiple-select-selectmulti-left select {
    border-radius: 0 0 0 10px; }
  .dbq-form .dbq-property-no-label .multiple-select-selectmulti-left strong {
    border-radius: 8px 0 0 0; }

.dbq-form .dbq-property-no-label .multiple-select-selectmulti-right {
  border-radius: 0 10px 10px 0; }
  .dbq-form .dbq-property-no-label .multiple-select-selectmulti-right select {
    border-radius: 0 0 10px 0; }
  .dbq-form .dbq-property-no-label .multiple-select-selectmulti-right strong {
    border-radius: 0 8px 0 0; }

.dbq-form .dbq-form-group-title + .dbq-property-no-label .multiple-select-selectmulti {
  border-radius: 10px; }
  .dbq-form .dbq-form-group-title + .dbq-property-no-label .multiple-select-selectmulti .multiple-select-selectmulti-left select {
    border-radius: 0 0 0 10px; }
  .dbq-form .dbq-form-group-title + .dbq-property-no-label .multiple-select-selectmulti .multiple-select-selectmulti-left strong {
    border-radius: 0; }
  .dbq-form .dbq-form-group-title + .dbq-property-no-label .multiple-select-selectmulti .multiple-select-selectmulti-right select {
    border-radius: 0 0 10px 0; }
  .dbq-form .dbq-form-group-title + .dbq-property-no-label .multiple-select-selectmulti .multiple-select-selectmulti-right strong {
    border-radius: 0; }

.dbq-property-no-label .multiple-select-selectmulti {
  border-radius: 10px; }
  .dbq-property-no-label .multiple-select-selectmulti strong {
    border-radius: 10px 10px 0 0; }

div[data-document-property-code="OrganisationUserSecurityObjects"] svg:hover {
  fill: #321E64; }

.dbq-resizable-selectmulti {
  resize: vertical;
  overflow: auto; }

.dbqdb-select-single {
  width: 100%;
  /* Hide the add and view buttons by default */
  /* Unset the default Bootstrap z-index that caused sidepanel menus to fall behind the buttons */
  /* Show the buttons once the data is loaded */
  /*
        Hide buttons which are missing required data.
        The add button may only be visible with an AddRuleCode.
        When there is no FolderDocumentId, all buttons must be invisible
    */
  /* The border radius must change depending on which buttons are visible */
  /* Read only styling */ }
  .dbqdb-select-single .input-group {
    flex-wrap: nowrap;
    justify-content: space-between; }
  .dbqdb-select-single .input-group-append {
    display: none; }
  .dbqdb-select-single .input-group-append .btn,
  .dbqdb-select-single .input-group-prepend .btn {
    z-index: unset; }
  .dbqdb-select-single[data-inspect-folder-document-id][data-inspect-add-rule-code] .input-group-append {
    display: flex;
    margin-left: 0; }
  .dbqdb-select-single[data-inspect-add-rule-code=""] .input-group-append > .dbq-select-add-button {
    display: none; }
  .dbqdb-select-single[data-inspect-folder-document-id=""] .input-group-append > .dbq-select-view-button,
  .dbqdb-select-single[data-inspect-folder-document-id=""] .input-group-append > .dbq-select-add-button {
    display: none !important; }
  .dbqdb-select-single[data-has-value] .input-group-append > .dbq-select-view-button,
  .dbqdb-select-single[data-has-value="false"] .input-group-append > .dbq-select-view-button {
    display: none; }
  .dbqdb-select-single[data-has-value="true"] .input-group-append > .dbq-select-view-button {
    display: block; }
  .dbqdb-select-single[data-inspect-folder-document-id][data-has-value="true"]:not([data-inspect-folder-document-id=""]) .dbqstd-output-content-container {
    border-bottom-right-radius: 0; }
  .dbqdb-select-single[data-inspect-folder-document-id][data-has-value="true"]:not([data-inspect-folder-document-id=""]) .dbq-select-view-button {
    border-bottom-right-radius: 10px !important; }
  .dbqdb-select-single[data-inspect-add-rule-code]:not([data-inspect-add-rule-code=""]) .dbqstd-output-content-container {
    border-bottom-right-radius: 0; }
  .dbqdb-select-single[data-inspect-folder-document-id][data-inspect-add-rule-code][data-has-value="true"]:not([data-inspect-folder-document-id=""]):not([data-inspect-add-rule-code=""]) .dbq-select-view-button {
    border-bottom-right-radius: 0 !important; }
  .dbqdb-select-single[data-is-read-only="true"] .dbqstd-output-content-container {
    background: #e5e7ec !important;
    /* Important is still required here, even though it gets added AFTER the default styling...? */
    border: 1px solid #e5e7ec !important;
    cursor: not-allowed;
    font-weight: 700;
    opacity: 1;
    -webkit-opacity: 1;
    /* Override iOS opacity change affecting text & background color */ }
  .dbqdb-select-single[data-is-read-only="true"] .input-group-append .dbq-select-view-button,
  .dbqdb-select-single[data-is-read-only="true"] .input-group-append .dbq-select-add-button {
    background: #e5e7ec;
    border-color: #e5e7ec;
    color: #321E64; }
    .dbqdb-select-single[data-is-read-only="true"] .input-group-append .dbq-select-view-button:hover,
    .dbqdb-select-single[data-is-read-only="true"] .input-group-append .dbq-select-add-button:hover {
      background: #e5e7ec;
      border-color: #e5e7ec;
      color: #000000; }
    .dbqdb-select-single[data-is-read-only="true"] .input-group-append .dbq-select-view-button:active,
    .dbqdb-select-single[data-is-read-only="true"] .input-group-append .dbq-select-add-button:active {
      background: #e5e7ec;
      border-color: #e5e7ec;
      color: #000000; }
  .dbqdb-select-single[data-is-read-only="true"] .input-group-append .dbq-select-add-button {
    display: none; }

.dbqstd-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  min-width: 0; }
  .dbqstd-container .dbqstd-paging-button {
    border: none;
    background: none;
    outline: 0; }
    .dbqstd-container .dbqstd-paging-button svg {
      fill: #000000; }
    .dbqstd-container .dbqstd-paging-button:hover svg {
      fill: #321E64; }
    .dbqstd-container .dbqstd-paging-button.disabled svg {
      fill: #bbbbbb; }
    .dbqstd-container .dbqstd-paging-button.disabled:hover {
      cursor: not-allowed; }
  .dbqstd-container .dbqstd-output-button {
    outline: 0;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto; }
    .dbqstd-container .dbqstd-output-button .dbqstd-output-content-container {
      display: flex;
      flex-direction: column;
      justify-content: center;
      border: 1px solid #e5e7ec;
      outline: 0;
      width: 100%;
      height: 35px;
      -moz-appearance: none;
      -webkit-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      background: #ffffff;
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml;utf8,<svg fill='%23000000' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><g><path d='M10,16L0,6l2-2l8,8l8-8l2,2L10,16z'/></g></svg>");
      background-position-x: calc(100% - 10px);
      background-position-y: 50%;
      background-size: 10px 10px;
      border-radius: 0 0 10px 10px;
      padding-left: 10px;
      color: #001323;
      padding: 0 30px 0 10px;
      font-weight: 500;
      font-size: 13px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .dbqstd-container .dbqstd-output-button .dbqstd-output-content-container:focus {
        border-color: #321E64 !important;
        outline: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
      .dbqstd-container .dbqstd-output-button .dbqstd-output-content-container:disabled,
      .dbqstd-container .dbqstd-output-button .dbqstd-output-content-container .disabled {
        background: #e5e7ec !important;
        border: 1px solid #e5e7ec;
        opacity: 1;
        color: #001323;
        cursor: not-allowed;
        -webkit-text-fill-color: #001323;
        -webkit-opacity: 1;
        /* Override iOS opacity change affecting text & background color */ }
      .dbqstd-container .dbqstd-output-button .dbqstd-output-content-container.dbqstd-invalid {
        border-color: #d5473c; }
      .dbqstd-container .dbqstd-output-button .dbqstd-output-content-container .dbqstd-output-item {
        display: flex;
        align-items: center;
        margin-bottom: 5px; }
        .dbqstd-container .dbqstd-output-button .dbqstd-output-content-container .dbqstd-output-item:last-child {
          margin-bottom: 0px; }
        .dbqstd-container .dbqstd-output-button .dbqstd-output-content-container .dbqstd-output-item .dbqstd-attribute {
          display: block;
          width: 100%; }
          .dbqstd-container .dbqstd-output-button .dbqstd-output-content-container .dbqstd-output-item .dbqstd-attribute .dbqstd-attribute-name {
            float: left;
            font-size: 12px;
            line-height: 14px;
            color: #999;
            margin-bottom: 3px; }
          .dbqstd-container .dbqstd-output-button .dbqstd-output-content-container .dbqstd-output-item .dbqstd-attribute .dbqstd-attribute-value {
            float: left;
            width: 100%;
            text-align: left;
            overflow-wrap: break-word;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            user-select: text; }
      .dbqstd-container .dbqstd-output-button .dbqstd-output-content-container .dbqstd-error {
        color: #d5473c; }
  .dbqstd-container[data-has-paging="true"] .dbqstd-output-button .dbqstd-output-content-container {
    background: none !important;
    padding: 0 !important; }

.dbqstd-popup-container {
  padding: 0 0 5px 0;
  background: #f0f2f5;
  overflow: hidden;
  z-index: 1060; }
  .dbqstd-popup-container .dbqstd-items .dbqstd-no-result {
    color: #595f6e; }
  .dbqstd-popup-container .dbqstd-title-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    color: #595f6e;
    font-size: 12px;
    font-weight: 600; }
    .dbqstd-popup-container .dbqstd-title-container .dbqstd-close {
      width: 12px;
      height: 12px;
      margin-left: 5px;
      display: inline-flex;
      cursor: pointer; }
      .dbqstd-popup-container .dbqstd-title-container .dbqstd-close svg {
        fill: #595f6e; }
  .dbqstd-popup-container .dbqstd-search-input {
    width: calc(100% - 16px);
    padding: 1px 5px;
    min-height: 30px;
    max-height: 30px;
    height: 30px;
    border-radius: 6px !important;
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    height: 30px;
    border-radius: 10px !important;
    border: 2px solid #e5e7ec;
    background-color: #ffffff !important;
    color: #000000;
    padding: 2px 10px; }
  .dbqstd-popup-container ul {
    list-style: none;
    padding: 7.5px 0;
    margin: 0;
    max-height: 250px;
    overflow-y: auto;
    background-color: #ffffff; }
    .dbqstd-popup-container ul::-webkit-scrollbar-track {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .dbqstd-popup-container ul::-webkit-scrollbar-corner, .dbqstd-popup-container ul::-webkit-scrollbar-corner {
      background-color: RGBA(255, 255, 255, 0.4); }
    .dbqstd-popup-container ul {
      scrollbar-face-color: RGBA(0, 0, 0, 0.4);
      scrollbar-track-color: RGBA(0, 0, 0, 0.2); }
    .dbqstd-popup-container ul::-webkit-scrollbar, .dbqstd-popup-container ul::-webkit-scrollbar-corner, .dbqstd-popup-container ul::-webkit-scrollbar-track, .dbqstd-popup-container ul::-webkit-scrollbar-thumb {
      border-radius: 0; }
    .dbqstd-popup-container ul::-webkit-scrollbar, .dbqstd-popup-container ul::-webkit-scrollbar-track {
      width: 7.5px;
      height: 7.5px;
      border-radius: 0;
      background-color: RGBA(255, 255, 255, 0.4) !important;
      background: RGBA(255, 255, 255, 0.4) !important; }
    .dbqstd-popup-container ul::-webkit-scrollbar-thumb {
      border-radius: 7.5px;
      transition: all 0.4s;
      background: RGBA(0, 0, 0, 0.2) !important;
      background-color: RGBA(0, 0, 0, 0.2) !important;
      border: none !important; }
      .dbqstd-popup-container ul::-webkit-scrollbar-thumb:hover {
        background-color: RGBA(0, 0, 0, 0.4) !important; }
    .dbqstd-popup-container ul span {
      font-size: 12px;
      font-weight: 400; }
      .dbqstd-popup-container ul span svg {
        fill: #000000 !important; }
    .dbqstd-popup-container ul .dbqstd-no-result {
      display: block;
      margin: 0 7.5px; }
    .dbqstd-popup-container ul .dbqstd-error {
      color: #d5473c; }
    .dbqstd-popup-container ul li.dbqstd-popup-dropdown-item {
      color: #000000;
      cursor: pointer;
      display: block;
      outline: 0;
      position: relative;
      font-weight: 600;
      padding: 0px 7.5px !important;
      margin: 0px;
      width: 100%;
      user-select: none;
      /* CSS3 (little to no support) */
      -ms-user-select: none;
      /* IE 10+ */
      -moz-user-select: none;
      /* Gecko (Firefox) */
      -webkit-user-select: none;
      /* Webkit (Safari, Chrome) */ }
      .dbqstd-popup-container ul li.dbqstd-popup-dropdown-item .dbqstd-popup-dropdown-item-content {
        flex-wrap: nowrap;
        padding: 0px;
        position: relative;
        display: flex;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        align-items: center;
        border-radius: 6px; }
        .dbqstd-popup-container ul li.dbqstd-popup-dropdown-item .dbqstd-popup-dropdown-item-content .dbqstd-attribute {
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: 100%; }
          .dbqstd-popup-container ul li.dbqstd-popup-dropdown-item .dbqstd-popup-dropdown-item-content .dbqstd-attribute .dbqstd-attribute-name {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
          .dbqstd-popup-container ul li.dbqstd-popup-dropdown-item .dbqstd-popup-dropdown-item-content .dbqstd-attribute .dbqstd-attribute-checkmark {
            width: 16px;
            height: 16px;
            margin-left: 5px;
            margin-bottom: 4px;
            display: none;
            fill: #000000;
            flex-shrink: 0; }
      .dbqstd-popup-container ul li.dbqstd-popup-dropdown-item:hover, .dbqstd-popup-container ul li.dbqstd-popup-dropdown-item.dbqstd-selected-dropdown-item {
        background: transparent !important;
        color: transparent !important; }
        .dbqstd-popup-container ul li.dbqstd-popup-dropdown-item:hover .dbqstd-popup-dropdown-item-content, .dbqstd-popup-container ul li.dbqstd-popup-dropdown-item.dbqstd-selected-dropdown-item .dbqstd-popup-dropdown-item-content {
          color: #321E64 !important; }
      .dbqstd-popup-container ul li.dbqstd-popup-dropdown-item.dbqstd-selected-dropdown-item .dbqstd-popup-dropdown-item-content {
        color: #bbbbbb !important; }
      .dbqstd-popup-container ul li.dbqstd-popup-dropdown-item.dbqstd-selected-dropdown-item .dbqstd-attribute-checkmark {
        display: none !important; }
  .dbqstd-popup-container ul.dbqstd-selected-items {
    border-bottom: 1px solid #f0f2f5; }
    .dbqstd-popup-container ul.dbqstd-selected-items .dbqstd-popup-dropdown-item.dbqstd-selected-dropdown-item .dbqstd-popup-dropdown-item-content {
      padding: 5px 7.5px !important;
      background: #eeeeee !important;
      color: #000000 !important; }
      .dbqstd-popup-container ul.dbqstd-selected-items .dbqstd-popup-dropdown-item.dbqstd-selected-dropdown-item .dbqstd-popup-dropdown-item-content .dbqstd-attribute-checkmark {
        display: block !important; }
    .dbqstd-popup-container ul.dbqstd-selected-items .dbqstd-popup-dropdown-item.dbqstd-selected-dropdown-item .dbqstd-selected-dropdown-item {
      background: transparent !important;
      color: transparent !important; }
  .dbqstd-popup-container .dbqstd-loading {
    margin: 5px 15px; }
  .dbqstd-popup-container .dbqstd-buttons {
    display: flex;
    margin: 5px 5px 0 5px; }
    .dbqstd-popup-container .dbqstd-buttons .dbqstd-button {
      background: #321E64;
      color: #ffffff;
      border: none;
      margin-right: 5px;
      padding: 0;
      outline: 0;
      width: 24px;
      height: 24px;
      border-radius: 50%; }
      .dbqstd-popup-container .dbqstd-buttons .dbqstd-button svg {
        fill: #ffffff; }

.dbqstd-loading {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbqstd-loading .inline-loading-indicator {
    margin-right: 5px; }

.dbq-select-view-button,
.dbq-select-add-button {
  color: #000000;
  border-color: #e5e7ec;
  margin-left: 5px;
  transition: none !important;
  outline: 0; }
  .dbq-select-view-button:hover,
  .dbq-select-add-button:hover {
    color: #000000;
    border-color: #e5e7ec;
    background: #ffffff; }
    .dbq-select-view-button:hover svg,
    .dbq-select-add-button:hover svg {
      fill: #000000; }
  .dbq-select-view-button:active,
  .dbq-select-add-button:active {
    background: #ffffff;
    border-color: #e5e7ec; }
    .dbq-select-view-button:active:hover,
    .dbq-select-add-button:active:hover {
      background: #ffffff;
      border-color: #e5e7ec; }
  .dbq-select-view-button svg,
  .dbq-select-add-button svg {
    width: 30px;
    height: 20px;
    padding: 0 7px;
    border-radius: 10px;
    fill: #321E64; }

/* No label styling */
.dbq-property-no-label .dbqdb-select-single {
  /* The border radius must change depending on which buttons are visible */ }
  .dbq-property-no-label .dbqdb-select-single .dbqstd-output-content-container {
    border-radius: 10px !important; }
  .dbq-property-no-label .dbqdb-select-single[data-inspect-folder-document-id][data-has-value="true"]:not([data-inspect-folder-document-id=""]) .dbqstd-output-content-container {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .dbq-property-no-label .dbqdb-select-single[data-inspect-folder-document-id][data-has-value="true"]:not([data-inspect-folder-document-id=""]) .dbq-select-view-button {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important; }
  .dbq-property-no-label .dbqdb-select-single[data-inspect-add-rule-code]:not([data-inspect-add-rule-code=""]) .dbqstd-output-content-container {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .dbq-property-no-label .dbqdb-select-single[data-inspect-folder-document-id][data-inspect-add-rule-code][data-has-value="true"]:not([data-inspect-folder-document-id=""]):not([data-inspect-add-rule-code=""]) .dbq-select-view-button {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.multiple-select-rule-single-tree {
  height: 35px;
  min-height: 35px; }
  .multiple-select-rule-single-tree .dbq-select-type-dropdown-tree {
    height: 35px;
    min-height: 35px; }
    .multiple-select-rule-single-tree .dbq-select-type-dropdown-tree ul.dropdown-menu {
      background-color: #ffffff;
      border: 0;
      border-radius: 4px;
      -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
      -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
      min-width: 250px;
      max-height: 300px;
      overflow-y: auto; }
      .multiple-select-rule-single-tree .dbq-select-type-dropdown-tree ul.dropdown-menu li {
        padding: 0;
        cursor: default; }
        .multiple-select-rule-single-tree .dbq-select-type-dropdown-tree ul.dropdown-menu li .dbqstdt-arrow {
          cursor: pointer;
          font-size: 13px !important; }
        .multiple-select-rule-single-tree .dbq-select-type-dropdown-tree ul.dropdown-menu li a {
          color: #001323 !important;
          text-decoration: none;
          line-height: 20px;
          font-size: 13px; }
          .multiple-select-rule-single-tree .dbq-select-type-dropdown-tree ul.dropdown-menu li a:hover {
            color: #001323 !important; }
        .multiple-select-rule-single-tree .dbq-select-type-dropdown-tree ul.dropdown-menu li:hover {
          background: #ffffff !important; }
      .multiple-select-rule-single-tree .dbq-select-type-dropdown-tree ul.dropdown-menu li[data-is-selectable="false"] a {
        cursor: default;
        color: #999 !important; }
      .multiple-select-rule-single-tree .dbq-select-type-dropdown-tree ul.dropdown-menu li[data-is-selectable="true"] a {
        cursor: pointer;
        color: #001323 !important; }
        .multiple-select-rule-single-tree .dbq-select-type-dropdown-tree ul.dropdown-menu li[data-is-selectable="true"] a:hover {
          color: #321E64 !important; }
      .multiple-select-rule-single-tree .dbq-select-type-dropdown-tree ul.dropdown-menu svg {
        fill: #001323 !important; }
        .multiple-select-rule-single-tree .dbq-select-type-dropdown-tree ul.dropdown-menu svg:hover {
          fill: #321E64 !important; }
    .multiple-select-rule-single-tree .dbq-select-type-dropdown-tree button.dropdown-toggle {
      height: 35px;
      min-height: 35px; }
      .multiple-select-rule-single-tree .dbq-select-type-dropdown-tree button.dropdown-toggle svg {
        padding: 5px;
        margin: 0px;
        float: right; }
  .multiple-select-rule-single-tree[data-value]:not([data-value='']) + .input-group-btn {
    display: block;
    width: 50px !important;
    height: 35px;
    background-color: #ffffff;
    border-radius: 0 0px 10px 0;
    border: svg;
      border-padding: 2px 0 !important;
      border-margin-right: 3px !important;
      border-margin-left: 3px !important; }
    .multiple-select-rule-single-tree[data-value]:not([data-value='']) + .input-group-btn .multiple-select-rule-single-tree-clear {
      width: 100%;
      padding: 3px 13px;
      margin-left: 0 !important; }
      .multiple-select-rule-single-tree[data-value]:not([data-value='']) + .input-group-btn .multiple-select-rule-single-tree-clear svg {
        padding: 2px 0 !important; }

.dbqdb-select-multi-popup .dbqstp-container .dbqstp-output-button {
  outline: 0;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  width: 100%;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 2px solid #eeeeee;
  border-radius: 0 0 10px 10px; }
  .dbqdb-select-multi-popup .dbqstp-container .dbqstp-output-button::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .dbqdb-select-multi-popup .dbqstp-container .dbqstp-output-button::-webkit-scrollbar-corner, .dbqdb-select-multi-popup .dbqstp-container .dbqstp-output-button::-webkit-scrollbar-corner {
    background-color: transparent; }
  .dbqdb-select-multi-popup .dbqstp-container .dbqstp-output-button {
    scrollbar-face-color: RGBA(0, 0, 0, 0.4);
    scrollbar-track-color: RGBA(0, 0, 0, 0.2); }
  .dbqdb-select-multi-popup .dbqstp-container .dbqstp-output-button::-webkit-scrollbar, .dbqdb-select-multi-popup .dbqstp-container .dbqstp-output-button::-webkit-scrollbar-corner, .dbqdb-select-multi-popup .dbqstp-container .dbqstp-output-button::-webkit-scrollbar-track, .dbqdb-select-multi-popup .dbqstp-container .dbqstp-output-button::-webkit-scrollbar-thumb {
    border-radius: 10px; }
  .dbqdb-select-multi-popup .dbqstp-container .dbqstp-output-button::-webkit-scrollbar, .dbqdb-select-multi-popup .dbqstp-container .dbqstp-output-button::-webkit-scrollbar-track {
    width: 7.5px;
    height: 7.5px;
    border-radius: 10px;
    background-color: transparent !important;
    background: transparent !important; }
  .dbqdb-select-multi-popup .dbqstp-container .dbqstp-output-button::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
    transition: all 0.4s;
    background: RGBA(0, 0, 0, 0.2) !important;
    background-color: RGBA(0, 0, 0, 0.2) !important;
    border: none !important; }
    .dbqdb-select-multi-popup .dbqstp-container .dbqstp-output-button::-webkit-scrollbar-thumb:hover {
      background-color: RGBA(0, 0, 0, 0.4) !important; }
  .dbqdb-select-multi-popup .dbqstp-container .dbqstp-output-button:hover {
    border: 2px solid #dddddd; }
  .dbqdb-select-multi-popup .dbqstp-container .dbqstp-output-button.dbqstp-invalid {
    border-color: #d5473c; }
  .dbqdb-select-multi-popup .dbqstp-container .dbqstp-output-button .dbqstp-output-content-container {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    outline: 0;
    border: 0 none;
    width: 100%;
    padding: 5px; }
    .dbqdb-select-multi-popup .dbqstp-container .dbqstp-output-button .dbqstp-output-content-container:hover {
      background: #eeeeee; }
    .dbqdb-select-multi-popup .dbqstp-container .dbqstp-output-button .dbqstp-output-content-container .dbqstp-output-item {
      display: flex;
      align-items: center;
      margin-bottom: 5px; }
      .dbqdb-select-multi-popup .dbqstp-container .dbqstp-output-button .dbqstp-output-content-container .dbqstp-output-item:last-child {
        margin-bottom: 0px; }
      .dbqdb-select-multi-popup .dbqstp-container .dbqstp-output-button .dbqstp-output-content-container .dbqstp-output-item .dbqstp-attribute {
        display: block;
        width: 100%; }
        .dbqdb-select-multi-popup .dbqstp-container .dbqstp-output-button .dbqstp-output-content-container .dbqstp-output-item .dbqstp-attribute .dbqstp-attribute-name {
          float: left;
          font-size: 12px;
          line-height: 14px;
          color: #999;
          margin-bottom: 3px;
          user-select: text; }
        .dbqdb-select-multi-popup .dbqstp-container .dbqstp-output-button .dbqstp-output-content-container .dbqstp-output-item .dbqstp-attribute .dbqstp-attribute-value {
          float: left;
          width: 100%;
          text-align: left;
          font-size: 12px;
          font-weight: 700;
          line-height: 14px;
          color: #000000;
          overflow-wrap: break-word;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          user-select: text; }
    .dbqdb-select-multi-popup .dbqstp-container .dbqstp-output-button .dbqstp-output-content-container .dbqstp-error {
      color: #d5473c; }

.dbqdb-select-multi-popup[data-is-read-only="true"] .dbqstp-output-content-container {
  background: #e5e7ec !important;
  /* Important is still required here, even though it gets added AFTER the default styling...? */
  border: 2px solid #e5e7ec !important;
  cursor: not-allowed;
  font-weight: 700;
  opacity: 1;
  -webkit-opacity: 1;
  /* Override iOS opacity change affecting text & background color */ }

.dbqstp-popup-container {
  padding: 0 0 5px 0;
  background: #f0f2f5;
  overflow: hidden;
  z-index: 1060; }
  .dbqstp-popup-container .dbqstp-title-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 7.5px;
    color: #595f6e;
    font-size: 14px;
    font-weight: 500; }
    .dbqstp-popup-container .dbqstp-title-container .dbqstp-close {
      width: 12px;
      height: 12px;
      display: inline-flex;
      cursor: pointer; }
      .dbqstp-popup-container .dbqstp-title-container .dbqstp-close svg {
        fill: #595f6e; }
  .dbqstp-popup-container .dbqstp-search-input {
    width: calc(100% - 16px);
    margin: 0px 7.5px 5px 7.5px;
    padding: 1px 5px;
    min-height: 30px;
    max-height: 30px;
    height: 30px;
    border-radius: 6px; }
  .dbqstp-popup-container ul {
    list-style: none;
    padding: 7.5px 0;
    margin: 0;
    max-height: 500px;
    overflow-y: auto;
    background-color: #ffffff; }
    .dbqstp-popup-container ul::-webkit-scrollbar-track {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .dbqstp-popup-container ul::-webkit-scrollbar-corner, .dbqstp-popup-container ul::-webkit-scrollbar-corner {
      background-color: RGBA(255, 255, 255, 0.4); }
    .dbqstp-popup-container ul {
      scrollbar-face-color: RGBA(0, 0, 0, 0.4);
      scrollbar-track-color: RGBA(0, 0, 0, 0.2); }
    .dbqstp-popup-container ul::-webkit-scrollbar, .dbqstp-popup-container ul::-webkit-scrollbar-corner, .dbqstp-popup-container ul::-webkit-scrollbar-track, .dbqstp-popup-container ul::-webkit-scrollbar-thumb {
      border-radius: 0; }
    .dbqstp-popup-container ul::-webkit-scrollbar, .dbqstp-popup-container ul::-webkit-scrollbar-track {
      width: 7.5px;
      height: 7.5px;
      border-radius: 0;
      background-color: RGBA(255, 255, 255, 0.4) !important;
      background: RGBA(255, 255, 255, 0.4) !important; }
    .dbqstp-popup-container ul::-webkit-scrollbar-thumb {
      border-radius: 7.5px;
      transition: all 0.4s;
      background: RGBA(0, 0, 0, 0.2) !important;
      background-color: RGBA(0, 0, 0, 0.2) !important;
      border: none !important; }
      .dbqstp-popup-container ul::-webkit-scrollbar-thumb:hover {
        background-color: RGBA(0, 0, 0, 0.4) !important; }
    .dbqstp-popup-container ul span {
      font-size: 14px;
      font-weight: 600; }
    .dbqstp-popup-container ul .dbqstp-no-result {
      display: block;
      margin: 0 7.5px; }
    .dbqstp-popup-container ul .dbqstp-error {
      color: #d5473c; }
    .dbqstp-popup-container ul li.dbqstp-popup-dropdown-item {
      color: #000000;
      cursor: pointer;
      display: block;
      outline: 0;
      position: relative;
      font-weight: 600;
      padding: 1px 7.5px;
      width: 100%; }
      .dbqstp-popup-container ul li.dbqstp-popup-dropdown-item .dbqstp-popup-dropdown-item-content {
        flex-wrap: nowrap;
        padding: 7.5px;
        position: relative;
        display: flex;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        align-items: center;
        border-radius: 6px; }
        .dbqstp-popup-container ul li.dbqstp-popup-dropdown-item .dbqstp-popup-dropdown-item-content .dbqstp-attribute {
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: 100%; }
          .dbqstp-popup-container ul li.dbqstp-popup-dropdown-item .dbqstp-popup-dropdown-item-content .dbqstp-attribute .dbqstp-attribute-name {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
          .dbqstp-popup-container ul li.dbqstp-popup-dropdown-item .dbqstp-popup-dropdown-item-content .dbqstp-attribute .dbqstp-attribute-checkmark {
            width: 16px;
            height: 16px;
            margin-bottom: 4px;
            display: none;
            fill: #000000;
            flex-shrink: 0; }
      .dbqstp-popup-container ul li.dbqstp-popup-dropdown-item:hover .dbqstp-popup-dropdown-item-content, .dbqstp-popup-container ul li.dbqstp-popup-dropdown-item.dbqstp-selected-dropdown-item .dbqstp-popup-dropdown-item-content {
        background: #eeeeee; }
      .dbqstp-popup-container ul li.dbqstp-popup-dropdown-item.dbqstp-selected-dropdown-item .dbqstp-attribute-checkmark {
        display: block !important; }
  .dbqstp-popup-container .dbqstp-loading {
    margin: 5px 15px; }
  .dbqstp-popup-container .dbqstp-buttons {
    display: flex;
    margin: 5px 15px 0 15px; }
    .dbqstp-popup-container .dbqstp-buttons .dbqstp-button {
      background: #321E64;
      color: #ffffff;
      border: none;
      margin-right: 5px;
      padding: 0;
      outline: 0;
      width: 24px;
      height: 24px;
      border-radius: 50%; }
      .dbqstp-popup-container .dbqstp-buttons .dbqstp-button svg {
        fill: #ffffff; }

.dbqstp-image,
.dbqstp-initials {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 10px;
  font-weight: 600;
  width: 24px;
  height: 24px;
  background: #ccc;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 5px;
  color: #ffffff; }

.dbqstp-loading {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbqstp-loading .inline-loading-indicator {
    margin-right: 5px; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbq-form select.form-control:not([multiple="multiple"]),
.dbq-form select .form-control.error {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: #ffffff;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;utf8,<svg fill='%23000000' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><g><path d='M10,16L0,6l2-2l8,8l8-8l2,2L10,16z'/></g></svg>");
  background-position-x: calc(100% - 10px);
  background-position-y: 50%;
  background-size: 10px 10px;
  border-radius: 0 0 10px 10px;
  padding-left: 10px;
  color: #001323;
  padding: 0 30px 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.dbq-form select .form-control[data-inspect-folder-document-id][data-inspect-add-rule-code=""] {
  border-right: 1px solid #e5e7ec !important; }

.dbq-form select .form-control[data-inspect-add-rule-code=""] {
  border-right: 0 !important; }
  .dbq-form select .form-control[data-inspect-add-rule-code=""]:focus {
    border-right: 1px solid #321E64 !important;
    z-index: 890; }

.dbq-form .dbq-select-type-dropdown-tree button.btn-default.dropdown-toggle:enabled, .dbq-form .dbq-select-type-dropdown-tree button.btn-default.dropdown-toggle:disabled {
  border-radius: 0 0 10px 10px !important; }

.dbq-form .dbq-select-type-dropdown-tree button.btn-default.dropdown-toggle:disabled {
  background: #e5e7ec !important;
  height: 35px !important;
  border: 1px solid #e5e7ec !important; }
  .dbq-form .dbq-select-type-dropdown-tree button.btn-default.dropdown-toggle:disabled svg {
    fill: #001323 !important;
    width: 24px;
    height: 24px; }

.dbq-form button.btn-default.dropdown-toggle:enabled {
  border-radius: 10px;
  padding: 7.5px 10px;
  color: #001323;
  background: 0; }
  .dbq-form button.btn-default.dropdown-toggle:enabled svg {
    width: 10px;
    height: 20px;
    padding: 5px 0;
    fill: #321E64; }

.dbq-form .multiple-select-rule-single-tree[data-value]:not([data-value='']) .dbq-select-type-dropdown-tree button.dropdown-toggle {
  border-radius: 0 0 0 10px !important;
  border-right-width: 1px !important; }

.dbq-form .multiple-select-rule-single-tree[data-value]:not([data-value='']) + .input-group-btn .multiple-select-rule-single-tree-clear {
  border-radius: 0 0 10px 0;
  border-left: 0; }

.dbq-form .multiple-select-rule-single-tree[data-value]:not([data-value='']) + .input-group-btn:hover .multiple-select-rule-single-tree-clear {
  background: #321E64;
  color: #fff;
  border: 1px solid #e5e7ec !important;
  border-left: 0 !important; }

.dbq-form .multiple-select-rule-single-tree[data-value]:not([data-value='']) + .input-group-btn:hover svg {
  fill: #fff; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.modal-content .file-upload,
.dbq-form .file-upload {
  position: relative;
  overflow: hidden;
  margin: 0px;
  background-color: #ffffff;
  border-radius: 0 0 10px 10px; }
  .modal-content .file-upload input[type="file"],
  .dbq-form .file-upload input[type="file"] {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 18px;
    cursor: pointer;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    height: 46px; }
  .modal-content .file-upload .btn-toolbar,
  .dbq-form .file-upload .btn-toolbar {
    float: left;
    width: 100%;
    margin-left: 0px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .modal-content .file-upload .file-upload-input,
  .modal-content .file-upload .file-upload-clear,
  .modal-content .file-upload .dbq-file-download-button,
  .dbq-form .file-upload .file-upload-input,
  .dbq-form .file-upload .file-upload-clear,
  .dbq-form .file-upload .dbq-file-download-button {
    min-width: max-content;
    height: 35px;
    padding: 6.5px 15px; }
  .modal-content .file-upload.file-upload-hover,
  .dbq-form .file-upload.file-upload-hover {
    padding: 8px 15px !important; }
    .modal-content .file-upload.file-upload-hover input[type="text"],
    .dbq-form .file-upload.file-upload-hover input[type="text"] {
      background-color: #ffffff; }
    .modal-content .file-upload.file-upload-hover .file-upload-input,
    .dbq-form .file-upload.file-upload-hover .file-upload-input {
      height: 46px !important;
      padding: 13px 15px !important;
      transition: none !important; }
    .modal-content .file-upload.file-upload-hover .file-upload-clear,
    .dbq-form .file-upload.file-upload-hover .file-upload-clear {
      height: 46px !important;
      padding: 13px 15px !important;
      transition: none !important; }

.modal-content .file-upload-hover,
.dbq-form .file-upload-hover {
  background-color: rgba(45, 121, 255, 0.1) !important;
  border: 1px dashed #321E64 !important;
  border-radius: 0 0 10px 10px !important; }
  .modal-content .file-upload-hover .image-file-upload-input,
  .dbq-form .file-upload-hover .image-file-upload-input {
    border: 0 !important;
    border-left: 1px dashed #321E64 !important; }
    .modal-content .file-upload-hover .image-file-upload-input .file-upload input[type="file"],
    .dbq-form .file-upload-hover .image-file-upload-input .file-upload input[type="file"] {
      height: 46px !important; }
    .modal-content .file-upload-hover .image-file-upload-input .image-file-upload input[type="file"],
    .dbq-form .file-upload-hover .image-file-upload-input .image-file-upload input[type="file"] {
      height: 46px !important; }
  .modal-content .file-upload-hover .file-upload-clear,
  .modal-content .file-upload-hover .file-upload-input,
  .dbq-form .file-upload-hover .file-upload-clear,
  .dbq-form .file-upload-hover .file-upload-input {
    border: 0 !important;
    border-left: 1px dashed #321E64 !important; }
  .modal-content .file-upload-hover input.form-control.image-file-upload-filename,
  .dbq-form .file-upload-hover input.form-control.image-file-upload-filename {
    height: 46px !important;
    padding: 0 !important;
    line-height: 46px !important; }
  .modal-content .file-upload-hover.image-file-upload input[type="file"],
  .dbq-form .file-upload-hover.image-file-upload input[type="file"] {
    height: 46px; }

.modal-content .file-upload-clear,
.dbq-form .file-upload-clear {
  background: #bbb;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  margin: 0 5px;
  z-index: 999;
  position: relative;
  color: #000000;
  background: 0;
  padding: 13px 10px;
  border-radius: 0 0 0 0; }
  .modal-content .file-upload-clear svg,
  .dbq-form .file-upload-clear svg {
    fill: #ec564b;
    margin: -2px 5px 0 -5px !important; }
  .modal-content .file-upload-clear span,
  .dbq-form .file-upload-clear span {
    color: #ffffff; }
  .modal-content .file-upload-clear .file-upload-clear-title,
  .dbq-form .file-upload-clear .file-upload-clear-title {
    color: #ec564b; }
  .modal-content .file-upload-clear:hover,
  .dbq-form .file-upload-clear:hover {
    background: #ec564b;
    border-color: #ec564b;
    border: 1px solid #ec564b; }
  .modal-content .file-upload-clear:last-child,
  .dbq-form .file-upload-clear:last-child {
    border-radius: 0 0 10px 0 !important; }

.modal-content .image-file-upload,
.dbq-form .image-file-upload {
  position: relative;
  overflow: hidden;
  margin: 0px;
  border-color: #e5e7ec;
  width: 100%;
  height: 35px;
  border-radius: 0 0 10px 10px;
  color: #321E64;
  background-color: #ffffff !important;
  border: 1px solid #e5e7ec;
  padding: 11px 10px 9px; }
  .modal-content .image-file-upload .image-file-upload-filename,
  .dbq-form .image-file-upload .image-file-upload-filename {
    width: 100% !important;
    height: 40px !important;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 998;
    cursor: not-allowed !important; }
  .modal-content .image-file-upload .input-group-btn,
  .dbq-form .image-file-upload .input-group-btn {
    width: auto !important;
    height: 35px !important;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    background: #ffffff;
    border-radius: 0 10px 10px 0 !important; }
    .modal-content .image-file-upload .input-group-btn .btn,
    .dbq-form .image-file-upload .input-group-btn .btn {
      padding: 6.5px 10px;
      transition: none;
      z-index: 999;
      border-radius: 0; }
      .modal-content .image-file-upload .input-group-btn .btn:not(.image-file-upload-clear),
      .dbq-form .image-file-upload .input-group-btn .btn:not(.image-file-upload-clear) {
        background: #ffffff;
        border-color: #ffffff; }
  .modal-content .image-file-upload input[type="file"],
  .dbq-form .image-file-upload input[type="file"] {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 18px;
    cursor: pointer;
    width: 100%;
    height: 35px;
    opacity: 0;
    transition: none;
    filter: alpha(opacity=0); }
  .modal-content .image-file-upload.file-upload-hover,
  .dbq-form .image-file-upload.file-upload-hover {
    padding: 8px 15px !important; }
    .modal-content .image-file-upload.file-upload-hover input[type="text"],
    .dbq-form .image-file-upload.file-upload-hover input[type="text"] {
      background-color: #ffffff; }
    .modal-content .image-file-upload.file-upload-hover .image-file-upload-input,
    .modal-content .image-file-upload.file-upload-hover .image-file-upload-clear,
    .dbq-form .image-file-upload.file-upload-hover .image-file-upload-input,
    .dbq-form .image-file-upload.file-upload-hover .image-file-upload-clear {
      height: 46px !important;
      padding: 13px 15px !important;
      transition: none !important; }
    .modal-content .image-file-upload.file-upload-hover .file-upload-clear,
    .dbq-form .image-file-upload.file-upload-hover .file-upload-clear {
      border: 0 !important;
      border-left: 1px dashed #321E64 !important;
      border-radius: 0 0 7px 0 !important; }

.modal-content .image-file-upload-clear,
.dbq-form .image-file-upload-clear {
  color: #ffffff;
  background: #ffffff;
  font-weight: 600;
  line-height: 20px;
  font-size: 14px;
  position: relative;
  border: 0;
  height: 50px;
  border-left: 1px solid #e5e7ec;
  border-right: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff; }
  .modal-content .image-file-upload-clear svg,
  .dbq-form .image-file-upload-clear svg {
    fill: #321E64;
    margin-top: -2px; }
  .modal-content .image-file-upload-clear:enabled span,
  .dbq-form .image-file-upload-clear:enabled span {
    color: #d5473c; }
  .modal-content .image-file-upload-clear:enabled svg,
  .dbq-form .image-file-upload-clear:enabled svg {
    fill: #d5473c; }
  .modal-content .image-file-upload-clear:hover,
  .dbq-form .image-file-upload-clear:hover {
    background: #d5473c;
    border: 1px solid #d5473c !important; }
    .modal-content .image-file-upload-clear:hover span,
    .dbq-form .image-file-upload-clear:hover span {
      color: #fff !important; }
    .modal-content .image-file-upload-clear:hover svg,
    .dbq-form .image-file-upload-clear:hover svg {
      fill: #fff !important; }

.modal-content .image-file-upload-filename,
.modal-content .file-upload-filename,
.dbq-form .image-file-upload-filename,
.dbq-form .file-upload-filename {
  float: left;
  margin-right: 0px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 10px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important; }

.modal-content .image-file-upload-filename,
.dbq-form .image-file-upload-filename {
  width: calc(100% - 100px) !important;
  border: none !important;
  background-color: none !important;
  padding: 0; }

.modal-content .file-upload-filename,
.dbq-form .file-upload-filename {
  width: 100%; }

.modal-content .file-upload-title,
.modal-content .image-file-upload-title,
.dbq-form .file-upload-title,
.dbq-form .image-file-upload-title {
  margin-left: 2px; }

.modal-content .file-upload-input,
.dbq-form .file-upload-input {
  border: 1px solid #e5e7ec;
  color: #000000;
  background: 0;
  padding: 13px 10px;
  border-radius: 0 10px 10px 0 !important; }
  .modal-content .file-upload-input span,
  .dbq-form .file-upload-input span {
    color: #321E64; }
  .modal-content .file-upload-input:hover,
  .dbq-form .file-upload-input:hover {
    background: #321E64 !important;
    background-color: #321E64 !important;
    border-color: #321E64 !important; }
    .modal-content .file-upload-input:hover span,
    .dbq-form .file-upload-input:hover span {
      color: #ffffff !important; }

.modal-content .image-file-upload-input,
.dbq-form .image-file-upload-input {
  border: 1px solid;
  border-left-color: #e5e7ec !important; }
  .modal-content .image-file-upload-input .image-file-upload-input-title-browse,
  .dbq-form .image-file-upload-input .image-file-upload-input-title-browse {
    color: #321E64; }
  .modal-content .image-file-upload-input:hover,
  .dbq-form .image-file-upload-input:hover {
    background: #321E64 !important;
    background-color: #321E64 !important;
    border-color: #321E64 !important; }
    .modal-content .image-file-upload-input:hover span,
    .dbq-form .image-file-upload-input:hover span {
      color: #ffffff !important; }

.modal-content .dbq-form .dbq-has-download-button .file-upload-input,
.dbq-form .dbq-form .dbq-has-download-button .file-upload-input {
  border-radius: 0 !important; }

.modal-content .dbq-form .dbq-has-download-button .btn-primary.file-download-button,
.dbq-form .dbq-form .dbq-has-download-button .btn-primary.file-download-button {
  border-left: 0 !important;
  border-radius: 0 0 10px 0 !important; }
  .modal-content .dbq-form .dbq-has-download-button .btn-primary.file-download-button:hover,
  .dbq-form .dbq-form .dbq-has-download-button .btn-primary.file-download-button:hover {
    color: #ffffff !important;
    background: #321E64 !important;
    border: 1px solid #321E64 !important;
    border-left: 0 !important; }

.modal-content .dbq-form .input-group .form-control.image-file-upload-filename,
.dbq-form .dbq-form .input-group .form-control.image-file-upload-filename {
  padding: 11px 10px 9px;
  min-height: 0;
  height: auto !important; }

.modal-content .dbq-form .input-group .form-control.file-upload-filename,
.dbq-form .dbq-form .input-group .form-control.file-upload-filename {
  border: 1px solid #e5e7ec !important;
  border-radius: 10px 0 0 10px;
  border-right: 0 !important; }

.modal-content .dbq-form .input-group button.file-upload-clear,
.dbq-form .dbq-form .input-group button.file-upload-clear {
  line-height: 20px !important;
  font-weight: 600 !important;
  border-radius: 0;
  border-right: 0 !important;
  margin: 0 !important;
  font-size: 12px !important; }

.modal-content .dbq-form .dbq-has-image-preview .image-file-upload input.form-control.image-file-upload-filename,
.dbq-form .dbq-form .dbq-has-image-preview .image-file-upload input.form-control.image-file-upload-filename {
  border-top: 1px dashed #e5e7ec !important; }

.modal-content .dbq-form .dbq-has-image-preview .input-group-btn button.image-file-upload-clear,
.dbq-form .dbq-form .dbq-has-image-preview .input-group-btn button.image-file-upload-clear {
  border-top: 1px dashed #e5e7ec !important; }
  .modal-content .dbq-form .dbq-has-image-preview .input-group-btn button.image-file-upload-clear:hover,
  .dbq-form .dbq-form .dbq-has-image-preview .input-group-btn button.image-file-upload-clear:hover {
    border-top: 1px dashed #d5473c !important; }

.modal-content .dbq-form .dbq-has-image-preview .input-group-btn div.image-file-upload-input,
.dbq-form .dbq-form .dbq-has-image-preview .input-group-btn div.image-file-upload-input {
  border-top: 1px dashed #e5e7ec !important; }
  .modal-content .dbq-form .dbq-has-image-preview .input-group-btn div.image-file-upload-input:hover,
  .dbq-form .dbq-form .dbq-has-image-preview .input-group-btn div.image-file-upload-input:hover {
    border-top: 1px dashed #321E64 !important; }

.modal-content .dbq-form .dbq-has-image-preview .image-preview,
.dbq-form .dbq-form .dbq-has-image-preview .image-preview {
  border-radius: 0; }

.modal-content .dbq-form .btn-primary.file-download-button,
.dbq-form .dbq-form .btn-primary.file-download-button {
  background: #ffffff !important;
  line-height: 20px;
  border: 1px solid #e5e7ec !important;
  border-radius: 0 0 10px 10px !important;
  color: #321E64 !important;
  fill: #321E64 !important;
  width: 100%;
  height: 35px !important;
  padding: 6px 10px 9px !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important; }
  .modal-content .dbq-form .btn-primary.file-download-button svg,
  .dbq-form .dbq-form .btn-primary.file-download-button svg {
    fill: #321E64;
    width: 20px;
    height: 20px;
    padding: 0px;
    margin-right: 10px; }
  .modal-content .dbq-form .btn-primary.file-download-button:hover,
  .dbq-form .dbq-form .btn-primary.file-download-button:hover {
    background: #321E64 !important;
    border: 1px solid #321E64 !important;
    color: #ffffff !important; }
    .modal-content .dbq-form .btn-primary.file-download-button:hover svg,
    .dbq-form .dbq-form .btn-primary.file-download-button:hover svg {
      fill: #ffffff !important; }

.modal-content .dbq-form .btn-primary.dbq-file-download-button-icon-only,
.dbq-form .dbq-form .btn-primary.dbq-file-download-button-icon-only {
  padding: 8px 10px; }
  .modal-content .dbq-form .btn-primary.dbq-file-download-button-icon-only svg,
  .dbq-form .dbq-form .btn-primary.dbq-file-download-button-icon-only svg {
    padding: 2px;
    margin-right: 0; }

.modal-content .dbq-form .image-file-upload.file-upload-hover .form-control,
.dbq-form .dbq-form .image-file-upload.file-upload-hover .form-control {
  border: 0 !important; }

.modal-content .dbq-form .image-file-upload.file-upload-hover .image-file-upload-input,
.dbq-form .dbq-form .image-file-upload.file-upload-hover .image-file-upload-input {
  border: 0 !important;
  border-left: 1px dashed #321E64 !important;
  border-radius: 0 0 7px 0 !important; }

.modal-content .dbq-form .image-file-upload.file-upload-hover .file-upload-input,
.dbq-form .dbq-form .image-file-upload.file-upload-hover .file-upload-input {
  border: 0 !important;
  border-left: 1px dashed #321E64 !important;
  border-radius: 0 0 7px 0 !important; }

.modal-content .dbq-form .input-group.file-upload-hover .form-control.file-upload-filename,
.dbq-form .dbq-form .input-group.file-upload-hover .form-control.file-upload-filename {
  height: 46px !important;
  border: 0 !important; }

.modal-content .dbq-form .input-group.file-upload-hover button.file-upload-clear,
.dbq-form .dbq-form .input-group.file-upload-hover button.file-upload-clear {
  height: 46px !important; }

.modal-content .dbq-form .image-file-upload-filename,
.dbq-form .dbq-form .image-file-upload-filename {
  pointer-events: none !important;
  cursor: default !important; }

.modal-content .dbq-form .form-control.file-upload-filename,
.dbq-form .dbq-form .form-control.file-upload-filename {
  pointer-events: none !important;
  cursor: default !important; }
  .modal-content .dbq-form .form-control.file-upload-filename:focus,
  .dbq-form .dbq-form .form-control.file-upload-filename:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.modal-content .dbq-form input.form-control.image-file-upload-filename,
.dbq-form .dbq-form input.form-control.image-file-upload-filename {
  height: 50px !important;
  border-radius: 0 0 10px 10px; }

.modal-content .image-file-upload.file-upload-hover button.btn-default.file-upload-clear,
.dbq-form .image-file-upload.file-upload-hover button.btn-default.file-upload-clear {
  border: 0 !important;
  border-left: 1px dashed #321E64 !important;
  border-radius: 0 0 7px 0 !important; }

.modal-content .file-upload.file-upload-hover button.btn-default.file-upload-clear,
.dbq-form .file-upload.file-upload-hover button.btn-default.file-upload-clear {
  border: 0 !important;
  border-left: 1px dashed #321E64 !important;
  border-radius: 0 0 7px 0 !important; }

.dbq-no-image-found-text {
  background: #e5e7ec !important;
  border: 1px solid #e5e7ec;
  color: #001323;
  float: left;
  width: 100%;
  border-radius: 0 0 10px 10px;
  padding: 6.5px 10px;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px; }

.image-preview {
  background: #ffffff !important;
  border: 1px dashed #e5e7ec !important;
  cursor: pointer; }
  .image-preview img {
    opacity: 1;
    max-height: 200px;
    margin: 10px auto;
    display: block;
    backface-visibility: hidden; }
  .image-preview:hover {
    background: rgba(221, 226, 232, 0.7); }
    .image-preview:hover img {
      opacity: 0.3; }
    .image-preview:hover .image-hover {
      opacity: 1; }
  .image-preview .image-hover {
    opacity: 0;
    fill: #321E64;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.image360-preview {
  height: 250px;
  width: 100%;
  border: 3px dashed #e5e7ec;
  border-radius: 0 0 10px 10px !important;
  margin-bottom: 10px; }
  .image360-preview a {
    position: relative;
    width: 100%;
    height: 100%;
    float: left; }
  .image360-preview img {
    max-height: 200px;
    margin: 10px auto;
    opacity: 1;
    display: block;
    transition: 0.5s ease;
    backface-visibility: hidden; }
  .image360-preview:hover img {
    opacity: 0.3; }
  .image360-preview:hover .image-hover {
    opacity: 1; }
  .image360-preview .image-hover {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transition: 0.5s ease;
    opacity: 0; }

div.dbq-label-disabled + div.image-preview {
  border: 1px dashed #e5e7ec !important; }

form[data-view-mode="View"] .image-preview {
  border: 1px dashed #e5e7ec !important; }

::-webkit-file-upload-button {
  cursor: pointer; }

#document-topics .topic .file-upload-input {
  border-radius: 0 0 0 0; }
  #document-topics .topic .file-upload-input:last-child {
    border-radius: 0 0 10px 0 !important; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbq-form .checkbox {
  padding: 0;
  background: #ffffff;
  border: 1px solid #e5e7ec; }
  .dbq-form .checkbox label {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    padding: 6.5px 10px;
    color: #001323;
    text-indent: 0;
    background: 0;
    border: 0;
    border-radius: 0;
    margin: 0;
    width: 100%; }
    .dbq-form .checkbox label:after {
      content: "";
      display: table;
      clear: both; }
    .dbq-form .checkbox label input[type="checkbox"] {
      display: none; }
      .dbq-form .checkbox label input[type="checkbox"] + .cr > .cr-icon {
        transform: scale(3) rotateZ(-20deg);
        opacity: 0;
        transition: all 0.3s ease-in; }
      .dbq-form .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon {
        transform: scale(1) rotateZ(0deg);
        opacity: 1; }
      .dbq-form .checkbox label input[type="checkbox"]:disabled:not(:checked) + .cr {
        opacity: 1;
        cursor: not-allowed;
        background: transparent !important;
        border-color: #595f6e !important; }
  .dbq-form .checkbox .cr {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 0.5em;
    border-radius: 5px;
    border: 2px solid #e5e7ec;
    background: #ffffff;
    cursor: pointer; }
    .dbq-form .checkbox .cr .cr-icon {
      position: absolute;
      font-size: 0.8em;
      line-height: 0;
      margin: 0; }
    .dbq-form .checkbox .cr svg.cr-icon {
      width: 12px;
      height: 12px;
      top: 2px;
      left: 2px; }
  .dbq-form .checkbox input[type="checkbox"]:checked + .cr {
    border: 2px solid #2D1B5A !important;
    background: #321E64 !important; }
    .dbq-form .checkbox input[type="checkbox"]:checked + .cr:hover {
      border: 2px solid #2D1B5A !important;
      background: #321E64 !important; }
    .dbq-form .checkbox input[type="checkbox"]:checked + .cr svg {
      fill: #ffffff; }
  .dbq-form .checkbox:hover .cr {
    border: 2px solid #2D1B5A !important;
    background: #321E64 !important; }

.dbq-form .dbq-label-disabled + .checkbox {
  background: #e5e7ec;
  border: 1px solid #e5e7ec; }
  .dbq-form .dbq-label-disabled + .checkbox .cr {
    cursor: not-allowed; }

.dbq-form .dbq-form-group .checkbox label {
  display: block;
  border: 0 !important;
  padding: 5px !important; }

.dbq-form .dbq-input-no-label .input-group .cr-icon {
  border-radius: 0 0 0 8px; }

.modal form[data-view-mode="View"] .dbq-form .checkbox {
  background: #e5e7ec !important;
  border: 1px solid #e5e7ec !important; }
  .modal form[data-view-mode="View"] .dbq-form .checkbox .cr {
    background: transparent;
    border: 2px solid #2D1B5A; }
  .modal form[data-view-mode="View"] .dbq-form .checkbox:hover .cr {
    background: transparent !important;
    border: 2px solid #2D1B5A !important; }
  .modal form[data-view-mode="View"] .dbq-form .checkbox:hover input[type="checkbox"]:checked + .cr {
    border: 2px solid #321E64 !important;
    background: #321E64 !important; }
    .modal form[data-view-mode="View"] .dbq-form .checkbox:hover input[type="checkbox"]:checked + .cr:hover {
      opacity: 1;
      cursor: not-allowed; }

.modal form[data-view-mode="View"] .dbq-form .dbq-no-file-found {
  background: #e5e7ec !important;
  border: 1px solid #e5e7ec !important; }

.modal form[data-view-mode="View"] .dbq-form .dbq-form-group .checkbox {
  background: #e5e7ec;
  padding: 0;
  border: 0 !important; }

.modal form[data-view-mode="View"] .dbq-form .dbq-form-group label.dbq-label-disabled {
  background: #e5e7ec;
  border: 1px solid #e5e7ec !important; }

.modal .dbq-form .checkbox:after {
  content: "";
  clear: both;
  display: table; }

.modal .dbq-form .dbq-form-group .checkbox,
.modal .dbq-form .dbq-form-group-padding .checkbox,
.modal .dbq-form .dbq-form-group-no-padding .checkbox {
  padding: 0;
  border: 0 !important; }

.modal form[data-view-mode="Delete"] .dbq-form .checkbox {
  background: #e5e7ec !important;
  border: 1px solid #e5e7ec; }
  .modal form[data-view-mode="Delete"] .dbq-form .checkbox .cr {
    background: transparent;
    border: 2px solid #2D1B5A; }
  .modal form[data-view-mode="Delete"] .dbq-form .checkbox:hover .cr {
    background: transparent !important;
    border: 2px solid #2D1B5A !important; }
  .modal form[data-view-mode="Delete"] .dbq-form .checkbox:hover input[type="checkbox"]:checked + .cr {
    border: 2px solid #321E64 !important;
    background: #321E64 !important; }
    .modal form[data-view-mode="Delete"] .dbq-form .checkbox:hover input[type="checkbox"]:checked + .cr:hover {
      opacity: 1;
      cursor: not-allowed; }

.modal form[data-view-mode="View"] .checkbox input[type="checkbox"]:checked + .cr {
  border: 2px solid #321E64 !important;
  background: #321E64 !important; }

.modal form[data-view-mode="View"] .checkbox:hover input[type="checkbox"]:checked + .cr {
  border: 2px solid #321E64 !important;
  background: #321E64 !important; }

.modal form[data-view-mode="View"] .checkbox:hover .cr {
  border: 2px solid #647987 !important;
  background: #647987 !important;
  cursor: not-allowed; }

.modal form[data-view-mode="View"] .checkbox .cr {
  border: 2px solid #647987 !important;
  background: #647987 !important;
  cursor: not-allowed; }

.modal form[data-view-mode="View"] div[data-element-type="InputProperty"] .cr {
  cursor: not-allowed; }

.modal form[data-view-mode="View"] input[type="checkbox"]:checked:hover + .cr {
  border: 2px solid #2D1B5A !important;
  background: #321E64 !important; }
  .modal form[data-view-mode="View"] input[type="checkbox"]:checked:hover + .cr svg {
    display: block !important; }

.modal form[data-view-mode="View"] .dbq-form-group .row[data-element-type="InputProperty"] {
  cursor: not-allowed; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.input-list {
  background: #f0f2f5;
  border-radius: 10px;
  margin-bottom: 10px; }
  .input-list .input-list-item-content-container {
    flex: 1;
    min-width: 0; }
  .input-list .input-list-item-content {
    float: left;
    width: 100%;
    padding: 10px 10px 0 10px; }
  .input-list .input-list-content {
    width: 100%;
    padding: 0;
    border: 1px solid #e5e7ec; }
    .input-list .input-list-content .input-list-item:last-of-type {
      border-bottom: 0 !important; }
  .input-list .input-list-item-sorting-indicator {
    width: 40px;
    border-left: 1px solid #e5e7ec;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer; }
    .input-list .input-list-item-sorting-indicator svg {
      width: 24px;
      height: 24px;
      fill: #000000; }
  .input-list .input-list-item-remove {
    width: 40px;
    height: 100%;
    float: left; }
    .input-list .input-list-item-remove .input-list-item-remove-button {
      border: 0 !important;
      background: 0 !important;
      -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important;
      box-shadow: none !important;
      transition: unset; }
      .input-list .input-list-item-remove .input-list-item-remove-button:disabled svg, .input-list .input-list-item-remove .input-list-item-remove-button:enabled svg {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
  .input-list .input-list-item-add .input-list-item-add-button {
    display: flex;
    align-items: center;
    border: 0 !important;
    background: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }
    .input-list .input-list-item-add .input-list-item-add-button:enabled:hover svg {
      fill: #ffffff; }
  .input-list .input-list-item-add button.input-list-item-add-button {
    border: 0;
    background: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: 0; }
    .input-list .input-list-item-add button.input-list-item-add-button span {
      color: #321E64 !important;
      margin-left: 10px; }
    .input-list .input-list-item-add button.input-list-item-add-button svg {
      float: left;
      fill: #321E64;
      width: 24px;
      height: 24px; }
    .input-list .input-list-item-add button.input-list-item-add-button:enabled:hover {
      background: #321E64;
      background: #321E64 !important; }
      .input-list .input-list-item-add button.input-list-item-add-button:enabled:hover span {
        color: #ffffff !important; }
      .input-list .input-list-item-add button.input-list-item-add-button:enabled:hover svg {
        fill: #ffffff !important; }
  .input-list .input-list-item {
    background-color: #f0f2f5;
    border-bottom: 1px solid #e5e7ec;
    display: flex; }
    .input-list .input-list-item:first-of-type {
      border-radius: 10px 10px 0 0; }
    .input-list .input-list-item:last-of-type {
      border: 0;
      border-bottom: 0; }
    .input-list .input-list-item .input-list-item-index {
      display: none; }
  .input-list .input-list-item-add-button,
  .input-list .input-list-item-remove-button {
    padding: 10px;
    width: 100%;
    text-align: left;
    transition: none !important; }
    .input-list .input-list-item-add-button svg,
    .input-list .input-list-item-remove-button svg {
      fill: #ffffff; }
  .input-list[data-is-accordion="true"] .input-list-item {
    flex-direction: column; }
    .input-list[data-is-accordion="true"] .input-list-item .input-list-item-accordion-header {
      display: flex;
      width: 100%;
      cursor: pointer;
      border-bottom: 1px solid #e5e7ec; }
      .input-list[data-is-accordion="true"] .input-list-item .input-list-item-accordion-header .input-list-item-accordion-header-content {
        font-weight: 600;
        padding: 5px 15px;
        flex-grow: 1;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .input-list[data-is-accordion="true"] .input-list-item .input-list-item-accordion-header.ui-state-active {
        background: #e5e7ec !important;
        color: #595f6e !important; }
        .input-list[data-is-accordion="true"] .input-list-item .input-list-item-accordion-header.ui-state-active .input-list-item-index-background .input-list-item-index {
          color: #595f6e !important; }
    .input-list[data-is-accordion="true"] .input-list-item .input-list-item-accordion-content {
      display: flex;
      overflow: visible; }
    .input-list[data-is-accordion="true"] .input-list-item:last-of-type .ui-accordion-header-collapsed {
      border-bottom: 0 none; }

.input-list[data-sort-direction="0"][data-has-visible-add-button="true"] .input-list-content {
  background: 0;
  border: 1px solid #e5e7ec;
  border-radius: 10px 10px 0 0; }

.input-list[data-sort-direction="1"][data-has-visible-add-button="true"] .input-list-content {
  background: #f0f2f5;
  border: 1px solid #e5e7ec;
  background: 0;
  border-radius: 0 0 10px 10px; }

.input-list[data-sort-direction="1"][data-has-visible-add-button="false"] .input-list-content {
  border-radius: 10px; }

.input-list-item {
  border-bottom: 1px solid #e5e7ec; }
  .input-list-item .input-list-item-index-background {
    display: none; }
  .input-list-item:last-child {
    border-bottom: 0; }

.input-list[data-show-index-numbers="true"] .input-list-item {
  margin-left: 45px;
  position: relative;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #e5e7ec; }
  .input-list[data-show-index-numbers="true"] .input-list-item .input-list-item-index-background {
    background: 0;
    border-right: 1px solid #e5e7ec;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 40px;
    font-size: 18px; }
    .input-list[data-show-index-numbers="true"] .input-list-item .input-list-item-index-background .input-list-item-index {
      display: flex;
      color: #321E64;
      margin: 0;
      padding: 0;
      font-size: 18px;
      position: relative; }

.input-list[data-show-index-numbers="true"][data-is-accordion="false"] .input-list-item-index-background {
  height: 100%; }

.input-list[data-is-read-only="false"] .input-list-item:nth-child(even) {
  background-color: #f6faff; }

.input-list-item[data-is-read-only="true"] .input-list-item-remove-button {
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
  pointer-events: none;
  cursor: not-allowed; }

.input-list-item[data-is-read-only="true"] .form-control {
  background-color: #eee;
  pointer-events: none;
  cursor: not-allowed; }

.input-list-item[data-is-read-only="true"] .searchbox-container .input-group-btn button {
  display: none; }

.input-list[data-sort-direction="0"] .input-list-item-add {
  background: 0;
  border: 1px solid #e5e7ec;
  border-top: 0;
  border-radius: 0 0 10px 10px;
  padding: 0; }

.input-list[data-sort-direction="0"] .input-list-item:last-of-type {
  border-radius: 10px 10px 0 0; }

.input-list[data-sort-direction="1"] .input-list-item-add {
  background: 0;
  border: 1px solid #e5e7ec;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  padding: 0; }

.input-list[data-sort-direction="1"] .input-list-item:last-of-type {
  border: 0;
  border-radius: 0 0 10px 10px; }

.input-list[data-has-visible-remove-buttons="true"] .input-list-item-remove .input-list-item-remove-button:enabled svg {
  fill: #000000; }

.input-list[data-has-visible-remove-buttons="true"] .input-list-item-remove .input-list-item-remove-button:enabled:hover svg {
  fill: #ffffff; }

.input-list[data-has-visible-remove-buttons="true"] .input-list-item-remove .input-list-item-remove-button:disabled svg {
  fill: #001323; }

.input-list[data-has-visible-remove-buttons="true"] .input-list-item-remove .input-list-item-remove-button:disabled:hover svg {
  fill: #001323; }

.dbq-form .input-list .dbq-form-group-title-label,
.dbq-form .input-list .input-group-addon {
  background: #f0f2f5 !important;
  background-color: #f0f2f5 !important; }

.dbq-form .input-list .dbq-label-disabled {
  background: #e5e7ec !important;
  background-color: #e5e7ec !important; }

.dbq-form button.input-list-item-remove-button {
  border: 0;
  background: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: 0; }

.dbq-form div.input-list[data-has-visible-items="true"] .input-list-item-add button.input-list-item-add-button {
  border-top: 0; }

.dbq-form .input-list[data-sort-direction="0"][data-has-visible-items="true"] .input-list-item-add button.input-list-item-add-button:enabled {
  border-radius: 0 0 8px 8px !important; }

.dbq-form .input-list[data-sort-direction="1"][data-has-visible-items="true"] .input-list-item-add button.input-list-item-add-button:enabled {
  border-radius: 7px 7px 0 0;
  background: 0;
  border-bottom: 0; }

.dbq-form .input-list[data-sort-direction="0"] .input-list-item-add button.input-list-item-add-button:enabled {
  background: 0;
  border-radius: 0 0 8px 8px !important;
  background: #f0f2f5; }
  .dbq-form .input-list[data-sort-direction="0"] .input-list-item-add button.input-list-item-add-button:enabled:hover {
    background: #321E64; }

.dbq-form .input-list[data-sort-direction="1"] .input-list-item-add button.input-list-item-add-button:enabled {
  background: 0;
  border-radius: 8px 8px 0 0 !important;
  background: #f0f2f5 !important; }
  .dbq-form .input-list[data-sort-direction="1"] .input-list-item-add button.input-list-item-add-button:enabled:hover {
    background: #000000;
    background: #321E64 !important; }

.dbq-form .input-list[data-sort-direction="0"][data-has-visible-items="false"] .input-list-item-add button.input-list-item-add-button:enabled {
  border-radius: 8px !important; }

.dbq-form .input-list[data-has-visible-add-button="false"][data-has-visible-remove-buttons="false"][data-has-visible-items="true"] .row[data-element-type="InputProperty"] .dbq-property-no-label input {
  border-radius: 0 0 10px 10px; }

.dbq-form div[data-has-visible-remove-buttons="true"] .input-list-item-remove button.input-list-item-remove-button:enabled {
  background: 0 !important;
  border: 0 !important;
  border-left: 1px solid #e5e7ec !important; }
  .dbq-form div[data-has-visible-remove-buttons="true"] .input-list-item-remove button.input-list-item-remove-button:enabled svg {
    fill: #321E64;
    width: 16px;
    height: 16px; }
  .dbq-form div[data-has-visible-remove-buttons="true"] .input-list-item-remove button.input-list-item-remove-button:enabled:hover {
    background: #321E64 !important; }
    .dbq-form div[data-has-visible-remove-buttons="true"] .input-list-item-remove button.input-list-item-remove-button:enabled:hover svg {
      fill: #ffffff !important; }

.dbq-form div[data-has-visible-remove-buttons="true"] .input-list-item-remove button.input-list-item-remove-button:disabled {
  background: #e5e7ec !important;
  border-left: 1px solid #e5e7ec !important; }
  .dbq-form div[data-has-visible-remove-buttons="true"] .input-list-item-remove button.input-list-item-remove-button:disabled svg {
    fill: #001323 !important; }
  .dbq-form div[data-has-visible-remove-buttons="true"] .input-list-item-remove button.input-list-item-remove-button:disabled:hover {
    background: #e5e7ec !important;
    border-left: 1px solid #e5e7ec !important; }
    .dbq-form div[data-has-visible-remove-buttons="true"] .input-list-item-remove button.input-list-item-remove-button:disabled:hover svg {
      fill: #001323 !important; }

.dbq-form .dbq-dynamic-properties-input-list .input-list[data-has-visible-add-button="false"][data-has-visible-remove-buttons="false"][data-has-visible-items="true"] .dbq-form-group-title span {
  background: #e6e9ed; }

.dbq-dynamic-properties-input-list .input-list .input-list-content {
  border: 1px solid #e5e7ec; }
  .dbq-dynamic-properties-input-list .input-list .input-list-content .input-list-item-content {
    padding: 0 10px; }

.dbq-form .input-group.date input.form-control {
  border-radius: 0 0 10px 0; }

.dbq-form .input-list .input-list-item-content .dbq-form-group-title {
  margin: 0; }
  .dbq-form .input-list .input-list-item-content .dbq-form-group-title + .row[data-element-type="InputProperty"] {
    margin: 0 0 10px 0; }
    .dbq-form .input-list .input-list-item-content .dbq-form-group-title + .row[data-element-type="InputProperty"]:visible {
      margin: 0 0 10px 0; }

.dbq-form .input-list .flex-container .row[data-element-type="InputProperty"].dbq-column-33:first-of-type, .dbq-form .input-list .flex-container .row[data-element-type="InputProperty"].dbq-column-33:nth-of-type(2) {
  margin: 0;
  float: left;
  width: calc(100% / 3); }

.dbq-form .input-list .flex-container .row[data-element-type="InputProperty"].dbq-column-33-mr:first-of-type, .dbq-form .input-list .flex-container .row[data-element-type="InputProperty"].dbq-column-33-mr:nth-of-type(2) {
  margin: 0;
  margin-right: 10px;
  float: left;
  width: calc((100% / 3) - 10px); }

.dbq-form .input-list .flex-container .row[data-element-type="InputProperty"].dbq-column-50:first-of-type, .dbq-form .input-list .flex-container .row[data-element-type="InputProperty"].dbq-column-50:nth-of-type(2) {
  margin: 0;
  float: left;
  width: 50%; }

.dbq-form .input-list .flex-container .row[data-element-type="InputProperty"].dbq-column-50-mr:first-of-type, .dbq-form .input-list .flex-container .row[data-element-type="InputProperty"].dbq-column-50-mr:nth-of-type(2) {
  margin: 0;
  margin-right: 10px;
  float: left;
  width: calc((100% / 2) - 10px); }

.dbq-form .input-list .row[data-element-type="InputProperty"]:first-of-type {
  margin: 0 0 10px 0; }

.dbq-form .input-list[data-has-visible-add-button="false"][data-has-visible-remove-buttons="false"][data-has-visible-items="true"] .input-list-item-content .dbq-form-group-title {
  margin: 10px 0 0 0; }
  .dbq-form .input-list[data-has-visible-add-button="false"][data-has-visible-remove-buttons="false"][data-has-visible-items="true"] .input-list-item-content .dbq-form-group-title:first-of-type {
    padding: 0 10px; }

.dbq-form .input-list[data-has-visible-add-button="false"][data-has-visible-remove-buttons="false"][data-has-visible-items="true"] .row[data-element-type="InputProperty"] .dbq-property-no-label input {
  border-radius: 10px; }

.dbq-form .input-list[data-has-visible-add-button="false"][data-has-visible-remove-buttons="false"][data-has-visible-items="true"] .row[data-element-type="InputProperty"] .dbq-property-no-label .date input {
  border-radius: 0 10px 10px 0; }

.dbq-form .row[data-element-type="InputProperty"] .dbq-property-no-label .dbq-input-no-label .date input {
  border-radius: 0 10px 10px 0; }

.dbq-form div[data-has-visible-remove-buttons="true"] .input-list-item-remove button.input-list-item-remove-button {
  border-radius: 0;
  background: 0; }
  .dbq-form div[data-has-visible-remove-buttons="true"] .input-list-item-remove button.input-list-item-remove-button:enabled {
    background: 0;
    border-top: 0;
    border-left: 1px solid #e5e7ec; }
    .dbq-form div[data-has-visible-remove-buttons="true"] .input-list-item-remove button.input-list-item-remove-button:enabled:hover {
      background: #321E64; }
  .dbq-form div[data-has-visible-remove-buttons="true"] .input-list-item-remove button.input-list-item-remove-button:disabled {
    background: 0;
    border-left: 1px solid #e5e7ec; }
    .dbq-form div[data-has-visible-remove-buttons="true"] .input-list-item-remove button.input-list-item-remove-button:disabled:hover {
      background: 0;
      border-left: 1px solid #e5e7ec; }

.dbq-form div[data-has-visible-remove-buttons="true"] .input-list-item-remove button.input-list-item-remove-button.enabled:hover {
  background: #321E64; }

.dbq-form div[data-has-visible-remove-buttons="true"] .input-list-item-remove button.input-list-item-remove-button.disabled {
  border-top: 0; }
  .dbq-form div[data-has-visible-remove-buttons="true"] .input-list-item-remove button.input-list-item-remove-button.disabled:hover {
    background: 0 !important;
    cursor: not-allowed; }

.dbq-form div[data-has-visible-remove-buttons="true"] .input-list-item:first-of-type .input-list-item-remove button.input-list-item-remove-button, .dbq-form div[data-has-visible-remove-buttons="true"] .input-list-item:last-of-type .input-list-item-remove button.input-list-item-remove-button {
  border-radius: 0 10px 0 0; }

.dbq-form div[data-has-visible-remove-buttons="true"][data-has-visible-add-button="false"] .input-list-item:last-of-type .input-list-item-remove button.input-list-item-remove-button {
  border-radius: 0 0 10px 0; }

.dbq-form div[data-has-visible-remove-buttons="true"][data-has-visible-add-button="true"] .input-list-item:last-of-type .input-list-item-remove button.input-list-item-remove-button {
  border-radius: 0; }

.dbq-form div[data-has-visible-remove-buttons="true"][data-sort-direction="1"] .input-list-item:first-of-type .input-list-item-remove button.input-list-item-remove-button {
  border-radius: 0;
  background: 0; }

.dbq-form div[data-has-visible-remove-buttons="true"][data-sort-direction="1"] .input-list-item:first-of-type:last-of-type .input-list-item-remove button.input-list-item-remove-button {
  border-radius: 0 0 8px 0;
  background: 0; }

.dbq-form div[data-has-visible-remove-buttons="true"][data-sort-direction="1"] .input-list-item:last-of-type .input-list-item-remove button.input-list-item-remove-button {
  border-radius: 0 0 8px 0;
  background: 0; }

.dbq-form div[data-has-visible-add-button="false"][data-has-visible-remove-buttons="true"][data-sort-direction="1"] .input-list-item:first-of-type .input-list-item-remove button.input-list-item-remove-button {
  border-radius: 0 8px 0 0; }

.dbq-form div[data-has-visible-remove-buttons="true"][data-sort-direction="0"] .input-list-item:first-of-type .input-list-item-remove button.input-list-item-remove-button {
  border-radius: 0 8px 0 0; }

.dbq-form div[data-has-visible-remove-buttons="true"][data-sort-direction="0"] .input-list-item:first-of-type:last-of-type .input-list-item-remove button.input-list-item-remove-button {
  border-radius: 0 8px 0 0;
  border-top: 1px solid #e5e7ec; }

.dbq-form div[data-has-visible-remove-buttons="true"][data-sort-direction="0"] .input-list-item:first-of-type:last-of-type .input-list-item-remove button.input-list-item-remove-button.disabled {
  border-top: 0; }

.dbq-form div[data-has-visible-remove-buttons="true"][data-sort-direction="0"] .input-list-item:last-of-type .input-list-item-remove button.input-list-item-remove-button {
  border-radius: 0; }

.dbq-form div[data-has-visible-remove-buttons="true"][data-has-visible-add-button="false"][data-sort-direction="0"] .input-list-item:last-of-type .input-list-item-remove button.input-list-item-remove-button {
  border-radius: 0 0 8px 0; }

.dbq-form .flex-container .row[data-element-type="InputProperty"].dbq-column-33 {
  margin: 0;
  float: left;
  width: calc(100% / 3); }

.dbq-form .flex-container .row[data-element-type="InputProperty"].dbq-column-33-mr {
  margin: 0;
  margin-right: 10px;
  float: left;
  width: calc((100% / 3) - 10px); }

.dbq-form .flex-container .row[data-element-type="InputProperty"].dbq-column-50 {
  margin: 0;
  float: left;
  width: 50%; }

.dbq-form .flex-container .row[data-element-type="InputProperty"].dbq-column-50-mr {
  margin: 0;
  margin-right: 10px;
  float: left;
  width: calc((100% / 2) - 10px); }

.input-list .input-list-item-remove button.input-list-item-remove-button:enabled {
  width: 40px;
  height: 100%;
  position: relative; }

.input-list .input-list-item-remove button.input-list-item-remove-button:disabled {
  width: 40px;
  height: 100%;
  position: relative; }

.input-list-item-remove-button-container {
  width: 40px; }

.btn:disabled {
  cursor: not-allowed;
  opacity: 0.5; }

.input-list[data-show-index-numbers="true"][data-is-accordion="false"] .input-list-item-content {
  width: calc(100% - 40px); }

.input-list[data-sort-direction="0"][data-show-index-numbers="true"] .input-list-item:first-of-type .input-list-item-index-background {
  border-radius: 7px 0 0 0; }

.input-list[data-sort-direction="1"][data-show-index-numbers="true"] .input-list-item:last-of-type .input-list-item-index-background {
  border-radius: 0 0 0 7px; }

.input-list[data-has-visible-add-button="false"][data-has-visible-remove-buttons="false"][data-has-visible-items="true"] .input-list-item-remove-button-container {
  width: 0px; }

.input-list[data-has-visible-add-button="false"][data-has-visible-remove-buttons="false"][data-has-visible-items="true"] .dbq-form-group-title {
  background: 0;
  border: 0;
  color: #595f6e; }

div[data-element-type="BeginInputList"] {
  margin: 0 0 10px 0; }

div[data-element-type="BeginInputList"].dbq-dynamic-properties-input-list {
  background: 0; }

div.input-list[data-has-visible-add-button="false"][data-has-visible-remove-buttons="false"][data-has-visible-items="false"] .input-list-content {
  display: none; }

div[data-has-visible-add-button="false"] .input-list-content {
  border-radius: 10px; }

div[data-topic-type-code="Dashboard"] .input-list-item-content {
  padding: 10px; }
  div[data-topic-type-code="Dashboard"] .input-list-item-content div[data-element-type="Text"] p {
    padding: 0; }

#content-wrapper div[data-topic-name="Dashboard"] .input-group-addon.disabled {
  border-radius: 0 0 0 10px; }

#content-wrapper div[data-topic-name="Dashboard"] div[data-element-type="BeginInputList"] {
  margin: 0 0 10px 0; }

#content-wrapper div[data-topic-name="Dashboard"] .flex-container div[data-element-type="InputProperty"] {
  margin: 0 0 10px 0; }

#content-wrapper div[data-topic-name="Dashboard"] div[data-element-type="Header"] {
  font-size: 12px;
  line-height: 20px;
  font-weight: 500; }

#content-wrapper div[data-topic-name="Dashboard"] .input-list-item-content div[data-element-type="Header"] {
  margin: 0;
  width: 100%; }

#content-wrapper div[data-topic-name="Dashboard"] .input-list-item-content div[data-element-type="Text"] {
  margin: 0;
  width: 100%; }

#content-wrapper div[data-topic-name="Dashboard"] .input-list-item-content select.form-control {
  padding: 10px;
  margin: 0;
  border-radius: 10px; }

.input-list[data-has-visible-remove-buttons="false"] .input-list-item-remove-button-container {
  display: none; }

form[data-view-mode="View"] .input-list-item:last-of-type {
  border-bottom: 0 !important; }

form[data-view-mode="View"] .dbq-form .input-list p {
  color: #000000; }

div.input-list[data-has-visible-items="false"] .input-list-content {
  border: 0 !important; }

div.input-list[data-has-visible-add-button="true"][data-has-visible-remove-buttons="true"][data-has-visible-items="false"] .input-list-item-add {
  border-radius: 10px !important;
  border: 1px solid #e5e7ec !important; }
  div.input-list[data-has-visible-add-button="true"][data-has-visible-remove-buttons="true"][data-has-visible-items="false"] .input-list-item-add button.input-list-item-add-button:enabled {
    border-radius: 8px !important; }

.dbq-divider.input-list[data-has-visible-add-button="false"][data-has-visible-remove-buttons="false"][data-has-visible-items="true"] {
  background: #e5e7ec !important; }
  .dbq-divider.input-list[data-has-visible-add-button="false"][data-has-visible-remove-buttons="false"][data-has-visible-items="true"] .input-list-content {
    background: #e5e7ec !important;
    border: 1px solid #e5e7ec !important; }

.xl-document[data-document-display-mode="Compact"] .dbq-form .input-list {
  font-size: 12px;
  background: #ffffff;
  color: #000000; }

form[data-view-mode="Modify"] .dbq-form .dbq-dynamic-properties-input-list .input-list[data-has-visible-add-button="false"][data-has-visible-remove-buttons="false"][data-has-visible-items="true"] .dbq-form-group-title span {
  background: #f5f7f9; }

.dbq-loading-indicator-loader {
  border: 1px solid #000000;
  border-radius: 50%;
  border-right-color: transparent;
  border-bottom-color: transparent;
  width: 80px;
  height: 80px;
  animation-name: loading;
  animation-duration: 700ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

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

.dbq-loading-spinner-to-checkmark {
  border: 3px solid rgba(0, 0, 0, 0.2);
  border-left-color: #5cb85c;
  animation: dbq-loading-spinner-spin 1.2s infinite linear;
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  width: 24px;
  height: 24px; }

.dbq-loading-spinner-to-checkmark-load-complete {
  -webkit-animation: none;
  animation: none;
  border-color: #5cb85c;
  transition: border 500ms ease-out; }

.dbq-loading-spinner-to-checkmark-checkmark {
  display: none; }
  .dbq-loading-spinner-to-checkmark-checkmark.finished {
    display: block; }
  .dbq-loading-spinner-to-checkmark-checkmark.draw:after {
    animation-duration: 800ms;
    animation-timing-function: ease;
    animation-name: dbq-loading-spinner-checkmark;
    transform: scaleX(-1) rotate(135deg); }
  .dbq-loading-spinner-to-checkmark-checkmark:after {
    opacity: 1;
    height: 10px;
    width: 5px;
    transform-origin: left top;
    border-right: 2px solid #5cb85c;
    border-top: 2px solid #5cb85c;
    content: '';
    left: 4px;
    top: 10px;
    position: absolute; }

@keyframes dbq-loading-spinner-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes dbq-loading-spinner-checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1; }
  20% {
    height: 0;
    width: 5px;
    opacity: 1; }
  40% {
    height: 10px;
    width: 5px;
    opacity: 1; }
  100% {
    height: 10px;
    width: 5px;
    opacity: 1; } }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbq-form .input-group .form-control.datetimepicker,
.dbq-form .input-group .form-control.datepicker {
  border-radius: 0 0 10px 0; }

.dbq-form .input-group .form-control.datepicker {
  border: 1px solid #e5e7ec !important; }
  .dbq-form .input-group .form-control.datepicker:disabled {
    border: 0px solid #e5e7ec !important;
    border-left: 0 !important; }

form[data-view-mode="View"] .dbq-form .input-group .form-control.datepicker {
  border: 0px solid #e5e7ec !important;
  border-left: 0 !important; }

.modal .dbq-form .row[data-element-type="InputProperty"] .datepicker table {
  border: 0 !important; }

.modal .dbq-form .row[data-element-type="InputProperty"] .timepicker-picker table {
  border: none !important; }

.bootstrap-datetimepicker-widget {
  background-color: unset !important;
  background: #fff !important;
  border: 2px solid #f1f4f7 !important;
  border-radius: 10px !important;
  -webkit-box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1);
  -moz-box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1);
  box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1);
  color: #000000;
  z-index: 999;
  position: absolute; }
  .bootstrap-datetimepicker-widget table th {
    height: 20px;
    line-height: 20px;
    width: 20px !important;
    padding: 10px 0;
    margin: 0; }
    .bootstrap-datetimepicker-widget table th.dow {
      color: #321E64 !important; }
    .bootstrap-datetimepicker-widget table th.picker-switch {
      width: 100% !important; }
  .bootstrap-datetimepicker-widget table thead tr:first-child th {
    padding: 10px 3px; }
    .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
      background: RGBA(0, 0, 0, 0.05); }
  .bootstrap-datetimepicker-widget table tr {
    background: none;
    color: #000000;
    border-bottom: none; }
    .bootstrap-datetimepicker-widget table tr:hover {
      border-bottom: none !important; }
  .bootstrap-datetimepicker-widget table td.day {
    padding: 8px; }
    .bootstrap-datetimepicker-widget table td.day:hover {
      background: #321E64 !important;
      color: #ffffff !important; }
  .bootstrap-datetimepicker-widget table td.active {
    background-color: #321E64 !important;
    color: #ffffff !important; }
  .bootstrap-datetimepicker-widget table td.new, .bootstrap-datetimepicker-widget table td.old {
    color: #aeb4c1; }
  .bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #321E64; }
  .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
    background: rgba(0, 0, 0, 0.05); }
  .bootstrap-datetimepicker-widget table td span {
    float: left;
    display: inline-block;
    width: calc(25% - 10px);
    height: 54px;
    line-height: 54px;
    margin: 5px;
    padding: 0;
    cursor: pointer;
    border-radius: 4px; }
    .bootstrap-datetimepicker-widget table td span.active {
      background-color: #321E64;
      color: #fff;
      text-shadow: none; }
  .bootstrap-datetimepicker-widget .prev,
  .bootstrap-datetimepicker-widget .next {
    color: #321E64 !important; }
  .bootstrap-datetimepicker-widget .timepicker-hour {
    width: 100px; }
  .bootstrap-datetimepicker-widget .timepicker-minute {
    width: 100px; }
  .bootstrap-datetimepicker-widget .timepicker-second {
    width: 100px; }
  .bootstrap-datetimepicker-widget a[data-action] {
    color: #000000 !important;
    padding: 10px !important; }
    .bootstrap-datetimepicker-widget a[data-action]:hover {
      color: #321E64 !important;
      background: RGBA(0, 0, 0, 0.05); }
  .bootstrap-datetimepicker-widget .datepicker {
    /*padding: 0 5px 0 0 !important; <-- for the datepicker in WSP this isnt working..*/
    padding: 0 !important;
    /*date-time picker needs this..*/ }
  .bootstrap-datetimepicker-widget .timepicker-picker {
    height: 100%;
    width: 100%;
    float: left; }
    .bootstrap-datetimepicker-widget .timepicker-picker table {
      height: 100%; }
      .bootstrap-datetimepicker-widget .timepicker-picker table tr {
        height: 100px; }
        .bootstrap-datetimepicker-widget .timepicker-picker table tr td span:hover {
          background: #321E64;
          color: #fff; }
  .bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 30px !important;
    width: calc(50% - 10px);
    margin: 5px;
    padding: 0;
    height: 30px; }
  .bootstrap-datetimepicker-widget.dropdown-menu {
    margin: 0 !important;
    padding: 4px !important; }
    .bootstrap-datetimepicker-widget.dropdown-menu.bottom, .bootstrap-datetimepicker-widget.dropdown-menu.top {
      border-left: 6px solid #ffffff;
      border-right: 6px solid #ffffff;
      border-bottom: 6px solid #ffffff; }

.dropdown-menu .datepicker svg {
  fill: #321E64; }

.dbqdcltg-has-sidepanel:not(.dbqdcltg-sidepanel-is-fullscreen) .dbqdcltg-sidepanel .bootstrap-datetimepicker-widget .datepicker.col-md-6 {
  width: 100% !important;
  max-width: 100% !important; }

.dbqdcltg-has-sidepanel:not(.dbqdcltg-sidepanel-is-fullscreen) .dbqdcltg-sidepanel .bootstrap-datetimepicker-widget .timepicker.col-md-6 {
  width: 100% !important;
  max-width: 100% !important; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbqdbeec-editor {
  float: left;
  width: 100%;
  background: #ffffff;
  border-radius: 0 0 10px 10px; }

.dbscrollview {
  border: 2px solid #e5e7ec;
  border-radius: 10px; }
  .dbscrollview .dbscrollview-content {
    margin: 10px;
    overflow-y: auto;
    height: calc(100% - 20px); }

.dbqdb-expression-editor-container .dbq-card {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  width: 100%; }

.dbqdb-expression-editor-container .element-visibility-expression-add-view {
  float: left;
  width: 100%;
  padding: 10px;
  border: 2px solid #e5e7ec;
  border-radius: 0 0 10px 10px;
  background: #f0f2f5; }
  .dbqdb-expression-editor-container .element-visibility-expression-add-view .form-group {
    margin-bottom: 10px !important; }
    .dbqdb-expression-editor-container .element-visibility-expression-add-view .form-group select {
      background: #ffffff;
      border: 2px solid #e5e7ec; }
    .dbqdb-expression-editor-container .element-visibility-expression-add-view .form-group .form-inline {
      clear: both;
      width: 100%; }
  .dbqdb-expression-editor-container .element-visibility-expression-add-view .element-visibility-expression-submit-button {
    float: right; }
  .dbqdb-expression-editor-container .element-visibility-expression-add-view .element-visibility-expression-cancel-button {
    float: right;
    margin-right: 10px; }
  .dbqdb-expression-editor-container .element-visibility-expression-add-view .element-visibility-expression-value input[type="text"] {
    width: 100%; }
  .dbqdb-expression-editor-container .element-visibility-expression-add-view .element-visibility-expression-value input[type="checkbox"] {
    display: none; }
  .dbqdb-expression-editor-container .element-visibility-expression-add-view .element-visibility-expression-value select {
    width: 100%; }
  .dbqdb-expression-editor-container .element-visibility-expression-add-view .element-visibility-expression-code select {
    width: 100%; }
  .dbqdb-expression-editor-container .element-visibility-expression-add-view .element-visibility-expression-code input[type="text"] {
    width: 100%; }
  .dbqdb-expression-editor-container .element-visibility-expression-add-view .element-visibility-expression-code input[type="checkbox"] {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-left: 10px;
    margin-right: 0px; }
  .dbqdb-expression-editor-container .element-visibility-expression-add-view .element-visibility-expression-value.expression-compare-to-input-property input[type="text"] {
    width: 100%; }
  .dbqdb-expression-editor-container .element-visibility-expression-add-view .element-visibility-expression-value.expression-compare-to-input-property input[type="checkbox"] {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-left: 10px;
    margin-right: 0px; }

.dbqdb-expression-editor-container .element-visibility-expression-function-button-add-container {
  background: 0;
  border: 2px solid #e5e7ec;
  border-top: 0;
  border-radius: 0 0 10px 10px;
  width: 100%; }
  .dbqdb-expression-editor-container .element-visibility-expression-function-button-add-container .element-visibility-expression-function-button-add {
    border-radius: 0 0 8px 8px;
    background: #f0f2f5;
    border: 0;
    box-shadow: none;
    padding: 10px;
    width: 100%;
    text-align: left; }
    .dbqdb-expression-editor-container .element-visibility-expression-function-button-add-container .element-visibility-expression-function-button-add span {
      color: #321E64;
      margin-left: 10px; }
    .dbqdb-expression-editor-container .element-visibility-expression-function-button-add-container .element-visibility-expression-function-button-add svg {
      fill: #321E64;
      width: 24px;
      height: 24px; }
    .dbqdb-expression-editor-container .element-visibility-expression-function-button-add-container .element-visibility-expression-function-button-add:hover {
      background: #321E64; }
      .dbqdb-expression-editor-container .element-visibility-expression-function-button-add-container .element-visibility-expression-function-button-add:hover span {
        color: #ffffff; }
      .dbqdb-expression-editor-container .element-visibility-expression-function-button-add-container .element-visibility-expression-function-button-add:hover svg {
        fill: #ffffff; }

.dbqdb-expression-editor-container .element-visibility-expressions-toolbar {
  width: 100%;
  margin: 0 15px 15px 15px; }
  .dbqdb-expression-editor-container .element-visibility-expressions-toolbar button {
    float: right; }

.dbqdb-expression-editor-container .element-visibility-expressions-container .dbscrollview {
  float: left;
  min-height: 300px;
  max-height: 600px;
  width: 100%;
  border-radius: 0px; }

.dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression {
  float: left;
  position: relative;
  margin: 10px 5px 0px 5px;
  width: calc(100% - 10px);
  border-radius: 5px;
  padding: 7px 5px 5px 5px;
  cursor: pointer;
  min-height: 34px; }
  .dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression:nth-of-type(1) {
    margin-top: 5px; }
  .dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression:nth-last-child(1) {
    margin-bottom: 5px; }
  .dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression:hover {
    background-color: #321E64;
    color: #fff; }
    .dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression:hover .element-visibility-expression-options {
      opacity: 1;
      transition: 0.5s; }
  .dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression .element-visibility-expression-code {
    margin-left: 5px; }
  .dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression .element-visibility-expression-operator {
    float: left;
    background-color: #007bff;
    border-color: #007bff;
    color: #fff;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    border-radius: 3px; }
  .dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression .element-visibility-expression-options {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0; }
    .dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression .element-visibility-expression-options button {
      width: 26px;
      height: 26px;
      margin: 4px 5px 2px 0; }

.dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression.active {
  background-color: #321E64;
  color: #fff; }

.dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression[data-expression-level="1"] {
  padding-left: 0px; }

.dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression[data-expression-level="2"] {
  padding-left: 15px; }

.dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression[data-expression-level="3"] {
  padding-left: 30px; }

.dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression[data-expression-level="4"] {
  padding-left: 45px; }

.dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression[data-expression-level="5"] {
  padding-left: 60px; }

.dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression[data-expression-level="6"] {
  padding-left: 75px; }

.dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression[data-expression-level="7"] {
  padding-left: 90px; }

.dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression[data-expression-level="8"] {
  padding-left: 105px; }

.dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression[data-expression-level="9"] {
  padding-left: 120px; }

.dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression[data-expression-level="10"] {
  padding-left: 135px; }

.dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression[data-expression-level="11"] {
  padding-left: 150px; }

.dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression[data-expression-level="12"] {
  padding-left: 165px; }

.dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression[data-expression-level="13"] {
  padding-left: 180px; }

.dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression[data-expression-level="14"] {
  padding-left: 195px; }

.dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression[data-expression-level="15"] {
  padding-left: 210px; }

.dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression[data-expression-level="16"] {
  padding-left: 225px; }

.dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression[data-expression-level="17"] {
  padding-left: 240px; }

.dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression[data-expression-level="18"] {
  padding-left: 255px; }

.dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression[data-expression-level="19"] {
  padding-left: 270px; }

.dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression[data-expression-level="20"] {
  padding-left: 285px; }

.dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression[data-expression-level="21"] {
  padding-left: 300px; }

.dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression[data-expression-level="22"] {
  padding-left: 315px; }

.dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression[data-expression-level="23"] {
  padding-left: 330px; }

.dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression[data-expression-level="24"] {
  padding-left: 345px; }

.dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression[data-expression-level="25"] {
  padding-left: 360px; }

.dbqdb-expression-editor-container .element-visibility-expressions-container .element-visibility-expression[data-expression-type="2"] .element-visibility-expression-options .element-visibility-expression-function-button-add {
  display: none; }

.dbqdb-expression-editor-container .selected-element-visibility-expressions-container .element-visibility-expression .element-visibility-expression-function-button-add {
  display: none; }

.dbqdb-expression-editor-container .available-element-visibility-expressions-container .element-visibility-expression .element-visibility-expression-function-button-remove {
  display: none; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.apexcharts-canvas {
  /*-webkit-box-shadow: 0px 3px 5px rgb(0 24 62 / 7%);
    -moz-box-shadow: 0px 3px 5px rgba(0,24,62,0.07);
    box-shadow: 0px 3px 5px rgb(0 24 62 / 7%); <--- Dynabloqs.css */
  border-radius: 10px;
  background: none; }

/* Main menu svg */
[data-type="tree"] ul li [data-role="icon"] svg {
  width: 24px;
  height: 24px;
  margin: 0 10px 0 0 !important; }

/*
    Apex Charts
    - Default toolbar styling
*/
.apexcharts-zoom-icon,
.apexcharts-zoomin-icon,
.apexcharts-zoomout-icon,
.apexcharts-reset-icon,
.apexcharts-pan-icon,
.apexcharts-selection-icon,
.apexcharts-menu-icon,
.apexcharts-toolbar-custom-icon,
.apexcharts-selection-icon svg {
  width: 22px !important;
  height: 22px !important;
  display: inline-block !important;
  transform: scale(1) !important;
  top: 0 !important;
  left: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important; }

.apexcharts-toolbar {
  position: relative !important;
  float: left !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 10px 10px 10px !important;
  left: 0 !important;
  right: auto !important;
  top: 0 !important;
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
  z-index: unset !important; }
  .apexcharts-toolbar .apexcharts-zoom-icon,
  .apexcharts-toolbar .apexcharts-zoomin-icon,
  .apexcharts-toolbar .apexcharts-zoomout-icon,
  .apexcharts-toolbar .apexcharts-reset-icon,
  .apexcharts-toolbar .apexcharts-pan-icon,
  .apexcharts-toolbar .apexcharts-selection-icon,
  .apexcharts-toolbar .apexcharts-menu-icon,
  .apexcharts-toolbar .apexcharts-toolbar-custom-icon {
    width: 22px !important;
    height: 22px !important;
    display: inline-block !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
    top: 0 !important;
    left: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important; }
    .apexcharts-toolbar .apexcharts-zoom-icon svg,
    .apexcharts-toolbar .apexcharts-zoomin-icon svg,
    .apexcharts-toolbar .apexcharts-zoomout-icon svg,
    .apexcharts-toolbar .apexcharts-reset-icon svg,
    .apexcharts-toolbar .apexcharts-pan-icon svg,
    .apexcharts-toolbar .apexcharts-selection-icon svg,
    .apexcharts-toolbar .apexcharts-menu-icon svg,
    .apexcharts-toolbar .apexcharts-toolbar-custom-icon svg {
      fill: #000000;
      color: #000000; }
    .apexcharts-toolbar .apexcharts-zoom-icon:hover svg,
    .apexcharts-toolbar .apexcharts-zoomin-icon:hover svg,
    .apexcharts-toolbar .apexcharts-zoomout-icon:hover svg,
    .apexcharts-toolbar .apexcharts-reset-icon:hover svg,
    .apexcharts-toolbar .apexcharts-pan-icon:hover svg,
    .apexcharts-toolbar .apexcharts-selection-icon:hover svg,
    .apexcharts-toolbar .apexcharts-menu-icon:hover svg,
    .apexcharts-toolbar .apexcharts-toolbar-custom-icon:hover svg {
      fill: #321E64; }
  .apexcharts-toolbar svg {
    float: left;
    width: 22px !important;
    height: 22px !important;
    padding: 4px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    stroke: none !important;
    fill: #000000; }
  .apexcharts-toolbar .apexcharts-selected svg {
    fill: #321E64 !important;
    color: #321E64 !important;
    stroke: none !important; }
  .apexcharts-toolbar svg {
    float: left;
    width: 22px !important;
    height: 22px !important;
    padding: 4px !important;
    box-sizing: border-box;
    fill: #000000; }
  .apexcharts-toolbar .apexcharts-toolbar-custom-icon svg {
    fill: #000000; }
  .apexcharts-toolbar .apexcharts-toolbar-custom-icon:hover svg {
    fill: #321E64; }

.dbq-element-graph-container {
  height: 100%; }

.dbq-graph-full-screen-button {
  fill: #bfcad2;
  padding: 10px; }

.element-graph {
  margin-bottom: 15px;
  background: #ffffff; }
  .element-graph .dbq-graph-full-screen {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    overflow-x: auto;
    z-index: 999;
    padding: 10px; }
  .element-graph .dbq-graph-toolbar {
    margin-bottom: 10px; }
    .element-graph .dbq-graph-toolbar > * {
      margin-right: 10px; }
    .element-graph .dbq-graph-toolbar button {
      outline: 0 !important; }
      .element-graph .dbq-graph-toolbar button:active {
        outline: 0 !important; }
      .element-graph .dbq-graph-toolbar button:focus {
        outline: 0 !important; }
  .element-graph .dbq-element-graph-container {
    height: 100%; }
    .element-graph .dbq-element-graph-container .graph-container {
      width: 100%;
      max-width: 100%;
      max-height: 100%;
      min-height: 100px !important;
      float: left;
      height: 100%; }
      .element-graph .dbq-element-graph-container .graph-container .graph-title {
        text-align: center; }
      .element-graph .dbq-element-graph-container .graph-container .graph-chart-container {
        float: left;
        border: 0;
        width: 100%; }
      .element-graph .dbq-element-graph-container .graph-container .graph-chart-legend-container {
        position: absolute;
        z-index: 1;
        right: 15px;
        top: 50px; }
      .element-graph .dbq-element-graph-container .graph-container table {
        width: calc(100% - 10px) !important; }
    .element-graph .dbq-element-graph-container a.dbq-export-button {
      margin: 10px !important;
      padding: 3px 5px !important;
      background: transparent;
      border: transparent; }
      .element-graph .dbq-element-graph-container a.dbq-export-button svg {
        padding: 3px;
        width: 20px;
        fill: #000000; }
      .element-graph .dbq-element-graph-container a.dbq-export-button:hover {
        background: #321E64;
        border: #2D1B5A; }
        .element-graph .dbq-element-graph-container a.dbq-export-button:hover svg {
          padding: 3px;
          width: 20px;
          fill: #ffffff; }
    .element-graph .dbq-element-graph-container .apexcharts-canvas {
      float: left;
      width: 100% !important;
      height: 100% !important;
      border-radius: 10px;
      background: RGBA(255, 255, 255, 0.3) !important; }
      .element-graph .dbq-element-graph-container .apexcharts-canvas:after {
        content: "";
        clear: both;
        display: table; }
      .element-graph .dbq-element-graph-container .apexcharts-canvas .apexcharts-title-text {
        fill: #000000; }
      .element-graph .dbq-element-graph-container .apexcharts-canvas svg.apexcharts-svg {
        stroke: none;
        background: none;
        width: 100%;
        padding: 10px;
        border-radius: 10px;
        height: calc(100% - 30px); }
        .element-graph .dbq-element-graph-container .apexcharts-canvas svg.apexcharts-svg .apexcharts-xaxis .apexcharts-yaxis-title text,
        .element-graph .dbq-element-graph-container .apexcharts-canvas svg.apexcharts-svg .apexcharts-xaxis .apexcharts-xaxis-title text,
        .element-graph .dbq-element-graph-container .apexcharts-canvas svg.apexcharts-svg .apexcharts-yaxis .apexcharts-yaxis-title text,
        .element-graph .dbq-element-graph-container .apexcharts-canvas svg.apexcharts-svg .apexcharts-yaxis .apexcharts-xaxis-title text {
          fill: #000000;
          font-weight: 600; }
        .element-graph .dbq-element-graph-container .apexcharts-canvas svg.apexcharts-svg .apexcharts-xaxis .apexcharts-text tspan,
        .element-graph .dbq-element-graph-container .apexcharts-canvas svg.apexcharts-svg .apexcharts-yaxis .apexcharts-text tspan {
          fill: #000000;
          font-weight: 500;
          font-size: 11px; }
        .element-graph .dbq-element-graph-container .apexcharts-canvas svg.apexcharts-svg .apexcharts-xaxis .apexcharts-xaxis-title-text {
          padding-bottom: 10px; }
        .element-graph .dbq-element-graph-container .apexcharts-canvas svg.apexcharts-svg .apexcharts-xaxis text.apexcharts-datalabel {
          fill: #000000; }
        .element-graph .dbq-element-graph-container .apexcharts-canvas svg.apexcharts-svg .apexcharts-yaxis {
          padding-left: 30px; }
        .element-graph .dbq-element-graph-container .apexcharts-canvas svg.apexcharts-svg .apexcharts-inner {
          float: left;
          height: 100%;
          position: relative;
          z-index: 1; }
          .element-graph .dbq-element-graph-container .apexcharts-canvas svg.apexcharts-svg .apexcharts-inner .apexcharts-pie {
            height: 100%; }
          .element-graph .dbq-element-graph-container .apexcharts-canvas svg.apexcharts-svg .apexcharts-inner .apexcharts-gridline,
          .element-graph .dbq-element-graph-container .apexcharts-canvas svg.apexcharts-svg .apexcharts-inner .apexcharts-xaxis-tick {
            stroke: #000000 !important;
            stroke-opacity: 0.6; }
        .element-graph .dbq-element-graph-container .apexcharts-canvas svg.apexcharts-svg foreignObject {
          float: left;
          height: auto;
          min-height: 10px;
          overflow: initial;
          position: absolute !important;
          z-index: 999 !important;
          top: 0 !important;
          left: 0 !important; }
          .element-graph .dbq-element-graph-container .apexcharts-canvas svg.apexcharts-svg foreignObject .apexcharts-legend {
            top: 0 !important;
            left: 0 !important;
            max-height: auto !important; }
        .element-graph .dbq-element-graph-container .apexcharts-canvas svg.apexcharts-svg .apexcharts-pie-series path {
          stroke: #ffffff;
          stroke-width: 1px; }
        .element-graph .dbq-element-graph-container .apexcharts-canvas svg.apexcharts-svg .apexcharts-datalabels rect {
          stroke: #ffffff !important;
          stroke-width: 1px; }
        .element-graph .dbq-element-graph-container .apexcharts-canvas svg.apexcharts-svg .apexcharts-datalabels text {
          color: #ffffff !important;
          fill: #ffffff !important;
          font-weight: 600 !important; }
      .element-graph .dbq-element-graph-container .apexcharts-canvas .apexcharts-tooltip {
        border: 2px solid #f1f4f7 !important;
        -webkit-box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1);
        -moz-box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1);
        box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1);
        color: #000000 !important;
        background: none !important; }
        .element-graph .dbq-element-graph-container .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
          background: RGBA(255, 255, 255, 0.8);
          border-bottom: 2px solid #f1f4f7;
          color: #000000;
          font-weight: 600;
          font-size: 14px !important;
          line-height: 14px;
          padding: 10px;
          margin-bottom: 0; }
        .element-graph .dbq-element-graph-container .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value {
          font-weight: 600 !important;
          mix-blend-mode: unset;
          color: #ffffff;
          fill: #ffffff; }
        .element-graph .dbq-element-graph-container .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-goals-value {
          font-weight: 600 !important;
          mix-blend-mode: unset;
          color: #ffffff;
          fill: #ffffff; }
        .element-graph .dbq-element-graph-container .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-z-value {
          color: #ffffff;
          fill: #ffffff;
          mix-blend-mode: multiply;
          font-weight: 500 !important; }
        .element-graph .dbq-element-graph-container .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label {
          font-weight: 500 !important;
          mix-blend-mode: unset;
          color: #ffffff;
          fill: #ffffff; }
        .element-graph .dbq-element-graph-container .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-label {
          color: #737373 !important;
          mix-blend-mode: multiply;
          font-weight: 600 !important; }
        .element-graph .dbq-element-graph-container .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-value {
          color: #696969 !important;
          mix-blend-mode: multiply;
          font-weight: 500 !important; }
    .element-graph .dbq-element-graph-container .graph-chart-container {
      height: 100%; }

/* 
    Some graphs will contain scrollbars due to having more data to show than would fit in the container.
    In this case the original toolbar from the canvas will be moved to another location and we make it sticky.
    Even though we move the original toolbar, ApexCharts will automatically create a new toolbar in the original 
    position, which caused 2 toolbars to be visible upon scrolling to the bottom. This is why we hide the toolbar
    which is visible inside the canvas container.
*/
.element-graph.has-scrollbar {
  overflow-y: auto; }
  .element-graph.has-scrollbar .apexcharts-toolbar {
    position: sticky !important;
    bottom: 0 !important;
    background: none; }
  .element-graph.has-scrollbar .apexcharts-canvas .apexcharts-toolbar {
    display: none; }
  .element-graph.has-scrollbar .dbq-graph-full-screen .apexcharts-canvas .apexcharts-toolbar {
    display: block; }
  .element-graph.has-scrollbar .apexcharts-legend {
    position: absolute !important;
    top: 5px !important;
    left: 5px !important;
    z-index: 1; }

.modal .element-graph {
  border: 2px solid #e5e7ec !important;
  border-radius: 10px !important; }

.dbq-light-chart .apexcharts-datalabels text {
  mix-blend-mode: unset; }

.dbq-dark-chart .apexcharts-datalabels text {
  mix-blend-mode: multiply; }

*::-ms-backdrop {
  mix-blend-mode: unset;
  color: #ffffff !important;
  fill: #ffffff !important; }

.apexcharts-grid-column:nth-child(even),
.apexcharts-grid-row:nth-child(even) {
  fill: rgba(252, 252, 252, 0.1) !important;
  opacity: 1 !important; }

.apexcharts-grid-column:nth-child(odd),
.apexcharts-grid-row:nth-child(odd) {
  fill: rgba(252, 252, 252, 0.2) !important;
  opacity: 1 !important; }

.apexcharts-xaxistooltip {
  background: #ffffff !important;
  border-color: #ffffff !important;
  -webkit-box-shadow: 0 0 20px rgba(0, 13, 37, 0.15) !important;
  -moz-box-shadow: 0 0 20px rgba(0, 13, 37, 0.15) !important;
  box-shadow: 0 0 20px rgba(0, 13, 37, 0.15) !important;
  color: #001323 !important;
  font-weight: 600 !important; }

.apexcharts-xaxistooltip-bottom:before {
  border-bottom-color: #ffffff !important; }

.apexcharts-xaxistooltip-bottom:after {
  border-bottom-color: #ffffff !important; }

.apexcharts-tooltip-series-group.apexcharts-active {
  padding-bottom: 0 !important; }

.apexcharts-tooltip-series-group:last-child {
  padding-bottom: 0 !important; }

.apexcharts-series-markers-wrap circle {
  stroke: #ffffff !important; }

.apexcharts-theme-light .apexcharts-selection-icon:not(.apexcharts-selected):hover svg {
  fill: #321E64 !important; }

.apexcharts-theme-light .apexcharts-zoom-icon:not(.apexcharts-selected):hover svg {
  fill: #321E64 !important; }

.apexcharts-theme-light .apexcharts-zoomin-icon:hover svg,
.apexcharts-theme-light .apexcharts-zoomout-icon:hover svg,
.apexcharts-theme-light .apexcharts-reset-icon:hover svg,
.apexcharts-theme-light .apexcharts-menu-icon:hover svg {
  fill: #321E64 !important; }

.apexcharts-menu {
  background-color: unset;
  background: #fff;
  border: 2px solid #f1f4f7;
  border-radius: 10px;
  -webkit-box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1);
  -moz-box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1);
  box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1);
  padding: 6px !important;
  margin-top: -150px; }
  .apexcharts-menu .apexcharts-menu-item {
    color: #000000;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px; }
    .apexcharts-menu .apexcharts-menu-item:hover {
      background: none !important;
      color: #321E64; }

.apexcharts-selection-rect {
  fill: rgba(36, 41, 46, 0.5); }

.ui-chart-piechart-container {
  border: 0 none; }

table.ui-chart-legend-items-list tr.ui-chart-legend-item td.ui-chart-legend-item-text {
  font-size: 14px !important;
  padding-left: 5px; }

table.ui-chart-legend-items-list tr.ui-chart-legend-item td.ui-chart-legend-item-badge canvas {
  width: 28px !important;
  height: 26px !important; }

.graph-table-container {
  width: 100%;
  float: left;
  overflow-x: auto;
  margin-bottom: 15px; }

.graph-table th {
  padding: 5px 10px;
  border: 1px solid #eee; }

.graph-table td {
  padding: 5px 10px;
  text-align: right;
  border: 1px solid #eee; }

.graph-table td.graph-table-row-name {
  font-weight: bold; }

.ui-chart-tooltip {
  border-color: transparent !important; }

.graph-tooltip {
  text-align: center;
  padding: 5px 10px; }
  .graph-tooltip label.header {
    font-weight: bold;
    color: #bbb; }
  .graph-tooltip label.content {
    font-weight: 600;
    font-style: italic;
    color: #666; }

.dbq-form .dbq-graph-header h3 {
  margin: 0;
  float: left;
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  padding: 10px;
  padding-top: 20px;
  color: #000000; }

.dbq-form .dbq-graph-toolbar .btn-primary {
  padding: 5px; }
  .dbq-form .dbq-graph-toolbar .btn-primary svg {
    padding: 3px; }

.dbq-form div[data-element-type="Graph"] h3 {
  float: left;
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  padding: 0;
  text-align: center; }

.dbq-graph-scale button {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  padding: 5px 10px;
  color: #626d86; }

.dbq-graph-scale .btn {
  padding: 5px 10px; }

.apexcharts-legend {
  background-color: unset;
  background: #fff;
  border: 2px solid #f1f4f7;
  border-radius: 10px;
  -webkit-box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1);
  -moz-box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1);
  box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1);
  background-color: unset !important;
  background: RGBA(255, 255, 255, 0.8) !important;
  display: flex;
  inset: unset !important;
  position: relative !important;
  box-sizing: border-box;
  min-width: 50px;
  max-width: 200px;
  height: auto !important;
  max-height: 400px !important;
  overflow: auto;
  padding: 5px 7px !important;
  top: 0 !important;
  left: 0 !important;
  margin: 2px; }
  .apexcharts-legend .apexcharts-hidden-zero-series {
    display: none !important; }
  .apexcharts-legend .apexcharts-hidden-null-series {
    display: none !important; }
  .apexcharts-legend.apexcharts-align-right .apexcharts-legend-series {
    display: flex !important;
    margin: 2px 0 !important; }
  .apexcharts-legend.apexcharts-align-left .apexcharts-legend-series {
    display: flex !important;
    margin: 2px 0 !important; }
  .apexcharts-legend.position-bottom, .apexcharts-legend.position-top {
    flex-wrap: wrap; }
    .apexcharts-legend.position-bottom.apexcharts-align-left, .apexcharts-legend.position-top.apexcharts-align-left {
      justify-content: flex-start; }
    .apexcharts-legend.position-bottom.apexcharts-align-center, .apexcharts-legend.position-top.apexcharts-align-center {
      justify-content: center; }
    .apexcharts-legend.position-bottom.apexcharts-align-right, .apexcharts-legend.position-top.apexcharts-align-right {
      justify-content: flex-end; }
    .apexcharts-legend.position-bottom .apexcharts-legend-series, .apexcharts-legend.position-top .apexcharts-legend-series {
      display: flex;
      align-items: center; }
  .apexcharts-legend.position-right, .apexcharts-legend.position-left {
    flex-direction: column;
    bottom: 0;
    justify-content: flex-start; }
  .apexcharts-legend .apexcharts-legend-series {
    cursor: pointer;
    line-height: normal;
    width: 100%;
    margin: 0 !important; }
    .apexcharts-legend .apexcharts-legend-series:first-of-type {
      border-radius: 3px 0 0 3px; }
    .apexcharts-legend .apexcharts-legend-series:last-of-type {
      border-radius: 0 3px 3px 0; }
    .apexcharts-legend .apexcharts-legend-series.apexcharts-no-click {
      cursor: auto; }
  .apexcharts-legend .apexcharts-legend-marker {
    position: relative;
    display: block;
    cursor: pointer;
    margin-right: 3px;
    border-style: solid;
    top: 0 !important;
    min-width: 12px !important;
    border: 0 !important;
    margin: 4px;
    box-sizing: border-box;
    float: left !important;
    height: 12px !important;
    width: 12px !important;
    border-radius: 3px !important; }
    .apexcharts-legend .apexcharts-legend-marker * {
      pointer-events: none; }
  .apexcharts-legend .apexcharts-legend-text {
    position: relative;
    font-family: "Roboto", sans-serif !important;
    color: #000000 !important;
    font-weight: 500 !important;
    float: left !important;
    font-size: 12px !important;
    line-height: 14px !important;
    margin: 0 4px; }
    .apexcharts-legend .apexcharts-legend-text * {
      pointer-events: none; }

.apexcharts-inactive-legend {
  opacity: 0.4; }

.dbq-graph-multiple,
.dbq-graph-single {
  display: flex; }

.dbq-no-data-chart-title {
  color: #000000;
  float: left;
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  padding: 10px; }

.dbq-no-data-available-container {
  float: left;
  width: 100%;
  height: 100%;
  padding: 10px;
  min-height: 300px;
  border-radius: 10px;
  background: none; }
  .dbq-no-data-available-container .dbq-no-data-available-center {
    float: left;
    width: 100%;
    height: 140px;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: 25px; }
  .dbq-no-data-available-container .dbq-no-data-available-image {
    float: left;
    width: 100%;
    text-align: center; }
  .dbq-no-data-available-container .dbq-no-data-available-text {
    float: left;
    width: 100%;
    color: #000000;
    min-height: 40px;
    padding: 10px 5px;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    text-align: center; }
  .dbq-no-data-available-container .dbq-no-data-available-wrapper {
    float: left;
    width: 100%;
    height: 100%;
    min-height: 200px;
    position: relative; }

.graph-value-chart-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .graph-value-chart-container .graph-name-container {
    color: #000000;
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 700;
    text-align: center; }
  .graph-value-chart-container .graph-value-container {
    color: #000000;
    font-size: 26px; }

.graph-value-list-chart-container h3 {
  font-size: 18px !important;
  font-weight: 600 !important;
  margin: 15px 0 30px 0 !important;
  color: #000000 !important; }

.graph-value-list-chart-container .graph-value-list-item-container {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 5px;
  font-size: 16px;
  color: #000000; }
  .graph-value-list-chart-container .graph-value-list-item-container .graph-value-list-item-name {
    font-weight: 600;
    float: left;
    width: 50%;
    text-align: right;
    margin-right: 7.5px; }
  .graph-value-list-chart-container .graph-value-list-item-container .graph-value-list-item-value {
    margin-left: 7.5px;
    float: left; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbqdb-block-title-label {
  font-weight: 600;
  line-height: 20px;
  font-size: 12px;
  white-space: nowrap;
  color: #595F6E;
  display: block;
  padding: 0 10px; }

.dbq-dark-mode .dbqdb-block-title-label {
  color: #a7aab2; }

.dbq-dark-mode .dbqdb-block.dbqdb-block-elevated-background {
  background-color: #1A1E23;
  -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.4); }

.dbqdb-block.dbqdb-block-elevated-background {
  padding: 10px 10px 1px 10px;
  margin-bottom: 10px !important;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07);
  -moz-box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07);
  box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07); }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbqdb-error {
  padding: 15px; }

.dbqdb-error-title {
  font-size: 18px; }

.dbqdb-error-description {
  margin-top: 15px; }

.element .property .radio-list-control.error label {
  color: #b64f4b !important; }

.element .property textarea.error {
  appearance: none;
  -webkit-appearance: none;
  background-color: #fee5e4;
  border: 1px solid #d5473c !important;
  box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
  color: #b64f4b; }
  .element .property textarea.error:focus {
    appearance: none;
    -webkit-appearance: none;
    background: #ffffff;
    border: 1px solid #321E64;
    box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
    color: rgba(0, 0, 0, 0.95); }

.element .property select.error {
  /*-webkit-appearance: none;*/
  background-color: #fee5e4;
  border: 1px solid #d5473c !important;
  box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
  color: #b64f4b; }
  .element .property select.error:focus {
    /*-webkit-appearance: none;*/
    background: #ffffff;
    border: 1px solid #321E64;
    border-radius: 0.28571429rem;
    box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
    color: rgba(0, 0, 0, 0.95); }

.element .property > label.error {
  color: #b64f4b !important; }

.element .property input:not([type]).error,
.element .property input[type="date"].error,
.element .property input[type="datetime-local"].error,
.element .property input[type="email"].error,
.element .property input[type="number"].error,
.element .property input[type="password"].error,
.element .property input[type="search"].error,
.element .property input[type="tel"].error,
.element .property input[type="time"].error,
.element .property input[type="text"].error,
.element .property input[type="url"].error,
.element .property .dbqdb-file-upload.error .dbqfsc-file-upload-container,
.element .property .dbqdb-image-upload.error .dbqfsc-file-upload-container {
  background: #fee5e4;
  background-color: #fee5e4;
  border: 1px solid #d5473c;
  box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
  color: #b64f4b; }

.element .property .dbqdb-file-upload.error .dbqfsc-file-upload-container,
.element .property .dbqdb-image-upload.error .dbqfsc-file-upload-container {
  border: 1px dashed #d5473c; }

.element .property input:not([type]).error:focus,
.element .property input[type="date"].error:focus,
.element .property input[type="datetime-local"].error:focus,
.element .property input[type="email"].error:focus,
.element .property input[type="number"].error:focus,
.element .property input[type="password"].error:focus,
.element .property input[type="search"].error:focus,
.element .property input[type="tel"].error:focus,
.element .property input[type="time"].error:focus,
.element .property input[type="text"].error:focus,
.element .property input[type="url"].error:focus {
  -webkit-box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
  background: #ffffff;
  border: 1px solid #321E64;
  box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
  color: rgba(0, 0, 0, 0.95); }

.inline-message.error.active {
  -ms-border-radius: 3px;
  background-color: #fee5e4;
  border-color: #d5473c;
  border-left-width: 10px;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  color: #b64f4b; }

span.error {
  color: #b64f4b !important; }

.dbq-form .element .property input:not([type]).error,
.dbq-form .element .property input[type="date"].error,
.dbq-form .element .property input[type="datetime-local"].error,
.dbq-form .element .property input[type="email"].error,
.dbq-form .element .property input[type="number"].error,
.dbq-form .element .property input[type="password"].error,
.dbq-form .element .property input[type="search"].error,
.dbq-form .element .property input[type="tel"].error,
.dbq-form .element .property input[type="time"].error,
.dbq-form .element .property input[type="text"].error,
.dbq-form .element .property input[type="url"].error,
.dbq-form .element .checkbox.error,
.dbq-form .form-control.error,
.dbq-form .element .button_list.error {
  background: #fee5e4;
  background-color: #fee5e4;
  border-color: #d5473c;
  color: #000000; }

.dbq-form .form-control.error:focus {
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.dbq-form .form-control.error + .input-group-append button {
  border-color: #d5473c !important; }

.dbq-form select {
  /*
			Custom arrow for select elements (not all.. example: CMS -> content management -> new folder -> the folderType selectbox )
			!!! this should be after error/validation styling otherwise the arrow will not be visible
		*/ }
  .dbq-form select.form-control.error {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: transparent;
    background-repeat: no-repeat !important;
    background-image: url("data:image/svg+xml;utf8,<svg fill='%230054F0' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><g><path d='M10,16L0,6l2-2l8,8l8-8l2,2L10,16z'/></g></svg>") !important;
    color: #001323 !important;
    background-position-x: calc(100% - 10px) !important;
    background-position-y: 50% !important;
    background-size: 10px 10px !important;
    border-radius: 0 0 10px 10px !important;
    padding-left: 10px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 30px 0 10px !important; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.popover {
  background-color: #f5f7f9;
  border: 1px solid #e5e7ec;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); }
  .popover .close {
    color: #000000;
    text-shadow: none !important;
    opacity: 1;
    float: right;
    font-size: 20px !important;
    font-weight: 700;
    line-height: 8px;
    padding: 0 !important;
    margin: 0 !important; }
  .popover .arrow {
    display: none; }
  .popover .popover-header {
    background-color: #f5f7f9;
    border-bottom: 1px solid #e2e7f3;
    color: #001323;
    padding: 15px 20px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    border-radius: 10px 10px 0 0; }
  .popover .popover-body {
    color: #000000;
    background: #f5f7f9;
    padding: 15px 20px;
    font-weight: 400;
    border-radius: 0 0 10px 10px; }

.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  display: none; }

.bs-popover-bottom .popover-header::before {
  display: none; }

.dbqdb-property .form-group .input-group .dbqdb-input-group-addon.dbqdb-input-group-addon-right {
  border-radius: 0 0 10px 0;
  cursor: pointer; }

.dbqdb-property .form-group .input-group .dbqdb-input-group-addon .dbqdb-input-button {
  width: 100%;
  height: 100%;
  background: 0 none;
  border: 0 none;
  outline: 0 none; }
  .dbqdb-property .form-group .input-group .dbqdb-input-group-addon .dbqdb-input-button.dbqdb-input-button-text-copied {
    background: #321E64;
    border-radius: 0 0 10px 0; }
    .dbqdb-property .form-group .input-group .dbqdb-input-group-addon .dbqdb-input-button.dbqdb-input-button-text-copied svg {
      background: transparent;
      fill: #fff; }

.dbqdb-file-viewer-container {
  position: relative; }
  .dbqdb-file-viewer-container .dbqdb-file-viewer {
    width: 100%;
    height: 800px; }
  .dbqdb-file-viewer-container .dbqdb-file-viewer-loading-indicator {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .dbqdb-file-viewer-container .dbqdb-file-viewer-loading-indicator .dbq-loading-spinner-container {
      border-radius: 10px; }
  .dbqdb-file-viewer-container.dbqdb-file-viewer-loading {
    height: 100px; }
    .dbqdb-file-viewer-container.dbqdb-file-viewer-loading .dbqdb-file-viewer {
      opacity: 0;
      height: 100px; }
    .dbqdb-file-viewer-container.dbqdb-file-viewer-loading .dbqdb-file-viewer-loading-indicator {
      display: block; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.radio-list-control {
  padding: 5px !important;
  background-color: #ffffff !important;
  border: 2px solid #e5e7ec !important; }

.checkbox-list-control {
  padding: 5px !important;
  background-color: #ffffff !important;
  border: 2px solid #e5e7ec !important;
  width: 100%;
  float: left;
  border-radius: 0 0 10px 10px; }
  .checkbox-list-control .checkbox {
    border: none; }
    .checkbox-list-control .checkbox:not(:last-child) {
      border-radius: 0; }
  .checkbox-list-control[data-read-only="true"] {
    background-color: #e5e7ec !important;
    border: none !important;
    padding: 0 !important; }
    .checkbox-list-control[data-read-only="true"] .checkbox {
      background-color: #e5e7ec !important; }

form[data-view-mode="View"] .radio-list-select,
form[data-view-mode="Delete"] .radio-list-select {
  height: 46px !important;
  padding: 11px 10px 9px !important;
  background-color: #e5e7ec !important;
  border-color: #e5e7ec !important;
  color: #001323 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 20px !important; }

form[data-view-mode="View"] .checkbox-list-control,
form[data-view-mode="Delete"] .checkbox-list-control {
  background-color: #e5e7ec !important;
  border: none !important;
  padding: 0 !important; }
  form[data-view-mode="View"] .checkbox-list-control .checkbox,
  form[data-view-mode="Delete"] .checkbox-list-control .checkbox {
    background-color: #e5e7ec !important; }

.dbq-label-disabled + .radio-list-select {
  min-height: 46px !important;
  padding: 11px 10px 9px !important;
  background-color: #e5e7ec !important;
  color: #001323 !important;
  border-color: #e5e7ec !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 20px !important; }
  .dbq-label-disabled + .radio-list-select .dbq-radio-container label.dbq-radio {
    cursor: not-allowed; }

.dbq-form .dbq-radio-container label.dbq-radio {
  border: 0;
  background: 0; }
  .dbq-form .dbq-radio-container label.dbq-radio input {
    opacity: 0; }
    .dbq-form .dbq-radio-container label.dbq-radio input:checked ~ .dbq-radiomark {
      background-color: #321E64;
      border: 2px solid #2D1B5A; }
  .dbq-form .dbq-radio-container label.dbq-radio:hover input ~ .dbq-radiomark {
    background-color: #321E64;
    border: 2px solid #2D1B5A; }
  .dbq-form .dbq-radio-container label.dbq-radio .dbq-radiomark:after {
    left: 5px;
    top: 5px;
    width: 6px;
    height: 6px;
    background: #ffffff; }

.dbq-form .dbq-radio-container .dbq-radiobox-value span {
  color: #001323; }

.dbq-radiomark {
  background-color: #ffffff;
  border: 2px solid #e5e7ec; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

div[type="source-code-editor"] {
  width: 100%;
  float: left;
  border: 2px solid #e5e7ec;
  border-radius: 0 0 10px 10px;
  background: #ffffff;
  overflow: hidden;
  position: relative; }
  div[type="source-code-editor"] .cm-keyword {
    font-weight: 400;
    color: #002bff !important;
    font-weight: bold; }
  div[type="source-code-editor"] .cm-builtin {
    font-weight: 400;
    color: #000000 !important; }
  div[type="source-code-editor"] .cm-tag {
    color: #ae5f2b; }
  div[type="source-code-editor"] .cm-property {
    color: #4abaff; }
  div[type="source-code-editor"] .cm-atom {
    color: #000000; }
  div[type="source-code-editor"] .cm-number {
    color: #ab5b20; }
  div[type="source-code-editor"] .cm-bracket {
    color: #000000; }
  div[type="source-code-editor"] .cm-attribute {
    color: #22538f; }
  div[type="source-code-editor"] .CodeMirror {
    height: auto;
    min-height: 34px;
    background: #ffffff; }
  div[type="source-code-editor"] .CodeMirror-lines {
    color: #001323 !important;
    padding: 0 !important; }
  div[type="source-code-editor"] .cm-comment {
    color: #008000 !important; }
  div[type="source-code-editor"] .cm-string {
    color: #5d7926 !important; }
  div[type="source-code-editor"] .CodeMirror-scrollbar-filler {
    background: #f5f7f9; }
  div[type="source-code-editor"] .CodeMirror-gutters {
    background: #f5f7f9;
    border: 0; }
  div[type="source-code-editor"] .CodeMirror-linenumber {
    background: #f5f7f9;
    color: #505050; }
  div[type="source-code-editor"] .CodeMirror-cursor {
    border-left: 2px solid #626d86; }
  div[type="source-code-editor"] .CodeMirror-selected {
    background-color: RGBA(0, 0, 0, 0.05) !important;
    opacity: 1; }
    div[type="source-code-editor"] .CodeMirror-selected .cm-comment {
      color: blue !important; }
  div[type="source-code-editor"] .CodeMirror-selectedtext {
    color: #001323 !important; }
  div[type="source-code-editor"] .cm-variable .CodeMirror-selected {
    color: #001323 !important; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbqdb-translation-languages-container {
  float: right;
  padding: 10px; }
  .dbqdb-translation-languages-container .dbqdbtlc-title {
    display: inline-block;
    font-weight: 600; }
  .dbqdb-translation-languages-container .dbqdbtlc-dropdown {
    display: inline-block; }
    .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-toggle {
      float: initial; }
      .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-toggle:hover {
        cursor: pointer; }
    .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu {
      background-color: unset;
      background: #fff;
      border: 2px solid #f1f4f7;
      border-radius: 10px;
      -webkit-box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1);
      -moz-box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1);
      box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1);
      color: #000000;
      padding: 6px;
      width: min-content;
      border-radius: 10px;
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(5px);
      box-shadow: none;
      border: 1px solid rgba(0, 0, 0, 0.15) !important; }
      .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu li:last-of-type {
        margin: 0; }
      .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu li a,
      .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu .dropdown-item {
        float: left;
        color: #000000;
        font-size: 12px;
        font-weight: 500;
        line-height: 20px;
        text-decoration: none;
        width: max-content; }
        .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu li a svg,
        .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu .dropdown-item svg {
          margin-right: 6px;
          width: 24px;
          height: 24px;
          padding: 2px;
          fill: #000000; }
      .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu li,
      .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu .dropdown-item {
        float: left;
        width: 100%;
        border-radius: 7px;
        white-space: nowrap;
        background: none;
        margin: 0 0 3px 0;
        padding: 5px 7px; }
        .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu li:hover, .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu li:active, .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu li.active,
        .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu .dropdown-item:hover,
        .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu .dropdown-item:active,
        .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu .dropdown-item.active {
          color: #fff;
          background: #321E64; }
          .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu li:hover a, .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu li:active a, .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu li.active a,
          .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu .dropdown-item:hover a,
          .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu .dropdown-item:active a,
          .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu .dropdown-item.active a {
            color: #fff; }
          .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu li:hover svg, .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu li:active svg, .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu li.active svg,
          .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu .dropdown-item:hover svg,
          .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu .dropdown-item:active svg,
          .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu .dropdown-item.active svg {
            fill: #fff; }
      .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu li a {
        padding: 0; }
      .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu .dropdown-item {
        text-decoration: none; }

table.documentlist {
  width: 100%;
  margin-top: 20px; }

body.embedded {
  margin: 0;
  margin-bottom: 10px;
  margin-top: 10px;
  -ms-align-content: flex-start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
  width: 100%;
  top: 0;
  background-color: transparent; }

div[data-element-type="Header"] span {
  color: #001323;
  /* can't have important..! must be possible to override in CMS (title: escalatie -> in tijsens) */ }

.form-inline .form-control {
  /*border: 2px solid #e5e7ec;*/
  border: 0;
  background: #272727; }

/*****************************************
    Topic
*****************************************/
.topic nav {
  -ms-flex-line-pack: end;
  -ms-align-content: flex-end;
  -webkit-align-content: flex-end;
  align-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 30px; }

.topic nav .button {
  color: #3893d0;
  vertical-align: middle; }

.topic footer span.topic-progress {
  -ms-flex-line-pack: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  color: #333;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  font-size: 15px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center; }

.topic nav span.button {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #3893d0;
  border-radius: 3px;
  color: #3893d0;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  margin-bottom: 10px;
  padding: 5px 10px 5px 10px;
  text-align: center;
  line-height: 24px;
  vertical-align: middle; }

.topic nav span.button:hover {
  background-color: #3893d0;
  border: 1px solid #3893d0;
  color: #fff; }

/*.topic nav span.icon-moveleft {
        align-self: flex-start;
        font-size: 14px;
        text-align: center;
    }

    .topic nav span.icon-ok,
    .topic nav span.icon-moveright {
        align-self: flex-end;
        text-align: center;
        margin-left: auto;
    }*/
.topic nav span.button:before {
  float: left;
  font-size: 1.6em;
  text-align: center;
  width: 1em; }

.topic ul.dbq-list-type-bullet,
.topic ul.dbq-list-type-arrow {
  list-style: disc;
  margin: 0 18px; }

.topic ol.dbq-list-type-number {
  list-style: decimal; }

.topic ul li {
  line-height: normal !important; }

.success-page {
  display: none; }

.success-page.active {
  display: block;
  height: 400px; }

/*****************************************
    Element
*****************************************/
.slider-control {
  /*flex: 1 0 340px;
        flex-direction: column;
        text-align: center;*/
  max-width: 480px; }

.slider-control label {
  -ms-flex-line-pack: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 340px;
  -webkit-flex: 1 0 340px;
  flex: 1 0 340px;
  margin-top: 10px; }

input.slider-control {
  height: 1px;
  opacity: 0 !important;
  width: 1px; }

.slider-control-helper {
  -ms-flex-line-pack: stretch;
  -ms-align-content: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 480px;
  -webkit-flex: 1 0 480px;
  flex: 1 0 480px;
  font-family: Roboto;
  font-size: 0.8em;
  font-weight: 300;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: -10px;
  position: relative;
  width: 480px; }

i.icon {
  -moz-osx-font-smoothing: grayscale;
  -moz-speak: none;
  -ms-speak: none;
  -o-speak: none;
  -webkit-backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -webkit-speak: none;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  display: inline-block;
  font-family: "Icons";
  font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  height: 1em;
  margin: 0em 0.25rem 0em 0em;
  opacity: 1;
  speak: none;
  text-align: center;
  text-decoration: inherit;
  width: 1.18em; }

i.icon:before {
  background: none !important; }

.action-button a {
  -ms-flex-line-pack: end;
  -ms-align-content: flex-end;
  -webkit-align-content: flex-end;
  align-content: flex-end;
  color: #ffffff;
  color: white;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  font-size: 1.3em;
  font-size: 14px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  vertical-align: middle;
  cursor: pointer;
  margin-bottom: 15px;
  padding: 9px 12px;
  font-weight: 400;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none; }

.element .property div.slider-control-value-helper {
  -ms-flex-line-pack: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-bottom: 10px; }

.inline-message {
  display: none;
  padding: 5px 10px; }

.success-page.active > .inline-message {
  -ms-border-radius: 3px;
  border-color: #3893d0;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  color: #3893d0;
  display: block;
  font-size: 1em;
  margin-left: 10px;
  margin-right: 10px; }

.inline-message.active {
  -ms-border-radius: 3px;
  border-color: #3893d0;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  color: #3893d0;
  display: block;
  font-size: 1em;
  margin-left: 10px;
  margin-right: 10px; }

/*
.radio-list-control > label > input[type="radio"] + span.label:before,
label.label_checkbox > input[type="checkbox"] + span.label:before:before {
    content: '\e812';
}

.radio-list-control > label > input[type="radio"] + span.label:before,
.checkbox-list-control > label > input[type="checkbox"] + span.label:before,
label.label_checkbox > input[type="checkbox"] + span.label:before {
    display: block;
    font-family: 'finder';
    font-size: 1.5em;
    line-height: 1.5em;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 1.5em;
    position: relative;
}

.radio-list-control > label > input[type="radio"]:checked + span.label:before,
label.label_checkbox > input[type="checkbox"]:checked + span.label:before {
    content: '\e87d';
}
    */
.inline-message.h3 {
  color: #333;
  font-size: 13px;
  font-weight: 700;
  line-height: 26px; }

.block {
  display: block; }

/*****************************************
    Document Element: Map
*****************************************/
.document-element-map-link {
  float: left;
  margin-top: 10px;
  outline: 0; }

.document-element-map-empty {
  margin-bottom: 15px; }

/*****************************************
    Document Element: Collapsible
*****************************************/
.element-collapsible {
  display: block;
  cursor: pointer;
  position: relative; }

.element-collapsible-button {
  position: absolute; }

.element-collapsible-button-none {
  display: none; }

.element-collapsible-button-left {
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.element-collapsible-button-center {
  bottom: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.element-collapsible-button-right {
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.element-button {
  display: block;
  padding: 15px 0; }

.xllabel {
  font-weight: normal;
  margin-left: 10px; }

/*****************************************
    Generic classes
*****************************************/
.action-button.image.stretch > a {
  display: flex;
  font-size: 17px;
  font-weight: 500;
  text-decoration: none; }

.image-50 {
  zoom: 0.5;
  -ms-zoom: 0.5;
  -webkit-zoom: 0.5;
  -moz-transform: scale(0.5, 0.5);
  -moz-transform-origin: left center; }

.close-video {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 40px;
  background: url(/includes/images/icon_close.png) center center no-repeat;
  height: 40px;
  background-size: 40px 40px; }

/*.radio-list-control .input[type='radio']:not(old) {
    opacity: 0;
    float: left;
    width: 24px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}

    .radio-list-control .input[type='radio']:not(old) + label {
        margin: 0;
        margin-left: -24px;
        clear: none;
        padding: 5px 0 4px 40px;
        cursor: pointer;
        background: url(/includes/images/checkbox_off.png) left center no-repeat;
    }*/
/*
        Change from unchecked to checked graphic
    
.radio-list-control .input[type='radio']:checked + label {
    background-image: url(/includes/images/checkbox_checked.png);
}*/
.action-button.raised {
  width: initial; }

.action-button.raised a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: max-content;
  padding: 9px 12px;
  text-decoration: none;
  vertical-align: middle; }

.action-button.raised a img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 6px 4px;
  vertical-align: middle;
  max-width: 28px;
  max-height: 28px; }

.close-video {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 40px;
  background: url(/includes/images/icon_close.png) center center no-repeat;
  height: 40px;
  background-size: 40px 40px; }

label.required:after {
  content: "*";
  font-size: 1em;
  color: #cc4641;
  float: left;
  position: relative;
  width: 12px;
  height: 12px;
  margin: 0 0 0 3px; }

/************************ 
    Document Tags
*************************/
.dbqdb-document-tags .dbqdb-document-tag {
  display: inline-flex;
  font-size: 11px;
  line-height: 16px;
  font-weight: 600;
  color: #ffffff;
  background: #0054f0;
  padding: 3px 7px;
  margin-right: 3px;
  border-radius: 5px; }

.dbqdb-document-tags .dbqdb-document-tag.dbqdb-document-tag-color-0 {
  background: #ffe7e7;
  color: #d42828; }

.dbqdb-document-tags .dbqdb-document-tag.dbqdb-document-tag-color-1 {
  background: #ffefdb;
  color: #e69500; }

.dbqdb-document-tags .dbqdb-document-tag.dbqdb-document-tag-color-2 {
  background: #dff9e0;
  color: #02a000; }

.dbqdb-document-tags .dbqdb-document-tag.dbqdb-document-tag-color-3 {
  background: #f9eaff;
  color: #9100b5; }

.dbqdb-document-tags .dbqdb-document-tag.dbqdb-document-tag-color-4 {
  background: #f4f7cb;
  color: #a6a900; }

.dbqdb-document-tags .dbqdb-document-tag.dbqdb-document-tag-color-5 {
  background: #e8f0ff;
  color: #0054f0; }

.hero-video-container {
  display: grid;
  justify-items: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.hero-video-container video {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translateX(-50%) translateY(-50%); }

.hero-video-container .hero-video-background-image-container {
  background: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

@media (max-width: 991px) {
  .hero-video-container video {
    display: none; } }

@media (min-width: 992px) {
  .hero-video-container .hero-video-background-image-container {
    display: none; } }

.slider-blocks-container .slider-block {
  position: absolute;
  top: 0; }

/************************ 
    Drawing canvas
*************************/
.dbqdb-canvas-container {
  position: relative; }
  .dbqdb-canvas-container .dbq-drawing-canvas {
    /*width: 100%; */
    /*<-- not possible to set width 100%.. the canvas has an inline width attribute. This causes signatures to get out of shape */
    height: 250px;
    /* Should be the same as attribute height of the canvas */
    background: #ffffff !important;
    border: 2px dashed #e5e7ec !important;
    box-sizing: unset;
    border-radius: 0 0 10px 10px; }
  .dbqdb-canvas-container .dbqdb-canvas-clear-button {
    position: absolute;
    bottom: 10px;
    right: 4px;
    background: #eee;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 5px;
    outline: 0; }
    .dbqdb-canvas-container .dbqdb-canvas-clear-button:hover {
      background: #321E64; }
      .dbqdb-canvas-container .dbqdb-canvas-clear-button:hover svg {
        fill: #fff; }
    .dbqdb-canvas-container .dbqdb-canvas-clear-button svg {
      width: 20px;
      height: 20px;
      fill: #000; }

/************************ 
    File upload / download
*************************/
/*****************************************
    image upload / file upload
*****************************************/
.btn-group > .btn-group:not(:first-child),
.btn-group > .btn:not(:first-child) {
  margin-left: 0 !important;
  /* this is a bootstrap _button-group.scss override */ }

/************************************************ 
    Multiple select autocomplete
*************************************************/
.autocomplete-suggestions {
  text-align: left;
  cursor: default;
  border: 1px solid #bfcad2;
  border-top: 0;
  background: #fff;
  /* core styles should not be changed */
  position: absolute;
  display: none;
  z-index: 9999;
  max-height: 254px;
  overflow: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  -webkit-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1); }

.autocomplete-suggestion {
  position: relative;
  padding: 0 0.6em;
  line-height: 23px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.02em;
  color: #333; }

.autocomplete-suggestion b {
  font-weight: normal;
  color: #1f8dd6; }

.autocomplete-suggestion.selected {
  background: #f0f0f0; }

/************************************************ 
    Lazy sizes blurred images
*************************************************/
.blur-up {
  -webkit-filter: blur(3px);
  filter: blur(3px);
  transition: filter 400ms, -webkit-filter 400ms; }

.blur-up.lazyloaded {
  -webkit-filter: blur(0);
  filter: blur(0); }

/************************************************ 
    Images 
    Classes used by the exif functionality to 
    rotate images based their orientation
*************************************************/
/*! slick.js - v1.6.0 http://github.com/kenwheeler/slick */
.slick-list,
.slick-slider,
.slick-track {
  position: relative;
  display: block; }

.slick-loading .slick-slide,
.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  margin: 0 20px; }

.slick-slider {
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: 0; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  top: 0;
  left: 0; }

.slick-track:after,
.slick-track:before {
  display: table;
  content: ""; }

.slick-track:after {
  clear: both; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir="rtl"] .slick-slide {
  float: right; }

.slick-slide img {
  width: 100%;
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/*****************************************
    Dialog
*****************************************/
.dialog-header {
  padding: 20px; }

.dialog-title {
  font-size: 18px;
  line-height: 18px;
  margin: 0;
  padding: 1px 0; }

.dialog-header-icon {
  margin: 0;
  width: 100%;
  font-size: 20px;
  line-height: 20px;
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 10px; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.dialog-body.valign-middle {
  padding-top: 30px; }

.dialog-body {
  position: relative;
  margin: 0;
  padding: 30px;
  min-height: 50px; }

.dialog-footer {
  margin: 10px 20px; }

.dialog-footer .dialog-button {
  margin: 10px 0px 0px 10px; }

/*****************************************
    Loading spinner
*****************************************/
.dbq-loading-spinner-container {
  width: 100%;
  height: 100%;
  float: left;
  z-index: 999;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 1;
  text-align: center; }

.dbq-loading-spinner {
  float: left;
  background: url(/DbqLibraries/DbqDeveloperTools/img/loading-spinner.gif);
  background-repeat: no-repeat;
  background-size: 100px 100px;
  width: 100px;
  height: 100px;
  z-index: 999;
  position: relative;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

/*****************************************
    Alerts
*****************************************/
.alert {
  padding: 10px;
  border-width: 2px;
  margin-bottom: 0; }

.alert-danger {
  color: #d5473c;
  background-color: #fee5e4;
  border-color: #d5473c;
  font-weight: 500; }

/*
    Document topics
*/
.modal .dbq-form .dbq-form-group .dbq-form-group-title-label {
  display: none; }

.modal .dbq-form .dbq-form-group .checkbox label {
  display: block;
  border: 0 !important;
  padding: 5px !important; }

.dbq-form h3 {
  color: #0054f0; }

.popover-title {
  background-color: #0c0c0c !important;
  border-bottom: 1px solid #e2e7f3 !important; }

.popover-content {
  background-color: #0c0c0c !important;
  color: #ffffff !important; }

.dbq-form .dbq-form-group-title-label.dbq-label-disabled {
  background: #e5e7ec;
  border: 2px solid #e5e7ec;
  border-bottom: 0;
  opacity: 1 !important;
  cursor: not-allowed; }

.dbq-form .dbq-form-group-title-label.dbq-label-disabled > .dbq-form-group-padding {
  background: #e5e7ec;
  border: 2px solid #e5e7ec; }

.dbq-form div[data-topic-name="Form"] table {
  /*background: #272727; <-- can't add background here.. in WSP (and possibly more) you will get a background in datetimepicker*/ }

.dbq-form div[data-element-type="Header"]:first-of-type {
  border-top: 0; }

form[data-view-mode="View"] .dbq-form .dbq-form-group {
  background: #e5e7ec !important;
  border: 2px solid #e5e7ec !important;
  opacity: 1 !important;
  color: #001323 !important;
  cursor: not-allowed; }

.dbq-form .dbq-form-group-padding[data-read-only="true"] {
  background: #e5e7ec;
  border: 2px solid #e5e7ec; }

/* ******************************
    Multi select dropdown menu
****************************** */
/*****************************************
    Multiple Select (Select single)
*****************************************/
/* Hide the add and view buttons by default */
.property select + .input-group-append {
  display: none; }

/* Show the buttons once the data is loaded */
.property select[data-inspect-folder-document-id][data-inspect-add-rule-code] + .input-group-append {
  display: flex;
  margin-left: 0; }

/*
    Hide buttons which are missing required data.
    The add button may only be visible with an AddRuleCode.
    When there is no FolderDocumentId, all buttons must be invisible
*/
.property select[data-inspect-add-rule-code=""] + .input-group-append > .dbq-select-add-button {
  display: none; }

.property select[data-inspect-folder-document-id=""] + .input-group-append > .dbq-select-view-button,
.property select[data-inspect-folder-document-id=""] + .input-group-append > .dbq-select-add-button {
  display: none !important; }

.property select[data-has-value] + .input-group-append > .dbq-select-view-button,
.property select[data-has-value="false"] + .input-group-append > .dbq-select-view-button {
  display: none; }

.property select[data-has-value="true"] + .input-group-append > .dbq-select-view-button {
  display: block; }

.property select[data-inspect-folder-document-id][data-inspect-add-rule-code][data-selected-value=""] {
  border-radius: 10px; }

.property select[data-inspect-folder-document-id][data-inspect-add-rule-code][data-selected-value] {
  border-radius: 10px; }

.property select[data-inspect-folder-document-id][data-inspect-add-rule-code][data-has-value="true"] {
  /* eye is visible here */
  border-radius: 10px; }

.property select[data-inspect-folder-document-id=""] {
  border-radius: 10px; }

.property select[data-inspect-add-rule-code=""] + .input-group-append > .dbq-select-view-button {
  height: 50px;
  border-radius: 10px; }

/*****************************************
    Custom color picker
    https://github.com/mdbassit/Coloris
*****************************************/
.clr-picker.clr-open {
  z-index: 1101; }

.dbq-form .form-group .clr-field {
  width: 100%; }

.dbq-form .form-group .clr-field button {
  z-index: 998;
  /* Force the thumbnail to the front */ }

.dbq-form .form-group .clr-field .coloris {
  padding: 11px 10px 9px 37px; }

.coloris-thumbnail-square .clr-field button,
.coloris-thumbnail-circle .clr-field button {
  left: 10px; }

/*******************************************************************************
    Custom checkbox 
    https://bootsnipp.com/snippets/featured/animated-radios-amp-checkboxes-nojs
********************************************************************************/
/**********************************************************************************
    Generic
    These classes were originally used in the document editor, 
    but later copied and renamed for the document builder.
**********************************************************************************/
.dbfunction-button {
  display: inline-block;
  padding: 0px !important;
  /* We have to add important here because the padding is being overruled by generic CSS otherwise. */
  width: 30px;
  height: 30px;
  cursor: pointer;
  border-radius: 50%;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  font-size: 1rem;
  line-height: 0.4;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
 box-shadow 0.15s ease-in-out; }

.dbfunction-button i {
  font-size: 12px; }

.dbfunction-button:focus {
  outline: none;
  box-shadow: none; }

/*****************************************
    DbqDocumentBuilderExpressionEditor
*****************************************/
/************************************************ 
    Document Display Mode: Compact
*************************************************/
.xl-document[data-document-display-mode="Compact"] .dbq-form .dbq-form-group-title-label label {
  padding: 3px 8px 0 8px; }

.xl-document[data-document-display-mode="Compact"] .dbq-form input.form-control,
.xl-document[data-document-display-mode="Compact"] .dbq-form select.form-control {
  padding: 0 8px !important;
  min-height: 30px !important;
  height: 30px !important; }

.xl-document[data-document-display-mode="Compact"] .dbq-form select.form-control {
  padding: 0 8px !important; }

.xl-document[data-document-display-mode="Compact"] .dbq-form input.form-control.datetimepicker {
  padding: 0 !important; }

#content-wrapper .xl-document[data-document-display-mode="Compact"] .input-group-addon {
  padding: 0; }

.xl-document[data-document-display-mode="Compact"] .dbq-form textarea.form-control {
  min-height: 50px !important;
  padding: 3px 8px !important; }

.xl-document[data-document-display-mode="Compact"] .dbq-form textarea.form-control:disabled::-webkit-scrollbar,
.xl-document[data-document-display-mode="Compact"] .dbq-form textarea.form-control:disabled::-webkit-scrollbar-track {
  background-color: #ced4da !important; }

.xl-document[data-document-display-mode="Compact"] .dbq-form textarea.form-control:disabled::-webkit-scrollbar-thumb {
  border: 4px solid #ced4da !important; }

.xl-document[data-document-display-mode="Compact"] .dbq-form textarea:disabled::-webkit-scrollbar-corner {
  background: #ced4da !important; }

.xl-document[data-document-display-mode="Compact"] .dbq-form .multiple-select-selectmulti[data-is-read-only="true"] {
  font-size: 12px;
  background: #e5e7ec;
  color: #001323; }

/************************************************ 
    Left over dump from DbqDocumentBuilder.css
*************************************************/
.modal li {
  list-style: none; }

/*****************************************
    SVG
    - dropdown toggle
*****************************************/
/*****************************************
    SVG
*****************************************/
.xl-document[data-document-display-mode="Compact"] .form-group .input-group .form-control {
  font-size: 12px !important; }

.xl-document[data-document-display-mode="Compact"] .input-group-addon svg {
  width: 32px;
  height: 26px !important;
  padding: 6px; }

/*****************************************
    Top bar
*****************************************/
#user_info {
  color: #ccc; }

/* ****************************************
    Document-topcis
    - Modals
    - Dashboard
**************************************** */
div[data-document-property-code="RelationTags"] .col-xs-5,
div[data-document-property-code="RelationTags"] .col-xs-2,
div[data-document-property-code="RelationTags"] .col-sm-5,
div[data-document-property-code="RelationTags"] .col-sm-2,
div[data-document-property-code="RelationTags"] .col-md-5,
div[data-document-property-code="RelationTags"] .col-md-2 {
  /* dit omdat: relatiebeheer -> toevoegen -> tags (die schuiven alleen op met float..) */
  float: left;
  height: 100%;
  padding: 0; }

/*****************************************
    Buttons
*****************************************/
#content-wrapper .btn-secondary {
  padding: 5px 10px;
  /* !important <-- there should be no !important here.. can't find where it's used */
  font-size: 12px;
  line-height: 20px;
  font-weight: 500; }

#content-wrapper .btn-danger {
  padding: 5px 10px;
  /* !important <-- there should be no !important here.. can't find where it's used */
  font-size: 12px;
  line-height: 20px;
  font-weight: 500; }

.btn-breadcrumb .btn {
  padding: 7px 12px 7px 24px; }

.btn-breadcrumb .btn:first-child {
  padding: 10px 6px 10px 10px; }

.form-control:disabled,
.form-control[readonly] {
  background-color: #fff;
  border-color: #ced4da;
  opacity: 1; }

.list-group-item:first-child {
  padding-top: 0 !important;
  /* this is needed for the old styling */ }

/*****************************************
    Unilever style overrule
*****************************************/
/*****************************************
    topic / document topic tabs
*****************************************/
.modal-content button.btn-default.dropdown-toggle {
  background: 0;
  border: 1px solid #ced4da; }

#content-wrapper #navigator button.btn-default.navigation-button {
  border-radius: 0; }

#content-wrapper button.btn-secondary:disabled,
.modal-content button.btn-secondary:disabled,
#content-wrapper button.btn-secondary.disabled,
.modal-content button.btn-secondary.disabled {
  cursor: not-allowed;
  opacity: 0.5; }

/*****************************************
    
*****************************************/
.form-group {
  margin: 0;
  /*10px 0 <-- cant add margin here! */ }

.topic .col-sm-5,
.topic .col-sm-2 {
  float: left; }

/*****************************************
    Main menu
*****************************************/
#content-wrapper .form-control#searchbox {
  border-radius: 10px; }

/* ****************************** 
********** Radio box (custom) **********
****************************** */
.dbq-form div[data-topic-type-code="Dashboard"] {
  /*margin: 0 10px;*/
  /* ON THIS NO MARGINS!! can be different everywhere*/
  /* ^^^ CMS -> TSN -> gebruikers & beveiliging, (here is 0 10px needed) */
  /* ^^^ COMMENT BART: RUMM -> maps (home) -> heeft geen margin nodig.. */
  /* ^^^ COMMENT BART: RUMM -> performance dashboard -> heeft geen margin nodig.. */
  /* ^^^ COMMENT BART: CMS -> USC -> facturatie -> heeft geen margin nodig.. wel margin bottom ofzo.. */
  /* ^^^ COMMENT BART: CMS -> USC -> Verkoop -> heeft geen margin nodig.. wel margin bottom ofzo.. */
  background: 0;
  /*<-- more dynamic when every graph inside a dashboard has 10px margin*/ }

/*****************************************************
    MOVED FROM DYNABLOQS.CSS AND DYNBALOQS-LIGHT.CSS
******************************************************/
@media only screen and (max-width: 960px) {
  .modal-lg {
    max-width: 920px; }
  .modal-dialog {
    margin: 30px 10px 10px 10px; } }

@media only screen and (max-width: 1140px) and (min-width: 961px) {
  .modal-lg {
    max-width: 1100px; }
  .modal-dialog {
    margin: 30px 30px 30px 30px; } }

@media only screen and (min-width: 1141px) {
  .modal-lg {
    min-width: 1100px; }
  .modal-dialog {
    margin: 30px auto 30px auto; } }

.dbq-form div[data-add-rule-code="TimeBookingDayLineAdd"] hr {
  margin: 15px 0 !important; }

/* development -> data -> tab: registry */
.classlist-dashboard .dbq-form div[data-element-type="InputProperty"] {
  margin-bottom: 10px; }

.dbq-form .dbq-form-group-title + .flex-container.dbq-form-group {
  /*margin: 0 !important;*/ }

.dbq-form .dbq-form-group-title p,
.dbq-form .dbq-form-group-title span,
.dbq-form .dbq-custom-label p,
.dbq-form .form-group label {
  border-radius: 5px 5px 0 0; }

.dbq-form .dbq-form-group-title + .flex-container.dbq-form-group {
  border-radius: 0 0 10px 10px !important; }

.dbq-form
.dbq-form-group-title
+ .row[data-element-type="InputProperty"]
.dbq-property-no-label
.multiple-select-selectmulti {
  border-radius: 0 0 10px 10px; }

.dbq-form .dbq-form-group-title-label[data-has-info-tooltip="true"] label {
  width: calc(100% - 28px) !important; }

.dbq-form div.row[data-element-type="Text"] {
  /* this can probably have a margin bottom? (form P in forms) */
  /*margin: 0 0 10px 0; <-- can't have margin! check CMS -> contentbeheer -> refresh cache modal */
  /* !important <-- cant have important, custom labels are also text element */
  margin: 0; }

.dbq-form .form-group .searchbox-container {
  padding: 0 !important; }

.dbq-form .form-group input[name="EmployeeWorkLineProductBeginCount"],
.dbq-form .form-group input[name="EmployeeWorkLineProductEndCount"],
.dbq-form .form-group select[name="EmployeeWorkLineIsSetup"] {
  margin-right: 5px !important;
  width: calc(100% - 5px) !important;
  /*<-- causing input problem in vuvu -> uren -> voeg werkdag toe */ }

.dbq-form .form-group input[name="EmployeeWorkLineBeginTime"] {
  margin-right: 5px !important;
  width: calc(100% - 55px) !important; }

.dbq-form .form-control[data-is-translating="true"] {
  border-radius: 0 !important; }

.dbqdb-translation-languages-container {
  float: right;
  padding: 5px; }

#content-wrapper #document-class-list-filters .document-class-list-filter .form-control {
  box-shadow: none !important; }

.dbq-form .input-group.date input.form-control {
  border-radius: 0 0 10px 0; }

.dbq-form .checkbox label {
  border-radius: 0; }

/*.dbq-form .dbq-input-no-label .form-control {
    border-radius: 10px;
}*/
.dbq-form .dbq-input-no-label .input-group .form-control {
  border-radius: 0 10px 10px 0; }

.dbq-form .dbq-input-no-label .input-group .input-group-addon {
  /* .dbq-form .dbq-input-no-label .input-group .cr-icon <-- why would this be a weird border-radius? */
  border-radius: 10px 0 0 10px; }

.dbq-form form[data-view-mode="View"] .dbq-form .multiple-select-selectmulti[data-is-read-only="true"] {
  border-radius: 10px; }

.dbq-form form[data-view-mode="View"] .dbq-form .multiple-select-selectmulti[data-is-read-only="true"] {
  border-radius: 10px; }

.dbq-form .row[data-element-type="InputProperty"] .dbq-property-no-label .multiple-select-selectmulti-left {
  border-radius: 0 0 0 10px; }

.dbq-form .btn.dbq-select-add-button,
.dbq-form .btn.dbq-select-view-button {
  /*border-radius: 0 0 10px 0; <-- don't do this, it's bad for: Relatiebeheer -> click TR -> modify icon in table -> view icon in modal*/
  margin: 0;
  padding: 6px; }

.btn-outline-primary.focus,
.btn-outline-primary:focus {
  box-shadow: none; }

/* ******************************
    Input group addon
****************************** */
/* ******************************
    Checkbox list (folder types)
****************************** */
.dbq-form .row[data-element-type="InputProperty"].dbq-checkbox-list {
  margin: 3px !important; }

/* **************************************************
    Titles + text
    - this are the other styling (from DocumentBuilder.css) DocumentBuilder.css should only be default styling.

    Rules:
    - Line height should always be 8 more than size ! (because of container margins etc.. with small margins it is obvious when it has a few pixels difference) SO if line-height is not enough.. change it voor all text and titles
************************************************** */
.dbq-application-vovu .dbq-form h3 {
  /* VOVU snipperoverzicht*/
  color: #1285d8 !important; }

.dbq-application-vovu .dbq-form div[data-element-type="Header"] span {
  /* VOVU snipperoverzicht*/
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  margin: 5px 0;
  /*color: #cccccc !important;*/ }

/* **************************************************
    Checkbox
************************************************** */
/* ******************************
    input without a label AND when it has a custom label
    - added in light and dark. TODO: all border-radius in dynabloqs.css
****************************** */
/* default */
.dbq-form .dbq-input-no-label input {
  border-radius: 10px; }

/* custom label */
.dbq-form .dbq-custom-label + .element > .property > .dbq-input-no-label input {
  border-radius: 0 0 10px 10px; }

/* time picker */
.dbq-form .dbq-custom-label + .element > .property > .dbq-input-no-label .date .input-group-addon {
  border-radius: 0 0 0 10px; }

/* time picker */
.dbq-form .dbq-custom-label + .element > .property > .dbq-input-no-label .date input {
  border-radius: 0 0 10px 0; }

/* select */
.dbq-form .dbq-custom-label + .element > .property > .dbq-input-no-label select {
  border-radius: 0 0 10px 10px; }

/*
    * Only when labels got styling, so this needs to be in light/dark styles (or Dynabloqs.css? because it's a radius..)
*/
.property select[data-inspect-folder-document-id][data-inspect-add-rule-code][data-selected-value=""] {
  border-radius: 0 0 0 10px !important; }

.property select[data-inspect-folder-document-id][data-inspect-add-rule-code][data-selected-value] {
  border-radius: 0 0 10px 10px !important; }

.property select[data-inspect-folder-document-id][data-inspect-add-rule-code][data-has-value="true"] {
  /* eye is visible here */
  border-radius: 0 0 0 10px !important; }

.dbq-select-add-button {
  background-color: #ffffff; }

.property select[data-inspect-folder-document-id=""] {
  border-radius: 0 0 10px 10px !important; }

.property select[data-inspect-add-rule-code=""] + .input-group-append > .dbq-select-view-button {
  height: 50px;
  border-radius: 0 0 10px 0 !important; }

.dbq-form .row[data-element-type="InputProperty"] .dbq-property-no-label,
.dbq-form .row[data-element-type="InputProperty"] .dbq-property-no-label input,
.dbq-form .row[data-element-type="InputProperty"] .dbq-property-no-label textarea,
.dbq-form .dbq-input-no-label .form-control {
  border-radius: 0 0 10px 10px; }

/* ****************************** 
    Date picker
****************************** */
/* ****************************** 
    No data available overlay
****************************** */
/*
    Input list
*/
/* Enabled */
/* Focus (Selected) */
/* **************************************************
    Titles + text
    - this are the other styling (from DocumentBuilder.css) DocumentBuilder.css should only be default styling.

    Rules:
    - Line height should always be 8 more than size ! (because of container margins etc.. with small margins it is obvious when it has a few pixels difference) SO if line-height is not enough.. change it voor all text and titles
    - Standard colors NO IMPORTANT should be possible to override
************************************************** */
/*
    Tooltips on labels
*/
.tooltip-inner {
  background: #f9f8d9;
  color: #001323;
  -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3); }

.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.bs-tooltip-top .arrow::before {
  border-top-color: #f9f8d9;
  /*box-shadow: 0px 1px 5px rgb(0 0 0 / 30%); <-- shadow not working on pseudo elements */
  -webkit-filter: drop-shadow(0px 1px 5px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0px 1px 5px rgba(0, 0, 0, 0.5));
  -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=1, Color='#000')";
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=1, Color='#000')"; }

.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #f9f8d9;
  /*box-shadow: 0px 1px 5px rgb(0 0 0 / 30%); <-- shadow not working on pseudo elements */
  -webkit-filter: drop-shadow(0px 1px 5px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0px 1px 5px rgba(0, 0, 0, 0.5));
  -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=1, Color='#000')";
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=1, Color='#000')"; }

/* ****************************** 
    Hover indication for drag/drop on file input
****************************** */
/* 
    ##################################################
    default styling override 
    ##################################################
*/
.input-group-btn span {
  color: #0054f0; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

#content {
  height: 100%;
  float: left;
  color: #000000; }
  #content select {
    padding: 5px !important;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    height: 30px; }
  #content .tab-content .tab-pane {
    background: 0; }

#dbq-content-container .document-class-list-control-content-container {
  float: left;
  min-height: 100% !important;
  width: 100%;
  height: 100%;
  padding: 0; }
  #dbq-content-container .document-class-list-control-content-container #classlist.active {
    padding: 0; }
    #dbq-content-container .document-class-list-control-content-container #classlist.active .dbq-no-data-available-container {
      padding: 10px;
      margin: 0;
      width: 100%;
      height: 100%;
      background: none; }

.embedded-map {
  margin-bottom: 0 !important; }

h3.ellipsis {
  color: #321E64 !important; }

.form-inline {
  border-radius: 10px; }

#classlist .document-class-list .dropdown-menu {
  border-radius: 3px; }

#classlist #docbuilder {
  height: 100%; }
  #classlist #docbuilder .dbq-form {
    max-height: calc(100% - 0px);
    overflow-y: auto; }

#classlist h4.dbq-no-data-text {
  margin: 10px;
  padding: 10px;
  background: #ffffff;
  color: #3a3b40;
  border-radius: 5px; }

#classListControlContainer {
  overflow: hidden; }
  #classListControlContainer .tab-pane {
    overflow: auto; }

.classlist-dashboard div[data-element-type="Graph"] {
  border-radius: 10px; }

.document-class-list-tabs-container .help-button {
  display: none; }

#classlist label.classlist-toolbar-item:hover {
  background: 0 !important; }

#classlist-matterport {
  padding: 10px;
  margin: 0; }

#classlist-timeline .dbqdcltl-container,
.dashboard-list-item-content,
#dbq-content-container .tab-pane #classlist.active .dbq-no-data-available-container {
  /*box-shadow: 0px 3px 5px rgb(0 24 62 / 7%);*/
  /* ATR portal -> dashboard -> 3- jaarlijkse trendlijn, DOUBLE SHADOWS otherwise*/
  -webkit-box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07);
  -moz-box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07);
  box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07); }

.dbqdcl-loading-view {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  opacity: 1; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

#classlist .document-class-list-tree .image-container .icon-container svg {
  float: left;
  padding: 4px;
  margin: 0; }

#classlist .classlist-toolbar-item svg {
  fill: #001323; }

#classlist .classlist-toolbar-item:hover {
  background: #321E64;
  border: 1px solid #2D1B5A; }
  #classlist .classlist-toolbar-item:hover svg {
    fill: #fff; }

#classlist button.classlist-toolbar-item:hover:enabled {
  background: #321E64 !important;
  border: 2px solid #2D1B5A !important;
  opacity: 1; }
  #classlist button.classlist-toolbar-item:hover:enabled svg {
    fill: #ffffff !important; }

.dashboard-list-item-remove-overlay svg {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  fill: #321E64; }

.dashboard-list-add-button-container button svg {
  float: left;
  width: 16px;
  height: 16px;
  margin: 2px 10px 2px 2px; }

.dashboard-list-remove-button-container button svg {
  float: left;
  width: 16px;
  height: 16px;
  margin: 2px 10px 2px 2px; }

.document-class-list-filter.checkbox-bottom .cr svg {
  width: 10px;
  height: 10px; }

.dbq-no-data-available-container .dbq-no-data-available-image svg {
  width: 250px;
  height: 100px;
  max-width: 100%;
  padding: 0 50px;
  fill: #000000; }

button.classlist-toolbar-item {
  padding: 8px; }
  button.classlist-toolbar-item svg {
    float: left;
    padding: 3px;
    margin: 0;
    width: 20px;
    height: 20px; }
  button.classlist-toolbar-item.classlist-filter-button svg, button.classlist-toolbar-item.classlist-dashboard-button svg {
    padding: 0; }

.dbqdclt-dropdown-menu.dropdown-menu li svg {
  display: inline-block;
  float: left;
  margin: 0;
  padding: 2px; }

.dbqdclt-dropdown-menu li svg {
  display: inline-block;
  margin: 0 10px 0 0; }

.dbqdclt-dropdown-menu li:hover svg {
  fill: #fff; }

.document-class-list-tabs-container .help-button {
  top: 10px;
  right: 30px;
  width: 30px;
  height: 30px;
  font-size: 24px;
  position: absolute;
  color: #b3baca; }
  .document-class-list-tabs-container .help-button svg.dbq-icon-30x30 {
    display: none;
    float: left;
    width: 30px;
    height: 30px;
    margin: 20px 10px 20px 20px; }
  .document-class-list-tabs-container .help-button svg.dbq-icon-20x20 {
    display: none;
    float: left;
    width: 30px;
    height: 30px;
    margin: 20px 10px 20px 20px;
    fill: #001323 !important;
    padding: 0; }
    .document-class-list-tabs-container .help-button svg.dbq-icon-20x20:hover {
      fill: #321E64 !important; }

.file-download-button {
  text-decoration: none; }
  .file-download-button svg {
    fill: #ffffff;
    width: 15px;
    height: 15px;
    margin-right: 5px; }

svg.normal-right-spinner {
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite; }

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.document-class-list-tabs-container,
.classlist-window-tabs {
  position: relative;
  background-color: #321E64;
  z-index: 15; }
  .document-class-list-tabs-container .nav-tabs,
  .classlist-window-tabs .nav-tabs {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 0 15px;
    background: none;
    border: none; }
    .document-class-list-tabs-container .nav-tabs::-webkit-scrollbar-track,
    .classlist-window-tabs .nav-tabs::-webkit-scrollbar-track {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .document-class-list-tabs-container .nav-tabs::-webkit-scrollbar-corner, .document-class-list-tabs-container .nav-tabs::-webkit-scrollbar-corner,
    .classlist-window-tabs .nav-tabs::-webkit-scrollbar-corner,
    .classlist-window-tabs .nav-tabs::-webkit-scrollbar-corner {
      background-color: transparent; }
    .document-class-list-tabs-container .nav-tabs,
    .classlist-window-tabs .nav-tabs {
      scrollbar-face-color: RGBA(0, 0, 0, 0.4);
      scrollbar-track-color: RGBA(0, 0, 0, 0.2); }
    .document-class-list-tabs-container .nav-tabs::-webkit-scrollbar, .document-class-list-tabs-container .nav-tabs::-webkit-scrollbar-corner, .document-class-list-tabs-container .nav-tabs::-webkit-scrollbar-track, .document-class-list-tabs-container .nav-tabs::-webkit-scrollbar-thumb,
    .classlist-window-tabs .nav-tabs::-webkit-scrollbar,
    .classlist-window-tabs .nav-tabs::-webkit-scrollbar-corner,
    .classlist-window-tabs .nav-tabs::-webkit-scrollbar-track,
    .classlist-window-tabs .nav-tabs::-webkit-scrollbar-thumb {
      border-radius: 0; }
    .document-class-list-tabs-container .nav-tabs::-webkit-scrollbar, .document-class-list-tabs-container .nav-tabs::-webkit-scrollbar-track,
    .classlist-window-tabs .nav-tabs::-webkit-scrollbar,
    .classlist-window-tabs .nav-tabs::-webkit-scrollbar-track {
      width: 7.5px;
      height: 7.5px;
      border-radius: 0;
      background-color: transparent !important;
      background: transparent !important; }
    .document-class-list-tabs-container .nav-tabs::-webkit-scrollbar-thumb,
    .classlist-window-tabs .nav-tabs::-webkit-scrollbar-thumb {
      border-radius: 7.5px;
      transition: all 0.4s;
      background: RGBA(0, 0, 0, 0.2) !important;
      background-color: RGBA(0, 0, 0, 0.2) !important;
      border: none !important; }
      .document-class-list-tabs-container .nav-tabs::-webkit-scrollbar-thumb:hover,
      .classlist-window-tabs .nav-tabs::-webkit-scrollbar-thumb:hover {
        background-color: RGBA(0, 0, 0, 0.4) !important; }
    .document-class-list-tabs-container .nav-tabs li,
    .classlist-window-tabs .nav-tabs li {
      cursor: pointer;
      padding: 7.5px 0;
      margin: 7.5px 15px 7.5px 0;
      background: transparent;
      border: 1px solid transparent;
      border-radius: 10px; }
      .document-class-list-tabs-container .nav-tabs li a,
      .classlist-window-tabs .nav-tabs li a {
        white-space: nowrap;
        padding: 9px 14px;
        float: unset;
        font-size: 14px;
        font-weight: 400;
        color: #ffffff;
        text-decoration: none; }
        .document-class-list-tabs-container .nav-tabs li a::after,
        .classlist-window-tabs .nav-tabs li a::after {
          height: 0; }
        .document-class-list-tabs-container .nav-tabs li a svg,
        .classlist-window-tabs .nav-tabs li a svg {
          fill: #ffffff; }
      .document-class-list-tabs-container .nav-tabs li[data-has-submenu="true"][data-is-hovering-submenu="true"], .document-class-list-tabs-container .nav-tabs li[data-has-submenu="true"][data-is-hovering="true"],
      .classlist-window-tabs .nav-tabs li[data-has-submenu="true"][data-is-hovering-submenu="true"],
      .classlist-window-tabs .nav-tabs li[data-has-submenu="true"][data-is-hovering="true"] {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
      .document-class-list-tabs-container .nav-tabs li[data-is-hovering-submenu="true"], .document-class-list-tabs-container .nav-tabs li.active, .document-class-list-tabs-container .nav-tabs li.active:hover, .document-class-list-tabs-container .nav-tabs li:hover,
      .classlist-window-tabs .nav-tabs li[data-is-hovering-submenu="true"],
      .classlist-window-tabs .nav-tabs li.active,
      .classlist-window-tabs .nav-tabs li.active:hover,
      .classlist-window-tabs .nav-tabs li:hover {
        background: #333333 !important; }
        .document-class-list-tabs-container .nav-tabs li[data-is-hovering-submenu="true"] > a, .document-class-list-tabs-container .nav-tabs li.active > a, .document-class-list-tabs-container .nav-tabs li.active:hover > a, .document-class-list-tabs-container .nav-tabs li:hover > a,
        .classlist-window-tabs .nav-tabs li[data-is-hovering-submenu="true"] > a,
        .classlist-window-tabs .nav-tabs li.active > a,
        .classlist-window-tabs .nav-tabs li.active:hover > a,
        .classlist-window-tabs .nav-tabs li:hover > a {
          color: #ffffff !important; }
          .document-class-list-tabs-container .nav-tabs li[data-is-hovering-submenu="true"] > a svg, .document-class-list-tabs-container .nav-tabs li.active > a svg, .document-class-list-tabs-container .nav-tabs li.active:hover > a svg, .document-class-list-tabs-container .nav-tabs li:hover > a svg,
          .classlist-window-tabs .nav-tabs li[data-is-hovering-submenu="true"] > a svg,
          .classlist-window-tabs .nav-tabs li.active > a svg,
          .classlist-window-tabs .nav-tabs li.active:hover > a svg,
          .classlist-window-tabs .nav-tabs li:hover > a svg {
            fill: #ffffff !important; }
      .document-class-list-tabs-container .nav-tabs li:last-of-type,
      .classlist-window-tabs .nav-tabs li:last-of-type {
        margin-right: 0; }

.document-class-list-tabs-container .nav-tabs li {
  position: relative; }
  .document-class-list-tabs-container .nav-tabs li ul {
    display: none; }
  .document-class-list-tabs-container .nav-tabs li:hover:has(ul) {
    border-radius: 10px 10px 0 0; }
  .document-class-list-tabs-container .nav-tabs li:hover ul {
    display: block; }

.classlist-window-tabs .nav-tabs li {
  position: relative; }
  .classlist-window-tabs .nav-tabs li ul {
    display: none; }
  .classlist-window-tabs .nav-tabs li:hover:has(ul) {
    border-radius: 10px 10px 0 0; }
  .classlist-window-tabs .nav-tabs li:hover ul {
    display: block; }

ul.dbqdcl-submenu {
  position: absolute;
  z-index: 1040;
  list-style: none;
  padding: 7.5px;
  margin: 0;
  border-radius: 0 10px 10px 10px;
  box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
  background: #333333 !important;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px); }
  ul.dbqdcl-submenu li {
    cursor: pointer;
    padding: 0;
    margin: 0;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 10px; }
    ul.dbqdcl-submenu li a {
      display: inline-block;
      color: #ffffff !important;
      white-space: nowrap;
      padding: 9px 14px;
      font-size: 14px;
      font-weight: 400;
      text-decoration: none; }
      ul.dbqdcl-submenu li a::after {
        height: 0; }
      ul.dbqdcl-submenu li a svg {
        fill: #ffffff; }
    ul.dbqdcl-submenu li.active, ul.dbqdcl-submenu li.active:hover, ul.dbqdcl-submenu li:hover {
      background: #333333 !important; }
      ul.dbqdcl-submenu li.active > a, ul.dbqdcl-submenu li.active:hover > a, ul.dbqdcl-submenu li:hover > a {
        color: #ffffff !important; }
        ul.dbqdcl-submenu li.active > a svg, ul.dbqdcl-submenu li.active:hover > a svg, ul.dbqdcl-submenu li:hover > a svg {
          fill: #ffffff !important; }
    ul.dbqdcl-submenu li:first-of-type {
      margin-top: 0; }
    ul.dbqdcl-submenu li:last-of-type {
      margin-bottom: 0; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

#classlist .classlist-window {
  float: left;
  width: 100%;
  height: 100%;
  padding: 0; }

.document-class-list-control-container {
  display: flex;
  flex-flow: column;
  height: 100%; }
  .document-class-list-control-container .document-class-list-tab-content-container {
    flex: 1 1 auto;
    max-height: inherit;
    overflow: auto; }
    .document-class-list-control-container .document-class-list-tab-content-container::-webkit-scrollbar-track {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .document-class-list-control-container .document-class-list-tab-content-container::-webkit-scrollbar-corner, .document-class-list-control-container .document-class-list-tab-content-container::-webkit-scrollbar-corner {
      background-color: transparent; }
    .document-class-list-control-container .document-class-list-tab-content-container {
      scrollbar-face-color: #321E64;
      scrollbar-track-color: RGBA(0, 0, 0, 0.3); }
    .document-class-list-control-container .document-class-list-tab-content-container::-webkit-scrollbar, .document-class-list-control-container .document-class-list-tab-content-container::-webkit-scrollbar-corner, .document-class-list-control-container .document-class-list-tab-content-container::-webkit-scrollbar-track, .document-class-list-control-container .document-class-list-tab-content-container::-webkit-scrollbar-thumb {
      border-radius: 0; }
    .document-class-list-control-container .document-class-list-tab-content-container::-webkit-scrollbar, .document-class-list-control-container .document-class-list-tab-content-container::-webkit-scrollbar-track {
      width: 7.5px;
      height: 7.5px;
      border-radius: 0;
      background-color: transparent !important;
      background: transparent !important; }
    .document-class-list-control-container .document-class-list-tab-content-container::-webkit-scrollbar-thumb {
      border-radius: 7.5px;
      transition: all 0.4s;
      background: RGBA(0, 0, 0, 0.3) !important;
      background-color: RGBA(0, 0, 0, 0.3) !important;
      border: none !important; }
      .document-class-list-control-container .document-class-list-tab-content-container::-webkit-scrollbar-thumb:hover {
        background-color: #321E64 !important; }
    .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container {
      background: none; }
      .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .form-inline {
        background: #ffffff;
        border-color: #e5e7ec;
        color: #000000 !important;
        font-size: 14px;
        line-height: 14px;
        padding: 0; }
        .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .form-inline::-webkit-input-placeholder {
          color: #001323 !important; }
        .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .form-inline::-moz-placeholder {
          color: #001323 !important; }
        .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .form-inline:-ms-input-placeholder {
          color: #001323 !important; }
        .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .form-inline:-moz-placeholder {
          color: #001323 !important; }
      .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .form-control::-webkit-input-placeholder {
        color: #001323 !important; }
      .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .form-control::-moz-placeholder {
        color: #001323 !important; }
      .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .form-control:-ms-input-placeholder {
        color: #001323 !important; }
      .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .form-control:-moz-placeholder {
        color: #001323 !important; }
      .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .document-class-list .row-button {
        border: none;
        font-size: 14px !important;
        line-height: 20px; }
      .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window.class-list-window-is-fullscreen {
        height: 100% !important; }
        .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window.class-list-window-is-fullscreen .classlist-window-tabs {
          display: none; }
        .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window.class-list-window-is-fullscreen .classlist-window-content {
          height: 100% !important; }
          .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window.class-list-window-is-fullscreen .classlist-window-content #classlist-top-buttons,
          .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window.class-list-window-is-fullscreen .classlist-window-content #classlist-filters,
          .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window.class-list-window-is-fullscreen .classlist-window-content #classlist-dashboard {
            display: none; }
          .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window.class-list-window-is-fullscreen .classlist-window-content .classlist-container {
            height: 100% !important; }
            .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window.class-list-window-is-fullscreen .classlist-window-content .classlist-container .dbqdcltg-sidepanel .dbq-form {
              max-height: initial; }
      .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window.class-list-window-is-hidden {
        display: none; }
      .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window .classlist-window-tabs {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        z-index: unset !important; }
        .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window .classlist-window-tabs .classlist-window-active-window-toggle-container {
          display: flex;
          margin-right: 15px; }
          .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window .classlist-window-tabs .classlist-window-active-window-toggle-container .classlist-window-toggle-button {
            display: flex;
            align-items: center;
            justify-content: center;
            background: none;
            border: none;
            outline: 0;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            padding: 0px;
            cursor: pointer;
            background: transparent;
            border: 1px solid transparent; }
            .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window .classlist-window-tabs .classlist-window-active-window-toggle-container .classlist-window-toggle-button svg {
              fill: #ffffff;
              width: 24px;
              height: 24px; }
            .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window .classlist-window-tabs .classlist-window-active-window-toggle-container .classlist-window-toggle-button:hover {
              color: #321E64;
              box-shadow: 0 0 5px #ffffff;
              text-shadow: 0 0 5px #ffffff;
              background: #333333 !important; }
              .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window .classlist-window-tabs .classlist-window-active-window-toggle-container .classlist-window-toggle-button:hover svg {
                fill: #ffffff !important;
                transform: scale(1.1); }
      .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window .classlist-window-content {
        width: 100%;
        height: 100%;
        overflow-y: visible;
        padding: 15px 0; }
        .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window .classlist-window-content::-webkit-scrollbar-track {
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
        .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window .classlist-window-content::-webkit-scrollbar-corner, .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window .classlist-window-content::-webkit-scrollbar-corner {
          background-color: transparent; }
        .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window .classlist-window-content {
          scrollbar-face-color: RGBA(0, 0, 0, 0.4);
          scrollbar-track-color: RGBA(0, 0, 0, 0.2); }
        .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window .classlist-window-content::-webkit-scrollbar, .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window .classlist-window-content::-webkit-scrollbar-corner, .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window .classlist-window-content::-webkit-scrollbar-track, .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window .classlist-window-content::-webkit-scrollbar-thumb {
          border-radius: 10px; }
        .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window .classlist-window-content::-webkit-scrollbar, .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window .classlist-window-content::-webkit-scrollbar-track {
          width: 7.5px;
          height: 7.5px;
          border-radius: 10px;
          background-color: transparent !important;
          background: transparent !important; }
        .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window .classlist-window-content::-webkit-scrollbar-thumb {
          border-radius: 7.5px;
          transition: all 0.4s;
          background: RGBA(0, 0, 0, 0.2) !important;
          background-color: RGBA(0, 0, 0, 0.2) !important;
          border: none !important; }
          .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window .classlist-window-content::-webkit-scrollbar-thumb:hover {
            background-color: RGBA(0, 0, 0, 0.4) !important; }
        .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window .classlist-window-content .dbqdt-table-active-tools-cell-tool:after {
          box-shadow: none; }
        .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window .classlist-window-content #classlist-tree-grid {
          display: inline-block;
          width: 100%;
          clear: both;
          margin: 0;
          padding: 7.5px 15px;
          background-color: unset;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
          .document-class-list-control-container .document-class-list-tab-content-container .document-class-list-control-content-container .classlist-window .classlist-window-content #classlist-tree-grid > :first-child {
            border-radius: 10px;
            background-color: #ffffff;
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px); }
  .document-class-list-control-container #classlist-top-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap; }
    .document-class-list-control-container #classlist-top-buttons .btn {
      background: #321E64;
      border: 2px solid #dddddd;
      border-color: #2D1B5A;
      color: #fff;
      font-size: 14px;
      -moz-background-clip: border-box;
      -webkit-background-clip: border-box;
      background-clip: border-box; }
      .document-class-list-control-container #classlist-top-buttons .btn:hover {
        background: #2D1B5A;
        border-color: #281851;
        color: #FFFFFF;
        transition: all 0.3s ease; }
      .document-class-list-control-container #classlist-top-buttons .btn:active {
        background: #2D1B5A;
        border-color: #281851;
        color: #FFFFFF; }
    .document-class-list-control-container #classlist-top-buttons .btn:last-child {
      margin-right: 0; }
    .document-class-list-control-container #classlist-top-buttons .btn-group .dropdown-toggle-split {
      padding: 5px; }
      .document-class-list-control-container #classlist-top-buttons .btn-group .dropdown-toggle-split .sr-only {
        position: relative; }
    .document-class-list-control-container #classlist-top-buttons .btn-group svg {
      fill: #fff; }
    .document-class-list-control-container #classlist-top-buttons .btn-group:hover svg {
      fill: #FFFFFF; }

#document-class-list-filters .form-group {
  margin-bottom: 0 !important;
  padding: 0 !important; }
  #document-class-list-filters .form-group .form-control {
    font-size: 12px;
    border: 2px solid #e5e7ec; }

#document-class-list-filters label {
  font-size: 12px;
  min-width: 30px;
  position: relative;
  line-height: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #001323;
  font-weight: 600; }
  #document-class-list-filters label input[type="checkbox"] + .cr > .cr-icon {
    opacity: 0;
    transform: scale(3) rotateZ(-20deg); }
  #document-class-list-filters label input[type="checkbox"]:checked + .cr {
    background-color: #321E64;
    border-color: #2D1B5A;
    fill: #fff; }
    #document-class-list-filters label input[type="checkbox"]:checked + .cr > .cr-icon {
      opacity: 1;
      transform: scale(1) rotateZ(0deg); }

#document-class-list-filters .dbq-checkbox-container {
  float: left;
  width: 100%;
  margin: 5px 0 0 0; }

#document-class-list-filters .dbq-checkbox-container[data-visible="true"]:last-of-type {
  margin: 0 !important; }

#document-class-list-filters label.dbq-checkbox {
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 0;
  margin-bottom: 0;
  float: left;
  width: 100%;
  border-radius: 3px; }
  #document-class-list-filters label.dbq-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
    #document-class-list-filters label.dbq-checkbox input:checked ~ .dbq-checkmark {
      background-color: #321E64;
      border: 2px solid #321E64; }
      #document-class-list-filters label.dbq-checkbox input:checked ~ .dbq-checkmark:after {
        display: block; }
  #document-class-list-filters label.dbq-checkbox:hover input ~ .dbq-checkmark {
    background-color: #001323; }
  #document-class-list-filters label.dbq-checkbox .dbq-checkmark:after {
    left: 5px;
    top: 1px;
    width: 6px;
    height: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

#document-class-list-filters .dbq-checkbox-value {
  width: 100%;
  padding: 0 0 0 30px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  display: flex;
  white-space: nowrap; }

#document-class-list-filters .document-class-list-filter {
  max-width: 300px;
  margin: 10px 10px 0 0;
  padding: 0;
  background: #ffffff;
  border: 0;
  border-radius: 10px; }
  #document-class-list-filters .document-class-list-filter .dbq-checkbox-filters input {
    display: none; }
  #document-class-list-filters .document-class-list-filter .cr {
    float: left;
    width: 20px;
    height: 20px !important;
    margin: 5px;
    clear: both;
    border-radius: 5px;
    border: 2px solid #e5e7ec;
    background: #ffffff;
    cursor: pointer; }
    #document-class-list-filters .document-class-list-filter .cr svg {
      width: 16px;
      height: 16px;
      padding: 3px;
      margin: 0;
      top: 0;
      left: 0;
      float: left; }
  #document-class-list-filters .document-class-list-filter input.form-control {
    background-color: #ffffff;
    border: 2px solid #e5e7ec;
    height: 34px; }
  #document-class-list-filters .document-class-list-filter label {
    margin: 0;
    float: left;
    color: #595f6e !important;
    background: #ffffff;
    border: 2px solid #e5e7ec;
    border-bottom: 0;
    font-weight: 600;
    width: 100%;
    padding: 3px 5px; }
  #document-class-list-filters .document-class-list-filter .filter-boolean-icon {
    display: inline-block;
    width: 10px;
    height: 10px;
    padding: 0;
    margin: 10px 5px; }

#document-class-list-filters .document-class-list-filter-column {
  float: left;
  margin-right: 10px; }
  #document-class-list-filters .document-class-list-filter-column .document-class-list-filter {
    clear: both; }
    #document-class-list-filters .document-class-list-filter-column .document-class-list-filter:first-of-type {
      clear: none; }

#document-class-list-filters .checkbox label input[type="checkbox"] + .cr > .cr-icon {
  opacity: 0;
  transform: scale(3) rotateZ(-20deg); }

#document-class-list-filters .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon {
  opacity: 1;
  transform: scale(1) rotateZ(0deg); }

#document-class-list-filters .bootstrap-datetimepicker-widget .list-unstyled {
  padding: 5px; }

#document-class-list-filters .bootstrap-datetimepicker-widget table tr {
  background: #ffffff;
  border-bottom: 1px solid #ffffff;
  color: #717886; }

#document-class-list-filters .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #e5e7ec !important; }

#document-class-list-filters .bootstrap-datetimepicker-widget table td.day:hover {
  background: #e5e7ec !important; }

#document-class-list-filters .bootstrap-datetimepicker-widget.dropdown-menu {
  background: #ffffff !important; }
  #document-class-list-filters .bootstrap-datetimepicker-widget.dropdown-menu li {
    padding: 0 !important;
    background: #ffffff !important; }
    #document-class-list-filters .bootstrap-datetimepicker-widget.dropdown-menu li:hover {
      background: 0 !important; }

#document-class-list-filters #document-class-list-filters.document-class-list-filters-left {
  padding: 0 0 10px 0;
  flex-direction: row; }
  #document-class-list-filters #document-class-list-filters.document-class-list-filters-left .document-class-list-filter {
    margin-bottom: 0; }

#document-class-list-filters .document-class-list-filter label {
  width: 100%;
  padding: 3px 5px; }

#document-class-list-filters .document-class-list-filter.checkbox-bottom span.dbq-checkbox-label-filters {
  width: 100%;
  padding: 3px 5px; }

.generic-folder-document-class-list-container #classlist .classlist-window[data-window-index="0"] #classlist-top-buttons {
  padding: 7.5px 15px 7.5px 25px !important; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbqdcl-toolbar {
  display: flex;
  justify-content: space-between;
  padding: 5px;
  overflow: hidden;
  margin-left: 5px; }
  .dbqdcl-toolbar .dbqdcl-toolbar-buttons {
    display: flex; }
    .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-dropdown {
      border-radius: 10px;
      background: #ffffff;
      height: 30px;
      border: 2px solid #e5e7ec;
      margin-right: 5px;
      color: #001323;
      font-size: 12px;
      font-weight: 600;
      outline: 0;
      cursor: pointer; }
      .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-dropdown:hover {
        background: #321E64;
        border-color: #321E64;
        color: #ffffff; }
      .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-dropdown option {
        color: #000000; }
    .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 30px;
      height: 30px;
      padding: 4px !important;
      margin-right: 5px;
      border-radius: 10px;
      background: #ffffff;
      border: 2px solid #e5e7ec;
      color: #001323;
      font-size: 12px; }
      .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button svg {
        fill: #000000; }
      .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button:hover {
        background: #321E64;
        border-color: #321E64; }
        .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button:hover svg {
          fill: #fff; }
      .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline {
        min-width: 185px;
        padding-right: 5px !important;
        border-radius: 10px;
        color: #000000;
        border: 2px solid #e5e7ec !important;
        line-height: 20px !important;
        width: auto;
        padding: 0 !important;
        font-weight: 500; }
        .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline .toggle.btn {
          height: 26px !important;
          min-height: 26px !important;
          float: left;
          font-size: 12px;
          font-weight: 600;
          margin-right: 10px;
          border-radius: 8px 0 0 8px !important;
          background: #ffffff !important;
          border-color: #e5e7ec;
          border: 0 !important;
          -webkit-box-shadow: none !important;
          -moz-box-shadow: none !important;
          box-shadow: none !important;
          margin-left: -6px !important;
          top: 1px; }
        .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline .toggle-on.btn {
          font-size: 12px;
          font-weight: 600;
          padding: 2px 0 !important; }
        .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline .toggle-off.btn {
          font-size: 12px;
          font-weight: 600;
          padding: 7px 5px 8px 10px !important; }
        .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline .toggle .btn.btn-default {
          padding: 0;
          margin: 0;
          height: 26px;
          line-height: 26px;
          border-radius: 8px 0 0 8px;
          border: 0; }
          .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline .toggle .btn.btn-default:hover {
            border: 0;
            color: #ffffff; }
        .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline .toggle .btn.btn-default.toggle-handle {
          width: 10px; }
        .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline .toggle span.btn.btn-default.toggle-handle:enabled {
          width: 10px; }
        .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline .toggle .toggle-group span.toggle-handle {
          background: #008000 !important;
          border: 0 !important; }
          .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline .toggle .toggle-group span.toggle-handle:hover {
            border: 0 !important; }
        .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline .toggle:hover .toggle-group span.toggle-handle {
          background: #008000 !important; }
        .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline .toggle:not(.off) .toggle-off {
          background: transparent !important; }
        .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline .toggle-group span.toggle-handle {
          border-radius: 0 !important;
          background: #cb4627 !important;
          border: 0; }
        .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline .toggle-group .btn-primary {
          cursor: pointer;
          background: #008000 !important;
          border: 2px solid #008000 !important;
          border-radius: 10px 0 0 10px;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
          .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline .toggle-group .btn-primary:hover {
            background: #008000 !important;
            border: 2px solid #008000 !important; }
        .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline .toggle-group label.btn-default {
          cursor: pointer;
          background: #cb4627 !important;
          color: #fff !important;
          border: 2px solid #cb4627;
          padding: 1px 0 !important;
          border-radius: 10px 0 0 10px;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
          .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline .toggle-group label.btn-default:hover {
            background: #cb4627 !important;
            border: 2px solid #cb4627; }
        .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline button.btn-default.dropdown-toggle:enabled {
          border-radius: 10px !important; }
        .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline .toggle.btn.btn-primary:hover {
          border: 0 !important;
          color: #ffffff !important; }
        .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline .toggle.btn.btn-primary:enabled:hover {
          border: 0 !important;
          color: #ffffff !important; }
        .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline .toggle.btn.btn-default:hover {
          border: 0 !important;
          color: #ffffff !important; }
        .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline .toggle.btn.btn-default:enabled:hover {
          border: 0 !important;
          color: #ffffff !important; }
        .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline .toggle.off .toggle-group span.toggle-handle {
          background: #cb4627 !important;
          border: 0 !important; }
          .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline .toggle.off .toggle-group span.toggle-handle:hover {
            border: 0 !important; }
        .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline .toggle.off:hover .toggle-group span.toggle-handle {
          background: #cb4627 !important; }
        .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline a[data-toggle="tooltip"] {
          width: 16px;
          height: 16px;
          margin-top: -5px;
          margin-left: 5px; }
          .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline a[data-toggle="tooltip"] svg {
            fill: #000000 !important; }
        .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline:hover {
          background-color: #ffffff !important; }
        .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline.dbqdcl-toolbar-button-infinite-refresh {
          min-width: 170px; }
          .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline.dbqdcl-toolbar-button-infinite-refresh .toggle {
            top: 1.5px; }
    .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.btn-group {
      background: 0 none;
      border: 0 none;
      color: transparent;
      padding: 0; }
      .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.btn-group:hover {
        background: 0 none;
        border: 0 none;
        color: transparent;
        padding: 0; }
      .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.btn-group.classlist-view-mode svg {
        padding: 0;
        margin-top: -3px;
        margin-left: -2px; }
      .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.btn-group .btn {
        border-radius: 0;
        height: 30px;
        line-height: 13px;
        padding: 5px;
        background: #ffffff;
        border: 2px solid #e5e7ec !important; }
        .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.btn-group .btn svg {
          fill: #321E64;
          width: 24px;
          height: 24px; }
        .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.btn-group .btn:first-of-type {
          border-radius: 10px 0 0 10px;
          border-right: 0 !important; }
        .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.btn-group .btn:last-of-type {
          border-radius: 0 10px 10px 0;
          border-left: 0 !important; }
        .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.btn-group .btn:hover {
          border-color: #321E64 !important;
          background-color: transparent; }
        .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.btn-group .btn.btn-primary {
          background-color: #321E64; }
          .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.btn-group .btn.btn-primary svg {
            fill: #ffffff; }
  .dbqdcl-toolbar .dbqdcl-toolbar-search {
    display: flex;
    margin-left: auto; }
    .dbqdcl-toolbar .dbqdcl-toolbar-search input {
      font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-size: 12px;
      line-height: 20px;
      height: 30px;
      border-radius: 10px !important;
      border: 2px solid #e5e7ec;
      background-color: #ffffff !important;
      color: #000000;
      padding: 2px 10px; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbq-activity-log-container {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  clear: both;
  margin: 0;
  padding: 0;
  background-color: unset;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 10px;
  background-color: #ffffff;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px); }
  .dbq-activity-log-container::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .dbq-activity-log-container::-webkit-scrollbar-corner, .dbq-activity-log-container::-webkit-scrollbar-corner {
    background-color: transparent; }
  .dbq-activity-log-container {
    scrollbar-face-color: RGBA(0, 0, 0, 0.4);
    scrollbar-track-color: RGBA(0, 0, 0, 0.2); }
  .dbq-activity-log-container::-webkit-scrollbar, .dbq-activity-log-container::-webkit-scrollbar-corner, .dbq-activity-log-container::-webkit-scrollbar-track, .dbq-activity-log-container::-webkit-scrollbar-thumb {
    border-radius: 10px; }
  .dbq-activity-log-container::-webkit-scrollbar, .dbq-activity-log-container::-webkit-scrollbar-track {
    width: 7.5px;
    height: 7.5px;
    border-radius: 10px;
    background-color: transparent !important;
    background: transparent !important; }
  .dbq-activity-log-container::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
    transition: all 0.4s;
    background: RGBA(0, 0, 0, 0.2) !important;
    background-color: RGBA(0, 0, 0, 0.2) !important;
    border: none !important; }
    .dbq-activity-log-container::-webkit-scrollbar-thumb:hover {
      background-color: RGBA(0, 0, 0, 0.4) !important; }
  .dbq-activity-log-container[data-is-loading="true"] {
    min-height: 130px; }
    .dbq-activity-log-container[data-is-loading="true"] .dbqal-loading-view {
      display: block; }
  .dbq-activity-log-container .dbqal-loading-view {
    display: none; }
  .dbq-activity-log-container .dbqal-error {
    padding: 15px; }
  .dbq-activity-log-container .dbqal-empty-view {
    color: #000000;
    font-weight: 500;
    font-size: 14px; }
    .dbq-activity-log-container .dbqal-empty-view svg {
      fill: #000000;
      width: 30px;
      margin-right: 5px; }
  .dbq-activity-log-container .dbqal-items {
    padding: 15px; }
    .dbq-activity-log-container .dbqal-items .dbqal-item-container {
      position: relative;
      display: flex;
      flex-direction: column; }
      .dbq-activity-log-container .dbqal-items .dbqal-item-container .dbqal-item-timeline {
        margin-left: 32px;
        width: 2px;
        height: 15px;
        background: #888888; }
      .dbq-activity-log-container .dbqal-items .dbqal-item-container .dbqal-item-timeline-padding {
        position: absolute;
        left: 32px;
        width: 2px;
        height: 100%;
        background: #888888;
        z-index: 0; }
      .dbq-activity-log-container .dbqal-items .dbqal-item-container:last-of-type .dbqal-item-timeline {
        display: none; }
      .dbq-activity-log-container .dbqal-items .dbqal-item-container:last-of-type .dbqal-item .dbqal-item-timeline-padding {
        display: none; }
      .dbq-activity-log-container .dbqal-items .dbqal-item-container .dbqal-item {
        display: flex;
        flex-direction: row; }
        .dbq-activity-log-container .dbqal-items .dbqal-item-container .dbqal-item .dbqal-item-image {
          width: 64px;
          height: 64px;
          flex-shrink: 0;
          border-radius: 50%;
          overflow: hidden;
          margin-right: 15px;
          z-index: 1; }
          .dbq-activity-log-container .dbqal-items .dbqal-item-container .dbqal-item .dbqal-item-image .dbqal-item-user-initials {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            font-weight: 600;
            font-size: 24px; }
        .dbq-activity-log-container .dbqal-items .dbqal-item-container .dbqal-item .dbqal-item-content {
          margin: 8px 0; }
          .dbq-activity-log-container .dbqal-items .dbqal-item-container .dbqal-item .dbqal-item-content .dbqal-item-text p {
            color: #000000;
            font-size: 13px;
            font-weight: 500;
            line-height: 16px;
            margin-bottom: 0; }
          .dbq-activity-log-container .dbqal-items .dbqal-item-container .dbqal-item .dbqal-item-content .dbqal-item-create-time {
            color: #888888;
            font-size: 13px;
            font-weight: 500;
            margin-top: 2px; }

.classlist-window[data-window-index="1"] .dbq-activity-log-container {
  max-height: 500px; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

#classlist[data-top-class-list-mode="0"] .classlist-window:first-child #classlist-dbq-tree-grid, #classlist[data-top-class-list-mode="4"] .classlist-window:first-child #classlist-dbq-tree-grid {
  position: relative; }

#classlist[data-top-class-list-mode="0"] .classlist-window:last-child #classlist-dbq-tree-grid, #classlist[data-top-class-list-mode="4"] .classlist-window:last-child #classlist-dbq-tree-grid {
  position: relative; }

.classlist-container,
.classlist-filters,
.classlist-dashboard-header {
  clear: both;
  width: 100%;
  margin: 0;
  padding: 7.5px 15px;
  border-radius: 10px; }

.dbq-wrapper,
.row.dbq-wrapper {
  padding: 10px;
  margin-bottom: 10px !important;
  background: #ffffff;
  color: #000000;
  border-radius: 10px; }

.classlist-window .classlist-window-content #classlist-knowledge-base {
  margin-top: -15px; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.document-class-list-control-container .document-class-list-tab-content-container #classlist .classlist-window .classlist-window-content .classlist-folder-header-document {
  margin-top: -15px; }

.classlist-folder-header-document {
  float: left;
  width: 100%;
  padding: 30px 15px;
  background: #321E64; }
  .classlist-folder-header-document .dbqkbc-folder-header-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .classlist-folder-header-document h2 {
    text-align: center;
    width: 100%;
    padding: 0;
    margin: 15px 0;
    font-size: 24px;
    line-height: 1.5;
    color: #ffffff; }
  .classlist-folder-header-document p {
    text-align: center;
    width: 100%;
    padding: 0;
    margin: 15px 0;
    font-size: 16px;
    line-height: 1.5;
    color: #ffffff; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbqdclf-container {
  float: left;
  clear: both;
  width: 100%;
  padding: 7.5px;
  background: transparent; }
  .dbqdclf-container .row {
    margin: 0; }
    .dbqdclf-container .row .dbqdclf-col {
      display: flex;
      align-items: flex-start;
      padding: 7.5px; }
      .dbqdclf-container .row .dbqdclf-col .dbqdclf-folder {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        width: inherit;
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        background: #ffffff;
        box-shadow: 0px 3px 7px RGBA(0, 24, 62, 0.05); }
        .dbqdclf-container .row .dbqdclf-col .dbqdclf-folder h4,
        .dbqdclf-container .row .dbqdclf-col .dbqdclf-folder span,
        .dbqdclf-container .row .dbqdclf-col .dbqdclf-folder p {
          font-style: normal;
          text-shadow: none;
          line-height: 1.5;
          margin: 0;
          padding: 0;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .dbqdclf-container .row .dbqdclf-col .dbqdclf-folder h4 {
          color: #ffffff;
          font-size: 16px;
          font-weight: 700; }
        .dbqdclf-container .row .dbqdclf-col .dbqdclf-folder h5 {
          width: 100%;
          color: #ff6655;
          font-size: 11px;
          line-height: 16px;
          font-weight: 600;
          padding: 0;
          margin: 0 0 7px 0; }
        .dbqdclf-container .row .dbqdclf-col .dbqdclf-folder p {
          font-size: 12px;
          font-weight: 400; }
        .dbqdclf-container .row .dbqdclf-col .dbqdclf-folder .dbqdclf-folder-header {
          display: flex;
          flex-direction: row;
          align-items: center;
          padding: 15px;
          background: #321E64;
          border-radius: 10px 10px 0 0;
          color: #ffffff;
          font-size: 16px;
          font-weight: 700;
          text-shadow: none;
          cursor: pointer; }
          .dbqdclf-container .row .dbqdclf-col .dbqdclf-folder .dbqdclf-folder-header .dbqdclf-folder-image svg {
            width: 24px;
            height: 24px;
            padding: 0 !important;
            fill: #ffffff; }
            .dbqdclf-container .row .dbqdclf-col .dbqdclf-folder .dbqdclf-folder-header .dbqdclf-folder-image svg .dbq-icon-color-1 {
              fill: transparent; }
            .dbqdclf-container .row .dbqdclf-col .dbqdclf-folder .dbqdclf-folder-header .dbqdclf-folder-image svg .dbq-icon-color-2 {
              fill: #ffffff; }
          .dbqdclf-container .row .dbqdclf-col .dbqdclf-folder .dbqdclf-folder-header .dbqdclf-folder-image img {
            width: auto;
            height: auto; }
          .dbqdclf-container .row .dbqdclf-col .dbqdclf-folder .dbqdclf-folder-header .dbqdclf-folder-image {
            height: 24px;
            width: 24px;
            display: flex;
            align-items: stretch;
            flex-shrink: 0;
            background: 0;
            margin-right: 15px; }
            .dbqdclf-container .row .dbqdclf-col .dbqdclf-folder .dbqdclf-folder-header .dbqdclf-folder-image svg {
              padding: 20px; }
          .dbqdclf-container .row .dbqdclf-col .dbqdclf-folder .dbqdclf-folder-header span:not(.dbqdclf-folder-image) {
            overflow: hidden;
            font-style: normal;
            font-size: 14px;
            font-weight: 600; }
          .dbqdclf-container .row .dbqdclf-col .dbqdclf-folder .dbqdclf-folder-header > svg {
            display: none;
            fill: #ffffff;
            margin-left: auto; }
        .dbqdclf-container .row .dbqdclf-col .dbqdclf-folder[data-is-showing-class-lists="false"] .dbqdclf-folder-header {
          border-radius: 10px; }
          .dbqdclf-container .row .dbqdclf-col .dbqdclf-folder[data-is-showing-class-lists="false"] .dbqdclf-folder-header > svg {
            display: block; }
        .dbqdclf-container .row .dbqdclf-col .dbqdclf-folder .dbqdclf-folder-document-class-lists {
          display: flex;
          flex-direction: column;
          list-style-type: none;
          padding: 0;
          margin: 0; }
          .dbqdclf-container .row .dbqdclf-col .dbqdclf-folder .dbqdclf-folder-document-class-lists .dbqdclf-folder-document-class-list {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            font-style: normal;
            position: relative;
            cursor: pointer;
            color: #000000;
            font-size: 12px;
            font-weight: 700;
            text-shadow: none;
            border-top: 1px solid #eee;
            margin: 0;
            padding: 15px;
            text-overflow: ellipsis;
            min-height: 50px; }
            .dbqdclf-container .row .dbqdclf-col .dbqdclf-folder .dbqdclf-folder-document-class-lists .dbqdclf-folder-document-class-list:first-child {
              border-top: 0 none; }
            .dbqdclf-container .row .dbqdclf-col .dbqdclf-folder .dbqdclf-folder-document-class-lists .dbqdclf-folder-document-class-list svg {
              fill: #D9D9D9;
              flex-shrink: 0; }
            .dbqdclf-container .row .dbqdclf-col .dbqdclf-folder .dbqdclf-folder-document-class-lists .dbqdclf-folder-document-class-list .dbqdclf-folder-document-class-list-submenu {
              position: absolute;
              display: none;
              padding: 0;
              top: 0;
              right: 0;
              min-width: 150px;
              z-index: 9999;
              background: #ffffff;
              border-radius: 10px;
              box-shadow: 0px 3px 7px RGBA(0, 24, 62, 0.15); }
              .dbqdclf-container .row .dbqdclf-col .dbqdclf-folder .dbqdclf-folder-document-class-lists .dbqdclf-folder-document-class-list .dbqdclf-folder-document-class-list-submenu .dbqdclf-folder-document-class-list {
                font-weight: 400 !important; }
            .dbqdclf-container .row .dbqdclf-col .dbqdclf-folder .dbqdclf-folder-document-class-lists .dbqdclf-folder-document-class-list:hover > span:not(.dbqdclf-folder-image) {
              color: #321E64; }
            .dbqdclf-container .row .dbqdclf-col .dbqdclf-folder .dbqdclf-folder-document-class-lists .dbqdclf-folder-document-class-list:hover .dbqdclf-folder-document-class-list-submenu {
              display: block; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

#document-class-list-filters {
  display: flex;
  gap: 5px;
  padding: 5px;
  overflow-x: auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 100%;
  margin: 0;
  backdrop-filter: unset;
  background: unset;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: RGBA(255, 255, 255, 0.4); }
  #document-class-list-filters::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  #document-class-list-filters::-webkit-scrollbar-corner, #document-class-list-filters::-webkit-scrollbar-corner {
    background-color: transparent; }
  #document-class-list-filters {
    scrollbar-face-color: RGBA(0, 0, 0, 0.4);
    scrollbar-track-color: RGBA(0, 0, 0, 0.2); }
  #document-class-list-filters::-webkit-scrollbar, #document-class-list-filters::-webkit-scrollbar-corner, #document-class-list-filters::-webkit-scrollbar-track, #document-class-list-filters::-webkit-scrollbar-thumb {
    border-radius: 10px; }
  #document-class-list-filters::-webkit-scrollbar, #document-class-list-filters::-webkit-scrollbar-track {
    width: 7.5px;
    height: 7.5px;
    border-radius: 10px;
    background-color: transparent !important;
    background: transparent !important; }
  #document-class-list-filters::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
    transition: all 0.4s;
    background: RGBA(0, 0, 0, 0.2) !important;
    background-color: RGBA(0, 0, 0, 0.2) !important;
    border: none !important; }
    #document-class-list-filters::-webkit-scrollbar-thumb:hover {
      background-color: RGBA(0, 0, 0, 0.4) !important; }
  #document-class-list-filters .document-class-list-filter {
    max-width: 300px;
    border: 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 0;
    padding: 3px;
    background: RGBA(255, 255, 255, 0.3);
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }
    #document-class-list-filters .document-class-list-filter:first-child {
      margin-left: auto; }
    #document-class-list-filters .document-class-list-filter .dbq-checkbox-filters input {
      display: none; }
    #document-class-list-filters .document-class-list-filter .cr {
      float: left;
      width: 18px;
      height: 18px !important;
      clear: both;
      border-radius: 5px;
      background: #ffffff;
      cursor: pointer;
      background-color: unset;
      margin: 4px 5px;
      border: 1px solid #000000; }
      #document-class-list-filters .document-class-list-filter .cr svg {
        width: 17px;
        height: 17px;
        padding: 3px;
        margin: 0;
        top: 0;
        left: 0;
        float: left; }
    #document-class-list-filters .document-class-list-filter input.form-control {
      height: 26px;
      background-color: unset;
      border: none; }
      #document-class-list-filters .document-class-list-filter input.form-control.range-text-filter {
        border: 2px solid #e5e7ec; }
    #document-class-list-filters .document-class-list-filter label {
      margin: 0;
      display: block;
      float: none;
      border-bottom: 0;
      width: 100%;
      color: #000000 !important;
      background: unset;
      border: none;
      font-weight: 600;
      padding: 3px 5px; }
    #document-class-list-filters .document-class-list-filter .filter-boolean-icon {
      display: inline-block;
      width: 10px;
      height: 10px;
      padding: 0;
      margin: 10px 5px; }
    #document-class-list-filters .document-class-list-filter .string-filter {
      padding: 5px !important; }
  #document-class-list-filters .form-group {
    margin-bottom: 0 !important;
    padding: 0 !important; }
    #document-class-list-filters .form-group .form-control {
      font-size: 12px;
      border: none;
      background: unset;
      color: #000000;
      padding: 0;
      cursor: pointer; }
      #document-class-list-filters .form-group .form-control option {
        font-size: 12px;
        line-height: 1.5;
        color: #000000;
        padding: 3px 5px;
        background-color: #ffffff !important;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 0;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
      #document-class-list-filters .form-group .form-control.date-picker {
        padding: 0 5px;
        background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23000000'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
        background-size: 10px;
        background-position: calc(100% - 3px) calc(50% + 3px);
        background-repeat: no-repeat; }
        #document-class-list-filters .form-group .form-control.date-picker:hover {
          color: #321E64;
          background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23321E64'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
          background-size: 10px;
          background-position: calc(100% - 3px) calc(50% + 3px);
          background-repeat: no-repeat; }
    #document-class-list-filters .form-group select.form-control {
      padding: 0 20px 0 5px;
      height: 26px;
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23000000'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
      background-size: 10px;
      background-position: calc(100% - 3px) calc(50% + 3px);
      background-repeat: no-repeat;
      width: 100%; }
      #document-class-list-filters .form-group select.form-control::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
      #document-class-list-filters .form-group select.form-control::-webkit-scrollbar-corner, #document-class-list-filters .form-group select.form-control::-webkit-scrollbar-corner {
        background-color: transparent; }
      #document-class-list-filters .form-group select.form-control {
        scrollbar-face-color: RGBA(0, 0, 0, 0.4);
        scrollbar-track-color: RGBA(0, 0, 0, 0.2); }
      #document-class-list-filters .form-group select.form-control::-webkit-scrollbar, #document-class-list-filters .form-group select.form-control::-webkit-scrollbar-corner, #document-class-list-filters .form-group select.form-control::-webkit-scrollbar-track, #document-class-list-filters .form-group select.form-control::-webkit-scrollbar-thumb {
        border-radius: 10px; }
      #document-class-list-filters .form-group select.form-control::-webkit-scrollbar, #document-class-list-filters .form-group select.form-control::-webkit-scrollbar-track {
        width: 7.5px;
        height: 7.5px;
        border-radius: 10px;
        background-color: transparent !important;
        background: transparent !important; }
      #document-class-list-filters .form-group select.form-control::-webkit-scrollbar-thumb {
        border-radius: 7.5px;
        transition: all 0.4s;
        background: RGBA(0, 0, 0, 0.2) !important;
        background-color: RGBA(0, 0, 0, 0.2) !important;
        border: none !important; }
        #document-class-list-filters .form-group select.form-control::-webkit-scrollbar-thumb:hover {
          background-color: RGBA(0, 0, 0, 0.4) !important; }
      #document-class-list-filters .form-group select.form-control:hover {
        color: #321E64;
        background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23321E64'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
        background-size: 10px;
        background-position: calc(100% - 3px) calc(50% + 3px);
        background-repeat: no-repeat; }
    #document-class-list-filters .form-group .dbq-checkbox-filters {
      border: unset !important; }
      #document-class-list-filters .form-group .dbq-checkbox-filters .dbq-checkbox-label-filters {
        background: unset;
        border-bottom: unset;
        font-weight: 600;
        color: #000000 !important;
        float: left;
        padding: 4px 10px 4px 5px;
        width: auto; }
  #document-class-list-filters label {
    font-size: 12px;
    min-width: 30px;
    position: relative;
    line-height: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #001323;
    font-weight: 600; }
    #document-class-list-filters label input[type="checkbox"] + .cr > .cr-icon {
      opacity: 0;
      transform: scale(3) rotateZ(-20deg); }
    #document-class-list-filters label input[type="checkbox"]:checked + .cr {
      background-color: #321E64;
      border-color: #2D1B5A;
      fill: #fff; }
      #document-class-list-filters label input[type="checkbox"]:checked + .cr > .cr-icon {
        opacity: 1;
        transform: scale(1) rotateZ(0deg); }
  #document-class-list-filters .dbq-checkbox-container {
    float: left;
    width: 100%;
    margin: 5px 0 0 0; }
  #document-class-list-filters .dbq-checkbox-container[data-visible="true"]:last-of-type {
    margin: 0 !important; }
  #document-class-list-filters label.dbq-checkbox {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 0;
    margin-bottom: 0;
    float: left;
    width: 100%;
    border-radius: 3px; }
    #document-class-list-filters label.dbq-checkbox input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
      #document-class-list-filters label.dbq-checkbox input:checked ~ .dbq-checkmark {
        background-color: #321E64;
        border: 2px solid #321E64; }
        #document-class-list-filters label.dbq-checkbox input:checked ~ .dbq-checkmark:after {
          display: block; }
    #document-class-list-filters label.dbq-checkbox:hover input ~ .dbq-checkmark {
      background-color: #001323; }
    #document-class-list-filters label.dbq-checkbox .dbq-checkmark:after {
      left: 5px;
      top: 1px;
      width: 6px;
      height: 11px;
      border: solid #fff;
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  #document-class-list-filters .dbq-checkbox-value {
    width: 100%;
    padding: 0 0 0 30px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    display: flex;
    white-space: nowrap; }
  #document-class-list-filters .document-class-list-filter-column {
    float: left;
    margin-right: 10px; }
    #document-class-list-filters .document-class-list-filter-column .document-class-list-filter {
      clear: both; }
      #document-class-list-filters .document-class-list-filter-column .document-class-list-filter:first-of-type {
        clear: none; }
  #document-class-list-filters .checkbox label input[type="checkbox"] + .cr > .cr-icon {
    opacity: 0;
    transform: scale(3) rotateZ(-20deg); }
  #document-class-list-filters .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon {
    opacity: 1;
    transform: scale(1) rotateZ(0deg); }
  #document-class-list-filters .bootstrap-datetimepicker-widget .list-unstyled {
    padding: 5px; }
  #document-class-list-filters .bootstrap-datetimepicker-widget table tr {
    background: #ffffff;
    border-bottom: 1px solid #ffffff;
    color: #717886; }
  #document-class-list-filters .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #e5e7ec !important; }
  #document-class-list-filters .bootstrap-datetimepicker-widget table td.day:hover {
    background: #e5e7ec !important; }
  #document-class-list-filters .bootstrap-datetimepicker-widget.dropdown-menu {
    background: #ffffff !important; }
    #document-class-list-filters .bootstrap-datetimepicker-widget.dropdown-menu li {
      padding: 0 !important;
      background: #ffffff !important; }
      #document-class-list-filters .bootstrap-datetimepicker-widget.dropdown-menu li:hover {
        background: 0 !important; }
  #document-class-list-filters.document-class-list-filters-left .document-class-list-filter {
    margin-bottom: 0; }
    #document-class-list-filters.document-class-list-filters-left .document-class-list-filter:first-child {
      margin-left: unset; }
  #document-class-list-filters .document-class-list-filter label {
    width: max-content;
    padding: 3px 5px; }
  #document-class-list-filters .document-class-list-filter.checkbox-bottom span.dbq-checkbox-label-filters {
    width: 100%;
    padding: 3px 5px; }
  #document-class-list-filters .dbqdclf-select-type-dropdown {
    width: min-content;
    max-width: 100%; }
    #document-class-list-filters .dbqdclf-select-type-dropdown .dbqstd-output-button .dbqstd-output-content-container {
      height: 26px;
      border: none;
      font-size: 12px;
      padding-left: 5px;
      font-weight: 400;
      background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23000000'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
      background-size: 10px;
      background-position: calc(100% - 3px) calc(50% + 3px);
      background-repeat: no-repeat; }
      #document-class-list-filters .dbqdclf-select-type-dropdown .dbqstd-output-button .dbqstd-output-content-container .dbqstd-output-item .dbqstd-attribute .dbqstd-attribute-value {
        color: #000000; }
    #document-class-list-filters .dbqdclf-select-type-dropdown .dbqstd-output-button:hover .dbqstd-output-content-container {
      background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23321E64'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
      background-size: 10px;
      background-position: calc(100% - 3px) calc(50% + 3px);
      background-repeat: no-repeat; }
      #document-class-list-filters .dbqdclf-select-type-dropdown .dbqstd-output-button:hover .dbqstd-output-content-container .dbqstd-output-item .dbqstd-attribute .dbqstd-attribute-value {
        color: #321E64; }
    #document-class-list-filters .dbqdclf-select-type-dropdown .dbqstd-popup-container {
      padding: 0 0 5px 0 !important;
      background: #f0f2f5 !important; }
      #document-class-list-filters .dbqdclf-select-type-dropdown .dbqstd-popup-container .dbqstd-search-input {
        background-color: #ffffff !important;
        border: 2px solid #e5e7ec !important;
        color: #000000; }
  #document-class-list-filters .dbqdclf-select-type-popup .dbqstp-output-button {
    background: 0 none;
    border: 0 none;
    outline: 0 none;
    padding: 0;
    margin: 0; }
    #document-class-list-filters .dbqdclf-select-type-popup .dbqstp-output-button .dbqstp-output-content-container {
      display: flex;
      align-items: center;
      height: 26px;
      border: none;
      font-size: 12px;
      padding-left: 5px;
      font-weight: 400;
      background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23000000'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
      background-size: 10px;
      background-position: calc(100% - 3px) calc(50% + 3px);
      background-repeat: no-repeat; }
      #document-class-list-filters .dbqdclf-select-type-popup .dbqstp-output-button .dbqstp-output-content-container .dbqstp-output-item {
        padding: 0 30px 0 0; }
        #document-class-list-filters .dbqdclf-select-type-popup .dbqstp-output-button .dbqstp-output-content-container .dbqstp-output-item .dbqstp-attribute-name {
          display: none; }
        #document-class-list-filters .dbqdclf-select-type-popup .dbqstp-output-button .dbqstp-output-content-container .dbqstp-output-item .dbqstp-attribute {
          color: #000000; }
    #document-class-list-filters .dbqdclf-select-type-popup .dbqstp-output-button:hover .dbqstp-output-content-container {
      background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23321E64'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
      background-size: 10px;
      background-position: calc(100% - 3px) calc(50% + 3px);
      background-repeat: no-repeat; }
      #document-class-list-filters .dbqdclf-select-type-popup .dbqstp-output-button:hover .dbqstp-output-content-container .dbqstp-output-item .dbqstp-attribute .dbqstp-attribute-value {
        color: #321E64; }

#classlist[data-top-class-list-mode="0"] #classlist-filters, #classlist[data-top-class-list-mode="4"] #classlist-filters {
  position: relative; }

#classlist-filters {
  padding: 7.5px 15px; }
  #classlist-filters::after {
    content: "";
    clear: both; }

.dbqdclfg-container {
  width: 100%;
  min-width: 0; }
  .dbqdclfg-container .dbqdclfg-output-button {
    outline: 0;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto; }
    .dbqdclfg-container .dbqdclfg-output-button .dbqdclfg-output-content-container {
      display: flex;
      flex-direction: column;
      justify-content: center;
      border: 0;
      outline: 0;
      width: 100%;
      height: 34px;
      -moz-appearance: none;
      -webkit-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23000000'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
      background-position: calc(100% - 3px) calc(50% + 3px);
      background-size: 10px 10px;
      border-radius: 0 0 10px 10px;
      color: #001323;
      padding-left: 5px;
      font-size: 12px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .dbqdclfg-container .dbqdclfg-output-button .dbqdclfg-output-content-container:focus {
        border-color: #321E64 !important;
        outline: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
      .dbqdclfg-container .dbqdclfg-output-button .dbqdclfg-output-content-container:disabled,
      .dbqdclfg-container .dbqdclfg-output-button .dbqdclfg-output-content-container .disabled {
        background: #e5e7ec !important;
        border: 1px solid #e5e7ec;
        opacity: 1;
        color: #001323;
        cursor: not-allowed;
        -webkit-text-fill-color: #001323;
        -webkit-opacity: 1;
        /* Override iOS opacity change affecting text & background color */ }
      .dbqdclfg-container .dbqdclfg-output-button .dbqdclfg-output-content-container.dbqdclfg-invalid {
        border-color: #d5473c; }
      .dbqdclfg-container .dbqdclfg-output-button .dbqdclfg-output-content-container .dbqdclfg-output-item {
        display: flex;
        align-items: center;
        padding: 0 30px 0 0; }
        .dbqdclfg-container .dbqdclfg-output-button .dbqdclfg-output-content-container .dbqdclfg-output-item .dbqdclfg-attribute {
          display: block;
          width: 100%; }
          .dbqdclfg-container .dbqdclfg-output-button .dbqdclfg-output-content-container .dbqdclfg-output-item .dbqdclfg-attribute .dbqdclfg-attribute-name {
            float: left;
            font-size: 12px;
            line-height: 14px;
            color: #999;
            margin-bottom: 3px; }
          .dbqdclfg-container .dbqdclfg-output-button .dbqdclfg-output-content-container .dbqdclfg-output-item .dbqdclfg-attribute .dbqdclfg-attribute-value {
            float: left;
            width: 100%;
            text-align: left;
            overflow-wrap: break-word;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            user-select: text; }
      .dbqdclfg-container .dbqdclfg-output-button .dbqdclfg-output-content-container .dbqdclfg-error {
        color: #d5473c; }
    .dbqdclfg-container .dbqdclfg-output-button:hover .dbqdclfg-output-content-container {
      background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23321E64'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
      background-size: 10px;
      background-position: calc(100% - 3px) calc(50% + 3px);
      background-repeat: no-repeat; }
      .dbqdclfg-container .dbqdclfg-output-button:hover .dbqdclfg-output-content-container .dbqdclfg-output-item .dbqdclfg-attribute .dbqdclfg-attribute-value {
        color: #321E64; }

.dbqdclfg-popup-container {
  padding: 0 0 5px 0;
  background: #f0f2f5;
  overflow: hidden;
  z-index: 1060; }
  .dbqdclfg-popup-container .document-class-list-filter-geographic {
    background: #f5f7f9; }
  .dbqdclfg-popup-container .dbqdclfg-title-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 7.5px;
    color: #595f6e;
    font-size: 14px;
    font-weight: 500; }
    .dbqdclfg-popup-container .dbqdclfg-title-container .dbqdclfg-close {
      width: 12px;
      height: 12px;
      display: inline-flex;
      cursor: pointer; }
      .dbqdclfg-popup-container .dbqdclfg-title-container .dbqdclfg-close svg {
        fill: #595f6e; }
  .dbqdclfg-popup-container label {
    color: #000000;
    font-weight: 600;
    font-size: 12px; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

#classlist-dashboard-header,
#classlist-dashboard-footer {
  float: left;
  width: 100%;
  padding: 7.5px 15px;
  border-radius: 10px; }
  #classlist-dashboard-header div[data-element-type="Graph"],
  #classlist-dashboard-footer div[data-element-type="Graph"] {
    background: RGBA(255, 255, 255, 0.4);
    border-radius: 10px;
    margin-bottom: 10px; }
    #classlist-dashboard-header div[data-element-type="Graph"]:only-child,
    #classlist-dashboard-footer div[data-element-type="Graph"]:only-child {
      height: calc(100% - 10px); }
    #classlist-dashboard-header div[data-element-type="Graph"] .apexcharts-canvas,
    #classlist-dashboard-footer div[data-element-type="Graph"] .apexcharts-canvas {
      background-color: transparent !important; }
      #classlist-dashboard-header div[data-element-type="Graph"] .apexcharts-canvas svg.apexcharts-svg,
      #classlist-dashboard-footer div[data-element-type="Graph"] .apexcharts-canvas svg.apexcharts-svg {
        background-color: transparent !important; }

.classlist-search-list #classlist-dashboard-header {
  padding: 0 0 15px 0; }

.classlist-search-list #classlist-dashboard-footer {
  padding: 15px 0 0 0; }

.element-graph {
  -webkit-box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07);
  -moz-box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07);
  box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07);
  background: RGBA(255, 255, 255, 0.4); }

.classlist-dashboard div[data-element-type="Graph"] {
  background: RGBA(255, 255, 255, 0.4); }
  .classlist-dashboard div[data-element-type="Graph"].has-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .classlist-dashboard div[data-element-type="Graph"].has-scrollbar::-webkit-scrollbar-corner, .classlist-dashboard div[data-element-type="Graph"].has-scrollbar::-webkit-scrollbar-corner {
    background-color: RGBA(255, 255, 255, 0.4); }
  .classlist-dashboard div[data-element-type="Graph"].has-scrollbar {
    scrollbar-face-color: #321E64;
    scrollbar-track-color: RGBA(0, 0, 0, 0.2); }
  .classlist-dashboard div[data-element-type="Graph"].has-scrollbar::-webkit-scrollbar, .classlist-dashboard div[data-element-type="Graph"].has-scrollbar::-webkit-scrollbar-corner, .classlist-dashboard div[data-element-type="Graph"].has-scrollbar::-webkit-scrollbar-track, .classlist-dashboard div[data-element-type="Graph"].has-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px; }
  .classlist-dashboard div[data-element-type="Graph"].has-scrollbar::-webkit-scrollbar, .classlist-dashboard div[data-element-type="Graph"].has-scrollbar::-webkit-scrollbar-track {
    width: 12px;
    height: 12px;
    border-radius: 10px;
    background-color: RGBA(255, 255, 255, 0.4) !important;
    background: RGBA(255, 255, 255, 0.4) !important; }
  .classlist-dashboard div[data-element-type="Graph"].has-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
    transition: all 0.4s;
    background: RGBA(0, 0, 0, 0.2) !important;
    background-color: RGBA(0, 0, 0, 0.2) !important;
    border: none !important; }
    .classlist-dashboard div[data-element-type="Graph"].has-scrollbar::-webkit-scrollbar-thumb:hover {
      background-color: #321E64 !important; }

.classlist-dashboard .btn-default {
  border: 0;
  padding: 5px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600; }
  .classlist-dashboard .btn-default svg {
    float: left;
    padding: 3px; }

.classlist-dashboard .dbq-form section {
  background: 0; }

.classlist-dashboard div[data-topic-name="Dashboard"] {
  padding: 0;
  margin: 0; }

.classlist-dashboard div[data-element-type="Graph"] {
  padding: 0;
  width: 100%;
  height: auto; }

.classlist-dashboard div[type="graph"] {
  height: 100%;
  border-radius: 10px; }

.classlist-dashboard div[type="graph"].dbq-graph-full-screen {
  border-radius: 0; }

.classlist-dashboard div[data-element-type="Text"] {
  padding: 0; }

.classlist-dashboard div[data-element-type="Header"] {
  padding: 0;
  line-height: 20px;
  font-weight: 500;
  font-size: 18px;
  border-top: 0; }

.classlist-dashboard .ui-chart-legend-items-list {
  margin: 0; }

.classlist-dashboard .dbq-graph-scale .btn-default {
  padding: 5px 10px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 20px !important; }

.classlist-dashboard .folder-document-class-list-dashboard-document {
  padding: 7.5px 15px; }

.folder-document-class-list-dashboard-document {
  float: left;
  width: 100%;
  position: relative; }

.dbqdcld-collapsible-container {
  float: left;
  position: relative;
  width: 100%;
  margin: 0 0 15px 0;
  padding: 15px;
  border: 2px solid #e5e7ec;
  border-radius: 10px; }
  .dbqdcld-collapsible-container .dbqdcld-collapse-button {
    position: absolute;
    z-index: 1;
    bottom: -15px;
    left: calc(50% - 15px);
    background: #ffffff;
    color: #000000;
    border: none;
    padding: 0;
    cursor: pointer;
    width: 30px;
    height: 30px;
    outline: 0;
    border-radius: 50%;
    transition: all 0.5s ease;
    box-shadow: 0px 0px 5px 0px rgba(127, 127, 127, 0.4); }
    .dbqdcld-collapsible-container .dbqdcld-collapse-button svg {
      fill: #000000; }
    .dbqdcld-collapsible-container .dbqdcld-collapse-button .dbqdlcd-collapse-button-name {
      font-weight: 500;
      margin-left: 10px; }
  .dbqdcld-collapsible-container[data-collapsed-state="0"] {
    border-width: 1px;
    padding: 0;
    margin-top: 15px; }
    .dbqdcld-collapsible-container[data-collapsed-state="0"] .dbqdcld-collapse-button {
      display: flex;
      align-items: center;
      background: #321E64;
      color: #ffffff;
      width: initial;
      border-radius: 10px; }
      .dbqdcld-collapsible-container[data-collapsed-state="0"] .dbqdcld-collapse-button svg {
        fill: #ffffff; }
    .dbqdcld-collapsible-container[data-collapsed-state="0"] .folder-document-class-list-dashboard-document {
      display: none; }
  .dbqdcld-collapsible-container[data-collapsed-state="1"] .dbqdcld-collapse-button {
    transform: rotate(180deg); }
  .dbqdcld-collapsible-container[data-collapsed-state="1"] .dbqdlcd-collapse-button-name {
    display: none; }

.dbqdcltg-sidepanel .dbqdcld-collapsible-container {
  width: calc(100% - 30px);
  margin: 15px;
  padding: 0; }
  .dbqdcltg-sidepanel .dbqdcld-collapsible-container[data-collapsed-state="0"] {
    margin: 30px 15px; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

#dashboard-list-container {
  padding: 0; }
  #dashboard-list-container .dashboard-list-item {
    float: left;
    width: 100%; }
    #dashboard-list-container .dashboard-list-item .dashboard-list-item-overlay-wrapper {
      float: right;
      position: relative;
      width: calc(100% - 20px);
      margin: 10px 10px 0 10px; }
      #dashboard-list-container .dashboard-list-item .dashboard-list-item-overlay-wrapper .dashboard-list-item-content {
        margin: 0 !important;
        width: 100% !important; }
      #dashboard-list-container .dashboard-list-item .dashboard-list-item-overlay-wrapper .dashboard-list-item-filters {
        margin: 0 0 10px 0 !important;
        width: 100% !important; }
      #dashboard-list-container .dashboard-list-item .dashboard-list-item-overlay-wrapper .dashboard-list-item-remove-overlay {
        display: none;
        text-align: center;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 999;
        background-color: #ffffff;
        opacity: 0.8; }
        #dashboard-list-container .dashboard-list-item .dashboard-list-item-overlay-wrapper .dashboard-list-item-remove-overlay span {
          top: calc(50% - 75px);
          font-size: 150px; }
    #dashboard-list-container .dashboard-list-item:first-of-type .persistent-dashboard-list-title-container {
      margin: 0; }

.dashboard-list-add-button-container {
  display: flex;
  justify-content: center;
  padding-top: 15px; }
  .dashboard-list-add-button-container button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin: 0; }
    .dashboard-list-add-button-container button span {
      line-height: 20px;
      color: #000000;
      font-size: 14px;
      font-weight: 500;
      padding: 0;
      float: left; }
    .dashboard-list-add-button-container button svg {
      fill: #000000;
      width: 25px;
      height: 20px;
      padding: 5px;
      margin: 0; }
  .dashboard-list-add-button-container button.btn-default:enabled {
    background: 0;
    border: 2px solid #e2e7f3;
    opacity: 1; }
  .dashboard-list-add-button-container .caret {
    margin-left: 0; }
  .dashboard-list-add-button-container .dropup {
    display: inline-block; }
    .dashboard-list-add-button-container .dropup .dropdown-menu {
      width: 220px; }
  .dashboard-list-add-button-container .dropdown-menu {
    max-height: 300px;
    overflow-y: auto; }
    .dashboard-list-add-button-container .dropdown-menu::-webkit-scrollbar-track {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .dashboard-list-add-button-container .dropdown-menu::-webkit-scrollbar-corner, .dashboard-list-add-button-container .dropdown-menu::-webkit-scrollbar-corner {
      background-color: transparent; }
    .dashboard-list-add-button-container .dropdown-menu {
      scrollbar-face-color: RGBA(0, 0, 0, 0.4);
      scrollbar-track-color: RGBA(0, 0, 0, 0.2); }
    .dashboard-list-add-button-container .dropdown-menu::-webkit-scrollbar, .dashboard-list-add-button-container .dropdown-menu::-webkit-scrollbar-corner, .dashboard-list-add-button-container .dropdown-menu::-webkit-scrollbar-track, .dashboard-list-add-button-container .dropdown-menu::-webkit-scrollbar-thumb {
      border-radius: 10px; }
    .dashboard-list-add-button-container .dropdown-menu::-webkit-scrollbar, .dashboard-list-add-button-container .dropdown-menu::-webkit-scrollbar-track {
      width: 7.5px;
      height: 7.5px;
      border-radius: 10px;
      background-color: transparent !important;
      background: transparent !important; }
    .dashboard-list-add-button-container .dropdown-menu::-webkit-scrollbar-thumb {
      border-radius: 7.5px;
      transition: all 0.4s;
      background: RGBA(0, 0, 0, 0.2) !important;
      background-color: RGBA(0, 0, 0, 0.2) !important;
      border: none !important; }
      .dashboard-list-add-button-container .dropdown-menu::-webkit-scrollbar-thumb:hover {
        background-color: RGBA(0, 0, 0, 0.4) !important; }
    .dashboard-list-add-button-container .dropdown-menu li {
      padding: 5px;
      text-align: center; }

.dashboard-list-remove-button-container {
  clear: both;
  margin: 0 10px;
  padding-top: 10px;
  text-align: center; }
  .dashboard-list-remove-button-container button {
    width: 230px;
    line-height: 20px;
    padding: 10px;
    margin: 0; }
    .dashboard-list-remove-button-container button span {
      line-height: 20px;
      font-size: 14px;
      font-weight: 500;
      padding: 0;
      float: left; }
    .dashboard-list-remove-button-container button svg {
      width: 25px !important;
      height: 20px !important;
      padding: 5px 10px 5px 5px !important; }
  .dashboard-list-remove-button-container button.btn-default:enabled {
    background: 0 !important;
    border: 2px solid #e2e7f3 !important;
    opacity: 1; }

.persistent-dashboard-list-title-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px; }
  .persistent-dashboard-list-title-container .dashboard-list-item-title {
    font-size: 16px;
    font-weight: 700; }
  .persistent-dashboard-list-title-container .dashboard-list-remove-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50% !important;
    padding: 0 !important;
    margin-left: 5px; }
    .persistent-dashboard-list-title-container .dashboard-list-remove-icon svg {
      width: 24px;
      height: 24px;
      fill: #000000; }
    .persistent-dashboard-list-title-container .dashboard-list-remove-icon:hover {
      background: #321E64; }
      .persistent-dashboard-list-title-container .dashboard-list-remove-icon:hover svg {
        fill: #ffffff; }

.dropup .dropdown-toggle::after {
  display: none !important; }

.dbq-light-mode .dashboard-list-add-button-container button.btn-default:enabled,
.dbq-light-mode .dashboard-list-remove-button-container button.btn-default:enabled,
.dashboard-list-add-button-container button,
.dashboard-list-remove-button-container button {
  background: 0 !important;
  border: 2px solid #e5e7ec !important;
  opacity: 1; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

#classlist-kanban-board {
  margin: 0;
  padding: 7.5px 15px 0 15px; }
  #classlist-kanban-board .dbqdclkb-container {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    float: left;
    width: 100%;
    height: 100%;
    padding: 15px;
    background-color: RGBA(255, 255, 255, 0.4); }
    #classlist-kanban-board .dbqdclkb-container .dbqdclkb-toolbar {
      height: 50px;
      padding: 10px; }
      #classlist-kanban-board .dbqdclkb-container .dbqdclkb-toolbar .dbqdclkb-search {
        font-family: "Roboto", sans-serif;
        font-weight: 500;
        font-size: 12px;
        line-height: 20px;
        height: 30px;
        border-radius: 10px !important;
        border: 2px solid #e5e7ec;
        background-color: #ffffff !important;
        color: #000000;
        padding: 2px 10px; }
    #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns {
      display: flex;
      position: relative;
      width: 100%;
      height: calc(100% - 50px);
      overflow-x: auto; }
      #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
      #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns::-webkit-scrollbar-corner, #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns::-webkit-scrollbar-corner {
        background-color: RGBA(255, 255, 255, 0.4); }
      #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns {
        scrollbar-face-color: RGBA(0, 0, 0, 0.4);
        scrollbar-track-color: RGBA(0, 0, 0, 0.2); }
      #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns::-webkit-scrollbar, #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns::-webkit-scrollbar-corner, #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns::-webkit-scrollbar-track, #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns::-webkit-scrollbar-thumb {
        border-radius: 0; }
      #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns::-webkit-scrollbar, #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns::-webkit-scrollbar-track {
        width: 7.5px;
        height: 7.5px;
        border-radius: 0;
        background-color: RGBA(255, 255, 255, 0.4) !important;
        background: RGBA(255, 255, 255, 0.4) !important; }
      #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns::-webkit-scrollbar-thumb {
        border-radius: 7.5px;
        transition: all 0.4s;
        background: RGBA(0, 0, 0, 0.2) !important;
        background-color: RGBA(0, 0, 0, 0.2) !important;
        border: none !important; }
        #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns::-webkit-scrollbar-thumb:hover {
          background-color: RGBA(0, 0, 0, 0.4) !important; }
      #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns .dbqdclkb-column {
        float: left;
        height: calc(100% - 10px);
        min-width: 200px;
        max-width: 640px;
        margin: 0 10px 10px 10px; }
        #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns .dbqdclkb-column .dbqdclkb-column-title {
          display: flex;
          align-items: center;
          justify-content: space-between;
          height: 40px;
          padding: 10px 0;
          position: relative; }
          #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns .dbqdclkb-column .dbqdclkb-column-title .dbqdclkb-column-name {
            color: #000000;
            font-size: 14px;
            font-weight: 600;
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-right: 20px; }
          #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns .dbqdclkb-column .dbqdclkb-column-title .dbqdclkb-column-item-count {
            position: absolute;
            top: 8px;
            right: 0;
            color: #000000;
            font-size: 12px;
            padding: 2px 5px;
            border-radius: 5px;
            background: RGBA(255, 255, 255, 0.3); }
          #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns .dbqdclkb-column .dbqdclkb-column-title .dbqdclkb-column-loading-indicator .inline-loading-indicator {
            width: 16px;
            height: 16px; }
        #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns .dbqdclkb-column .dbqdclkb-column-items {
          height: calc(100% - 40px);
          overflow-y: auto; }
          #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns .dbqdclkb-column .dbqdclkb-column-items::-webkit-scrollbar-track {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none; }
          #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns .dbqdclkb-column .dbqdclkb-column-items::-webkit-scrollbar-corner, #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns .dbqdclkb-column .dbqdclkb-column-items::-webkit-scrollbar-corner {
            background-color: transparent; }
          #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns .dbqdclkb-column .dbqdclkb-column-items {
            scrollbar-face-color: #321E64;
            scrollbar-track-color: #c0c0c0; }
          #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns .dbqdclkb-column .dbqdclkb-column-items::-webkit-scrollbar, #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns .dbqdclkb-column .dbqdclkb-column-items::-webkit-scrollbar-corner, #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns .dbqdclkb-column .dbqdclkb-column-items::-webkit-scrollbar-track, #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns .dbqdclkb-column .dbqdclkb-column-items::-webkit-scrollbar-thumb {
            border-radius: 10px; }
          #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns .dbqdclkb-column .dbqdclkb-column-items::-webkit-scrollbar, #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns .dbqdclkb-column .dbqdclkb-column-items::-webkit-scrollbar-track {
            width: 7.5px;
            height: 7.5px;
            border-radius: 10px;
            background-color: transparent !important;
            background: transparent !important; }
          #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns .dbqdclkb-column .dbqdclkb-column-items::-webkit-scrollbar-thumb {
            border-radius: 7.5px;
            transition: all 0.4s;
            background: #c0c0c0 !important;
            background-color: #c0c0c0 !important;
            border: none !important; }
            #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns .dbqdclkb-column .dbqdclkb-column-items::-webkit-scrollbar-thumb:hover {
              background-color: #321E64 !important; }
  #classlist-kanban-board .dbq-inline-loading-indicator {
    float: left;
    margin-top: 10px; }
  #classlist-kanban-board .dbqdclkb-item-placeholder {
    float: left;
    border: 2px dashed #e5e7ec;
    width: 100%;
    border-radius: 5px;
    margin-top: 10px; }
  #classlist-kanban-board .dbqdclkb-item {
    float: left;
    width: 100%;
    cursor: pointer;
    background: RGBA(255, 255, 255, 0.3);
    border-radius: 5px;
    border-left: solid;
    border-width: 5px;
    border-color: #c0c0c0;
    padding: 10px;
    margin-top: 10px;
    box-shadow: inset 0 -1px 1px #0003, 0 1px 1px #00000014; }
    #classlist-kanban-board .dbqdclkb-item:first-of-type {
      margin: 0; }
    #classlist-kanban-board .dbqdclkb-item:last-of-type {
      margin-bottom: 0px; }
    #classlist-kanban-board .dbqdclkb-item:hover .dbqdclkb-dropdown-toggle {
      display: block; }
    #classlist-kanban-board .dbqdclkb-item.dbqdclkb-item-selected {
      box-shadow: 0px 0px 0px 2px inset; }
    #classlist-kanban-board .dbqdclkb-item .dbqdclkb-item-summary {
      float: left;
      width: 100%;
      overflow: hidden; }
      #classlist-kanban-board .dbqdclkb-item .dbqdclkb-item-summary span {
        color: #000000;
        font-size: 13px;
        font-weight: 600;
        line-height: 20px; }
    #classlist-kanban-board .dbqdclkb-item .dbqdclkb-item-tags {
      float: left; }
      #classlist-kanban-board .dbqdclkb-item .dbqdclkb-item-tags .dbqdclkb-item-tag[data-display-mode="1"], #classlist-kanban-board .dbqdclkb-item .dbqdclkb-item-tags .dbqdclkb-item-tag.dbqdclkb-item-tag-extra {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        font-weight: 600;
        padding: 0;
        font-size: 12px;
        overflow: hidden; }
    #classlist-kanban-board .dbqdclkb-item .dbqdclkb-item-tags.dbqdclkb-item-tags-top-left,
    #classlist-kanban-board .dbqdclkb-item .dbqdclkb-item-tags.dbqdclkb-item-tags-bottom-left {
      float: left;
      clear: both; }
    #classlist-kanban-board .dbqdclkb-item .dbqdclkb-item-tags.dbqdclkb-item-tags-top-right,
    #classlist-kanban-board .dbqdclkb-item .dbqdclkb-item-tags.dbqdclkb-item-tags-bottom-right {
      float: right; }
    #classlist-kanban-board .dbqdclkb-item .dbqdclkb-item-tags.dbqdclkb-item-tags-bottom-right .dbqdclkb-item-tag[data-display-mode="1"] {
      margin-left: -10px; }
      #classlist-kanban-board .dbqdclkb-item .dbqdclkb-item-tags.dbqdclkb-item-tags-bottom-right .dbqdclkb-item-tag[data-display-mode="1"]:first-of-type {
        margin-left: 0; }
    #classlist-kanban-board .dbqdclkb-item .dbqdclkb-item-tags.dbqdclkb-item-tags-bottom-right .dbqdclkb-item-tag.dbqdclkb-item-tag-extra {
      margin-left: -10px;
      background: #ddd;
      color: #000000; }
    #classlist-kanban-board .dbqdclkb-item .dbqdclkb-item-tags.dbqdclkb-item-tags-bottom-right .dbqdclkb-item-tag span {
      font-size: 10px; }
    #classlist-kanban-board .dbqdclkb-item .dbqdclkb-item-extra-tags-container {
      float: left;
      position: relative; }
      #classlist-kanban-board .dbqdclkb-item .dbqdclkb-item-extra-tags-container .dbqdclkb-item-extra-tags {
        display: none;
        position: absolute;
        top: 22px;
        left: -11px;
        background: RGBA(255, 255, 255, 0.3);
        padding: 2px;
        border-radius: 11px;
        border: 1px solid #ddd;
        box-shadow: inset 0 -1px 1px #0003, 0 1px 1px #00000014; }
        #classlist-kanban-board .dbqdclkb-item .dbqdclkb-item-extra-tags-container .dbqdclkb-item-extra-tags .dbqdclkb-item-tag {
          float: initial;
          margin: 0 0 1px 0 !important; }
      #classlist-kanban-board .dbqdclkb-item .dbqdclkb-item-extra-tags-container:hover .dbqdclkb-item-extra-tags {
        display: block; }
  #classlist-kanban-board .dbqdclkb-item.ui-sortable-helper {
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg); }
  #classlist-kanban-board .dbqdclkb-item-tag {
    float: left;
    background: RGBA(255, 255, 255, 0.3);
    color: #000000;
    padding: 2px 5px;
    font-size: 12px;
    border-radius: 5px;
    margin: 0 5px 5px 0; }
  #classlist-kanban-board .dbqdclkb-dropdown .dropdown-toggle {
    display: none;
    border: 0;
    outline: 0;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    right: 0;
    background: RGBA(255, 255, 255, 0.3); }
    #classlist-kanban-board .dbqdclkb-dropdown .dropdown-toggle svg {
      fill: #000000; }
    #classlist-kanban-board .dbqdclkb-dropdown .dropdown-toggle:hover {
      background: #ffffff;
      color: #ffffff;
      box-shadow: 0 0 5px #ffffff;
      text-shadow: 0 0 5px #ffffff; }
      #classlist-kanban-board .dbqdclkb-dropdown .dropdown-toggle:hover svg {
        fill: #321E64 !important;
        transform: scale(1.1); }

.dbqdclkb-dropdown-menu li {
  cursor: pointer; }

.dbqdclkb-dropdown-menu .dbqdclkb-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  user-select: none; }

.dbqdclkb-dropdown-menu .dbqdclkb-hidden {
  display: none; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

#classlist-tiled-list {
  float: left;
  padding: 7.5px 15px;
  width: 100%;
  background: none; }
  #classlist-tiled-list .document-class-list-tiles-container {
    border-radius: 10px;
    background: transparent;
    width: 100%; }
    #classlist-tiled-list .document-class-list-tiles-container .bootstrap-column {
      display: inline-block; }
  #classlist-tiled-list .document-class-list-tile-template-container {
    display: none; }
  #classlist-tiled-list .document-class-list-tile-count-container {
    font-weight: 500;
    color: #000000;
    position: relative;
    right: 0;
    float: right;
    margin-right: 5px;
    margin-bottom: 30px;
    width: 100%;
    text-align: center; }
  #classlist-tiled-list .document-class-list-tiles-load-more-button {
    text-align: center;
    width: 100%; }
    #classlist-tiled-list .document-class-list-tiles-load-more-button .document-class-list-tiles-load-button {
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      cursor: pointer;
      color: #000000;
      font-size: 14px;
      line-height: 20px;
      font-weight: 500;
      text-decoration: none;
      padding: 0; }
      #classlist-tiled-list .document-class-list-tiles-load-more-button .document-class-list-tiles-load-button:hover > span:first-child {
        text-decoration: none; }
      #classlist-tiled-list .document-class-list-tiles-load-more-button .document-class-list-tiles-load-button span {
        text-decoration: underline; }
      #classlist-tiled-list .document-class-list-tiles-load-more-button .document-class-list-tiles-load-button i {
        display: block; }
  #classlist-tiled-list .document-class-list-tiles-loading-indicator {
    text-align: center;
    width: 100%; }
    #classlist-tiled-list .document-class-list-tiles-loading-indicator a {
      display: inline-block;
      padding: 10px 30px;
      -webkit-font-smoothing: antialiased;
      cursor: pointer;
      color: #000000;
      font-size: 14px;
      line-height: 20px;
      font-weight: 500;
      text-decoration: none; }
      #classlist-tiled-list .document-class-list-tiles-loading-indicator a svg {
        margin-right: 5px;
        -animation: glyphicon-refresh-animate1 0.7s infinite linear;
        -webkit-animation: glyphicon-refresh-animate2 0.7s infinite linear;
        fill: #321E64; }
  #classlist-tiled-list .document-class-list-tiles-load-button[data-type="1"] {
    font-size: 14px;
    cursor: pointer;
    color: #321E64; }
    #classlist-tiled-list .document-class-list-tiles-load-button[data-type="1"]:hover {
      text-decoration: none; }
  #classlist-tiled-list .document-class-list-tile {
    margin-top: 80px;
    margin-bottom: 15px;
    padding: 0 30px;
    border-radius: 10px;
    border: 3px solid #e5e7ec;
    box-shadow: 0 0px 20px 0 RGBA(0, 0, 0, 0.1);
    background-color: RGBA(255, 255, 255, 0.4);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px); }
    #classlist-tiled-list .document-class-list-tile .tile-image-container {
      border: 5px solid #e5e7ec !important;
      background: #e5e7ec !important; }
    #classlist-tiled-list .document-class-list-tile .flex-container {
      clear: both; }
      #classlist-tiled-list .document-class-list-tile .flex-container .flex-item-1,
      #classlist-tiled-list .document-class-list-tile .flex-container .flex-item-2,
      #classlist-tiled-list .document-class-list-tile .flex-container .flex-item-3,
      #classlist-tiled-list .document-class-list-tile .flex-container .flex-item-4,
      #classlist-tiled-list .document-class-list-tile .flex-container .flex-item-5,
      #classlist-tiled-list .document-class-list-tile .flex-container .flex-item-6,
      #classlist-tiled-list .document-class-list-tile .flex-container .flex-item-7,
      #classlist-tiled-list .document-class-list-tile .flex-container .flex-item-8,
      #classlist-tiled-list .document-class-list-tile .flex-container .flex-item-9,
      #classlist-tiled-list .document-class-list-tile .flex-container .flex-item-10,
      #classlist-tiled-list .document-class-list-tile .flex-container .flex-item-11,
      #classlist-tiled-list .document-class-list-tile .flex-container .flex-item-12 {
        overflow: hidden; }
    #classlist-tiled-list .document-class-list-tile img.project-building-image {
      border: 5px solid #ffffff; }
  #classlist-tiled-list .flex-container span.ellipsis {
    margin-bottom: 0px !important;
    margin-top: 0 !important; }
  #classlist-tiled-list .flex-container p.ellipsis {
    margin-bottom: 0px !important;
    margin-top: 0 !important; }
  #classlist-tiled-list .document-class-list-tiles-load-button {
    padding: 0;
    margin: 0 5px;
    border: 2px solid #e5e7ec;
    border-radius: 3px; }
    #classlist-tiled-list .document-class-list-tiles-load-button svg {
      width: 30px;
      height: 30px;
      padding: 8px;
      fill: #001323; }
      #classlist-tiled-list .document-class-list-tiles-load-button svg:hover {
        fill: #321E64; }

.dbq-application-rumm #classlist-tiled-list .document-class-list-tile img.project-building-image {
  margin-bottom: 30px; }

.dbq-application-rumm #classlist-tiled-list .document-class-list-tiles-load-more-button,
.dbq-application-rumm #classlist-tiled-list .document-class-list-tiles-loading-indicator {
  width: 100%;
  float: left; }

.dbqdcltl-container {
  background: none !important;
  border: none;
  box-shadow: none; }
  .dbqdcltl-container .dbqdcltl-toolbar {
    background: unset;
    background-color: RGBA(255, 255, 255, 0.4) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px); }
    .dbqdcltl-container .dbqdcltl-toolbar .form-inline {
      background: #ffffff;
      border-color: #e5e7ec;
      color: #000000 !important;
      font-size: 14px;
      line-height: 14px;
      padding: 0; }
      .dbqdcltl-container .dbqdcltl-toolbar .form-inline::-webkit-input-placeholder {
        color: #321E64 !important; }
      .dbqdcltl-container .dbqdcltl-toolbar .form-inline::-moz-placeholder {
        color: #321E64 !important; }
      .dbqdcltl-container .dbqdcltl-toolbar .form-inline:-ms-input-placeholder {
        color: #321E64 !important; }
      .dbqdcltl-container .dbqdcltl-toolbar .form-inline:-moz-placeholder {
        color: #321E64 !important; }
    .dbqdcltl-container .dbqdcltl-toolbar .dbqdcltl-search {
      font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-size: 12px;
      line-height: 20px;
      height: 30px;
      border-radius: 10px !important;
      border: 2px solid #e5e7ec;
      background-color: #ffffff !important;
      color: #000000;
      padding: 2px 10px; }
  .dbqdcltl-container .dbqdcltl-tile-container {
    padding: 7.5px; }
    .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      margin: 0;
      z-index: 1;
      flex: 1;
      padding: 15px;
      display: flex;
      align-items: stretch;
      height: 100%;
      position: relative;
      background-color: #ffffff;
      box-shadow: 0 0px 20px 0 RGBA(0, 0, 0, 0.1);
      background: RGBA(255, 255, 255, 0.4);
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(5px); }
      .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile:hover {
        z-index: 2; }
      .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-content-container {
        text-overflow: ellipsis;
        overflow: hidden; }
        .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-content-container .dbqdcltl-tile-title {
          white-space: nowrap;
          color: #000000;
          font-size: 16px;
          font-weight: 700;
          width: 100%;
          line-height: 20px;
          margin: 0 0 5px 0;
          padding: 0; }
        .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-content-container .dbqdcltl-tile-description {
          color: 12px;
          text-shadow: 0px 0px 10px RGBA(0, 0, 0, 0.2);
          line-height: 1.5;
          font-size: 12px;
          font-weight: 400;
          margin: 0 0 5px 0;
          padding: 0;
          width: 100%; }
          .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-content-container .dbqdcltl-tile-description > a {
            color: #321E64;
            text-decoration: underline;
            font-size: 10px;
            font-weight: 500;
            width: 100px; }
      .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-image-container {
        float: left;
        height: 80px;
        width: 80px;
        display: flex;
        align-items: stretch;
        position: relative;
        background: 0;
        border-radius: 50%;
        padding: 0;
        margin: 0;
        background: RGBA(0, 0, 0, 0.7); }
        .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-image-container svg {
          width: 80px !important;
          height: 80px !important;
          fill: #ffffff;
          padding: 27.5px; }
          .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-image-container svg .dbq-icon-color-1 {
            fill: transparent; }
          .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-image-container svg .dbq-icon-color-2 {
            fill: #ffffff; }
        .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-image-container .dbqdcltl-tile-image,
        .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-image-container .dbqdcltl-tile-icon {
          width: 100%;
          height: 100%; }
        .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-image-container .dbqdcltl-tile-image {
          padding: 0;
          border-radius: 50%; }
      .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-dropdown {
        width: 40px;
        height: 40px; }
        .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-dropdown .dropdown-toggle {
          width: 40px;
          height: 40px;
          padding: 0;
          border: 0;
          margin: 0;
          position: absolute;
          top: 0;
          right: 0;
          border-radius: 10px; }
          .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-dropdown .dropdown-toggle svg {
            width: 40px;
            height: 40px;
            padding: 12px;
            border: 0;
            border-radius: 10px;
            fill: #000000;
            position: absolute;
            top: 50%;
            left: 50%;
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
          .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-dropdown .dropdown-toggle:hover {
            background: none; }
            .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-dropdown .dropdown-toggle:hover svg {
              fill: #321E64; }
        .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-dropdown .dbqdcltl-dropdown-menu {
          background-color: unset;
          background: #fff;
          border: 2px solid #f1f4f7;
          border-radius: 10px;
          -webkit-box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1);
          -moz-box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1);
          box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1);
          color: #000000;
          padding: 6px !important;
          width: fit-content; }
          .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-dropdown .dbqdcltl-dropdown-menu li {
            white-space: nowrap;
            float: left;
            padding: 5px 7px;
            margin: 0 0 3px 0;
            line-height: 20px;
            font-size: 12px;
            font-weight: 500;
            border-radius: 7px; }
            .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-dropdown .dbqdcltl-dropdown-menu li a {
              color: #000000;
              font-size: 12px;
              padding: 0 !important;
              display: flex;
              font-weight: 500;
              line-height: 20px; }
              .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-dropdown .dbqdcltl-dropdown-menu li a svg {
                fill: #000000;
                width: 24px;
                height: 24px; }
              .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-dropdown .dbqdcltl-dropdown-menu li a:hover {
                color: #321E64; }
                .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-dropdown .dbqdcltl-dropdown-menu li a:hover svg {
                  fill: #321E64; }
          .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-dropdown .dbqdcltl-dropdown-menu.dropdown-menu {
            background: #ffffff;
            border: 0;
            -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
            padding: 10px;
            border-radius: 10px; }
            .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-dropdown .dbqdcltl-dropdown-menu.dropdown-menu li {
              white-space: nowrap;
              padding: 5px 7px;
              margin: 0 0 3px 0;
              line-height: 20px;
              font-size: 12px;
              font-weight: 500;
              border-radius: 7px; }
              .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-dropdown .dbqdcltl-dropdown-menu.dropdown-menu li a {
                color: #000000;
                line-height: 20px;
                padding: 5px 10px; }
              .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-dropdown .dbqdcltl-dropdown-menu.dropdown-menu li svg {
                fill: #43464c;
                float: left;
                display: inline-block;
                margin: 0;
                padding: 2px; }
      .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-elevated-function {
        position: absolute;
        top: 0;
        right: 40px;
        background: 0 none;
        outline: 0 none;
        width: 40px;
        height: 40px;
        padding: 0;
        border: 0;
        margin: 0;
        border-radius: 10px; }
        .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-elevated-function svg {
          width: 40px;
          height: 40px;
          padding: 12px;
          fill: #000000 !important;
          border: 0;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
        .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-elevated-function:hover svg {
          fill: #321E64 !important; }
      .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-arrow {
        position: absolute;
        bottom: 0;
        right: 0;
        background: 0 none;
        outline: 0 none;
        display: none;
        width: 40px;
        height: 40px;
        padding: 0;
        border: 0;
        margin: 0;
        border-radius: 10px; }
        .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-arrow svg {
          width: 40px;
          height: 40px;
          padding: 12px;
          fill: #000000 !important;
          border: 0;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
        .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-arrow:hover svg {
          fill: #321E64 !important; }
      .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile.has-child .dbqdcltl-tile-arrow {
        display: block; }
  .dbqdcltl-container .dbqdcltl-tile-count-container {
    color: #000000 !important; }

#classlist-tiled-standard-list .dbqdcltl-container {
  float: left;
  width: 100%; }

#classlist-tiled-standard-list .dbqdcltl-tile-count-container {
  float: left;
  width: 100%;
  color: #001323;
  font-weight: 500;
  text-align: center;
  margin: 15px 0 30px 0; }

#classlist-tiled-standard-list .dbqdcltl-tiles-load-more-button {
  float: left;
  width: 100%;
  text-align: center; }
  #classlist-tiled-standard-list .dbqdcltl-tiles-load-more-button .document-class-list-tiles-load-button {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    cursor: pointer; }

#classlist-tiled-standard-list .dbqdcltl-tiles-loading-indicator {
  float: left;
  width: 100%;
  text-align: center; }
  #classlist-tiled-standard-list .dbqdcltl-tiles-loading-indicator a {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    color: #000000; }
    #classlist-tiled-standard-list .dbqdcltl-tiles-loading-indicator a svg {
      fill: #2d2d2d;
      margin-right: 5px;
      -animation: glyphicon-refresh-animate1 .7s infinite linear;
      -webkit-animation: glyphicon-refresh-animate2 .7s infinite linear; }

#classlist-tiled-standard-list .dbqdcltl-tiles-load-button {
  display: inline-block;
  border: 3px solid #e8e8e8;
  border-radius: 3px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }
  #classlist-tiled-standard-list .dbqdcltl-tiles-load-button svg {
    width: 30px;
    height: 30px;
    padding: 8px; }

#classlist-tiled-standard-list .dbqdcltl-toolbar {
  float: left;
  width: 100%;
  padding: 10px;
  margin-bottom: 10px; }
  #classlist-tiled-standard-list .dbqdcltl-toolbar .dbqdcltl-search {
    border-radius: 10px !important; }

#classlist-tiled-standard-list .dbqdcltl-tile-container {
  clear: both; }
  #classlist-tiled-standard-list .dbqdcltl-tile-container .bootstrap-column {
    display: inline-block;
    margin-bottom: 15px;
    padding-left: 7.5px;
    padding-right: 7.5px; }
  #classlist-tiled-standard-list .dbqdcltl-tile-container .dbqdcltl-tile.dbqdcltl-selected {
    border: 2px solid #321E64; }
  #classlist-tiled-standard-list .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-image-container .dbqdcltl-tile-icon {
    width: 100%;
    height: 100%; }
  #classlist-tiled-standard-list .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-content-container {
    color: #000000;
    float: left;
    width: calc(100% - 80px);
    padding-left: 15px; }
  #classlist-tiled-standard-list .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-essential-function-container {
    float: left;
    clear: both;
    margin: 15px 0;
    width: 100%;
    display: flex; }
    #classlist-tiled-standard-list .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-essential-function-container .dbqdcltl-tile-essential-function-button {
      width: calc(100% - 40px); }
  #classlist-tiled-standard-list .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-dropdown {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 39px; }
  #classlist-tiled-standard-list .dbqdcltl-tile-container .dbqdcltl-tile.has-child .dbqdcltl-tile-content-container {
    width: calc(100% - 110px); }
  #classlist-tiled-standard-list .dbqdcltl-tile-container .dbqdcltl-tile.has-elevated-function .dbqdcltl-tile-content-container {
    width: calc(100% - 130px); }
    #classlist-tiled-standard-list .dbqdcltl-tile-container .dbqdcltl-tile.has-elevated-function .dbqdcltl-tile-content-container .dbqdcltl-tile-title {
      width: calc(100% - 30px); }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.classlist-knowledge-base-folder-list {
  float: left;
  padding: 0;
  margin: 0 15px;
  width: calc(100% - 30px); }
  .classlist-knowledge-base-folder-list .dbqdclkb-toolbar {
    margin-bottom: 10px; }
  .classlist-knowledge-base-folder-list .dbqkbc-folders-container {
    display: unset;
    padding: 0 0 10px 0 !important;
    margin: 0 -5px;
    width: calc(100% + 10px); }
  .classlist-knowledge-base-folder-list .dbqdclkbfl-navigation-control {
    display: flex;
    border: 2px solid #e5e7ec;
    border-radius: 10px;
    margin-right: 5px; }
    .classlist-knowledge-base-folder-list .dbqdclkbfl-navigation-control .dbqdclkbfl-back-button {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 26px;
      height: 26px;
      padding: 2px; }
      .classlist-knowledge-base-folder-list .dbqdclkbfl-navigation-control .dbqdclkbfl-back-button svg {
        fill: #000000; }
      .classlist-knowledge-base-folder-list .dbqdclkbfl-navigation-control .dbqdclkbfl-back-button:hover {
        background: #321E64;
        border-color: #321E64; }
        .classlist-knowledge-base-folder-list .dbqdclkbfl-navigation-control .dbqdclkbfl-back-button:hover svg {
          fill: #fff; }
    .classlist-knowledge-base-folder-list .dbqdclkbfl-navigation-control .dbqdclkbfl-folder-dropdown {
      border: none;
      margin: 0 5px;
      outline: none;
      font-weight: 600;
      cursor: pointer; }

.classlist-knowledge-base-file-list {
  float: left;
  padding: 0;
  margin: 0 15px;
  width: calc(100% - 30px); }
  .classlist-knowledge-base-file-list .dbqkbc-files {
    padding: 15px 0 !important; }
    .classlist-knowledge-base-file-list .dbqkbc-files .dbqkbc-files-list-container .dbqkbc-files-content .dbqkbc-col {
      padding-left: 0px;
      padding-right: 0px; }
    .classlist-knowledge-base-file-list .dbqkbc-files .dbqkbc-files-list-container.dbqkbc-scrollbar-visible .dbqkbc-files-content {
      width: calc(100% - 22px); }
    .classlist-knowledge-base-file-list .dbqkbc-files .dbqkbc-files-list-container.dbqkbc-scrollbar-visible .dbqkbc-file-scrollbar-container {
      margin-left: 7.5px; }
    .classlist-knowledge-base-file-list .dbqkbc-files .dbqkbc-file-content {
      margin: 0 0 0 15px !important;
      padding: 15px !important; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

#classlist-workflow {
  height: calc(100% - 20px);
  margin: 0;
  border-radius: 10px;
  overflow: hidden;
  padding: 7.5px 15px; }

.dbqdclw-container {
  height: 100%;
  border-radius: 10px;
  background-color: RGBA(255, 255, 255, 0.4);
  --dfBackgroundColor: none;
  --dfBackgroundSize: 20px;
  --dfNodeType: flex;
  --dfNodeTypeFloat: none;
  --dfNodeBackgroundColor: #ffffff;
  --dfNodeTextColor: #000000;
  --dfNodeBorderSize: 2px;
  --dfNodeBorderColor: #000000;
  --dfNodeBorderRadius: 5px;
  --dfNodeMinHeight: 30px;
  --dfNodeMinWidth: 160px;
  --dfNodePaddingTop: 10px;
  --dfNodePaddingBottom: 10px;
  --dfNodeBoxShadowHL: 0px;
  --dfNodeBoxShadowVL: 0px;
  --dfNodeBoxShadowBR: 0px;
  --dfNodeBoxShadowS: 0px;
  --dfNodeBoxShadowColor: rgba(0, 0, 0, 1);
  --dfNodeHoverBackgroundColor: rgba(239, 239, 239, 1);
  --dfNodeHoverTextColor: #000000;
  --dfNodeHoverBorderSize: 2px;
  --dfNodeHoverBorderColor: #000000;
  --dfNodeHoverBorderRadius: 4px;
  --dfNodeHoverBoxShadowHL: 0px;
  --dfNodeHoverBoxShadowVL: 0px;
  --dfNodeHoverBoxShadowBR: 0px;
  --dfNodeHoverBoxShadowS: 0px;
  --dfNodeHoverBoxShadowColor: #4ea9ff;
  --dfNodeSelectedBackgroundColor: rgba(239, 239, 239, 1);
  --dfNodeSelectedTextColor: rgba(0, 0, 0, 1);
  --dfNodeSelectedBorderSize: 2px;
  --dfNodeSelectedBorderColor: #000000;
  --dfNodeSelectedBorderRadius: 4px;
  --dfNodeSelectedBoxShadowHL: 0px;
  --dfNodeSelectedBoxShadowVL: 0px;
  --dfNodeSelectedBoxShadowBR: 0px;
  --dfNodeSelectedBoxShadowS: 0px;
  --dfNodeSelectedBoxShadowColor: rgba(0, 0, 0, 1);
  --dfInputBackgroundColor: #ffffff;
  --dfInputBorderSize: 2px;
  --dfInputBorderColor: #000000;
  --dfInputBorderRadius: 50px;
  --dfInputLeft: -27px;
  --dfInputHeight: 20px;
  --dfInputWidth: 20px;
  --dfInputHoverBackgroundColor: #ffffff;
  --dfInputHoverBorderSize: 2px;
  --dfInputHoverBorderColor: #000000;
  --dfInputHoverBorderRadius: 50px;
  --dfOutputBackgroundColor: #ffffff;
  --dfOutputBorderSize: 2px;
  --dfOutputBorderColor: #000000;
  --dfOutputBorderRadius: 50px;
  --dfOutputRight: -3px;
  --dfOutputHeight: 20px;
  --dfOutputWidth: 20px;
  --dfOutputHoverBackgroundColor: #ffffff;
  --dfOutputHoverBorderSize: 2px;
  --dfOutputHoverBorderColor: #000000;
  --dfOutputHoverBorderRadius: 50px;
  --dfLineWidth: 5px;
  --dfLineColor: #4682b4;
  --dfLineHoverColor: #4682b4;
  --dfLineSelectedColor: #43b993;
  --dfRerouteBorderWidth: 2px;
  --dfRerouteBorderColor: #000000;
  --dfRerouteBackgroundColor: #ffffff;
  --dfRerouteHoverBorderWidth: 2px;
  --dfRerouteHoverBorderColor: #000000;
  --dfRerouteHoverBackgroundColor: #ffffff;
  --dfDeleteDisplay: block;
  --dfDeleteColor: #ffffff;
  --dfDeleteBackgroundColor: #000000;
  --dfDeleteBorderSize: 2px;
  --dfDeleteBorderColor: #ffffff;
  --dfDeleteBorderRadius: 50px;
  --dfDeleteTop: -15px;
  --dfDeleteHoverColor: #000000;
  --dfDeleteHoverBackgroundColor: #ffffff;
  --dfDeleteHoverBorderSize: 2px;
  --dfDeleteHoverBorderColor: #000000;
  --dfDeleteHoverBorderRadius: 50px;
  --dfDisabledBackgroundColor: #ffffff;
  --dfDisabledNodeBackgroundColor: #e5e7ec;
  --dfDisabledNodeTextColor: #000000;
  --dfDisabledNodeBorderColor: #666;
  --dfDisabledInputBackgroundColor: #e5e7ec;
  --dfDisabledInputBorderColor: #666;
  --dfDisabledOutputBackgroundColor: #e5e7ec;
  --dfDisabledOutputBorderColor: #666; }
  .dbqdclw-container .dbqdclw-drawing-container {
    float: left;
    border-radius: 10px;
    width: calc(100% - 250px);
    height: 100%;
    box-shadow: 0px 3px 7px RGBA(0, 24, 62, 0.05); }
    .dbqdclw-container .dbqdclw-drawing-container .dbqdclw-node {
      position: relative; }
      .dbqdclw-container .dbqdclw-drawing-container .dbqdclw-node .dbqdclw-node-summary {
        font-weight: 500;
        font-size: 16px; }
      .dbqdclw-container .dbqdclw-drawing-container .dbqdclw-node .dbqdclw-node-button {
        position: absolute;
        right: 0;
        top: calc(50% - 17px);
        width: 35px;
        display: none;
        height: 35px;
        background: #fff;
        border: 2px solid #000;
        padding: 0; }
        .dbqdclw-container .dbqdclw-drawing-container .dbqdclw-node .dbqdclw-node-button svg {
          fill: #000;
          top: 0;
          left: 1px;
          width: 30px;
          height: 30px;
          padding: 5px; }
        .dbqdclw-container .dbqdclw-drawing-container .dbqdclw-node .dbqdclw-node-button:hover {
          background: #321E64 !important;
          border: 2px solid #321E64 !important; }
          .dbqdclw-container .dbqdclw-drawing-container .dbqdclw-node .dbqdclw-node-button:hover svg {
            fill: #ffffff;
            top: 0;
            left: 1px;
            width: 30px;
            height: 30px;
            padding: 5px; }
      .dbqdclw-container .dbqdclw-drawing-container .dbqdclw-node .dbqdclw-node-tags {
        margin-top: 5px; }
        .dbqdclw-container .dbqdclw-drawing-container .dbqdclw-node .dbqdclw-node-tags .dbqdclw-node-tag {
          display: inline-block;
          background: #eee;
          color: #000;
          border-radius: 5px;
          padding: 1px 5px;
          margin-right: 5px;
          font-size: 12px; }
    .dbqdclw-container .dbqdclw-drawing-container .dbqdclw-drawflow-node:hover .dbqdclw-node-button {
      display: block; }
  .dbqdclw-container .dbqdclw-node-types-container {
    float: right;
    width: 250px;
    height: 100%;
    overflow-y: auto;
    background: transparent;
    border-left: 1px solid RGBA(255, 255, 255, 0.2); }
    .dbqdclw-container .dbqdclw-node-types-container::-webkit-scrollbar-track {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .dbqdclw-container .dbqdclw-node-types-container::-webkit-scrollbar-corner, .dbqdclw-container .dbqdclw-node-types-container::-webkit-scrollbar-corner {
      background-color: transparent; }
    .dbqdclw-container .dbqdclw-node-types-container {
      scrollbar-face-color: RGBA(0, 0, 0, 0.4);
      scrollbar-track-color: RGBA(0, 0, 0, 0.2); }
    .dbqdclw-container .dbqdclw-node-types-container::-webkit-scrollbar, .dbqdclw-container .dbqdclw-node-types-container::-webkit-scrollbar-corner, .dbqdclw-container .dbqdclw-node-types-container::-webkit-scrollbar-track, .dbqdclw-container .dbqdclw-node-types-container::-webkit-scrollbar-thumb {
      border-radius: 10px; }
    .dbqdclw-container .dbqdclw-node-types-container::-webkit-scrollbar, .dbqdclw-container .dbqdclw-node-types-container::-webkit-scrollbar-track {
      width: 7.5px;
      height: 7.5px;
      border-radius: 10px;
      background-color: transparent !important;
      background: transparent !important; }
    .dbqdclw-container .dbqdclw-node-types-container::-webkit-scrollbar-thumb {
      border-radius: 7.5px;
      transition: all 0.4s;
      background: RGBA(0, 0, 0, 0.2) !important;
      background-color: RGBA(0, 0, 0, 0.2) !important;
      border: none !important; }
      .dbqdclw-container .dbqdclw-node-types-container::-webkit-scrollbar-thumb:hover {
        background-color: RGBA(0, 0, 0, 0.4) !important; }
    .dbqdclw-container .dbqdclw-node-types-container .dbqdclw-node-type {
      padding: 10px;
      border-bottom: 1px solid RGBA(255, 255, 255, 0.2);
      font-weight: 500;
      cursor: pointer; }
      .dbqdclw-container .dbqdclw-node-types-container .dbqdclw-node-type svg {
        margin-right: 10px;
        width: 24px;
        height: 24px; }
  .dbqdclw-container #drawflow {
    background: var(--dfBackgroundColor);
    background-size: var(--dfBackgroundSize) var(--dfBackgroundSize);
    background-image: linear-gradient(to right, RGBA(255, 255, 255, 0.2) 1px, transparent 1px), linear-gradient(to bottom, RGBA(255, 255, 255, 0.2) 1px, transparent 1px); }
  .dbqdclw-container .drawflow .drawflow-node {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    display: var(--dfNodeType);
    min-height: var(--dfNodeMinHeight);
    min-width: var(--dfNodeMinWidth);
    padding-top: var(--dfNodePaddingTop);
    padding-bottom: var(--dfNodePaddingBottom);
    color: #000000;
    border: 1px solid RGBA(255, 255, 255, 0.1);
    box-shadow: 0 0px 20px 0 RGBA(0, 0, 0, 0.1);
    width: auto;
    padding: 7.5px;
    background: RGBA(255, 255, 255, 0.3);
    text-shadow: 0px 0px 10px RGBA(0, 0, 0, 0.1);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(99, 99, 99, 0.2);
    -moz-box-shadow: 0px 2px 8px 0px rgba(99, 99, 99, 0.2); }
    .dbqdclw-container .drawflow .drawflow-node:hover {
      background: RGBA(255, 255, 255, 0.5); }
    .dbqdclw-container .drawflow .drawflow-node .input {
      left: var(--dfInputLeft);
      background: var(--dfInputBackgroundColor);
      border: var(--dfInputBorderSize) solid var(--dfInputBorderColor);
      border-radius: var(--dfInputBorderRadius);
      height: var(--dfInputHeight);
      width: var(--dfInputWidth); }
      .dbqdclw-container .drawflow .drawflow-node .input:hover {
        background: var(--dfInputHoverBackgroundColor);
        border: var(--dfInputHoverBorderSize) solid var(--dfInputHoverBorderColor);
        border-radius: var(--dfInputHoverBorderRadius); }
    .dbqdclw-container .drawflow .drawflow-node .outputs {
      float: var(--dfNodeTypeFloat); }
    .dbqdclw-container .drawflow .drawflow-node .output {
      right: var(--dfOutputRight);
      background: var(--dfOutputBackgroundColor);
      border: var(--dfOutputBorderSize) solid var(--dfOutputBorderColor);
      border-radius: var(--dfOutputBorderRadius);
      height: var(--dfOutputHeight);
      width: var(--dfOutputWidth); }
      .dbqdclw-container .drawflow .drawflow-node .output:hover {
        background: var(--dfOutputHoverBackgroundColor);
        border: var(--dfOutputHoverBorderSize) solid var(--dfOutputHoverBorderColor);
        border-radius: var(--dfOutputHoverBorderRadius); }
    .dbqdclw-container .drawflow .drawflow-node.selected {
      background: RGBA(0, 0, 0, 0.7);
      color: #ffffff; }
  .dbqdclw-container .drawflow .connection .main-path {
    stroke-width: var(--dfLineWidth);
    stroke: var(--dfLineColor); }
    .dbqdclw-container .drawflow .connection .main-path:hover {
      stroke: var(--dfLineHoverColor); }
  .dbqdclw-container .drawflow .connection .main-path.selected {
    stroke: var(--dfLineSelectedColor); }
  .dbqdclw-container .drawflow .connection .point {
    stroke: var(--dfRerouteBorderColor);
    stroke-width: var(--dfRerouteBorderWidth);
    fill: var(--dfRerouteBackgroundColor); }
    .dbqdclw-container .drawflow .connection .point:hover {
      stroke: var(--dfRerouteHoverBorderColor);
      stroke-width: var(--dfRerouteHoverBorderWidth);
      fill: var(--dfRerouteHoverBackgroundColor); }
  .dbqdclw-container .drawflow-delete {
    display: var(--dfDeleteDisplay);
    color: var(--dfDeleteColor);
    background: var(--dfDeleteBackgroundColor);
    border: var(--dfDeleteBorderSize) solid var(--dfDeleteBorderColor);
    border-radius: var(--dfDeleteBorderRadius);
    line-height: 25px; }
    .dbqdclw-container .drawflow-delete:hover {
      color: var(--dfDeleteHoverColor);
      background: var(--dfDeleteHoverBackgroundColor);
      border: var(--dfDeleteHoverBorderSize) solid var(--dfDeleteHoverBorderColor);
      border-radius: var(--dfDeleteHoverBorderRadius); }
  .dbqdclw-container .parent-node .drawflow-delete {
    top: var(--dfDeleteTop); }
  .dbqdclw-container .dbqdclw-container.dbqdclw-read-only .dbqdclw-node-types-container {
    display: none; }
  .dbqdclw-container .dbqdclw-container.dbqdclw-read-only .dbqdclw-drawing-container {
    width: 100%; }
  .dbqdclw-container .dbqdclw-container.dbqdclw-read-only .drawflow-node {
    background: var(--dfDisabledNodeBackgroundColor);
    color: var(--dfDisabledNodeTextColor);
    border-color: var(--dfDisabledNodeBorderColor);
    cursor: default; }
    .dbqdclw-container .dbqdclw-container.dbqdclw-read-only .drawflow-node .output {
      background: var(--dfDisabledOutputBackgroundColor);
      border-color: var(--dfDisabledOutputBorderColor);
      cursor: default; }
    .dbqdclw-container .dbqdclw-container.dbqdclw-read-only .drawflow-node .input {
      background: var(--dfDisabledInputBackgroundColor);
      border-color: var(--dfDisabledInputBorderColor);
      cursor: default; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbqdclrvl-container .dbq-document,
.folder-document-class-list-dashboard-document .dbq-document,
.classlist-dashboard .dbq-document {
  width: 100%; }
  .dbqdclrvl-container .dbq-document .topic,
  .folder-document-class-list-dashboard-document .dbq-document .topic,
  .classlist-dashboard .dbq-document .topic {
    background: transparent; }
    .dbqdclrvl-container .dbq-document .topic p.dbq-round-image,
    .folder-document-class-list-dashboard-document .dbq-document .topic p.dbq-round-image,
    .classlist-dashboard .dbq-document .topic p.dbq-round-image {
      margin-bottom: 0;
      width: 150px;
      height: 150px;
      display: block;
      max-width: 100%;
      border-radius: 50%;
      overflow: hidden;
      text-align: center; }
      .dbqdclrvl-container .dbq-document .topic p.dbq-round-image > img.dbqdb-image,
      .folder-document-class-list-dashboard-document .dbq-document .topic p.dbq-round-image > img.dbqdb-image,
      .classlist-dashboard .dbq-document .topic p.dbq-round-image > img.dbqdb-image {
        min-width: 100%;
        min-height: 100%;
        margin: 0 auto;
        max-height: unset; }
    .dbqdclrvl-container .dbq-document .topic .dbqdb-image,
    .folder-document-class-list-dashboard-document .dbq-document .topic .dbqdb-image,
    .classlist-dashboard .dbq-document .topic .dbqdb-image {
      max-height: 150px; }
    .dbqdclrvl-container .dbq-document .topic p.dbq-max-height-170,
    .folder-document-class-list-dashboard-document .dbq-document .topic p.dbq-max-height-170,
    .classlist-dashboard .dbq-document .topic p.dbq-max-height-170 {
      width: 170px;
      height: 170px;
      max-width: 100%; }
    .dbqdclrvl-container .dbq-document .topic .pull-right > img.dbqdb-image,
    .folder-document-class-list-dashboard-document .dbq-document .topic .pull-right > img.dbqdb-image,
    .classlist-dashboard .dbq-document .topic .pull-right > img.dbqdb-image {
      float: right; }
    .dbqdclrvl-container .dbq-document .topic .dbq-element-header-5,
    .folder-document-class-list-dashboard-document .dbq-document .topic .dbq-element-header-5,
    .classlist-dashboard .dbq-document .topic .dbq-element-header-5 {
      font-size: 13px;
      color: #bbbbbb;
      font-weight: 400 !important; }
    .dbqdclrvl-container .dbq-document .topic [data-element-type="InputProperty"] + .dbqdb-element:not(.dbq-colon-first):not(.dbq-colon-second) p,
    .folder-document-class-list-dashboard-document .dbq-document .topic [data-element-type="InputProperty"] + .dbqdb-element:not(.dbq-colon-first):not(.dbq-colon-second) p,
    .classlist-dashboard .dbq-document .topic [data-element-type="InputProperty"] + .dbqdb-element:not(.dbq-colon-first):not(.dbq-colon-second) p {
      min-height: 40px; }
    .dbqdclrvl-container .dbq-document .topic .dbqdb-element:not(.dbq-colon-first):not(.dbq-colon-second) p,
    .folder-document-class-list-dashboard-document .dbq-document .topic .dbqdb-element:not(.dbq-colon-first):not(.dbq-colon-second) p,
    .classlist-dashboard .dbq-document .topic .dbqdb-element:not(.dbq-colon-first):not(.dbq-colon-second) p {
      font-weight: 500;
      font-size: 14px;
      word-break: break-all; }
    .dbqdclrvl-container .dbq-document .topic h2,
    .folder-document-class-list-dashboard-document .dbq-document .topic h2,
    .classlist-dashboard .dbq-document .topic h2 {
      color: #000000; }

#classlist-record-view-list .dbqdclrvl-container {
  display: flex;
  align-items: stretch;
  background-color: #ffffff;
  position: relative;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px); }
  #classlist-record-view-list .dbqdclrvl-container[data-is-loading="true"] {
    min-height: 130px; }
  #classlist-record-view-list .dbqdclrvl-container .nav-tabs {
    padding: 0 !important;
    background: transparent;
    margin-bottom: 10px; }
    #classlist-record-view-list .dbqdclrvl-container .nav-tabs li {
      margin: 0 0 10px 0; }
  #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item .dbqdb-header,
  #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item-empty .dbqdb-header {
    background: none;
    border-bottom: none; }
  #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item .dbq-form .row[data-element-type=Text],
  #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item-empty .dbq-form .row[data-element-type=Text] {
    margin-bottom: 10px; }
  #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item {
    width: 100%;
    padding: 15px;
    cursor: pointer; }
    #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item .dbqdb-block.dbqdb-block-elevated-background {
      border: 1px solid RGBA(255, 255, 255, 0.1);
      background: RGBA(255, 255, 255, 0.3);
      box-shadow: 0 0px 20px 0 RGBA(0, 0, 0, 0.1); }
    #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item .modal-footer {
      padding: 0; }
  #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item-empty {
    width: 100%;
    padding: 15px;
    display: flex; }
    #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item-empty + .dbqdclrvl-item-toolbar {
      display: none; }
    #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item-empty button {
      margin: 15px auto;
      font-size: 22px;
      padding: 15px; }
  #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item-toolbar {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 7.5px;
    margin-right: 7.5px; }
    #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item-toolbar .dbqdclrvl-dropdown {
      position: absolute;
      fill: #000000;
      top: 0;
      right: 0; }
      #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item-toolbar .dbqdclrvl-dropdown button.dropdown-toggle {
        border: none;
        background: none; }
        #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item-toolbar .dbqdclrvl-dropdown button.dropdown-toggle svg {
          width: 15px;
          height: 15px; }
        #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item-toolbar .dbqdclrvl-dropdown button.dropdown-toggle:hover {
          background: none;
          border: none; }
          #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item-toolbar .dbqdclrvl-dropdown button.dropdown-toggle:hover svg {
            fill: #321E64; }
    #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item-toolbar .dbqdclrvl-button-drilldown {
      background: none;
      outline: none;
      border: none;
      width: 30px;
      height: 30px; }
      #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item-toolbar .dbqdclrvl-button-drilldown svg {
        width: 30px;
        height: 30px;
        padding: 0;
        margin: 0;
        fill: #000000; }
    #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item-toolbar .dbqdclrvl-elevated-function {
      display: flex;
      align-items: center;
      justify-content: center;
      background: none;
      border: none;
      outline: 0;
      width: 26px;
      height: 26px;
      border-radius: 50%;
      padding: 6px; }
      #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item-toolbar .dbqdclrvl-elevated-function svg {
        fill: #000000;
        width: 24px;
        height: 24px; }
      #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item-toolbar .dbqdclrvl-elevated-function:hover {
        background: #ffffff;
        color: #ffffff;
        box-shadow: 0 0 5px #ffffff;
        text-shadow: 0 0 5px #ffffff; }
        #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item-toolbar .dbqdclrvl-elevated-function:hover svg {
          fill: #321E64 !important;
          transform: scale(1.1); }
  #classlist-record-view-list .dbqdclrvl-container form[data-view-mode=View] .dbq-form .row.dbq-form-group-title[data-element-type=Text] {
    margin-bottom: 0; }
    #classlist-record-view-list .dbqdclrvl-container form[data-view-mode=View] .dbq-form .row.dbq-form-group-title[data-element-type=Text] p {
      background: #f0f2f5;
      color: #000000;
      border-color: #e5e7ec; }
  #classlist-record-view-list .dbqdclrvl-container form[data-view-mode=View] .dbq-form .row .dbq-form-group-padding p.dbq-form-group-padding {
    border: none !important; }
  #classlist-record-view-list .dbqdclrvl-container .modal-footer {
    background-color: transparent;
    border: 0 none;
    padding-left: 0px;
    padding-right: 0px; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

@media (min-width: 576px) {
  #classlist-image-modal .modal-dialog {
    max-width: 500px; } }

@media (min-width: 992px) {
  #classlist-image-modal .modal-dialog {
    max-width: 800px; } }

@media (min-width: 1200px) {
  #classlist-image-modal .modal-dialog {
    max-width: 1140px; } }

#classlist-image-modal .modal-dialog {
  width: fit-content;
  max-width: calc(100% - 60px); }

#classlist-image-modal .modal-dialog .modal-content {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  background: transparent; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbqdcltg-scrollbar-container .dbq-scrollbar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: calc(100% - 34px);
  margin-top: 34px;
  background: #eee;
  border-radius: 17px;
  margin: 34px 5px 0 0;
  padding: 5px 0; }
  .dbqdcltg-scrollbar-container .dbq-scrollbar .dbq-scrollbar-navigation {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .dbqdcltg-scrollbar-container .dbq-scrollbar .dbq-scrollbar-navigation .dbq-scrollbar-navigation-button {
      cursor: pointer;
      fill: #333; }
  .dbqdcltg-scrollbar-container .dbq-scrollbar .dbq-scrollbar-track {
    width: 8px;
    height: 100%;
    min-height: 20px;
    background: #ccc;
    position: relative;
    border-radius: 5px;
    cursor: pointer; }
    .dbqdcltg-scrollbar-container .dbq-scrollbar .dbq-scrollbar-track .dbq-scrollbar-thumb {
      width: 14px;
      height: 20px;
      min-height: 8px;
      position: absolute;
      left: -3px;
      background: #fff;
      cursor: pointer;
      border-radius: 10px;
      border: 1px solid #aaa; }
      .dbqdcltg-scrollbar-container .dbq-scrollbar .dbq-scrollbar-track .dbq-scrollbar-thumb .dbq-scrollbar-thumb-index {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        background: #fff;
        min-width: 30px;
        height: 26px;
        top: -3px;
        right: 20px;
        border: 1px solid #aaa;
        border-radius: 10px;
        padding: 1px 5px;
        font-size: 12px;
        font-weight: 600;
        white-space: nowrap; }
        .dbqdcltg-scrollbar-container .dbq-scrollbar .dbq-scrollbar-track .dbq-scrollbar-thumb .dbq-scrollbar-thumb-index.dbq-scrollbar-thumb-index-hidden {
          display: none; }

.ui-igspreadsheet-scrollbar-thumb-horizontal,
.ui-igspreadsheet-scrollbar-thumb-vertical {
  background: #fff;
  cursor: pointer;
  border-radius: 10px;
  border: 1px solid #aaa; }

.dbqdcltg-data-table .dbqdcltg-cell-editable .dbqdcltg-cell-editable-container {
  display: flex;
  align-items: center; }
  .dbqdcltg-data-table .dbqdcltg-cell-editable .dbqdcltg-cell-editable-container.dbqdcltg-align-right {
    flex-direction: row-reverse; }
  .dbqdcltg-data-table .dbqdcltg-cell-editable .dbqdcltg-cell-editable-container .dbqdcltg-cell-editable-indicator {
    opacity: 0;
    margin: 0 5px 3px 5px; }
    .dbqdcltg-data-table .dbqdcltg-cell-editable .dbqdcltg-cell-editable-container .dbqdcltg-cell-editable-indicator svg {
      width: 20px;
      height: 20px; }

.dbqdcltg-data-table .dbqdcltg-cell-editable .dbqdcltg-editable-property-input {
  height: 28px;
  min-width: 50px;
  box-shadow: none;
  border-radius: 5px; }
  .dbqdcltg-data-table .dbqdcltg-cell-editable .dbqdcltg-editable-property-input[data-document-property-type="1"], .dbqdcltg-data-table .dbqdcltg-cell-editable .dbqdcltg-editable-property-input[data-document-property-type="4"] {
    text-align: right; }
  .dbqdcltg-data-table .dbqdcltg-cell-editable .dbqdcltg-editable-property-input.dbqdcltg-editable-property-invalid,
  .dbqdcltg-data-table .dbqdcltg-cell-editable .dbqdcltg-editable-property-input .dbqstd-invalid,
  .dbqdcltg-data-table .dbqdcltg-cell-editable .dbqdcltg-editable-property-input .dbqstp-invalid {
    background-color: #f3b3b0;
    border-color: #d5473c;
    color: #b64f4b !important; }

.dbqdcltg-data-table .dbqdcltg-cell-editable .dbqdcltg-editable-property-input-multiple-select .dbqstd-output-content-container {
  height: 28px;
  border-radius: 5px;
  border-width: 1px; }
  .dbqdcltg-data-table .dbqdcltg-cell-editable .dbqdcltg-editable-property-input-multiple-select .dbqstd-output-content-container .dbqstd-attribute-value {
    font-weight: 400;
    font-size: 14px; }

.dbqdcltg-functions-table .dbqdcltg-editing-buttons-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end; }
  .dbqdcltg-functions-table .dbqdcltg-editing-buttons-container .dbqdcltg-editing-button {
    width: 24px;
    height: 24px;
    border: 0 none;
    border-radius: 50%;
    outline: 0; }
    .dbqdcltg-functions-table .dbqdcltg-editing-buttons-container .dbqdcltg-editing-button svg {
      width: 12px;
      height: 12px;
      fill: #ffffff !important; }
    .dbqdcltg-functions-table .dbqdcltg-editing-buttons-container .dbqdcltg-editing-button.dbqdcltg-editing-confirm-button {
      background: #28a745;
      margin-right: 5px; }
      .dbqdcltg-functions-table .dbqdcltg-editing-buttons-container .dbqdcltg-editing-button.dbqdcltg-editing-confirm-button .dbq-button-spinner {
        margin: -1px !important;
        color: #ffffff; }
    .dbqdcltg-functions-table .dbqdcltg-editing-buttons-container .dbqdcltg-editing-button.dbqdcltg-editing-cancel-button {
      background: #dc3545; }

.dbqdcltg-row-editing {
  background-color: #e5e5e5 !important;
  color: #000 !important; }

.dbqdcltg-row-hover .dbqdcltg-cell-editable-indicator {
  opacity: 1 !important; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbqdcltg-container {
  display: inline-block;
  position: relative;
  width: 100%;
  clear: both;
  margin: 0;
  padding: 0;
  background-color: unset;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 10px;
  background-color: #ffffff;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px); }
  .dbqdcltg-container[data-is-loading="true"] {
    min-height: 130px; }
  .dbqdcltg-container .dbqdcltg-tables-container {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row; }
    .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-data-table-container {
      flex-grow: 1;
      overflow-x: auto;
      margin-left: 5px; }
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-data-table-container::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-data-table-container::-webkit-scrollbar-corner, .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-data-table-container::-webkit-scrollbar-corner {
        background-color: transparent; }
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-data-table-container {
        scrollbar-face-color: RGBA(0, 0, 0, 0.4);
        scrollbar-track-color: RGBA(0, 0, 0, 0.2); }
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-data-table-container::-webkit-scrollbar, .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-data-table-container::-webkit-scrollbar-corner, .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-data-table-container::-webkit-scrollbar-track, .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-data-table-container::-webkit-scrollbar-thumb {
        border-radius: 0; }
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-data-table-container::-webkit-scrollbar, .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-data-table-container::-webkit-scrollbar-track {
        width: 7.5px;
        height: 7.5px;
        border-radius: 0;
        background-color: transparent !important;
        background: transparent !important; }
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-data-table-container::-webkit-scrollbar-thumb {
        border-radius: 7.5px;
        transition: all 0.4s;
        background: RGBA(0, 0, 0, 0.2) !important;
        background-color: RGBA(0, 0, 0, 0.2) !important;
        border: none !important; }
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-data-table-container::-webkit-scrollbar-thumb:hover {
          background-color: RGBA(0, 0, 0, 0.4) !important; }
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-data-table-container .dbqdcltg-data-table {
        width: 100%; }
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-data-table-container .dbqdcltg-data-table tr td {
          min-width: 30px;
          max-width: 500px;
          padding: 0 5px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          border: 1px solid #f4f4f4;
          height: 35px;
          user-select: none;
          /* CSS3 (little to no support) */
          -ms-user-select: none;
          /* IE 10+ */
          -moz-user-select: none;
          /* Gecko (Firefox) */
          -webkit-user-select: none;
          /* Webkit (Safari, Chrome) */ }
          .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-data-table-container .dbqdcltg-data-table tr td:first-of-type {
            padding-left: 10px; }
          .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-data-table-container .dbqdcltg-data-table tr td.dbqdcltg-merged-border-left {
            padding-left: 1px; }
          .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-data-table-container .dbqdcltg-data-table tr td.dbqdcltg-merged-border-right {
            padding-right: 1px; }
    .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-functions-table-container {
      margin-right: 5px; }
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-functions-table-container .dbqdcltg-functions-table .dbqdcltg-column-header {
        border: none;
        border-top: 1px solid #f4f4f4;
        border-bottom: 1px solid #f4f4f4; }
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-functions-table-container .dbqdcltg-functions-table .dbqdcltg-column-header:last-of-type {
          border-right: 1px solid #f4f4f4; }
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-functions-table-container .dbqdcltg-functions-table tr td {
        border-top: 1px solid #f4f4f4;
        border-bottom: 1px solid #f4f4f4;
        height: 35px; }
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-functions-table-container .dbqdcltg-functions-table tr td:last-of-type {
          padding-right: 5px;
          border-right: 1px solid #f4f4f4; }
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-functions-table-container .dbqdcltg-functions-table .dbqdcltg-row-function-button {
        display: flex;
        align-items: center;
        justify-content: center;
        background: none;
        border: none;
        outline: 0;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        padding: 5px; }
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-functions-table-container .dbqdcltg-functions-table .dbqdcltg-row-function-button svg {
          fill: #000000;
          width: 24px;
          height: 24px; }
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-functions-table-container .dbqdcltg-functions-table .dbqdcltg-row-function-button.dbqdcltg-row-hover-first-function.dbqdcltg-highlight, .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-functions-table-container .dbqdcltg-functions-table .dbqdcltg-row-function-button:hover {
          background: #ffffff;
          color: #ffffff;
          box-shadow: 0 0 5px #ffffff;
          text-shadow: 0 0 5px #ffffff; }
          .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-functions-table-container .dbqdcltg-functions-table .dbqdcltg-row-function-button.dbqdcltg-row-hover-first-function.dbqdcltg-highlight svg, .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-functions-table-container .dbqdcltg-functions-table .dbqdcltg-row-function-button:hover svg {
            fill: #321E64 !important;
            transform: scale(1.1); }
    .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-column-header {
      padding: 0 5px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      height: 35px;
      font-size: 12px;
      border: 1px solid #f4f4f4;
      font-weight: bold;
      background-color: #f4f4f4; }
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-column-header:first-of-type {
        padding-left: 10px; }
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-column-header.dbqdcltg-expand-button-column-header {
        width: 50px; }
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-column-header.dbqdcltg-merged-border-left {
        padding-left: 1px;
        border-left: none; }
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-column-header.dbqdcltg-merged-border-right {
        padding-right: 1px;
        border-right: none; }
    .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row,
    .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row {
      font-size: 12px;
      font-weight: 500;
      color: #000000;
      background-color: transparent;
      text-decoration: none;
      cursor: pointer; }
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row .dbqdcltg-inline-svg,
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row .dbqdcltg-inline-svg {
        width: 24px;
        height: 24px;
        fill: #000000; }
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row .dbqdcltg-expand-button svg,
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row .dbqdcltg-expand-button svg {
        fill: #000000; }
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-selected, .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-active, .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-selected.dbqdcltg-row-hover, .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-active.dbqdcltg-row-hover,
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-selected,
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-active,
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-selected.dbqdcltg-row-hover,
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-active.dbqdcltg-row-hover {
        background-color: #333333 !important;
        color: #ffffff !important;
        fill: #ffffff !important; }
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-selected td, .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-active td, .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-selected.dbqdcltg-row-hover td, .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-active.dbqdcltg-row-hover td,
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-selected td,
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-active td,
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-selected.dbqdcltg-row-hover td,
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-active.dbqdcltg-row-hover td {
          background-color: #333333 !important;
          color: #ffffff !important; }
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-selected .dbqdcltg-inline-svg, .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-active .dbqdcltg-inline-svg, .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-selected.dbqdcltg-row-hover .dbqdcltg-inline-svg, .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-active.dbqdcltg-row-hover .dbqdcltg-inline-svg,
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-selected .dbqdcltg-inline-svg,
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-active .dbqdcltg-inline-svg,
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-selected.dbqdcltg-row-hover .dbqdcltg-inline-svg,
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-active.dbqdcltg-row-hover .dbqdcltg-inline-svg {
          fill: #ffffff !important; }
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-selected .dbqdcltg-row-function-button svg, .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-active .dbqdcltg-row-function-button svg, .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-selected.dbqdcltg-row-hover .dbqdcltg-row-function-button svg, .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-active.dbqdcltg-row-hover .dbqdcltg-row-function-button svg,
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-selected .dbqdcltg-row-function-button svg,
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-active .dbqdcltg-row-function-button svg,
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-selected.dbqdcltg-row-hover .dbqdcltg-row-function-button svg,
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-active.dbqdcltg-row-hover .dbqdcltg-row-function-button svg {
          fill: #ffffff !important; }
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-selected,
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-selected {
        background-color: #666666 !important; }
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-hover,
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-hover {
        background-color: #321E64; }
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-hover td,
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-hover td {
          background-color: #321E64 !important;
          color: #ffffff !important; }
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-hover svg,
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-hover svg {
          fill: #ffffff; }
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-hover .dbqdcltg-row-function-button svg,
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-hover .dbqdcltg-row-function-button svg {
          fill: #ffffff; }
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="1"],
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="1"] {
        color: #FFFFFF;
        background-color: #7F7F7F;
        font-weight: bold;
        font-size: 12px;
        text-decoration: none; }
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="1"] svg,
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="1"] svg {
          fill: #FFFFFF; }
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="2"],
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="2"] {
        color: #000000;
        background-color: transparent;
        font-weight: 700;
        font-size: 12px;
        text-decoration: none; }
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="2"] svg,
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="2"] svg {
          fill: #000000; }
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="3"],
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="3"] {
        color: #0099CC;
        background-color: #0099CC2E;
        font-weight: bold;
        font-size: 12px;
        text-decoration: none; }
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="3"] svg,
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="3"] svg {
          fill: #0099CC; }
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="4"],
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="4"] {
        color: #FF8800;
        background-color: #FF88002E;
        font-weight: bold;
        font-size: 12px;
        text-decoration: none; }
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="4"] svg,
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="4"] svg {
          fill: #FF8800; }
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="5"],
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="5"] {
        color: #CC0000;
        background-color: #CC00002E;
        font-weight: bold;
        font-size: 12px;
        text-decoration: none; }
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="5"] svg,
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="5"] svg {
          fill: #CC0000; }
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="6"],
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="6"] {
        color: #000000;
        background-color: transparent;
        font-weight: 500;
        font-size: 12px;
        text-decoration: none; }
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="6"] svg,
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="6"] svg {
          fill: #000000; }
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="7"],
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="7"] {
        color: #000000;
        background-color: transparent;
        font-weight: 500;
        font-size: 12px;
        text-decoration: none; }
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="7"] svg,
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="7"] svg {
          fill: #000000; }
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="8"],
      .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="8"] {
        color: #007E33;
        background-color: #007E332E;
        font-weight: bold;
        font-size: 12px;
        text-decoration: none; }
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="8"] svg,
        .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="8"] svg {
          fill: #007E33; }
    .dbqdcltg-container .dbqdcltg-tables-container .dbqdcltg-total-row {
      cursor: initial; }
    .dbqdcltg-container .dbqdcltg-tables-container[data-folder-document-class-list-mode="4"] .dbqdcltg-data-table-container .dbqdcltg-column-header:first-of-type,
    .dbqdcltg-container .dbqdcltg-tables-container[data-folder-document-class-list-mode="4"] .dbqdcltg-data-table-container tr td:first-of-type {
      border-right: none; }
    .dbqdcltg-container .dbqdcltg-tables-container[data-folder-document-class-list-mode="4"] .dbqdcltg-data-table-container .dbqdcltg-column-header:nth-of-type(2),
    .dbqdcltg-container .dbqdcltg-tables-container[data-folder-document-class-list-mode="4"] .dbqdcltg-data-table-container tr td:nth-of-type(2) {
      border-left: none; }
  .dbqdcltg-container .dbqdcltg-footer {
    font-weight: 600;
    line-height: 20px;
    font-size: 12px;
    padding: 5px 15px;
    margin: 0;
    color: #000000;
    user-select: none;
    /* CSS3 (little to no support) */
    -ms-user-select: none;
    /* IE 10+ */
    -moz-user-select: none;
    /* Gecko (Firefox) */
    -webkit-user-select: none;
    /* Webkit (Safari, Chrome) */ }

.dbqdcltg-indent {
  display: inline-block; }

.dbqdcltg-cell .dbq-progress-bar {
  max-width: 120px; }

.dbqdcltg-cell-custom,
.dbqdcltg-merged-cell {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0; }
  .dbqdcltg-cell-custom .dbqdcltg-merged-cell-description,
  .dbqdcltg-merged-cell .dbqdcltg-merged-cell-description {
    font-size: 10px; }
  .dbqdcltg-cell-custom .dbqdcltg-row-image,
  .dbqdcltg-merged-cell .dbqdcltg-row-image {
    position: relative;
    overflow: hidden;
    height: 30px;
    max-height: 30px;
    margin-right: 5px; }
    .dbqdcltg-cell-custom .dbqdcltg-row-image[data-image-type-view-format="1"],
    .dbqdcltg-merged-cell .dbqdcltg-row-image[data-image-type-view-format="1"] {
      width: 30px;
      max-width: 30px; }
    .dbqdcltg-cell-custom .dbqdcltg-row-image[data-image-type-view-format="2"],
    .dbqdcltg-merged-cell .dbqdcltg-row-image[data-image-type-view-format="2"] {
      width: 30px;
      max-width: 30px;
      border-radius: 50%; }
    .dbqdcltg-cell-custom .dbqdcltg-row-image .dbqdcltg-row-image-full-screen,
    .dbqdcltg-merged-cell .dbqdcltg-row-image .dbqdcltg-row-image-full-screen {
      display: none;
      position: absolute;
      width: 20px;
      height: 20px;
      bottom: 0;
      right: 0; }
      .dbqdcltg-cell-custom .dbqdcltg-row-image .dbqdcltg-row-image-full-screen svg,
      .dbqdcltg-merged-cell .dbqdcltg-row-image .dbqdcltg-row-image-full-screen svg {
        fill: #fff; }
  .dbqdcltg-cell-custom .dbqdcltg-row-inline-image,
  .dbqdcltg-merged-cell .dbqdcltg-row-inline-image {
    display: flex;
    flex-shrink: 0;
    overflow: hidden;
    height: 24px;
    max-height: 24px;
    margin-right: 5px; }

.dbqdcltg-image-popup .modal-body {
  border-radius: 10px !important; }

.dbqdcltg-table-cell-color-preview {
  display: inline-block;
  position: relative;
  width: 22px;
  height: 22px;
  margin-right: 5px;
  border-radius: 50%;
  background-image: repeating-linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%, #aaa), repeating-linear-gradient(45deg, #aaa 25%, #fff 25%, #fff 75%, #aaa 75%, #aaa);
  background-position: 0 0, 4px 4px;
  background-size: 8px 8px; }
  .dbqdcltg-table-cell-color-preview:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: inherit;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
    background-color: inherit; }

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

.dbqdcltg-align-right {
  text-align: right; }
  .dbqdcltg-align-right .dbqdcltg-merged-cell {
    justify-content: flex-end; }

.dbqdcltg-total-value {
  font-weight: bold;
  padding-right: 5px;
  white-space: nowrap; }

#classlist .classlist-window:first-child .dbqdcltg-container {
  z-index: 13; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbqdcltg-has-sidepanel {
  display: flex;
  gap: 15px; }
  .dbqdcltg-has-sidepanel[data-size-ratio="0"] .dbqdcltg-main-panel {
    width: calc(100% - 400px); }
  .dbqdcltg-has-sidepanel[data-size-ratio="0"] .dbqdcltg-sidepanel {
    width: 400px; }
  .dbqdcltg-has-sidepanel[data-size-ratio="1"] .dbqdcltg-main-panel {
    width: calc(100% - 600px); }
  .dbqdcltg-has-sidepanel[data-size-ratio="1"] .dbqdcltg-sidepanel {
    width: 600px; }
  .dbqdcltg-has-sidepanel[data-size-ratio="2"] .dbqdcltg-main-panel {
    width: calc(100% - 800px); }
  .dbqdcltg-has-sidepanel[data-size-ratio="2"] .dbqdcltg-sidepanel {
    width: 800px; }
  @media only screen and (max-width: 1440px) {
    .dbqdcltg-has-sidepanel[data-size-ratio="1"] .dbqdcltg-main-panel {
      width: calc(100% - 400px); }
    .dbqdcltg-has-sidepanel[data-size-ratio="1"] .dbqdcltg-sidepanel {
      width: 400px; }
    .dbqdcltg-has-sidepanel[data-size-ratio="2"] .dbqdcltg-main-panel {
      width: calc(100% - 600px); }
    .dbqdcltg-has-sidepanel[data-size-ratio="2"] .dbqdcltg-sidepanel {
      width: 600px; } }
  @media only screen and (max-width: 1200px) {
    .dbqdcltg-has-sidepanel[data-size-ratio="0"] .dbqdcltg-main-panel, .dbqdcltg-has-sidepanel[data-size-ratio="1"] .dbqdcltg-main-panel {
      width: calc(100% - 300px); }
    .dbqdcltg-has-sidepanel[data-size-ratio="0"] .dbqdcltg-sidepanel, .dbqdcltg-has-sidepanel[data-size-ratio="1"] .dbqdcltg-sidepanel {
      width: 300px; }
    .dbqdcltg-has-sidepanel[data-size-ratio="2"] .dbqdcltg-main-panel {
      width: calc(100% - 400px); }
    .dbqdcltg-has-sidepanel[data-size-ratio="2"] .dbqdcltg-sidepanel {
      width: 400px; } }
  @media only screen and (max-width: 992px) {
    .dbqdcltg-has-sidepanel[data-size-ratio="2"] .dbqdcltg-main-panel {
      width: calc(100% - 300px); }
    .dbqdcltg-has-sidepanel[data-size-ratio="2"] .dbqdcltg-sidepanel {
      width: 300px; } }
  .dbqdcltg-has-sidepanel .dbqdcltg-main-panel {
    width: calc(100% - 600px);
    z-index: 1; }
    .dbqdcltg-has-sidepanel .dbqdcltg-main-panel[data-is-collapsed="true"] {
      width: calc(100% - (40px + 15px)); }
  .dbqdcltg-has-sidepanel .dbqdcltg-sidepanel {
    width: 600px;
    z-index: 2; }
    .dbqdcltg-has-sidepanel .dbqdcltg-sidepanel[data-is-collapsed="true"] {
      width: 40px; }
      .dbqdcltg-has-sidepanel .dbqdcltg-sidepanel[data-is-collapsed="true"] .dbqdclsp-container .dbqdclsp-header-container {
        flex-direction: column;
        height: 100%;
        width: 40px;
        border-radius: 10px;
        z-index: 14 !important; }
        .dbqdcltg-has-sidepanel .dbqdcltg-sidepanel[data-is-collapsed="true"] .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-title-container .dbqdclsp-collapse-button {
          transform: rotate(180deg); }
        .dbqdcltg-has-sidepanel .dbqdcltg-sidepanel[data-is-collapsed="true"] .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-title-container .dbqdclsp-title {
          display: none; }
        .dbqdcltg-has-sidepanel .dbqdcltg-sidepanel[data-is-collapsed="true"] .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-title-container .dbqdclsp-full-screen-button {
          display: none; }
        .dbqdcltg-has-sidepanel .dbqdcltg-sidepanel[data-is-collapsed="true"] .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-tab-bar-container {
          flex-direction: column;
          width: 40px;
          height: calc(100% - 40px);
          border-radius: 0 0 10px 10px; }
      .dbqdcltg-has-sidepanel .dbqdcltg-sidepanel[data-is-collapsed="true"] .dbqdclsp-container .dbqdclsp-content-container {
        display: none; }
    .dbqdcltg-has-sidepanel .dbqdcltg-sidepanel[data-is-collapsed="false"] .dbqdclsp-container {
      min-height: 400px; }
  .dbqdcltg-has-sidepanel.dbqdcltg-sidepanel-is-fullscreen .dbqdcltg-main-panel {
    display: none; }
  .dbqdcltg-has-sidepanel.dbqdcltg-sidepanel-is-fullscreen .dbqdcltg-sidepanel {
    width: 100%;
    margin-left: 0; }

.dbqdclsp-container {
  display: flex;
  width: 100%;
  height: 100%;
  z-index: 12;
  display: inline-block;
  position: relative;
  clear: both;
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
  background-color: unset;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 10px;
  background-color: #ffffff;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px); }
  .dbqdclsp-container[data-is-loading="true"] {
    min-height: 130px; }
  .dbqdclsp-container .dbqdclsp-header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    border-radius: 10px 10px 0 0;
    background-color: #321E64;
    color: #ffffff;
    position: relative;
    z-index: 2;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px); }
    .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-title-container {
      display: flex;
      align-items: center;
      min-width: 0; }
      .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-title-container .dbqdclsp-collapse-button,
      .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-title-container .dbqdclsp-full-screen-button {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        margin: 5px;
        width: 30px;
        height: 30px;
        border-radius: 50%; }
        .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-title-container .dbqdclsp-collapse-button svg,
        .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-title-container .dbqdclsp-full-screen-button svg {
          fill: #ffffff; }
        .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-title-container .dbqdclsp-collapse-button:hover:not(.disabled) svg,
        .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-title-container .dbqdclsp-full-screen-button:hover:not(.disabled) svg {
          fill: #321E64 !important; }
        .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-title-container .dbqdclsp-collapse-button:hover:not(.disabled),
        .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-title-container .dbqdclsp-full-screen-button:hover:not(.disabled) {
          color: #321E64;
          box-shadow: 0 0 5px #ffffff;
          text-shadow: 0 0 5px #ffffff;
          background: #333333 !important; }
          .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-title-container .dbqdclsp-collapse-button:hover:not(.disabled) svg,
          .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-title-container .dbqdclsp-full-screen-button:hover:not(.disabled) svg {
            fill: #ffffff !important;
            transform: scale(1.1); }
        .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-title-container .dbqdclsp-collapse-button.disabled,
        .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-title-container .dbqdclsp-full-screen-button.disabled {
          cursor: not-allowed; }
          .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-title-container .dbqdclsp-collapse-button.disabled svg,
          .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-title-container .dbqdclsp-full-screen-button.disabled svg {
            opacity: 0.50; }
      .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-title-container .dbqdclsp-full-screen-button svg {
        width: 24px;
        height: 24px; }
      .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-title-container .dbqdclsp-title {
        font-size: 16px;
        font-weight: 500;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-tab-bar-container {
      display: flex;
      height: 40px;
      padding: 5px;
      color: #ffffff;
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(5px); }
      .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-tab-bar-container .dbqdclsp-tab-bar-item {
        display: flex;
        align-items: center;
        justify-content: center;
        background: none;
        border: none;
        outline: 0;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        padding: 6px;
        cursor: pointer;
        background: transparent;
        border: 1px solid transparent; }
        .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-tab-bar-container .dbqdclsp-tab-bar-item svg {
          fill: #ffffff;
          width: 24px;
          height: 24px; }
        .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-tab-bar-container .dbqdclsp-tab-bar-item.dbqdclsp-active:not(.disabled), .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-tab-bar-container .dbqdclsp-tab-bar-item:hover:not(.disabled) {
          color: #321E64; }
          .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-tab-bar-container .dbqdclsp-tab-bar-item.dbqdclsp-active:not(.disabled) svg, .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-tab-bar-container .dbqdclsp-tab-bar-item:hover:not(.disabled) svg {
            fill: #321E64 !important; }
        .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-tab-bar-container .dbqdclsp-tab-bar-item.dbqdclsp-active:not(.disabled), .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-tab-bar-container .dbqdclsp-tab-bar-item:hover:not(.disabled) {
          color: #321E64;
          box-shadow: 0 0 5px #ffffff;
          text-shadow: 0 0 5px #ffffff;
          background: #333333 !important; }
          .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-tab-bar-container .dbqdclsp-tab-bar-item.dbqdclsp-active:not(.disabled) svg, .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-tab-bar-container .dbqdclsp-tab-bar-item:hover:not(.disabled) svg {
            fill: #ffffff !important;
            transform: scale(1.1); }
        .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-tab-bar-container .dbqdclsp-tab-bar-item.disabled {
          cursor: not-allowed; }
          .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-tab-bar-container .dbqdclsp-tab-bar-item.disabled svg {
            opacity: 0.50; }
        .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-tab-bar-container .dbqdclsp-tab-bar-item.dbqdcl-hidden {
          display: none; }
      .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-tab-bar-container .dbqdcl-dropdown {
        width: 30px;
        height: 30px;
        cursor: pointer; }
        .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-tab-bar-container .dbqdcl-dropdown .dbqdcl-dropdown-toggle {
          width: 30px;
          height: 30px;
          padding: 3px; }
          .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-tab-bar-container .dbqdcl-dropdown .dbqdcl-dropdown-toggle svg {
            fill: #ffffff; }
          .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-tab-bar-container .dbqdcl-dropdown .dbqdcl-dropdown-toggle:hover svg {
            fill: #321E64 !important; }
        .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-tab-bar-container .dbqdcl-dropdown .dbqdcl-dropdown-menu .dbqdcl-dropdown-menu-item.disabled {
          cursor: not-allowed;
          opacity: 0.50; }
          .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-tab-bar-container .dbqdcl-dropdown .dbqdcl-dropdown-menu .dbqdcl-dropdown-menu-item.disabled a:hover {
            cursor: not-allowed; }
          .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-tab-bar-container .dbqdcl-dropdown .dbqdcl-dropdown-menu .dbqdcl-dropdown-menu-item.disabled svg {
            opacity: 0.50; }
  .dbqdclsp-container .dbqdclsp-content-container {
    display: flex;
    width: 100%;
    height: calc(100% - 40px);
    overflow: hidden;
    position: relative; }
    .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item {
      width: 100%; }
      .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item #classlist-dashboard-header, .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item #classlist-dashboard-footer {
        padding: 0; }
      .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item .dbq-document {
        height: 100%; }
        .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item .dbq-document main {
          height: 100%; }
        .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item .dbq-document .document-topic-tabs {
          padding: 0 10px !important; }
        .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item .dbq-document .dbq-form {
          width: 100%;
          overflow-y: auto; }
          .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item .dbq-document .dbq-form::-webkit-scrollbar-track {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none; }
          .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item .dbq-document .dbq-form::-webkit-scrollbar-corner, .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item .dbq-document .dbq-form::-webkit-scrollbar-corner {
            background-color: RGBA(255, 255, 255, 0.4); }
          .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item .dbq-document .dbq-form {
            scrollbar-face-color: RGBA(0, 0, 0, 0.4);
            scrollbar-track-color: RGBA(0, 0, 0, 0.2); }
          .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item .dbq-document .dbq-form::-webkit-scrollbar, .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item .dbq-document .dbq-form::-webkit-scrollbar-corner, .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item .dbq-document .dbq-form::-webkit-scrollbar-track, .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item .dbq-document .dbq-form::-webkit-scrollbar-thumb {
            border-radius: 0; }
          .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item .dbq-document .dbq-form::-webkit-scrollbar, .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item .dbq-document .dbq-form::-webkit-scrollbar-track {
            width: 7.5px;
            height: 7.5px;
            border-radius: 0;
            background-color: RGBA(255, 255, 255, 0.4) !important;
            background: RGBA(255, 255, 255, 0.4) !important; }
          .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item .dbq-document .dbq-form::-webkit-scrollbar-thumb {
            border-radius: 7.5px;
            transition: all 0.4s;
            background: RGBA(0, 0, 0, 0.2) !important;
            background-color: RGBA(0, 0, 0, 0.2) !important;
            border: none !important; }
            .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item .dbq-document .dbq-form::-webkit-scrollbar-thumb:hover {
              background-color: RGBA(0, 0, 0, 0.4) !important; }
          .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item .dbq-document .dbq-form .topic section {
            padding: 15px 15px 0 15px; }
          .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item .dbq-document .dbq-form > div[data-topic-type-code="Dashboard"] .flex-item-1.dbq-column {
            padding: 0 0 10px 0; }
      .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item[data-sidepanel-type="0"] {
        padding: 7.5px 0;
        overflow-y: auto; }
        .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item[data-sidepanel-type="0"]::-webkit-scrollbar-track {
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
        .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item[data-sidepanel-type="0"]::-webkit-scrollbar-corner, .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item[data-sidepanel-type="0"]::-webkit-scrollbar-corner {
          background-color: transparent; }
        .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item[data-sidepanel-type="0"] {
          scrollbar-face-color: RGBA(0, 0, 0, 0.4);
          scrollbar-track-color: RGBA(0, 0, 0, 0.2); }
        .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item[data-sidepanel-type="0"]::-webkit-scrollbar, .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item[data-sidepanel-type="0"]::-webkit-scrollbar-corner, .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item[data-sidepanel-type="0"]::-webkit-scrollbar-track, .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item[data-sidepanel-type="0"]::-webkit-scrollbar-thumb {
          border-radius: 10px; }
        .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item[data-sidepanel-type="0"]::-webkit-scrollbar, .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item[data-sidepanel-type="0"]::-webkit-scrollbar-track {
          width: 7.5px;
          height: 7.5px;
          border-radius: 10px;
          background-color: transparent !important;
          background: transparent !important; }
        .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item[data-sidepanel-type="0"]::-webkit-scrollbar-thumb {
          border-radius: 7.5px;
          transition: all 0.4s;
          background: RGBA(0, 0, 0, 0.2) !important;
          background-color: RGBA(0, 0, 0, 0.2) !important;
          border: none !important; }
          .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item[data-sidepanel-type="0"]::-webkit-scrollbar-thumb:hover {
            background-color: RGBA(0, 0, 0, 0.4) !important; }
    .dbqdclsp-container .dbqdclsp-content-container .modal-dialog-loading {
      height: 100% !important; }

.dcls-modal .dcls-modal-body {
  max-height: 500px;
  overflow-y: auto; }
  .dcls-modal .dcls-modal-body ul {
    padding: 10px 0;
    margin-bottom: 0; }
    .dcls-modal .dcls-modal-body ul li {
      cursor: pointer;
      padding: 10px 30px; }
      .dcls-modal .dcls-modal-body ul li div {
        display: inline-block;
        width: calc(100% - 50px);
        margin-left: 10px;
        padding: 0 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: bottom; }
      .dcls-modal .dcls-modal-body ul li svg {
        width: 20px;
        height: 20px; }
        .dcls-modal .dcls-modal-body ul li svg:last-of-type {
          float: right; }
      .dcls-modal .dcls-modal-body ul li.dbq-prevent-sorting svg:last-of-type {
        float: inherit; }

.dcls-modal .modal-footer .btn {
  cursor: pointer; }

#classlist-map {
  height: 100%; }
  #classlist-map .dbqdclm-map-container {
    height: 100%; }
    #classlist-map .dbqdclm-map-container .gm-ui-hover-effect {
      outline: 0; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

#classlist-timeline.classlist-container {
  background: unset;
  position: relative;
  margin: 0;
  padding: 7.5px 15px;
  overflow: hidden; }
  #classlist-timeline.classlist-container .mbsc-calendar-scroll-wrapper > div {
    overflow-x: hidden;
    overflow-y: auto; }
  #classlist-timeline.classlist-container .mbsc-calendar-header {
    z-index: unset; }
  #classlist-timeline.classlist-container .mbsc-calendar-slide {
    background: none; }
  #classlist-timeline.classlist-container .mbsc-material.mbsc-eventcalendar {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: RGBA(255, 255, 255, 0.4) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px); }
    #classlist-timeline.classlist-container .mbsc-material.mbsc-eventcalendar else {
      box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07);
      -webkit-box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07);
      -moz-box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07); }
  #classlist-timeline.classlist-container .mbsc-calendar-table {
    background: none; }
  #classlist-timeline.classlist-container .mbsc-material.mbsc-segmented-item:first-child .mbsc-segmented-button {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px; }
  #classlist-timeline.classlist-container .mbsc-material.mbsc-segmented-item:last-child .mbsc-segmented-button {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px; }
  #classlist-timeline.classlist-container .mbsc-schedule-grid-scroll::-webkit-scrollbar-track,
  #classlist-timeline.classlist-container .mbsc-timeline-grid-scroll::-webkit-scrollbar-track,
  #classlist-timeline.classlist-container .mbsc-schedule-all-day-wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  #classlist-timeline.classlist-container .mbsc-schedule-grid-scroll::-webkit-scrollbar-corner, #classlist-timeline.classlist-container .mbsc-schedule-grid-scroll::-webkit-scrollbar-corner,
  #classlist-timeline.classlist-container .mbsc-timeline-grid-scroll::-webkit-scrollbar-corner,
  #classlist-timeline.classlist-container .mbsc-timeline-grid-scroll::-webkit-scrollbar-corner,
  #classlist-timeline.classlist-container .mbsc-schedule-all-day-wrapper::-webkit-scrollbar-corner,
  #classlist-timeline.classlist-container .mbsc-schedule-all-day-wrapper::-webkit-scrollbar-corner {
    background-color: RGBA(255, 255, 255, 0.4); }
  #classlist-timeline.classlist-container .mbsc-schedule-grid-scroll,
  #classlist-timeline.classlist-container .mbsc-timeline-grid-scroll,
  #classlist-timeline.classlist-container .mbsc-schedule-all-day-wrapper {
    scrollbar-face-color: RGBA(0, 0, 0, 0.4);
    scrollbar-track-color: RGBA(0, 0, 0, 0.2); }
  #classlist-timeline.classlist-container .mbsc-schedule-grid-scroll::-webkit-scrollbar, #classlist-timeline.classlist-container .mbsc-schedule-grid-scroll::-webkit-scrollbar-corner, #classlist-timeline.classlist-container .mbsc-schedule-grid-scroll::-webkit-scrollbar-track, #classlist-timeline.classlist-container .mbsc-schedule-grid-scroll::-webkit-scrollbar-thumb,
  #classlist-timeline.classlist-container .mbsc-timeline-grid-scroll::-webkit-scrollbar,
  #classlist-timeline.classlist-container .mbsc-timeline-grid-scroll::-webkit-scrollbar-corner,
  #classlist-timeline.classlist-container .mbsc-timeline-grid-scroll::-webkit-scrollbar-track,
  #classlist-timeline.classlist-container .mbsc-timeline-grid-scroll::-webkit-scrollbar-thumb,
  #classlist-timeline.classlist-container .mbsc-schedule-all-day-wrapper::-webkit-scrollbar,
  #classlist-timeline.classlist-container .mbsc-schedule-all-day-wrapper::-webkit-scrollbar-corner,
  #classlist-timeline.classlist-container .mbsc-schedule-all-day-wrapper::-webkit-scrollbar-track,
  #classlist-timeline.classlist-container .mbsc-schedule-all-day-wrapper::-webkit-scrollbar-thumb {
    border-radius: 0; }
  #classlist-timeline.classlist-container .mbsc-schedule-grid-scroll::-webkit-scrollbar, #classlist-timeline.classlist-container .mbsc-schedule-grid-scroll::-webkit-scrollbar-track,
  #classlist-timeline.classlist-container .mbsc-timeline-grid-scroll::-webkit-scrollbar,
  #classlist-timeline.classlist-container .mbsc-timeline-grid-scroll::-webkit-scrollbar-track,
  #classlist-timeline.classlist-container .mbsc-schedule-all-day-wrapper::-webkit-scrollbar,
  #classlist-timeline.classlist-container .mbsc-schedule-all-day-wrapper::-webkit-scrollbar-track {
    width: 7.5px;
    height: 7.5px;
    border-radius: 0;
    background-color: RGBA(255, 255, 255, 0.4) !important;
    background: RGBA(255, 255, 255, 0.4) !important; }
  #classlist-timeline.classlist-container .mbsc-schedule-grid-scroll::-webkit-scrollbar-thumb,
  #classlist-timeline.classlist-container .mbsc-timeline-grid-scroll::-webkit-scrollbar-thumb,
  #classlist-timeline.classlist-container .mbsc-schedule-all-day-wrapper::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
    transition: all 0.4s;
    background: RGBA(0, 0, 0, 0.2) !important;
    background-color: RGBA(0, 0, 0, 0.2) !important;
    border: none !important; }
    #classlist-timeline.classlist-container .mbsc-schedule-grid-scroll::-webkit-scrollbar-thumb:hover,
    #classlist-timeline.classlist-container .mbsc-timeline-grid-scroll::-webkit-scrollbar-thumb:hover,
    #classlist-timeline.classlist-container .mbsc-schedule-all-day-wrapper::-webkit-scrollbar-thumb:hover {
      background-color: RGBA(0, 0, 0, 0.4) !important; }

#classlist-timeline .dbqdcltl-toolbar {
  margin-left: 5px; }

#classlist-timeline .period-header-picker {
  -webkit-flex: 1 0 auto;
  -moz-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  #classlist-timeline .period-header-picker label {
    min-width: 80px; }

#classlist-timeline .mbsc-calendar-row:last-of-type .mbsc-calendar-day {
  border-bottom: 0px; }

#classlist-timeline .dbqdcltl-context-menu {
  position: absolute;
  display: none;
  z-index: 1000; }
  #classlist-timeline .dbqdcltl-context-menu .dbqdcltl-dropdown-menu {
    position: static;
    display: block;
    border-radius: 10px; }
    #classlist-timeline .dbqdcltl-context-menu .dbqdcltl-dropdown-menu a {
      height: 100%;
      width: 100%; }
    #classlist-timeline .dbqdcltl-context-menu .dbqdcltl-dropdown-menu li svg {
      display: inline-block;
      margin: 0 10px 0 0; }
    #classlist-timeline .dbqdcltl-context-menu .dbqdcltl-dropdown-menu li:hover svg {
      fill: #fff; }
  #classlist-timeline .dbqdcltl-context-menu .dbqdcltl-dropdown-menu.dropdown-menu {
    padding: 10px;
    border-radius: 10px; }
    #classlist-timeline .dbqdcltl-context-menu .dbqdcltl-dropdown-menu.dropdown-menu li {
      white-space: nowrap;
      padding: 5px 7px;
      margin: 0 0 3px 0;
      line-height: 20px;
      font-size: 12px;
      font-weight: 500;
      border-radius: 7px;
      background: transparent; }
      #classlist-timeline .dbqdcltl-context-menu .dbqdcltl-dropdown-menu.dropdown-menu li:last-of-type {
        margin: 0; }
      #classlist-timeline .dbqdcltl-context-menu .dbqdcltl-dropdown-menu.dropdown-menu li a {
        line-height: 20px;
        padding: 5px 10px; }
      #classlist-timeline .dbqdcltl-context-menu .dbqdcltl-dropdown-menu.dropdown-menu li svg {
        float: left;
        display: inline-block;
        margin: 0 5px 0 0;
        padding: 2px; }
      #classlist-timeline .dbqdcltl-context-menu .dbqdcltl-dropdown-menu.dropdown-menu li:hover {
        background: #321E64; }

#classlist-timeline .mbsc-popup-wrapper {
  z-index: 1001; }

#classlist-timeline .dbqdcltl-default-background-color {
  background: #321E64;
  display: none; }

#classlist-timeline .dbqdcltl-schedule-event {
  background: #321E64;
  color: #fff;
  height: 100%;
  border-radius: 5px;
  top: 1px;
  right: 1px;
  left: 1px;
  bottom: 1px;
  position: absolute; }
  #classlist-timeline .dbqdcltl-schedule-event .dbqdcltl-schedule-event-tags {
    position: absolute;
    top: 8px;
    right: 5px; }
    #classlist-timeline .dbqdcltl-schedule-event .dbqdcltl-schedule-event-tags .dbqdcltl-schedule-event-tag {
      padding: 3px 6px;
      border-radius: 5px; }
  #classlist-timeline .dbqdcltl-schedule-event .dbqdcltl-schedule-event-tags.dbqdcltl-schedule-event-tags-bottom {
    top: initial;
    bottom: 7px; }

#classlist-timeline .dbqdcltl-schedule-all-day-event {
  font-weight: 500;
  font-size: 12px;
  padding: 5px;
  margin-left: 2px;
  margin-right: 1px;
  border-radius: 5px; }

#classlist-timeline .mbsc-material.mbsc-schedule-event-hover .mbsc-schedule-event-background:after {
  top: 0; }

#classlist-timeline .mbsc-material.mbsc-schedule-event-inner {
  color: inherit;
  height: 100%; }

#classlist-timeline .mbsc-material.mbsc-calendar-controls {
  padding-top: 0; }
  #classlist-timeline .mbsc-material.mbsc-calendar-controls .dbqdcltl-toolbar {
    background: none !important; }

#classlist-timeline .dcltls-modal .dcltls-modal-body {
  margin: 20px 30px; }
  #classlist-timeline .dcltls-modal .dcltls-modal-body .dbq-form-group-title-label {
    padding: 4px 10px;
    cursor: default; }
    #classlist-timeline .dcltls-modal .dcltls-modal-body .dbq-form-group-title-label span {
      cursor: default; }
  #classlist-timeline .dcltls-modal .dcltls-modal-body .form-group {
    margin-bottom: 10px; }
    #classlist-timeline .dcltls-modal .dcltls-modal-body .form-group select.form-control {
      background-color: #fff; }

.mbsc-material.mbsc-segmented-button.mbsc-button {
  border-color: #321E64; }

.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-selected,
.mbsc-material.mbsc-schedule-header-day.mbsc-selected,
.mbsc-material-dark.mbsc-calendar-mark {
  background-color: #321E64;
  background: #321E64; }

.mbsc-material.mbsc-selected .mbsc-calendar-cell-text {
  background: #321E64;
  color: #ffffff;
  border-color: #321E64; }

.mbsc-material.mbsc-calendar-today,
.mbsc-material.mbsc-calendar-week-nr,
.mbsc-material.mbsc-calendar-month-title,
.mbsc-material.mbsc-schedule-header-day-today,
.mbsc-material.mbsc-schedule-header-dayname-curr {
  color: #321E64; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.classlist-search-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0 15px; }
  .classlist-search-list[data-has-dashboard="true"] .classlist-search-list-content-container {
    min-height: 961px; }
  .classlist-search-list .document-class-list-filter-geographic {
    border-top: 0;
    padding: 10px; }
    .classlist-search-list .document-class-list-filter-geographic .document-class-list-filter {
      border: 0 !important;
      margin-bottom: 10px !important; }
      .classlist-search-list .document-class-list-filter-geographic .document-class-list-filter label {
        margin-bottom: 3px !important; }
      .classlist-search-list .document-class-list-filter-geographic .document-class-list-filter input,
      .classlist-search-list .document-class-list-filter-geographic .document-class-list-filter select {
        border: 2px solid #e5e7ec !important;
        background: #ffffff !important; }
    .classlist-search-list .document-class-list-filter-geographic .dbqdclfg-error {
      font-size: 12px;
      font-weight: 500;
      margin-bottom: 10px; }
    .classlist-search-list .document-class-list-filter-geographic .dbqdclfg-button {
      padding: 5px 10px !important;
      font-size: 12px !important;
      font-weight: 500 !important; }
    .classlist-search-list .document-class-list-filter-geographic .dbqdclfg-footer {
      display: flex;
      justify-content: flex-end;
      gap: 5px; }
  .classlist-search-list .classlist-search-list-content-container {
    display: flex;
    flex-direction: row;
    height: 100%;
    flex: 1;
    padding: 0px;
    margin: 0px; }
    .classlist-search-list .classlist-search-list-content-container #classlist-filters {
      background: #ffffff;
      padding: 0;
      border-radius: 10px;
      box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07);
      width: 275px;
      margin: 0;
      height: 100%;
      flex-shrink: 0;
      overflow-y: auto;
      overflow-x: hidden; }
      .classlist-search-list .classlist-search-list-content-container #classlist-filters #document-class-list-filters {
        display: block;
        position: relative;
        background: none;
        border-radius: unset;
        box-shadow: none;
        padding: 0; }
        .classlist-search-list .classlist-search-list-content-container #classlist-filters #document-class-list-filters .loading-view {
          position: absolute;
          min-height: 120px;
          width: 100%;
          height: 100%; }
        .classlist-search-list .classlist-search-list-content-container #classlist-filters #document-class-list-filters .document-class-list-filter {
          margin: 0;
          border-radius: 0;
          border: none;
          border-top: 1px solid #e5e7ec;
          width: 100%;
          background: none;
          padding: 0;
          box-shadow: none;
          -webkit-box-shadow: none;
          -moz-box-shadow: none; }
          .classlist-search-list .classlist-search-list-content-container #classlist-filters #document-class-list-filters .document-class-list-filter input.form-control {
            background: #ffffff;
            border: 2px solid #e5e7ec; }
          .classlist-search-list .classlist-search-list-content-container #classlist-filters #document-class-list-filters .document-class-list-filter .checkbox .filter-select-type-image {
            width: 20px;
            height: 20px;
            float: left;
            margin: 0 6px 0 0; }
          .classlist-search-list .classlist-search-list-content-container #classlist-filters #document-class-list-filters .document-class-list-filter .checkbox label input[type="checkbox"] {
            display: block;
            float: left; }
          .classlist-search-list .classlist-search-list-content-container #classlist-filters #document-class-list-filters .document-class-list-filter .checkbox label .search-property-text {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .classlist-search-list .classlist-search-list-content-container #classlist-filters #document-class-list-filters .document-class-list-filter .checkbox label .search-property-count {
            margin-left: 3px;
            font-size: 11px;
            color: #001323;
            float: right;
            white-space: nowrap; }
          .classlist-search-list .classlist-search-list-content-container #classlist-filters #document-class-list-filters .document-class-list-filter .checklist-container {
            float: left; }
          .classlist-search-list .classlist-search-list-content-container #classlist-filters #document-class-list-filters .document-class-list-filter:first-of-type {
            border-top: 0 !important; }
          .classlist-search-list .classlist-search-list-content-container #classlist-filters #document-class-list-filters .document-class-list-filter:hover {
            background: none; }
      .classlist-search-list .classlist-search-list-content-container #classlist-filters .document-class-list-filter-title {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #e5e7ec !important;
        color: #bfcad2;
        cursor: pointer;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        padding: 10px;
        margin: 0;
        width: 100%; }
        .classlist-search-list .classlist-search-list-content-container #classlist-filters .document-class-list-filter-title:hover {
          background: #f5f7f9; }
        .classlist-search-list .classlist-search-list-content-container #classlist-filters .document-class-list-filter-title .dbq-document-class-list-filter-title-text {
          color: #000000;
          width: 100%;
          height: 20px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .classlist-search-list .classlist-search-list-content-container #classlist-filters .document-class-list-filter-title svg {
          fill: #bfcad2;
          float: left;
          padding: 2px;
          width: 24px;
          height: 24px; }
          .classlist-search-list .classlist-search-list-content-container #classlist-filters .document-class-list-filter-title svg.dbqdclf-arrow-icon {
            padding: 5px; }
          .classlist-search-list .classlist-search-list-content-container #classlist-filters .document-class-list-filter-title svg.dbq-arrow-down {
            transform: rotate(180deg); }
          .classlist-search-list .classlist-search-list-content-container #classlist-filters .document-class-list-filter-title svg.dbq-arrow-up {
            transform: rotate(0deg); }
        .classlist-search-list .classlist-search-list-content-container #classlist-filters .document-class-list-filter-title .document-class-list-filter-icon {
          float: right;
          margin: 2px 0px 0 0; }
      .classlist-search-list .classlist-search-list-content-container #classlist-filters .checkbox-container {
        padding: 5px 10px 10px 10px; }
      .classlist-search-list .classlist-search-list-content-container #classlist-filters .document-class-list-filter-show-more {
        float: left;
        width: 100%;
        margin: 10px 0 0 0;
        font-weight: 500;
        cursor: pointer;
        color: #321E64; }
        .classlist-search-list .classlist-search-list-content-container #classlist-filters .document-class-list-filter-show-more svg {
          float: left;
          padding: 5px;
          margin: 0 10px 0 0;
          width: 20px;
          height: 20px;
          fill: #321E64; }
          .classlist-search-list .classlist-search-list-content-container #classlist-filters .document-class-list-filter-show-more svg.dbq-arrow-down {
            transform: rotate(0deg); }
          .classlist-search-list .classlist-search-list-content-container #classlist-filters .document-class-list-filter-show-more svg.dbq-arrow-up {
            transform: rotate(180deg); }
      .classlist-search-list .classlist-search-list-content-container #classlist-filters .document-class-list-filter-show-more-icon {
        margin: 0 6px 0 0; }
    .classlist-search-list .classlist-search-list-content-container #classlist-dbq-tree-grid {
      flex-grow: 1;
      margin-left: 15px;
      overflow-y: auto; }
      .classlist-search-list .classlist-search-list-content-container #classlist-dbq-tree-grid::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
      .classlist-search-list .classlist-search-list-content-container #classlist-dbq-tree-grid::-webkit-scrollbar-corner, .classlist-search-list .classlist-search-list-content-container #classlist-dbq-tree-grid::-webkit-scrollbar-corner {
        background-color: transparent; }
      .classlist-search-list .classlist-search-list-content-container #classlist-dbq-tree-grid {
        scrollbar-face-color: RGBA(0, 0, 0, 0.4);
        scrollbar-track-color: RGBA(0, 0, 0, 0.2); }
      .classlist-search-list .classlist-search-list-content-container #classlist-dbq-tree-grid::-webkit-scrollbar, .classlist-search-list .classlist-search-list-content-container #classlist-dbq-tree-grid::-webkit-scrollbar-corner, .classlist-search-list .classlist-search-list-content-container #classlist-dbq-tree-grid::-webkit-scrollbar-track, .classlist-search-list .classlist-search-list-content-container #classlist-dbq-tree-grid::-webkit-scrollbar-thumb {
        border-radius: 10px; }
      .classlist-search-list .classlist-search-list-content-container #classlist-dbq-tree-grid::-webkit-scrollbar, .classlist-search-list .classlist-search-list-content-container #classlist-dbq-tree-grid::-webkit-scrollbar-track {
        width: 7.5px;
        height: 7.5px;
        border-radius: 10px;
        background-color: transparent !important;
        background: transparent !important; }
      .classlist-search-list .classlist-search-list-content-container #classlist-dbq-tree-grid::-webkit-scrollbar-thumb {
        border-radius: 7.5px;
        transition: all 0.4s;
        background: RGBA(0, 0, 0, 0.2) !important;
        background-color: RGBA(0, 0, 0, 0.2) !important;
        border: none !important; }
        .classlist-search-list .classlist-search-list-content-container #classlist-dbq-tree-grid::-webkit-scrollbar-thumb:hover {
          background-color: RGBA(0, 0, 0, 0.4) !important; }
      .classlist-search-list .classlist-search-list-content-container #classlist-dbq-tree-grid.classlist-search-list-full-width {
        margin-left: 0 !important; }
    .classlist-search-list .classlist-search-list-content-container .loading-container {
      float: left;
      width: 100px;
      height: 100px;
      z-index: 999;
      position: relative;
      top: 50%;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      text-align: center;
      background-color: #ffffff;
      background: url("/Themes/RUMM/weller.dynabloqs.dev/Files/OrganisationStyleLoaderImage.gif?v=7087677812");
      background-repeat: no-repeat;
      background-size: 100px 100px; }
      .classlist-search-list .classlist-search-list-content-container .loading-container span {
        line-height: 300px;
        font-size: 20px;
        display: none; }
    .classlist-search-list .classlist-search-list-content-container .document-class-list-filter.checkbox-bottom span.dbq-checkbox-label-filters {
      border: 0 !important; }
    .classlist-search-list .classlist-search-list-content-container .document-class-list-filter label.dbq-checkbox {
      border: 0 !important;
      width: 100%; }
    .classlist-search-list .classlist-search-list-content-container .document-class-list-filter label {
      width: auto;
      padding: 0 !important;
      color: #000000 !important;
      background: 0; }

.document-class-list-filter .dbq-classlist-search-number {
  padding: 10px;
  margin: 0; }
  .document-class-list-filter .dbq-classlist-search-number .col-xs-4 {
    padding: 0;
    margin: 0;
    width: calc(100% / 3);
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    font-weight: 500;
    height: 30px; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbq-switch {
  border-radius: 10px;
  background: #ffffff;
  border: 2px solid #ced4da; }
  .dbq-switch:hover .dbq-switch-handle {
    background: grey;
    border: 2px solid grey; }

.dbq-switch-theme {
  width: 200px;
  float: left;
  height: 20px;
  padding: 13px 0;
  position: relative;
  margin: 7px 15px; }
  .dbq-switch-theme .dbq-switch-handle {
    width: 100px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    text-align: center;
    padding: 4px 0;
    position: absolute;
    top: 1px;
    left: 1px;
    height: 24px; }
  .dbq-switch-theme .dbq-switch-input:checked ~ .dbq-switch-handle {
    left: 95px; }

.dbq-switch-input {
  opacity: 0;
  top: 0;
  left: 0;
  box-sizing: content-box;
  position: absolute;
  width: 100%;
  z-index: 999;
  cursor: pointer;
  height: 26px; }
  .dbq-switch-input:checked ~ .dbq-switch-text {
    background: #ffffff; }
    .dbq-switch-input:checked ~ .dbq-switch-text:after {
      opacity: 1; }
  .dbq-switch-input:checked ~ .dbq-switch-handle {
    color: #ffffff;
    background: #000000;
    border: 2px solid #000000;
    border-radius: 7px; }
  .dbq-switch-input:checked:hover ~ .dbq-switch-handle {
    background: grey;
    border: 2px solid grey; }

.dbq-switch-text {
  background: 0;
  border-radius: inherit; }
  .dbq-switch-text:before {
    content: attr(data-off);
    color: #000000;
    right: 0;
    width: calc(50% - 2px);
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    box-sizing: content-box; }
  .dbq-switch-text:after {
    content: attr(data-on);
    color: #000000;
    left: 0;
    width: calc(50% - 2px);
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    box-sizing: content-box; }

.dbq-switch-handle {
  border-radius: 7px;
  background: #000000;
  border: 2px solid #000000;
  color: #ffffff; }
  .dbq-switch-handle:before {
    background: linear-gradient(to bottom, #eeeeee, #ccc);
    background-image: -webkit-linear-gradient(top, #eeeeee, #ccc);
    border-radius: 7px; }

.dbq-switch {
  background: transparent;
  border: 2px solid #dddddd; }
  .dbq-switch .dbq-switch-text::before, .dbq-switch .dbq-switch-text::after {
    color: #000000; }
  .dbq-switch .dbq-switch-handle {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #333333;
    border-color: #333333;
    left: 0px;
    top: 0px;
    height: 26px;
    padding: 5px 0px; }
  .dbq-switch .dbq-switch-input:checked ~ .dbq-switch-handle {
    left: 96px; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.table > tbody > tr > td {
  padding: 4px 8px;
  border-top: 0px;
  vertical-align: middle; }

.table > tbody > tr > th {
  padding: 4px 8px;
  border-top: 0px; }

.table > tbody > tr > td.button-table-cell {
  padding: 0px; }

.table > tbody > tr > span.row-button {
  cursor: pointer;
  display: inline-block;
  padding: 3px;
  margin-bottom: 0px;
  margin-left: 4px;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0);
  color: #888888; }

.table > tfoot > tr > td {
  padding: 4px 8px;
  border-top: 0px; }

.table > tfoot > tr > th {
  padding: 4px 8px;
  border-top: 0px; }

.table > tfoot > tr > td.button-table-cell {
  padding: 0; }

.table > thead > tr > td {
  padding: 4px 8px;
  border-top: 0px; }

.table > thead > tr > th {
  padding: 4px 8px;
  border-top: 0px; }

.table > thead > tr > td.button-table-cell {
  padding: 0; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #eee; }

#classlist .document-class-list-tree {
  table-layout: auto !important;
  overflow-x: inherit !important; }
  #classlist .document-class-list-tree tr {
    color: #000000;
    border-right: none;
    font-weight: 700; }
    #classlist .document-class-list-tree tr th span {
      color: #000000;
      font-weight: 700; }
    #classlist .document-class-list-tree tr th:focus {
      outline: none; }
    #classlist .document-class-list-tree tr td .image-container {
      position: relative;
      width: fit-content; }
      #classlist .document-class-list-tree tr td .image-container .icon-container {
        position: absolute;
        pointer-events: none;
        top: 0;
        right: 0; }
    #classlist .document-class-list-tree tr td:focus {
      outline: none; }
    #classlist .document-class-list-tree tr td span:focus {
      outline: none; }
    #classlist .document-class-list-tree tr:focus {
      outline: none; }
    #classlist .document-class-list-tree tr.ui-iggrid-activerow.ui-state-focus {
      background: #ffffff;
      color: #333; }
    #classlist .document-class-list-tree tr[aria-selected="true"] td.ui-state-active,
    #classlist .document-class-list-tree tr[aria-selected="true"] td.ui-state-active.ui-state-hover {
      font-weight: 500; }

select.form-control {
  height: 34px;
  padding: 2px 5px; }
  select.form-control option {
    background: #ffffff; }

.form-control:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25); }

.dbq-document-list-table-view .form-inline {
  -webkit-box-shadow: 0px 3px 5px rgba(18, 25, 36, 0.07);
  -moz-box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07);
  box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07);
  border: 0; }

.dbq-document-list-table-view table {
  border-collapse: collapse !important; }
  .dbq-document-list-table-view table th {
    color: #000000;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 12px;
    line-height: 20px;
    padding: 5px 10px;
    margin: 0;
    border-bottom: 1px solid #e5e7ec !important; }
  .dbq-document-list-table-view table tr {
    color: #000000;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 12px;
    line-height: 20px;
    padding: 0;
    margin: 0;
    background: #ffffff;
    border-bottom: 1px solid #e5e7ec !important; }
    .dbq-document-list-table-view table tr td {
      padding: 5px 10px; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.classlist-toolbar-item-infinite-refresh .toggle .btn.btn-primary {
  padding-left: 0 !important;
  padding-right: 5px !important; }

.classlist-toolbar-item-infinite-refresh .toggle button.btn.btn-primary:enabled {
  padding-left: 0 !important;
  padding-right: 5px !important; }

.classlist-toolbar-item-infinite-refresh .toggle .btn.btn-default {
  padding-left: 5px !important;
  padding-right: 0 !important; }

.classlist-toolbar-item-infinite-refresh .toggle button.btn.btn-default:enabled {
  padding-left: 5px !important;
  padding-right: 0 !important; }

a.dropdown-toggle {
  float: left; }

.dropdown-toggle::after {
  display: none; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

#classlist .classlist-toolbar-item {
  margin-right: 5px;
  height: 30px;
  border-radius: 10px;
  background: #ffffff;
  border: 2px solid #e5e7ec;
  color: #001323;
  font-size: 12px;
  float: left;
  line-height: 30px;
  font-weight: 400;
  width: 30px;
  padding: 3px; }

#classlist label.classlist-toolbar-item {
  background: 0; }

#classlist .classlist-toolbar-item.btn-group {
  background: 0 none;
  border: 0 none;
  color: transparent;
  padding: 0; }
  #classlist .classlist-toolbar-item.btn-group:hover {
    background: 0 none;
    border: 0 none;
    color: transparent;
    padding: 0; }
  #classlist .classlist-toolbar-item.btn-group.classlist-view-mode svg {
    padding: 0;
    margin-top: -3px;
    margin-left: -2px; }
  #classlist .classlist-toolbar-item.btn-group .btn {
    border-radius: 0;
    height: 30px;
    line-height: 13px;
    padding: 5px;
    background: #ffffff;
    border: 2px solid #e5e7ec !important; }
    #classlist .classlist-toolbar-item.btn-group .btn svg {
      fill: #321E64;
      width: 24px;
      height: 24px; }
    #classlist .classlist-toolbar-item.btn-group .btn:first-of-type {
      border-radius: 10px 0 0 10px;
      border-right: 0 !important; }
    #classlist .classlist-toolbar-item.btn-group .btn:last-of-type {
      border-radius: 0 10px 10px 0;
      border-left: 0 !important; }
    #classlist .classlist-toolbar-item.btn-group .btn:hover {
      border-color: #321E64 !important;
      background-color: transparent; }
    #classlist .classlist-toolbar-item.btn-group .btn.btn-primary {
      background-color: #321E64; }
      #classlist .classlist-toolbar-item.btn-group .btn.btn-primary svg {
        fill: #ffffff; }

#classlist #classlist-search-list-table .classlist-toolbar-item {
  border-radius: 10px !important; }

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

@keyframes glyphicon-refresh-animate1 {
  from {
    transform: scale(1) rotate(0deg); }
  to {
    transform: scale(1) rotate(360deg); } }

@-webkit-keyframes glyphicon-spin-r {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes glyphicon-spin-r {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-webkit-keyframes glyphicon-spin-l {
  0% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }

@keyframes glyphicon-spin-l {
  0% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }

.glyphicon.fast-right-spinner {
  -webkit-animation: glyphicon-spin-r 1s infinite linear;
  animation: glyphicon-spin-r 1s infinite linear; }

.glyphicon.normal-right-spinner {
  -webkit-animation: glyphicon-spin-r 2s infinite linear;
  animation: glyphicon-spin-r 2s infinite linear; }

.glyphicon.slow-right-spinner {
  -webkit-animation: glyphicon-spin-r 3s infinite linear;
  animation: glyphicon-spin-r 3s infinite linear; }

.glyphicon.fast-left-spinner {
  -webkit-animation: glyphicon-spin-l 1s infinite linear;
  animation: glyphicon-spin-l 1s infinite linear; }

.glyphicon.normal-left-spinner {
  -webkit-animation: glyphicon-spin-l 2s infinite linear;
  animation: glyphicon-spin-l 2s infinite linear; }

.glyphicon.slow-left-spinner {
  -webkit-animation: glyphicon-spin-l 3s infinite linear;
  animation: glyphicon-spin-l 3s infinite linear; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

/*! ========================================================================
 * Bootstrap Toggle: bootstrap-toggle.css v2.2.0
 * http://www.bootstraptoggle.com
 * ========================================================================
 * Copyright 2014 Min Hur, The New York Times Company
 * Licensed under MIT
 * ======================================================================== */
.checkbox label .toggle {
  margin-left: -20px;
  margin-right: 5px; }

.checkbox-inline {
  padding: 0 10px 0 19px;
  border: 0 !important; }
  .checkbox-inline .toggle {
    margin-left: -20px;
    margin-right: 5px; }
  .checkbox-inline:hover {
    background: #e5e7ec !important;
    border-color: #e5e7ec !important; }

.toggle {
  position: relative;
  overflow: hidden; }
  .toggle input[type="checkbox"] {
    display: none; }

.toggle-group {
  position: absolute;
  width: 200%;
  top: 0;
  bottom: 0;
  left: 0;
  -moz-user-select: none;
  -webkit-user-select: none; }
  .toggle-group span.toggle-handle {
    border-radius: 0 !important;
    background: #0054f0 !important;
    border: 0; }
  .toggle-group .btn-primary {
    background: #321E64 !important;
    border-color: #321E64 !important; }
  .toggle-group label.btn-default {
    background: #ffffff !important;
    color: #ffffff !important;
    box-shadow: none; }
    .toggle-group label.btn-default:hover {
      background: red;
      color: #000000; }

.toggle.off .toggle-group {
  left: -100%; }

.toggle-on {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 50%;
  margin: 0;
  border: 0;
  border-radius: 0; }

.toggle-off {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 0;
  margin: 0;
  border: 0;
  border-radius: 0; }

.toggle-handle {
  position: relative;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
  height: 100%;
  width: 0;
  border-width: 0 1px; }

.toggle.btn {
  min-width: 59px;
  height: 30px !important;
  min-height: 30px !important;
  float: left;
  font-size: 12px;
  font-weight: 600;
  margin-right: 10px;
  background: #ffffff !important;
  border: 2px solid #e5e7ec !important;
  border-radius: 3px; }

.toggle-on.btn {
  padding-right: 24px;
  padding: 7px 15px 8px 7px !important; }

.toggle-off.btn {
  padding-left: 24px;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 5px 8px 10px !important; }

.toggle.btn-lg {
  min-width: 79px;
  min-height: 45px; }

.toggle-on.btn-lg {
  padding-right: 31px; }

.toggle-off.btn-lg {
  padding-left: 31px; }

.toggle-handle.btn-lg {
  width: 40px; }

.toggle.btn-sm {
  min-width: 50px;
  min-height: 30px; }

.toggle-on.btn-sm {
  padding-right: 20px; }

.toggle-off.btn-sm {
  padding-left: 20px; }

.toggle.btn-xs {
  min-width: 35px;
  min-height: 22px; }

.toggle-on.btn-xs {
  padding-right: 12px; }

.toggle-off.btn-xs {
  padding-left: 12px; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.modal-dialog-loading {
  background-color: #ffffff;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  z-index: 999; }

.loading-view {
  border-radius: 10px;
  background-color: RGBA(255, 255, 255, 0.8) !important; }

.dbq-loading-spinner-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  float: left;
  z-index: 999;
  background: RGBA(255, 255, 255, 0.8);
  border-radius: 10px; }

.modal .dbq-loading-spinner-container {
  border-radius: 0 0 10px 10px; }

.dbq-loading-spinner {
  float: left;
  width: 100px;
  height: 100px;
  z-index: 999;
  position: relative;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url("/Themes/RUMM/weller.dynabloqs.dev/Files/OrganisationStyleLoaderImage.gif?v=7087677812");
  background-repeat: no-repeat;
  background-size: 100px 100px; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

#classlist-tree-grid {
  position: relative;
  z-index: 20;
  clear: both;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07);
  -moz-box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07);
  box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07); }
  #classlist-tree-grid .document-class-list-tree .dcltg-column-color {
    float: left;
    position: relative;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    background-image: repeating-linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%, #aaa), repeating-linear-gradient(45deg, #aaa 25%, #fff 25%, #fff 75%, #aaa 75%, #aaa);
    background-position: 0 0, 4px 4px;
    background-size: 8px 8px;
    margin-right: 5px; }
    #classlist-tree-grid .document-class-list-tree .dcltg-column-color:after {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      border-radius: inherit;
      box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5); }

.classlist-tree {
  display: flex; }
  .classlist-tree .document-class-list-tree .dropdown-menu a {
    border-radius: 3px; }
  .classlist-tree .document-class-list-tree .select-type-value {
    white-space: nowrap; }
    .classlist-tree .document-class-list-tree .select-type-value .select-type-value-icon {
      display: inline-block;
      max-height: 20px;
      margin-right: 5px; }
    .classlist-tree .document-class-list-tree .select-type-value .select-type-value-name {
      display: inline-block;
      padding-right: 20px; }
  .classlist-tree .dbq-document-class-list-tree {
    float: left;
    width: 100%;
    border-radius: 10px;
    background: RGBA(255, 255, 255, 0.3);
    -webkit-box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07);
    -moz-box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07);
    box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07); }
    .classlist-tree .dbq-document-class-list-tree .dbqdclt-hidden {
      display: none; }
    .classlist-tree .dbq-document-class-list-tree .dbqdclt-disabled {
      cursor: not-allowed;
      pointer-events: none;
      opacity: 0.8; }
    .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree {
      list-style: none;
      margin: 0;
      padding: 0; }
      .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object {
        line-height: 24px;
        position: relative;
        margin: 0 !important;
        width: 100%;
        float: left;
        border-radius: 0;
        background: 0 !important; }
        .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object:first-of-type {
          padding: 0; }
        .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object:last-of-type {
          margin: 0 !important; }
        .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dbqdclt-arrow {
          float: left;
          display: inline-block;
          width: 10px;
          height: 10px;
          margin: 10px 0 10px 5px; }
          .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dbqdclt-arrow svg {
            float: left;
            width: 10px;
            height: 10px;
            padding: 0;
            margin: 0; }
        .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dropdown {
          float: right;
          margin: 5px 0;
          width: 20px;
          height: 20px; }
          .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dropdown a {
            height: 100%;
            width: 100%; }
          .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dropdown svg {
            padding: 4px;
            width: 24px;
            height: 24px;
            float: left;
            fill: #000000; }
        .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dropdown-toggle {
          opacity: 0; }
        .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dbqdclt-item {
          position: relative;
          padding: 0 5px;
          background: 0;
          border-radius: 0; }
          .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dbqdclt-item a {
            fill: #000000;
            text-decoration: none; }
          .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dbqdclt-item > a {
            float: left;
            display: inline-block;
            width: calc(100% - 50px);
            max-width: calc(100% - 50px);
            padding: 5px 10px;
            line-height: 20px;
            font-size: 12px;
            font-weight: 500; }
          .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dbqdclt-item span svg {
            fill: #000000; }
        .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dbqdclt-item.dbqdclt-hover {
          cursor: pointer;
          background: #321E64 !important; }
          .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dbqdclt-item.dbqdclt-hover .dropdown-toggle {
            opacity: 1; }
          .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dbqdclt-item.dbqdclt-hover .dropdown svg:hover {
            fill: #000000 !important; }
          .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dbqdclt-item.dbqdclt-hover span svg {
            fill: #ffffff !important; }
          .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dbqdclt-item.dbqdclt-hover a {
            color: #ffffff !important;
            text-decoration: none; }
          .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dbqdclt-item.dbqdclt-hover .dbqdclt-arrow svg:hover {
            fill: #000000 !important; }
        .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object:last-child > .dbqdclt-item {
          border-bottom: 0; }
        .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object a {
          color: #000000; }
        .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object svg {
          fill: #000000; }
        .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dbqdclt-item.dbqdclt-selected {
          background: RGBA(0, 0, 0, 0.7) !important;
          border-radius: 0px; }
          .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dbqdclt-item.dbqdclt-selected a {
            color: #ffffff !important;
            text-decoration: none;
            font-weight: 600; }
          .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dbqdclt-item.dbqdclt-selected:hover a {
            color: #ffffff !important; }
          .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dbqdclt-item.dbqdclt-selected span svg {
            fill: #ffffff !important; }
          .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dbqdclt-item.dbqdclt-selected .dbqdclt-arrow svg:hover {
            fill: #321E64 !important; }
          .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dbqdclt-item.dbqdclt-selected .dropdown svg:hover {
            fill: #321E64 !important; }
        .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dbqdclt-item.dbqdclt-selected.dbqdclt-hover span svg {
          fill: #000000 !important; }
      .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object[data-has-children="false"] .dbqdclt-arrow {
        opacity: 0; }
      .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-chevron-right svg {
        transform: rotate(0deg) !important; }
      .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-chevron-down svg {
        transform: rotate(90deg) !important; }
    .classlist-tree .dbq-document-class-list-tree > .dbqdclt-tree:first-of-type {
      margin: 0; }
    .classlist-tree .dbq-document-class-list-tree > .dbqdclt-tree > .dbqdclt-folder-document-object > .dbqdclt-item:first-of-type {
      border-radius: 10px 10px 0 0; }
    .classlist-tree .dbq-document-class-list-tree .row-button {
      font-size: 14px;
      line-height: 14px;
      font-weight: 500;
      border: none; }
      .classlist-tree .dbq-document-class-list-tree .row-button.row-button-large {
        font-size: 16px !important;
        line-height: 16px; }
      .classlist-tree .dbq-document-class-list-tree .row-button.disabled {
        cursor: not-allowed;
        color: #bfcad2; }
        .classlist-tree .dbq-document-class-list-tree .row-button.disabled:hover {
          color: #ccc !important; }
    .classlist-tree .dbq-document-class-list-tree .select-type-value {
      white-space: nowrap; }
      .classlist-tree .dbq-document-class-list-tree .select-type-value .select-type-value-icon {
        display: inline-block;
        max-height: 20px;
        margin-right: 5px; }
      .classlist-tree .dbq-document-class-list-tree .select-type-value .select-type-value-name {
        display: inline-block;
        padding-right: 20px; }
    .classlist-tree .dbq-document-class-list-tree tr:hover .ui-icon:before {
      color: #ffffff !important; }
    .classlist-tree .dbq-document-class-list-tree .image-container {
      position: relative; }
      .classlist-tree .dbq-document-class-list-tree .image-container .icon-container {
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        display: none;
        pointer-events: none;
        border-bottom-right-radius: 3px;
        background-color: #ffffff;
        width: 20px;
        height: 20px; }
        .classlist-tree .dbq-document-class-list-tree .image-container .icon-container i {
          font-size: 12px;
          top: -2px; }
        .classlist-tree .dbq-document-class-list-tree .image-container .icon-container svg {
          fill: #bfcad2;
          background: #ffffff; }
    .classlist-tree .dbq-document-class-list-tree td.ui-state-hover .icon-container {
      display: block; }
  .classlist-tree .document-class-list .row-button.disabled {
    cursor: not-allowed;
    color: #bfcad2; }
    .classlist-tree .document-class-list .row-button.disabled:hover {
      color: #ccc !important; }

div[data-is-multiselect="true"] .document-class-list-tree tr[aria-selected="true"] td.ui-state-active {
  background: #e5e7ec !important;
  background-color: #e5e7ec !important;
  color: #595f6e !important;
  border-color: #e5e7ec !important; }
  div[data-is-multiselect="true"] .document-class-list-tree tr[aria-selected="true"] td.ui-state-active svg {
    fill: #001323 !important; }

div[data-is-multiselect="true"] .document-class-list-tree tr[aria-selected="true"] td.ui-state-active.ui-state-hover {
  background: #321E64 !important;
  background-color: #321E64 !important;
  color: #ffffff !important;
  border: 0 !important; }

.document-class-list-tree tr[aria-selected="true"] td.ui-state-active.ui-state-hover svg {
  fill: #ffffff !important; }
  .document-class-list-tree tr[aria-selected="true"] td.ui-state-active.ui-state-hover svg:hover {
    fill: #001335 !important; }

.document-class-list-tree tr[aria-selected="true"] td.ui-state-active {
  border-color: #fff; }

.document-class-list-control-content-container[data-top-class-list-mode="12"][data-class-list-display-mode="2"] .classlist-window {
  height: 100% !important; }
  .document-class-list-control-content-container[data-top-class-list-mode="12"][data-class-list-display-mode="2"] .classlist-window .classlist-window-content {
    overflow-y: auto !important; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

div[data-topic-type-code="Dashboard"] .element-graph {
  margin: 0 0 10px 0 !important; }

div[data-topic-type-code="Dashboard"] section > .row > div > div.row.element-graph {
  margin: 0 0 10px 0 !important; }
  div[data-topic-type-code="Dashboard"] section > .row > div > div.row.element-graph:last-of-type {
    margin-bottom: 0 !important; }

div[data-topic-type-code="Dashboard"] section > .row > .dbq-wrapper > div > .flex-container > .dbq-column {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important; }

.dbq-application-rsd div[data-topic-type-code="Dashboard"] section > .row > div > div.row.element-graph {
  margin: 0 !important; }

.dbq-form .dbq-column > .block {
  margin-top: 10px !important;
  border-radius: 10px; }
  .dbq-form .dbq-column > .block:nth-child(1) {
    margin-top: 0 !important; }

.dbq-form .dbq-column .block > div:first-child {
  height: 100%; }

span.tile-project-subtitle,
span.tile-project-attr-title {
  font-size: 14px !important; }

.dashboard-list-item-content div[data-topic-type-code="Dashboard"] .dbq-column div.element-graph:only-of-type {
  height: 100%; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

#classlist.class-list-developer-tools .dbqdt-loading-view-container {
  border-radius: 10px; }

#classlist-developer-tools {
  margin-top: -15px !important;
  height: calc(100% + 30px);
  width: 100%;
  padding: 0 !important; }
  #classlist-developer-tools .dbqdt-tool-container select {
    min-height: 30px; }
  #classlist-developer-tools #dbqdt-sidebar-container-folded {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: RGBA(255, 255, 255, 0.3);
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    margin-top: 10px;
    overflow-x: hidden;
    height: calc(100% - 20px);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px); }
    #classlist-developer-tools #dbqdt-sidebar-container-folded button:hover svg {
      fill: #321E64; }
    #classlist-developer-tools #dbqdt-sidebar-container-folded .dbqdt-sidebar-folded-tools button,
    #classlist-developer-tools #dbqdt-sidebar-container-folded .dbqdt-sidebar-folded-windows button {
      margin: 8px; }
  #classlist-developer-tools #dbqdt-sidebar-container {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: RGBA(255, 255, 255, 0.3);
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    margin-top: 10px;
    height: calc(100% - 20px);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px); }
    #classlist-developer-tools #dbqdt-sidebar-container #accordion-sidebar .card-header {
      background: unset; }
    #classlist-developer-tools #dbqdt-sidebar-container #accordion-sidebar button:hover .accordion-title {
      color: #321E64 !important; }
    #classlist-developer-tools #dbqdt-sidebar-container #accordion-sidebar button:hover svg {
      fill: #321E64; }
    #classlist-developer-tools #dbqdt-sidebar-container .dbqdt-sidebar-minimize {
      border: 0;
      background: 0; }
      #classlist-developer-tools #dbqdt-sidebar-container .dbqdt-sidebar-minimize span {
        color: #000000; }
      #classlist-developer-tools #dbqdt-sidebar-container .dbqdt-sidebar-minimize:hover {
        background-color: unset;
        background: unset;
        border-color: transparent;
        color: #321E64; }
        #classlist-developer-tools #dbqdt-sidebar-container .dbqdt-sidebar-minimize:hover span {
          color: #321E64; }
        #classlist-developer-tools #dbqdt-sidebar-container .dbqdt-sidebar-minimize:hover svg {
          fill: #321E64; }
  #classlist-developer-tools .class-list-developer-tools button:hover {
    background-color: unset;
    background: unset;
    border-color: transparent;
    color: #321E64; }
  #classlist-developer-tools .dbq-developer-tools {
    background: none !important;
    border-bottom: none; }
    #classlist-developer-tools .dbq-developer-tools .window-highlight {
      border-color: #321E64 !important; }
    #classlist-developer-tools .dbq-developer-tools .table tr td,
    #classlist-developer-tools .dbq-developer-tools .table tr th {
      color: #000000; }
    #classlist-developer-tools .dbq-developer-tools .table tr:hover td,
    #classlist-developer-tools .dbq-developer-tools .table tr:hover th {
      color: #ffffff; }
    #classlist-developer-tools .dbq-developer-tools .table tr.dbqdt-active td,
    #classlist-developer-tools .dbq-developer-tools .table tr.dbqdt-active th {
      color: #000000; }
  #classlist-developer-tools .dbqdt-table-active-tools-tbody .dbqdt-table-active-tools-row:hover .dbqdt-table-active-tools-cell-window {
    color: #321E64;
    fill: #321E64; }
  #classlist-developer-tools .dbqdt-table-active-tools-tbody .dbqdt-table-active-tools-row:hover .dbqdt-table-active-tools-cell-icon svg {
    color: #321E64;
    fill: #321E64; }
  #classlist-developer-tools .dbqdt-table-active-tools-tbody .dbqdt-table-active-tools-row:hover .dbqdt-table-active-tools-cell-tool span.dbqdt-active-tools-text {
    color: #321E64;
    fill: #321E64; }
  #classlist-developer-tools .dbqdt-list-item-container .dbqdt-list-text:hover {
    background: none;
    background-color: none; }

.class-list-developer-tools #dbq-document-class-list-breadcrumbs {
  display: none; }

.class-list-developer-tools .classlist-container {
  padding: 0; }

.class-list-developer-tools #accordion-sidebar {
  background: unset; }
  .class-list-developer-tools #accordion-sidebar .card {
    background: unset; }
    .class-list-developer-tools #accordion-sidebar .card .card-body button {
      height: 50px;
      border: 0;
      background: 0; }

#content select {
  padding: 6px 7px 7px !important; }

.dbqdt-modal-select-wrapper .dbqdt-add-modal-rule-id-select {
  border-radius: 10px !important; }

.dbqdt-modal-select-wrapper select option {
  background: #f5f7f9 !important; }

.dbqdt-hover {
  background: #321E64; }
  .dbqdt-hover span.dbqdt-list-icon svg {
    fill: #ffffff !important; }

#content-wrapper .dbqdt-tool-buttons button svg {
  width: 24px;
  height: 24px; }

#content-wrapper .dbqdt-tool-buttons .switch-toggle label {
  transition: none; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbq-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #ffffff;
  border: 2px solid #e5e7ec;
  border-radius: 3px; }
  .dbq-checkmark:after {
    content: "";
    position: absolute;
    display: none; }

.document-class-list-filter span.dbq-checkbox-label-filters {
  cursor: pointer; }

.document-class-list-filter label {
  border-radius: 5px 5px 0 0;
  width: 100%;
  padding: 3px 5px; }

.dbq-checkbox-label-filters {
  float: left;
  color: #000000;
  margin: 0;
  padding: 0 2px 5px 5px; }

div[data-has-icon="false"] .dbq-checkbox-label-filters {
  width: calc(100% - 30px); }

div[data-has-icon="true"] .dbq-checkbox-label-filters {
  width: calc(100% - 50px); }

.dbq-checkbox-filters {
  float: left;
  padding: 0 !important; }

.document-class-list-filter.checkbox label.dbq-checkbox-filters {
  background: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  float: left;
  width: auto; }

.document-class-list-filter.checkbox span.dbq-checkbox-label-filters {
  float: left;
  padding: 8px 10px 8px 5px; }

.document-class-list-filter.checkbox-bottom label.dbq-checkbox-filters {
  float: left;
  width: 100%;
  padding: 0 !important;
  background: 0 !important;
  border: 2px solid #e5e7ec !important;
  border-radius: 7px; }

.document-class-list-filter.checkbox-bottom span.dbq-checkbox-label-filters {
  color: #595f6e !important;
  background: #f5f7f9;
  border: 0;
  border-bottom: 2px solid #e5e7ec;
  font-weight: 600;
  border-radius: 5px 5px 0 0;
  width: 100%;
  padding: 3px 5px; }

.document-class-list-filter.checkbox-bottom label:after {
  content: "";
  display: table;
  clear: both; }

.document-class-list-filter.checkbox-bottom label input[type="checkbox"] {
  display: none; }
  .document-class-list-filter.checkbox-bottom label input[type="checkbox"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0; }
  .document-class-list-filter.checkbox-bottom label input[type="checkbox"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1; }
  .document-class-list-filter.checkbox-bottom label input[type="checkbox"]:disabled + .cr {
    opacity: 0.5; }

.document-class-list-filter.checkbox-bottom .cr {
  border-radius: 5px; }
  .document-class-list-filter.checkbox-bottom .cr .cr-icon {
    font-size: 0.8em;
    line-height: 0;
    top: 20%; }

#classlist div[data-is-multiselect="true"] .classlist-toolbar-item.checkbox-inline {
  font-size: 12px;
  font-weight: 500 !important;
  line-height: 20px !important; }

#classlist .checkbox-inline.classlist-toolbar-item.classlist-toolbar-item-infinite-refresh {
  padding: 5px 0 !important; }

#classlist .classlist-toolbar-item.checkbox-inline.classlist-toolbar-item-infinite-refresh {
  min-width: 180px;
  padding: 3px !important;
  font-weight: 600;
  border: 2px solid #e5e7ec !important; }
  #classlist .classlist-toolbar-item.checkbox-inline.classlist-toolbar-item-infinite-refresh div.btn-default {
    top: 3px; }
  #classlist .classlist-toolbar-item.checkbox-inline.classlist-toolbar-item-infinite-refresh div.btn-primary {
    top: 3px; }
  #classlist .classlist-toolbar-item.checkbox-inline.classlist-toolbar-item-infinite-refresh .btn-default,
  #classlist .classlist-toolbar-item.checkbox-inline.classlist-toolbar-item-infinite-refresh .btn-primary {
    height: 26px;
    min-height: 26px;
    border: 0 !important; }
  #classlist .classlist-toolbar-item.checkbox-inline.classlist-toolbar-item-infinite-refresh .toggle-on.btn {
    height: 26px;
    min-height: 26px;
    padding: 0 0 0 10px !important;
    font-size: 12px !important;
    line-height: 26px !important;
    font-weight: 600 !important;
    border-radius: 8px 0 0 8px !important; }
  #classlist .classlist-toolbar-item.checkbox-inline.classlist-toolbar-item-infinite-refresh .toggle.btn {
    height: 26px;
    min-height: 26px;
    padding: 0 0 0 10px !important;
    font-size: 12px !important;
    line-height: 26px !important;
    font-weight: 600 !important;
    border-radius: 8px 0 0 8px !important; }
  #classlist .classlist-toolbar-item.checkbox-inline.classlist-toolbar-item-infinite-refresh .toggle-off.btn {
    height: 26px;
    min-height: 26px;
    font-size: 12px !important;
    line-height: 26px !important;
    font-weight: 600 !important;
    padding: 0 10px 0 0 !important;
    border-radius: 8px 0 0 8px !important; }

#classlist .classlist-toolbar-item.checkbox-inline {
  min-width: 160px;
  padding-right: 5px !important;
  border-radius: 10px;
  color: #000000;
  border: 2px solid #e5e7ec !important;
  line-height: 20px !important;
  width: auto; }
  #classlist .classlist-toolbar-item.checkbox-inline .toggle-group {
    border-right: 1px solid #e5e7ec; }

#classlist .toggle .toggle-group span.toggle-handle {
  border-radius: 8px 0 0 8px !important;
  float: left !important; }

#classlist .toggle:hover .toggle-group span.toggle-handle {
  border-radius: 8px 0 0 8px !important;
  float: left !important; }

#classlist .toggle.off .toggle-group span.toggle-handle {
  border-radius: 0 !important;
  float: right !important; }

#classlist .toggle.off:hover .toggle-group span.toggle-handle {
  border-radius: 0 !important;
  float: right !important; }

.checkbox label .toggle {
  margin-left: -5px !important;
  margin-top: -3px !important;
  margin-right: 5px; }

.checkbox input[type="checkbox"] {
  margin: 0; }

.checkbox-inline .toggle {
  margin-left: -5px !important;
  margin-top: -3px !important;
  margin-right: 5px; }

.checkbox-inline input[type="checkbox"] {
  margin: 0; }

.checkbox-inline.classlist-toolbar-item-infinite-refresh .toggle {
  margin-top: -6px !important; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

/* ****************************** 
********** Radio box (custom) **********
****************************** */
.radio-list-control {
  width: 100%;
  float: left;
  border-radius: 0 0 10px 10px; }

.dbq-form .dbq-radio-container label.dbq-radio {
  float: left;
  width: 100% !important;
  height: 20px;
  margin: 5px;
  padding: 0;
  display: block;
  position: relative;
  padding-left: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .dbq-form .dbq-radio-container label.dbq-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
    .dbq-form .dbq-radio-container label.dbq-radio input:checked ~ .dbq-radiomark:after {
      display: block; }
  .dbq-form .dbq-radio-container label.dbq-radio .dbq-radiomark:after {
    left: 5px;
    top: 5px;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%; }

.dbq-form .dbq-radio-container .dbq-radiobox-value span {
  float: left;
  width: 100%;
  padding: 0;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 20px !important; }

.dbq-radiobox-value {
  float: left;
  width: calc(100% - 30px);
  margin-left: 30px; }

.dbq-radiomark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 50%; }
  .dbq-radiomark:after {
    content: "";
    position: absolute;
    display: none; }

.radio input[type="radio"],
.radio-inline input[type="radio"] {
  margin: 0; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.function-buttons-popup .function-buttons-container .function-button-container {
  padding: 10px 15px;
  font-size: 16px;
  cursor: pointer;
  border-top: 1px solid #bfcad2; }
  .function-buttons-popup .function-buttons-container .function-button-container:first-of-type {
    border-top: 0 none; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

#classlist button#classlist-refresh-button.btn-default:disabled,
.dbq-form button#classlist-refresh-button.btn-default:disabled,
#classlist button#classlist-refresh-button.btn-default.disabled,
.dbq-form button#classlist-refresh-button.btn-default.disabled,
#classlist button#classlist-refresh-button.btn-secondary:disabled,
.dbq-form button#classlist-refresh-button.btn-secondary:disabled,
#classlist button#classlist-refresh-button.btn-secondary.disabled,
.dbq-form button#classlist-refresh-button.btn-secondary.disabled {
  background: #e5e7ec !important;
  border: 2px solid #e5e7ec !important; }

#classlist button#classlist-refresh-button.btn-default:disabled:hover,
.dbq-form button#classlist-refresh-button.btn-default:disabled:hover,
#classlist button#classlist-refresh-button.btn-default.disabled:hover,
.dbq-form button#classlist-refresh-button.btn-default.disabled:hover,
#classlist button#classlist-refresh-button.btn-secondary:disabled:hover,
.dbq-form button#classlist-refresh-button.btn-secondary:disabled:hover,
#classlist button#classlist-refresh-button.btn-secondary.disabled:hover,
.dbq-form button#classlist-refresh-button.btn-secondary.disabled:hover {
  background: #e5e7ec !important;
  border: 2px solid #e5e7ec !important; }

#classlist button#classlist-refresh-button.btn-default:disabled svg,
.dbq-form button#classlist-refresh-button.btn-default:disabled svg,
#classlist button#classlist-refresh-button.btn-default.disabled svg,
.dbq-form button#classlist-refresh-button.btn-default.disabled svg,
#classlist button#classlist-refresh-button.btn-secondary:disabled svg,
.dbq-form button#classlist-refresh-button.btn-secondary:disabled svg,
#classlist button#classlist-refresh-button.btn-secondary.disabled svg,
.dbq-form
button#classlist-refresh-button.btn-secondary.disabled
svg
#classlist
button#classlist-refresh-button.btn-default:disabled:hover
svg,
.dbq-form button#classlist-refresh-button.btn-default:disabled:hover svg,
#classlist button#classlist-refresh-button.btn-default.disabled:hover svg,
.dbq-form button#classlist-refresh-button.btn-default.disabled:hover svg,
#classlist button#classlist-refresh-button.btn-secondary:disabled:hover svg,
.dbq-form button#classlist-refresh-button.btn-secondary:disabled:hover svg,
#classlist button#classlist-refresh-button.btn-secondary.disabled:hover svg,
.dbq-form button#classlist-refresh-button.btn-secondary.disabled:hover svg {
  fill: #000000 !important; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

#classlist[data-class-list-display-mode="2"] .classlist-window {
  height: auto; }

/* Kanban boards with a bottom window should always use 50% height in order to be able to scroll inside a column on the kanban board. */
/* 
    Kanban board toggle between top, both and bottom window
    View Mode:
    0 = Top window
    1 = Both windows
    2 = Bottom window
*/
/* Top window */
/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.generic-folder-document-class-list-container {
  height: 100%; }
  .generic-folder-document-class-list-container #associated-folder-document-control-container {
    background: #f5f7f9;
    max-height: calc(100% - $margin-vertical-default);
    margin-top: 15px;
    overflow-y: auto;
    border-radius: 10px; }
    .generic-folder-document-class-list-container #associated-folder-document-control-container::-webkit-scrollbar-track {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .generic-folder-document-class-list-container #associated-folder-document-control-container::-webkit-scrollbar-corner, .generic-folder-document-class-list-container #associated-folder-document-control-container::-webkit-scrollbar-corner {
      background-color: transparent; }
    .generic-folder-document-class-list-container #associated-folder-document-control-container {
      scrollbar-face-color: RGBA(0, 0, 0, 0.4);
      scrollbar-track-color: RGBA(0, 0, 0, 0.2); }
    .generic-folder-document-class-list-container #associated-folder-document-control-container::-webkit-scrollbar, .generic-folder-document-class-list-container #associated-folder-document-control-container::-webkit-scrollbar-corner, .generic-folder-document-class-list-container #associated-folder-document-control-container::-webkit-scrollbar-track, .generic-folder-document-class-list-container #associated-folder-document-control-container::-webkit-scrollbar-thumb {
      border-radius: 10px; }
    .generic-folder-document-class-list-container #associated-folder-document-control-container::-webkit-scrollbar, .generic-folder-document-class-list-container #associated-folder-document-control-container::-webkit-scrollbar-track {
      width: 7.5px;
      height: 7.5px;
      border-radius: 10px;
      background-color: transparent !important;
      background: transparent !important; }
    .generic-folder-document-class-list-container #associated-folder-document-control-container::-webkit-scrollbar-thumb {
      border-radius: 7.5px;
      transition: all 0.4s;
      background: RGBA(0, 0, 0, 0.2) !important;
      background-color: RGBA(0, 0, 0, 0.2) !important;
      border: none !important; }
      .generic-folder-document-class-list-container #associated-folder-document-control-container::-webkit-scrollbar-thumb:hover {
        background-color: RGBA(0, 0, 0, 0.4) !important; }
    .generic-folder-document-class-list-container #associated-folder-document-control-container .dbq-form section {
      padding: 15px; }
  .generic-folder-document-class-list-container #content-wrapper {
    height: calc(100% - $navbar-height); }
    .generic-folder-document-class-list-container #content-wrapper[data-has-sidemenu="false"] .dbq-left-column {
      display: none; }
    .generic-folder-document-class-list-container #content-wrapper[data-has-sidemenu="false"] .dbq-right-column {
      width: 100%; }
    .generic-folder-document-class-list-container #content-wrapper[data-has-sidemenu="false"] #dbq-document-class-list-breadcrumbs {
      display: none; }
  .generic-folder-document-class-list-container #classlist-dynamic-folder-documents {
    margin-left: auto;
    margin-right: auto;
    background: #ffffff; }
    .generic-folder-document-class-list-container #classlist-dynamic-folder-documents .dbqgfdclc-loading-view {
      position: relative;
      height: 200px; }
  .generic-folder-document-class-list-container .navbar #main-menu {
    float: left;
    height: 60px;
    display: flex;
    align-items: center; }
  .generic-folder-document-class-list-container .dbqgfdclc-invalid-container {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 15px;
    margin-top: 15px; }
  .generic-folder-document-class-list-container .dbq-maintenance-container .dbq-maintenance-container-center {
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
    .generic-folder-document-class-list-container .dbq-maintenance-container .dbq-maintenance-container-center .dbq-maintenance-container-text {
      border-bottom: 0; }
  .generic-folder-document-class-list-container #classlist-search-list #classlist-dbq-tree-grid {
    overflow-y: auto; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbq-application-rumm .dbq-form div[data-element-type="Header"] h2 {
  padding: 10px !important; }

.dbq-application-tsn .classlist-dashboard div[data-element-type="Text"],
.dbq-application-tkc .classlist-dashboard div[data-element-type="Text"] {
  border-radius: 10px; }

.dbq-application-tsn .classlist-dashboard div[data-element-type="Header"],
.dbq-application-tkc .classlist-dashboard div[data-element-type="Header"] {
  border-radius: 10px; }

.dbq-application-tsn .classlist-dashboard div[data-element-type="Text"],
.dbq-application-tkc .classlist-dashboard div[data-element-type="Text"] {
  /* .dbq-application-tsn div[data-element-type="Text"] */
  background: #ffffff;
  margin: 0 10px 10px 10px !important;
  width: calc(100% - 20px) !important; }

.dbq-application-tsn .classlist-dashboard div[data-element-type="Header"],
.dbq-application-tkc .classlist-dashboard div[data-element-type="Header"] {
  /* .dbq-application-tsn div[data-element-type="Header"], <-- before, AND -> Tokcel needs this to.. so this needs to be in custom styling.. */
  background: #ffffff;
  margin: 10px 10px 0 10px !important;
  width: calc(100% - 20px) !important; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

#classlist-matterport #dbq-matterport-states-container .dbqmp-states button {
  padding: 7.5px 15px; }
  #classlist-matterport #dbq-matterport-states-container .dbqmp-states button svg {
    width: 20px;
    height: 20px; }
  #classlist-matterport #dbq-matterport-states-container .dbqmp-states button:hover {
    border-color: #000; }

#classlist-matterport #dbq-matterport-right-menu .ui-accordion-header {
  font-size: 16px;
  background: #dddddd !important;
  text-transform: initial !important;
  cursor: pointer; }
  #classlist-matterport #dbq-matterport-right-menu .ui-accordion-header.ui-state-active {
    background: #321E64 !important;
    border: none;
    color: #ffffff !important; }
  #classlist-matterport #dbq-matterport-right-menu .ui-accordion-header.ui-state-disabled {
    color: #888888 !important;
    cursor: not-allowed; }

#classlist-matterport #dbq-matterport-left-menu .dbqmp-location .dbqmp-location-buttons .btn-group {
  padding: 0 !important; }

#classlist-matterport #dbq-matterport-left-menu .dbqmp-location .dbqmp-location-buttons .dbqmp-btn:not(.btn-group) {
  background: transparent;
  border-color: transparent;
  padding: 7.5px 15px !important;
  height: auto; }
  #classlist-matterport #dbq-matterport-left-menu .dbqmp-location .dbqmp-location-buttons .dbqmp-btn:not(.btn-group) svg {
    width: 24px;
    height: 24px;
    color: #000000; }
  #classlist-matterport #dbq-matterport-left-menu .dbqmp-location .dbqmp-location-buttons .dbqmp-btn:not(.btn-group):hover {
    background: transparent;
    border-color: transparent; }
    #classlist-matterport #dbq-matterport-left-menu .dbqmp-location .dbqmp-location-buttons .dbqmp-btn:not(.btn-group):hover svg {
      color: #321E64; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

/* ****************************** 
    Base & Generic styling
****************************** */
.center {
  text-align: center; }

.dbq-application-navbar .dropdown-menu {
  border: 0;
  border-radius: 5px; }
  .dbq-application-navbar .dropdown-menu a {
    color: #000000; }
    .dbq-application-navbar .dropdown-menu a:hover {
      color: #808080; }
      .dbq-application-navbar .dropdown-menu a:hover svg {
        fill: #808080; }

/* Main Menu */
.dbq-icon-color-1 {
  fill: #3c3c3c; }

.dbq-icon-color-2 {
  fill: #ffffff; }

.dbq-custom-logo {
  width: auto;
  min-height: 45px;
  max-height: 100px;
  max-width: 250px;
  object-fit: contain;
  object-position: left; }

#wrapper {
  height: 100%;
  width: 100%; }

#content-wrapper {
  height: calc(100% - 60px);
  padding: 0; }

#dbq-tool-manager-container {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 900;
  background: white; }

.class-list-menu-help {
  display: none; }
  .class-list-menu-help[data-has-help-system="true"] {
    display: block; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbq-download-page {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; }
  .dbq-download-page .dbq-file-download-manager-container {
    position: relative;
    float: left;
    width: 600px; }
    .dbq-download-page .dbq-file-download-manager-container .dbqfdm-header-buttons {
      display: none; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

/* ****************************** 
    Fields
****************************** */
.field-container {
  border-collapse: collapse;
  display: table;
  width: 100%;
  border-spacing: 0px 10px; }

.field-container .cell_right {
  display: table-cell;
  width: 100%;
  padding: 6px 8px 6px 4px;
  text-align: left; }

.field-container .cell {
  display: table-cell;
  width: 100%;
  padding: 6px 8px 6px 4px;
  text-align: left; }

.field-container .cell_left {
  display: table-cell;
  line-height: 38px;
  text-align: right;
  vertical-align: middle; }

.field-container .cell_left label {
  float: left;
  width: 140px;
  text-align: right;
  margin-right: 10px;
  clear: both; }

.field-container .cell_right textarea,
.field-container .cell_right select,
.field-container .cell_right input {
  width: 90%;
  max-width: 480px;
  float: left;
  -moz-resize: none;
  -ms-resize: none;
  -o-resize: none;
  resize: none;
  display: block;
  padding: 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -khtml-border-radius: 3px;
  border: 1px solid #ced4da; }

.field-container .cell_right input,
.field-container .cell_right textarea {
  font: 13px "Lato", sans-serif; }

.field-container .cell_right textarea:focus,
.field-container .cell_right select:focus,
.field-container .cell_right input:focus {
  border: 1px solid #3893d0; }

.field-container .cell_right textarea.finder-error-field:focus,
.field-container .cell_right select.finder-error-field:focus,
.field-container .cell_right input.finder-error-field:focus,
.field-container .cell_right textarea.finder-error-field,
.field-container .cell_right select.finder-error-field,
.field-container .cell_right input.finder-error-field {
  border: 1px solid #b64f4b !important;
  background-color: #f7d1d1 !important; }

div.field-group {
  display: inline-flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  align-items: stretch; }

div.field-group > label {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  text-align: right;
  white-space: nowrap;
  margin-right: 1.5em; }

div.field-group .field {
  -ms-flex: 3;
  -webkit-flex: 3;
  flex: 3;
  justify-content: flex-end;
  width: auto; }

div.field-group .field > input {
  width: 100%;
  -moz-resize: none;
  -ms-resize: none;
  -o-resize: none;
  padding: 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -khtml-border-radius: 3px;
  border: 1px solid #ced4da; }

.field-input-addon {
  display: flex;
  margin-bottom: 1em; }

.field-input-addon-item {
  border: 1px solid #ced4da;
  padding: 0.5em 0.75em; }

.field-input-addon-item:first-child {
  -ms-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

/* ****************************** 
    Filelist
****************************** */
.filelists {
  margin: 20px 0; }

.filelists h5 {
  margin: 10px 0 0; }

.filelist {
  margin: 0;
  padding: 10px 0; }

.filelist li {
  background: #fff;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  list-style: none;
  padding: 5px; }

.filelist li:before {
  display: none; }

.filelist li .file {
  color: #333; }

.filelist li .progress {
  color: #666;
  float: right;
  font-size: 10px;
  text-transform: uppercase; }

.filelist li .delete {
  color: red;
  cursor: pointer;
  float: right;
  font-size: 10px;
  text-transform: uppercase; }

.filelist li.complete .progress {
  color: green; }

.filelist li.error .progress {
  color: red; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

/* ****************************** 
    Foldertree
****************************** */
.foldertree-header {
  padding: 0; }

ul.gj-list-bootstrap li [data-role="display"] {
  padding: 13px 0; }

.foldertree-header .foldertree-header-name {
  line-height: 20px;
  margin: 15px 0;
  float: left; }

.foldertree-header svg {
  float: left; }

.foldertree-header svg.dbq-top-level-nav-icon {
  margin: 15px 10px 15px 0;
  padding: 0;
  width: 24px;
  height: 24px; }

.foldertree-header svg.dbq-align-right {
  margin: 15px 5px;
  padding: 5px;
  width: 24px;
  height: 24px; }

.foldertree-header svg {
  margin: 15px 10px 15px 10px;
  padding: 0;
  width: 24px;
  height: 24px; }

.foldertree-header .foldertree-header-text {
  float: left;
  width: calc(100% - 60px);
  margin: 15px 10px 15px 10px;
  padding: 0;
  height: 20px;
  line-height: 20px; }

.gj-tree-bootstrap-3 ul.gj-list-bootstrap li {
  background: 0;
  border: 0; }

.foldertree-container > ul.gj-list-bootstrap > li:last-of-type {
  border: 0; }

.gj-tree-bootstrap-3 ul li [data-role="expander"].gj-tree-glyphicons-expander {
  width: 30px; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "finder";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  float: left;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

[data-role="expander"] svg {
  margin: 15px 5px;
  padding: 4px;
  width: 24px;
  height: 24px;
  fill: #ffffff; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

/* ****************************** 
    Header
****************************** */
#wrapper > header {
  width: 100%;
  background-color: #333; }

#wrapper > header .logo {
  float: left;
  height: 80px;
  padding: 20px 0px 0px 10px; }

#wrapper > header .organisation {
  /*height: 60px;*/
  height: 40px;
  background-color: #222; }

#wrapper > header .organisation #breadcrumbs {
  width: 100%;
  height: 40px;
  padding: 10px; }

#wrapper > header .organisation #breadcrumbs a:hover {
  color: white;
  text-decoration: none; }

#wrapper > header .organisation #breadcrumbs svg {
  float: left;
  fill: #fff;
  width: 12px;
  height: 12px;
  margin: 4px 10px 4px 8px; }

#wrapper > header .organisation #breadcrumbs a#breadcrumb_home {
  padding-left: 0;
  background-size: 20px 17px;
  background: 0;
  line-height: 14px;
  font-size: 14px;
  font-weight: 600;
  padding: 3px 0;
  margin: 0;
  height: 20px;
  color: #6b6b6b;
  float: left; }

#wrapper > header .organisation #breadcrumbs a#breadcrumb_home:hover {
  background-size: 20px 17px; }

#wrapper > header img {
  float: left;
  border: 0;
  /*height: 60px;*/
  height: 40px; }

#user_info {
  float: right;
  color: #8cd1ff;
  text-align: right;
  margin: 20px 20px 0 0;
  height: 40px; }

#user_info a {
  color: white; }

#user_info a:hover {
  color: white;
  text-decoration: underline; }

#dbq-notification-center-menu-container {
  float: right;
  margin-right: 0;
  /*15px*/
  margin-top: 0;
  /*25px*/ }

#dbq-content-container .dbq-loading-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%; }
  #dbq-content-container .dbq-loading-indicator .dbq-loading-indicator-content {
    display: flex;
    flex-direction: column;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 10px;
    background-color: #ffffff;
    padding: 30px;
    font-size: 18px;
    color: #000000;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px); }
    #dbq-content-container .dbq-loading-indicator .dbq-loading-indicator-content .dbq-loading-indicator-loader {
      margin-bottom: 30px; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

/* ****************************** 
    Login
****************************** */
.folder-document-container {
  position: absolute;
  z-index: 1004;
  width: calc(100% - 600px);
  max-height: calc(100% - 100px);
  top: 0;
  right: 0;
  margin: 50px;
  overflow-y: auto;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3); }

.folder-document-container.has-visible-news-feed {
  margin: 50px 10px;
  right: 650px;
  width: calc(100% - 1170px); }

.folder-document-container.has-visible-news-feed-toggle {
  top: 50px;
  height: calc(100% - 150px); }

.folder-document-container::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
  background-color: rgba(0, 0, 0, 0); }

.folder-document-container::-webkit-scrollbar {
  width: 8px;
  background-color: rgba(0, 0, 0, 0); }

.folder-document-container::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-radius: 4px; }

.folder-document-container .folder-document-title {
  color: #333;
  width: 100%;
  float: left;
  padding: 25px 25px 0 25px;
  font-size: 22px;
  font-weight: 600; }

.folder-document-container .folder-document-content {
  float: left;
  width: calc(100% - 60px);
  right: 0;
  margin: 30px;
  border-radius: 10px;
  background: #fff;
  padding: 20px; }

.folder-document-container .folder-document-content .modal-dialog-loading {
  width: 100%;
  float: left;
  position: relative; }

.folder-document-login-wizards-container {
  position: absolute;
  z-index: 1003;
  width: calc(100% - 600px);
  height: calc(100% - 100px);
  right: 0;
  top: 0;
  margin: 50px;
  text-align: center; }

.folder-document-login-wizards-container.has-visible-news-feed {
  margin: 50px 10px;
  right: 700px;
  width: calc(100% - 1220px); }

.folder-document-login-wizards-container.has-visible-news-feed-toggle {
  top: 50px;
  height: calc(100% - 150px); }

.folder-document-login-wizards-container .folder-document-login-wizards-vertical-container {
  margin: 0;
  width: 100%;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.folder-document-login-wizards-container .folder-document-login-wizards-vertical-container .dbq-login-wizard-text {
  display: block;
  color: #fff;
  font-size: 30px;
  line-height: 45px; }

.folder-document-login-wizards-container .folder-document-login-wizards-vertical-container .dbq-login-center-button {
  font-size: 28px;
  padding: 20px;
  background: 0;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 2px solid #fff;
  margin-top: 20px; }

.folder-document-login-wizards-container .folder-document-login-wizards-vertical-container .dbq-login-center-button:hover {
  background: #fff;
  color: #321E64; }

.dbq-login-logo svg.dbq-default-logo {
  width: 285px;
  height: 45px; }

/* Hide login logo etc when small window height */
@media screen and (max-height: 650px) {
  .login_background .container #login_container #login_container_logo,
  .dbq-login-title,
  .dbq-login-copyright,
  .dbq-login-logo svg.dbq-default-logo,
  .dbq-login-logo {
    display: none !important; } }

@media screen and (max-width: 500px) {
  .login_background #container #login_container {
    width: 100%;
    min-width: 100%; }
  .dbq-login-logo svg.dbq-default-logo,
  .dbq-login-logo .dbq-custom-logo {
    width: auto;
    max-width: 100%; } }

.folder-document-container.has-visible-news-feed {
  right: 650px;
  width: calc(100% - 1170px); }

.folder-document-container.has-visible-news-feed-toggle {
  top: 50px;
  height: calc(100% - 150px); }

.folder-document-container::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
  background-color: rgba(0, 0, 0, 0); }

.folder-document-container::-webkit-scrollbar {
  width: 8px;
  background-color: rgba(0, 0, 0, 0); }

.folder-document-container::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-radius: 4px; }

.dbq-news-feed-container {
  position: absolute;
  z-index: 1004;
  top: 0;
  right: 0;
  width: 600px;
  height: calc(100% - 100px);
  margin: 50px 30px 50px 10px;
  padding: 30px 0;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px); }

@media only screen and (max-width: 1120px) {
  .dbq-news-feed-container {
    width: 500px; } }

@media only screen and (max-width: 1020px) {
  .dbq-news-feed-container {
    width: 400px; } }

@media only screen and (max-width: 920px) {
  .dbq-news-feed-container {
    width: 300px; } }

@media only screen and (max-width: 820px) {
  .dbq-news-feed-container {
    display: none; } }

.dbq-news-feed-container.has-visible-news-feed-toggle {
  top: 50px;
  height: calc(100% - 150px); }

.dbq-news-feed-container .dbq-news-feed-title {
  font-weight: 600;
  font-size: 26px;
  color: #333;
  padding: 0 30px; }

.dbq-news-feed-container .dbq-news-feed-description {
  color: #333;
  margin-bottom: 30px;
  padding: 0 30px; }

.dbq-news-feed-container .dbq-news-feed-content-container {
  height: calc(100% - 75px); }

.dbq-news-feed-toggle-container {
  position: absolute;
  z-index: 1005;
  top: 0;
  right: 0; }

.dbq-news-feed-toggle-container .dbq-news-feed-toggle-button {
  width: 100px;
  height: 100px;
  cursor: pointer;
  background: transparent;
  outline: 0 none; }

.dbq-news-feed-toggle-container .dbq-news-feed-toggle-button svg {
  fill: #fff;
  width: 30px;
  height: 30px; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

/* ****************************** 
    Submenu
****************************** */
#submenu.editor {
  height: 40px;
  background-color: #333;
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
  display: block !important; }

#submenu.editor li {
  display: inline;
  margin-right: 40px;
  color: #3893d0;
  font-size: 18px;
  cursor: pointer;
  line-height: 40px; }

#submenu.editor li.active {
  border-bottom: 4px solid;
  padding-bottom: 5px; }

#submenu.editor li.disabled {
  padding-bottom: 5px;
  color: #888;
  cursor: default; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

/* ****************************** 
    Tooltips
****************************** */
.arrow {
  width: 36px;
  height: 8px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  /*margin-left: -18px; <-- outcomment, because the arrow from tooltips -> in CMS -> are not centering */
  bottom: -8px; }

.arrow.top {
  top: -8px;
  bottom: auto; }

.arrow.left {
  left: 20%; }

.arrow:after {
  content: "";
  position: absolute;
  left: 10px;
  top: -10px;
  width: 13px;
  height: 13px;
  box-shadow: none !important;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.arrow.top:after {
  bottom: -10px;
  top: auto; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

html,
body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  color: #000000;
  font-size: 14px;
  overflow: hidden; }

body {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: none !important;
  transition: none !important; }

p {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 1.5; }

h1 {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  line-height: 1.5; }

h2 {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 1.5; }

a {
  color: #000000;
  font-weight: inherit;
  text-decoration: underline; }
  a:hover {
    color: #321E64; }

#content-wrapper {
  width: 100%; }

hr {
  border-top: 1px solid #e5e7ec; }

*:hover {
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none; }

.dbqnc-badge {
  margin-right: -4px;
  margin-top: -2px;
  padding: 4px !important;
  font-size: 10px;
  line-height: 10px !important;
  font-weight: 500; }

.header .alert {
  padding: 10px 30px !important;
  margin-bottom: 0; }

.dbq-right-column {
  position: relative;
  float: left;
  overflow: hidden;
  display: block;
  height: 100% !important;
  width: 80%;
  width: -moz-calc(100% - 280px);
  width: -webkit-calc(100% - 280px);
  width: calc(100% - 280px);
  z-index: 2; }
  .dbq-right-column.fullwidth {
    width: 100% !important; }
  .dbq-right-column #dbq-content-container {
    height: 100%; }
  .dbq-right-column #dbq-notification-center {
    height: calc(100% - 1px); }
  .dbq-right-column.dbqnc-expanded #dbq-notification-center {
    display: block !important;
    width: 320px; }
  .dbq-right-column.dbqnc-expanded #dbq-content-container {
    width: calc(100% - 320px); }
  .dbq-right-column.dbqnc-expanded .dbq-application-navbar {
    width: calc(100% - 320px); }

#content {
  float: left;
  height: 100%;
  width: calc(100% - 280px);
  max-width: 100%;
  flex: none;
  overflow: auto; }
  #content .tab-content {
    height: 100%; }
    #content .tab-content .tab-pane {
      height: 100%; }

#dbq-content-container #content {
  float: left;
  height: 100%;
  width: 100%;
  max-width: 100%;
  flex: none;
  overflow: auto; }

.form-group:empty {
  display: none; }

#document-editor-container .form-group {
  margin-bottom: 1rem; }

.dbq-form {
  border-radius: 0 0 10px 10px !important; }

.document-class-list-control-content-container::-webkit-scrollbar-track,
.dbq-scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.document-class-list-control-content-container::-webkit-scrollbar-corner, .document-class-list-control-content-container::-webkit-scrollbar-corner,
.dbq-scrollbar::-webkit-scrollbar-corner,
.dbq-scrollbar::-webkit-scrollbar-corner {
  background-color: transparent; }

.document-class-list-control-content-container,
.dbq-scrollbar {
  scrollbar-face-color: RGBA(0, 0, 0, 0.4);
  scrollbar-track-color: RGBA(0, 0, 0, 0.2); }

.document-class-list-control-content-container::-webkit-scrollbar, .document-class-list-control-content-container::-webkit-scrollbar-corner, .document-class-list-control-content-container::-webkit-scrollbar-track, .document-class-list-control-content-container::-webkit-scrollbar-thumb,
.dbq-scrollbar::-webkit-scrollbar,
.dbq-scrollbar::-webkit-scrollbar-corner,
.dbq-scrollbar::-webkit-scrollbar-track,
.dbq-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px; }

.document-class-list-control-content-container::-webkit-scrollbar, .document-class-list-control-content-container::-webkit-scrollbar-track,
.dbq-scrollbar::-webkit-scrollbar,
.dbq-scrollbar::-webkit-scrollbar-track {
  width: 7.5px;
  height: 7.5px;
  border-radius: 10px;
  background-color: transparent !important;
  background: transparent !important; }

.document-class-list-control-content-container::-webkit-scrollbar-thumb,
.dbq-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 7.5px;
  transition: all 0.4s;
  background: RGBA(0, 0, 0, 0.2) !important;
  background-color: RGBA(0, 0, 0, 0.2) !important;
  border: none !important; }
  .document-class-list-control-content-container::-webkit-scrollbar-thumb:hover,
  .dbq-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: RGBA(0, 0, 0, 0.4) !important; }

.dbq-wrapper,
#content-wrapper .row.dbq-wrapper {
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 10px !important;
  backdrop-filter: unset;
  background: unset;
  background-color: RGBA(255, 255, 255, 0.4);
  color: #000000;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07);
  -moz-box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07);
  box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07); }

#content-wrapper table::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

#content-wrapper table::-webkit-scrollbar-corner, #content-wrapper table::-webkit-scrollbar-corner {
  background-color: transparent; }

#content-wrapper table {
  scrollbar-face-color: RGBA(0, 0, 0, 0.4);
  scrollbar-track-color: RGBA(0, 0, 0, 0.2); }

#content-wrapper table::-webkit-scrollbar, #content-wrapper table::-webkit-scrollbar-corner, #content-wrapper table::-webkit-scrollbar-track, #content-wrapper table::-webkit-scrollbar-thumb {
  border-radius: 10px; }

#content-wrapper table::-webkit-scrollbar, #content-wrapper table::-webkit-scrollbar-track {
  width: 7.5px;
  height: 7.5px;
  border-radius: 10px;
  background-color: transparent !important;
  background: transparent !important; }

#content-wrapper table::-webkit-scrollbar-thumb {
  border-radius: 7.5px;
  transition: all 0.4s;
  background: RGBA(0, 0, 0, 0.2) !important;
  background-color: RGBA(0, 0, 0, 0.2) !important;
  border: none !important; }
  #content-wrapper table::-webkit-scrollbar-thumb:hover {
    background-color: RGBA(0, 0, 0, 0.4) !important; }

.dbq-scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.dbq-scrollbar::-webkit-scrollbar-corner, .dbq-scrollbar::-webkit-scrollbar-corner {
  background-color: transparent; }

.dbq-scrollbar {
  scrollbar-face-color: RGBA(0, 0, 0, 0.4);
  scrollbar-track-color: RGBA(0, 0, 0, 0.2); }

.dbq-scrollbar::-webkit-scrollbar, .dbq-scrollbar::-webkit-scrollbar-corner, .dbq-scrollbar::-webkit-scrollbar-track, .dbq-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px; }

.dbq-scrollbar::-webkit-scrollbar, .dbq-scrollbar::-webkit-scrollbar-track {
  width: 7.5px;
  height: 7.5px;
  border-radius: 10px;
  background-color: transparent !important;
  background: transparent !important; }

.dbq-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 7.5px;
  transition: all 0.4s;
  background: RGBA(0, 0, 0, 0.2) !important;
  background-color: RGBA(0, 0, 0, 0.2) !important;
  border: none !important; }
  .dbq-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: RGBA(0, 0, 0, 0.4) !important; }

#content-wrapper .form-inline {
  border-radius: 10px; }

#content-wrapper .ui-widget-content {
  font-family: "Roboto", sans-serif; }

#content-wrapper button.btn-default.dropdown-toggle:enabled {
  padding: 6.5px 10px !important; }

.dbq-checkbox-label-filters {
  max-width: 300px;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap; }

.glyphicon-home:before {
  float: left;
  font-size: 12px;
  line-height: 12px; }

#dashboard-list-add-button:enabled,
.dashboard-list-remove-button-container button.btn-default:enabled {
  padding: 8px 10px !important; }

.icon-marker-before:before {
  right: 0 !important;
  margin-right: 5px !important; }

.spinner-border-sm {
  float: left;
  width: 14px !important;
  height: 14px !important;
  margin: 3px 5px 3px 0 !important;
  border-width: 2px !important; }

#user_info {
  color: #001323; }
  #user_info a {
    color: #321E64 !important; }

#submenu.editor {
  background: #ffffff; }

.pagination li > a.active {
  background-color: #321E64 !important;
  color: #626d86;
  border: 1px solid #321E64 !important; }

.foldertree-header {
  background: 0 !important;
  color: #001323 !important;
  border-bottom: 0 !important; }

.clr-recent-swatches-title {
  color: #000000; }

.inline-loading-indicator {
  width: 24px;
  height: 24px;
  border: 3px solid #000000;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  flex-shrink: 0; }

@keyframes rotation {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.dbq-float-left {
  float: left; }

.dbq-float-right {
  float: right; }

.dbq-float-clear {
  clear: both; }

.dbq-float-none {
  float: none; }

.dbq-align-left {
  text-align: left; }

.dbq-align-right {
  text-align: right; }

.dbq-align-center {
  text-align: center; }

.dbq-hidden {
  display: none; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.btn-primary {
  background: #321E64;
  border: 2px solid #dddddd;
  border-color: #2D1B5A;
  color: #ffffff;
  font-size: 14px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: border-box;
  -webkit-background-clip: border-box;
  background-clip: border-box; }
  .btn-primary:hover {
    background: #2D1B5A;
    border-color: #281851;
    color: #FFFFFF;
    transition: all 0.3s ease; }
  .btn-primary:active {
    background: #2D1B5A;
    border-color: #281851;
    color: #FFFFFF; }

.btn.active.focus,
.btn:focus {
  outline: none;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  outline: none;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.btn:not(.clr-clear) {
  border-radius: 10px;
  padding: 7.5px 15px; }

.btn:enabled,
.btn.enabled {
  cursor: pointer; }

.btn:disabled,
.btn.disabled {
  cursor: not-allowed; }

.modal .modal-footer button.btn {
  padding: 3px 10px; }

span.button {
  color: #ffffff !important;
  background: #321E64;
  border: 1px solid #321E64; }
  span.button:hover {
    color: #321E64 !important;
    background: #ffffff;
    border: 1px solid #ffffff; }

#content-wrapper .btn-secondary {
  background: #898d94 !important;
  border: 2px solid #81848a !important;
  color: #001323 !important;
  cursor: pointer;
  height: 100%; }
  #content-wrapper .btn-secondary:hover {
    background: #81848a !important;
    border: 2px solid #777a80 !important;
    color: #001323 !important; }

#content-wrapper .btn-danger {
  background: #d5473c !important;
  border: 2px solid #c14036 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  cursor: pointer; }
  #content-wrapper .btn-danger:hover {
    background: #c9302c !important;
    border: 2px solid #bb2723 !important;
    color: #ffffff !important; }

#content-wrapper .btn-success {
  background: #0fab46 !important;
  border: 2px solid #0e983f !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  cursor: pointer; }
  #content-wrapper .btn-success:hover {
    background: #0e983f !important;
    border: 2px solid #0c8637 !important;
    color: #ffffff !important; }

#content-wrapper .btn-link {
  background: 0 !important;
  border: 2px solid rgba(0, 0, 0, 0) !important;
  color: #001323 !important;
  cursor: pointer; }
  #content-wrapper .btn-link:hover {
    text-decoration: none;
    color: #321E64 !important; }

#content-wrapper .btn-link.btn-block {
  border: 0 !important; }

.dbq-news-feed-toggle-button {
  border: none; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.login_background {
  position: relative;
  background-image: url("/Themes/RUMM/weller.dynabloqs.dev/Files/OrganisationStyleBackgroundImage.png?v=7087677812");
  background-position: 60% 20%;
  background-size: cover; }
  .login_background::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: RGBA(255, 255, 255, 10%); }

.login-container {
  top: 0;
  margin-top: 0;
  min-width: 100%;
  height: 100%; }

#login_container {
  position: relative;
  width: 480px;
  height: 100%;
  padding: 60px;
  margin: 0;
  border-radius: 0;
  opacity: 1;
  background-color: #ffffff; }
  #login_container .dbq-login-logo {
    height: 90px;
    width: 100%;
    background: url("/Themes/RUMM/weller.dynabloqs.dev/Files/OrganisationStyleLoginLogo.png?v=7087677812") no-repeat center center;
    background-size: contain; }
    #login_container .dbq-login-logo img.dbq-custom-logo,
    #login_container .dbq-login-logo svg.dbq-default-logo {
      display: none; }
    @media screen and (max-height: 780px) {
      #login_container .dbq-login-logo {
        max-height: 100px; } }
    #login_container .dbq-login-logo img.dbq-custom-logo {
      max-width: 100%;
      max-height: 100%; }
  #login_container .dbq-login-wrapper {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    padding: 0 60px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    #login_container .dbq-login-wrapper .login_box:first-child {
      width: 100%; }
      #login_container .dbq-login-wrapper .login_box:first-child hr {
        width: 100%; }
      #login_container .dbq-login-wrapper .login_box:first-child p.description {
        font-size: 16px;
        color: #321E64;
        font-weight: 600; }
      #login_container .dbq-login-wrapper .login_box:first-child label,
      #login_container .dbq-login-wrapper .login_box:first-child span[class*="label"],
      #login_container .dbq-login-wrapper .login_box:first-child span[class*="impersonate"] {
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        color: #333333; }
      #login_container .dbq-login-wrapper .login_box:first-child input[type='text'],
      #login_container .dbq-login-wrapper .login_box:first-child input[type='password'] {
        width: 100%;
        height: 50px;
        padding: 15px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 600;
        border: 2px solid #dddddd;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        margin: 5px 0 15px 0; }
        #login_container .dbq-login-wrapper .login_box:first-child input[type='text']:focus, #login_container .dbq-login-wrapper .login_box:first-child input[type='text']:focus-visible,
        #login_container .dbq-login-wrapper .login_box:first-child input[type='password']:focus,
        #login_container .dbq-login-wrapper .login_box:first-child input[type='password']:focus-visible {
          outline: 0 !important;
          border: 2px solid #666666 !important;
          border-radius: 10px !important; }
      #login_container .dbq-login-wrapper .login_box:first-child button {
        width: 100%;
        padding: 10px 0;
        background: #321E64;
        border: 2px solid #dddddd;
        border-color: #2D1B5A;
        color: #ffffff;
        font-size: 14px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -moz-background-clip: border-box;
        -webkit-background-clip: border-box;
        background-clip: border-box; }
        #login_container .dbq-login-wrapper .login_box:first-child button:hover {
          background: #2D1B5A;
          border-color: #281851;
          color: #FFFFFF;
          transition: all 0.3s ease; }
        #login_container .dbq-login-wrapper .login_box:first-child button:active {
          background: #2D1B5A;
          border-color: #281851;
          color: #FFFFFF; }
      #login_container .dbq-login-wrapper .login_box:first-child .error {
        color: #ed1c24;
        font-weight: 500;
        text-align: center;
        margin: 15px 0; }
    #login_container .dbq-login-wrapper .login_box + .login_box {
      margin-top: 10px; }
    #login_container .dbq-login-wrapper .login_box .dbq-link-button {
      background: 0;
      background-color: none;
      color: #321E64;
      font-size: 14px;
      font-weight: 600;
      line-height: 30px;
      width: 100%;
      outline: 0;
      cursor: pointer;
      padding: 10px 15px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      border: none; }
    #login_container .dbq-login-wrapper[data-has-reset-password="false"] .go-to-reset-password-form {
      display: none; }
  #login_container .dbq-login-title {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 80px;
    padding: 0 60px;
    font-size: 16px;
    line-height: 1.5;
    color: #000000;
    font-weight: 400; }
  #login_container .dbq-login-copyright {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 60px;
    padding: 0 60px;
    font-size: 12px;
    line-height: 1.5;
    color: #888888; }
    #login_container .dbq-login-copyright a {
      text-decoration: underline;
      color: #888888; }
      #login_container .dbq-login-copyright a:hover {
        color: #321E64; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

select option {
  background: #f5f7f9; }

textarea:disabled::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

textarea:disabled::-webkit-scrollbar-corner, textarea:disabled::-webkit-scrollbar-corner {
  background-color: transparent; }

textarea:disabled {
  scrollbar-face-color: RGBA(0, 0, 0, 0.4);
  scrollbar-track-color: RGBA(0, 0, 0, 0.2); }

textarea:disabled::-webkit-scrollbar, textarea:disabled::-webkit-scrollbar-corner, textarea:disabled::-webkit-scrollbar-track, textarea:disabled::-webkit-scrollbar-thumb {
  border-radius: 10px; }

textarea:disabled::-webkit-scrollbar, textarea:disabled::-webkit-scrollbar-track {
  width: 7.5px;
  height: 7.5px;
  border-radius: 10px;
  background-color: transparent !important;
  background: transparent !important; }

textarea:disabled::-webkit-scrollbar-thumb {
  border-radius: 7.5px;
  transition: all 0.4s;
  background: RGBA(0, 0, 0, 0.2) !important;
  background-color: RGBA(0, 0, 0, 0.2) !important;
  border: none !important; }
  textarea:disabled::-webkit-scrollbar-thumb:hover {
    background-color: RGBA(0, 0, 0, 0.4) !important; }

input[type="checkbox"]:disabled {
  cursor: not-allowed !important; }
  input[type="checkbox"]:disabled:hover {
    cursor: not-allowed !important; }

#content-wrapper #content select {
  font-weight: 500; }

#content-wrapper #content textarea {
  font-weight: 500; }

#content-wrapper input[type="checkbox"] {
  margin: 0; }

#content-wrapper input[type="radio"] {
  margin: 0; }

#content-wrapper .checkbox label {
  min-height: 12px;
  font-size: 12px;
  line-height: 20px; }

#content-wrapper .radio label {
  min-height: 12px;
  font-size: 12px;
  line-height: 20px; }

/* Bootstrap override (otherwise a select will be 1px longer) */
.input-group-append {
  margin-left: 0; }

#content textarea {
  background: #e5e7ec;
  border-color: #e5e7ec;
  color: #321E64;
  font-weight: 600; }

#content select {
  background: #e5e7ec;
  border-color: #e5e7ec;
  color: #321E64;
  font-weight: 600; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

#content-wrapper .content-table {
  margin: 0;
  line-height: 14px;
  font-size: 14px; }
  #content-wrapper .content-table thead tr:first-of-type {
    height: 50px; }
  #content-wrapper .content-table th {
    padding: 4px 10px; }
  #content-wrapper .content-table input.search {
    font-size: 14px;
    height: 30px;
    display: inline-block;
    padding: 5px 8px;
    vertical-align: middle;
    width: 220px;
    line-height: 14px; }

.content-table {
  border-top: 1px solid #e0e6f3; }
  .content-table td {
    padding: 4px 10px;
    color: #b9b9b9; }
  .content-table input.search {
    border-radius: 10px;
    background: #ffffff !important;
    border: 2px solid #e5e7ec !important;
    color: #626d86 !important; }
  .content-table thead tr {
    border-bottom: 1px solid #e0e6f3; }
    .content-table thead tr:first-of-type {
      background: #ffffff; }
  .content-table thead th {
    color: #626d86; }
  .content-table tbody tr {
    border-bottom: 1px solid #e0e6f3; }
  .content-table th {
    color: #b9b9b9; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbq-domain-unknown-container {
  width: 100vw;
  height: 100vh;
  position: absolute;
  z-index: 1003;
  background-size: cover;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.dbq-domain-unknown-container-center {
  width: 650px;
  position: absolute;
  top: 50%;
  left: 50px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0;
  background: #ffffff;
  border-radius: 10px; }
  .dbq-domain-unknown-container-center button {
    margin: 0;
    border: 0;
    border-radius: 10px; }
    .dbq-domain-unknown-container-center button:first-of-type {
      margin: 0 5px 0 0; }
    .dbq-domain-unknown-container-center button span {
      width: calc(100% - 40px);
      float: left;
      line-height: 30px;
      font-size: 16px;
      font-family: "Roboto", sans-serif;
      font-weight: 600 !important; }
    .dbq-domain-unknown-container-center button svg {
      width: 30px;
      height: 30px;
      float: left;
      margin-right: 10px; }
    .dbq-domain-unknown-container-center button.dbq-domain-unknown-tel svg {
      fill: #ffffff !important; }
    .dbq-domain-unknown-container-center button.dbq-domain-unknown-mail svg {
      fill: #0a0a0a !important; }
  .dbq-domain-unknown-container-center button.dbq-domain-unknown-tel {
    padding: 15px 30px;
    background: #0a0a0a; }
    .dbq-domain-unknown-container-center button.dbq-domain-unknown-tel span {
      color: #ffffff !important; }
  .dbq-domain-unknown-container-center button.dbq-domain-unknown-mail {
    padding: 13px 30px;
    background: 0;
    border: 2px solid #0a0a0a; }
    .dbq-domain-unknown-container-center button.dbq-domain-unknown-mail span {
      color: #0a0a0a !important; }
  .dbq-domain-unknown-container-center h3 {
    color: #0a0a0a;
    font-size: 18px;
    font-weight: 600;
    line-height: 34px;
    margin: 0 0 5px;
    padding: 0; }
  .dbq-domain-unknown-container-center p {
    color: #8c9cb1;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    padding: 0; }

.dbq-domain-unknown-container-logo {
  float: left;
  width: 100%;
  padding: 40px 50px;
  border-bottom: 1px solid #ececec; }

.dbq-domain-unknown-container-text {
  float: left;
  width: 100%;
  padding: 50px;
  border-bottom: 1px solid #ececec; }

.dbq-domain-unknown-container-buttons {
  float: left;
  width: 100%;
  padding: 40px 50px; }

.dbq-domain-unknown-container-logo svg {
  float: left;
  width: auto;
  height: 50px; }
  .dbq-domain-unknown-container-logo svg .dbq-logo-color-1 {
    fill: #111111; }
  .dbq-domain-unknown-container-logo svg .dbq-logo-color-2 {
    fill: #333333; }
  .dbq-domain-unknown-container-logo svg .dbq-logo-color-3 {
    fill: #555555; }
  .dbq-domain-unknown-container-logo svg .dbq-logo-color-4 {
    fill: #000111; }
  .dbq-domain-unknown-container-logo svg .dbq-logo-color-5 {
    fill: #3a3a3a; }
  .dbq-domain-unknown-container-logo svg .dbq-logo-color-6 {
    fill: #989898; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

#content-wrapper .dropdown-menu:not(.dbqstp-popup-container),
.dbqkbc-container .dropdown-menu:not(.dbqstp-popup-container),
#classlist .dropdown-menu:not(.dbqstp-popup-container) {
  background-color: unset;
  background: #fff;
  border: 2px solid #f1f4f7;
  border-radius: 10px;
  -webkit-box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1);
  -moz-box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1);
  box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1);
  color: #000000;
  padding: 6px;
  width: min-content;
  border-radius: 10px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px); }
  #content-wrapper .dropdown-menu:not(.dbqstp-popup-container) li:last-of-type,
  .dbqkbc-container .dropdown-menu:not(.dbqstp-popup-container) li:last-of-type,
  #classlist .dropdown-menu:not(.dbqstp-popup-container) li:last-of-type {
    margin: 0; }
  #content-wrapper .dropdown-menu:not(.dbqstp-popup-container) li a,
  #content-wrapper .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item,
  .dbqkbc-container .dropdown-menu:not(.dbqstp-popup-container) li a,
  .dbqkbc-container .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item,
  #classlist .dropdown-menu:not(.dbqstp-popup-container) li a,
  #classlist .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item {
    float: left;
    color: #000000;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    width: max-content; }
    #content-wrapper .dropdown-menu:not(.dbqstp-popup-container) li a svg,
    #content-wrapper .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item svg,
    .dbqkbc-container .dropdown-menu:not(.dbqstp-popup-container) li a svg,
    .dbqkbc-container .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item svg,
    #classlist .dropdown-menu:not(.dbqstp-popup-container) li a svg,
    #classlist .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item svg {
      margin-right: 6px;
      width: 24px;
      height: 24px;
      padding: 2px;
      fill: #000000; }
  #content-wrapper .dropdown-menu:not(.dbqstp-popup-container) li,
  #content-wrapper .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item,
  .dbqkbc-container .dropdown-menu:not(.dbqstp-popup-container) li,
  .dbqkbc-container .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item,
  #classlist .dropdown-menu:not(.dbqstp-popup-container) li,
  #classlist .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item {
    float: left;
    width: 100%;
    border-radius: 7px;
    white-space: nowrap;
    background: none;
    margin: 0 0 3px 0;
    padding: 5px 7px; }
    #content-wrapper .dropdown-menu:not(.dbqstp-popup-container) li:hover, #content-wrapper .dropdown-menu:not(.dbqstp-popup-container) li:active, #content-wrapper .dropdown-menu:not(.dbqstp-popup-container) li.active,
    #content-wrapper .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item:hover,
    #content-wrapper .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item:active,
    #content-wrapper .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item.active,
    .dbqkbc-container .dropdown-menu:not(.dbqstp-popup-container) li:hover,
    .dbqkbc-container .dropdown-menu:not(.dbqstp-popup-container) li:active,
    .dbqkbc-container .dropdown-menu:not(.dbqstp-popup-container) li.active,
    .dbqkbc-container .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item:hover,
    .dbqkbc-container .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item:active,
    .dbqkbc-container .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item.active,
    #classlist .dropdown-menu:not(.dbqstp-popup-container) li:hover,
    #classlist .dropdown-menu:not(.dbqstp-popup-container) li:active,
    #classlist .dropdown-menu:not(.dbqstp-popup-container) li.active,
    #classlist .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item:hover,
    #classlist .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item:active,
    #classlist .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item.active {
      color: #fff;
      background: #321E64; }
      #content-wrapper .dropdown-menu:not(.dbqstp-popup-container) li:hover a, #content-wrapper .dropdown-menu:not(.dbqstp-popup-container) li:active a, #content-wrapper .dropdown-menu:not(.dbqstp-popup-container) li.active a,
      #content-wrapper .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item:hover a,
      #content-wrapper .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item:active a,
      #content-wrapper .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item.active a,
      .dbqkbc-container .dropdown-menu:not(.dbqstp-popup-container) li:hover a,
      .dbqkbc-container .dropdown-menu:not(.dbqstp-popup-container) li:active a,
      .dbqkbc-container .dropdown-menu:not(.dbqstp-popup-container) li.active a,
      .dbqkbc-container .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item:hover a,
      .dbqkbc-container .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item:active a,
      .dbqkbc-container .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item.active a,
      #classlist .dropdown-menu:not(.dbqstp-popup-container) li:hover a,
      #classlist .dropdown-menu:not(.dbqstp-popup-container) li:active a,
      #classlist .dropdown-menu:not(.dbqstp-popup-container) li.active a,
      #classlist .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item:hover a,
      #classlist .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item:active a,
      #classlist .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item.active a {
        color: #fff; }
      #content-wrapper .dropdown-menu:not(.dbqstp-popup-container) li:hover svg, #content-wrapper .dropdown-menu:not(.dbqstp-popup-container) li:active svg, #content-wrapper .dropdown-menu:not(.dbqstp-popup-container) li.active svg,
      #content-wrapper .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item:hover svg,
      #content-wrapper .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item:active svg,
      #content-wrapper .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item.active svg,
      .dbqkbc-container .dropdown-menu:not(.dbqstp-popup-container) li:hover svg,
      .dbqkbc-container .dropdown-menu:not(.dbqstp-popup-container) li:active svg,
      .dbqkbc-container .dropdown-menu:not(.dbqstp-popup-container) li.active svg,
      .dbqkbc-container .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item:hover svg,
      .dbqkbc-container .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item:active svg,
      .dbqkbc-container .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item.active svg,
      #classlist .dropdown-menu:not(.dbqstp-popup-container) li:hover svg,
      #classlist .dropdown-menu:not(.dbqstp-popup-container) li:active svg,
      #classlist .dropdown-menu:not(.dbqstp-popup-container) li.active svg,
      #classlist .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item:hover svg,
      #classlist .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item:active svg,
      #classlist .dropdown-menu:not(.dbqstp-popup-container) .dropdown-item.active svg {
        fill: #fff; }
  #content-wrapper .dropdown-menu:not(.dbqstp-popup-container) li a,
  .dbqkbc-container .dropdown-menu:not(.dbqstp-popup-container) li a,
  #classlist .dropdown-menu:not(.dbqstp-popup-container) li a {
    padding: 0; }

#content-wrapper .bootstrap-datetimepicker-widget.dropdown-menu,
.dbqkbc-container .bootstrap-datetimepicker-widget.dropdown-menu,
#classlist .bootstrap-datetimepicker-widget.dropdown-menu {
  width: 19em; }

.dbqdclt-dropdown-menu.dropdown-menu,
.dbqdclkb-dropdown-menu.dropdown-menu {
  background-color: unset;
  background: #fff;
  border: 2px solid #f1f4f7;
  border-radius: 10px;
  -webkit-box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1);
  -moz-box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1);
  box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1);
  color: #000000;
  padding: 6px;
  width: min-content;
  border-radius: 10px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px); }
  .dbqdclt-dropdown-menu.dropdown-menu li:last-of-type,
  .dbqdclkb-dropdown-menu.dropdown-menu li:last-of-type {
    margin: 0; }
  .dbqdclt-dropdown-menu.dropdown-menu li a,
  .dbqdclt-dropdown-menu.dropdown-menu .dropdown-item,
  .dbqdclkb-dropdown-menu.dropdown-menu li a,
  .dbqdclkb-dropdown-menu.dropdown-menu .dropdown-item {
    float: left;
    color: #000000;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    width: max-content; }
    .dbqdclt-dropdown-menu.dropdown-menu li a svg,
    .dbqdclt-dropdown-menu.dropdown-menu .dropdown-item svg,
    .dbqdclkb-dropdown-menu.dropdown-menu li a svg,
    .dbqdclkb-dropdown-menu.dropdown-menu .dropdown-item svg {
      margin-right: 6px;
      width: 24px;
      height: 24px;
      padding: 2px;
      fill: #000000; }
  .dbqdclt-dropdown-menu.dropdown-menu li,
  .dbqdclt-dropdown-menu.dropdown-menu .dropdown-item,
  .dbqdclkb-dropdown-menu.dropdown-menu li,
  .dbqdclkb-dropdown-menu.dropdown-menu .dropdown-item {
    float: left;
    width: 100%;
    border-radius: 7px;
    white-space: nowrap;
    background: none;
    margin: 0 0 3px 0;
    padding: 5px 7px; }
    .dbqdclt-dropdown-menu.dropdown-menu li:hover, .dbqdclt-dropdown-menu.dropdown-menu li:active, .dbqdclt-dropdown-menu.dropdown-menu li.active,
    .dbqdclt-dropdown-menu.dropdown-menu .dropdown-item:hover,
    .dbqdclt-dropdown-menu.dropdown-menu .dropdown-item:active,
    .dbqdclt-dropdown-menu.dropdown-menu .dropdown-item.active,
    .dbqdclkb-dropdown-menu.dropdown-menu li:hover,
    .dbqdclkb-dropdown-menu.dropdown-menu li:active,
    .dbqdclkb-dropdown-menu.dropdown-menu li.active,
    .dbqdclkb-dropdown-menu.dropdown-menu .dropdown-item:hover,
    .dbqdclkb-dropdown-menu.dropdown-menu .dropdown-item:active,
    .dbqdclkb-dropdown-menu.dropdown-menu .dropdown-item.active {
      color: #fff;
      background: #321E64; }
      .dbqdclt-dropdown-menu.dropdown-menu li:hover a, .dbqdclt-dropdown-menu.dropdown-menu li:active a, .dbqdclt-dropdown-menu.dropdown-menu li.active a,
      .dbqdclt-dropdown-menu.dropdown-menu .dropdown-item:hover a,
      .dbqdclt-dropdown-menu.dropdown-menu .dropdown-item:active a,
      .dbqdclt-dropdown-menu.dropdown-menu .dropdown-item.active a,
      .dbqdclkb-dropdown-menu.dropdown-menu li:hover a,
      .dbqdclkb-dropdown-menu.dropdown-menu li:active a,
      .dbqdclkb-dropdown-menu.dropdown-menu li.active a,
      .dbqdclkb-dropdown-menu.dropdown-menu .dropdown-item:hover a,
      .dbqdclkb-dropdown-menu.dropdown-menu .dropdown-item:active a,
      .dbqdclkb-dropdown-menu.dropdown-menu .dropdown-item.active a {
        color: #fff; }
      .dbqdclt-dropdown-menu.dropdown-menu li:hover svg, .dbqdclt-dropdown-menu.dropdown-menu li:active svg, .dbqdclt-dropdown-menu.dropdown-menu li.active svg,
      .dbqdclt-dropdown-menu.dropdown-menu .dropdown-item:hover svg,
      .dbqdclt-dropdown-menu.dropdown-menu .dropdown-item:active svg,
      .dbqdclt-dropdown-menu.dropdown-menu .dropdown-item.active svg,
      .dbqdclkb-dropdown-menu.dropdown-menu li:hover svg,
      .dbqdclkb-dropdown-menu.dropdown-menu li:active svg,
      .dbqdclkb-dropdown-menu.dropdown-menu li.active svg,
      .dbqdclkb-dropdown-menu.dropdown-menu .dropdown-item:hover svg,
      .dbqdclkb-dropdown-menu.dropdown-menu .dropdown-item:active svg,
      .dbqdclkb-dropdown-menu.dropdown-menu .dropdown-item.active svg {
        fill: #fff; }
  .dbqdclt-dropdown-menu.dropdown-menu li a,
  .dbqdclkb-dropdown-menu.dropdown-menu li a {
    padding: 0; }

.dropdown-menu ul.list-unstyled > li {
  background-color: transparent !important; }

.dbq-dropdown-on-right-click-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  padding: 50px;
  margin: 0;
  background: #0b0e13;
  color: #fff; }
  .dbq-dropdown-on-right-click-container a {
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    color: #ffffff;
    float: left; }
    .dbq-dropdown-on-right-click-container a:hover {
      color: #321E64; }
  .dbq-dropdown-on-right-click-container .dbq-dropdown-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    width: 100px;
    height: 100px;
    background: #0b0e13; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

#content-wrapper .dbq-document-list-table-view {
  padding: 10px; }
  #content-wrapper .dbq-document-list-table-view table.dataTable {
    margin: 0 !important; }
  #content-wrapper .dbq-document-list-table-view label {
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    padding: 0 10px;
    margin: 10px;
    background: #ffffff;
    border: 2px solid #f5f7f9;
    border-radius: 10px; }
  #content-wrapper .dbq-document-list-table-view select.form-control {
    margin: 0 10px; }
  #content-wrapper .dbq-document-list-table-view .icon-view:before {
    display: none; }
  #content-wrapper .dbq-document-list-table-view table span.row-button {
    padding: 0; }
  #content-wrapper .dbq-document-list-table-view table svg {
    fill: #3a3b40;
    margin: 0;
    padding: 2px; }
    #content-wrapper .dbq-document-list-table-view table svg:hover {
      fill: #321E64; }
  #content-wrapper .dbq-document-list-table-view div.dataTables_wrapper div.dataTables_info {
    float: left;
    width: auto;
    padding: 15px 10px;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px; }
  #content-wrapper .dbq-document-list-table-view div.dataTables_wrapper div.dataTables_paginate {
    float: right;
    width: auto;
    padding: 0; }
    #content-wrapper .dbq-document-list-table-view div.dataTables_wrapper div.dataTables_paginate ul.pagination {
      margin: 0; }
    #content-wrapper .dbq-document-list-table-view div.dataTables_wrapper div.dataTables_paginate li {
      font-size: 12px;
      font-weight: 500;
      line-height: 20px;
      margin: 0 0 0 5px;
      padding: 3px 10px;
      border-radius: 10px;
      background: #f5f7f9;
      border: 2px solid #f5f7f9; }
      #content-wrapper .dbq-document-list-table-view div.dataTables_wrapper div.dataTables_paginate li:hover {
        background: #3a3b40;
        border: 2px solid #3a3b40;
        cursor: pointer; }
        #content-wrapper .dbq-document-list-table-view div.dataTables_wrapper div.dataTables_paginate li:hover a {
          color: #fff;
          text-decoration: none; }
    #content-wrapper .dbq-document-list-table-view div.dataTables_wrapper div.dataTables_paginate .paginate_button.active {
      border: 2px solid #321E64 !important;
      background-color: #ffffff !important;
      color: #ffffff !important; }
      #content-wrapper .dbq-document-list-table-view div.dataTables_wrapper div.dataTables_paginate .paginate_button.active:hover {
        border: 2px solid #321E64 !important;
        background-color: #321E64 !important;
        color: #ffffff !important; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

#user_info {
  margin: 20px 35px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  height: 30px; }

#wrapper > header .organisation {
  display: none; }
  #wrapper > header .organisation #breadcrumbs a#breadcrumb_home {
    margin-right: 5px;
    padding: 2px 0 !important; }
  #wrapper > header .organisation #breadcrumbs b {
    float: left; }
  #wrapper > header .organisation #breadcrumbs a {
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    float: left; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

#content-wrapper .input-group-addon svg {
  width: 30px;
  height: 30px;
  padding: 5px; }

.dbq-dropdown-on-right-click-container .dbq-dropdown-close svg {
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 35px;
  fill: #ffffff;
  float: left; }

.dbq-dropdown-on-right-click-container .dbq-dropdown-close:hover svg {
  fill: #321E64; }

#wrapper > header .organisation #breadcrumbs svg {
  margin: 3px 10px; }

.datepicker .next svg {
  float: left;
  margin: 0 9px !important;
  width: 16px !important;
  height: 16px !important; }

.datepicker .prev svg {
  float: left;
  margin: 0 9px !important;
  width: 16px !important;
  height: 16px !important; }

.bootstrap-datetimepicker-widget .timepicker-picker table svg {
  margin: 0 !important; }

ul.gj-list-bootstrap li.list-group-item.dbq-expand-active-style {
  border-radius: 0 !important; }
  ul.gj-list-bootstrap li.list-group-item.dbq-expand-active-style li.active div[data-role="wrapper"] {
    border-radius: 10px; }

ul.gj-list-bootstrap li {
  border-radius: 10px; }

.gj-tree-bootstrap-3 ul.gj-list-bootstrap li {
  border-radius: 10px; }

.input-group-addon {
  color: #595f6e;
  background-color: #f0f2f5;
  border-top: 1px solid #e5e7ec;
  border-bottom: 1px solid #e5e7ec;
  border-left: 1px solid #e5e7ec;
  border-radius: 0 0 0 10px; }
  .input-group-addon svg {
    height: 33px;
    border: 0;
    border-radius: 0 0 0 10px;
    background: #f0f2f5;
    fill: #595f6e; }

.form-group .searchbox-container .input-group-addon svg {
  fill: #595f6e;
  margin-right: 0; }

.form-group .searchbox-container .input-group-btn svg {
  fill: #b3baca;
  padding: 0;
  margin-right: 0; }

form[data-view-mode="View"] .input-group-addon,
.input-group-addon.disabled {
  color: #595f6e;
  background-color: #e5e7ec;
  border-top: 1px solid #e5e7ec;
  border-bottom: 1px solid #e5e7ec;
  border-left: 1px solid #e5e7ec; }
  form[data-view-mode="View"] .input-group-addon svg,
  .input-group-addon.disabled svg {
    background: #e5e7ec;
    fill: #595f6e;
    cursor: default; }

svg .dbq-icon-color-1 {
  fill: #f5f7f9; }

svg .dbq-icon-color-2 {
  fill: #001323; }

.foldertree-header svg {
  fill: #001323; }
  .foldertree-header svg.dbq-align-right {
    fill: #001323; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

#dbq-notification-center {
  overflow: hidden;
  border-left: 1px solid #dddddd;
  background-image: none;
  background-color: transparent;
  box-shadow: inset 0 0 0 1000px RGBA(255, 255, 255, 0.4); }
  #dbq-notification-center .dbqnf-container .dbqnf-item {
    background: RGBA(255, 255, 255, 0.3);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px); }
    #dbq-notification-center .dbqnf-container .dbqnf-item .dbqnf-read-more-button {
      color: #321E64;
      border: none; }
      #dbq-notification-center .dbqnf-container .dbqnf-item .dbqnf-read-more-button:hover {
        color: #2D1B5A; }
  #dbq-notification-center .dbqnc-navbar {
    border-bottom: 1px solid #dddddd; }
    #dbq-notification-center .dbqnc-navbar:not(:empty) {
      height: 51px !important; }
    #dbq-notification-center .dbqnc-navbar .dbqnc-navbar-item {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      color: #000000;
      float: left;
      cursor: pointer;
      width: auto !important;
      font-weight: 600;
      text-align: center;
      font-size: 12px !important;
      line-height: 12px !important;
      padding: 10px 15px;
      margin: 9px 0 9px 10px;
      background: RGBA(255, 255, 255, 0.3);
      text-shadow: 0px 0px 10px RGBA(0, 0, 0, 0.1);
      border: 1px solid RGBA(255, 255, 255, 0.1);
      box-shadow: 0 0px 20px 0 RGBA(0, 0, 0, 0.1);
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(5px); }
      #dbq-notification-center .dbqnc-navbar .dbqnc-navbar-item:hover {
        background: RGBA(255, 255, 255, 0.5); }
        #dbq-notification-center .dbqnc-navbar .dbqnc-navbar-item:hover .dbqnc-navbar-item-title {
          color: #000000; }
    #dbq-notification-center .dbqnc-navbar .dbqnc-navbar-item.dbqnc-active {
      border-bottom: 0 !important;
      background: RGBA(0, 0, 0, 0.7); }
      #dbq-notification-center .dbqnc-navbar .dbqnc-navbar-item.dbqnc-active .dbqnc-navbar-item-title {
        color: #ffffff; }
      #dbq-notification-center .dbqnc-navbar .dbqnc-navbar-item.dbqnc-active:hover {
        background: RGBA(0, 0, 0, 0.7); }
        #dbq-notification-center .dbqnc-navbar .dbqnc-navbar-item.dbqnc-active:hover .dbqnc-navbar-item-title {
          color: #ffffff; }
  #dbq-notification-center #dbq-notification-center-thread-items-container {
    height: calc(100% - 50px); }
  #dbq-notification-center .dbqnc-item-list::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  #dbq-notification-center .dbqnc-item-list::-webkit-scrollbar-corner, #dbq-notification-center .dbqnc-item-list::-webkit-scrollbar-corner {
    background-color: transparent; }
  #dbq-notification-center .dbqnc-item-list {
    scrollbar-face-color: RGBA(0, 0, 0, 0.4);
    scrollbar-track-color: RGBA(0, 0, 0, 0.2); }
  #dbq-notification-center .dbqnc-item-list::-webkit-scrollbar, #dbq-notification-center .dbqnc-item-list::-webkit-scrollbar-corner, #dbq-notification-center .dbqnc-item-list::-webkit-scrollbar-track, #dbq-notification-center .dbqnc-item-list::-webkit-scrollbar-thumb {
    border-radius: 10px; }
  #dbq-notification-center .dbqnc-item-list::-webkit-scrollbar, #dbq-notification-center .dbqnc-item-list::-webkit-scrollbar-track {
    width: 7.5px;
    height: 7.5px;
    border-radius: 10px;
    background-color: transparent !important;
    background: transparent !important; }
  #dbq-notification-center .dbqnc-item-list::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
    transition: all 0.4s;
    background: RGBA(0, 0, 0, 0.2) !important;
    background-color: RGBA(0, 0, 0, 0.2) !important;
    border: none !important; }
    #dbq-notification-center .dbqnc-item-list::-webkit-scrollbar-thumb:hover {
      background-color: RGBA(0, 0, 0, 0.4) !important; }
  #dbq-notification-center .dbqnc-item-list .dbqnc-item {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: RGBA(255, 255, 255, 0.3);
    text-shadow: 0px 0px 10px RGBA(0, 0, 0, 0.1);
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid RGBA(255, 255, 255, 0.1);
    box-shadow: 0 0px 20px 0 RGBA(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px); }
    #dbq-notification-center .dbqnc-item-list .dbqnc-item .dbqnc-item-image {
      margin: 15px;
      border: 4px solid #f9f9f9; }
    #dbq-notification-center .dbqnc-item-list .dbqnc-item .dbqnc-item-message {
      width: calc(100% - 102px);
      padding: 15px 15px 15px 0; }
      #dbq-notification-center .dbqnc-item-list .dbqnc-item .dbqnc-item-message .dbqnc-name {
        color: #000000; }
      #dbq-notification-center .dbqnc-item-list .dbqnc-item .dbqnc-item-message .dbqnc-message-expander {
        text-decoration: none;
        font-weight: 500;
        color: #321E64; }
        #dbq-notification-center .dbqnc-item-list .dbqnc-item .dbqnc-item-message .dbqnc-message-expander:hover {
          color: #321E64; }
      #dbq-notification-center .dbqnc-item-list .dbqnc-item .dbqnc-item-message .max-lines-2 {
        color: #000000; }
      #dbq-notification-center .dbqnc-item-list .dbqnc-item .dbqnc-item-message .dbqnc-message-text {
        color: #000000; }
      #dbq-notification-center .dbqnc-item-list .dbqnc-item .dbqnc-item-message .dbqnc-create-time {
        color: #000000 !important; }
  #dbq-notification-center .dbqnc-item-list .dbqnc-button {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: RGBA(255, 255, 255, 0.3) !important;
    text-shadow: 0px 0px 10px RGBA(0, 0, 0, 0.1) !important;
    color: #000000 !important;
    border: 1px solid RGBA(255, 255, 255, 0.1) !important;
    box-shadow: 0 0px 20px 0 RGBA(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px); }
  #dbq-notification-center .dbqnc-item-list .dbqnc-items-empty {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: RGBA(255, 255, 255, 0.3);
    text-shadow: 0px 0px 10px RGBA(0, 0, 0, 0.1);
    color: #000000;
    border: 1px solid RGBA(255, 255, 255, 0.1);
    box-shadow: 0 0px 20px 0 RGBA(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px); }
  #dbq-notification-center .dbqnc-badge-red {
    background-color: #e81625 !important;
    border: 2px solid #f5f7f9 !important; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbq-popup-notification-container {
  z-index: 9999;
  position: fixed;
  top: 20px;
  right: 80px;
  width: 350px;
  height: auto;
  padding: 30px;
  border-radius: 10px;
  background: #ffffff;
  -webkit-box-shadow: 0 0 30px rgba(0, 13, 68, 0.15);
  -moz-box-shadow: 0 0 30px rgba(0, 13, 68, 0.15);
  box-shadow: 0 0 30px rgba(0, 13, 68, 0.15); }
  .dbq-popup-notification-container::after {
    content: " ";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 10px;
    right: -5px;
    border-radius: 50%;
    background: #ffffff; }
  .dbq-popup-notification-container h3 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    color: #321E64; }
  .dbq-popup-notification-container p {
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: #43464c; }
  .dbq-popup-notification-container button {
    float: left;
    width: auto;
    clear: both;
    padding: 7px 15px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    text-align: left;
    border-radius: 10px; }
    .dbq-popup-notification-container button.btn-primary {
      margin-top: 5px;
      background-color: #321E64;
      border: 2px solid #2D1B5A;
      -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); }
      .dbq-popup-notification-container button.btn-primary:hover {
        background: #2D1B5A !important;
        border: 2px solid #2D1B5A !important;
        -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4); }
    .dbq-popup-notification-container button.btn-link {
      width: auto;
      padding: 0;
      margin-top: 10px;
      text-align: left;
      font-size: 12px;
      line-height: 20px;
      font-weight: 600;
      border-radius: 10px;
      color: #321E64; }
      .dbq-popup-notification-container button.btn-link:hover {
        color: #321E64; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbqdt-modal-normal-select-wrapper label {
  font-size: 12px;
  line-height: 12px; }

.modal-backdrop {
  opacity: initial !important;
  background: rgba(6, 22, 42, 0.3);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px); }

.modal-open .modal {
  background: rgba(0, 4, 14, 0.7);
  border-radius: 0 !important; }
  .modal-open .modal::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .modal-open .modal::-webkit-scrollbar-corner, .modal-open .modal::-webkit-scrollbar-corner {
    background-color: transparent; }
  .modal-open .modal {
    scrollbar-face-color: RGBA(0, 0, 0, 0.4);
    scrollbar-track-color: RGBA(0, 0, 0, 0.2); }
  .modal-open .modal::-webkit-scrollbar, .modal-open .modal::-webkit-scrollbar-corner, .modal-open .modal::-webkit-scrollbar-track, .modal-open .modal::-webkit-scrollbar-thumb {
    border-radius: 10px; }
  .modal-open .modal::-webkit-scrollbar, .modal-open .modal::-webkit-scrollbar-track {
    width: 7.5px;
    height: 7.5px;
    border-radius: 10px;
    background-color: transparent !important;
    background: transparent !important; }
  .modal-open .modal::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
    transition: all 0.4s;
    background: RGBA(0, 0, 0, 0.2) !important;
    background-color: RGBA(0, 0, 0, 0.2) !important;
    border: none !important; }
    .modal-open .modal::-webkit-scrollbar-thumb:hover {
      background-color: RGBA(0, 0, 0, 0.4) !important; }

.modal {
  border-radius: 10px; }
  .modal .modal-content {
    border: none;
    border-radius: 10px;
    background-color: #f5f7f9;
    color: #000000; }
    .modal .modal-content .header .alert {
      font-size: 14px; }
      .modal .modal-content .header .alert.alert-danger {
        background-color: #dc3545;
        color: #fff; }
    .modal .modal-content .modal-body {
      background-color: #f5f7f9; }
  .modal .dbq-document {
    background-color: #f5f7f9;
    border-radius: 0 0 10px 10px; }

.modal-dialog {
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2) !important; }
  .modal-dialog .modal-header {
    border-bottom: 1px solid #e2e7f3;
    padding: 10px 30px; }
    .modal-dialog .modal-header.bg-danger {
      background-color: #dc3545; }
    .modal-dialog .modal-header.bg-success {
      background-color: #28a745; }
    .modal-dialog .modal-header.bg-info {
      background-color: #17a2b8; }
    .modal-dialog .modal-header.bg-warning {
      background-color: #ffc107; }
    .modal-dialog .modal-header .modal-title {
      font-size: 14px; }
  .modal-dialog .modal-footer .btn-danger {
    background: #dc3545; }
  .modal-dialog .modal-footer .btn-success {
    background: #28a745; }
  .modal-dialog .modal-footer .btn-info {
    background: #17a2b8; }
  .modal-dialog .modal-footer .btn-warning {
    background: #ffc107; }

.popup > div {
  background-color: #0c0c0c; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.tooltip.show {
  opacity: 1; }

.tooltip-inner {
  max-width: 300px;
  padding: 10px 15px;
  border-radius: 10px;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  opacity: 1; }

.dbqdclf-small-tooltips .tooltip-inner {
  max-width: 250px; }

.bs-tooltip-auto[x-placement^="top"] .arrow::before {
  opacity: 1; }

.bs-tooltip-top .arrow::before {
  opacity: 1; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbq-maintenance-container {
  width: 100vw;
  height: 100vh;
  position: absolute;
  z-index: 9999;
  background-size: cover; }

.dbq-maintenance-container-center {
  width: 650px;
  position: absolute;
  top: 50%;
  left: 50px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0;
  background: #ffffff;
  border-radius: 10px; }
  .dbq-maintenance-container-center button {
    margin: 0;
    border: 0;
    border-radius: 10px; }
    .dbq-maintenance-container-center button:first-of-type {
      margin: 0 5px 0 0; }
    .dbq-maintenance-container-center button span {
      width: calc(100% - 40px);
      float: left;
      line-height: 30px;
      font-size: 16px;
      font-family: "Roboto", sans-serif;
      font-weight: 600 !important; }
    .dbq-maintenance-container-center button svg {
      width: 30px;
      height: 30px;
      float: left;
      margin-right: 10px; }
    .dbq-maintenance-container-center button.dbq-maintenance-tel svg {
      fill: #ffffff !important; }
    .dbq-maintenance-container-center button.dbq-maintenance-mail svg {
      fill: #0a0a0a !important; }
  .dbq-maintenance-container-center button.dbq-maintenance-tel {
    padding: 15px 30px;
    background: #0a0a0a; }
    .dbq-maintenance-container-center button.dbq-maintenance-tel span {
      color: #ffffff !important; }
  .dbq-maintenance-container-center button.dbq-maintenance-mail {
    padding: 13px 30px;
    background: 0;
    border: 2px solid #0a0a0a; }
    .dbq-maintenance-container-center button.dbq-maintenance-mail span {
      color: #0a0a0a !important; }
  .dbq-maintenance-container-center h3 {
    color: #0a0a0a;
    font-size: 18px;
    font-weight: 600;
    line-height: 34px;
    margin: 0 0 5px;
    padding: 0; }
  .dbq-maintenance-container-center p {
    color: #8c9cb1;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    padding: 0; }

.dbq-maintenance-container-logo {
  float: left;
  width: 100%;
  padding: 40px 50px;
  border-bottom: 1px solid #ececec; }

.dbq-maintenance-container-text {
  float: left;
  width: 100%;
  padding: 50px;
  border-bottom: 1px solid #ececec; }

.dbq-maintenance-container-buttons {
  float: left;
  width: 100%;
  padding: 40px 50px; }

.dbq-maintenance-container-logo svg {
  float: left;
  width: auto;
  height: 50px; }
  .dbq-maintenance-container-logo svg .dbq-logo-color-1 {
    fill: #111111; }
  .dbq-maintenance-container-logo svg .dbq-logo-color-2 {
    fill: #333333; }
  .dbq-maintenance-container-logo svg .dbq-logo-color-3 {
    fill: #555555; }
  .dbq-maintenance-container-logo svg .dbq-logo-color-4 {
    fill: #000111; }
  .dbq-maintenance-container-logo svg .dbq-logo-color-5 {
    fill: #3a3a3a; }
  .dbq-maintenance-container-logo svg .dbq-logo-color-6 {
    fill: #989898; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.validation-message.error {
  border-radius: 0 0 5px 5px;
  display: none;
  color: #fff;
  background: #d5473c;
  font-size: 0.8em;
  font-weight: 500;
  width: 100%;
  float: right;
  position: relative;
  padding: 0 5px; }
  .validation-message.error::before {
    content: "";
    width: 10px;
    height: 10px;
    border-right: 10px solid transparent !important;
    border-left: 0 !important;
    border-bottom: 10px solid #d5473c !important;
    position: absolute;
    left: 0;
    top: -10px; }
  .validation-message.error::after {
    content: "";
    width: 10px;
    height: 10px;
    border-left: 10px solid transparent;
    border-right: 0 !important;
    border-bottom: 10px solid #d5473c !important;
    position: absolute;
    right: 0;
    top: -10px; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

#dbq-tool-manager-container a {
  text-decoration: none; }

#dbq-tool-manager-container #document-editor-container #dbqde-elements-container #dbqde-elements-list {
  color: #333; }

#dbq-tool-manager-container #document-editor-container .function-button {
  border: 1px solid transparent;
  cursor: pointer;
  border-radius: 50%;
  font-size: 1rem; }

#dbq-tool-manager-container #document-editor-container .btn-primary {
  border: none;
  transition: none;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff; }
  #dbq-tool-manager-container #document-editor-container .btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc; }
  #dbq-tool-manager-container #document-editor-container .btn-primary:not(:disabled):not(.disabled).active, #dbq-tool-manager-container #document-editor-container .btn-primary:not(:disabled):not(.disabled):active {
    background-color: #0062cc;
    border-color: #005cbf; }

#dbq-tool-manager-container #document-editor-container .btn-sm {
  padding: 0.25rem 0.5rem;
  border: none;
  font-size: 12px; }

#dbq-tool-manager-container #document-editor-container #topics-container .navbar {
  position: relative;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  height: unset; }
  #dbq-tool-manager-container #document-editor-container #topics-container .navbar .nav-item:focus, #dbq-tool-manager-container #document-editor-container #topics-container .navbar .nav-item:hover {
    color: rgba(255, 255, 255, 0.75); }
  #dbq-tool-manager-container #document-editor-container #topics-container .navbar .nav-item:active, #dbq-tool-manager-container #document-editor-container #topics-container .navbar .nav-item.active {
    color: #fff; }

#dbq-tool-manager-container #document-editor-side-menu-container .document-editor-tab-bar button {
  border: none; }

#dbq-tool-manager-container #document-editor-side-menu-container select option {
  background: #343a40;
  color: #fff;
  fill: #fff; }

#dbq-tool-manager-container #element-attributes-container .btn-primary.disabled.active {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

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

/* Empty text */
.dbqkbc-clearfix:after {
  content: "";
  clear: both;
  display: table; }

textarea:focus {
  outline: none; }

input:focus {
  outline: none; }

.dbqkbc-articles-container[data-display-mode="1"] .dbqkbc-article {
  display: none; }

.dbqkbc-files-container[data-display-mode="1"] .dbqkbc-file {
  display: none; }

.dbqkbc-button-svg {
  float: left;
  width: 16px;
  height: 16px;
  margin: 2px 10px 2px 0;
  fill: white; }

.dbqkbc-filters-container {
  float: left;
  width: 100%;
  margin-bottom: 15px; }
  .dbqkbc-filters-container .dbqkbfc-toolbar-container {
    width: 100%; }
    .dbqkbc-filters-container .dbqkbfc-toolbar-container .dbqkbfc-search-container {
      float: right;
      position: relative;
      padding: 20px 0; }
      .dbqkbc-filters-container .dbqkbfc-toolbar-container .dbqkbfc-search-container .dbqkbfc-input-search {
        float: left;
        height: 40px;
        border: 1px solid #E0E0E0;
        background: #FFFFFF;
        border-radius: 25px;
        padding: 0 15px 0 40px; }
      .dbqkbc-filters-container .dbqkbfc-toolbar-container .dbqkbfc-search-container svg {
        position: absolute;
        left: 0;
        width: 16px;
        height: 16px;
        margin: 12px;
        fill: #707070; }
    .dbqkbc-filters-container .dbqkbfc-toolbar-container .dbqkbfc-filter-button {
      float: right;
      margin-right: 20px; }

.dbqkba-article {
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: #FFFFFF;
  box-shadow: 0px 0px 15px #00000026;
  border-radius: 5px;
  position: relative; }
  .dbqkba-article .dropdown {
    position: absolute;
    top: 0;
    right: 0; }
    .dbqkba-article .dropdown .dropdown-toggle {
      background: 0;
      border: 0;
      box-shadow: none; }
  .dbqkba-article img {
    float: left;
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center;
    border-radius: 5px 5px 0 0; }
  .dbqkba-article h5 {
    float: left;
    width: 100%;
    color: #F9C016;
    font-size: 20px;
    font-weight: normal;
    line-height: 21px;
    padding: 20px 20px 0 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .dbqkba-article h4 {
    float: left;
    width: 100%;
    color: #000000;
    font-size: 24px;
    font-weight: normal;
    line-height: 28px;
    font-style: normal;
    padding: 0 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .dbqkba-article p {
    float: left;
    width: 100%;
    color: #000000;
    font-size: 16px;
    font-weight: normal;
    line-height: 28px;
    padding: 0 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal; }

.dbqkbpc-load-more-button {
  float: right;
  font-weight: 600; }

.dbqkbc-loading-spinner-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%; }
  .dbqkbc-loading-spinner-container .dbqkbc-loading-spinner {
    border: 1px solid #333;
    border-radius: 50%;
    border-right-color: transparent;
    border-bottom-color: transparent;
    width: 80px;
    height: 80px;
    animation-name: loading;
    animation-duration: 700ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }

.dbqkbc-loading-spinner-container {
  position: absolute;
  background: #ffffff80;
  z-index: 2;
  margin-top: 5px;
  margin-left: 5px;
  height: calc(100% - 10px);
  width: calc(100% - 10px); }
  .dbqkbc-loading-spinner-container.dbqkbc-loading-spinner-opaque {
    position: unset;
    opacity: 1;
    background: none; }

.dbqkbc-empty-text {
  float: left;
  width: 100%; }

.dbqkbc-active-item {
  box-shadow: 0px 0px 0px 2px inset #321E64 !important; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbqkbc-folders-container {
  display: flex;
  margin: 0;
  float: left;
  width: 100%;
  padding: 10px 5px; }
  .dbqkbc-folders-container .dbqkbc-folder-categories-container {
    float: left;
    width: 100%;
    padding: 0; }
    .dbqkbc-folders-container .dbqkbc-folder-categories-container .dbqkbc-folder-categories-content-container {
      display: flex;
      position: relative; }
      .dbqkbc-folders-container .dbqkbc-folder-categories-container .dbqkbc-folder-categories-content-container .row {
        float: left;
        width: 100%;
        margin: 0; }
  .dbqkbc-folders-container .dbqkbc-folder-scrollbar-container {
    padding: 5px; }

.dbqkbf-folder {
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: #FFFFFF;
  box-shadow: 0px 0px 15px #00000026;
  border-radius: 5px;
  position: relative; }
  .dbqkbf-folder .dropdown {
    position: absolute;
    top: 0;
    right: 0; }
    .dbqkbf-folder .dropdown .dropdown-toggle {
      background: 0;
      border: 0;
      box-shadow: none; }
  .dbqkbf-folder img {
    float: left;
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center;
    border-radius: 5px 5px 0 0; }
  .dbqkbf-folder h5 {
    float: left;
    width: 100%;
    color: #F9C016;
    font-size: 20px;
    font-weight: normal;
    line-height: 21px;
    padding: 20px 20px 0 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .dbqkbf-folder h4 {
    float: left;
    width: 100%;
    color: #000000;
    font-size: 24px;
    font-weight: normal;
    line-height: 28px;
    font-style: normal;
    padding: 0 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .dbqkbf-folder p {
    float: left;
    width: 100%;
    color: #000000;
    font-size: 16px;
    font-weight: normal;
    line-height: 28px;
    padding: 0 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal; }

.dbqkbf-folder-img-container {
  float: left; }

.dbqkbf-folder-text-container {
  float: left; }

.dbqkbc-folder-paging-container {
  float: left;
  width: 100%; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbqkbc-articles-container {
  margin: 0;
  float: left;
  width: 100%;
  padding: 0; }
  .dbqkbc-articles-container .dbqkbc-articles {
    float: left;
    width: 100%; }
    .dbqkbc-articles-container .dbqkbc-articles .row,
    .dbqkbc-articles-container .dbqkbc-articles ol,
    .dbqkbc-articles-container .dbqkbc-articles ul,
    .dbqkbc-articles-container .dbqkbc-articles .element.flex-container {
      float: left;
      width: 100%;
      margin: 0; }
    .dbqkbc-articles-container .dbqkbc-articles h3 {
      float: left;
      font-size: 24px;
      font-weight: bold;
      line-height: 40px;
      margin: 20px 0;
      padding: 0 15px; }
    .dbqkbc-articles-container .dbqkbc-articles .dbqkbc-articles-header {
      display: flex;
      flex-direction: row; }

.dbqkba-article[data-document-version-state='0'] .dbqkba-article-content, .dbqkba-article[data-document-version-state='2'] .dbqkba-article-content {
  opacity: 0.5; }

.dbqkba-article .dbqkba-article-content[data-has-image="false"] .dbqkba-article-text-container {
  width: calc(100% - 40px);
  max-width: calc(100% - 40px);
  padding: 20px; }

.dbqkba-document-tags .dbqkba-document-tag {
  display: inline-flex;
  font-size: 11px;
  line-height: 16px;
  font-weight: 600;
  color: #FFFFFF;
  background: #0054F0;
  padding: 3px 7px;
  margin-right: 3px;
  border-radius: 5px; }

.dbqkba-article-content {
  float: left;
  width: 100%;
  height: 100%; }

.dbqkbc-articles-content-container {
  display: flex;
  flex-direction: row; }
  .dbqkbc-articles-content-container .dbqkbc-articles-list-container {
    display: flex;
    flex-direction: row;
    position: sticky;
    top: 0;
    align-self: flex-start; }
    .dbqkbc-articles-content-container .dbqkbc-articles-list-container .dbqkbc-articles-content {
      position: relative;
      width: 100%; }
      .dbqkbc-articles-content-container .dbqkbc-articles-list-container .dbqkbc-articles-content .dbqkbc-loading-spinner-container {
        height: 100%;
        margin-top: 0; }
  .dbqkbc-articles-content-container[data-horizontal-ratio="1"] .dbqkbc-articles-list-container {
    width: 8%; }
  .dbqkbc-articles-content-container[data-horizontal-ratio="1"] .dbqkbc-article-content {
    width: 92%; }
  .dbqkbc-articles-content-container[data-horizontal-ratio="2"] .dbqkbc-articles-list-container {
    width: 16%; }
  .dbqkbc-articles-content-container[data-horizontal-ratio="2"] .dbqkbc-article-content {
    width: 84%; }
  .dbqkbc-articles-content-container[data-horizontal-ratio="3"] .dbqkbc-articles-list-container {
    width: 25%; }
  .dbqkbc-articles-content-container[data-horizontal-ratio="3"] .dbqkbc-article-content {
    width: 75%; }
  .dbqkbc-articles-content-container[data-horizontal-ratio="4"] .dbqkbc-articles-list-container {
    width: 34%; }
  .dbqkbc-articles-content-container[data-horizontal-ratio="4"] .dbqkbc-article-content {
    width: 66%; }
  .dbqkbc-articles-content-container[data-horizontal-ratio="5"] .dbqkbc-articles-list-container {
    width: 42%; }
  .dbqkbc-articles-content-container[data-horizontal-ratio="5"] .dbqkbc-article-content {
    width: 58%; }
  .dbqkbc-articles-content-container[data-horizontal-ratio="6"] .dbqkbc-articles-list-container {
    width: 50%; }
  .dbqkbc-articles-content-container[data-horizontal-ratio="6"] .dbqkbc-article-content {
    width: 50%; }
  .dbqkbc-articles-content-container[data-horizontal-ratio="7"] .dbqkbc-articles-list-container {
    width: 58%; }
  .dbqkbc-articles-content-container[data-horizontal-ratio="7"] .dbqkbc-article-content {
    width: 42%; }
  .dbqkbc-articles-content-container[data-horizontal-ratio="8"] .dbqkbc-articles-list-container {
    width: 66%; }
  .dbqkbc-articles-content-container[data-horizontal-ratio="8"] .dbqkbc-article-content {
    width: 34%; }
  .dbqkbc-articles-content-container[data-horizontal-ratio="9"] .dbqkbc-articles-list-container {
    width: 75%; }
  .dbqkbc-articles-content-container[data-horizontal-ratio="9"] .dbqkbc-article-content {
    width: 25%; }
  .dbqkbc-articles-content-container[data-horizontal-ratio="10"] .dbqkbc-articles-list-container {
    width: 84%; }
  .dbqkbc-articles-content-container[data-horizontal-ratio="10"] .dbqkbc-article-content {
    width: 16%; }
  .dbqkbc-articles-content-container[data-horizontal-ratio="11"] .dbqkbc-articles-list-container {
    width: 92%; }
  .dbqkbc-articles-content-container[data-horizontal-ratio="11"] .dbqkbc-article-content {
    width: 8%; }

.dbqkbc-files-container {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0; }
  .dbqkbc-files-container .dbqkbc-files {
    float: left;
    width: 100%; }
    .dbqkbc-files-container .dbqkbc-files .dbqkbc-files-content-container .dbqkbc-files-list-container .dbqkbc-files-content .row {
      margin: 0; }
    .dbqkbc-files-container .dbqkbc-files .dbqkbc-files-content-container .dbqkbc-file-content {
      background: #ffffff;
      margin: 0 30px;
      padding: 45px 60px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); }
  .dbqkbc-files-container .dbqkbc-file-item {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 10px;
    cursor: pointer;
    background: #ffffff;
    box-shadow: 0px 0px 15px #00000026;
    border-radius: 10px;
    position: relative; }
    .dbqkbc-files-container .dbqkbc-file-item .dbqkbc-file-item-type-container {
      background: #eee;
      padding: 20px;
      width: 80px;
      height: 80px;
      border-radius: 50%;
      flex-shrink: 0; }
    .dbqkbc-files-container .dbqkbc-file-item .dbqkbc-file-item-info-container {
      display: flex;
      flex-direction: column;
      margin-left: 10px;
      width: calc(100% - 130px); }
      .dbqkbc-files-container .dbqkbc-file-item .dbqkbc-file-item-info-container .dbqkbc-file-item-name {
        float: left;
        width: 100%;
        color: #000000;
        margin: 5px 0;
        font-weight: 700;
        font-size: 16px;
        line-height: 20px;
        font-style: normal;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .dbqkbc-files-container .dbqkbc-file-item .dbqkbc-file-item-info-container .dbqkbc-file-item-size {
        margin-bottom: 5px;
        font-size: 12px; }
      .dbqkbc-files-container .dbqkbc-file-item .dbqkbc-file-item-info-container .dbqkbc-file-item-update-time {
        font-size: 12px; }
    .dbqkbc-files-container .dbqkbc-file-item .dbqkbc-file-item-options-container .dbqkbc-file-download-button {
      top: 0;
      outline: 0; }
    .dbqkbc-files-container .dbqkbc-file-item .dropdown {
      position: absolute;
      top: 0;
      right: 0; }
      .dbqkbc-files-container .dbqkbc-file-item .dropdown .dropdown-toggle {
        background: 0;
        border: 0;
        box-shadow: none; }

.dbqkbc-files-content-container {
  display: flex;
  flex-direction: row; }
  .dbqkbc-files-content-container .dbqkbc-files-list-container {
    display: flex;
    flex-direction: row;
    position: sticky;
    top: 0;
    align-self: flex-start; }
    .dbqkbc-files-content-container .dbqkbc-files-list-container .dbqkbc-files-content {
      position: relative;
      width: 100%; }
  .dbqkbc-files-content-container[data-horizontal-ratio="1"] .dbqkbc-files-list-container {
    width: 8%; }
  .dbqkbc-files-content-container[data-horizontal-ratio="1"] .dbqkbc-file-content {
    width: 92%; }
  .dbqkbc-files-content-container[data-horizontal-ratio="2"] .dbqkbc-files-list-container {
    width: 16%; }
  .dbqkbc-files-content-container[data-horizontal-ratio="2"] .dbqkbc-file-content {
    width: 84%; }
  .dbqkbc-files-content-container[data-horizontal-ratio="3"] .dbqkbc-files-list-container {
    width: 25%; }
  .dbqkbc-files-content-container[data-horizontal-ratio="3"] .dbqkbc-file-content {
    width: 75%; }
  .dbqkbc-files-content-container[data-horizontal-ratio="4"] .dbqkbc-files-list-container {
    width: 34%; }
  .dbqkbc-files-content-container[data-horizontal-ratio="4"] .dbqkbc-file-content {
    width: 66%; }
  .dbqkbc-files-content-container[data-horizontal-ratio="5"] .dbqkbc-files-list-container {
    width: 42%; }
  .dbqkbc-files-content-container[data-horizontal-ratio="5"] .dbqkbc-file-content {
    width: 58%; }
  .dbqkbc-files-content-container[data-horizontal-ratio="6"] .dbqkbc-files-list-container {
    width: 50%; }
  .dbqkbc-files-content-container[data-horizontal-ratio="6"] .dbqkbc-file-content {
    width: 50%; }
  .dbqkbc-files-content-container[data-horizontal-ratio="7"] .dbqkbc-files-list-container {
    width: 58%; }
  .dbqkbc-files-content-container[data-horizontal-ratio="7"] .dbqkbc-file-content {
    width: 42%; }
  .dbqkbc-files-content-container[data-horizontal-ratio="8"] .dbqkbc-files-list-container {
    width: 66%; }
  .dbqkbc-files-content-container[data-horizontal-ratio="8"] .dbqkbc-file-content {
    width: 34%; }
  .dbqkbc-files-content-container[data-horizontal-ratio="9"] .dbqkbc-files-list-container {
    width: 75%; }
  .dbqkbc-files-content-container[data-horizontal-ratio="9"] .dbqkbc-file-content {
    width: 25%; }
  .dbqkbc-files-content-container[data-horizontal-ratio="10"] .dbqkbc-files-list-container {
    width: 84%; }
  .dbqkbc-files-content-container[data-horizontal-ratio="10"] .dbqkbc-file-content {
    width: 16%; }
  .dbqkbc-files-content-container[data-horizontal-ratio="11"] .dbqkbc-files-list-container {
    width: 92%; }
  .dbqkbc-files-content-container[data-horizontal-ratio="11"] .dbqkbc-file-content {
    width: 8%; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbqkbc-tab-bar-container {
  display: flex;
  flex-direction: row;
  float: left;
  width: calc(100% - 20px);
  margin: 0 10px;
  align-items: center;
  justify-content: center; }
  .dbqkbc-tab-bar-container .dbqkbc-tab-bar-line {
    background: #bbbbbb;
    height: 2px;
    width: 100%; }
  .dbqkbc-tab-bar-container .dbqkbc-tab-bar-divider {
    background: #bbbbbb;
    height: 2px;
    width: 10px; }
  .dbqkbc-tab-bar-container .dbqkbc-tab-bar-item-container {
    display: flex;
    align-items: center; }
    .dbqkbc-tab-bar-container .dbqkbc-tab-bar-item-container .dbqkbc-tab-bar-item {
      display: flex;
      align-items: center;
      background: #eee;
      padding: 5px 10px;
      border-radius: 10px; }
      .dbqkbc-tab-bar-container .dbqkbc-tab-bar-item-container .dbqkbc-tab-bar-item .dbqkbc-tab-bar-item-name {
        font-size: 18px; }
      .dbqkbc-tab-bar-container .dbqkbc-tab-bar-item-container .dbqkbc-tab-bar-item.dbqkbc-active {
        background: #fff; }
        .dbqkbc-tab-bar-container .dbqkbc-tab-bar-item-container .dbqkbc-tab-bar-item.dbqkbc-active .dbqkbc-tab-bar-item-name {
          font-weight: 600; }
      .dbqkbc-tab-bar-container .dbqkbc-tab-bar-item-container .dbqkbc-tab-bar-item .dbqkbc-tab-bar-item-count {
        font-size: 12px;
        margin-left: 2px; }
      .dbqkbc-tab-bar-container .dbqkbc-tab-bar-item-container .dbqkbc-tab-bar-item .dbqkbc-function-button,
      .dbqkbc-tab-bar-container .dbqkbc-tab-bar-item-container .dbqkbc-tab-bar-item .dropdown .dropdown-toggle {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #321E64;
        margin-left: 5px;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        padding: 3px;
        border: 0;
        outline: 0; }
        .dbqkbc-tab-bar-container .dbqkbc-tab-bar-item-container .dbqkbc-tab-bar-item .dbqkbc-function-button svg,
        .dbqkbc-tab-bar-container .dbqkbc-tab-bar-item-container .dbqkbc-tab-bar-item .dropdown .dropdown-toggle svg {
          fill: #fff; }
      .dbqkbc-tab-bar-container .dbqkbc-tab-bar-item-container .dbqkbc-tab-bar-item:not(.dbqkbc-active) {
        cursor: pointer; }
      .dbqkbc-tab-bar-container .dbqkbc-tab-bar-item-container .dbqkbc-tab-bar-item:last-of-type {
        margin-right: 0px; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbqkbc-breadcrumbs-container {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  padding: 0; }
  .dbqkbc-breadcrumbs-container .btn {
    float: left;
    width: auto;
    height: 20px;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
    border: 0; }
    .dbqkbc-breadcrumbs-container .btn svg {
      float: left;
      width: 24px;
      height: 24px;
      padding: 2px; }
    .dbqkbc-breadcrumbs-container .btn:not(:last-child):after {
      content: '';
      content: url("data:image/svg+xml,<svg fill='%239bb0c5' viewBox='0 0 8 8' xmlns='http://www.w3.org/2000/svg'><g><path d='M6.5,4c-1.3,1.3-2.7,2.7-4,4C2.2,7.7,1.9,7.4,1.6,7.1c0.9-0.9,2-2,3-3C3.6,3,2.5,2,1.5,0.9c0.4-0.3,0.7-0.7,1-0.9C3.8,1.3,5.1,2.7,6.5,4z'/></g></svg>");
      border-top: 0px solid transparent;
      border-bottom: 0px solid transparent;
      width: 8px;
      height: 8px;
      height: 20px;
      float: right;
      margin: 6px 10px;
      margin: 0 10px; }

.dbqkbbs-breadcrumbs {
  float: left;
  width: 100%;
  padding: 0; }
  .dbqkbbs-breadcrumbs svg {
    width: 24px;
    height: 24px;
    fill: #000; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbqkbfc-document-tags-container {
  display: none; }
  .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container {
    float: left;
    width: 100%;
    height: 260px;
    background: #f1f1f1; }
    .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-categories-container {
      float: left;
      margin: 15px;
      width: calc(50% - 30px);
      height: calc(100% - 30px);
      background: #f1f1f1;
      overflow-y: auto; }
      .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-categories-container .dbqkbfc-document-tag-category {
        padding: 10px 30px;
        color: #000000de;
        background: #fff;
        cursor: pointer;
        margin-bottom: 2px;
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-categories-container .dbqkbfc-document-tag-category:last-of-type {
          margin-bottom: 0px; }
      .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-categories-container .dbqkbfc-document-tag-category.active {
        background: #3588cc;
        color: #fff; }
    .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-tags-container {
      float: left;
      margin: 15px;
      width: calc(50% - 30px);
      height: calc(100% - 30px);
      background: #fff;
      overflow-y: auto; }
      .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-tags-container .dbqkbfc-document-tag label {
        display: block;
        padding: 20px 20px 10px 20px;
        float: left;
        width: 100%;
        margin-bottom: 0;
        padding: 0 20px 20px 20px; }
        .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-tags-container .dbqkbfc-document-tag label span {
          float: left;
          font-size: 16px;
          line-height: 20px;
          padding: 0 0 0 10px; }
      .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-tags-container .dbqkbfc-document-tag input {
        float: left;
        width: 20px;
        height: 20px; }
      .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-tags-container .dbqkbfc-document-tag:first-of-type label {
        padding-top: 20px; }
  .dbqkbfc-document-tags-container .dbqkbfc-document-tag-selected-container {
    float: left;
    margin-top: 30px; }
    .dbqkbfc-document-tags-container .dbqkbfc-document-tag-selected-container .dbqkbfc-selected-document-tag-button {
      border-color: #e4e4e4;
      color: #000000de;
      border-radius: 15px;
      height: 30px;
      line-height: 15px;
      font-size: 14px;
      margin-right: 15px;
      margin-bottom: 15px; }
      .dbqkbfc-document-tags-container .dbqkbfc-document-tag-selected-container .dbqkbfc-selected-document-tag-button:last-of-type {
        margin-right: 0px; }
      .dbqkbfc-document-tags-container .dbqkbfc-document-tag-selected-container .dbqkbfc-selected-document-tag-button svg {
        fill: #666666;
        width: 14px;
        height: 14px;
        margin: 0 0 0 5px;
        float: right; }

.dbqkbfc-document-tags-container.show {
  display: block; }

.dbqkbfc-document-tag {
  float: left;
  width: 100%; }

@media screen and (max-width: 991px) {
  .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container {
    height: auto; }
    .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-categories-container {
      width: calc(100% - 30px);
      height: auto; }
    .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-tags-container {
      width: calc(100% - 30px);
      height: auto; } }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbqkbc-folder-header-container {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0; }
  .dbqkbc-folder-header-container h2 {
    font-size: 28px;
    line-height: 30px;
    font-weight: bold; }
  .dbqkbc-folder-header-container p {
    font-size: 14px;
    line-height: 20px;
    font-weight: normal; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbqkbpc-pages {
  list-style: none;
  text-align: center; }
  .dbqkbpc-pages li.dbqkbpc-page {
    display: inline;
    margin: 0 5px;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    color: #B8B8B8; }
  .dbqkbpc-pages li.dbqkbpc-page.active {
    padding: 8px 14px;
    background: #3588CC;
    color: #FFFFFF;
    border-radius: 5px; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.classlist-knowledge-base {
  padding: 0;
  margin: 0; }
  .classlist-knowledge-base .dbqkbc-container {
    padding: 0; }

.dbq-bms-knowledge-base-container {
  height: 100%;
  overflow-y: auto; }

.dbqkbc-folders-container .dbqkbc-folder-categories-container h3,
.dbqkbc-articles-container .dbqkbc-articles h3,
.dbqkba-articles-container .dbqkba-articles h3 {
  padding: 5px;
  margin: 10px 0; }

.dbqkbc-empty-text {
  padding: 30px;
  margin: 5px;
  background: #FFFFFF;
  border-radius: 10px;
  box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07); }

.dbqkba-articles p {
  padding: 0 5px; }

#dbq-knowledge-base-container {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0;
  padding: 0;
  float: left; }

.dbqkbc-container .dbqkbc-col {
  padding: 5px; }
  .dbqkbc-container .dbqkbc-col:first-of-type {
    padding-top: 0; }
  .dbqkbc-container .dbqkbc-col:last-of-type {
    padding-bottom: 0; }

.dbqkbc-container .dbqkbc-folders-container .dbqkbc-folder-categories-container h3 {
  padding: 0 10px; }

.dbqkbc-container .dbqkbc-articles-container .dbqkbc-articles {
  padding: 15px 5px; }
  .dbqkbc-container .dbqkbc-articles-container .dbqkbc-articles h3 {
    padding: 0 10px; }

.dbqkbc-container .dbqkba-articles-container .dbqkba-articles h3 {
  padding: 0 10px; }

.dbqkbc-container .dbqkbc-files-container .dbqkbc-files {
  padding: 15px 5px; }
  .dbqkbc-container .dbqkbc-files-container .dbqkbc-files h3 {
    padding: 0 10px; }

.dbqkbc-container .dbqkbc-filters-container {
  padding: 0px; }

.dbqkbc-container .dbqkbf-folder button.dropdown-toggle,
.dbqkbc-container .dbqkba-article button.dropdown-toggle,
.dbqkbc-container .dbqkbc-file-item button.dropdown-toggle {
  width: 40px;
  height: 40px;
  padding: 12px;
  border: 0;
  border-radius: 10px; }
  .dbqkbc-container .dbqkbf-folder button.dropdown-toggle svg,
  .dbqkbc-container .dbqkba-article button.dropdown-toggle svg,
  .dbqkbc-container .dbqkbc-file-item button.dropdown-toggle svg {
    width: 40px;
    height: 40px;
    padding: 12px;
    border: 0;
    border-radius: 10px; }

.dbqkbc-container .dbqkbf-folder .dropdown,
.dbqkbc-container .dbqkba-article .dropdown,
.dbqkbc-container .dbqkbc-file-item .dropdown {
  width: 40px;
  height: 40px; }

.dbqkbc-container .dbqkbf-folder button,
.dbqkbc-container .dbqkba-article button,
.dbqkbc-container .dbqkbc-file-item button {
  width: 40px;
  height: 40px;
  margin: 10px;
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 10px; }
  .dbqkbc-container .dbqkbf-folder button:hover,
  .dbqkbc-container .dbqkba-article button:hover,
  .dbqkbc-container .dbqkbc-file-item button:hover {
    background: #321E64 !important;
    border: 2px solid #321E64 !important;
    border-radius: 10px !important; }
    .dbqkbc-container .dbqkbf-folder button:hover svg,
    .dbqkbc-container .dbqkba-article button:hover svg,
    .dbqkbc-container .dbqkbc-file-item button:hover svg {
      fill: #FFFFFF !important; }

.dbqkbc-container .dbqkbf-folder .dropdown-toggle,
.dbqkbc-container .dbqkba-article .dropdown-toggle,
.dbqkbc-container .dbqkbc-file-item .dropdown-toggle {
  top: 0; }

.dbqkbc-container .dbqkbpc-pages li.dbqkbpc-page {
  padding: 3px 8px; }

.dbqkbc-container .dbqkbc-filters-container .btn-primary {
  background: #321E64 !important;
  color: #fff !important;
  padding: 5px 15px;
  font-size: 16px;
  height: 48px;
  border: 2px solid #2D1B5A !important;
  border-radius: 24px; }
  .dbqkbc-container .dbqkbc-filters-container .btn-primary svg {
    fill: white !important;
    margin: 0px 5px 0px 0px; }
    .dbqkbc-container .dbqkbc-filters-container .btn-primary svg.dbqkbc-button-svg {
      margin: 2px 10px 2px 0 !important; }

.dbqkbc-container .dbqkbc-folders-container .dbqkbc-folder-categories-container {
  width: 100% !important; }
  .dbqkbc-container .dbqkbc-folders-container .dbqkbc-folder-categories-container .dbqkbc-folder-categories-content-container .dbqkbc-col {
    padding: 5px; }

.dbqkbc-container .dbqkba-articles-container .dbqkba-articles {
  width: 100% !important; }

.dbqkbfc-document-tags-container .dbqkbfc-document-tag-selected-container .dbqkbfc-selected-document-tag-button {
  margin: 0px 0px 0px 15px;
  padding: 10px 15px !important;
  background: #321E64;
  height: 40px;
  border-radius: 20px;
  color: #fff; }
  .dbqkbfc-document-tags-container .dbqkbfc-document-tag-selected-container .dbqkbfc-selected-document-tag-button:last-of-type {
    margin-right: 0px; }
  .dbqkbfc-document-tags-container .dbqkbfc-document-tag-selected-container .dbqkbfc-selected-document-tag-button svg {
    width: 24px;
    height: 24px;
    margin: 0px !important;
    margin-left: 5px !important;
    margin-top: -2px !important;
    fill: white !important; }

.dbqkbfc-search-container {
  float: right;
  position: relative; }

.dbqkbc-filters-container {
  padding: 5px; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

#content-wrapper #classlist-knowledge-base .btn-primary.dbqkbc-function-button {
  margin: 15px 0;
  background: #321E64;
  border: 2px solid #dddddd;
  border-color: #2D1B5A;
  color: #ffffff;
  font-size: 14px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: border-box;
  -webkit-background-clip: border-box;
  background-clip: border-box; }
  #content-wrapper #classlist-knowledge-base .btn-primary.dbqkbc-function-button:hover {
    background: #2D1B5A;
    border-color: #281851;
    color: #FFFFFF;
    transition: all 0.3s ease; }
  #content-wrapper #classlist-knowledge-base .btn-primary.dbqkbc-function-button:active {
    background: #2D1B5A;
    border-color: #281851;
    color: #FFFFFF; }

#content-wrapper #classlist-knowledge-base .btn-primary {
  background: 0;
  border: 0;
  fill: #321E64;
  box-shadow: none;
  border-radius: 10px; }
  #content-wrapper #classlist-knowledge-base .btn-primary:enabled svg {
    fill: #321E64;
    padding: 0 !important; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbqkbc-breadcrumbs-container {
  display: none;
  padding-left: 5px;
  margin-bottom: 0;
  background: transparent;
  border-bottom: 1px solid #e2e7f3; }
  .dbqkbc-breadcrumbs-container .dbqkbc-breadcrumbs-wrapper {
    padding: 0;
    max-width: 100% !important; }
    .dbqkbc-breadcrumbs-container .dbqkbc-breadcrumbs-wrapper .dbqkbbs-breadcrumbs {
      padding: 0; }
      .dbqkbc-breadcrumbs-container .dbqkbc-breadcrumbs-wrapper .dbqkbbs-breadcrumbs .btn {
        font-weight: 600;
        color: unset;
        padding: 0 !important;
        border: 0;
        height: auto; }
        .dbqkbc-breadcrumbs-container .dbqkbc-breadcrumbs-wrapper .dbqkbbs-breadcrumbs .btn svg {
          fill: #000000;
          float: left;
          width: 34px;
          height: 34px;
          padding: 10px;
          margin: 0; }
        .dbqkbc-breadcrumbs-container .dbqkbc-breadcrumbs-wrapper .dbqkbbs-breadcrumbs .btn:not(:last-child):after {
          content: url("data:image/svg+xml,<svg fill='%23000000' viewBox='0 0 8 8' xmlns='http://www.w3.org/2000/svg'><g><path d='M6.5,4c-1.3,1.3-2.7,2.7-4,4C2.2,7.7,1.9,7.4,1.6,7.1c0.9-0.9,2-2,3-3C3.6,3,2.5,2,1.5,0.9c0.4-0.3,0.7-0.7,1-0.9C3.8,1.3,5.1,2.7,6.5,4z'/></g></svg>");
          border-top: 0px solid transparent;
          border-bottom: 0px solid transparent;
          width: 8px;
          height: 20px;
          float: right;
          margin: 7px 0; }
        .dbqkbc-breadcrumbs-container .dbqkbc-breadcrumbs-wrapper .dbqkbbs-breadcrumbs .btn span {
          color: #000000;
          margin: 7px 10px;
          float: left; }
        .dbqkbc-breadcrumbs-container .dbqkbc-breadcrumbs-wrapper .dbqkbbs-breadcrumbs .btn:hover {
          color: #321E64; }
          .dbqkbc-breadcrumbs-container .dbqkbc-breadcrumbs-wrapper .dbqkbbs-breadcrumbs .btn:hover svg {
            fill: #321E64; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container {
  background-color: #ffffff;
  background: RGBA(255, 255, 255, 0.4);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  box-shadow: 0px 3px 7px RGBA(0, 24, 62, 0.05); }
  .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-categories-container {
    background: none; }
    .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-categories-container .dbqkbfc-document-tag-category {
      border-radius: 10px;
      color: #000000;
      background: RGBA(255, 255, 255, 0.3);
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(5px); }
      .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-categories-container .dbqkbfc-document-tag-category.active {
        background: #321E64;
        color: #fff;
        font-weight: 500;
        border-radius: 10px; }
  .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-tags-container {
    border-radius: 10px;
    background: RGBA(255, 255, 255, 0.3);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px); }
    .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-tags-container::-webkit-scrollbar-track {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-tags-container::-webkit-scrollbar-corner, .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-tags-container::-webkit-scrollbar-corner {
      background-color: transparent; }
    .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-tags-container {
      scrollbar-face-color: RGBA(0, 0, 0, 0.4);
      scrollbar-track-color: RGBA(0, 0, 0, 0.2); }
    .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-tags-container::-webkit-scrollbar, .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-tags-container::-webkit-scrollbar-corner, .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-tags-container::-webkit-scrollbar-track, .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-tags-container::-webkit-scrollbar-thumb {
      border-radius: 10px; }
    .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-tags-container::-webkit-scrollbar, .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-tags-container::-webkit-scrollbar-track {
      width: 7.5px;
      height: 7.5px;
      border-radius: 10px;
      background-color: transparent !important;
      background: transparent !important; }
    .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-tags-container::-webkit-scrollbar-thumb {
      border-radius: 7.5px;
      transition: all 0.4s;
      background: RGBA(0, 0, 0, 0.2) !important;
      background-color: RGBA(0, 0, 0, 0.2) !important;
      border: none !important; }
      .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-tags-container::-webkit-scrollbar-thumb:hover {
        background-color: RGBA(0, 0, 0, 0.4) !important; }
    .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-tags-container .dbqkbfc-document-tag {
      color: #000000; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbqkbc-folder-header-container {
  float: left;
  width: 100%;
  padding: 0 15px;
  background: #321E64; }
  .dbqkbc-folder-header-container .dbqkbc-folder-header-wrapper {
    width: 700px;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .dbqkbc-folder-header-container h2 {
    text-align: center;
    width: 100%;
    padding: 0;
    margin: 15px 0;
    font-weight: 500;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.5; }
  .dbqkbc-folder-header-container p {
    text-align: center !important;
    width: 100%;
    color: #ffffff;
    padding: 5px 100px;
    font-weight: 400;
    margin: 15px 0;
    font-size: 16px;
    line-height: 1.5; }

.dbqkbp-header {
  position: fixed;
  top: 70px;
  z-index: 10;
  float: left;
  width: 100%;
  height: 100px;
  padding: 30px;
  background: #ff6655;
  background-color: #ff6655;
  background-image: linear-gradient(to left, #ff9966, #ff6655); }

.dbqkbp-header-search {
  position: relative;
  width: 500px;
  height: 40px;
  margin: 0 auto; }
  .dbqkbp-header-search input {
    width: 100%;
    height: 40px;
    border: 2px solid #eef0f5;
    border-radius: 10px;
    box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.1);
    padding: 0 10px 0 40px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #001323; }
  .dbqkbp-header-search svg {
    width: 40px;
    height: 40px;
    position: absolute;
    padding: 10px;
    fill: #ff6655; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbqkbc-filters-container .dbqkbfc-toolbar-container {
  padding: 0;
  text-align: center; }
  .dbqkbc-filters-container .dbqkbfc-toolbar-container .dbqkbfc-input-search {
    font-size: 12px;
    font-weight: 500;
    line-height: 12px; }
  .dbqkbc-filters-container .dbqkbfc-toolbar-container .dbqkbfc-search-container {
    float: none;
    display: inline-block; }
    .dbqkbc-filters-container .dbqkbfc-toolbar-container .dbqkbfc-search-container .dbqkbfc-input-search {
      margin: 0 auto;
      padding: 0px 15px 0px 45px;
      float: initial;
      height: 48px;
      min-width: 300px;
      font-size: 16px;
      box-shadow: 0px 3px 7px RGBA(0, 24, 62, 0.05);
      background: #ffffff;
      color: #000000;
      border: 1px solid #eee;
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(5px); }
      .dbqkbc-filters-container .dbqkbfc-toolbar-container .dbqkbfc-search-container .dbqkbfc-input-search:-moz-placeholder {
        color: #000000;
        font-weight: 500; }
      .dbqkbc-filters-container .dbqkbfc-toolbar-container .dbqkbfc-search-container .dbqkbfc-input-search:-ms-input-placeholder {
        color: #000000;
        font-weight: 500; }
      .dbqkbc-filters-container .dbqkbfc-toolbar-container .dbqkbfc-search-container .dbqkbfc-input-search::-moz-placeholder {
        color: #000000;
        font-weight: 500; }
      .dbqkbc-filters-container .dbqkbfc-toolbar-container .dbqkbfc-search-container .dbqkbfc-input-search::-webkit-input-placeholder {
        color: #000000;
        font-weight: 500; }
      .dbqkbc-filters-container .dbqkbfc-toolbar-container .dbqkbfc-search-container .dbqkbfc-input-search::-webkit-search-cancel-button {
        color: #fff;
        -webkit-appearance: none;
        height: 16px;
        width: 16px;
        margin-left: 0.4em;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23777'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");
        cursor: pointer; }
    .dbqkbc-filters-container .dbqkbfc-toolbar-container .dbqkbfc-search-container .dbqkbfc-input-search-svg {
      margin: 16px;
      fill: #000000; }
  .dbqkbc-filters-container .dbqkbfc-toolbar-container .dbqkbfc-filter-button {
    float: none;
    margin-left: 15px;
    margin-right: 0px; }

.dbqkbc-filters-container .dbqkbfc-toolbar-container.dbqkbc-clearfix {
  clear: both; }

#content-wrapper #classlist-knowledge-base .dbqkbc-filters-container .dbqkbfc-toolbar-container {
  background: #321E64; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbqkbf-folder-text-container,
.dbqkba-article-text-container {
  float: left;
  width: calc(100% - 140px);
  max-width: calc(100% - 140px);
  height: 100%;
  padding: 20px 20px 20px 0; }

.dbqkba-article-text-container .dbqkba-document-tags {
  max-width: 968px;
  margin-left: auto;
  margin-right: auto; }
  .dbqkba-article-text-container .dbqkba-document-tags .dbqkba-document-tag {
    padding: 5px 10px;
    border-radius: 5px;
    margin: 15px 10px 0px 0px;
    display: inline-block; }
    .dbqkba-article-text-container .dbqkba-document-tags .dbqkba-document-tag:last-of-type {
      margin: 10px 0px 0px 0px;
      margin-right: 0px; }
    .dbqkba-article-text-container .dbqkba-document-tags .dbqkba-document-tag:hover {
      background: #321E64 !important;
      color: #ffffff !important; }

.dbqkbf-folder,
.dbqkba-article,
.dbqkbc-file-item {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #ffffff;
  background: RGBA(255, 255, 255, 0.4);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  box-shadow: 0 0px 20px 0 RGBA(0, 0, 0, 0.1);
  margin: 0;
  z-index: 1;
  flex: 1;
  display: flex;
  align-items: stretch;
  height: 100%;
  position: relative; }
  .dbqkbf-folder:hover,
  .dbqkba-article:hover,
  .dbqkbc-file-item:hover {
    z-index: 2; }
  .dbqkbf-folder:has(.dropdown.show),
  .dbqkba-article:has(.dropdown.show),
  .dbqkbc-file-item:has(.dropdown.show) {
    z-index: 3; }
  .dbqkbf-folder img,
  .dbqkbf-folder svg,
  .dbqkba-article img,
  .dbqkba-article svg,
  .dbqkbc-file-item img,
  .dbqkbc-file-item svg {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%; }
  .dbqkbf-folder:not(.dbqkbc-file-item) img,
  .dbqkbf-folder:not(.dbqkbc-file-item) svg,
  .dbqkba-article:not(.dbqkbc-file-item) img,
  .dbqkba-article:not(.dbqkbc-file-item) svg,
  .dbqkbc-file-item:not(.dbqkbc-file-item) img,
  .dbqkbc-file-item:not(.dbqkbc-file-item) svg {
    padding: 25px; }
  .dbqkbf-folder svg,
  .dbqkba-article svg,
  .dbqkbc-file-item svg {
    fill: #ffffff; }
  .dbqkbf-folder h5,
  .dbqkba-article h5,
  .dbqkbc-file-item h5 {
    width: 100%;
    color: #321E64;
    font-size: 11px;
    line-height: 16px;
    font-weight: 600;
    padding: 0;
    margin: 0 0 7px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .dbqkbf-folder h4,
  .dbqkba-article h4,
  .dbqkbc-file-item h4 {
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    line-height: 20px;
    margin: 0 0 5px 0;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .dbqkbf-folder p,
  .dbqkba-article p,
  .dbqkbc-file-item p {
    color: 12px;
    text-shadow: 0px 0px 10px RGBA(0, 0, 0, 0.2);
    line-height: 1.5;
    font-size: 12px;
    font-weight: 400;
    margin: 0 0 5px 0;
    padding: 0;
    width: 100%; }
    .dbqkbf-folder p > a,
    .dbqkba-article p > a,
    .dbqkbc-file-item p > a {
      color: #321E64;
      text-decoration: underline;
      font-size: 10px;
      font-weight: 500;
      width: 100px; }
  .dbqkbf-folder button,
  .dbqkba-article button,
  .dbqkbc-file-item button {
    float: left;
    height: 100%;
    display: flex;
    align-items: stretch;
    position: relative;
    width: 40px;
    background: 0;
    border: 0;
    margin: 0;
    padding: 0 10px;
    background: 0;
    border-radius: 0 10px 10px 0; }
    .dbqkbf-folder button svg,
    .dbqkba-article button svg,
    .dbqkbc-file-item button svg {
      float: left;
      width: 16px;
      height: 16px;
      fill: #321E64;
      position: absolute;
      top: 50%;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .dbqkbf-folder button:hover svg,
    .dbqkba-article button:hover svg,
    .dbqkbc-file-item button:hover svg {
      fill: #FFFFFF; }
    .dbqkbf-folder button span,
    .dbqkba-article button span,
    .dbqkbc-file-item button span {
      width: 16px;
      height: 16px; }

.dbqkbc-arrow-button svg {
  padding: 0 !important; }

.dbqkbc-article #document-topics .topic header {
  display: none; }

.dbqkbc-article #document-topics .topic .document-header {
  background: #ff6655;
  background: linear-gradient(90deg, #ff6655 0%, #ff9966 100%);
  padding: 30px 15px;
  border-radius: 10px 10px 0 0;
  margin-bottom: 30px; }

.dbqkbc-article #document-topics .topic section .document-header h1 {
  color: #ffffff;
  margin-bottom: 0px; }

.dbqkbc-articles-container .dbqkbc-article #document-topics .topic .document-footer {
  background: #f3f3f3;
  margin-top: 30px;
  border-radius: 0px 0px 10px 10px;
  padding: 5px 15px; }
  .dbqkbc-articles-container .dbqkbc-article #document-topics .topic .document-footer p {
    color: #bbbbbb;
    margin-bottom: 5px; }

.dbqkbf-folder-img-container,
.dbqkba-article-img-container {
  float: left;
  height: 80px;
  display: flex;
  align-items: stretch;
  width: 80px;
  position: relative;
  background: 0;
  border-radius: 50%;
  padding: 0;
  margin: 15px;
  background: RGBA(0, 0, 0, 0.7); }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbqkbc-folder-paging-container,
.dbqkbc-article-paging-container,
.dbqkbc-file-paging-container {
  float: left;
  width: 100%;
  position: relative;
  height: 50px; }

.dbqkbpc-pages {
  list-style: none;
  text-align: left;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .dbqkbpc-pages li.dbqkbpc-page {
    display: inline-block;
    color: #000000;
    font-weight: 600; }
  .dbqkbpc-pages li.dbqkbpc-page.active {
    padding: 3px 8px;
    font-weight: 700;
    background: 0;
    border: 2px solid #321E64;
    color: #000000;
    border-radius: 10px; }

/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbqkbc-articles-container {
  padding: 0; }
  .dbqkbc-articles-container .dbqkbc-article,
  .dbqkbc-articles-container .dbqkbc-article-content {
    padding: 0px 30px; }
    .dbqkbc-articles-container .dbqkbc-article #document-topics .topic,
    .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
      margin-top: 30px;
      margin-bottom: 30px;
      padding: 0px;
      font-size: 14px;
      line-height: 24px;
      font-weight: 400;
      max-width: 900px;
      margin-left: auto;
      margin-right: auto;
      background: RGBA(255, 255, 255, 0.4) !important;
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(5px); }
      .dbqkbc-articles-container .dbqkbc-article #document-topics .topic header, .dbqkbc-articles-container .dbqkbc-article #document-topics .topic footer,
      .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic header,
      .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic footer {
        display: block; }
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic header .document-header, .dbqkbc-articles-container .dbqkbc-article #document-topics .topic header .document-footer, .dbqkbc-articles-container .dbqkbc-article #document-topics .topic footer .document-header, .dbqkbc-articles-container .dbqkbc-article #document-topics .topic footer .document-footer,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic header .document-header,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic header .document-footer,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic footer .document-header,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic footer .document-footer {
          margin: 0px; }
          .dbqkbc-articles-container .dbqkbc-article #document-topics .topic header .document-header h1, .dbqkbc-articles-container .dbqkbc-article #document-topics .topic header .document-footer h1, .dbqkbc-articles-container .dbqkbc-article #document-topics .topic footer .document-header h1, .dbqkbc-articles-container .dbqkbc-article #document-topics .topic footer .document-footer h1,
          .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic header .document-header h1,
          .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic header .document-footer h1,
          .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic footer .document-header h1,
          .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic footer .document-footer h1 {
            color: #ffffff; }
          .dbqkbc-articles-container .dbqkbc-article #document-topics .topic header .document-header .col-xs-12,
          .dbqkbc-articles-container .dbqkbc-article #document-topics .topic header .document-header .col-sm-12,
          .dbqkbc-articles-container .dbqkbc-article #document-topics .topic header .document-header .col-md-12, .dbqkbc-articles-container .dbqkbc-article #document-topics .topic header .document-footer .col-xs-12,
          .dbqkbc-articles-container .dbqkbc-article #document-topics .topic header .document-footer .col-sm-12,
          .dbqkbc-articles-container .dbqkbc-article #document-topics .topic header .document-footer .col-md-12, .dbqkbc-articles-container .dbqkbc-article #document-topics .topic footer .document-header .col-xs-12,
          .dbqkbc-articles-container .dbqkbc-article #document-topics .topic footer .document-header .col-sm-12,
          .dbqkbc-articles-container .dbqkbc-article #document-topics .topic footer .document-header .col-md-12, .dbqkbc-articles-container .dbqkbc-article #document-topics .topic footer .document-footer .col-xs-12,
          .dbqkbc-articles-container .dbqkbc-article #document-topics .topic footer .document-footer .col-sm-12,
          .dbqkbc-articles-container .dbqkbc-article #document-topics .topic footer .document-footer .col-md-12,
          .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic header .document-header .col-xs-12,
          .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic header .document-header .col-sm-12,
          .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic header .document-header .col-md-12,
          .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic header .document-footer .col-xs-12,
          .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic header .document-footer .col-sm-12,
          .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic header .document-footer .col-md-12,
          .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic footer .document-header .col-xs-12,
          .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic footer .document-header .col-sm-12,
          .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic footer .document-header .col-md-12,
          .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic footer .document-footer .col-xs-12,
          .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic footer .document-footer .col-sm-12,
          .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic footer .document-footer .col-md-12 {
            padding: 0 !important; }
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic header .document-header, .dbqkbc-articles-container .dbqkbc-article #document-topics .topic footer .document-header,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic header .document-header,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic footer .document-header {
          padding: 45px 60px !important;
          background: #321E64;
          border-top-left-radius: 10px;
          border-top-right-radius: 10px;
          color: #fff; }
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic header .document-footer, .dbqkbc-articles-container .dbqkbc-article #document-topics .topic footer .document-footer,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic header .document-footer,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic footer .document-footer {
          padding: 15px 60px !important; }
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic header .topic_progress, .dbqkbc-articles-container .dbqkbc-article #document-topics .topic footer .topic_progress,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic header .topic_progress,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic footer .topic_progress {
          display: none !important; }
      .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section,
      .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section {
        padding: 45px 60px;
        border-radius: 0px; }
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section h1,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section h1 {
          margin: 0px;
          margin-bottom: 15px;
          color: #333333;
          font-size: 24px;
          line-height: 36px; }
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section h2,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section h2 {
          margin: 0px;
          color: #333333;
          margin-bottom: 15px;
          font-size: 20px;
          line-height: 30px; }
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section h3,
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section h4,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section h3,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section h4 {
          margin: 0px;
          padding: 0;
          color: #333333;
          margin-bottom: 15px;
          font-size: 16px;
          line-height: 24px; }
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section p,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section p {
          margin-bottom: 15px; }
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section li,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section li {
          color: #000000; }
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section .action-button.raised,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section .action-button.raised {
          margin-bottom: 15px; }
          .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section .action-button.raised a,
          .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section .action-button.raised a {
            margin: 0px; }
            .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section .action-button.raised a span,
            .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section .action-button.raised a span {
              background: #321E64; }
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section ul,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section ul {
          margin-bottom: 15px; }
          .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section ul ul,
          .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section ul ol,
          .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section ul ul,
          .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section ul ol {
            margin: 0px 0px 0px 18px; }
          .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section ul li,
          .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section ul li {
            line-height: 24px !important; }
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section ol ul,
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section ol ol,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section ol ul,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section ol ol {
          margin: 0px 0px 0px 18px; }
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section ol.dbq-list-type-number,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section ol.dbq-list-type-number {
          counter-reset: list-item-index; }
          .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section ol.dbq-list-type-number::before,
          .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section ol.dbq-list-type-number::before {
            position: absolute; }
          .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section ol.dbq-list-type-number li,
          .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section ol.dbq-list-type-number li {
            counter-increment: list-item-index;
            list-style-type: none;
            position: relative;
            padding-left: 15px;
            padding-top: 2px;
            margin-top: 0px;
            margin-bottom: 15px; }
            .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section ol.dbq-list-type-number li:before,
            .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section ol.dbq-list-type-number li:before {
              content: counter(list-item-index);
              background: #321E64;
              width: 28px;
              height: 28px;
              border-radius: 50%;
              line-height: 28px;
              color: white;
              text-align: center;
              position: absolute;
              top: 0;
              left: -28px; }
          .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section ol.dbq-list-type-number ul > div:first-child li, .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section ol.dbq-list-type-number ol > div:first-child li,
          .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section ol.dbq-list-type-number ul > div:first-child li,
          .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section ol.dbq-list-type-number ol > div:first-child li {
            margin-top: 0 !important;
            padding-top: 0 !important; }
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section ol.dbq-list-type-number ul.dbq-list-type-bullet li,
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section ul.dbq-list-type-bullet li,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section ol.dbq-list-type-number ul.dbq-list-type-bullet li,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section ul.dbq-list-type-bullet li {
          list-style-type: disc;
          counter-increment: none;
          margin-top: 5px;
          margin-bottom: 5px; }
          .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section ol.dbq-list-type-number ul.dbq-list-type-bullet li:before,
          .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section ul.dbq-list-type-bullet li:before,
          .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section ol.dbq-list-type-number ul.dbq-list-type-bullet li:before,
          .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section ul.dbq-list-type-bullet li:before {
            content: "";
            background: transparent; }
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section ul.dbq-list-type-arrow li,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section ul.dbq-list-type-arrow li {
          list-style-type: none;
          position: relative;
          padding-left: 15px; }
          .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section ul.dbq-list-type-arrow li:before,
          .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section ul.dbq-list-type-arrow li:before {
            content: "\25BA \0020";
            font-size: 8px;
            position: absolute;
            top: 0px;
            left: -10px; }
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section img,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section img {
          margin: 5px 0 15px 0; }
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section .article-table-view .table,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section .article-table-view .table {
          margin-top: 5px;
          margin-bottom: 30px; }
          .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section .article-table-view .table > div:first-of-type,
          .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section .article-table-view .table > div:first-of-type {
            background: #ddd; }
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section .article-table-view .container,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section .article-table-view .container {
          display: block;
          padding: 0px; }
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section .article-table-view .flex-container > div,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section .article-table-view .flex-container > div {
          border: 1px solid #ddd;
          padding: 5px; }
          .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section .article-table-view .flex-container > div p,
          .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section .article-table-view .flex-container > div p {
            margin: 0px; }
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section .knowledgebase-reference-container,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section .knowledgebase-reference-container {
          border-radius: 10px;
          background-color: #f4f4f4 !important;
          margin-top: 30px;
          padding: 15px !important;
          padding-bottom: 0 !important; }
          .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section .knowledgebase-reference-container [data-element-type="Button"],
          .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section .knowledgebase-reference-container [data-element-type="Button"] {
            float: left;
            width: initial;
            margin: 0 15px 15px 0; }
            .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section .knowledgebase-reference-container [data-element-type="Button"] .action-button.raised,
            .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section .knowledgebase-reference-container [data-element-type="Button"] .action-button.raised {
              margin: 0px; }
              .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section .knowledgebase-reference-container [data-element-type="Button"] .action-button.raised a,
              .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section .knowledgebase-reference-container [data-element-type="Button"] .action-button.raised a {
                margin: 0px; }
                .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section .knowledgebase-reference-container [data-element-type="Button"] .action-button.raised a span,
                .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section .knowledgebase-reference-container [data-element-type="Button"] .action-button.raised a span {
                  background-color: #ffffff;
                  color: #000000; }
                .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section .knowledgebase-reference-container [data-element-type="Button"] .action-button.raised a:hover span,
                .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section .knowledgebase-reference-container [data-element-type="Button"] .action-button.raised a:hover span {
                  color: #321E64;
                  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); }
            .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section .knowledgebase-reference-container [data-element-type="Button"]:last-of-type,
            .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section .knowledgebase-reference-container [data-element-type="Button"]:last-of-type {
              margin-right: 0px; }
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic section .row.element:after,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section .row.element:after {
          content: "";
          display: block;
          clear: both; }
      .dbqkbc-articles-container .dbqkbc-article #document-topics .topic .knowledgebase-info,
      .dbqkbc-articles-container .dbqkbc-article #document-topics .topic .knowledgebase-warning,
      .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic .knowledgebase-info,
      .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic .knowledgebase-warning {
        padding: 15px !important;
        border-radius: 10px;
        position: relative;
        padding-left: 60px !important;
        min-height: 60px;
        margin: 15px 0 30px 0;
        display: inline-block;
        width: initial; }
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic .knowledgebase-info::before,
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic .knowledgebase-warning::before,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic .knowledgebase-info::before,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic .knowledgebase-warning::before {
          font-size: 24px;
          display: block;
          text-align: center;
          border-radius: 15px;
          line-height: 30px;
          width: 30px;
          height: 30px;
          position: absolute;
          top: 15px;
          left: 15px; }
      .dbqkbc-articles-container .dbqkbc-article #document-topics .topic .dbqdb-alert,
      .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic .dbqdb-alert {
        margin: 0 0 30px 0 !important;
        border-radius: 10px;
        padding: 15px; }
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic .dbqdb-alert p,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic .dbqdb-alert p {
          margin: 0px; }
      .dbqkbc-articles-container .dbqkbc-article #document-topics .topic .alert-warning,
      .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic .alert-warning {
        border: 1px solid #ff9f00;
        background-color: #fef4ea; }
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic .alert-warning p,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic .alert-warning p {
          color: #ff9f00; }
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic .alert-warning .dbqdb-alert-icon-container .dbqdb-alert-icon[data-alert-block-type="1"],
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic .alert-warning .dbqdb-alert-icon-container .dbqdb-alert-icon[data-alert-block-type="1"] {
          fill: #ff9f00; }
      .dbqkbc-articles-container .dbqkbc-article #document-topics .topic .alert-info,
      .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic .alert-info {
        border: 1px solid #4188ff;
        background-color: #e7f5fe; }
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic .alert-info p,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic .alert-info p {
          color: #4188ff; }
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic .alert-info .dbqdb-alert-icon-container .dbqdb-alert-icon[data-alert-block-type="2"],
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic .alert-info .dbqdb-alert-icon-container .dbqdb-alert-icon[data-alert-block-type="2"] {
          fill: #4188ff; }
      .dbqkbc-articles-container .dbqkbc-article #document-topics .topic .alert-success,
      .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic .alert-success {
        border: 1px solid #155724;
        background-color: #d4edda; }
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic .alert-success p,
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic .alert-success p {
          color: #155724; }
        .dbqkbc-articles-container .dbqkbc-article #document-topics .topic .alert-success .dbqdb-alert-icon-container .dbqdb-alert-icon[data-alert-block-type="3"],
        .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic .alert-success .dbqdb-alert-icon-container .dbqdb-alert-icon[data-alert-block-type="3"] {
          fill: #155724; }
      .dbqkbc-articles-container .dbqkbc-article #document-topics .topic p,
      .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic p {
        font-size: 14px;
        line-height: 24px;
        font-weight: 400;
        margin-bottom: 15px;
        color: #000000; }
      .dbqkbc-articles-container .dbqkbc-article #document-topics .topic .dbq-element-header-5,
      .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic .dbq-element-header-5 {
        font-size: 14px;
        color: #000000;
        line-height: 24px;
        font-weight: 800;
        overflow: auto;
        white-space: normal;
        margin-bottom: 15px; }
    .dbqkbc-articles-container .dbqkbc-article #document-topics .btn-default,
    .dbqkbc-articles-container .dbqkbc-article-content #document-topics .btn-default {
      display: inline-block;
      background: #e5e7ec !important;
      padding: 10px 15px;
      text-decoration: none;
      border: none;
      text-align: center;
      margin: 4px 2px;
      margin-bottom: 30px;
      cursor: pointer;
      height: initial; }
      .dbqkbc-articles-container .dbqkbc-article #document-topics .btn-default:hover,
      .dbqkbc-articles-container .dbqkbc-article-content #document-topics .btn-default:hover {
        background: #bfcad2 !important; }
    .dbqkbc-articles-container .dbqkbc-article .dbqdb-document-tags,
    .dbqkbc-articles-container .dbqkbc-article-content .dbqdb-document-tags {
      margin-left: auto;
      margin-right: auto;
      max-width: 900px;
      margin-top: 20px;
      width: 100%;
      text-align: center;
      float: left; }

.dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic {
  float: left;
  margin: 0;
  max-width: initial;
  width: 100%; }
  .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic section {
    float: left; }
  .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic .col-xs-12,
  .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic .col-sm-12,
  .dbqkbc-articles-container .dbqkbc-article-content #document-topics .topic .col-md-12 {
    padding: 0 !important; }

.dbqkbc-articles-container .dbqkbc-article #document-topics .topic .col {
  padding: 0px !important; }

.dbqkbc-articles-container .dbqkbc-article #document-topics .topic .col-xs-12 {
  padding: 0px !important; }

.dbqkbc-articles-container .dbqkbc-article #document-topics .topic .col-md-6 {
  padding: 0px !important; }

.dbqkbc-articles-container .dbqkbc-article #document-topics .topic .col-lg-4 {
  padding: 0px !important; }

.dbqkbf-folder p {
  padding: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis; }

.dbqkba-article p {
  overflow: hidden;
  padding: 0;
  max-height: 20px; }

.dbqkbf-folder p::before,
.dbqkba-article p::before {
  position: absolute;
  border-top: 0px solid transparent;
  border-bottom: 0px solid transparent;
  width: 16px;
  height: 16px;
  float: right;
  padding: 0;
  bottom: 0;
  right: 0; }

.dbqkbf-folder p::before,
.dbqkba-article p::before::after {
  content: "";
  position: absolute;
  right: 0;
  width: 1rem;
  height: 1rem;
  background: white;
  background: white; }

/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

html,
body,
#content-wrapper,
#wrapper {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0; }

* {
  box-sizing: border-box; }

body {
  background-image: url("/Themes/RUMM/weller.dynabloqs.dev/Files/OrganisationStyleBackgroundImage.png?v=7087677812");
  background-position: 60% 20%;
  background-size: cover;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #000000;
  border: 0;
  /* Base (scroll fix) */
  /* width */
  /* Track */
  /* Handle */ }
  body::-webkit-scrollbar {
    width: 18px;
    height: 18px;
    background-color: #EEEEEE; }
  body::-webkit-scrollbar-track {
    border: 5px solid;
    border-radius: 10px;
    border-color: #EEEEEE;
    background-color: #C6C7C7; }
  body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    border: 4px solid transparent;
    background-color: #ffffff;
    outline: 1px solid #D1D1D1;
    outline-offset: -4px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
    body::-webkit-scrollbar-thumb:hover {
      background-color: rgba(255, 255, 255, 0.48); }
  body::-webkit-scrollbar-corner {
    background: #EEEEEE; }

.dbq-right-column {
  background-color: rgba(255, 255, 255, 0.8);
  width: calc(100% - 320px);
  z-index: 1;
  height: 100%;
  margin: 0;
  float: left;
  opacity: 1;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); }
  .dbq-right-column.dbqft-expanded {
    width: calc(100% - 80px); }
  .dbq-right-column #dbq-content-container {
    height: calc(100% - 60px); }

.generic-folder-document-class-list-container .dbq-right-column #dbq-content-container {
  height: 100%; }

.dbq-left-column.dbqft-collapsed + .dbq-right-column {
  width: calc(100% - 80px); }

.mbsc-font,
.mbsc-material.mbsc-eventcalendar {
  font-family: "Roboto", sans-serif; }

/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

nav.navbar {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  background: transparent; }
  nav.navbar .navbar-brand {
    height: 40px;
    max-height: 40px;
    margin: 10px 0 10px 15px; }
  nav.navbar #main-menu {
    max-height: 60px; }

.generic-folder-document-class-list-container nav.navbar {
  background-color: rgba(255, 255, 255, 0.8); }

nav.navbar .navbar-brand {
  height: 40px;
  width: 260px;
  max-height: 40px;
  padding: 0;
  margin: 10px 40px 10px 15px;
  background: url("/Themes/RUMM/weller.dynabloqs.dev/Files/OrganisationStyleLogo.png?v=7087677812") no-repeat center center;
  background-size: contain;
  background-position-x: left; }
  nav.navbar .navbar-brand svg {
    display: none; }
  nav.navbar .navbar-brand svg {
    width: auto;
    height: 40px;
    max-width: 260px;
    max-height: 40px; }

/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

nav.navbar #dbq-navbar-breadcrumbs {
  display: inline-block;
  overflow: hidden;
  height: 60px;
  max-width: 50%; }
  nav.navbar #dbq-navbar-breadcrumbs .dbqkbbs-breadcrumbs,
  nav.navbar #dbq-navbar-breadcrumbs #dbq-document-class-list-breadcrumbs {
    display: inline-flex;
    height: 60px;
    width: max-content;
    max-width: 100%;
    background-color: transparent;
    padding: 0;
    vertical-align: unset; }
    nav.navbar #dbq-navbar-breadcrumbs .dbqkbbs-breadcrumbs a,
    nav.navbar #dbq-navbar-breadcrumbs #dbq-document-class-list-breadcrumbs a {
      color: #000000;
      font-weight: 700;
      font-size: 14px;
      text-decoration: none;
      line-height: 0.8;
      float: left; }
      nav.navbar #dbq-navbar-breadcrumbs .dbqkbbs-breadcrumbs a.dbq-breadcrumb-back,
      nav.navbar #dbq-navbar-breadcrumbs #dbq-document-class-list-breadcrumbs a.dbq-breadcrumb-back {
        padding: 17px 5px; }
      nav.navbar #dbq-navbar-breadcrumbs .dbqkbbs-breadcrumbs a[data-type="0"],
      nav.navbar #dbq-navbar-breadcrumbs #dbq-document-class-list-breadcrumbs a[data-type="0"] {
        padding: 19px 0px 18px 0px;
        min-width: max-content; }
        nav.navbar #dbq-navbar-breadcrumbs .dbqkbbs-breadcrumbs a[data-type="0"]:after,
        nav.navbar #dbq-navbar-breadcrumbs #dbq-document-class-list-breadcrumbs a[data-type="0"]:after {
          line-height: 1.5; }
      nav.navbar #dbq-navbar-breadcrumbs .dbqkbbs-breadcrumbs a[data-type="1"],
      nav.navbar #dbq-navbar-breadcrumbs #dbq-document-class-list-breadcrumbs a[data-type="1"] {
        padding: 20px 0px 19px 0px;
        min-width: max-content; }
        nav.navbar #dbq-navbar-breadcrumbs .dbqkbbs-breadcrumbs a[data-type="1"]:after,
        nav.navbar #dbq-navbar-breadcrumbs #dbq-document-class-list-breadcrumbs a[data-type="1"]:after {
          line-height: 1.5; }
      nav.navbar #dbq-navbar-breadcrumbs .dbqkbbs-breadcrumbs a[data-type="2"], nav.navbar #dbq-navbar-breadcrumbs .dbqkbbs-breadcrumbs a[data-type="3"],
      nav.navbar #dbq-navbar-breadcrumbs #dbq-document-class-list-breadcrumbs a[data-type="2"],
      nav.navbar #dbq-navbar-breadcrumbs #dbq-document-class-list-breadcrumbs a[data-type="3"] {
        padding: 24px 0 23px 0px;
        white-space: nowrap; }
        nav.navbar #dbq-navbar-breadcrumbs .dbqkbbs-breadcrumbs a[data-type="2"]:last-child, nav.navbar #dbq-navbar-breadcrumbs .dbqkbbs-breadcrumbs a[data-type="3"]:last-child,
        nav.navbar #dbq-navbar-breadcrumbs #dbq-document-class-list-breadcrumbs a[data-type="2"]:last-child,
        nav.navbar #dbq-navbar-breadcrumbs #dbq-document-class-list-breadcrumbs a[data-type="3"]:last-child {
          text-overflow: ellipsis;
          overflow: hidden; }
        nav.navbar #dbq-navbar-breadcrumbs .dbqkbbs-breadcrumbs a[data-type="2"]:after, nav.navbar #dbq-navbar-breadcrumbs .dbqkbbs-breadcrumbs a[data-type="3"]:after,
        nav.navbar #dbq-navbar-breadcrumbs #dbq-document-class-list-breadcrumbs a[data-type="2"]:after,
        nav.navbar #dbq-navbar-breadcrumbs #dbq-document-class-list-breadcrumbs a[data-type="3"]:after {
          line-height: 1; }
      nav.navbar #dbq-navbar-breadcrumbs .dbqkbbs-breadcrumbs a:first-child,
      nav.navbar #dbq-navbar-breadcrumbs #dbq-document-class-list-breadcrumbs a:first-child {
        padding-left: 30px; }
      nav.navbar #dbq-navbar-breadcrumbs .dbqkbbs-breadcrumbs a:not(:last-child):after,
      nav.navbar #dbq-navbar-breadcrumbs #dbq-document-class-list-breadcrumbs a:not(:last-child):after {
        filter: invert(100%);
        content: url("data:image/svg+xml,<svg fill='%23ffffff' viewBox='0 0 8 8' xmlns='http://www.w3.org/2000/svg'><g><path d='M6.5,4c-1.3,1.3-2.7,2.7-4,4C2.2,7.7,1.9,7.4,1.6,7.1c0.9-0.9,2-2,3-3C3.6,3,2.5,2,1.5,0.9c0.4-0.3,0.7-0.7,1-0.9C3.8,1.3,5.1,2.7,6.5,4z'/></g></svg>");
        border-top: none;
        border-bottom: none;
        width: 8px;
        margin: -2px 7.5px 0 9.5px;
        position: absolute;
        right: 0; }
      nav.navbar #dbq-navbar-breadcrumbs .dbqkbbs-breadcrumbs a:not(:last-child) span,
      nav.navbar #dbq-navbar-breadcrumbs #dbq-document-class-list-breadcrumbs a:not(:last-child) span {
        margin-right: 26px; }
      nav.navbar #dbq-navbar-breadcrumbs .dbqkbbs-breadcrumbs a svg,
      nav.navbar #dbq-navbar-breadcrumbs #dbq-document-class-list-breadcrumbs a svg {
        height: 18px;
        margin-right: 26px;
        width: auto;
        fill: #000000; }

.generic-folder-document-class-list-container nav.navbar #dbq-navbar-breadcrumbs {
  border-left: 1px solid rgba(0, 0, 0, 0.05); }

/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

nav.navbar #dbq-navbar-filters {
  float: right;
  display: flex;
  align-items: center;
  padding: 10px 0;
  height: 60px; }
  nav.navbar #dbq-navbar-filters #document-class-list-filters {
    height: 34px;
    padding: 0;
    background: none;
    box-shadow: none;
    overflow-y: hidden; }
    nav.navbar #dbq-navbar-filters #document-class-list-filters .document-class-list-filter {
      padding: 0;
      height: 34px; }
      nav.navbar #dbq-navbar-filters #document-class-list-filters .document-class-list-filter label {
        display: none; }
      nav.navbar #dbq-navbar-filters #document-class-list-filters .document-class-list-filter .dbqstd-container {
        height: 34px; }
        nav.navbar #dbq-navbar-filters #document-class-list-filters .document-class-list-filter .dbqstd-container .dbqstd-output-button {
          height: 34px; }
          nav.navbar #dbq-navbar-filters #document-class-list-filters .document-class-list-filter .dbqstd-container .dbqstd-output-button .dbqstd-attribute-value {
            font-weight: 600; }

/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

nav.navbar #dbq-navbar-functions {
  float: right;
  display: flex;
  align-items: center;
  padding: 10px 0; }
  nav.navbar #dbq-navbar-functions button {
    margin: 0 0 0 10px; }

/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

nav.navbar #dbq-navbar-right {
  float: right;
  display: flex;
  align-items: center;
  margin-right: 30px;
  max-height: 60px; }
  nav.navbar #dbq-navbar-right [class*="class-list-menu-"],
  nav.navbar #dbq-navbar-right [class*="toggle-button"] {
    background: transparent;
    float: left;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 18px 15px;
    line-height: 14px;
    font-size: 14px;
    border: none;
    position: relative;
    cursor: pointer; }
    nav.navbar #dbq-navbar-right [class*="class-list-menu-"] svg,
    nav.navbar #dbq-navbar-right [class*="toggle-button"] svg {
      width: auto;
      height: auto;
      max-width: 24px;
      max-height: 24px;
      fill: #000000; }
  nav.navbar #dbq-navbar-right #dbq-notification-center-menu .dbqnc-badge {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 12px;
    color: #ffffff;
    border-radius: 8px;
    border: none;
    padding: 5px 6px !important;
    line-height: 1 !important;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); }
    nav.navbar #dbq-navbar-right #dbq-notification-center-menu .dbqnc-badge.dbqnc-badge-red {
      background-color: #FF4D4D; }
  nav.navbar #dbq-navbar-right .class-list-menu-user img {
    width: 30px;
    height: 30px;
    border-radius: 50px;
    border: 1px solid #707070; }
  nav.navbar #dbq-navbar-right #class-list-menu > .dropdown-menu {
    min-width: 216px;
    top: 50px;
    right: 15px; }
    nav.navbar #dbq-navbar-right #class-list-menu > .dropdown-menu:after, nav.navbar #dbq-navbar-right #class-list-menu > .dropdown-menu:before {
      bottom: 100%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    nav.navbar #dbq-navbar-right #class-list-menu > .dropdown-menu:after {
      border-color: rgba(255, 255, 255, 0);
      border-bottom-color: #ffffff;
      border-width: 6px;
      right: 36px;
      margin-left: -6px; }
  nav.navbar #dbq-navbar-right #class-list-menu .dropdown-menu {
    display: none;
    width: min-content;
    border: none;
    position: absolute;
    z-index: 1000;
    text-align: left;
    list-style: none;
    background-color: #ffffff;
    border-radius: 15px;
    padding: 0;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15); }
    nav.navbar #dbq-navbar-right #class-list-menu .dropdown-menu.show {
      display: block; }
    nav.navbar #dbq-navbar-right #class-list-menu .dropdown-menu .username {
      font-weight: 600;
      line-height: 1;
      margin: 20px 15px 15px 15px;
      font-size: 14px;
      background: transparent;
      color: #000000; }
    nav.navbar #dbq-navbar-right #class-list-menu .dropdown-menu li {
      width: auto;
      display: block;
      position: relative; }
      nav.navbar #dbq-navbar-right #class-list-menu .dropdown-menu li a {
        color: #949494;
        text-decoration: none;
        padding: 5px 16px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        font-size: 12px;
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        font-family: "Roboto", sans-serif;
        font-weight: 400; }
        nav.navbar #dbq-navbar-right #class-list-menu .dropdown-menu li a svg {
          width: 20px;
          height: auto;
          max-width: 20px;
          max-height: 20px;
          margin-right: 15px;
          fill: #949494; }
        nav.navbar #dbq-navbar-right #class-list-menu .dropdown-menu li a:hover {
          color: #000;
          background-color: #EEEEEE; }
          nav.navbar #dbq-navbar-right #class-list-menu .dropdown-menu li a:hover svg {
            fill: #000; }
      nav.navbar #dbq-navbar-right #class-list-menu .dropdown-menu li[role="presentation"], nav.navbar #dbq-navbar-right #class-list-menu .dropdown-menu li.dropdown-submenu {
        height: 30px;
        width: 100%;
        border-radius: unset;
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-bottom: 5px;
        padding: 0;
        margin: 0;
        float: unset; }
      nav.navbar #dbq-navbar-right #class-list-menu .dropdown-menu li.dbq-account-dropdown-divider {
        display: none; }
      nav.navbar #dbq-navbar-right #class-list-menu .dropdown-menu li.dropdown-submenu .dropdown-menu {
        top: -15px;
        right: 100%;
        left: unset;
        margin: 0;
        border-radius: 0; }
        nav.navbar #dbq-navbar-right #class-list-menu .dropdown-menu li.dropdown-submenu .dropdown-menu li:first-child {
          margin-top: 15px; }
      nav.navbar #dbq-navbar-right #class-list-menu .dropdown-menu li.dropdown-submenu:hover > .dropdown-toggle {
        background-color: #EEEEEE;
        color: #000; }
        nav.navbar #dbq-navbar-right #class-list-menu .dropdown-menu li.dropdown-submenu:hover > .dropdown-toggle svg {
          fill: #000; }
      nav.navbar #dbq-navbar-right #class-list-menu .dropdown-menu li.dropdown-submenu:hover .dropdown-menu {
        display: block; }
      nav.navbar #dbq-navbar-right #class-list-menu .dropdown-menu li:last-child {
        margin-bottom: 15px; }

/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000; }
  .dbq-inline-loading-indicator .inline-loading-indicator {
    margin-right: 5px; }

.dbq-left-column {
  float: left;
  z-index: 2;
  margin: 0;
  width: 320px;
  height: 100vh;
  position: relative;
  background-color: rgba(255, 255, 255, 0.54);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); }
  .dbq-left-column #navigator.dbq-folder-tree-container {
    background: none;
    background-color: transparent;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    border: none;
    position: relative;
    overflow: visible; }
    .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-list-header {
      height: 60px;
      margin-top: 15px;
      margin-bottom: 35px;
      flex-shrink: 0;
      position: relative; }
      .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-list-header .navbar-brand {
        height: 60px;
        width: 260px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        background: url("/Themes/RUMM/weller.dynabloqs.dev/Files/OrganisationStyleLogo.png?v=7087677812") no-repeat center center;
        background-size: contain;
        background-position-x: left; }
        .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-list-header .navbar-brand svg {
          display: none; }
        .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-list-header .navbar-brand svg {
          width: auto;
          height: auto;
          max-width: 260px;
          max-height: 60px; }
      .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-list-header .dbqft-list-collapse-button {
        position: absolute;
        right: -15px;
        top: 0; }
        .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-list-header .dbqft-list-collapse-button button {
          background: #f8f8f8;
          color: transparent;
          border: none;
          padding: 0;
          cursor: pointer;
          width: 30px;
          height: 30px;
          outline: 0;
          border-radius: 50%;
          transition: all 0.5s ease;
          box-shadow: 0px 0px 5px 0px rgba(127, 127, 127, 0.4); }
          .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-list-header .dbqft-list-collapse-button button svg {
            fill: #000000;
            width: auto;
            height: 12px;
            margin-top: -2px;
            margin-left: -2px;
            vertical-align: middle; }
          .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-list-header .dbqft-list-collapse-button button:hover {
            background: #ffffff; }
    .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-navigation-button {
      border-radius: 15px;
      height: 49.22px;
      position: relative;
      background-color: transparent;
      cursor: pointer;
      margin: 0 25px 0 13px;
      padding: 12px 5px 12px 17px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      display: flex;
      align-items: center; }
      .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-navigation-button svg {
        fill: #000000;
        width: 20px;
        max-width: 24px;
        max-height: 18px;
        margin-right: 12px;
        display: inline-block;
        left: 0;
        right: 0;
        margin: auto 8px auto 0;
        text-align: center; }
      .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-navigation-button .dbqft-navigation-button-title {
        color: #000000;
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        font-weight: 600;
        max-width: 220px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
      .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-navigation-button:hover {
        box-shadow: 0px 0px 5px 0px rgba(127, 127, 127, 0.5);
        background-color: rgba(255, 255, 255, 0.24); }
        .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-navigation-button:hover .dbqft-navigation-button-title {
          color: #000000; }
        .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-navigation-button:hover svg {
          fill: #000000; }
    .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists {
      padding: 15px 25px 0 13px;
      height: 100%;
      overflow-y: hidden;
      backdrop-filter: unset;
      /* width */
      /* Track */
      /* Handle */ }
      .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists::-webkit-scrollbar {
        width: 8px;
        height: 8px; }
      .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists::-webkit-scrollbar-track {
        border: 0px solid;
        border-radius: 10px;
        border-color: transparent; }
      .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists::-webkit-scrollbar-thumb {
        border-radius: 10px;
        border: 1px solid transparent;
        background-color: #ffffff;
        outline: 1px solid #D1D1D1;
        outline-offset: -1px;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; }
        .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists::-webkit-scrollbar-thumb:hover {
          background-color: rgba(255, 255, 255, 0.48); }
      .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists::-webkit-scrollbar-corner {
        background: transparent; }
      .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list {
        list-style-type: none;
        margin: 0;
        padding: 0 0 10px 0; }
        .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-title {
          display: none; }
        .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item {
          width: 100%;
          position: relative;
          overflow: unset;
          background-color: transparent;
          cursor: pointer; }
          .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-list-items {
            list-style-type: none;
            border-left: 1px solid rgba(112, 112, 112, 0.3);
            margin-left: 26px;
            padding-left: 15px; }
            .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-list-items .dbqft-folder-wrapper .dbqft-folder-image {
              display: none; }
            .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-list-items .dbqft-folder-wrapper .dbqft-folder-name {
              margin-left: 10px; }
          .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper {
            background-color: transparent;
            border-radius: 15px;
            width: inherit;
            height: inherit;
            display: flex;
            align-items: center;
            overflow: hidden;
            padding: 12px 5px; }
            .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-image,
            .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-expander {
              margin-right: 5px; }
              .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-image svg,
              .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-expander svg {
                fill: #000000; }
            .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-image {
              width: 20px;
              height: 20px;
              margin-left: 12px;
              margin-right: 12px;
              position: relative; }
              .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-image svg {
                width: 20px;
                max-width: 24px;
                max-height: 18px;
                display: inline-block;
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                left: 0;
                right: 0;
                margin: auto;
                text-align: center; }
                .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-image svg .dbq-icon-color-2 {
                  fill: unset; }
            .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-name {
              color: #000000;
              font-family: "Roboto", sans-serif;
              font-size: 14px;
              font-weight: 400;
              white-space: nowrap;
              text-overflow: ellipsis;
              max-width: 220px;
              overflow: hidden; }
            .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-expander {
              position: absolute;
              opacity: 0;
              right: 0;
              height: 45px; }
              .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-expander svg {
                max-width: 24px;
                height: 45px; }
            .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper:hover {
              box-shadow: 0px 0px 5px 0px rgba(127, 127, 127, 0.5);
              background-color: rgba(255, 255, 255, 0.24); }
              .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper:hover .dbqft-folder-name {
                color: #000000; }
              .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper:hover .dbqft-folder-image svg,
              .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper:hover .dbqft-folder-expander svg {
                fill: #000000; }
          .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item.dbqft-active > .dbqft-folder-wrapper {
            box-shadow: 0px 0px 5px 0px rgba(127, 127, 127, 0.5);
            background-color: rgba(255, 255, 255, 0.48); }
            .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item.dbqft-active > .dbqft-folder-wrapper .dbqft-folder-name {
              color: #000000; }
            .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item.dbqft-active > .dbqft-folder-wrapper .dbqft-folder-image svg,
            .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item.dbqft-active > .dbqft-folder-wrapper .dbqft-folder-expander svg {
              fill: #000000; }
          .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item[data-has-sub-folders="true"] > .dbqft-folder-wrapper > .dbqft-folder-expander {
            opacity: 1;
            cursor: pointer; }
          .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item[data-is-expanded="true"] > .dbqft-folder-wrapper > .dbqft-folder-expander svg {
            transform: rotate(180deg); }
          .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item[data-is-expanded="false"] .dbqft-list-items,
          .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item[data-is-expanded="false"] .dbqft-class-list-items {
            display: none; }
        .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list:not(:first-child) {
          padding-top: 10px; }
        .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list:not(:last-child) {
          border-bottom: 1px solid rgba(112, 112, 112, 0.3); }
      .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-lists:hover {
        overflow-y: scroll;
        padding-right: 17px; }
    .dbq-left-column #navigator.dbq-folder-tree-container.dbqft-hover {
      width: 100% !important; }
  .dbq-left-column.dbqft-collapsed {
    width: 80px; }
    .dbq-left-column.dbqft-collapsed #navigator.dbq-folder-tree-container .dbqft-list-header .navbar-brand {
      height: 45px;
      width: 45px;
      background: url("/Themes/RUMM/weller.dynabloqs.dev/Files/OrganisationStyleLogoSmall.jpg?v=7087677812") no-repeat center center;
      background-size: contain; }
    .dbq-left-column.dbqft-collapsed #navigator.dbq-folder-tree-container .dbqft-list-header .dbqft-list-collapse-button button svg {
      transform: rotate(180deg);
      margin-left: 0; }
    .dbq-left-column.dbqft-collapsed #navigator.dbq-folder-tree-container .dbqft-navigation-button {
      width: 50px;
      padding: 12px 4px 12px 5px; }
      .dbq-left-column.dbqft-collapsed #navigator.dbq-folder-tree-container .dbqft-navigation-button .dbqft-navigation-button-title {
        display: none; }
      .dbq-left-column.dbqft-collapsed #navigator.dbq-folder-tree-container .dbqft-navigation-button svg {
        margin-left: auto;
        margin-right: auto; }
    .dbq-left-column.dbqft-collapsed #navigator.dbq-folder-tree-container .dbqft-lists {
      padding-left: 14px;
      padding-right: 14px; }
      .dbq-left-column.dbqft-collapsed #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list {
        margin: 0; }
        .dbq-left-column.dbqft-collapsed #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list > .dbqft-list-item {
          background-color: none;
          height: 45px; }
          .dbq-left-column.dbqft-collapsed #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list > .dbqft-list-item > .dbqft-folder-wrapper {
            width: 50px;
            padding: 12px 4px 12px 5px; }
            .dbq-left-column.dbqft-collapsed #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list > .dbqft-list-item > .dbqft-folder-wrapper .dbqft-folder-name,
            .dbq-left-column.dbqft-collapsed #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list > .dbqft-list-item > .dbqft-folder-wrapper .dbqft-folder-expander {
              display: none; }
            .dbq-left-column.dbqft-collapsed #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list > .dbqft-list-item > .dbqft-folder-wrapper .dbqft-folder-image {
              margin-left: auto;
              margin-right: auto; }
          .dbq-left-column.dbqft-collapsed #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list > .dbqft-list-item .dbqft-list-items,
          .dbq-left-column.dbqft-collapsed #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list > .dbqft-list-item .dbqft-class-list-items {
            display: none; }
      .dbq-left-column.dbqft-collapsed #navigator.dbq-folder-tree-container .dbqft-lists:hover {
        padding-right: 7px; }

.dbqft-list-items.dbq-popover,
.dbqft-class-list-items {
  position: absolute;
  z-index: 2;
  margin: 0;
  border: none;
  padding: 8px 15px;
  border-radius: 10px;
  background-color: #ffffff;
  list-style-type: none;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); }
  .dbqft-list-items.dbq-popover .dbqft-list-title,
  .dbqft-class-list-items .dbqft-list-title {
    padding: 5px;
    font-weight: 500; }
  .dbqft-list-items.dbq-popover .dbqft-list-item,
  .dbqft-class-list-items .dbqft-list-item {
    width: 100%;
    position: relative;
    overflow: unset;
    background-color: transparent;
    cursor: pointer; }
    .dbqft-list-items.dbq-popover .dbqft-list-item .dbqft-folder-wrapper,
    .dbqft-class-list-items .dbqft-list-item .dbqft-folder-wrapper {
      background-color: transparent;
      border-radius: 15px;
      width: inherit;
      height: inherit;
      display: flex;
      align-items: center;
      overflow: hidden;
      padding: 12px 5px; }
      .dbqft-list-items.dbq-popover .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-image,
      .dbqft-list-items.dbq-popover .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-expander,
      .dbqft-class-list-items .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-image,
      .dbqft-class-list-items .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-expander {
        display: none; }
      .dbqft-list-items.dbq-popover .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-name,
      .dbqft-class-list-items .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-name {
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        font-weight: 400;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 220px;
        overflow: hidden;
        color: #949494; }
      .dbqft-list-items.dbq-popover .dbqft-list-item .dbqft-folder-wrapper:hover .dbqft-folder-name,
      .dbqft-class-list-items .dbqft-list-item .dbqft-folder-wrapper:hover .dbqft-folder-name {
        color: #000000; }
    .dbqft-list-items.dbq-popover .dbqft-list-item.dbqft-active .dbqft-folder-wrapper .dbqft-folder-name,
    .dbqft-class-list-items .dbqft-list-item.dbqft-active .dbqft-folder-wrapper .dbqft-folder-name {
      color: #949494;
      font-weight: 600; }
    .dbqft-list-items.dbq-popover .dbqft-list-item .dbqft-class-list-items,
    .dbqft-class-list-items .dbqft-list-item .dbqft-class-list-items {
      display: none; }
      .dbqft-list-items.dbq-popover .dbqft-list-item .dbqft-class-list-items .dbqft-class-list-item,
      .dbqft-class-list-items .dbqft-list-item .dbqft-class-list-items .dbqft-class-list-item {
        background-color: transparent;
        border-radius: 15px;
        width: inherit;
        height: inherit;
        display: flex;
        align-items: center;
        overflow: hidden;
        padding: 12px 5px;
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        font-weight: 400;
        white-space: nowrap;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 220px;
        color: #949494; }
        .dbqft-list-items.dbq-popover .dbqft-list-item .dbqft-class-list-items .dbqft-class-list-item:hover,
        .dbqft-class-list-items .dbqft-list-item .dbqft-class-list-items .dbqft-class-list-item:hover {
          color: #000000; }
    .dbqft-list-items.dbq-popover .dbqft-list-item:hover > .dbqft-class-list-items,
    .dbqft-class-list-items .dbqft-list-item:hover > .dbqft-class-list-items {
      display: block; }

.generic-folder-document-class-list-container .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-list-header {
  height: 0px; }

/* Go to tools btn (cirdax/RUMM)*/
.go-to-tools-button {
  background: url(/Portals/RUMM/RUMM/Images/button-background-no-text-blue.svg) no-repeat scroll 0 0 transparent;
  background-size: 100% auto !important;
  font-weight: 600;
  position: relative;
  cursor: pointer;
  float: none !important;
  margin: 30px auto;
  height: 60px;
  max-width: 220px; }

.go-to-tools-button a {
  position: relative;
  height: 50px; }

.go-to-tools-button a span {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 47px;
  text-align: center;
  line-height: 37px;
  font-weight: 600;
  color: #014a80; }

.dbq-application-rumm #dbq-notification-center-menu-container .dbqnc-toggle-button svg, .dbq-application-rumm #dbq-notification-center-menu .dbqnc-toggle-button svg, .class-list-menu-user svg {
  fill: #FFFFFF; }

#classlist-tiled-list .document-class-list-tiles-load-more-button .document-class-list-tiles-load-button, #classlist-tiled-list .document-class-list-tiles-loading-indicator a {
  color: #bfcad2; }

#classlist-tiled-list .document-class-list-tile-count-container {
  color: #001323; }

#classlist-tiled-list .document-class-list-tiles-load-button[data-type='1'] {
  color: #2d2d2d; }

#classlist-tiled-list .document-class-list-tiles-load-button {
  border-color: #e0e0e0;
  border-radius: 3px; }

#classlist-tiled-list .document-class-list-tiles-load-button svg {
  fill: #323232; }

#classlist-tiled-list .document-class-list-tiles-load-button svg:hover {
  fill: #2d2d2d; }

#classlist .classlist-toolbar-item {
  background: #e8e8e8;
  border: 1px solid #e8e8e8;
  color: #bfcad2;
  /*This styles are for: keep refrehsing () unilever -> logging -> een thread */
  border-radius: 3px; }

#classlist .classlist-toolbar-item svg {
  fill: #2d2d2d; }

#classlist .classlist-toolbar-item:hover {
  background: #2d2d2d;
  border: 1px solid #2d2d2d; }

#classlist .classlist-toolbar-item:hover svg {
  fill: #001323; }

#content-wrapper #classlist #classlist-search-list-table .classlist-toolbar-item.checkbox-inline {
  color: #343f54;
  background: #FFFFFF !important;
  border-color: #e8e8e8 !important; }

#classlist-tiled-list .document-class-list-tiles-load-more-button .document-class-list-tiles-load-button, #classlist-tiled-list .document-class-list-tiles-loading-indicator a {
  color: #001323; }

#classlist-tiled-list .document-class-list-tiles-loading-indicator a svg {
  fill: #2d2d2d; }

.dbq-loading-spinner,
#classlist-search-list .loading-container {
  background: url(/portals/rumm/rumm/images/cirdax-logo-gif.gif);
  background-repeat: no-repeat;
  background-size: 100px 100px; }

.navbar-default {
  border: 0px;
  background: url("/portals/rumm/rumm/images/background-header.jpg");
  background-size: cover; }

#classlist-tiled-list .flex-container span.ellipsis {
  margin-bottom: 10px; }

#classlist-tiled-list .document-class-list-tile img.project-building-image {
  width: 120px;
  height: 120px;
  border-radius: 60px;
  margin-top: -60px;
  margin-left: auto;
  margin-right: auto;
  object-fit: cover;
  margin-bottom: 20px; }

#class-list-menu .class-list-menu-user svg {
  fill: #fff; }

.dbq-application-rumm #dbq-notification-center-menu-container .dbqnc-toggle-button svg, .dbq-application-rumm #dbq-notification-center-menu .dbqnc-toggle-button svg, .class-list-menu-user svg {
  fill: #fff; }

#document-topics .topic div[data-element-type="Header"] h2 {
  padding: 10px; }

#classlist-tiled-list .document-class-list-tile {
  background-color: #ffffff;
  border: 3px solid #e8e8e8; }

h3.ellipsis {
  color: #2d2d2d !important; }

#classlist-tiled-list .document-class-list-tile img.project-building-image {
  border: 5px solid #ffffff; }

#classlist-tiled-list .document-class-list-tiles-load-more-button .document-class-list-tiles-load-button, #classlist-tiled-list .document-class-list-tiles-loading-indicator a {
  color: #001323; }

#classlist-tiled-list .document-class-list-tile-count-container {
  color: #001323; }

#classlist-tiled-list .document-class-list-tiles-load-button[data-type='1'] {
  color: #2d2d2d; }

#classlist-tiled-list .document-class-list-tiles-load-button {
  border: 3px solid #e8e8e8; }

#classlist-tiled-list .document-class-list-tiles-load-button svg {
  fill: #001323; }

#classlist-tiled-list .document-class-list-tiles-load-button svg:hover {
  fill: #2d2d2d; }

.navigation-button svg {
  margin: 15px 10px 15px 15px;
  padding: 5px; }

.navigation-button {
  width: 100%; }

.navigation-button .navigation-button-title {
  line-height: 50px;
  text-align: left; }

.navigation-button:hover {
  background: #ecf0f1;
  border: 1px solid #ecf0f1; }

.xl-document {
  padding: 15px; }

#document-topics .topic h1 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  margin-bottom: 15px; }

#document-topics .topic p {
  margin-bottom: 15px; }

.apexcharts-canvas ::-webkit-scrollbar-thumb {
  border-radius: 10px !important;
  background-color: rgba(0, 0, 0, 0.3) !important;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.3) !important;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.3) !important; }

.document-class-list-tabs-container, .classlist-window-tabs {
  background-color: #321e64;
  color: #ffffff; }
  .document-class-list-tabs-container .nav-tabs li a, .classlist-window-tabs .nav-tabs li a {
    color: #ffffff; }
  .document-class-list-tabs-container .nav-tabs li.active, .document-class-list-tabs-container .nav-tabs li:hover, .document-class-list-tabs-container .nav-tabs li.active:hover, .classlist-window-tabs .nav-tabs li.active, .classlist-window-tabs .nav-tabs li:hover, .classlist-window-tabs .nav-tabs li.active:hover {
    background-color: rgba(255, 255, 255, 0.2) !important; }