@charset "UTF-8"; /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .dbq-canvas-control-container { display: flex; position: relative; width: 100%; height: 100%; overflow: hidden; border: 1px solid #dddddd; border-radius: 15px; background: #ffffff; background-size: 25px 25px; background-image: linear-gradient(to right, #f1f1f1 1px, transparent 1px), linear-gradient(to bottom, #f1f1f1 1px, transparent 1px); } .dbq-canvas-control-container .dbqcc-canvas-container { position: relative; width: 100%; height: 100%; -webkit-user-select: none; -moz-user-select: none; user-select: none; transform: scale(1); z-index: 1; } .dbq-canvas-control-container .dbqcc-canvas-container.dbqcc-dragging { pointer-events: none; } .dbq-canvas-control-container .dbqcc-canvas-container .dbqcc-canvas-background-container { position: absolute; top: 0; left: 0; background: #ffffff; } .dbq-canvas-control-container .dbqcc-canvas-container .dbqcc-canvas-background-container[data-has-background-image=false] { width: 100%; height: 100%; } .dbq-canvas-control-container .dbqcc-canvas-container .dbqcc-canvas-items-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dbq-canvas-control-container .dbqcc-canvas-container .dbqcc-canvas-items-container .dbqcc-canvas-new-item { position: absolute; background: #558bd9; border-radius: 50%; } .dbq-canvas-control-container .dbqcc-canvas-toolbar-container { position: absolute; right: 300px; bottom: 0; display: flex; flex-direction: row; z-index: 2; padding: 5px; background: #ffffff; border-radius: 15px 0 0 0; border: 1px solid #f1f1f1; border-right: none; border-bottom: none; } .dbq-canvas-control-container .dbqcc-canvas-toolbar-container .dbqcc-canvas-toolbar-button { background: none; border: none; outline: none; padding: 0; width: 36px; height: 36px; } .dbq-canvas-control-container .dbqcc-canvas-toolbar-container .dbqcc-canvas-toolbar-button svg { fill: #000000; } .dbq-canvas-control-container .dbqcc-canvas-toolbar-container .dbqcc-canvas-toolbar-button:hover svg { fill: #ff7500; } .dbq-canvas-control-container .dbqcc-canvas-node-types-collapse-button { position: absolute; right: 285px; top: 15px; z-index: 3; background: rgb(248, 248, 248); 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-canvas-control-container .dbqcc-canvas-node-types-collapse-button svg { fill: #000000; vertical-align: middle; } .dbq-canvas-control-container .dbqcc-canvas-node-types-collapse-button:hover { background: #ffffff; } .dbq-canvas-control-container .dbqcc-canvas-node-types-container { display: flex; flex-direction: column; flex-shrink: 0; position: relative; background: #ffffff; width: 300px; border-left: 1px solid #f1f1f1; z-index: 1; overflow-y: auto; } .dbq-canvas-control-container .dbqcc-canvas-node-types-container::-webkit-scrollbar-track { box-shadow: none; } .dbq-canvas-control-container .dbqcc-canvas-node-types-container::-webkit-scrollbar-corner, .dbq-canvas-control-container .dbqcc-canvas-node-types-container::-webkit-scrollbar-corner { background-color: #ffffff; } .dbq-canvas-control-container .dbqcc-canvas-node-types-container { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .dbq-canvas-control-container .dbqcc-canvas-node-types-container::-webkit-scrollbar, .dbq-canvas-control-container .dbqcc-canvas-node-types-container::-webkit-scrollbar-corner, .dbq-canvas-control-container .dbqcc-canvas-node-types-container::-webkit-scrollbar-track, .dbq-canvas-control-container .dbqcc-canvas-node-types-container::-webkit-scrollbar-thumb { border-radius: 10px; } .dbq-canvas-control-container .dbqcc-canvas-node-types-container::-webkit-scrollbar, .dbq-canvas-control-container .dbqcc-canvas-node-types-container::-webkit-scrollbar-track { width: 7.5px; height: 7.5px; border-radius: 10px; background-color: transparent !important; background: transparent !important; } .dbq-canvas-control-container .dbqcc-canvas-node-types-container::-webkit-scrollbar-thumb { border-radius: 7.5px; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .dbq-canvas-control-container .dbqcc-canvas-node-types-container::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !important; } .dbq-canvas-control-container .dbqcc-canvas-node-types-container .dbqcc-canvas-node-types .dbqcc-canvas-node-type { display: flex; flex-direction: row; align-items: center; position: relative; gap: 5px; color: #000000; padding: 15px; border-bottom: 1px solid #f1f1f1; cursor: move; } .dbq-canvas-control-container .dbqcc-canvas-node-types-container .dbqcc-canvas-node-types .dbqcc-canvas-node-type img, .dbq-canvas-control-container .dbqcc-canvas-node-types-container .dbqcc-canvas-node-types .dbqcc-canvas-node-type svg { background: #f1d217; border: 1px solid #edb926; border-radius: 50%; flex-shrink: 0; width: 24px; height: 24px; } .dbq-canvas-control-container .dbqcc-canvas-node-types-container .dbqcc-canvas-node-types .dbqcc-canvas-node-type svg { fill: #000000; } .dbq-canvas-control-container .dbqcc-canvas-node-types-container .dbqcc-canvas-node-types .dbqcc-canvas-node-type:last-of-type { border-bottom: none; } .dbq-canvas-control-container[data-is-node-types-container-collapsed=true] .dbqcc-canvas-node-types-collapse-button { right: 15px; } .dbq-canvas-control-container[data-is-node-types-container-collapsed=true] .dbqcc-canvas-node-types-collapse-button svg { transform: rotate(180deg); } .dbq-canvas-control-container[data-is-node-types-container-collapsed=true] .dbqcc-canvas-toolbar-container { right: 0; } .dbq-canvas-control-container[data-is-node-types-container-collapsed=true] .dbqcc-canvas-node-types-container { display: none; } .dbq-canvas-control-container .dbqcc-loading-view { position: absolute; background: #ffffff; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; } .dbqcc-canvas-node { position: absolute; background: #f1d217; border: 1px solid #edb926; border-radius: 50%; cursor: pointer; } .dbqcc-canvas-node.dbqcc-canvas-node-create { z-index: 999; } .dbqcc-canvas-node .dbqcc-canvas-node-delete { display: none; position: absolute; top: -20px; right: -20px; background: #f40006; border: 1px solid #c10005; border-radius: 50%; outline: none; padding: 0; } .dbqcc-canvas-node .dbqcc-canvas-node-delete svg { fill: #ffffff; } .dbqcc-canvas-node .dbqcc-canvas-node-delete:hover { background: #c10005; border: 1px solid #f40006; } .dbqcc-canvas-node img { width: 24px; height: 24px; } .dbqcc-canvas-node.dbqcc-canvas-node-selected { background: #558bd9; border-color: #2e3ba2; } .dbqcc-canvas-node.dbqcc-canvas-node-selected .dbqcc-canvas-node-delete { display: block; } .dbqcc-canvas-node-tooltip { background-color: #fff; background: #fff; border: 2px solid #f1f4f7; border-radius: 15px; box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1); position: absolute; display: flex; flex-direction: column; padding: 5px; color: #000000; border-radius: 15px; font-size: 12px; max-width: 250px; pointer-events: none; z-index: 1000; } .dbqcc-canvas-node-tooltip .dbqcc-canvas-node-name { 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .dbqnf-container { height: 100%; overflow-y: auto; padding: 0 15px; margin: 0 15px; } .dbqnf-container::-webkit-scrollbar-track { box-shadow: none; } .dbqnf-container::-webkit-scrollbar-corner, .dbqnf-container::-webkit-scrollbar-corner { background-color: #ffffff; } .dbqnf-container { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .dbqnf-container::-webkit-scrollbar, .dbqnf-container::-webkit-scrollbar-corner, .dbqnf-container::-webkit-scrollbar-track, .dbqnf-container::-webkit-scrollbar-thumb { border-radius: 10px; } .dbqnf-container::-webkit-scrollbar, .dbqnf-container::-webkit-scrollbar-track { width: 7.5px; height: 7.5px; border-radius: 10px; background-color: transparent !important; background: transparent !important; } .dbqnf-container::-webkit-scrollbar-thumb { border-radius: 7.5px; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .dbqnf-container::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !important; } .dbqnf-container .dbqnf-item { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #eee; /* { Alert: 3, Information: 0, Maintenance: 4, New: 5, Success: 1, Warning: 2 }; */ } .dbqnf-container .dbqnf-item .dbqnf-title-container { display: flex; flex-direction: row; align-items: flex-start; } .dbqnf-container .dbqnf-item .dbqnf-title-container .dbqnf-tag { display: flex; align-items: center; justify-content: center; margin-top: 1px; color: #000; } .dbqnf-container .dbqnf-item .dbqnf-title-container .dbqnf-tag svg { width: 18px; height: 18px; margin-right: 5px; } .dbqnf-container .dbqnf-item .dbqnf-title-container .dbqnf-title { font-size: 14px; line-height: 18px; font-weight: 600; color: #000000; } .dbqnf-container .dbqnf-item .dbqnf-summary-text { margin-bottom: 5px; margin-left: 23px; font-size: 12px; color: #000000; } .dbqnf-container .dbqnf-item .dbqnf-summary-text p { margin-bottom: 0px; } .dbqnf-container .dbqnf-item .dbqnf-publish-time-container .dbqnf-publish-time { font-size: 12px; color: #bbb; font-weight: 400; margin-left: 23px; } .dbqnf-container .dbqnf-item .dbqnf-publish-time-container .dbqnf-read-more-button { float: right; background: 0 none; font-size: 12px; color: #ff7500; outline: 0; border: none; } .dbqnf-container .dbqnf-item .dbqnf-publish-time-container .dbqnf-read-more-button:hover { color: #e66900; } .dbqnf-container .dbqnf-item:last-child { margin-bottom: 0px; } .dbqnf-container .dbqnf-item[data-news-feed-item-level="0"] .dbqnf-tag { color: #3e8ff7; } .dbqnf-container .dbqnf-item[data-news-feed-item-level="0"] .dbqnf-tag svg { fill: #3e8ff7; } .dbqnf-container .dbqnf-item[data-news-feed-item-level="1"] .dbqnf-tag { color: #155724; } .dbqnf-container .dbqnf-item[data-news-feed-item-level="1"] .dbqnf-tag svg { fill: #155724; } .dbqnf-container .dbqnf-item[data-news-feed-item-level="2"] .dbqnf-tag { color: #FF8800; } .dbqnf-container .dbqnf-item[data-news-feed-item-level="2"] .dbqnf-tag svg { fill: #FF8800; } .dbqnf-container .dbqnf-item[data-news-feed-item-level="3"] .dbqnf-tag { color: #b5271a; } .dbqnf-container .dbqnf-item[data-news-feed-item-level="3"] .dbqnf-tag svg { fill: #b5271a; } .dbqnf-container .dbqnf-item[data-news-feed-item-level="4"] .dbqnf-tag { color: #FFBB33; } .dbqnf-container .dbqnf-item[data-news-feed-item-level="4"] .dbqnf-tag svg { fill: #FFBB33; } .dbqnf-container .dbqnf-item[data-news-feed-item-level="5"] .dbqnf-tag { color: #FF7000; } .dbqnf-container .dbqnf-item[data-news-feed-item-level="5"] .dbqnf-tag svg { fill: #FF7000; } .dbqnf-popup-body { padding: 30px; } .dbqnf-popup-body .dbqnf-popup-picture { width: 100%; margin-bottom: 15px; } .dbqnf-popup-body .dbqdb-footer { margin: 0 -30px -30px; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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 { transition: transform 0.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: #ff7500; border-radius: 50%; padding: 15px; } .dbq-file-download-manager-container .dbqfdm-header .dbqfdm-header-icon svg { 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: 20px; } .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 { display: flex; align-items: center; justify-content: center; float: left; position: relative; padding: 5px; background: #ff7500; 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 { fill: #ffffff; } .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: 15px; 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-type img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; vertical-align: inherit; } .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: #ff7500; 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: #ff7500; } .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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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 15px 15px; 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: #ff7500; } .dbq-file-streaming-control .dbqfsc-file-upload-container.dbqfsc-invalid { border-color: #d5473c; } .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: #ff7500; } .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: rgb(43, 194, 83); background-image: linear-gradient(center bottom, rgb(43, 194, 83) 37%, rgb(84, 240, 84) 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 15px 15px; 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: #ff7500; } .dbq-file-streaming-control .dbqfsc-file-empty { border: 2px solid #e5e7ec; border-radius: 0 0 15px 15px; 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: 15px; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .dbq-file-preview-container { position: relative; width: 100%; height: 100%; } .dbq-file-preview-container object { float: left; width: 100%; height: 800px; } .dbq-file-preview-container object img { width: 100%; } .dbq-file-preview-container .dbqfp-image-preview-container { display: flex; justify-content: center; width: 100%; } .dbq-file-preview-container .dbqfp-image-preview-container .dbqfp-image-preview { max-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: #ff7500 !important; } .dbq-file-preview-container .dbqfp-file-preview-unavailable-container .dbqfp-file-download-button svg { fill: #fff !important; 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .dbq-multi-panel-controller { display: flex; flex-wrap: wrap; height: 100%; } .dbq-multi-panel-controller .dbqmp-view { display: flex; flex-direction: column; flex-grow: 0; flex-shrink: 0; width: 100%; position: relative; } .dbq-multi-panel-controller .dbqmp-view .dbqmp-view-header { display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 0 15px; height: 50px; } .dbq-multi-panel-controller .dbqmp-view .dbqmp-view-header .dbqmp-view-header-breadcrumbs { display: flex; } .dbq-multi-panel-controller .dbqmp-view .dbqmp-view-header .dbqmp-view-header-breadcrumbs #dbq-document-class-list-breadcrumbs, .dbq-multi-panel-controller .dbqmp-view .dbqmp-view-header .dbqmp-view-header-breadcrumbs .dbqkbbs-breadcrumbs { height: 50px; align-items: center; } .dbq-multi-panel-controller .dbqmp-view .dbqmp-view-header .dbqmp-view-header-breadcrumbs #dbq-document-class-list-breadcrumbs a, .dbq-multi-panel-controller .dbqmp-view .dbqmp-view-header .dbqmp-view-header-breadcrumbs .dbqkbbs-breadcrumbs a { color: #dddddd; padding: 5px 0 !important; } .dbq-multi-panel-controller .dbqmp-view .dbqmp-view-header .dbqmp-view-header-breadcrumbs #dbq-document-class-list-breadcrumbs a svg, .dbq-multi-panel-controller .dbqmp-view .dbqmp-view-header .dbqmp-view-header-breadcrumbs .dbqkbbs-breadcrumbs a svg { fill: #dddddd; } .dbq-multi-panel-controller .dbqmp-view .dbqmp-view-header .dbqmp-view-header-functions { display: flex; gap: 15px; } .dbq-multi-panel-controller .dbqmp-view .dbqmp-view-header .dbqmp-view-header-functions .dbqmp-view-header-function-button { background: none; border: none; outline: 0; cursor: pointer; } .dbq-multi-panel-controller .dbqmp-view .dbqmp-view-header .dbqmp-view-header-functions .dbqmp-view-header-function-button svg { fill: #dddddd; } .dbq-multi-panel-controller .dbqmp-view .dbqmp-view-header .dbqmp-view-header-functions .dbqmp-view-header-function-button.dbqmp-disabled { cursor: not-allowed; } .dbq-multi-panel-controller .dbqmp-view .dbqmp-view-header .dbqmp-view-header-functions .dbqmp-view-header-function-button:not(.disabled):hover > svg, .dbq-multi-panel-controller .dbqmp-view .dbqmp-view-header .dbqmp-view-header-functions .dbqmp-view-header-function-button:not(.disabled):hover > a > svg { fill: #ff7500 !important; } .dbq-multi-panel-controller .dbqmp-view .dbqmp-view-content { width: 100%; height: 100%; } .dbq-multi-panel-controller .dbqmp-view .dbqmp-view-content .dbqmp-view-content-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; } .dbq-multi-panel-controller .dbqmp-view .dbqmp-view-content .dbqmp-view-content-placeholder .dbqmp-view-content-placeholder-icon svg { fill: #dddddd; width: 60px; height: 60px; } .dbq-multi-panel-controller .dbqmp-view .dbqmp-view-content .dbqmp-view-content-placeholder .dbqmp-view-content-placeholder-description { color: #dddddd; font-size: 20px; margin-top: 15px; } .dbq-multi-panel-controller .dbqmp-view[data-state-is-active=false] { background: #f2f2f2; } .dbq-multi-panel-controller .dbqmp-view[data-state-is-active=false] .dbqmp-view-header .dbqmp-view-header-breadcrumbs #dbq-document-class-list-breadcrumbs a:not(:last-child):after, .dbq-multi-panel-controller .dbqmp-view[data-state-is-active=false] .dbqmp-view-header .dbqmp-view-header-breadcrumbs .dbqkbbs-breadcrumbs a:not(:last-child):after { filter: invert(15%); } .dbq-multi-panel-controller .dbqmp-view[data-state-is-active=false]:hover { background: unset; } .dbq-multi-panel-controller .dbqmp-view[data-state-is-active=false]:hover .dbqmp-view-header .dbqmp-view-header-breadcrumbs #dbq-document-class-list-breadcrumbs a, .dbq-multi-panel-controller .dbqmp-view[data-state-is-active=false]:hover .dbqmp-view-header .dbqmp-view-header-breadcrumbs .dbqkbbs-breadcrumbs a { color: #000000; } .dbq-multi-panel-controller .dbqmp-view[data-state-is-active=false]:hover .dbqmp-view-header .dbqmp-view-header-breadcrumbs #dbq-document-class-list-breadcrumbs a svg, .dbq-multi-panel-controller .dbqmp-view[data-state-is-active=false]:hover .dbqmp-view-header .dbqmp-view-header-breadcrumbs .dbqkbbs-breadcrumbs a svg { fill: #000000; } .dbq-multi-panel-controller .dbqmp-view[data-state-is-active=false]:hover .dbqmp-view-header .dbqmp-view-header-breadcrumbs #dbq-document-class-list-breadcrumbs a:not(:last-child):after, .dbq-multi-panel-controller .dbqmp-view[data-state-is-active=false]:hover .dbqmp-view-header .dbqmp-view-header-breadcrumbs .dbqkbbs-breadcrumbs a:not(:last-child):after { filter: invert(100%); } .dbq-multi-panel-controller .dbqmp-view[data-state-is-active=false]:hover .dbqmp-view-header .dbqmp-view-header-functions .dbqmp-view-header-function-button svg { fill: #000000; } .dbq-multi-panel-controller .dbqmp-view[data-state-is-active=false]:hover .dbqmp-view-content .dbqmp-view-content-placeholder .dbqmp-view-content-placeholder-icon svg { fill: #000000; } .dbq-multi-panel-controller .dbqmp-view[data-state-is-active=false]:hover .dbqmp-view-content .dbqmp-view-content-placeholder .dbqmp-view-content-placeholder-description { color: #000000; } .dbq-multi-panel-controller .dbqmp-view[data-state-is-active=true] .dbqmp-view-header .dbqmp-view-header-breadcrumbs { display: flex; } .dbq-multi-panel-controller .dbqmp-view[data-state-is-active=true] .dbqmp-view-header .dbqmp-view-header-breadcrumbs #dbq-document-class-list-breadcrumbs a, .dbq-multi-panel-controller .dbqmp-view[data-state-is-active=true] .dbqmp-view-header .dbqmp-view-header-breadcrumbs .dbqkbbs-breadcrumbs a { color: #000000; } .dbq-multi-panel-controller .dbqmp-view[data-state-is-active=true] .dbqmp-view-header .dbqmp-view-header-breadcrumbs #dbq-document-class-list-breadcrumbs a svg, .dbq-multi-panel-controller .dbqmp-view[data-state-is-active=true] .dbqmp-view-header .dbqmp-view-header-breadcrumbs .dbqkbbs-breadcrumbs a svg { fill: #000000; } .dbq-multi-panel-controller .dbqmp-view[data-state-is-active=true] .dbqmp-view-header .dbqmp-view-header-functions .dbqmp-view-header-function-button svg { fill: #000000; } .dbq-multi-panel-controller .dbqmp-view[data-state-is-active=true] .dbqmp-view-content .dbqmp-view-content-placeholder .dbqmp-view-content-placeholder-icon svg { fill: #000000; } .dbq-multi-panel-controller .dbqmp-view[data-state-is-active=true] .dbqmp-view-content .dbqmp-view-content-placeholder .dbqmp-view-content-placeholder-description { color: #000000; } .dbq-multi-panel-controller[data-multi-panel-layout-mode]:not([data-multi-panel-layout-mode="0"]) .dbqmp-view { border: 1px solid #dddddd; } .dbq-multi-panel-controller[data-multi-panel-layout-mode]:not([data-multi-panel-layout-mode="0"]) .dbqmp-view .dbqmp-view-content { height: calc(100% - 50px); } .dbq-multi-panel-controller[data-multi-panel-layout-mode]:not([data-multi-panel-layout-mode="0"]) .dbqmp-view .dbqmp-view-content .document-class-list-control-container .document-class-list-control-content-container { padding-top: 0; } .dbq-multi-panel-controller[data-multi-panel-layout-mode]:not([data-multi-panel-layout-mode="0"]) .dbqmp-view[data-state-is-active=true] { border: 1px solid #ff7500; } .dbq-multi-panel-controller[data-multi-panel-layout-mode="0"] .dbqmp-view { height: 100%; } .dbq-multi-panel-controller[data-multi-panel-layout-mode="0"] .dbqmp-view .dbqmp-view-header { display: none; } .dbq-multi-panel-controller[data-multi-panel-layout-mode="0"] .dbqmp-view .dbqmp-view-content .dbqmp-view-content-placeholder { display: none; } .dbq-multi-panel-controller[data-multi-panel-layout-mode="1"] .dbqmp-view { height: 100%; width: 50%; flex-basis: 50%; } .dbq-multi-panel-controller[data-multi-panel-layout-mode="2"] .dbqmp-view { height: 100%; width: 33.33%; flex-basis: 33.33%; } .dbq-multi-panel-controller[data-multi-panel-layout-mode="3"] { flex-direction: column; } .dbq-multi-panel-controller[data-multi-panel-layout-mode="3"] .dbqmp-view { height: 50%; width: 100%; flex-basis: 50%; } .dbq-multi-panel-controller[data-multi-panel-layout-mode="4"] .dbqmp-view { height: 50%; width: 50%; flex-basis: 50%; } .dbq-multi-panel-controller[data-multi-panel-layout-mode="5"] .dbqmp-view { height: 50%; width: 33.33%; flex-basis: 33.33%; } .dbqmp-dropdown .dbqmp-view-items-container .dbqmp-view-items { display: flex; flex-direction: column; gap: 5px; max-height: 500px; overflow-y: auto; } .dbqmp-dropdown .dbqmp-view-items-container .dbqmp-view-items::-webkit-scrollbar-track { box-shadow: none; } .dbqmp-dropdown .dbqmp-view-items-container .dbqmp-view-items::-webkit-scrollbar-corner, .dbqmp-dropdown .dbqmp-view-items-container .dbqmp-view-items::-webkit-scrollbar-corner { background-color: #ffffff; } .dbqmp-dropdown .dbqmp-view-items-container .dbqmp-view-items { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .dbqmp-dropdown .dbqmp-view-items-container .dbqmp-view-items::-webkit-scrollbar, .dbqmp-dropdown .dbqmp-view-items-container .dbqmp-view-items::-webkit-scrollbar-corner, .dbqmp-dropdown .dbqmp-view-items-container .dbqmp-view-items::-webkit-scrollbar-track, .dbqmp-dropdown .dbqmp-view-items-container .dbqmp-view-items::-webkit-scrollbar-thumb { border-radius: 10px; } .dbqmp-dropdown .dbqmp-view-items-container .dbqmp-view-items::-webkit-scrollbar, .dbqmp-dropdown .dbqmp-view-items-container .dbqmp-view-items::-webkit-scrollbar-track { width: 7.5px; height: 7.5px; border-radius: 10px; background-color: transparent !important; background: transparent !important; } .dbqmp-dropdown .dbqmp-view-items-container .dbqmp-view-items::-webkit-scrollbar-thumb { border-radius: 7.5px; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .dbqmp-dropdown .dbqmp-view-items-container .dbqmp-view-items::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !important; } .dbqmp-dropdown .dbqmp-view-items-container .dbqmp-view-items .dbqmp-view-item { display: flex; flex-direction: row; align-items: center; cursor: pointer; gap: 5px; padding: 5px; border-radius: 5px; background: #eeeeee; } .dbqmp-dropdown .dbqmp-view-items-container .dbqmp-view-items .dbqmp-view-item .dbqmp-view-item-location svg { padding: 3px; width: 24px !important; height: 24px !important; fill: #000000 !important; } .dbqmp-dropdown .dbqmp-view-items-container .dbqmp-view-items .dbqmp-view-item .dbqmp-view-item-title { color: #000000; font-size: 12px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dbqmp-dropdown .dbqmp-view-items-container .dbqmp-view-items .dbqmp-view-item:hover { background: rgba(255, 255, 255, 0.5019607843); } .dbqmp-dropdown .dbqmp-view-items-container .dbqmp-view-items .dbqmp-view-item.dbqmp-multi-panel-view-index-1 .dbqmp-view-item-location svg .panel-1 { fill: #ff7500; } .dbqmp-dropdown .dbqmp-view-items-container .dbqmp-view-items .dbqmp-view-item.dbqmp-multi-panel-view-index-2 .dbqmp-view-item-location svg .panel-2 { fill: #ff7500; } .dbqmp-dropdown .dbqmp-view-items-container .dbqmp-view-items .dbqmp-view-item.dbqmp-multi-panel-view-index-3 .dbqmp-view-item-location svg .panel-3 { fill: #ff7500; } .dbqmp-dropdown .dbqmp-view-items-container .dbqmp-view-items .dbqmp-view-item.dbqmp-multi-panel-view-index-4 .dbqmp-view-item-location svg .panel-4 { fill: #ff7500; } .dbqmp-dropdown .dbqmp-view-items-container .dbqmp-view-items .dbqmp-view-item.dbqmp-multi-panel-view-index-5 .dbqmp-view-item-location svg .panel-5 { fill: #ff7500; } .dbqmp-dropdown .dbqmp-view-items-container .dbqmp-view-items .dbqmp-view-item.dbqmp-multi-panel-view-index-6 .dbqmp-view-item-location svg .panel-6 { fill: #ff7500; } .dbqmp-dropdown .dbqmp-view-items-container .dbqmp-view-items .dbqmp-empty-dropdown-description { padding: 0 5px; } .dbq-multi-panel-dropdown-menu { width: 260px !important; } .dbq-multi-panel-dropdown-menu .dbqmp-dropdown .dbqmp-dropdown-elevated-background { background: #ffffff; border-radius: 5px; padding: 5px; } .dbq-multi-panel-dropdown-menu .dbqmp-dropdown .dbqmp-dropdown-elevated-background .dbqmp-title { font-weight: 600; padding: 5px 5px 10px 5px; } .dbq-multi-panel-dropdown-menu .dbqmp-dropdown .dbqmp-layout-modes-container { margin-bottom: 5px; } .dbq-multi-panel-dropdown-menu .dbqmp-dropdown .dbqmp-layout-modes-container .dbqmp-layout-modes .dbqmp-layout-mode-button { background: none; border: none; outline: 0; } .dbq-multi-panel-dropdown-menu .dbqmp-dropdown .dbqmp-layout-modes-container .dbqmp-layout-modes .dbqmp-layout-mode-button svg { padding: 3px; fill: #000000 !important; width: 24px !important; height: 24px !important; } .dbq-multi-panel-dropdown-menu .dbqmp-dropdown .dbqmp-layout-modes-container .dbqmp-layout-modes .dbqmp-layout-mode-button:hover svg { fill: #ff7500 !important; } .dbq-multi-panel-dropdown-menu .dbqmp-dropdown .dbqmp-layout-modes-container .dbqmp-layout-modes .dbqmp-layout-mode-button.dbqmp-layout-mode-active svg { fill: #ff7500 !important; } .dbqmp-multi-panel-dropdown-menu { width: 260px; } .dbq-popup-backdrop { display: flex; align-items: flex-start; justify-content: center; overflow-y: auto; padding: 15px 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1038; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); } .dbq-popup-backdrop::-webkit-scrollbar-track { box-shadow: none; } .dbq-popup-backdrop::-webkit-scrollbar-corner, .dbq-popup-backdrop::-webkit-scrollbar-corner { background-color: #ffffff; } .dbq-popup-backdrop { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .dbq-popup-backdrop::-webkit-scrollbar, .dbq-popup-backdrop::-webkit-scrollbar-corner, .dbq-popup-backdrop::-webkit-scrollbar-track, .dbq-popup-backdrop::-webkit-scrollbar-thumb { border-radius: 10px; } .dbq-popup-backdrop::-webkit-scrollbar, .dbq-popup-backdrop::-webkit-scrollbar-track { width: 7.5px; height: 7.5px; border-radius: 10px; background-color: transparent !important; background: transparent !important; } .dbq-popup-backdrop::-webkit-scrollbar-thumb { border-radius: 7.5px; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .dbq-popup-backdrop::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !important; } .dbq-popup-backdrop .modal-backdrop { opacity: initial !important; background: rgba(6, 22, 42, 0.3); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); } .dbq-popup-backdrop .dbq-popup { width: 1100px; max-width: calc(100% - 10px); } .dbq-popup-backdrop .dbq-popup.dbq-popup-size-small { width: 520px; } .dbq-popup-backdrop .dbq-popup.dbq-popup-fullscreen { min-width: calc(100% - 30px); } .dbq-popup-backdrop .dbq-popup .dbq-popup-header { color: #001323; background-color: #f5f7f9; border: 0; border-bottom: 1px solid #e2e7f3; font-size: 16px; font-weight: 600; padding: 20px 30px; margin-bottom: 0; border-radius: 15px 15px 0 0; } .dbq-popup-backdrop .dbq-popup .dbq-popup-header .dbq-popup-header-button { float: right; background: 0 none; border: 0 none; outline: 0 none; } .dbq-popup-backdrop .dbq-popup .dbq-popup-header .dbq-popup-header-button svg { fill: #001323; } .dbq-popup-backdrop .dbq-popup .dbq-popup-header .dbq-popup-header-button:focus, .dbq-popup-backdrop .dbq-popup .dbq-popup-header .dbq-popup-header-button:hover { float: right; background: 0 none; border: 0 none; outline: 0 none; } .dbq-popup-backdrop .dbq-popup .dbq-popup-header .dbq-popup-header-button:hover svg { fill: #ff7500; } .dbq-popup-backdrop .dbq-popup .dbq-popup-header .dbq-popup-header-button.dbq-popup-close-button svg { width: 28px; height: 28px; } .dbq-popup-backdrop .dbq-popup .dbq-popup-body { position: relative; min-height: 120px; background-color: #f5f7f9; color: #000000; border-radius: 0 0 15px 15px; } .dbq-popup-backdrop .dbq-popup .dbq-popup-body > .dbq-loading-spinner-container { background: transparent; } body > .dbq-popup-backdrop { padding: 30px 0; } body > .dbq-popup-backdrop .dbq-popup { max-width: calc(100% - 30px); } .dbq-processing-indicator { display: flex; gap: 4px; align-items: center; justify-content: center; height: 20px; } .dbq-processing-indicator .dbq-processing-dot { width: 6px; height: 6px; background-color: #555; border-radius: 50%; animation: processing-pulse 1.2s infinite ease-in-out; } .dbq-processing-indicator .dbq-processing-dot:nth-child(2) { animation-delay: 0.2s; } .dbq-processing-indicator .dbq-processing-dot:nth-child(3) { animation-delay: 0.4s; } @keyframes processing-pulse { 0%, 80%, 100% { transform: scale(0.8); opacity: 0.3; } 40% { transform: scale(1.4); opacity: 1; } } .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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .dbqsb-scrollbar { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 22px; height: 100%; 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; } .dbqsb-scrollbar .dbqsb-scrollbar-navigation .dbqsb-scrollbar-navigation-button svg { 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: 15px; 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } @keyframes fadeInToast { 0% { opacity: 0; } 100% { opacity: 1; } } .dbq-toast { animation: fadeInToast 1s; position: absolute; z-index: 999; padding: 15px; display: flex; flex-wrap: wrap; gap: 15px; align-items: center; justify-content: center; text-align: center; border-radius: 15px; background: #ffffff; max-width: 512px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); } .dbq-toast .dbq-toast-close-button { background: transparent; display: inline-block; color: #000000; border: 2px solid #000000; border-radius: 15px; padding: 0 10px; } .dbq-toast .dbq-toast-close-button:hover { color: #ff7500; border-color: #ff7500; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .dbq-document img { display: flex; max-width: 100%; } .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; } .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; width: 100%; 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-align-content: center; align-content: center; flex-basis: 100%; 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; } .no-padding { padding: 0 !important; } .padding-bottom-20 { padding-bottom: 20px; } .flex-container-vertical { display: flex; flex-direction: column; } .flex-container { display: flex; width: 100%; flex-direction: row; margin-bottom: 15px; } .flex-row { display: flex; flex-direction: row; } .flex-item-1 { flex: 1; } .flex-item-2 { flex: 2; } .flex-item-3 { flex: 3; } .flex-item-4 { flex: 4; } .flex-item-5 { flex: 5; } .flex-item-6 { flex: 6; } .flex-item-7 { flex: 7; } .flex-item-8 { flex: 8; } .flex-item-9 { flex: 9; } .flex-item-10 { flex: 10; } .flex-item-11 { flex: 11; } .flex-item-12 { flex: 12; } .flex-item-13 { flex: 13; } .flex-item-14 { flex: 14; } .flex-item-15 { flex: 15; } .flex-align-left { align-self: flex-start; margin-right: auto; } .flex-align-right { align-self: flex-end; margin-left: auto; } .flex-align-center { align-self: center; } .rotate-90 { transform: rotate(90deg); } .rotate-180 { transform: rotate(180deg); } .rotate-270 { transform: rotate(270deg); } .flip { transform: scaleX(-1); } .flip-and-rotate-90 { transform: rotate(90deg) scaleX(-1); } .flip-and-rotate-180 { transform: rotate(180deg) scaleX(-1); } .flip-and-rotate-270 { transform: rotate(270deg) scaleX(-1); } .dbq-placeholder { color: #bbbbbb !important; } .dbq-elevated-background { background-color: #FBFBFB; border-radius: 15px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .modal .modal-fullscreen, .dbq-popup .modal-fullscreen { min-width: calc(100% - 60px) !important; } .modal .modal-body, .dbq-popup .modal-body { padding: 20px 30px; border-radius: 0; } .modal .modal-body:last-child, .dbq-popup .modal-body:last-child { border-radius: 0 0 15px 15px; } .modal .dbq-modal-header, .dbq-popup .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: 15px 15px 0 0; } .modal .dbq-modal-header .dbq-modal-header-button, .dbq-popup .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, .dbq-popup .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, .dbq-popup .dbq-modal-header .dbq-modal-header-button:focus, .dbq-popup .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, .dbq-popup .dbq-modal-header .dbq-modal-header-button:hover svg { fill: #ff7500; } .modal .dbq-modal-header .dbq-modal-header-button.dbq-modal-close-button svg, .dbq-popup .dbq-modal-header .dbq-modal-header-button.dbq-modal-close-button svg { width: 28px; height: 28px; } .modal .modal-dialog main, .dbq-popup .modal-dialog main { border-radius: 0 0 15px 15px; } .modal-content .dbq-account-popup-left-column { margin-bottom: 15px; text-align: right; font-weight: 600; } .dbqdb-header { float: left; width: 100%; background: none; border-bottom: 1px solid #dddddd; } .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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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: #ff7500 !important; background: #fff4eb !important; border-radius: 15px; } #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: #ff7500 !important; border-radius: 15px; background-color: #fff4eb; } #document-topic-tabs.nav-tabs.document-topic-tabs > li.active:hover > a { color: #ff7500 !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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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: #ff7500; background-color: #ff7500; border: 2px solid #ff7500; color: #fff; fill: #fff; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); 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: #fff; } .dbq-form .btn-primary:enabled { background: #ff7500; } .dbq-form .btn-primary:hover, .dbq-form .btn-primary:active { background: #e66900; background-color: #e66900; border-color: #e66900; } .dbq-form .btn-primary:enabled, .dbq-form .btn-primary:hover, .dbq-form .btn-primary:active { border-color: #e66900; fill: #fff; color: #fff; border: 2px solid #e66900; } .dbq-form .btn-primary:disabled, .dbq-form .btn-primary.disabled, .dbq-form .btn-primary.disabled:hover, .dbq-form .btn-primary.disabled.selected { background: #dddddd; border: 2px solid #dddddd; color: #ffffff; cursor: not-allowed !important; 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: #ff7500; fill: #ff7500; border: 1px solid #e5e7ec; box-shadow: unset; opacity: 1; } .dbq-form .btn-default svg, .dbq-form .btn-secondary svg { fill: #ff7500; } .dbq-form .btn-default:hover, .dbq-form .btn-secondary:hover { background: 0; color: #ff7500; } .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; 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: #ff7500 !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; 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; 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: #ff7500 !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; box-shadow: none; } .dbq-form button.btn-default.dropdown-toggle:enabled svg { fill: #ff7500 !important; } .dbq-form .button_list { padding: 5px 5px 0px 5px; margin-bottom: 0; border-radius: 0 0 15px 15px; background: #ffffff; border: 1px 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: #ff7500; } .dbq-form .button_list .btn-default:hover { border: 1px solid #ff7500 !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: #ff7500 !important; border: 1px solid #ff7500 !important; } .dbq-form .topic .dbqdb-footer .btn-link { color: #5a5a5a; padding: 5px 10px; line-height: 20px; font-weight: 500; } .dbq-form .topic .dbqdb-footer .btn-link:hover { color: #ff7500; } .dbq-form .property.dbq-property-no-label .button_list { border-radius: 15px; } .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, .dbq-popup #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, .dbq-popup #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, .dbq-popup #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: #ff7500; background: #e66900; } .show > .btn-outline-primary.dropdown-toggle { color: #ffffff; border-color: #ff7500; background: #ff7500; } .input-group-append .btn-outline-primary { border-width: 1px; border-top-right-radius: 0px !important; } 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: #ff7500 !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 .gm-style-iw-chr button { width: 36px !important; height: 36px !important; } .dbq-document-element-map .gm-style-iw-chr button span { height: 18px !important; width: 18px !important; margin: 6px !important; } .dbq-document-element-map .dbqdem-locations-container { position: absolute; width: 20%; height: calc(100% - 66px); min-width: -moz-fit-content; min-width: fit-content; top: 58px; left: 10px; bottom: 15px; overflow-y: auto; box-shadow: none; border-radius: 15px; background: #ffffff; background-color: #ffffff; 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); } .dbq-document-element-map .dbqdem-locations-container::-webkit-scrollbar-track { 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: #ffffff; } .dbq-document-element-map .dbqdem-locations-container { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .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; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .dbq-document-element-map .dbqdem-locations-container::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } #docbuilder .dbq-form { padding-top: 15px; } .dbq-form { border-bottom: 0 !important; /* Remove the HTML5 arrows/spinners from number inputs (Chrome, Safari, Edge, Opera) */ /* Remove the HTML5 arrows/spinners from number inputs (Firefox) */ } .dbq-form section { padding: 0; } .dbq-form .dbqdb-element-header svg { width: 20px; height: 20px; } .dbq-form h1, .dbq-form h2, .dbq-form h3, .dbq-form h4, .dbq-form .dbq-element-header-5, .dbq-form p { display: inline-block; overflow: hidden; text-overflow: ellipsis; width: 100%; } .dbq-form h1 { color: #000000; font-size: 24px; font-weight: 700; padding: 0; margin: 0 0 15px 0; } .dbq-form h2 { font-size: 20px; text-transform: unset; padding: 0; margin: 0 0 15px 0; color: #000000; font-weight: 600; } .dbq-form h3 { color: #000000; font-size: 18px; font-weight: 600; text-transform: unset; padding: 0; margin: 0 0 15px 0; } .dbq-form h4 { color: #000000; font-size: 16px; font-weight: 500; text-transform: unset; padding: 0; margin: 0 0 15px 0; } .dbq-form h5 { font-size: 14px; font-weight: 500; text-transform: unset; padding: 0; margin: 0 0 15px 0; } .dbq-form p { color: #000000; font-size: 12px; font-weight: 500; padding: 0; margin: 0 0 15px 0; } .dbq-form a { color: #666666; } .dbq-form .dbqdb-wizard-topic-name { padding: 0 30px; float: left; font-size: 16px; font-weight: 600; margin-top: 30px; color: #ff7500; } .dbq-form .checkbox { border-radius: 0 0 5px 5px; } .dbq-form label { margin: 0 0 5px; font-weight: 500; font-size: 12px; line-height: 12px; } .dbq-form .action-button span { background: #ff7500; border-color: #ff7500; 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 5px 5px; background: none !important; } .dbq-form .topic.active { display: block; } .dbq-form .topic.active > footer { flex: 1; min-height: 40px; } .dbq-form .topic.active > nav { 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 5px 5px; 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; -moz-user-select: text !important; user-select: text !important; } .dbq-form .form-control:focus { border-color: #ff7500 !important; outline: 0; 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 .row.dbqdb-block { margin-bottom: 15px; } .dbq-form .dbqdb-element[data-element-type=Url] { margin-bottom: 15px; } .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 5px 5px; } .dbq-form .dbq-form-group .element .property { flex: 1; } .dbq-form .dbq-form-group .checkbox { border-radius: 6px; } .dbq-form .dbqdb-button-list { padding: 5px 5px 0px 5px; float: left; width: 100%; border: 1px solid #e5e7ec; background: #ffffff; border-radius: 0 0 5px 5px; } .dbq-form .dbqdb-button-list[data-read-only=true] { background: #e5e7ec !important; border-color: #e5e7ec !important; } .dbq-form .dbqdb-button-list .checkbox { border-radius: 0; } .dbq-form .dbq-form-group-no-padding { padding: 0; float: left; width: 100%; border-radius: 0 0 5px 5px; } .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 input::-webkit-outer-spin-button, .dbq-form input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .dbq-form input[type=number] { -moz-appearance: textfield; } .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 5px; } .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 5px 5px 0; } .dbq-form .form-group .searchbox-container .input-group-addon.disabled { border-radius: 0 0 0 5px; } .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 5px 0; } .dbq-form .form-group .searchbox-container .input-group .input-group-btn button.searchbox-container-remove.btn-default:enabled:hover { background: #ff7500 !important; border-color: #ff7500 !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 5px 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: 5px !important; } .dbq-form .row[data-element-type=Button], .dbq-form .row[data-element-type=InputProperty], .dbq-form .row[data-element-type=Text] { margin: 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: 15px; } .dbq-form .dbq-column .block.dbq-block-text { box-shadow: none; } .dbq-form .dbq-no-file-found { height: 35px; min-height: 35px; line-height: 10px; padding: 10px; font-size: 13px; background: #ffffff; border: 1px solid #e5e7ec; border-radius: 0 0 5px 5px; font-weight: 600 !important; } .dbq-form .dbq-input-no-label .form-control { border-radius: 5px; } .dbq-form .dbq-input-no-label .input-group .form-control { border-radius: 0 5px 5px 0; } .dbq-form .dbq-input-no-label .input-group .input-group-addon { border-radius: 5px 0 0 5px; } .dbq-form .dbq-input-no-label .input-group .cr-icon { border-radius: 5px 0 0 5px; } .dbq-form .dbq-input-no-label .input-group .input-group.date .input-group-addon { border-radius: 5px 0 0 5px; } .dbq-form .input-group.date input.form-control { border-radius: 0 5px 5px 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: #ff7500; border: 0; border-radius: 15px; color: #ffffff; fill: #ffffff; 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 15px 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 5px 0 !important; } .dbq-form .flex-container:last-of-type { margin: 0; } .dbq-form .input-list[data-is-read-only=false] .flex-container:last-of-type { margin-bottom: 15px; } .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 { box-shadow: none; } .dbq-form textarea.form-control::-webkit-scrollbar-corner, .dbq-form textarea.form-control::-webkit-scrollbar-corner { background-color: #ffffff; } .dbq-form textarea.form-control { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .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; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .dbq-form textarea.form-control::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !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 5px; } form[data-view-mode=Modify] .input-group-addon input.form-control { border-radius: 0 0 5px 0 !important; } form[data-view-mode=View] .input-group-addon { border-radius: 0 0 0 5px; } form[data-view-mode=View] .input-group-addon input.form-control { border-radius: 0 0 5px 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 5px 5px; } 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: 15px; border-radius: 5px; } .dbq-column:last-of-type { margin-right: 0; } .dbq-column .dbq-column { box-shadow: none !important; } .dbq-column .dbqdb-element:last-of-type { margin-bottom: 0px !important; } .modal .dbq-column, .dbq-popup .dbq-column { box-shadow: none; } .modal .dbq-form .form-group .input-group, .dbq-popup .dbq-form .form-group .input-group { flex-wrap: nowrap; } .modal .dbq-form section, .dbq-popup .dbq-form section { padding: 30px 30px 20px; } .dbqdb-footer { background-color: #f5f7f9; border: 0; border-radius: 0 0 5px 5px; padding: 20px 30px; border-top: 1px solid #e2e7f3; } .dbqdb-footer.dbqdb-footer-wizard { float: left; width: 100%; display: flex; flex-direction: row; justify-content: space-evenly; } .dbqdb-footer.dbqdb-footer-wizard .dbqdb-footer-left-column { display: flex; flex: 1; justify-content: flex-start; } .dbqdb-footer.dbqdb-footer-wizard .dbqdb-footer-center-column { display: flex; flex-direction: row; justify-content: center; align-items: center; flex: 1; } .dbqdb-footer.dbqdb-footer-wizard .dbqdb-footer-right-column { display: flex; flex: 1; justify-content: flex-end; } .dbqdb-footer.dbqdb-footer-wizard .dbqdb-wizard-previous-button-hidden { opacity: 0; -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: default; } .dbqdb-footer.dbqdb-footer-wizard .dbqdb-wizard-progress { margin-right: 10px; } .dbqdb-footer.dbqdb-footer-wizard .dbqdb-wizard-state-indicator { display: flex; align-items: center; } .dbqdb-footer.dbqdb-footer-wizard .dbqdb-wizard-state-indicator .dbq-loading-spinner-to-checkmark { display: none; } .dbqdb-footer.dbqdb-footer-wizard .dbqdb-wizard-state-indicator.dbqdb-wizard-state-saving .dbq-loading-spinner-to-checkmark { display: block; } .form-control, .form-control:focus { 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 5px 5px !important; } .dbq-form .dbq-form-group .dbq-form-group-title-label { display: none; } .dbq-form .row { /* table insde data-element-type="InputProperty" (mail) */ } .dbq-form .row[data-element-type=InputProperty] { margin: 0 0 15px 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: 5px; } .dbq-form .row[data-element-type=InputProperty] .dbq-property-no-label input { border-radius: 5px; } .dbq-form .row[data-element-type=InputProperty] .dbq-property-no-label textarea { border-radius: 5px; } .dbq-form .row[data-element-type=InputProperty] .dbq-property-no-label .dbq-input-no-label .date input { border-radius: 0 5px 5px 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 15px 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 5px 5px; } .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 5px 5px; } .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 5px 0; } .dbq-form .dbq-form-group-title + .row[data-element-type=InputProperty] .dbq-property-no-label select { border-radius: 0 0 5px 5px; } .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 5px; } .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 5px 5px; } .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: 5px; } .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 .dbq-input-no-label .input-group.date .input-group-addon { border-radius: 5px 0 0 5px; } .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; } .dbq-form .input-group-addon { display: flex; align-items: center; 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 5px; } .dbq-form .input-group-addon svg { padding: 5px; width: 40px; height: 33px; border: 0; border-radius: 0 0 0 5px; cursor: default; background: #f0f2f5; fill: #595f6e; } .dbq-form .input-group-addon.disabled { background-color: #e5e7ec; border-color: #e5e7ec; opacity: 1; } .dbq-form .input-group-addon.disabled svg { background: transparent; } #UserPasswordChangeDialog .form-group { border-radius: 5px; margin-bottom: 15px; } #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; -webkit-user-select: text !important; -moz-user-select: text !important; user-select: text !important; border: 1px solid #e5e7ec; background-color: #ffffff; border-radius: 0 0 5px 5px; } #UserPasswordChangeDialog .form-group input.form-control:focus { border-color: #ff7500 !important; outline: 0; box-shadow: none; } #UserPasswordChangeDialog .form-group label { border-radius: 5px 5px 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-btn { width: auto !important; } .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; } .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert, .dbq-document .dbqdb-alert { margin-bottom: 15px; padding: 15px; border-radius: 15px; } .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12, .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 { display: flex; flex-direction: row; gap: 15px; } .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-icon-container, .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-icon-container { width: 24px; } .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-icon-container .dbqdb-alert-icon, .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-icon-container .dbqdb-alert-icon { width: 24px; height: 24px; } .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container, .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container { width: 100%; } .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container h1, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container h2, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container h3, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container h4, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container .dbq-element-header-5, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container p, .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container h1, .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container h2, .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container h3, .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container h4, .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container .dbq-element-header-5, .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container p { line-height: 24px; } .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container .dbq-element-header-5, .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container .dbq-element-header-5 { margin: 0; } .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container h1, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container h2, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container h3, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container h4, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container .dbq-element-header-5, .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container h1, .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container h2, .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container h3, .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container h4, .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container .dbq-element-header-5 { font-weight: bold; font-size: 14px; } .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container .element:last-of-type, .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container .element:last-of-type { margin-bottom: 0; } .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container .element:last-of-type h1, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container .element:last-of-type h2, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container .element:last-of-type h3, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container .element:last-of-type h4, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container .element:last-of-type .dbq-element-header-5, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container .element:last-of-type p, .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container .element:last-of-type h1, .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container .element:last-of-type h2, .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container .element:last-of-type h3, .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container .element:last-of-type h4, .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container .element:last-of-type .dbq-element-header-5, .dbq-document .dbqdb-alert > div.col-xs-12.col-sm-12 .dbqdb-alert-content-container .element:last-of-type p { margin-bottom: 0; } .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-info, .dbq-document .dbqdb-alert.alert-info { background-color: #eef2fa; border-color: #89a7e0; } .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-info .dbqdb-alert-icon-container .dbqdb-alert-icon, .dbq-document .dbqdb-alert.alert-info .dbqdb-alert-icon-container .dbqdb-alert-icon { fill: #2e5aac; } .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-info .dbqdb-alert-content-container h1, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-info .dbqdb-alert-content-container h2, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-info .dbqdb-alert-content-container h3, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-info .dbqdb-alert-content-container h4, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-info .dbqdb-alert-content-container .dbq-element-header-5, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-info .dbqdb-alert-content-container p, .dbq-document .dbqdb-alert.alert-info .dbqdb-alert-content-container h1, .dbq-document .dbqdb-alert.alert-info .dbqdb-alert-content-container h2, .dbq-document .dbqdb-alert.alert-info .dbqdb-alert-content-container h3, .dbq-document .dbqdb-alert.alert-info .dbqdb-alert-content-container h4, .dbq-document .dbqdb-alert.alert-info .dbqdb-alert-content-container .dbq-element-header-5, .dbq-document .dbqdb-alert.alert-info .dbqdb-alert-content-container p { color: #2e5aac !important; } .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-warning, .dbq-document .dbqdb-alert.alert-warning { background-color: #fff4ec; border-color: #ff8f39; } .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-warning .dbqdb-alert-icon-container .dbqdb-alert-icon, .dbq-document .dbqdb-alert.alert-warning .dbqdb-alert-icon-container .dbqdb-alert-icon { fill: #b95000; } .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-warning .dbqdb-alert-content-container h1, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-warning .dbqdb-alert-content-container h2, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-warning .dbqdb-alert-content-container h3, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-warning .dbqdb-alert-content-container h4, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-warning .dbqdb-alert-content-container .dbq-element-header-5, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-warning .dbqdb-alert-content-container p, .dbq-document .dbqdb-alert.alert-warning .dbqdb-alert-content-container h1, .dbq-document .dbqdb-alert.alert-warning .dbqdb-alert-content-container h2, .dbq-document .dbqdb-alert.alert-warning .dbqdb-alert-content-container h3, .dbq-document .dbqdb-alert.alert-warning .dbqdb-alert-content-container h4, .dbq-document .dbqdb-alert.alert-warning .dbqdb-alert-content-container .dbq-element-header-5, .dbq-document .dbqdb-alert.alert-warning .dbqdb-alert-content-container p { color: #b95000 !important; } .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-success, .dbq-document .dbqdb-alert.alert-success { background-color: #edf9f0; border-color: #5aca75; } .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-success .dbqdb-alert-icon-container .dbqdb-alert-icon, .dbq-document .dbqdb-alert.alert-success .dbqdb-alert-icon-container .dbqdb-alert-icon { fill: #287d3c; } .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-success .dbqdb-alert-content-container h1, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-success .dbqdb-alert-content-container h2, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-success .dbqdb-alert-content-container h3, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-success .dbqdb-alert-content-container h4, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-success .dbqdb-alert-content-container .dbq-element-header-5, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-success .dbqdb-alert-content-container p, .dbq-document .dbqdb-alert.alert-success .dbqdb-alert-content-container h1, .dbq-document .dbqdb-alert.alert-success .dbqdb-alert-content-container h2, .dbq-document .dbqdb-alert.alert-success .dbqdb-alert-content-container h3, .dbq-document .dbqdb-alert.alert-success .dbqdb-alert-content-container h4, .dbq-document .dbqdb-alert.alert-success .dbqdb-alert-content-container .dbq-element-header-5, .dbq-document .dbqdb-alert.alert-success .dbqdb-alert-content-container p { color: #287d3c !important; } .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-danger, .dbq-document .dbqdb-alert.alert-danger { background-color: #feefef; border-color: #f48989; } .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-danger .dbqdb-alert-icon-container .dbqdb-alert-icon, .dbq-document .dbqdb-alert.alert-danger .dbqdb-alert-icon-container .dbqdb-alert-icon { fill: #da1414; } .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-danger .dbqdb-alert-content-container h1, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-danger .dbqdb-alert-content-container h2, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-danger .dbqdb-alert-content-container h3, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-danger .dbqdb-alert-content-container h4, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-danger .dbqdb-alert-content-container .dbq-element-header-5, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert.alert-danger .dbqdb-alert-content-container p, .dbq-document .dbqdb-alert.alert-danger .dbqdb-alert-content-container h1, .dbq-document .dbqdb-alert.alert-danger .dbqdb-alert-content-container h2, .dbq-document .dbqdb-alert.alert-danger .dbqdb-alert-content-container h3, .dbq-document .dbqdb-alert.alert-danger .dbqdb-alert-content-container h4, .dbq-document .dbqdb-alert.alert-danger .dbqdb-alert-content-container .dbq-element-header-5, .dbq-document .dbqdb-alert.alert-danger .dbqdb-alert-content-container p { color: #da1414 !important; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } 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; margin-right: 5px; } .input-group-btn span { float: left; font-size: 12px; line-height: 24px; font-weight: 600; color: #000; } .file-upload-input svg { float: left; margin-right: 5px; } .file-upload-input span { float: left; font-size: 12px; line-height: 20px; font-weight: 600; color: #000; } .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; margin: 0 5px 0 0; fill: #ff7500; 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: #ff7500; 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: #ff7500; 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-form h1 a[data-toggle=tooltip] svg, .dbq-form h2 a[data-toggle=tooltip] svg, .dbq-form h3 a[data-toggle=tooltip] svg, .dbq-form h4 a[data-toggle=tooltip] svg, .dbq-form h5 a[data-toggle=tooltip] svg { fill: #595f6e; } .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; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .dbq-form .multiple-select-selectmulti { width: 100%; padding: 0; float: left; border: 1px solid #e5e7ec; border-top: unset; border-radius: 0 0 5px 5px; } .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: 600; 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: #ff7500; } .dbq-form .multiple-select-selectmulti .btn:hover { background: #ff7500; } .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 5px 5px; } .dbq-form .multiple-select-selectmulti select.form-control::-webkit-scrollbar-track { 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: #ff7500; scrollbar-track-color: #dddddd; } .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: transparent !important; background: transparent !important; } .dbq-form .multiple-select-selectmulti select.form-control::-webkit-scrollbar-thumb { border-radius: 7.5px; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .dbq-form .multiple-select-selectmulti select.form-control::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !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: 600 !important; } .dbq-form .multiple-select-selectmulti select.form-control option:checked, .dbq-form .multiple-select-selectmulti select.form-control option:hover { background: #ff7500; 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 5px !important; } .dbq-form .multiple-select-selectmulti .multiple-select-selectmulti-right select.form-control { border-radius: 0 0 5px 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: 5px; padding: 10px; background: #e5e7ec; border: 1px solid #e5e7ec; font-weight: 500; } .dbq-form .dbq-property-no-label .multiple-select-selectmulti { border-radius: 5px; } .dbq-form .dbq-property-no-label .multiple-select-selectmulti strong { border-radius: 5px 5px 0 0; } .dbq-form .dbq-property-no-label .multiple-select-selectmulti-left { border-radius: 5px 0 0 5px; } .dbq-form .dbq-property-no-label .multiple-select-selectmulti-left select { border-radius: 0 0 0 5px; } .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 5px 5px 0; } .dbq-form .dbq-property-no-label .multiple-select-selectmulti-right select { border-radius: 0 0 5px 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: 5px; } .dbq-form .dbq-form-group-title + .dbq-property-no-label .multiple-select-selectmulti .multiple-select-selectmulti-left select { border-radius: 0 0 0 5px; } .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 5px 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: 5px; } .dbq-property-no-label .multiple-select-selectmulti strong { border-radius: 5px 5px 0 0; } div[data-document-property-code=OrganisationUserSecurityObjects] svg:hover { fill: #ff7500; } .dbq-resizable-selectmulti { resize: vertical; overflow: auto; } .dbqdb-select-single, .dbqdb-select-single-tree { 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, .dbqdb-select-single-tree .input-group { flex-wrap: nowrap; justify-content: space-between; } .dbqdb-select-single .input-group-append, .dbqdb-select-single-tree .input-group-append { display: none; } .dbqdb-select-single[data-inspect-folder-document-id][data-inspect-add-rule-code] .input-group-append, .dbqdb-select-single-tree[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, .dbqdb-select-single-tree[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, .dbqdb-select-single-tree[data-inspect-folder-document-id=""] .input-group-append > .dbq-select-view-button, .dbqdb-select-single-tree[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, .dbqdb-select-single-tree[data-has-value] .input-group-append > .dbq-select-view-button, .dbqdb-select-single-tree[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, .dbqdb-select-single-tree[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, .dbqdb-select-single-tree[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, .dbqdb-select-single-tree[data-inspect-folder-document-id][data-has-value=true]:not([data-inspect-folder-document-id=""]) .dbq-select-view-button { border-bottom-right-radius: 5px !important; } .dbqdb-select-single[data-inspect-add-rule-code]:not([data-inspect-add-rule-code=""]) .dbqstd-output-content-container, .dbqdb-select-single-tree[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, .dbqdb-select-single-tree[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, .dbqdb-select-single-tree[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, .dbqdb-select-single-tree[data-is-read-only=true] .input-group-append .dbq-select-view-button, .dbqdb-select-single-tree[data-is-read-only=true] .input-group-append .dbq-select-add-button { background: #e5e7ec; border-color: #e5e7ec; color: #ff7500; } .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, .dbqdb-select-single-tree[data-is-read-only=true] .input-group-append .dbq-select-view-button:hover, .dbqdb-select-single-tree[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, .dbqdb-select-single-tree[data-is-read-only=true] .input-group-append .dbq-select-view-button:active, .dbqdb-select-single-tree[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, .dbqdb-select-single-tree[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: #ff7500; } .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; -o-appearance: none; appearance: none; background: #ffffff; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf8,"); background-position-x: calc(100% - 10px); background-position-y: 50%; background-size: 10px 10px; border-radius: 0 0 5px 5px; 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: #ff7500 !important; outline: 0; 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; -webkit-user-select: text; -moz-user-select: text; 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; align-items: center; justify-content: center; } .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: "Red Hat Text", sans-serif; font-weight: 500; font-size: 12px; line-height: 20px; height: 30px; border-radius: 5px !important; border: 2px solid #e5e7ec; background-color: #ffffff !important; color: #000000; padding: 2px 10px; } .dbqstd-popup-container .dbqstd-parent-items-container { display: flex; padding: 0 5px 5px 5px; } .dbqstd-popup-container .dbqstd-parent-items-container .dbqstd-parent-items-back-button { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; padding: 0; } .dbqstd-popup-container .dbqstd-parent-items-container .dbqstd-parent-items-back-button svg { fill: #fff; } .dbqstd-popup-container .dbqstd-parent-items-container .dbqstd-parent-items-dropdown { width: 100%; height: 24px; margin-left: 5px; background: #ffffff; border: 1px solid #e5e7ec; border-radius: 5px; color: #001323; font-size: 12px; } .dbqstd-popup-container[data-has-parent-items=false] .dbqstd-parent-items-container { display: none; } .dbqstd-popup-container ul { list-style: none; padding: 7.5px 0; margin: 0; max-height: 250px; overflow-y: auto; background-color: #ffffff; border-radius: 5px; } .dbqstd-popup-container ul::-webkit-scrollbar-track { box-shadow: none; } .dbqstd-popup-container ul::-webkit-scrollbar-corner, .dbqstd-popup-container ul::-webkit-scrollbar-corner { background-color: #ffffff; } .dbqstd-popup-container ul { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .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: transparent !important; background: transparent !important; } .dbqstd-popup-container ul::-webkit-scrollbar-thumb { border-radius: 7.5px; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .dbqstd-popup-container ul::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !important; } .dbqstd-popup-container ul .dbqstd-attribute-name, .dbqstd-popup-container ul .dbqstd-attribute-checkmark { font-size: 12px; font-weight: 400; } .dbqstd-popup-container ul .dbqstd-attribute-name svg, .dbqstd-popup-container ul .dbqstd-attribute-checkmark svg { fill: #000000; } .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; justify-content: flex-start; 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-drilldown { display: none; fill: #000000; } .dbqstd-popup-container ul li.dbqstd-popup-dropdown-item .dbqstd-popup-dropdown-item-content .dbqstd-attribute .dbqstd-attribute-drilldown:hover svg { fill: #ff7500 !important; } .dbqstd-popup-container ul li.dbqstd-popup-dropdown-item .dbqstd-popup-dropdown-item-content .dbqstd-attribute .dbqstd-attribute-checkmark { 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: #ff7500; } .dbqstd-popup-container ul li.dbqstd-popup-dropdown-item.dbqstd-selected-dropdown-item .dbqstd-popup-dropdown-item-content { color: #bbbbbb; } .dbqstd-popup-container ul li.dbqstd-popup-dropdown-item.dbqstd-selected-dropdown-item .dbqstd-popup-dropdown-item-content svg { fill: #000000; } .dbqstd-popup-container ul li.dbqstd-popup-dropdown-item.dbqstd-selected-dropdown-item .dbqstd-attribute-checkmark { display: none; } .dbqstd-popup-container ul li.dbqstd-popup-dropdown-item[data-has-child-nodes=true] .dbqstd-popup-dropdown-item-content .dbqstd-attribute .dbqstd-attribute-drilldown { display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; } .dbqstd-popup-container ul li.dbqstd-popup-dropdown-item[data-is-selectable=false] .dbqstd-popup-dropdown-item-content { cursor: not-allowed; color: #999 !important; } .dbqstd-popup-container ul li.dbqstd-popup-dropdown-item[data-is-selectable=false] .dbqstd-popup-dropdown-item-content svg { cursor: pointer; } .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-drilldown { display: none !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: #ff7500; 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; border-left: 0; 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: 5px; fill: #ff7500; } /* No label styling */ .dbq-property-no-label .dbqdb-select-single, .dbq-property-no-label .dbqdb-select-single-tree { /* The border radius must change depending on which buttons are visible */ } .dbq-property-no-label .dbqdb-select-single .dbqstd-output-content-container, .dbq-property-no-label .dbqdb-select-single-tree .dbqstd-output-content-container { border-radius: 5px !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, .dbq-property-no-label .dbqdb-select-single-tree[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, .dbq-property-no-label .dbqdb-select-single-tree[data-inspect-folder-document-id][data-has-value=true]:not([data-inspect-folder-document-id=""]) .dbq-select-view-button { border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; } .dbq-property-no-label .dbqdb-select-single[data-inspect-add-rule-code]:not([data-inspect-add-rule-code=""]) .dbqstd-output-content-container, .dbq-property-no-label .dbqdb-select-single-tree[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, .dbq-property-no-label .dbqdb-select-single-tree[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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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; 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: #ff7500 !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: #ff7500 !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 5px 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-radius: 0 0 5px 5px; } .dbqdb-select-multi-popup .dbqstp-container .dbqstp-output-button::-webkit-scrollbar-track { 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: #ffffff; } .dbqdb-select-multi-popup .dbqstp-container .dbqstp-output-button { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .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; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .dbqdb-select-multi-popup .dbqstp-container .dbqstp-output-button::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !important; } .dbqdb-select-multi-popup .dbqstp-container .dbqstp-output-button.dbqstp-invalid .dbqstp-output-content-container { 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: 1px solid #e5e7ec; border-radius: 0 0 5px 5px; width: 100%; } .dbqdb-select-multi-popup .dbqstp-container .dbqstp-output-button .dbqstp-output-content-container:hover { background-color: #e5e7ec; } .dbqdb-select-multi-popup .dbqstp-container .dbqstp-output-button .dbqstp-output-content-container .dbqstp-output-item { display: flex; align-items: center; height: 33px; padding: 12px 10px; } .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; -webkit-user-select: text; -moz-user-select: text; 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: 14px; font-weight: 700; line-height: 14px; color: #000000; overflow-wrap: break-word; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-user-select: text; -moz-user-select: text; 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; min-width: 243px; } .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; align-items: center; justify-content: center; } .dbqstp-popup-container .dbqstp-title-container .dbqstp-close svg { fill: #595f6e; } .dbqstp-popup-container .dbqstp-search-input { width: calc(100% - 16px); 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 { box-shadow: none; } .dbqstp-popup-container ul::-webkit-scrollbar-corner, .dbqstp-popup-container ul::-webkit-scrollbar-corner { background-color: #ffffff; } .dbqstp-popup-container ul { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .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: transparent !important; background: transparent !important; } .dbqstp-popup-container ul::-webkit-scrollbar-thumb { border-radius: 7.5px; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .dbqstp-popup-container ul::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !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; color: #000000; } .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; justify-content: flex-start; 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 { 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 { display: flex; justify-content: center; align-items: center; background: #ff7500; 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-popup-container .dbqstp-buttons .dbqstp-select-buttons { display: flex; } .dbqstp-popup-container .dbqstp-buttons .dbqstp-select-buttons .dbqstp-button svg { width: 18px; height: 18px; } .dbqstp-popup-container .dbqstp-buttons .dbqstp-load-more-buttons { display: flex; } .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-image img, .dbqstp-initials img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .dbqstml-container { display: flex; flex-direction: row; justify-content: space-evenly; border-radius: 0 0 5px 5px; border: 1px solid #e5e7ec; border-top: unset; height: 220px; min-height: 80px; resize: vertical; overflow: hidden; } .dbqstml-container.dbqstml-invalid { border-top: 1px solid #d5473c; border-color: #d5473c; } .dbqstml-container .dbqstml-item-container { width: 100%; height: 100%; background-color: #ffffff; border: unset; overflow: hidden; } .dbqstml-container .dbqstml-item-container .dbqstml-title-container { display: flex; justify-content: space-between; align-items: center; padding: 5px; font-size: 14px; height: 44px; line-height: 14px; font-weight: 600; text-align: center; background: #f0f2f5; background-color: #f0f2f5; border: 2px solid #e5e7ec; border-left: unset; border-right: unset; border-radius: 0; color: #000000; } .dbqstml-container .dbqstml-item-container .dbqstml-title-container .dbqstml-search-input { background-color: #ffffff; border-radius: 5px !important; border: 1px solid #e5e7ec; padding: 5px; color: #000000; } .dbqstml-container .dbqstml-item-container.dbqstml-left-item-container { border-radius: 0 0 0 5px; } .dbqstml-container .dbqstml-item-container.dbqstml-right-item-container { border-radius: 0 0 5px 0; } .dbqstml-container .dbqstml-item-container .dbqstml-list { list-style-type: none; padding: 0; width: 100%; height: calc(100% - 44px); margin-bottom: 0; overflow: auto; } .dbqstml-container .dbqstml-item-container .dbqstml-list::-webkit-scrollbar-track { box-shadow: none; } .dbqstml-container .dbqstml-item-container .dbqstml-list::-webkit-scrollbar-corner, .dbqstml-container .dbqstml-item-container .dbqstml-list::-webkit-scrollbar-corner { background-color: #ffffff; } .dbqstml-container .dbqstml-item-container .dbqstml-list { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .dbqstml-container .dbqstml-item-container .dbqstml-list::-webkit-scrollbar, .dbqstml-container .dbqstml-item-container .dbqstml-list::-webkit-scrollbar-corner, .dbqstml-container .dbqstml-item-container .dbqstml-list::-webkit-scrollbar-track, .dbqstml-container .dbqstml-item-container .dbqstml-list::-webkit-scrollbar-thumb { border-radius: 10px; } .dbqstml-container .dbqstml-item-container .dbqstml-list::-webkit-scrollbar, .dbqstml-container .dbqstml-item-container .dbqstml-list::-webkit-scrollbar-track { width: 7.5px; height: 7.5px; border-radius: 10px; background-color: transparent !important; background: transparent !important; } .dbqstml-container .dbqstml-item-container .dbqstml-list::-webkit-scrollbar-thumb { border-radius: 7.5px; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .dbqstml-container .dbqstml-item-container .dbqstml-list::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !important; } .dbqstml-container .dbqstml-item-container .dbqstml-list .dbqstml-list-item { cursor: pointer; padding: 0 5px; } .dbqstml-container .dbqstml-item-container .dbqstml-list .dbqstml-list-item.dbqstml-list-item-selected { background: #ff7500; color: white; } .dbqstml-container[data-is-read-only=true] { border-color: #e5e7ec; } .dbqstml-container[data-is-read-only=true] .dbqstml-item-container { height: 100%; border-radius: 0 0 5px 5px; background-color: #e5e7ec; color: #001323; font-weight: 600; cursor: not-allowed; -webkit-text-fill-color: #001323; -webkit-opacity: 1; /* Override iOS opacity change affecting text & background color */ } .dbqstml-container[data-is-read-only=true] .dbqstml-item-container .dbqstml-list { height: unset; min-height: unset; max-height: 220px; padding: 5px 0; } .dbqstml-container[data-is-read-only=true] .dbqstml-item-container .dbqstml-list .dbqstml-list-item { padding: 0 10px; cursor: default; } .dbqstml-container .dbqstml-center-container { background-color: #ffffff; border-left: 2px solid #e5e7ec; border-right: 2px solid #e5e7ec; flex-shrink: 0; width: 50px; } .dbqstml-container .dbqstml-center-container button { 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; } .dbqstml-container .dbqstml-center-container button svg { fill: #ff7500; } .dbqstml-container .dbqstml-center-container button:hover { background: #ff7500; } .dbqstml-container .dbqstml-center-container button:hover svg { fill: #ffffff; } .dbq-property-no-label .dbqstml-container { border-radius: 5px; } .dbq-property-no-label .dbqstml-container .dbqstml-item-container { border-radius: 5px; } .dbq-property-no-label .dbqstml-container .dbqstml-item-container.dbqstml-left-item-container .dbqstml-title-container { border-top-left-radius: 5px; } .dbq-property-no-label .dbqstml-container .dbqstml-item-container.dbqstml-right-item-container .dbqstml-title-container { border-top-right-radius: 5px; } .dbqstsd-container { display: flex; flex-direction: row; width: 100%; min-width: 0; } .dbqstsd-container .dbqstsd-output-button { outline: 0; background: none; border: none; padding: 0; margin: 0; width: 100%; overflow-x: hidden; overflow-y: auto; opacity: 1; } .dbqstsd-container .dbqstsd-output-button .dbqstsd-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; -o-appearance: none; appearance: none; text-align: left; background: #ffffff; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf8,"); background-position-x: calc(100% - 10px); background-position-y: 50%; background-size: 10px 10px; border-radius: 0 0 5px 5px; padding-left: 10px; color: #001323; padding: 0 30px 0 10px; font-weight: 500; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dbqstsd-container .dbqstsd-output-button .dbqstsd-output-content-container:focus { border-color: #ff7500 !important; outline: 0; box-shadow: none; } .dbqstsd-container .dbqstsd-output-button .dbqstsd-output-content-container:disabled, .dbqstsd-container .dbqstsd-output-button .dbqstsd-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 */ } .dbqstsd-container .dbqstsd-output-button .dbqstsd-output-content-container.dbqstsd-invalid { border-color: #d5473c; } .dbqstsd-container .dbqstsd-output-button .dbqstsd-output-content-container .dbqstsd-output-item { display: flex; align-items: center; margin-bottom: 5px; } .dbqstsd-container .dbqstsd-output-button .dbqstsd-output-content-container .dbqstsd-output-item:last-child { margin-bottom: 0px; } .dbqstsd-container .dbqstsd-output-button .dbqstsd-output-content-container .dbqstsd-output-item .dbqstsd-attribute { display: block; width: 100%; } .dbqstsd-container .dbqstsd-output-button .dbqstsd-output-content-container .dbqstsd-output-item .dbqstsd-attribute .dbqstsd-attribute-name { float: left; font-size: 12px; line-height: 14px; color: #999; margin-bottom: 3px; } .dbqstsd-container .dbqstsd-output-button .dbqstsd-output-content-container .dbqstsd-output-item .dbqstsd-attribute .dbqstsd-attribute-value { float: left; width: 100%; text-align: left; overflow-wrap: break-word; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-user-select: text; -moz-user-select: text; user-select: text; } .dbqstsd-container .dbqstsd-output-button .dbqstsd-output-content-container .dbqstsd-error { color: #d5473c; } .dbqstsd-container[data-has-paging=true] .dbqstsd-output-button .dbqstsd-output-content-container { background: none !important; padding: 0 !important; } .dbqstsd-container .dbqdb-static-dropdown.error + .dbqstsd-output-button .dbqstsd-output-content-container { border-color: #d5473c; } .dbqstsd-popup-container { padding: 0 0 5px 0; background: #f0f2f5; overflow: hidden; z-index: 1060; } .dbqstsd-popup-container .dbqstsd-items .dbqstsd-no-result { color: #595f6e; } .dbqstsd-popup-container .dbqstsd-title-container { display: flex; align-items: center; justify-content: space-between; padding: 5px; color: #595f6e; font-size: 12px; font-weight: 600; } .dbqstsd-popup-container .dbqstsd-title-container .dbqstsd-close { width: 12px; height: 12px; margin-left: 5px; display: inline-flex; cursor: pointer; align-items: center; justify-content: center; } .dbqstsd-popup-container .dbqstsd-title-container .dbqstsd-close svg { fill: #595f6e; } .dbqstsd-popup-container .dbqstsd-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: "Red Hat Text", sans-serif; font-weight: 500; font-size: 12px; line-height: 20px; height: 30px; border-radius: 5px !important; border: 2px solid #e5e7ec; background-color: #ffffff !important; color: #000000; padding: 2px 10px; } .dbqstsd-popup-container ul { list-style: none; padding: 7.5px 0; margin: 0; max-height: 250px; overflow-y: auto; background-color: #ffffff; } .dbqstsd-popup-container ul::-webkit-scrollbar-track { box-shadow: none; } .dbqstsd-popup-container ul::-webkit-scrollbar-corner, .dbqstsd-popup-container ul::-webkit-scrollbar-corner { background-color: #ffffff; } .dbqstsd-popup-container ul { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .dbqstsd-popup-container ul::-webkit-scrollbar, .dbqstsd-popup-container ul::-webkit-scrollbar-corner, .dbqstsd-popup-container ul::-webkit-scrollbar-track, .dbqstsd-popup-container ul::-webkit-scrollbar-thumb { border-radius: 0; } .dbqstsd-popup-container ul::-webkit-scrollbar, .dbqstsd-popup-container ul::-webkit-scrollbar-track { width: 7.5px; height: 7.5px; border-radius: 0; background-color: transparent !important; background: transparent !important; } .dbqstsd-popup-container ul::-webkit-scrollbar-thumb { border-radius: 7.5px; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .dbqstsd-popup-container ul::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !important; } .dbqstsd-popup-container ul span { font-size: 12px; font-weight: 400; } .dbqstsd-popup-container ul span svg { fill: #000000 !important; } .dbqstsd-popup-container ul .dbqstsd-no-result { display: block; margin: 0 7.5px; } .dbqstsd-popup-container ul .dbqstsd-error { color: #d5473c; } .dbqstsd-popup-container ul li.dbqstsd-list-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) */ } .dbqstsd-popup-container ul li.dbqstsd-list-item .dbqstsd-list-item-content { flex-wrap: nowrap; padding: 0px; position: relative; display: flex; justify-content: flex-start; align-items: center; border-radius: 6px; } .dbqstsd-popup-container ul li.dbqstsd-list-item .dbqstsd-list-item-content .dbqstsd-attribute { display: flex; align-items: center; justify-content: space-between; width: 100%; } .dbqstsd-popup-container ul li.dbqstsd-list-item .dbqstsd-list-item-content .dbqstsd-attribute .dbqstsd-attribute-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dbqstsd-popup-container ul li.dbqstsd-list-item .dbqstsd-list-item-content .dbqstsd-attribute .dbqstsd-attribute-checkmark { height: 16px; margin-left: 5px; margin-bottom: 4px; display: none; fill: #000000; flex-shrink: 0; } .dbqstsd-popup-container ul li.dbqstsd-list-item:hover, .dbqstsd-popup-container ul li.dbqstsd-list-item.dbqstsd-selected-list-item { background: transparent !important; color: transparent !important; } .dbqstsd-popup-container ul li.dbqstsd-list-item:hover .dbqstsd-list-item-content, .dbqstsd-popup-container ul li.dbqstsd-list-item.dbqstsd-selected-list-item .dbqstsd-list-item-content { color: #ff7500 !important; } .dbqstsd-popup-container ul li.dbqstsd-list-item.dbqstsd-selected-list-item .dbqstsd-list-item-content { color: #bbbbbb !important; } .dbqstsd-popup-container ul li.dbqstsd-list-item.dbqstsd-selected-list-item .dbqstsd-attribute-checkmark { display: none !important; } .dbqstsd-popup-container ul.dbqstsd-selected-items { border-bottom: 1px solid #f0f2f5; } .dbqstsd-popup-container ul.dbqstsd-selected-items .dbqstsd-list-item.dbqstsd-selected-list-item .dbqstsd-list-item-content { padding: 5px 7.5px !important; background: #eeeeee !important; color: #000000 !important; } .dbqstsd-popup-container ul.dbqstsd-selected-items .dbqstsd-list-item.dbqstsd-selected-list-item .dbqstsd-list-item-content .dbqstsd-attribute-checkmark { display: block !important; } .dbqstsd-popup-container ul.dbqstsd-selected-items .dbqstsd-list-item.dbqstsd-selected-list-item .dbqstsd-selected-list-item { background: transparent !important; color: transparent !important; } .dbqstsd-popup-container .dbqstsd-loading { margin: 5px 15px; } .dbqstsd-popup-container .dbqstsd-buttons { display: flex; margin: 5px 5px 0 5px; } .dbqstsd-popup-container .dbqstsd-buttons .dbqstsd-button { background: #ff7500; color: #ffffff; border: none; margin-right: 5px; padding: 0; outline: 0; width: 24px; height: 24px; border-radius: 50%; } .dbqstsd-popup-container .dbqstsd-buttons .dbqstsd-button svg { fill: #ffffff; } .dbqstsd-loading { display: flex; justify-content: flex-start; align-items: center; font-weight: 600; color: #000000; } .dbqstsd-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 { fill: #ff7500; } /* No label styling */ .dbq-property-no-label .dbqdb-select-single, .dbq-property-no-label .dbqdb-select-single-tree { /* The border radius must change depending on which buttons are visible */ } .dbq-property-no-label .dbqdb-select-single .dbqstsd-output-content-container, .dbq-property-no-label .dbqdb-select-single-tree .dbqstsd-output-content-container { border-radius: 5px !important; } .dbq-property-no-label .dbqdb-select-single[data-inspect-folder-document-id][data-has-value=true]:not([data-inspect-folder-document-id=""]) .dbqstsd-output-content-container, .dbq-property-no-label .dbqdb-select-single-tree[data-inspect-folder-document-id][data-has-value=true]:not([data-inspect-folder-document-id=""]) .dbqstsd-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, .dbq-property-no-label .dbqdb-select-single-tree[data-inspect-folder-document-id][data-has-value=true]:not([data-inspect-folder-document-id=""]) .dbq-select-view-button { border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; } .dbq-property-no-label .dbqdb-select-single[data-inspect-add-rule-code]:not([data-inspect-add-rule-code=""]) .dbqstsd-output-content-container, .dbq-property-no-label .dbqdb-select-single-tree[data-inspect-add-rule-code]:not([data-inspect-add-rule-code=""]) .dbqstsd-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, .dbq-property-no-label .dbqdb-select-single-tree[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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .dbq-form select.form-control:not([multiple=multiple]), .dbq-form select .form-control.error { -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; appearance: none; background: #ffffff; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf8,"); background-position-x: calc(100% - 10px); background-position-y: 50%; background-size: 10px 10px; border-radius: 0 0 5px 5px; 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 #ff7500 !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 5px 5px !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: 5px; 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: #ff7500; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .modal-content .file-upload, .dbq-form .file-upload { position: relative; overflow: hidden; margin: 0px; background-color: #ffffff; border-radius: 0 0 5px 5px; } .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: 20px; 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: flex; flex-wrap: wrap; 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: -moz-max-content; 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 #ff7500 !important; border-radius: 0 0 5px 5px !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 #ff7500 !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 #ff7500 !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 5px 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: #ff7500; 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: 20px; 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 #ff7500 !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: #ff7500; } .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: 5px !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 5px 5px 0 !important; } .modal-content .file-upload-input span, .dbq-form .file-upload-input span { color: #ff7500; } .modal-content .file-upload-input:hover, .dbq-form .file-upload-input:hover { background: #ff7500 !important; background-color: #ff7500 !important; border-color: #ff7500 !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: #ff7500; } .modal-content .image-file-upload-input:hover, .dbq-form .image-file-upload-input:hover { background: #ff7500 !important; background-color: #ff7500 !important; border-color: #ff7500 !important; } .modal-content .image-file-upload-input:hover span, .dbq-form .image-file-upload-input:hover span { color: #ffffff !important; } .modal-content .dbq-has-download-button .file-upload-input, .dbq-form .dbq-has-download-button .file-upload-input { border-radius: 0 !important; } .modal-content .dbq-has-download-button .btn-primary.file-download-button, .dbq-form .dbq-has-download-button .btn-primary.file-download-button { border-left: 0 !important; border-radius: 0 0 5px 0 !important; } .modal-content .dbq-has-download-button .btn-primary.file-download-button:hover, .dbq-form .dbq-has-download-button .btn-primary.file-download-button:hover { color: #ffffff !important; background: #ff7500 !important; border: 1px solid #ff7500 !important; border-left: 0 !important; } .modal-content .input-group .form-control.image-file-upload-filename, .dbq-form .input-group .form-control.image-file-upload-filename { padding: 11px 10px 9px; min-height: 0; height: auto !important; } .modal-content .input-group .form-control.file-upload-filename, .dbq-form .input-group .form-control.file-upload-filename { border: 1px solid #e5e7ec !important; border-radius: 5px 0 0 5px; border-right: 0 !important; } .modal-content .input-group button.file-upload-clear, .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-has-image-preview .image-file-upload input.form-control.image-file-upload-filename, .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-has-image-preview .input-group-btn button.image-file-upload-clear, .dbq-form .dbq-has-image-preview .input-group-btn button.image-file-upload-clear { border-top: 1px dashed #e5e7ec !important; } .modal-content .dbq-has-image-preview .input-group-btn button.image-file-upload-clear:hover, .dbq-form .dbq-has-image-preview .input-group-btn button.image-file-upload-clear:hover { border-top: 1px dashed #d5473c !important; } .modal-content .dbq-has-image-preview .input-group-btn div.image-file-upload-input, .dbq-form .dbq-has-image-preview .input-group-btn div.image-file-upload-input { border-top: 1px dashed #e5e7ec !important; } .modal-content .dbq-has-image-preview .input-group-btn div.image-file-upload-input:hover, .dbq-form .dbq-has-image-preview .input-group-btn div.image-file-upload-input:hover { border-top: 1px dashed #ff7500 !important; } .modal-content .dbq-has-image-preview .image-preview, .dbq-form .dbq-has-image-preview .image-preview { border-radius: 0; } .modal-content .file-download-button, .dbq-form .file-download-button { background: #ffffff !important; line-height: 20px; border: 1px solid #e5e7ec !important; border-radius: 0 0 5px 5px !important; color: #ff7500 !important; fill: #ff7500 !important; width: 100%; height: 35px !important; padding: 6px 10px 9px !important; text-decoration: none; box-shadow: none !important; } .modal-content .file-download-button svg, .dbq-form .file-download-button svg { fill: #ff7500; margin-right: 5px; padding: 0px; } .modal-content .file-download-button:hover, .dbq-form .file-download-button:hover { background: #ff7500 !important; border: 1px solid #ff7500 !important; color: #ffffff !important; } .modal-content .file-download-button:hover svg, .dbq-form .file-download-button:hover svg { fill: #ffffff !important; } .modal-content .btn-primary.dbq-file-download-button-icon-only, .dbq-form .btn-primary.dbq-file-download-button-icon-only { padding: 8px 10px; } .modal-content .btn-primary.dbq-file-download-button-icon-only svg, .dbq-form .btn-primary.dbq-file-download-button-icon-only svg { padding: 2px; margin-right: 0; } .modal-content .image-file-upload.file-upload-hover .form-control, .dbq-form .image-file-upload.file-upload-hover .form-control { border: 0 !important; } .modal-content .image-file-upload.file-upload-hover .image-file-upload-input, .dbq-form .image-file-upload.file-upload-hover .image-file-upload-input { border: 0 !important; border-left: 1px dashed #ff7500 !important; border-radius: 0 0 7px 0 !important; } .modal-content .image-file-upload.file-upload-hover .file-upload-input, .dbq-form .image-file-upload.file-upload-hover .file-upload-input { border: 0 !important; border-left: 1px dashed #ff7500 !important; border-radius: 0 0 7px 0 !important; } .modal-content .input-group.file-upload-hover .form-control.file-upload-filename, .dbq-form .input-group.file-upload-hover .form-control.file-upload-filename { height: 46px !important; border: 0 !important; } .modal-content .input-group.file-upload-hover button.file-upload-clear, .dbq-form .input-group.file-upload-hover button.file-upload-clear { height: 46px !important; } .modal-content .image-file-upload-filename, .dbq-form .image-file-upload-filename { pointer-events: none !important; cursor: default !important; } .modal-content .form-control.file-upload-filename, .dbq-form .form-control.file-upload-filename { pointer-events: none !important; cursor: default !important; } .modal-content .form-control.file-upload-filename:focus, .dbq-form .form-control.file-upload-filename:focus { box-shadow: none; } .modal-content input.form-control.image-file-upload-filename, .dbq-form input.form-control.image-file-upload-filename { height: 50px !important; border-radius: 0 0 5px 5px; } .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 #ff7500 !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 #ff7500 !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 5px 5px; padding: 6.5px 10px; font-weight: 500; font-size: 13px; line-height: 20px; } .image-preview { display: flex; align-items: center; justify-content: center; position: relative; min-height: 80px; background: #ffffff !important; border: 1px dashed #e5e7ec !important; cursor: pointer; } .image-preview a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; } .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: #ff7500; 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 5px 5px !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 5px 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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 #ff7500 !important; background: #ff7500 !important; } .dbq-form .checkbox input[type=checkbox]:checked + .cr:hover { border: 2px solid #ff7500 !important; background: #ff7500 !important; } .dbq-form .checkbox input[type=checkbox]:checked + .cr svg { fill: #ffffff; } .dbq-form .checkbox:hover .cr { border: 2px solid #ff7500 !important; background: #ff7500 !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, .dbq-popup 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, .dbq-popup form[data-view-mode=View] .dbq-form .checkbox .cr { background: transparent; border: 2px solid #ff7500; } .modal form[data-view-mode=View] .dbq-form .checkbox:hover .cr, .dbq-popup form[data-view-mode=View] .dbq-form .checkbox:hover .cr { background: transparent !important; border: 2px solid #ff7500 !important; } .modal form[data-view-mode=View] .dbq-form .checkbox:hover input[type=checkbox]:checked + .cr, .dbq-popup form[data-view-mode=View] .dbq-form .checkbox:hover input[type=checkbox]:checked + .cr { border: 2px solid #ff7500 !important; background: #ff7500 !important; } .modal form[data-view-mode=View] .dbq-form .checkbox:hover input[type=checkbox]:checked + .cr:hover, .dbq-popup 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, .dbq-popup 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, .dbq-popup 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, .dbq-popup 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, .dbq-popup .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, .dbq-popup .dbq-form .dbq-form-group .checkbox, .dbq-popup .dbq-form .dbq-form-group-padding .checkbox, .dbq-popup .dbq-form .dbq-form-group-no-padding .checkbox { padding: 0; border: 0 !important; } .modal form[data-view-mode=Delete] .dbq-form .checkbox, .dbq-popup 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, .dbq-popup form[data-view-mode=Delete] .dbq-form .checkbox .cr { background: transparent; border: 2px solid #ff7500; } .modal form[data-view-mode=Delete] .dbq-form .checkbox:hover .cr, .dbq-popup form[data-view-mode=Delete] .dbq-form .checkbox:hover .cr { background: transparent !important; border: 2px solid #ff7500 !important; } .modal form[data-view-mode=Delete] .dbq-form .checkbox:hover input[type=checkbox]:checked + .cr, .dbq-popup form[data-view-mode=Delete] .dbq-form .checkbox:hover input[type=checkbox]:checked + .cr { border: 2px solid #ff7500 !important; background: #ff7500 !important; } .modal form[data-view-mode=Delete] .dbq-form .checkbox:hover input[type=checkbox]:checked + .cr:hover, .dbq-popup 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, .dbq-popup form[data-view-mode=View] .checkbox input[type=checkbox]:checked + .cr { border: 2px solid #ff7500 !important; background: #ff7500 !important; } .modal form[data-view-mode=View] .checkbox:hover input[type=checkbox]:checked + .cr, .dbq-popup form[data-view-mode=View] .checkbox:hover input[type=checkbox]:checked + .cr { border: 2px solid #ff7500 !important; background: #ff7500 !important; } .modal form[data-view-mode=View] .checkbox:hover .cr, .dbq-popup 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, .dbq-popup 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, .dbq-popup 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, .dbq-popup form[data-view-mode=View] input[type=checkbox]:checked:hover + .cr { border: 2px solid #ff7500 !important; background: #ff7500 !important; } .modal form[data-view-mode=View] input[type=checkbox]:checked:hover + .cr svg, .dbq-popup 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], .dbq-popup 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .input-list { margin-bottom: 15px; } .input-list .input-list-item-content-container { flex: 1; min-width: 0; } .input-list .input-list-item-content { float: left; width: 100%; padding: 15px 15px 0 15px; } .input-list .input-list-content { width: 100%; padding: 0; } .input-list .input-list-item-sorting-indicator { width: 40px; border-left: 1px solid #dddddd; 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; 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%; 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; 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; box-shadow: none; background: 0; } .input-list .input-list-item-add button.input-list-item-add-button span { color: #ff7500 !important; margin-left: 10px; } .input-list .input-list-item-add button.input-list-item-add-button svg { float: left; fill: #ff7500; width: 24px; height: 24px; } .input-list .input-list-item-add button.input-list-item-add-button:enabled:hover { background: #ff7500; background: #ff7500 !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: #ffffff; display: flex; border: 1px solid #dddddd; border-bottom: 0; } .input-list .input-list-item:first-of-type { border-radius: 15px 15px 0 0; } .input-list .input-list-item:last-of-type { border-bottom: 1px solid #dddddd; } .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: 15px; 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 .dbq-element-header-5 { display: block; } .input-list[data-is-accordion=true] .input-list-item .input-list-item-accordion-header { display: flex; width: 100%; cursor: pointer; border-bottom: 1px solid #dddddd; } .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; } .input-list[data-sort-direction="1"][data-has-visible-add-button=true] .input-list-content { background: #f0f2f5; border: 1px solid #dddddd; background: 0; border-radius: 0 0 15px 15px; } .input-list[data-sort-direction="1"][data-has-visible-add-button=false] .input-list-content { border-radius: 15px; } .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; } .input-list[data-show-index-numbers=true] .input-list-item .input-list-item-index-background { background: 0; border-right: 1px solid #dddddd; 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: #ff7500; 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: #ffffff; } .input-list[data-is-read-only=false] .input-list-item:last-of-type { border-bottom: 0; } .input-list-item[data-is-read-only=true] .input-list-item-remove-button { filter: alpha(opacity=65); 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: #ffffff; border: 1px solid #dddddd; border-radius: 0 0 15px 15px; padding: 0; } .input-list[data-sort-direction="1"] .input-list-item-add { background: 0; border: 1px solid #dddddd; border-bottom: 0; border-radius: 15px 15px 0 0; padding: 0; } .input-list[data-sort-direction="1"] .input-list-item:last-of-type { border: 0; border-radius: 0 0 15px 15px; } .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 button.input-list-item-remove-button { border: 0; background: 0; box-shadow: none; background: 0; } .dbq-form .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: 5px; } .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 5px 5px !important; background: #f0f2f5; } .dbq-form .input-list[data-sort-direction="0"] .input-list-item-add button.input-list-item-add-button:enabled:hover { background: #ff7500; } .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: #ff7500 !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 15px 15px; } .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 #dddddd !important; } .dbq-form div[data-has-visible-remove-buttons=true] .input-list-item-remove button.input-list-item-remove-button:enabled svg { fill: #ff7500; } .dbq-form div[data-has-visible-remove-buttons=true] .input-list-item-remove button.input-list-item-remove-button:enabled:hover { background: #ff7500 !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-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: 33.3333333333%; } .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(33.3333333333% - 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(50% - 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: 15px; } .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 15px 15px 0; } .dbq-form .row[data-element-type=InputProperty] .dbq-property-no-label .dbq-input-no-label .date input { border-radius: 0 15px 15px 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 #dddddd; } .dbq-form div[data-has-visible-remove-buttons=true] .input-list-item-remove button.input-list-item-remove-button:enabled:hover { background: #ff7500; } .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: #ff7500; } .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 15px 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 15px 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 #dddddd; } .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: 33.3333333333%; } .dbq-form .flex-container .row[data-element-type=InputProperty].dbq-column-33-mr { margin: 0; margin-right: 10px; float: left; width: calc(33.3333333333% - 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(50% - 10px); } .dbq-dynamic-properties-input-list .input-list .input-list-content { border: 1px solid #dddddd; } .dbq-dynamic-properties-input-list .input-list .input-list-content .input-list-item-content { padding: 0 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-show-index-numbers=true][data-is-accordion=false] .input-list-item-content .flex-container { margin-bottom: 15px; } .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: 15px; } 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 15px; } #content-wrapper div[data-topic-name=Dashboard] div[data-element-type=BeginInputList] { margin: 0 0 15px 0; } #content-wrapper div[data-topic-name=Dashboard] .flex-container div[data-element-type=InputProperty] { margin: 0 0 15px 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: 15px; } .input-list[data-has-visible-remove-buttons=false] .input-list-item-remove-button-container { display: none; } 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: 15px !important; border: 1px solid #dddddd !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; } .input-list[data-is-read-only=true]:not([data-is-accordion=true]) .input-list-item:last-of-type { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } .classlist-record-view-list .input-list[data-is-read-only=true] .input-list-item, .classlist-record-view-list .input-list[data-is-read-only=true] .input-list-item:first-of-type .input-list-item:last-of-type { background-color: transparent; border: 0; } .classlist-record-view-list .input-list[data-is-read-only=true] .input-list-item .input-list-item-content, .classlist-record-view-list .input-list[data-is-read-only=true] .input-list-item:first-of-type .input-list-item:last-of-type .input-list-item-content { padding: 0; } .classlist-record-view-list .input-list[data-is-read-only=true] .input-list-item .input-list-item-content .flex-container, .classlist-record-view-list .input-list[data-is-read-only=true] .input-list-item:first-of-type .input-list-item:last-of-type .input-list-item-content .flex-container { margin-bottom: 0 !important; } .classlist-record-view-list .input-list[data-is-read-only=true] .input-list-item:has(+ .input-list-item) .input-list-item-content p, .classlist-record-view-list .input-list[data-is-read-only=true] .input-list-item:first-of-type .input-list-item:last-of-type:has(+ .input-list-item) .input-list-item-content p { margin-bottom: 5px; } .classlist-record-view-list .input-list[data-is-read-only=true] .input-list-item:not(:first-of-type) p.dbqdb-insert-property { min-height: 30px !important; } .classlist-record-view-list .dbq-input-list-no-repeating-labels .input-list[data-is-read-only=true] .input-list-item .dbq-element-header-5, .classlist-record-view-list .dbq-input-list-no-repeating-labels .input-list[data-is-read-only=true] .input-list-item:first-of-type .input-list-item:last-of-type .dbq-element-header-5 { display: none; } .classlist-record-view-list .dbq-input-list-no-repeating-labels .input-list[data-is-read-only=true] .input-list-item:first-of-type .dbq-element-header-5, .classlist-record-view-list .dbq-input-list-no-repeating-labels .input-list[data-is-read-only=true] .input-list-item:first-of-type .input-list-item:last-of-type:first-of-type .dbq-element-header-5 { display: block; } .dbq-loading-indicator-loader { border: 1px solid #000000; border-radius: 50%; border-right-color: transparent; border-bottom-color: transparent; width: 50px; height: 50px; animation-name: loading; animation-duration: 700ms; animation-iteration-count: infinite; animation-timing-function: linear; } .dbq-loading-indicator-loader.dbq-loading-indicator-loader-large { width: 80px; height: 80px; } @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 { 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .dbq-form .input-group .form-control.datetimepicker, .dbq-form .input-group .form-control.datepicker { border-radius: 0 0 5px 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, .dbq-popup .dbq-form .row[data-element-type=InputProperty] .datepicker table { border: 0 !important; } .modal .dbq-form .row[data-element-type=InputProperty] .timepicker-picker table, .dbq-popup .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: 5px !important; box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1); color: #000000; z-index: 1200; position: absolute; height: -moz-min-content; height: min-content; } .bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after { display: none; } .bootstrap-datetimepicker-widget .row { margin: 0; } .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: #ff7500 !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: #fff; } .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: #ff7500 !important; color: #ffffff !important; } .bootstrap-datetimepicker-widget table td.active { background-color: #ff7500 !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: #ff7500; } .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: #ff7500; color: #fff; text-shadow: none; } .bootstrap-datetimepicker-widget .prev, .bootstrap-datetimepicker-widget .next { color: #ff7500 !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: #ff7500 !important; background: #fff; } .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: #ff7500; color: #fff; } .bootstrap-datetimepicker-widget .timepicker-picker table tr td a.btn { float: none; } .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: #ff7500; } .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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .dbqdbeec-editor { float: left; width: 100%; background: #ffffff; border-radius: 0 0 5px 5px; } .dbscrollview { border: 2px solid #e5e7ec; border-radius: 5px; } .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 5px 5px; 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 5px 5px; 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: #ff7500; margin-left: 10px; } .dbqdb-expression-editor-container .element-visibility-expression-function-button-add-container .element-visibility-expression-function-button-add svg { fill: #ff7500; width: 24px; height: 24px; } .dbqdb-expression-editor-container .element-visibility-expression-function-button-add-container .element-visibility-expression-function-button-add:hover { background: #ff7500; } .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: #ff7500; 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: #ff7500; 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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: 5px; 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-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; 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, .apexcharts-toolbar .apexcharts-selection-icon { display: inline-block; transform: scale(1); width: 24px; height: 24px; } .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, .apexcharts-toolbar .apexcharts-selection-icon svg { transform: scale(1); 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, .apexcharts-toolbar .apexcharts-selection-icon:hover svg { fill: #ff7500; } .apexcharts-toolbar svg { float: left; box-sizing: border-box; stroke: none !important; fill: #000000; } .apexcharts-toolbar .apexcharts-selected svg { fill: #ff7500 !important; color: #ff7500 !important; stroke: none !important; } .apexcharts-toolbar .apexcharts-toolbar-custom-icon svg { fill: #000000; } .apexcharts-toolbar .apexcharts-toolbar-custom-icon:hover svg { fill: #ff7500; } .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: #ff7500; border: #ff7500; } .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: 5px; background: #ffffff !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: 5px; 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; 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, .dbq-popup .element-graph { border: 2px solid #e5e7ec !important; border-radius: 5px !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; 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: #ff7500 !important; } .apexcharts-theme-light .apexcharts-zoom-icon:not(.apexcharts-selected):hover svg { fill: #ff7500 !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: #ff7500 !important; } .apexcharts-menu { background-color: #fff; background: #fff; border: 2px solid #f1f4f7; border-radius: 5px; 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: #ff7500; } .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: #fff; background: #fff; border: 2px solid #f1f4f7; border-radius: 5px; 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: "Red Hat Text", 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: 5px; background: none; position: relative; } .dbq-no-data-available-container .dbq-no-data-available-center { float: left; width: 100%; height: 140px; position: absolute; top: 50%; left: 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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; } .dbqdb-block.dbqdb-block-elevated-background { padding: 15px; margin-bottom: 15px !important; background-color: #FBFBFB; border-radius: 5px; } .dbqdb-block.dbqdb-block-elevated-background .flex-container:not(:last-of-type) { margin-bottom: 15px; } .dbqdb-block.dbqdb-block-elevated-background .flex-container:last-of-type .dbq-column .dbqdb-element:last-of-type { margin-bottom: 0px; } .dbqdb-block.dbqdb-block-elevated-background .dbqdb-block:last-of-type { margin-bottom: 0px; } .dbqdb-block.dbqdb-block-elevated-background .dbqdb-block:last-of-type .input-list, .dbqdb-block.dbqdb-block-elevated-background .dbqdb-block:last-of-type p:last-of-type { margin-bottom: 0px; } .flex-container .flex-item-1.dbq-column .dbqdb-block.dbqdb-block-elevated-background { margin-bottom: 0px !important; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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 { -moz-appearance: none; 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 { -moz-appearance: none; appearance: none; -webkit-appearance: none; background: #ffffff; border: 1px solid #ff7500; 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 #ff7500; 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 canvas.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 #ff7500; 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; 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; -o-appearance: none; appearance: none; background: transparent; background-repeat: no-repeat !important; background-image: url("data:image/svg+xml;utf8,") !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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .popover { background-color: #f5f7f9; border: 1px solid #e5e7ec; border-radius: 5px; 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: 5px 5px 0 0; } .popover .popover-body { color: #000000; background: #f5f7f9; padding: 15px 20px; font-weight: 400; border-radius: 0 0 5px 5px; } .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 5px 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: #ff7500; border-radius: 0 0 5px 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: 5px; } .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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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 5px 5px; } .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: 35px !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: 35px !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: #ff7500; border: 2px solid #ff7500; } .dbq-form .dbq-radio-container label.dbq-radio:hover input ~ .dbq-radiomark { background-color: #ff7500; border: 2px solid #ff7500; } .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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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: #fff; background: #fff; border: 2px solid #f1f4f7; border-radius: 5px; box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1); color: #000000; padding: 6px; max-height: 500px; overflow-y: auto; width: -moz-min-content; width: min-content; z-index: 1100; box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.15) !important; } .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu::-webkit-scrollbar-track { box-shadow: none; } .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu::-webkit-scrollbar-corner, .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu::-webkit-scrollbar-corner { background-color: #ffffff; } .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu::-webkit-scrollbar, .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu::-webkit-scrollbar-corner, .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu::-webkit-scrollbar-track, .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu::-webkit-scrollbar-thumb { border-radius: 10px; } .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu::-webkit-scrollbar, .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu::-webkit-scrollbar-track { width: 7.5px; height: 7.5px; border-radius: 10px; background-color: transparent !important; background: transparent !important; } .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu::-webkit-scrollbar-thumb { border-radius: 7.5px; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .dbqdb-translation-languages-container .dbqdbtlc-dropdown .dropdown-menu::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !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: 24px; text-decoration: none; width: -moz-max-content; 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%; cursor: pointer; 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: #ff7500; } .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; } .dbq-document .dbq-dashboard-financial-blocks .flex-container .dbq-column { gap: 0px; } .dbq-document .dbq-dashboard-financial-blocks .flex-container .dbq-column .element-collapsible { border-radius: 5px; } .dbq-document .dbq-dashboard-financial-blocks hr { margin: 0 !important; margin-bottom: 15px !important; } .dbq-document .dbq-input-list-birthdays .input-list-item-content .dbq-column { justify-content: center; } .dbq-document .dbq-input-list-birthdays .input-list-item-content .dbq-column:first-child { flex: none; } .dbq-document .dbq-input-list-birthdays .input-list-item-content .dbqdb-image { width: 50px; height: 50px; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } .dbq-document .dbq-input-list-birthdays .input-list-item-content p { min-height: inherit !important; margin-bottom: 0 !important; } .dbq-document .dbq-ellipsis-1 { overflow: hidden; white-space: nowrap; text-overflow: clip; } .dbq-document .dbq-ellipsis-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .dbq-document .dbq-ellipsis-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .dbq-document .dbq-ellipsis-4 { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .dbq-document .dbq-ellipsis-5 { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } .dbq-document .dbq-ellipsis-6 { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; } .dbq-document .dbq-ellipsis-7 { display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; } .dbq-document .dbq-ellipsis-8 { display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; } .dbq-document .dbq-ellipsis-9 { display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; overflow: hidden; } .dbq-document .dbq-ellipsis-10 { display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; overflow: hidden; } table.documentlist { width: 100%; margin-top: 20px; } body.embedded { margin: 0; margin-bottom: 10px; margin-top: 10px; -ms-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-align-content: flex-end; align-content: flex-end; align-items: flex-end; display: flex; flex-wrap: wrap; 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-align-content: center; align-content: center; color: #333; flex: 1; font-size: 15px; 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-bottom: 15px; } .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-align-content: center; align-content: center; flex: 1 0 340px; margin-top: 10px; } input.slider-control { height: 1px; opacity: 0 !important; width: 1px; } .slider-control-helper { -ms-align-content: stretch; align-content: stretch; display: flex; flex: 1 0 480px; font-family: Roboto; font-size: 0.8em; font-weight: 300; 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; 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-align-content: flex-end; align-content: flex-end; color: #ffffff; color: white; flex: 1; font-size: 1.3em; font-size: 14px; justify-content: flex-end; vertical-align: middle; cursor: pointer; margin-bottom: 15px; padding: 9px 12px; font-weight: 400; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-image: none; } .element .property div.slider-control-value-helper { -ms-align-content: center; align-content: center; align-items: flex-end; display: flex; 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%; transform: translateY(-50%); } .element-collapsible-button-center { bottom: 5px; left: 50%; transform: translateX(-50%); } .element-collapsible-button-right { right: 10px; top: 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: flex; width: -moz-max-content; width: max-content; padding: 9px 12px; text-decoration: none; vertical-align: middle; } .action-button.raised a img { 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%; 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: 300px; /* Should be the same as attribute height of the canvas */ background: #ffffff; border: 2px dashed #e5e7ec; 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: #ff7500; } .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; 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 { filter: blur(3px); transition: filter 400ms; } .blur-up.lazyloaded { 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; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; 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 { 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%; 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, .dbq-popup .dbq-form .dbq-form-group .dbq-form-group-title-label { display: none; } .modal .dbq-form .dbq-form-group .checkbox label, .dbq-popup .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; 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, .dbq-popup 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; } .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 */ } /***************************************** topic / document topic tabs *****************************************/ .dbq-document button.btn-default.dropdown-toggle { background: 0; border: 1px solid #ced4da; } .dbq-document 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; } } @media only screen and (max-width: 1140px) and (min-width: 961px) { .modal-lg { max-width: 1100px; } } @media only screen and (min-width: 1141px) { .modal-lg { min-width: 1100px; } } .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 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 */ } .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; } /* ****************************** 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 ************************************************** */ /* ************************************************** 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 */ /* ****************************** Hover indication for drag/drop on file input ****************************** */ /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } #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; } .dbqdcl-hidden, .dbqdcltl-hidden, .dbqdclrvl-hidden { display: none !important; } .embedded-map { margin-bottom: 0 !important; } h3.ellipsis { color: #ff7500 !important; } .form-inline { border-radius: 5px; } #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: 5px; } #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*/ } .dbqdcl-loading-view, .dbqdcl-report-refresh-view { position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; opacity: 1; } .dbqdcl-loading-indicator { position: absolute; top: 0; left: 0; z-index: 20; background: rgba(255, 255, 255, 0.5019607843); } .dbqdcl-report-refresh-view { display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.5019607843); } .dbqdcl-report-refresh-view .dbqdcl-report-refresh-description-container { display: flex; flex-direction: column; align-items: center; background: #ffffff; border-radius: 5px; border: 2px solid #dddddd; padding: 15px; gap: 15px; text-align: center; max-width: 400px; } .dbqdcl-report-refresh-view .dbqdcl-report-refresh-description-container .dbqdcl-report-refresh-description { color: #000000; font-weight: 600; } .dbqdcl-report-refresh-view .dbqdcl-report-refresh-description-container .dbqdcl-report-refresh-button { display: flex; align-items: center; outline: none; background: #ff7500; border: 2px solid #dddddd; border-color: #ff7500; color: #fff; font-size: 14px; border-radius: 5px; -moz-background-clip: border-box; -webkit-background-clip: border-box; background-clip: border-box; } .dbqdcl-report-refresh-view .dbqdcl-report-refresh-description-container .dbqdcl-report-refresh-button:hover { background: #e66900; border-color: #e66900; color: #fff; transition: all 0.3s ease; } .dbqdcl-report-refresh-view .dbqdcl-report-refresh-description-container .dbqdcl-report-refresh-button:not(:disabled):not(.disabled):active, .dbqdcl-report-refresh-view .dbqdcl-report-refresh-description-container .dbqdcl-report-refresh-button:active { background: #e66900; border-color: #e66900; color: #fff; } .dbqdcl-report-refresh-view .dbqdcl-report-refresh-description-container .dbqdcl-report-refresh-button svg { margin-right: 5px; 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } #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: #ff7500; border: 1px solid #dddddd; } #classlist .classlist-toolbar-item:hover svg { fill: #fff; } #classlist button.classlist-toolbar-item:hover:enabled { background: #ff7500 !important; border: 2px solid #dddddd !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%; transform: translate(-50%, -50%); fill: #ff7500; } .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 svg { float: left; margin: 0; padding: 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; } svg.normal-right-spinner { animation: spin 1s linear infinite; } @keyframes spin { 100% { 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .document-class-list-tabs-container, .classlist-window-tabs { position: relative; z-index: 15; } .document-class-list-tabs-container .nav-tabs, .classlist-window-tabs .nav-tabs { display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; padding: 0 15px; background: none; width: 100%; border: 0; /* width */ /* Track */ /* Handle */ } .document-class-list-tabs-container .nav-tabs::-webkit-scrollbar, .classlist-window-tabs .nav-tabs::-webkit-scrollbar { width: 8px; height: 8px; } .document-class-list-tabs-container .nav-tabs::-webkit-scrollbar-track, .classlist-window-tabs .nav-tabs::-webkit-scrollbar-track { border: 0px solid; border-radius: 10px; border-color: transparent; } .document-class-list-tabs-container .nav-tabs::-webkit-scrollbar-thumb, .classlist-window-tabs .nav-tabs::-webkit-scrollbar-thumb { border-radius: 10px; border: 1px solid transparent; background-color: #FBFBFB; outline: 1px solid #dddddd; outline-offset: -1px; -webkit-background-clip: padding-box; background-clip: padding-box; } .document-class-list-tabs-container .nav-tabs::-webkit-scrollbar-thumb:hover, .classlist-window-tabs .nav-tabs::-webkit-scrollbar-thumb:hover { background-color: #f4f4f4; } .document-class-list-tabs-container .nav-tabs::-webkit-scrollbar-corner, .classlist-window-tabs .nav-tabs::-webkit-scrollbar-corner { background: transparent; } .document-class-list-tabs-container .nav-tabs .dbqdcl-nav-tab-item, .classlist-window-tabs .nav-tabs .dbqdcl-nav-tab-item { cursor: pointer; margin: 0 30px 0 0; border: none; border-radius: 0px; height: 45px; display: flex; align-items: center; justify-content: center; } .document-class-list-tabs-container .nav-tabs .dbqdcl-nav-tab-item .dbqdcl-nav-tab-item-content, .classlist-window-tabs .nav-tabs .dbqdcl-nav-tab-item .dbqdcl-nav-tab-item-content { padding: 4px 6px; border-radius: 6px; min-width: -moz-max-content; min-width: max-content; } .document-class-list-tabs-container .nav-tabs .dbqdcl-nav-tab-item .dbqdcl-nav-tab-item-content a, .classlist-window-tabs .nav-tabs .dbqdcl-nav-tab-item .dbqdcl-nav-tab-item-content a { white-space: nowrap; float: unset; font-size: 14px; font-weight: normal; text-decoration: none; text-align: center; display: inline-flex; flex-direction: column; color: #000000; } .document-class-list-tabs-container .nav-tabs .dbqdcl-nav-tab-item .dbqdcl-nav-tab-item-content a::after, .classlist-window-tabs .nav-tabs .dbqdcl-nav-tab-item .dbqdcl-nav-tab-item-content a::after { content: attr(data-name); content: attr(data-name)/""; height: 0; visibility: hidden; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; font-weight: 600; } @media speech { .document-class-list-tabs-container .nav-tabs .dbqdcl-nav-tab-item .dbqdcl-nav-tab-item-content a::after, .classlist-window-tabs .nav-tabs .dbqdcl-nav-tab-item .dbqdcl-nav-tab-item-content a::after { display: none; } } .document-class-list-tabs-container .nav-tabs .dbqdcl-nav-tab-item .dbqdcl-nav-tab-item-content svg, .classlist-window-tabs .nav-tabs .dbqdcl-nav-tab-item .dbqdcl-nav-tab-item-content svg { fill: #000000; } .document-class-list-tabs-container .nav-tabs .dbqdcl-nav-tab-item[data-has-submenu=true][data-is-hovering-submenu=true], .document-class-list-tabs-container .nav-tabs .dbqdcl-nav-tab-item[data-has-submenu=true][data-is-hovering=true], .classlist-window-tabs .nav-tabs .dbqdcl-nav-tab-item[data-has-submenu=true][data-is-hovering-submenu=true], .classlist-window-tabs .nav-tabs .dbqdcl-nav-tab-item[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 .dbqdcl-nav-tab-item[data-is-hovering-submenu=true], .document-class-list-tabs-container .nav-tabs .dbqdcl-nav-tab-item.active, .document-class-list-tabs-container .nav-tabs .dbqdcl-nav-tab-item.active:hover, .document-class-list-tabs-container .nav-tabs .dbqdcl-nav-tab-item:hover, .classlist-window-tabs .nav-tabs .dbqdcl-nav-tab-item[data-is-hovering-submenu=true], .classlist-window-tabs .nav-tabs .dbqdcl-nav-tab-item.active, .classlist-window-tabs .nav-tabs .dbqdcl-nav-tab-item.active:hover, .classlist-window-tabs .nav-tabs .dbqdcl-nav-tab-item:hover { background: transparent !important; box-shadow: none; } .document-class-list-tabs-container .nav-tabs .dbqdcl-nav-tab-item.active .dbqdcl-nav-tab-item-content > svg, .classlist-window-tabs .nav-tabs .dbqdcl-nav-tab-item.active .dbqdcl-nav-tab-item-content > svg { display: none; } .document-class-list-tabs-container .nav-tabs .dbqdcl-nav-tab-item.active .dbqdcl-submenu, .classlist-window-tabs .nav-tabs .dbqdcl-nav-tab-item.active .dbqdcl-submenu { display: none; } .document-class-list-tabs-container .nav-tabs .dbqdcl-nav-tab-item.active::after, .document-class-list-tabs-container .nav-tabs .dbqdcl-nav-tab-item.active:hover::after, .classlist-window-tabs .nav-tabs .dbqdcl-nav-tab-item.active::after, .classlist-window-tabs .nav-tabs .dbqdcl-nav-tab-item.active:hover::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #ff7500; } .document-class-list-tabs-container .nav-tabs .dbqdcl-nav-tab-item.active .dbqdcl-nav-tab-item-content > a, .document-class-list-tabs-container .nav-tabs .dbqdcl-nav-tab-item.active:hover .dbqdcl-nav-tab-item-content > a, .classlist-window-tabs .nav-tabs .dbqdcl-nav-tab-item.active .dbqdcl-nav-tab-item-content > a, .classlist-window-tabs .nav-tabs .dbqdcl-nav-tab-item.active:hover .dbqdcl-nav-tab-item-content > a { color: #ff7500 !important; font-weight: 600; } .document-class-list-tabs-container .nav-tabs .dbqdcl-nav-tab-item.active .dbqdcl-nav-tab-item-content svg, .document-class-list-tabs-container .nav-tabs .dbqdcl-nav-tab-item.active:hover .dbqdcl-nav-tab-item-content svg, .classlist-window-tabs .nav-tabs .dbqdcl-nav-tab-item.active .dbqdcl-nav-tab-item-content svg, .classlist-window-tabs .nav-tabs .dbqdcl-nav-tab-item.active:hover .dbqdcl-nav-tab-item-content svg { fill: #ff7500 !important; } .document-class-list-tabs-container .nav-tabs .dbqdcl-nav-tab-item:hover, .classlist-window-tabs .nav-tabs .dbqdcl-nav-tab-item:hover { border-bottom: 0; } .document-class-list-tabs-container .nav-tabs .dbqdcl-nav-tab-item:hover .dbqdcl-nav-tab-item-content, .classlist-window-tabs .nav-tabs .dbqdcl-nav-tab-item:hover .dbqdcl-nav-tab-item-content { background: #f4f4f4; } .document-class-list-tabs-container .nav-tabs .dbqdcl-nav-tab-item:hover .dbqdcl-nav-tab-item-content > a, .classlist-window-tabs .nav-tabs .dbqdcl-nav-tab-item:hover .dbqdcl-nav-tab-item-content > a { color: #000000 !important; font-weight: 600; } .document-class-list-tabs-container .nav-tabs .dbqdcl-nav-tab-item.active:hover .dbqdcl-nav-tab-item-content, .classlist-window-tabs .nav-tabs .dbqdcl-nav-tab-item.active:hover .dbqdcl-nav-tab-item-content { background: #fff4eb; } .document-class-list-tabs-container .nav-tabs .dbqdcl-nav-tab-item:last-of-type, .classlist-window-tabs .nav-tabs .dbqdcl-nav-tab-item: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: 5px 5px 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: 5px 5px 0 0; } .classlist-window-tabs .nav-tabs li:hover ul { display: block; } .dbqdcl-nav-tabs-main-menu-container { display: flex; background: #FBFBFB; border-radius: 5px 5px 0 0; border-bottom: 1px solid #dddddd; } ul.dbqdcl-submenu { position: absolute; z-index: 1040; list-style: none; padding: 7.5px; margin: 0; border-radius: 5px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2); background: #ffffff !important; } ul.dbqdcl-submenu li { cursor: pointer; padding: 2px 0px; margin: 0; background: #ffffff; border: 1px solid #ffffff; } ul.dbqdcl-submenu li a { color: #000000 !important; padding: 4px 6px; border-radius: 6px; width: 100%; text-decoration: none; float: unset; display: inline-flex; flex-direction: row; justify-content: space-between; position: relative; } ul.dbqdcl-submenu li a .dbqdcl-nav-tab-item-name { display: inline-flex; flex-direction: column; font-family: "Red Hat Text", sans-serif; font-size: 14px; font-weight: normal; white-space: nowrap; } ul.dbqdcl-submenu li a .dbqdcl-nav-tab-item-name::after { content: attr(data-name); font-weight: 600; font-family: "Red Hat Text", sans-serif; font-size: 14px; visibility: hidden; pointer-events: none; white-space: nowrap; height: 0; } @media speech { ul.dbqdcl-submenu li a .dbqdcl-nav-tab-item-name::after { display: none; } } ul.dbqdcl-submenu li a svg { fill: #ffffff; } ul.dbqdcl-submenu li.active > a, ul.dbqdcl-submenu li.active:hover > a, ul.dbqdcl-submenu li:hover > a { color: #000000 !important; background: #f4f4f4; } ul.dbqdcl-submenu li.active > a .dbqdcl-nav-tab-item-name, ul.dbqdcl-submenu li.active:hover > a .dbqdcl-nav-tab-item-name, ul.dbqdcl-submenu li:hover > a .dbqdcl-nav-tab-item-name { font-weight: 600; } ul.dbqdcl-submenu li.active > a svg, ul.dbqdcl-submenu li.active:hover > a svg, ul.dbqdcl-submenu li:hover > a svg { fill: #000000 !important; } ul.dbqdcl-submenu li.active > a, ul.dbqdcl-submenu li.active:hover > a { background: #fff4eb; } ul.dbqdcl-submenu li.active > a .dbqdcl-nav-tab-item-name, ul.dbqdcl-submenu li.active:hover > a .dbqdcl-nav-tab-item-name { color: #ff7500 !important; } ul.dbqdcl-submenu li:first-of-type { margin-top: 0; } ul.dbqdcl-submenu li:last-of-type { margin-bottom: 0; } .document-class-list-tabs-container .nav-tabs.dbqdcl-nav-tabs-submenu, .classlist-window-tabs .nav-tabs.dbqdcl-nav-tabs-submenu { border-bottom: 1px solid #dddddd; } .document-class-list-tabs-container .nav-tabs.dbqdcl-nav-tabs-submenu .dbqdcl-nav-tab-item .dbqdcl-nav-tab-item-content, .classlist-window-tabs .nav-tabs.dbqdcl-nav-tabs-submenu .dbqdcl-nav-tab-item .dbqdcl-nav-tab-item-content { border-radius: 15px; } .document-class-list-tabs-container .nav-tabs.dbqdcl-nav-tabs-submenu .dbqdcl-nav-tab-item.active .dbqdcl-nav-tab-item-content, .document-class-list-tabs-container .nav-tabs.dbqdcl-nav-tabs-submenu .dbqdcl-nav-tab-item.active:hover .dbqdcl-nav-tab-item-content, .classlist-window-tabs .nav-tabs.dbqdcl-nav-tabs-submenu .dbqdcl-nav-tab-item.active .dbqdcl-nav-tab-item-content, .classlist-window-tabs .nav-tabs.dbqdcl-nav-tabs-submenu .dbqdcl-nav-tab-item.active:hover .dbqdcl-nav-tab-item-content { padding: 4px 10px; background: #fff4eb; } .document-class-list-tabs-container .nav-tabs.dbqdcl-nav-tabs-submenu .dbqdcl-nav-tab-item.active .dbqdcl-nav-tab-item-content a, .document-class-list-tabs-container .nav-tabs.dbqdcl-nav-tabs-submenu .dbqdcl-nav-tab-item.active:hover .dbqdcl-nav-tab-item-content a, .classlist-window-tabs .nav-tabs.dbqdcl-nav-tabs-submenu .dbqdcl-nav-tab-item.active .dbqdcl-nav-tab-item-content a, .classlist-window-tabs .nav-tabs.dbqdcl-nav-tabs-submenu .dbqdcl-nav-tab-item.active:hover .dbqdcl-nav-tab-item-content a { color: #ff7500 !important; font-weight: 600; } .document-class-list-tabs-container .nav-tabs.dbqdcl-nav-tabs-submenu .dbqdcl-nav-tab-item.active::after, .document-class-list-tabs-container .nav-tabs.dbqdcl-nav-tabs-submenu .dbqdcl-nav-tab-item.active:hover::after, .classlist-window-tabs .nav-tabs.dbqdcl-nav-tabs-submenu .dbqdcl-nav-tab-item.active::after, .classlist-window-tabs .nav-tabs.dbqdcl-nav-tabs-submenu .dbqdcl-nav-tab-item.active:hover::after { display: none; } .dbqdcl-nav-tab-item-counter { align-items: center; justify-content: center; height: 20px; min-width: 18px; font-size: 12px; background-color: #fff4eb; color: #ff7500; border-radius: 5px; border: none; padding: 2px 6px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); margin-left: 5px; } .dbqdcl-nav-tab-item-counter.dbq-badge-information { background-color: #eef2fa; color: #2e5aac; } .dbqdcl-nav-tab-item-counter.dbq-badge-warning { background-color: #fff4ec; color: #b95000; } .dbqdcl-nav-tab-item-counter.dbq-badge-error { background-color: #feefef; color: #da1414; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .dbqkbbs-breadcrumbs, #dbq-document-class-list-breadcrumbs { display: inline-flex; align-items: center; height: 60px; width: -moz-max-content; width: max-content; max-width: 100%; background-color: transparent; padding: 0; vertical-align: unset; } .dbqkbbs-breadcrumbs a, #dbq-document-class-list-breadcrumbs a { color: #000000; font-weight: 700; font-size: 14px; text-decoration: none; line-height: 0.8; } .dbqkbbs-breadcrumbs a.dbq-breadcrumb-back, #dbq-document-class-list-breadcrumbs a.dbq-breadcrumb-back { padding: 0px; } .dbqkbbs-breadcrumbs a[data-type="0"], #dbq-document-class-list-breadcrumbs a[data-type="0"] { padding: 0px; min-width: -moz-max-content; min-width: max-content; } .dbqkbbs-breadcrumbs a[data-type="0"]:after, #dbq-document-class-list-breadcrumbs a[data-type="0"]:after { line-height: 1.5; } .dbqkbbs-breadcrumbs a[data-type="1"], #dbq-document-class-list-breadcrumbs a[data-type="1"] { padding: 0px; min-width: -moz-max-content; min-width: max-content; } .dbqkbbs-breadcrumbs a[data-type="1"]:after, #dbq-document-class-list-breadcrumbs a[data-type="1"]:after { line-height: 1.5; } .dbqkbbs-breadcrumbs a[data-type="2"], .dbqkbbs-breadcrumbs a[data-type="3"], #dbq-document-class-list-breadcrumbs a[data-type="2"], #dbq-document-class-list-breadcrumbs a[data-type="3"] { padding: 0; line-height: 20px; white-space: nowrap; } .dbqkbbs-breadcrumbs a[data-type="2"]:last-child, .dbqkbbs-breadcrumbs a[data-type="3"]:last-child, #dbq-document-class-list-breadcrumbs a[data-type="2"]:last-child, #dbq-document-class-list-breadcrumbs a[data-type="3"]:last-child { text-overflow: ellipsis; overflow: hidden; } .dbqkbbs-breadcrumbs a[data-type="2"]:after, .dbqkbbs-breadcrumbs a[data-type="3"]:after, #dbq-document-class-list-breadcrumbs a[data-type="2"]:after, #dbq-document-class-list-breadcrumbs a[data-type="3"]:after { line-height: 1; } .dbqkbbs-breadcrumbs a:first-child, #dbq-document-class-list-breadcrumbs a:first-child { padding-left: 30px; } .dbqkbbs-breadcrumbs a:not(:last-child):after, #dbq-document-class-list-breadcrumbs a:not(:last-child):after { filter: invert(100%); content: url("data:image/svg+xml,"); border-top: none; border-bottom: none; width: 8px; margin: 1px 7.5px 0 9.5px; position: absolute; right: 0; } .dbqkbbs-breadcrumbs a:not(:last-child) span, #dbq-document-class-list-breadcrumbs a:not(:last-child) span { margin-right: 26px; } .dbqkbbs-breadcrumbs a svg, #dbq-document-class-list-breadcrumbs a svg { margin-right: 26px; fill: #000000; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .document-class-list-control-container { overflow: auto; height: 100%; width: 100%; } .document-class-list-control-container::-webkit-scrollbar-track { box-shadow: none; } .document-class-list-control-container::-webkit-scrollbar-corner, .document-class-list-control-container::-webkit-scrollbar-corner { background-color: #ffffff; } .document-class-list-control-container { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .document-class-list-control-container::-webkit-scrollbar, .document-class-list-control-container::-webkit-scrollbar-corner, .document-class-list-control-container::-webkit-scrollbar-track, .document-class-list-control-container::-webkit-scrollbar-thumb { border-radius: 10px; } .document-class-list-control-container::-webkit-scrollbar, .document-class-list-control-container::-webkit-scrollbar-track { width: 7.5px; height: 7.5px; border-radius: 10px; background-color: transparent !important; background: transparent !important; } .document-class-list-control-container::-webkit-scrollbar-thumb { border-radius: 7.5px; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .document-class-list-control-container::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !important; } .document-class-list-control-container .document-class-list-control-content-container { background: none; display: flex; flex-direction: column; gap: 15px; padding: 15px; padding-top: 0px; } .document-class-list-control-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-control-content-container .form-inline::-webkit-input-placeholder { color: #001323 !important; } .document-class-list-control-container .document-class-list-control-content-container .form-inline::-moz-placeholder { color: #001323 !important; } .document-class-list-control-container .document-class-list-control-content-container .form-inline:-moz-placeholder { color: #001323 !important; } .document-class-list-control-container .document-class-list-control-content-container .form-control::-webkit-input-placeholder { color: #001323 !important; } .document-class-list-control-container .document-class-list-control-content-container .form-control::-moz-placeholder { color: #001323 !important; } .document-class-list-control-container .document-class-list-control-content-container .form-control:-ms-input-placeholder { color: #001323 !important; } .document-class-list-control-container .document-class-list-control-content-container .form-control:-moz-placeholder { color: #001323 !important; } .document-class-list-control-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-control-content-container .classlist-window { width: 100%; min-width: 0; padding: 0; border: 1px solid #dddddd; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #ffffff; display: flex; flex-direction: column; } .document-class-list-control-container .document-class-list-control-content-container .classlist-window .classlist-window-header { display: flex; } .document-class-list-control-container .document-class-list-control-content-container .classlist-window .classlist-window-header .document-class-list-tabs-container { display: flex; justify-content: space-between; width: 100%; } .document-class-list-control-container .document-class-list-control-content-container .classlist-window .classlist-window-header .document-class-list-tabs-container .classlist-window-tabs { display: flex; flex-direction: column; width: 100%; z-index: unset !important; } .document-class-list-control-container .document-class-list-control-content-container .classlist-window .classlist-window-header .document-class-list-tabs-container .classlist-window-tabs .classlist-window-control-buttons, .document-class-list-control-container .document-class-list-control-content-container .classlist-window .classlist-window-header .document-class-list-tabs-container .classlist-window-tabs .dbqdcl-nav-tab-options-container { display: none; align-items: center; flex-shrink: 0; margin-right: 5px; } .document-class-list-control-container .document-class-list-control-content-container .classlist-window .classlist-window-header .document-class-list-tabs-container .classlist-window-tabs .classlist-window-control-buttons .dbqdcl-window-control-button, .document-class-list-control-container .document-class-list-control-content-container .classlist-window .classlist-window-header .document-class-list-tabs-container .classlist-window-tabs .classlist-window-control-buttons .dbqdcl-nav-tab-option-button, .document-class-list-control-container .document-class-list-control-content-container .classlist-window .classlist-window-header .document-class-list-tabs-container .classlist-window-tabs .dbqdcl-nav-tab-options-container .dbqdcl-window-control-button, .document-class-list-control-container .document-class-list-control-content-container .classlist-window .classlist-window-header .document-class-list-tabs-container .classlist-window-tabs .dbqdcl-nav-tab-options-container .dbqdcl-nav-tab-option-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-control-content-container .classlist-window .classlist-window-header .document-class-list-tabs-container .classlist-window-tabs .classlist-window-control-buttons .dbqdcl-window-control-button svg, .document-class-list-control-container .document-class-list-control-content-container .classlist-window .classlist-window-header .document-class-list-tabs-container .classlist-window-tabs .classlist-window-control-buttons .dbqdcl-nav-tab-option-button svg, .document-class-list-control-container .document-class-list-control-content-container .classlist-window .classlist-window-header .document-class-list-tabs-container .classlist-window-tabs .dbqdcl-nav-tab-options-container .dbqdcl-window-control-button svg, .document-class-list-control-container .document-class-list-control-content-container .classlist-window .classlist-window-header .document-class-list-tabs-container .classlist-window-tabs .dbqdcl-nav-tab-options-container .dbqdcl-nav-tab-option-button svg { fill: #000000; width: 24px; height: 24px; } .document-class-list-control-container .document-class-list-control-content-container .classlist-window .classlist-window-header .document-class-list-tabs-container .classlist-window-tabs .classlist-window-control-buttons .dbqdcl-window-control-button:hover svg, .document-class-list-control-container .document-class-list-control-content-container .classlist-window .classlist-window-header .document-class-list-tabs-container .classlist-window-tabs .classlist-window-control-buttons .dbqdcl-nav-tab-option-button:hover svg, .document-class-list-control-container .document-class-list-control-content-container .classlist-window .classlist-window-header .document-class-list-tabs-container .classlist-window-tabs .dbqdcl-nav-tab-options-container .dbqdcl-window-control-button:hover svg, .document-class-list-control-container .document-class-list-control-content-container .classlist-window .classlist-window-header .document-class-list-tabs-container .classlist-window-tabs .dbqdcl-nav-tab-options-container .dbqdcl-nav-tab-option-button:hover svg { fill: #ff7500; } .document-class-list-control-container .document-class-list-control-content-container .classlist-window .classlist-window-header .document-class-list-tabs-container .classlist-window-tabs .dbqdcl-nav-tabs-main-menu-container:hover .dbqdcl-nav-tab-options-container { display: flex; } .document-class-list-control-container .document-class-list-control-content-container .classlist-window .classlist-window-content { height: calc(100% - 45px); overflow-y: auto; padding: 7.5px 0; } .document-class-list-control-container .document-class-list-control-content-container .classlist-window .classlist-window-content::-webkit-scrollbar-track { box-shadow: none; } .document-class-list-control-container .document-class-list-control-content-container .classlist-window .classlist-window-content::-webkit-scrollbar-corner, .document-class-list-control-container .document-class-list-control-content-container .classlist-window .classlist-window-content::-webkit-scrollbar-corner { background-color: #ffffff; } .document-class-list-control-container .document-class-list-control-content-container .classlist-window .classlist-window-content { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .document-class-list-control-container .document-class-list-control-content-container .classlist-window .classlist-window-content::-webkit-scrollbar, .document-class-list-control-container .document-class-list-control-content-container .classlist-window .classlist-window-content::-webkit-scrollbar-corner, .document-class-list-control-container .document-class-list-control-content-container .classlist-window .classlist-window-content::-webkit-scrollbar-track, .document-class-list-control-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-control-content-container .classlist-window .classlist-window-content::-webkit-scrollbar, .document-class-list-control-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-control-content-container .classlist-window .classlist-window-content::-webkit-scrollbar-thumb { border-radius: 7.5px; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .document-class-list-control-container .document-class-list-control-content-container .classlist-window .classlist-window-content::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !important; } .document-class-list-control-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-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; box-shadow: none; } .document-class-list-control-container .document-class-list-control-content-container .classlist-window .classlist-window-content #classlist-tree-grid > :first-child { border-radius: 5px; background-color: #ffffff; 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); } .document-class-list-control-container .document-class-list-control-content-container .classlist-window .classlist-window-content .dbq-dashboard-column-blocks .dbqdb-block-elevated-background { height: 100% !important; } .document-class-list-control-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-control-content-container .classlist-window.class-list-window-is-fullscreen .classlist-window-tabs { display: none; } .document-class-list-control-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-control-content-container .classlist-window.class-list-window-is-fullscreen .classlist-window-content #classlist-top-buttons, .document-class-list-control-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-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-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-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-control-content-container .classlist-window.class-list-window-is-hidden { display: none; } .document-class-list-control-container .document-class-list-control-content-container .classlist-window[data-is-collapsible=true] .classlist-window-header .document-class-list-tabs-container { display: flex; justify-content: space-between; width: 100%; } .document-class-list-control-container .document-class-list-control-content-container .classlist-window[data-is-collapsible=true] .classlist-window-header .document-class-list-tabs-container .classlist-window-control-buttons { display: flex; } .document-class-list-control-container .document-class-list-control-content-container .classlist-window[data-is-collapsed=true] { flex: 0 0 45px; } .document-class-list-control-container .document-class-list-control-content-container .classlist-window[data-is-collapsed=true] .classlist-window-header .document-class-list-tabs-container { border-bottom: 0; } .document-class-list-control-container .document-class-list-control-content-container .classlist-window[data-is-collapsed=true] .classlist-window-header .document-class-list-tabs-container .dbqdcl-nav-tabs-main-menu-container { border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border-bottom: 0; } .document-class-list-control-container .document-class-list-control-content-container .classlist-window[data-is-collapsed=true] .classlist-window-content { display: none; } .document-class-list-control-container .document-class-list-control-content-container .classlist-window[data-is-collapsed=true] .dbqdcl-window-control-collapse-button { display: none !important; } .document-class-list-control-container .document-class-list-control-content-container .classlist-window[data-is-collapsed=false] .dbqdcl-window-control-expand-button { display: none !important; } .document-class-list-control-container .document-class-list-control-content-container[data-class-list-display-mode="1"], .document-class-list-control-container .document-class-list-control-content-container[data-class-list-display-mode="5"] { display: flex; flex-direction: row; } .document-class-list-control-container .document-class-list-control-content-container[data-class-list-display-mode="2"][data-top-class-list-mode="20"] { height: 100%; } .document-class-list-control-container .document-class-list-control-content-container[data-class-list-display-mode="2"][data-top-class-list-mode="20"]:not(:has(.classlist-window[data-is-collapsed=true])) .classlist-window { flex: 1 1 auto; } .document-class-list-control-container .document-class-list-control-content-container[data-class-list-display-mode="2"][data-top-class-list-mode="20"]:not(:has(.classlist-window[data-is-collapsed=true])) .classlist-window:first-of-type { flex: 0 0 auto; } .document-class-list-control-container .document-class-list-control-content-container[data-top-class-list-mode="1"], .document-class-list-control-container .document-class-list-control-content-container[data-top-class-list-mode="10"], .document-class-list-control-container .document-class-list-control-content-container[data-top-class-list-mode="11"], .document-class-list-control-container .document-class-list-control-content-container[data-top-class-list-mode="13"], .document-class-list-control-container .document-class-list-control-content-container[data-top-class-list-mode="15"], .document-class-list-control-container .document-class-list-control-content-container[data-top-class-list-mode="16"], .document-class-list-control-container .document-class-list-control-content-container[data-top-class-list-mode="22"], .document-class-list-control-container .document-class-list-control-content-container[data-top-class-list-mode="26"], .document-class-list-control-container .document-class-list-control-content-container[data-top-class-list-mode="27"], .document-class-list-control-container .document-class-list-control-content-container[data-top-class-list-mode="28"] { height: 100%; } .document-class-list-control-container .document-class-list-control-content-container[data-top-class-list-mode="1"] .classlist-window[data-is-collapsed=false], .document-class-list-control-container .document-class-list-control-content-container[data-top-class-list-mode="10"] .classlist-window[data-is-collapsed=false], .document-class-list-control-container .document-class-list-control-content-container[data-top-class-list-mode="11"] .classlist-window[data-is-collapsed=false], .document-class-list-control-container .document-class-list-control-content-container[data-top-class-list-mode="13"] .classlist-window[data-is-collapsed=false], .document-class-list-control-container .document-class-list-control-content-container[data-top-class-list-mode="15"] .classlist-window[data-is-collapsed=false], .document-class-list-control-container .document-class-list-control-content-container[data-top-class-list-mode="16"] .classlist-window[data-is-collapsed=false], .document-class-list-control-container .document-class-list-control-content-container[data-top-class-list-mode="22"] .classlist-window[data-is-collapsed=false], .document-class-list-control-container .document-class-list-control-content-container[data-top-class-list-mode="26"] .classlist-window[data-is-collapsed=false], .document-class-list-control-container .document-class-list-control-content-container[data-top-class-list-mode="27"] .classlist-window[data-is-collapsed=false], .document-class-list-control-container .document-class-list-control-content-container[data-top-class-list-mode="28"] .classlist-window[data-is-collapsed=false] { max-height: 100%; } .document-class-list-control-container #classlist-top-buttons { display: flex; gap: 10px; flex-wrap: wrap; float: left; width: initial; } .document-class-list-control-container #classlist-top-buttons .btn { background: #ff7500; border: 2px solid #dddddd; border-color: #ff7500; 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: #e66900; border-color: #e66900; color: #fff; transition: all 0.3s ease; } .document-class-list-control-container #classlist-top-buttons .btn:active { background: #e66900; border-color: #e66900; color: #fff; } .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: #fff; } .classlist-header, .classlist-footer { float: left; width: 100%; } #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: #ff7500; border-color: #ff7500; 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; 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: #ff7500; border: 2px solid #ff7500; } #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; 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 { padding: 0 0 10px 0; flex-direction: row; } #document-class-list-filters #document-class-list-filters .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; } @media only screen and (max-width: 1024px) { .document-class-list-control-container .document-class-list-control-content-container[data-class-list-display-mode="1"], .document-class-list-control-container .document-class-list-control-content-container[data-class-list-display-mode="5"] { flex-direction: column; } } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .dbqdcl-toolbar { display: flex; justify-content: space-between; padding: 5px; background: #FBFBFB; border: 1px solid #f4f4f4; border-radius: 5px; } .dbqdcl-toolbar .dbqdcl-toolbar-buttons { display: flex; } .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-dropdown { border-radius: 5px; 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: #ff7500; border-color: #ff7500; 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; position: relative; width: 30px; height: 30px; padding: 4px !important; margin-right: 5px; border-radius: 5px; 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, .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.dbqdcl-toolbar-button-active { background: #ff7500; border-color: #ff7500; } .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button:hover svg, .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.dbqdcl-toolbar-button-active svg { fill: #fff; } .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button .dbqdcl-toolbar-badge { align-items: center; justify-content: center; height: 20px; min-width: 18px; font-size: 12px; background-color: #fff4eb; color: #ff7500; border-radius: 5px; border: none; padding: 2px 6px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); position: absolute; top: -10px; right: -7px; padding: 1px 5px; } .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline { min-width: 185px; padding-right: 5px !important; border-radius: 5px; 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; 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: 5px 0 0 5px; 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: 5px 0 0 5px; 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: 5px !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] svg { fill: #000000 !important; } .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.checkbox-inline a[data-toggle=tooltip]:hover svg { fill: #ff7500 !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: #ff7500; width: 24px; height: 24px; } .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.btn-group .btn:first-of-type { border-radius: 5px 0 0 5px; border-right: 0 !important; } .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.btn-group .btn:last-of-type { border-radius: 0 5px 5px 0; border-left: 0 !important; } .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.btn-group .btn:hover { border-color: #ff7500 !important; background-color: transparent; } .dbqdcl-toolbar .dbqdcl-toolbar-buttons .dbqdcl-toolbar-button.btn-group .btn.btn-primary { background-color: #ff7500; } .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: "Red Hat Text", sans-serif; font-weight: 500; font-size: 12px; line-height: 20px; height: 30px; border-radius: 5px !important; border: 2px solid #e5e7ec; background-color: #ffffff !important; color: #000000; padding: 2px 10px; } .document-class-list-control-container .classlist-toolbar-item { position: relative; margin-right: 5px; height: 30px; border-radius: 5px; background: #ffffff; border: 2px solid #e5e7ec; color: #001323; font-size: 12px; float: left; line-height: 30px; font-weight: 400; width: 30px; padding: 3px !important; } .document-class-list-control-container .classlist-toolbar-item .dbqdcl-toolbar-badge { align-items: center; justify-content: center; height: 20px; min-width: 18px; font-size: 12px; background-color: #fff4eb; color: #ff7500; border-radius: 5px; border: none; padding: 2px 6px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); position: absolute; top: -10px; right: -7px; padding: 1px 5px; } .document-class-list-control-container label.classlist-toolbar-item { background: 0; } .document-class-list-control-container .classlist-toolbar-item.btn-group { background: 0 none; border: 0 none; color: transparent; padding: 0; } .document-class-list-control-container .classlist-toolbar-item.btn-group:hover { background: 0 none; border: 0 none; color: transparent; padding: 0; } .document-class-list-control-container .classlist-toolbar-item.btn-group.classlist-view-mode svg { padding: 0; margin-top: -3px; margin-left: -2px; } .document-class-list-control-container .classlist-toolbar-item.btn-group .btn { border-radius: 0; height: 30px; line-height: 13px; padding: 5px; background: #ffffff; border: 2px solid #e5e7ec !important; } .document-class-list-control-container .classlist-toolbar-item.btn-group .btn svg { fill: #ff7500; width: 24px; height: 24px; } .document-class-list-control-container .classlist-toolbar-item.btn-group .btn:first-of-type { border-radius: 5px 0 0 5px; border-right: 0 !important; } .document-class-list-control-container .classlist-toolbar-item.btn-group .btn:last-of-type { border-radius: 0 5px 5px 0; border-left: 0 !important; } .document-class-list-control-container .classlist-toolbar-item.btn-group .btn:hover { border-color: #ff7500 !important; background-color: transparent; } .document-class-list-control-container .classlist-toolbar-item.btn-group .btn.btn-primary { background-color: #ff7500; } .document-class-list-control-container .classlist-toolbar-item.btn-group .btn.btn-primary svg { fill: #ffffff; } .document-class-list-control-container #classlist-search-list-table .classlist-toolbar-item { border-radius: 5px !important; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .dbq-activity-log-container { display: inline-block; position: relative; width: 100%; height: calc(100% - 42px); overflow-y: auto; clear: both; margin: 0; padding: 0; background-color: unset; box-shadow: none; border-radius: 5px; background-color: #ffffff; 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); } .dbq-activity-log-container::-webkit-scrollbar-track { box-shadow: none; } .dbq-activity-log-container::-webkit-scrollbar-corner, .dbq-activity-log-container::-webkit-scrollbar-corner { background-color: #ffffff; } .dbq-activity-log-container { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .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; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .dbq-activity-log-container::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !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: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-image img { width: 100%; height: 100%; } .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; } .dbq-activity-log-container .dbqal-items .dbqal-divider-container { position: relative; display: flex; flex-direction: column; } .dbq-activity-log-container .dbqal-items .dbqal-divider-container .dbqal-divider { display: flex; flex-direction: row; align-items: center; } .dbq-activity-log-container .dbqal-items .dbqal-divider-container .dbqal-divider .dbqal-divider-bullet { width: 16px; height: 16px; margin-left: 25px; border-radius: 50%; border: 2px solid #888888; background: #ffffff; z-index: 1; } .dbq-activity-log-container .dbqal-items .dbqal-divider-container .dbqal-divider .dbqal-divider-text { background: #bbbbbb; border-radius: 5px; color: #fff; margin-left: 37px; padding: 5px 10px; z-index: 1; } .dbq-activity-log-container .dbqal-items .dbqal-divider-container .dbqal-divider .dbqal-divider-horizontal-line { position: absolute; top: 15px; width: 100%; height: 1px; background: #888888; z-index: 0; } .dbq-activity-log-container .dbqal-items .dbqal-divider-container .dbqal-divider[data-is-top-divider=true] .dbqal-item-timeline-padding { top: 8px; height: calc(100% - 8px); } .dbq-activity-log-container .dbqal-items .dbqal-item-timeline { margin-left: 32px; width: 2px; height: 15px; background: #888888; } .dbq-activity-log-container .dbqal-items .dbqal-item-timeline-padding { position: absolute; left: 32px; width: 2px; height: 100%; background: #888888; z-index: 0; } .document-class-list-control-container .document-class-list-control-content-container[data-class-list-display-mode="2"] .classlist-window[data-window-index="1"] .dbq-activity-log-container, .document-class-list-control-container .document-class-list-control-content-container[data-class-list-display-mode="3"] .classlist-window[data-window-index="1"] .dbq-activity-log-container, .document-class-list-control-container .document-class-list-control-content-container[data-class-list-display-mode="4"] .classlist-window[data-window-index="1"] .dbq-activity-log-container { max-height: 500px; } @media only screen and (max-width: 1024px) { .document-class-list-control-container .document-class-list-control-content-container[data-class-list-display-mode="1"] .classlist-window[data-window-index="1"] .dbq-activity-log-container, .document-class-list-control-container .document-class-list-control-content-container[data-class-list-display-mode="5"] .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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .classlist-canvas-model .dbqdclcm-container { height: 100%; } .classlist-canvas-model .dbqdclcm-container .dbqdclcm-toolbar-container { margin-bottom: 15px; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .dbq-chat-container { display: inline-block; position: relative; width: 100%; height: calc(100% - 42px); overflow-y: auto; clear: both; margin: 0; padding: 0; background-color: unset; box-shadow: none; border-radius: 5px; background-color: #ffffff; 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); } .dbq-chat-container::-webkit-scrollbar-track { box-shadow: none; } .dbq-chat-container::-webkit-scrollbar-corner, .dbq-chat-container::-webkit-scrollbar-corner { background-color: #ffffff; } .dbq-chat-container { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .dbq-chat-container::-webkit-scrollbar, .dbq-chat-container::-webkit-scrollbar-corner, .dbq-chat-container::-webkit-scrollbar-track, .dbq-chat-container::-webkit-scrollbar-thumb { border-radius: 10px; } .dbq-chat-container::-webkit-scrollbar, .dbq-chat-container::-webkit-scrollbar-track { width: 7.5px; height: 7.5px; border-radius: 10px; background-color: transparent !important; background: transparent !important; } .dbq-chat-container::-webkit-scrollbar-thumb { border-radius: 7.5px; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .dbq-chat-container::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !important; } .dbq-chat-container[data-is-loading=true] { min-height: 130px; } .dbq-chat-container[data-is-loading=true] .dbqdclc-loading-view { display: block; } .dbq-chat-container .dbqdclc-loading-view { display: none; } .dbq-chat-container .dbqdclc-error { padding: 15px; } .dbq-chat-container .dbqdclc-processing-indicator { margin-top: 15px; } .dbq-chat-container .dbqdclc-empty-view { color: #000000; font-weight: 500; font-size: 14px; } .dbq-chat-container .dbqdclc-empty-view svg { fill: #000000; width: 30px; margin-right: 5px; } .dbq-chat-container .dbqdclc-items { padding: 15px; } .dbq-chat-container .dbqdclc-items .dbqdclc-item-container { position: relative; display: flex; flex-direction: column; margin: 15px 0; } .dbq-chat-container .dbqdclc-items .dbqdclc-item-container:last-of-type .dbqdclc-item-timeline { display: none; } .dbq-chat-container .dbqdclc-items .dbqdclc-item-container:last-of-type .dbqdclc-item .dbqdclc-item-timeline-padding { display: none; } .dbq-chat-container .dbqdclc-items .dbqdclc-item-container .dbqdclc-item { display: flex; flex-direction: row; align-items: flex-start; max-width: 90%; } .dbq-chat-container .dbqdclc-items .dbqdclc-item-container .dbqdclc-item .dbqdclc-item-image { width: 64px; height: 64px; flex-shrink: 0; border-radius: 50%; overflow: hidden; z-index: 1; } .dbq-chat-container .dbqdclc-items .dbqdclc-item-container .dbqdclc-item .dbqdclc-item-image .dbqdclc-item-user-initials { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-weight: 600; font-size: 24px; } .dbq-chat-container .dbqdclc-items .dbqdclc-item-container .dbqdclc-item .dbqdclc-item-image img { width: 100%; height: 100%; } .dbq-chat-container .dbqdclc-items .dbqdclc-item-container .dbqdclc-item .dbqdclc-item-content { padding: 15px; border-radius: 5px; } .dbq-chat-container .dbqdclc-items .dbqdclc-item-container .dbqdclc-item .dbqdclc-item-content .dbqdclc-item-text p { font-size: 13px; font-weight: 500; line-height: 16px; margin-bottom: 0; } .dbq-chat-container .dbqdclc-items .dbqdclc-item-container .dbqdclc-item .dbqdclc-item-content .dbqdclc-item-create-time { color: #888888; font-size: 13px; font-weight: 500; margin-top: 2px; } .dbq-chat-container .dbqdclc-items .dbqdclc-item-container .dbqdclc-item.dbqdclc-item-self { align-self: flex-end; } .dbq-chat-container .dbqdclc-items .dbqdclc-item-container .dbqdclc-item.dbqdclc-item-self .dbqdclc-item-content { background: #ff7500; color: #fff; } .dbq-chat-container .dbqdclc-items .dbqdclc-item-container .dbqdclc-item.dbqdclc-item-self .dbqdclc-item-content .dbqdclc-item-create-time { text-align: end; color: #dedede; } .dbq-chat-container .dbqdclc-items .dbqdclc-item-container .dbqdclc-item.dbqdclc-item-self .dbqdclc-item-image { margin-left: 15px; } .dbq-chat-container .dbqdclc-items .dbqdclc-item-container .dbqdclc-item.dbqdclc-item-other { align-self: flex-start; } .dbq-chat-container .dbqdclc-items .dbqdclc-item-container .dbqdclc-item.dbqdclc-item-other .dbqdclc-item-image { margin-right: 15px; } .dbq-chat-container .dbqdclc-items .dbqdclc-item-container .dbqdclc-item.dbqdclc-item-other .dbqdclc-item-content { background: #eeeeee; color: #000000; } .dbq-chat-container .dbqdclc-items .dbqdclc-divider-container { position: relative; display: flex; flex-direction: column; } .dbq-chat-container .dbqdclc-items .dbqdclc-divider-container .dbqdclc-divider { display: flex; flex-direction: row; align-items: center; justify-content: center; } .dbq-chat-container .dbqdclc-items .dbqdclc-divider-container .dbqdclc-divider .dbqdclc-divider-text { background: #bbbbbb; border-radius: 5px; color: #fff; padding: 5px 10px; z-index: 1; } .dbq-chat-container .dbqdclc-items .dbqdclc-divider-container .dbqdclc-divider[data-is-top-divider=true] .dbqdclc-item-timeline-padding { top: 8px; height: calc(100% - 8px); } .document-class-list-control-container .document-class-list-control-content-container[data-class-list-display-mode="2"] .classlist-window[data-window-index="1"] .dbq-chat-container, .document-class-list-control-container .document-class-list-control-content-container[data-class-list-display-mode="3"] .classlist-window[data-window-index="1"] .dbq-chat-container, .document-class-list-control-container .document-class-list-control-content-container[data-class-list-display-mode="4"] .classlist-window[data-window-index="1"] .dbq-chat-container { max-height: 500px; } @media only screen and (max-width: 1024px) { .document-class-list-control-container .document-class-list-control-content-container[data-class-list-display-mode="1"] .classlist-window[data-window-index="1"] .dbq-chat-container, .document-class-list-control-container .document-class-list-control-content-container[data-class-list-display-mode="5"] .classlist-window[data-window-index="1"] .dbq-chat-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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } #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: 5px; } .dbq-wrapper, .row.dbq-wrapper { padding: 10px; margin-bottom: 10px !important; background: #ffffff; color: #000000; border-radius: 5px; } .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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .document-class-list-control-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: #ff7500; } .classlist-folder-header-document .dbqkbc-folder-header-wrapper { position: absolute; top: 0; left: 0; transform: translate(-50%, -50%); } .classlist-folder-header-document h2 { text-align: center; width: 100%; padding: 0; margin: 15px 0; font-size: 32px; 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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 { border-radius: 5px; -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: 600; } .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: normal; } .dbqdclf-container .row .dbqdclf-col .dbqdclf-folder .dbqdclf-folder-header { display: flex; flex-direction: row; align-items: center; padding: 15px; background: #ff7500; border-radius: 5px 5px 0 0; color: #ffffff; font-size: 16px; font-weight: 600; 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: 5px; } .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: 600; 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: 5px; 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: #ff7500; } .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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } #document-class-list-filters { display: flex; gap: 5px; padding: 5px; overflow-x: auto; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; width: 100%; margin: 0; -webkit-backdrop-filter: unset; backdrop-filter: unset; background: unset; box-shadow: none; padding: 0px; } #document-class-list-filters::-webkit-scrollbar-track { box-shadow: none; } #document-class-list-filters::-webkit-scrollbar-corner, #document-class-list-filters::-webkit-scrollbar-corner { background-color: #ffffff; } #document-class-list-filters { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } #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; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } #document-class-list-filters::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !important; } #document-class-list-filters .dbqdclf-filter-group { display: flex; flex-direction: row; align-items: center; background: #FBFBFB; border: 1px solid #f4f4f4; border-radius: 5px; padding: 5px; min-height: 64px; } #document-class-list-filters .dbqdclf-filter-group .dbqdclf-filter-group-icon { margin: 0 5px; } #document-class-list-filters .dbqdclf-filter-group .dbqdclf-filter-group-icon svg { fill: #000000; } #document-class-list-filters .dbqdclf-filter-group .dbqdclf-filter-group-name { font-weight: 600; } #document-class-list-filters .dbqdclf-filter-group .dbqdclf-filter-group-filter-properties { display: flex; flex-direction: row; gap: 5px; } #document-class-list-filters .dbqdclf-filter-group .dbqdclf-filter-group-toggle-button-container { height: 100%; } #document-class-list-filters .dbqdclf-filter-group .dbqdclf-filter-group-toggle-button-container .dbqdclf-filter-group-toggle-button { background: none; border: none; outline: none; height: 100%; } #document-class-list-filters .dbqdclf-filter-group .dbqdclf-filter-group-toggle-button-container .dbqdclf-filter-group-toggle-button svg { fill: #000000; } #document-class-list-filters .dbqdclf-filter-group .dbqdclf-filter-group-toggle-button-container .dbqdclf-filter-group-toggle-button:hover svg { fill: #ff7500; } #document-class-list-filters .dbqdclf-filter-group .dbqdclf-filter-group-active-filter-count-indicator { display: none; margin-left: 5px; align-items: center; justify-content: center; height: 20px; min-width: 18px; font-size: 12px; background-color: #fff4eb; color: #ff7500; border-radius: 5px; border: none; padding: 2px 6px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); } #document-class-list-filters .dbqdclf-filter-group:first-child { margin-left: auto; } #document-class-list-filters .dbqdclf-filter-group[data-is-collapsed=true] { cursor: pointer; } #document-class-list-filters .dbqdclf-filter-group[data-is-collapsed=true] .dbqdclf-filter-group-filter-properties { display: none; } #document-class-list-filters .dbqdclf-filter-group[data-is-collapsed=true] .dbqdclf-filter-group-toggle-button-container .dbqdclf-filter-group-toggle-collapse-button { display: none; } #document-class-list-filters .dbqdclf-filter-group[data-is-collapsed=true][data-has-active-filter=true] .dbqdclf-filter-group-active-filter-count-indicator { display: flex; } #document-class-list-filters .dbqdclf-filter-group[data-is-collapsed=true]:hover .dbqdclf-filter-group-toggle-button-container .dbqdclf-filter-group-toggle-button svg { fill: #ff7500; } #document-class-list-filters .dbqdclf-filter-group[data-is-collapsed=false] .dbqdclf-filter-group-name { display: none; } #document-class-list-filters .dbqdclf-filter-group[data-is-collapsed=false] .dbqdclf-filter-group-toggle-button-container .dbqdclf-filter-group-toggle-expand-button { display: none; } #document-class-list-filters .document-class-list-filter { max-width: 300px; border: 0; border-radius: 10px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; margin: 0; padding: 3px; background: #ffffff; border: 1px solid #e5e7ec; } #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: 1px 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 .input-filter { padding: 5px !important; } #document-class-list-filters .document-class-list-filter label:not(.dbq-checkbox-filters) { display: flex; align-items: center; width: -moz-max-content; width: max-content; padding: 3px 5px; } #document-class-list-filters .document-class-list-filter label:not(.dbq-checkbox-filters) a svg { width: 16px; height: 16px; margin-left: 2px; fill: #000000; } #document-class-list-filters .document-class-list-filter.checkbox-bottom span.dbq-checkbox-label-filters { display: flex; align-items: center; width: 100%; padding: 3px 5px; } #document-class-list-filters .document-class-list-filter.checkbox-bottom span.dbq-checkbox-label-filters a svg { width: 16px; height: 16px; margin-left: 2px; fill: #000000; } #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; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } #document-class-list-filters .form-group .form-control.date-picker { padding: 0 5px; min-width: 110px; background: url("data:image/svg+xml;utf8,") 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: #ff7500; background: url("data:image/svg+xml;utf8,") 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,") 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 { 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: #ffffff; } #document-class-list-filters .form-group select.form-control { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } #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; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } #document-class-list-filters .form-group select.form-control::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !important; } #document-class-list-filters .form-group select.form-control:hover { color: #ff7500; background: url("data:image/svg+xml;utf8,") 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: #ff7500; border-color: #ff7500; 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; 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: #ff7500; border: 2px solid #ff7500; } #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; 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 .dbqdclf-select-type-dropdown { width: -moz-min-content; 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,") 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 .dbqstd-output-content-container.dbqstd-invalid { background: url("data:image/svg+xml;utf8,") 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-invalid .dbqstd-output-item .dbqstd-attribute .dbqstd-attribute-value { color: #d5473c; } #document-class-list-filters .dbqdclf-select-type-dropdown .dbqstd-output-button:hover .dbqstd-output-content-container { background: url("data:image/svg+xml;utf8,") 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: #ff7500; } #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; max-width: 100%; } #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,") 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 { max-width: 100%; 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; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #document-class-list-filters .dbqdclf-select-type-popup .dbqstp-output-button .dbqstp-output-content-container .dbqstp-loading { padding-right: 30px; } #document-class-list-filters .dbqdclf-select-type-popup .dbqstp-output-button:hover .dbqstp-output-content-container { background: url("data:image/svg+xml;utf8,") 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: #ff7500; } #document-class-list-filters .dbqstsd-output-button .dbqstsd-output-content-container { height: 26px; border: none; font-size: 12px; padding-left: 5px; font-weight: 400; background: url("data:image/svg+xml;utf8,") no-repeat; background-size: 10px; background-position: calc(100% - 3px) calc(50% + 3px); background-repeat: no-repeat; color: #000000; } #document-class-list-filters .dbqstsd-output-button:hover .dbqstsd-output-content-container { background: url("data:image/svg+xml;utf8,") no-repeat; background-size: 10px; background-position: calc(100% - 3px) calc(50% + 3px); background-repeat: no-repeat; color: #ff7500; } #document-class-list-filters .dbqstsd-popup-container { padding: 0 0 5px 0 !important; background: #f0f2f5 !important; } #document-class-list-filters .dbqstsd-popup-container .dbqstsd-search-input { background-color: #ffffff !important; border: 2px solid #e5e7ec !important; color: #000000; } #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; float: right; max-width: 100%; } #classlist-filters::after { content: ""; clear: both; } #classlist-filters.document-class-list-filters-left { float: left; } .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; -o-appearance: none; appearance: none; background: url("data:image/svg+xml;utf8,") no-repeat; background-position: calc(100% - 3px) calc(50% + 3px); background-size: 10px 10px; border-radius: 0 0 5px 5px; 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: #ff7500 !important; outline: 0; 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; -webkit-user-select: text; -moz-user-select: text; 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,") 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: #ff7500; } .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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } #classlist-dashboard-header, #classlist-dashboard-footer { float: left; width: 100%; padding: 7.5px 15px; border-radius: 5px; } #classlist-dashboard-header div[data-element-type=Graph], #classlist-dashboard-footer div[data-element-type=Graph] { background: #ffffff; border-radius: 5px; 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; } .folder-document-class-list-dashboard-document .topic[data-topic-type-code=Dashboard] .row .flex-container { gap: 15px; } .folder-document-class-list-dashboard-document .topic[data-topic-type-code=Dashboard] .row .flex-container .dbq-column { margin-right: 0px; display: flex; flex-direction: column; gap: 15px; } .folder-document-class-list-dashboard-document .topic[data-topic-type-code=Dashboard] .row .flex-container .dbq-column .element-graph { margin: 0 !important; } .folder-document-class-list-dashboard-document .topic[data-topic-type-code=Dashboard] .row.dbq-wrapper h2, .folder-document-class-list-dashboard-document .dbq-form .topic[data-topic-type-code=Dashboard] .row.dbq-wrapper h2 { margin-bottom: 15px; } .folder-document-class-list-dashboard-document .topic[data-topic-type-code=Dashboard] .row.dbq-wrapper .flex-container .dbq-column, .folder-document-class-list-dashboard-document .dbq-form .topic[data-topic-type-code=Dashboard] .row.dbq-wrapper .flex-container .dbq-column { gap: 0; } .element-graph { box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); background: #ffffff; border-radius: 5px; } .classlist-dashboard div[data-element-type=Graph] { background: #ffffff; } .classlist-dashboard div[data-element-type=Graph].has-scrollbar::-webkit-scrollbar-track { 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: #ffffff; } .classlist-dashboard div[data-element-type=Graph].has-scrollbar { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .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: 5px; } .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: 5px; background-color: transparent !important; background: transparent !important; } .classlist-dashboard div[data-element-type=Graph].has-scrollbar::-webkit-scrollbar-thumb { border-radius: 7.5px; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .classlist-dashboard div[data-element-type=Graph].has-scrollbar::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !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: 5px; } .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: 1px solid #e5e7ec; border-radius: 5px; } .dbqdcld-collapsible-container .dbqdcld-collapse-button { position: absolute; z-index: 2; 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: #ff7500; color: #ffffff; width: initial; border-radius: 5px; } .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; } .dbqdcld-collapsible-container .dbq-form .row[data-element-type=Button], .dbqdcld-collapsible-container .action-button a, .dbqdcld-collapsible-container p.dbqdb-insert-property { margin-bottom: 0; } .dbqdcld-processing-container { position: absolute; display: flex; align-items: center; justify-content: center; background: RGBA(255, 255, 255, 0.8); top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .dbqdcld-collapsible-container .dbqdcld-processing-container { border-radius: 5px; } .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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } #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% - 30px); margin: 7.5px 15px; } #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.9; } #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; 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 { 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: #ffffff; } .dashboard-list-add-button-container .dropdown-menu { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .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; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .dashboard-list-add-button-container .dropdown-menu::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !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: 600; } .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: #ff7500; } .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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } #classlist-kanban-board { margin: 0; padding: 7.5px 15px 0 15px; } #classlist-kanban-board .dbqdclkb-container { border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; float: left; width: 100%; height: 100%; background-color: #ffffff; box-shadow: 0px 0px 5px rgba(0, 24, 62, 0.07); -webkit-box-shadow: 0px 0px 5px rgba(0, 24, 62, 0.07); -moz-box-shadow: 0px 0px 5px rgba(0, 24, 62, 0.07); } #classlist-kanban-board .dbqdclkb-container .dbqdclkb-toolbar { height: 50px; padding: 10px; } #classlist-kanban-board .dbqdclkb-container .dbqdclkb-toolbar .dbqdclkb-search { font-family: "Red Hat Text", sans-serif; font-weight: 500; font-size: 12px; line-height: 20px; height: 30px; border-radius: 5px !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 { 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: #ffffff; } #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } #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: transparent !important; background: transparent !important; } #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns::-webkit-scrollbar-thumb { border-radius: 7.5px; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !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 { 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: #ffffff; } #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns .dbqdclkb-column .dbqdclkb-column-items { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } #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; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } #classlist-kanban-board .dbqdclkb-container .dbqdclkb-columns .dbqdclkb-column .dbqdclkb-column-items::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !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: #f5f5f5; border-radius: 5px; border-left: solid; border-width: 5px; border-color: #c0c0c0; padding: 10px; margin-top: 10px; box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.0784313725); } #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-tag img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } #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: #f5f5f5; padding: 2px; border-radius: 11px; border: 1px solid #ddd; box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.0784313725); } #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 { 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; padding: 0; border-radius: 50%; width: 24px; height: 24px; position: absolute; top: 0; right: 0; background: #f5f5f5; } #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: #ff7500 !important; transform: scale(1.1); } .dbqdclkb-dropdown-menu li { cursor: pointer; } .dbqdclkb-dropdown-menu .dbqdclkb-disabled { opacity: 0.5; cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } #classlist-tiled-list { float: left; padding: 7.5px 15px; width: 100%; background: none; } #classlist-tiled-list .document-class-list-tiles-container { border-radius: 5px; 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: #ff7500; } #classlist-tiled-list .document-class-list-tiles-load-button[data-type="1"] { font-size: 14px; cursor: pointer; color: #ff7500; } #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: 5px; border: 3px solid #e5e7ec; box-shadow: none; background-color: #ffffff; box-shadow: 0 0px 15px 0 RGBA(0, 0, 0, 0.1); } #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 { display: flex; 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; fill: #001323; } #classlist-tiled-list .document-class-list-tiles-load-button svg:hover { fill: #ff7500; } .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: #ffffff !important; } .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: #ff7500 !important; } .dbqdcltl-container .dbqdcltl-toolbar .form-inline::-moz-placeholder { color: #ff7500 !important; } .dbqdcltl-container .dbqdcltl-toolbar .form-inline:-ms-input-placeholder { color: #ff7500 !important; } .dbqdcltl-container .dbqdcltl-toolbar .form-inline:-moz-placeholder { color: #ff7500 !important; } .dbqdcltl-container .dbqdcltl-toolbar .dbqdcltl-search { font-family: "Red Hat Text", sans-serif; font-weight: 500; font-size: 12px; line-height: 20px; height: 30px; border-radius: 5px !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 { border-radius: 5px; -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: center; height: 100%; position: relative; background-color: #ffffff; box-shadow: 0 0px 15px 0 RGBA(0, 0, 0, 0.1); } .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; display: inline-block; overflow: hidden; text-overflow: ellipsis; } .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: #ff7500; text-decoration: underline; font-size: 10px; font-weight: 500; width: 100px; } .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-content-container .dbqdcltl-tile-description > p { margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-content-container .dbqdcltl-tile-description > p svg { fill: #000000; } .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-image-container { float: left; height: 80px; width: 80px; display: flex; flex-shrink: 0; 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: 25px; } .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: 5px; } .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-dropdown .dropdown-toggle svg { width: 40px; height: 40px; padding: 12px; border: 0; border-radius: 5px; fill: #000000; position: absolute; top: 50%; left: 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: #ff7500; } .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-dropdown .dbqdcltl-dropdown-menu { background-color: #fff; background: #fff; border: 2px solid #f1f4f7; border-radius: 5px; box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1); color: #000000; padding: 6px !important; width: -moz-fit-content; 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: #ff7500; } .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-dropdown .dbqdcltl-dropdown-menu li a:hover svg { fill: #ff7500; } .dbqdcltl-container .dbqdcltl-tile-container .dbqdcltl-tile .dbqdcltl-tile-dropdown .dbqdcltl-dropdown-menu.dropdown-menu { background: #ffffff; border: 0; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); padding: 10px; border-radius: 5px; } .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: 5px; } .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: #ff7500 !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: 5px; } .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: #ff7500 !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 { display: flex; flex-direction: row; justify-content: center; width: 100%; gap: 15px; } #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 { display: flex; width: 100%; justify-content: center; } #classlist-tiled-standard-list .dbqdcltl-tiles-load-button { display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; border-radius: 50%; background-color: #ff7500; -webkit-font-smoothing: antialiased; cursor: pointer; } #classlist-tiled-standard-list .dbqdcltl-tiles-load-button svg { width: 24px; height: 24px; fill: #ffffff; } #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: 5px !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 #ff7500; } #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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .classlist-knowledge-base-folder-list { float: left; padding: 0; } .classlist-knowledge-base-folder-list .dbqdclkb-toolbar { margin: 0 15px; } .classlist-knowledge-base-folder-list .dbqkbc-folders-container { display: unset; padding: 0 0 15px 0 !important; margin: 0; width: 100%; } .classlist-knowledge-base-folder-list .dbqkbc-folders-container .dbqkbc-folder-categories-content-container { margin: 15px; } .classlist-knowledge-base-folder-list .dbqdclkbfl-navigation-control { display: flex; border: 2px solid #e5e7ec; border-radius: 5px; 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: #ff7500; border-color: #ff7500; } .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, .classlist-knowledge-base-document-list { float: left; padding: 0; margin: 0 15px 0 0; width: calc(100% - 15px) !important; } .classlist-knowledge-base-file-list .dbqdclkb-toolbar, .classlist-knowledge-base-document-list .dbqdclkb-toolbar { margin: 0 15px; } .classlist-knowledge-base-file-list .dbqkbc-files, .classlist-knowledge-base-file-list .dbqkbc-articles, .classlist-knowledge-base-document-list .dbqkbc-files, .classlist-knowledge-base-document-list .dbqkbc-articles { padding: 15px 0 !important; } .classlist-knowledge-base-file-list .dbqkbc-files .dbqkbc-files-list-container .dbqkbc-files-content .dbqkbc-col, .classlist-knowledge-base-file-list .dbqkbc-files .dbqkbc-files-list-container .dbqkbc-articles-content .dbqkbc-col, .classlist-knowledge-base-file-list .dbqkbc-files .dbqkbc-articles-list-container .dbqkbc-files-content .dbqkbc-col, .classlist-knowledge-base-file-list .dbqkbc-files .dbqkbc-articles-list-container .dbqkbc-articles-content .dbqkbc-col, .classlist-knowledge-base-file-list .dbqkbc-articles .dbqkbc-files-list-container .dbqkbc-files-content .dbqkbc-col, .classlist-knowledge-base-file-list .dbqkbc-articles .dbqkbc-files-list-container .dbqkbc-articles-content .dbqkbc-col, .classlist-knowledge-base-file-list .dbqkbc-articles .dbqkbc-articles-list-container .dbqkbc-files-content .dbqkbc-col, .classlist-knowledge-base-file-list .dbqkbc-articles .dbqkbc-articles-list-container .dbqkbc-articles-content .dbqkbc-col, .classlist-knowledge-base-document-list .dbqkbc-files .dbqkbc-files-list-container .dbqkbc-files-content .dbqkbc-col, .classlist-knowledge-base-document-list .dbqkbc-files .dbqkbc-files-list-container .dbqkbc-articles-content .dbqkbc-col, .classlist-knowledge-base-document-list .dbqkbc-files .dbqkbc-articles-list-container .dbqkbc-files-content .dbqkbc-col, .classlist-knowledge-base-document-list .dbqkbc-files .dbqkbc-articles-list-container .dbqkbc-articles-content .dbqkbc-col, .classlist-knowledge-base-document-list .dbqkbc-articles .dbqkbc-files-list-container .dbqkbc-files-content .dbqkbc-col, .classlist-knowledge-base-document-list .dbqkbc-articles .dbqkbc-files-list-container .dbqkbc-articles-content .dbqkbc-col, .classlist-knowledge-base-document-list .dbqkbc-articles .dbqkbc-articles-list-container .dbqkbc-files-content .dbqkbc-col, .classlist-knowledge-base-document-list .dbqkbc-articles .dbqkbc-articles-list-container .dbqkbc-articles-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, .classlist-knowledge-base-file-list .dbqkbc-files .dbqkbc-files-list-container.dbqkbc-scrollbar-visible .dbqkbc-articles-content, .classlist-knowledge-base-file-list .dbqkbc-files .dbqkbc-articles-list-container.dbqkbc-scrollbar-visible .dbqkbc-files-content, .classlist-knowledge-base-file-list .dbqkbc-files .dbqkbc-articles-list-container.dbqkbc-scrollbar-visible .dbqkbc-articles-content, .classlist-knowledge-base-file-list .dbqkbc-articles .dbqkbc-files-list-container.dbqkbc-scrollbar-visible .dbqkbc-files-content, .classlist-knowledge-base-file-list .dbqkbc-articles .dbqkbc-files-list-container.dbqkbc-scrollbar-visible .dbqkbc-articles-content, .classlist-knowledge-base-file-list .dbqkbc-articles .dbqkbc-articles-list-container.dbqkbc-scrollbar-visible .dbqkbc-files-content, .classlist-knowledge-base-file-list .dbqkbc-articles .dbqkbc-articles-list-container.dbqkbc-scrollbar-visible .dbqkbc-articles-content, .classlist-knowledge-base-document-list .dbqkbc-files .dbqkbc-files-list-container.dbqkbc-scrollbar-visible .dbqkbc-files-content, .classlist-knowledge-base-document-list .dbqkbc-files .dbqkbc-files-list-container.dbqkbc-scrollbar-visible .dbqkbc-articles-content, .classlist-knowledge-base-document-list .dbqkbc-files .dbqkbc-articles-list-container.dbqkbc-scrollbar-visible .dbqkbc-files-content, .classlist-knowledge-base-document-list .dbqkbc-files .dbqkbc-articles-list-container.dbqkbc-scrollbar-visible .dbqkbc-articles-content, .classlist-knowledge-base-document-list .dbqkbc-articles .dbqkbc-files-list-container.dbqkbc-scrollbar-visible .dbqkbc-files-content, .classlist-knowledge-base-document-list .dbqkbc-articles .dbqkbc-files-list-container.dbqkbc-scrollbar-visible .dbqkbc-articles-content, .classlist-knowledge-base-document-list .dbqkbc-articles .dbqkbc-articles-list-container.dbqkbc-scrollbar-visible .dbqkbc-files-content, .classlist-knowledge-base-document-list .dbqkbc-articles .dbqkbc-articles-list-container.dbqkbc-scrollbar-visible .dbqkbc-articles-content { width: calc(100% - 23px); } .classlist-knowledge-base-file-list .dbqkbc-files .dbqkbc-files-list-container.dbqkbc-scrollbar-visible .dbqkbc-file-scrollbar-container .dbqsb-scrollbar, .classlist-knowledge-base-file-list .dbqkbc-files .dbqkbc-articles-list-container.dbqkbc-scrollbar-visible .dbqkbc-file-scrollbar-container .dbqsb-scrollbar, .classlist-knowledge-base-file-list .dbqkbc-articles .dbqkbc-files-list-container.dbqkbc-scrollbar-visible .dbqkbc-file-scrollbar-container .dbqsb-scrollbar, .classlist-knowledge-base-file-list .dbqkbc-articles .dbqkbc-articles-list-container.dbqkbc-scrollbar-visible .dbqkbc-file-scrollbar-container .dbqsb-scrollbar, .classlist-knowledge-base-document-list .dbqkbc-files .dbqkbc-files-list-container.dbqkbc-scrollbar-visible .dbqkbc-file-scrollbar-container .dbqsb-scrollbar, .classlist-knowledge-base-document-list .dbqkbc-files .dbqkbc-articles-list-container.dbqkbc-scrollbar-visible .dbqkbc-file-scrollbar-container .dbqsb-scrollbar, .classlist-knowledge-base-document-list .dbqkbc-articles .dbqkbc-files-list-container.dbqkbc-scrollbar-visible .dbqkbc-file-scrollbar-container .dbqsb-scrollbar, .classlist-knowledge-base-document-list .dbqkbc-articles .dbqkbc-articles-list-container.dbqkbc-scrollbar-visible .dbqkbc-file-scrollbar-container .dbqsb-scrollbar { margin: 15px 0; height: calc(100% - 30px); } .classlist-knowledge-base-file-list .dbqkbc-files .dbqkbc-file-content, .classlist-knowledge-base-file-list .dbqkbc-articles .dbqkbc-file-content, .classlist-knowledge-base-document-list .dbqkbc-files .dbqkbc-file-content, .classlist-knowledge-base-document-list .dbqkbc-articles .dbqkbc-file-content { margin: 15px !important; padding: 15px !important; } .classlist-knowledge-base-file-list .dbqkbc-files .dbqkbc-article-content, .classlist-knowledge-base-file-list .dbqkbc-articles .dbqkbc-article-content, .classlist-knowledge-base-document-list .dbqkbc-files .dbqkbc-article-content, .classlist-knowledge-base-document-list .dbqkbc-articles .dbqkbc-article-content { margin: 0 0 0 15px !important; padding: 0 15px !important; } .classlist-knowledge-base-file-list .dbqkbc-files .dbqkbc-article-content .dbqkbc-start-execute-on-object-button, .classlist-knowledge-base-file-list .dbqkbc-articles .dbqkbc-article-content .dbqkbc-start-execute-on-object-button, .classlist-knowledge-base-document-list .dbqkbc-files .dbqkbc-article-content .dbqkbc-start-execute-on-object-button, .classlist-knowledge-base-document-list .dbqkbc-articles .dbqkbc-article-content .dbqkbc-start-execute-on-object-button { float: right; display: flex; align-items: center; margin-top: 15px; font-weight: 500; } .classlist-knowledge-base-file-list .dbqkbc-files .dbqkbc-article-content .dbqkbc-start-execute-on-object-button svg, .classlist-knowledge-base-file-list .dbqkbc-articles .dbqkbc-article-content .dbqkbc-start-execute-on-object-button svg, .classlist-knowledge-base-document-list .dbqkbc-files .dbqkbc-article-content .dbqkbc-start-execute-on-object-button svg, .classlist-knowledge-base-document-list .dbqkbc-articles .dbqkbc-article-content .dbqkbc-start-execute-on-object-button svg { margin-right: 5px; fill: #ffffff; } .classlist-knowledge-base-document-list .dbqkba-article .dbqkbc-execute-function { position: absolute; top: 0; right: 0; } .dbqdcltg-sidepanel .classlist-knowledge-base-folder-list.dbqkbc-container, .dbqdcltg-sidepanel .classlist-knowledge-base-file-list.dbqkbc-container, .dbqdcltg-sidepanel .classlist-knowledge-base-document-list.dbqkbc-container { height: initial; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } #classlist-developer-tools.classlist-developer-tools.classlist-container { margin: -7.5px 0 !important; height: calc(100% + 15px); background: #FBFBFB; border-radius: 0 0 15px 15px; } #classlist-developer-tools.classlist-developer-tools.classlist-container .dbq-developer-tools { background: transparent; padding: 7.5px !important; } #classlist-developer-tools.classlist-developer-tools.classlist-container .dbq-developer-tools #dbqdt-sidebar-container { margin: 7.5px; height: calc(100% - 15px); width: 246px; border: 1px solid #dddddd; } #classlist-developer-tools.classlist-developer-tools.classlist-container .dbq-developer-tools #dbqdt-windows-container { padding: 0px; } #classlist-developer-tools.classlist-developer-tools.classlist-container .dbq-developer-tools #dbqdt-windows-container .dbqdt-window { margin: 7.5px; background: #FBFBFB; } #classlist-developer-tools.classlist-developer-tools.classlist-container .dbq-developer-tools #dbqdt-windows-container .dbqdt-window-1n { width: calc(100% - 15px); height: calc(100% - 15px); } #classlist-developer-tools.classlist-developer-tools.classlist-container .dbq-developer-tools #dbqdt-windows-container .dbqdt-window-2h { width: calc(100% - 15px); height: calc(50% - 15px); } #classlist-developer-tools.classlist-developer-tools.classlist-container .dbq-developer-tools #dbqdt-windows-container .dbqdt-window-2v { width: calc(50% - 15px); height: calc(100% - 15px); } #classlist-developer-tools.classlist-developer-tools.classlist-container .dbq-developer-tools #dbqdt-windows-container .dbqdt-window-3v { width: calc(33.3333% - 15px); height: calc(100% - 15px); } #classlist-developer-tools.classlist-developer-tools.classlist-container .dbq-developer-tools #dbqdt-windows-container .dbqdt-window-4n { width: calc(50% - 15px); height: calc(50% - 15px); } #classlist-developer-tools.classlist-developer-tools.classlist-container .dbq-developer-tools #dbqdt-windows-container .dbqdt-window-6n { width: calc(33.3333% - 15px); height: calc(50% - 15px); } #classlist-developer-tools.classlist-developer-tools.classlist-container .dbq-developer-tools #dbqdt-windows-container .dbqdt-loading-view-container { 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } #classlist-workflow { height: calc(100% - 20px); margin: 0; border-radius: 5px; overflow: hidden; padding: 7.5px 15px; } .dbqdclw-container { height: 100%; border-radius: 5px; background-color: #ffffff; --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: 5px; 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: #ff7500 !important; border: 2px solid #ff7500 !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 #f1f1f1; } .dbqdclw-container .dbqdclw-node-types-container::-webkit-scrollbar-track { box-shadow: none; } .dbqdclw-container .dbqdclw-node-types-container::-webkit-scrollbar-corner, .dbqdclw-container .dbqdclw-node-types-container::-webkit-scrollbar-corner { background-color: #ffffff; } .dbqdclw-container .dbqdclw-node-types-container { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .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; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .dbqdclw-container .dbqdclw-node-types-container::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !important; } .dbqdclw-container .dbqdclw-node-types-container .dbqdclw-node-type { padding: 10px; border-bottom: 1px solid #f1f1f1; 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, #f1f1f1 1px, transparent 1px), linear-gradient(to bottom, #f1f1f1 1px, transparent 1px); } .dbqdclw-container .drawflow .drawflow-node { border-radius: 5px; -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: 0; box-shadow: none; width: auto; padding: 7.5px; background: #ffffff; text-shadow: none; 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: #f4f4f4; } .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: #FBFBFB; color: #ff7500; } .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; } .classlist-report .dbqdclr-tab-bar-container { display: none; margin-bottom: 15px; } .classlist-report .dbqdclr-tab-bar-container.dbqdclr-tab-bar-visible { display: flex; gap: 5px; } .classlist-report .dbqdclr-tab-bar-container .dbqdclr-tab-bar-item { display: inline-flex; align-items: center; padding: 0 5px 0 12px; height: 30px; border-radius: 15px; font-size: 14px; background: #eeeeee; color: #000000; cursor: pointer; } .classlist-report .dbqdclr-tab-bar-container .dbqdclr-tab-bar-item .dbqdclr-tab-bar-item-close-button { display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.2); border-radius: 50%; margin-left: 5px; width: 20px; height: 20px; } .classlist-report .dbqdclr-tab-bar-container .dbqdclr-tab-bar-item .dbqdclr-tab-bar-item-close-button svg { fill: #ffffff; width: 16px; height: 16px; } .classlist-report .dbqdclr-tab-bar-container .dbqdclr-tab-bar-item svg { fill: #000000; } .classlist-report .dbqdclr-tab-bar-container .dbqdclr-tab-bar-item:hover { background: rgba(255, 255, 255, 0.5019607843); } .classlist-report .dbqdclr-tab-bar-container .dbqdclr-tab-bar-item.dbqdclr-tab-bar-add-tab-button { width: 30px; padding: 0; justify-content: center; } .classlist-report .dbqdclr-tab-bar-container .dbqdclr-tab-bar-item.dbqdclr-tab-bar-item-active { background: #ff7500; color: #fff; font-weight: 600; } .classlist-report .dbqdclr-tab-bar-container[data-has-available-folder-document-class-lists=false] .dbqdclr-tab-bar-add-tab-button { display: none; } .classlist-report .dbqdclr-tab-content-container { border: 1px solid #dddddd; border-radius: 5px; padding: 7.5px 0; } .classlist-report .dbqdclr-tab-content-container .dbqdclr-tab { display: none; } .classlist-report .dbqdclr-tab-content-container .dbqdclr-tab.dbqdclr-tab-active { display: block; } .classlist-report .dbqdclr-tab-content-container .dbqdclr-tab .dbqdclr-tab-placeholder { display: flex; flex-direction: column; align-items: center; } .classlist-report .dbqdclr-tab-content-container .dbqdclr-tab .dbqdclr-tab-placeholder .dbqdclr-tab-placeholder-icon svg { fill: #000000; width: 60px; height: 60px; } .classlist-report .dbqdclr-tab-content-container .dbqdclr-tab .dbqdclr-tab-placeholder .dbqdclr-tab-placeholder-description { font-size: 20px; color: #000000; } .classlist-report .dbqdclr-tab-content-container .dbqdclr-tab .dbqdclr-tab-placeholder .dbqdclr-add-button-container .dbqdclr-add-button { display: flex; align-items: center; background: #ff7500; color: #ffffff; border-radius: 5px; font-weight: 600; text-decoration: none; padding: 5px 10px 5px 5px; margin: 15px; } .classlist-report .dbqdclr-tab-content-container .dbqdclr-tab .dbqdclr-tab-placeholder .dbqdclr-add-button-container .dbqdclr-add-button svg { fill: #ffffff; } .classlist-report .dbqdclr-tab-content-container .dbqdclr-tab .dbqdclr-tab-placeholder .dbqdclr-add-button-container .dbqdclr-add-button-dropdown-menu ul { float: left; margin: 0; padding: 0; width: 100%; list-style-type: none; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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; -o-object-fit: cover; object-fit: cover; } .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 { max-width: 170px; max-height: 170px; width: 100%; height: 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 .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-word; } .dbqdclrvl-container .dbq-document .topic h2, .folder-document-class-list-dashboard-document .dbq-document .topic h2, .classlist-dashboard .dbq-document .topic h2 { color: #000000; } .folder-document-class-list-dashboard-document .dbq-document .topic .dbqdb-image, .classlist-dashboard .dbq-document .topic .dbqdb-image { max-height: 150px; } #classlist-record-view-list .dbqdclrvl-container { display: flex; align-items: stretch; position: relative; } #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 .block.dbqdb-block-elevated-background .row[data-element-type=Text] p, #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item-empty .dbq-form .block.dbqdb-block-elevated-background .row[data-element-type=Text] p { margin-bottom: 0px; } #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item { width: 100%; cursor: pointer; } #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item .flex-container { gap: 15px; } #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item .flex-container .dbq-column { margin-right: 0; min-height: -moz-min-content; min-height: min-content; } #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item .flex-container .dbq-column .dbqdb-block.dbqdb-block-elevated-background { height: -moz-min-content; height: min-content; margin-bottom: 0; } #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item .flex-container:last-of-type { margin-bottom: 0; } #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item .flex-container .input-list-item .flex-container { margin-bottom: 15px; } #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item .dbqdb-block.dbqdb-block-elevated-background { border: 0; background: #FBFBFB; border: 1px solid #f4f4f4; } #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item .dbqdb-footer, #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: absolute; top: 0; right: 0; display: flex; flex-direction: row-reverse; margin-top: 7.5px; margin-right: 7.5px; background: #ffffff; border-radius: 5px; box-shadow: none; } #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item-toolbar .dbqdclrvl-dropdown { display: flex; fill: #000000; width: 26px; height: 26px; align-items: center; justify-content: center; } #classlist-record-view-list .dbqdclrvl-container .dbqdclrvl-item-toolbar .dbqdclrvl-dropdown button.dropdown-toggle { border: none; background: none; padding: 0 !important; } #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: #ff7500; } #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: #ff7500 !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 .dbqdb-footer, #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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } @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: -moz-fit-content; width: fit-content; max-width: calc(100% - 60px); } #classlist-image-modal .modal-dialog .modal-content { 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .dbqdcltg-scrollbar-container .dbqsb-scrollbar { height: calc(100% - 35px); margin: 35px 0 0 15px; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container .dbqdcltg-data-table.dbqdcltg-is-in-place-editing .dbqdcltg-row td, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container .dbqdcltg-data-table.dbqdcltg-is-in-place-editing .dbqdcltg-total-row td { cursor: initial !important; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container .dbqdcltg-data-table.dbqdcltg-is-in-place-editing .dbqdcltg-row-function-button { display: none; } .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 { box-shadow: none; } .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"], .dbqdcltg-data-table .dbqdcltg-cell-editable .dbqdcltg-editable-property-input[data-document-property-type="5"] { height: 28px; min-width: 50px; border-radius: 2.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[data-document-property-type="7"] { width: 25px; height: 25px; } .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, .dbqdcltg-data-table .dbqdcltg-cell-editable .dbqdcltg-editable-property-input-multiple-select .dbqstsd-output-content-container { height: 28px; border-radius: 2.5px; border-width: 1px; } .dbqdcltg-data-table .dbqdcltg-cell-editable .dbqdcltg-editable-property-input-multiple-select .dbqstd-output-content-container .dbqstd-attribute-value, .dbqdcltg-data-table .dbqdcltg-cell-editable .dbqdcltg-editable-property-input-multiple-select .dbqstd-output-content-container .dbqstsd-attribute-value, .dbqdcltg-data-table .dbqdcltg-cell-editable .dbqdcltg-editable-property-input-multiple-select .dbqstsd-output-content-container .dbqstd-attribute-value, .dbqdcltg-data-table .dbqdcltg-cell-editable .dbqdcltg-editable-property-input-multiple-select .dbqstsd-output-content-container .dbqstsd-attribute-value { font-weight: 400; font-size: 14px; } .dbqdcltg-data-table .dbqdcltg-editing-buttons-container { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; } .dbqdcltg-data-table .dbqdcltg-editing-buttons-container .dbqdcltg-editing-button { width: 24px; height: 24px; border: 0 none; border-radius: 50%; outline: 0; padding: 0; } .dbqdcltg-data-table .dbqdcltg-editing-buttons-container .dbqdcltg-editing-button svg { width: 20px; height: 20px; fill: #ffffff !important; } .dbqdcltg-data-table .dbqdcltg-editing-buttons-container .dbqdcltg-editing-button.dbqdcltg-editing-confirm-button { background: #28a745; margin-right: 5px; } .dbqdcltg-data-table .dbqdcltg-editing-buttons-container .dbqdcltg-editing-button.dbqdcltg-editing-confirm-button .dbq-button-spinner { margin: -1px !important; color: #ffffff; } .dbqdcltg-data-table .dbqdcltg-editing-buttons-container .dbqdcltg-editing-button.dbqdcltg-editing-cancel-button { background: #dc3545; } .dbqdcltg-row-editing { background-color: #f4f4f4 !important; color: #000000 !important; } .dbqdcltg-row-editing .dbqdcltg-cell-sticky { background-color: #f4f4f4 !important; } .dbqdcltg-data-table:not(.dbqdcltg-is-in-place-editing) .dbqdcltg-row-hover .dbqdcltg-cell-editable-indicator { opacity: 1 !important; } .dbqdcltg-data-table:not(.dbqdcltg-is-in-place-editing) .dbqdcltg-row-hover .dbqdcltg-cell-editable-indicator svg { fill: #000000; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .dbqdcltg-container { display: inline-block; position: relative; width: 100%; clear: both; margin: 0; padding: 0; background-color: unset; box-shadow: none; border-radius: 5px; background-color: #ffffff; } .dbqdcltg-container[data-is-loading=true] { min-height: 130px; } .dbqdcltg-container .dbqdcltg-tree-grid-container { display: flex; flex-direction: column; position: relative; min-height: 65px; } .dbqdcltg-container .dbqdcltg-tree-grid-container.dbqdcltg-has-report-refresh-view { min-height: 200px; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container { display: flex; flex-wrap: nowrap; flex-direction: row; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container { flex-grow: 1; overflow-x: auto; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container::-webkit-scrollbar-track { box-shadow: none; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container::-webkit-scrollbar-corner, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container::-webkit-scrollbar-corner { background-color: #ffffff; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container::-webkit-scrollbar, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container::-webkit-scrollbar-corner, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container::-webkit-scrollbar-track, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container::-webkit-scrollbar-thumb { border-radius: 0; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container::-webkit-scrollbar, .dbqdcltg-container .dbqdcltg-tree-grid-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-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container::-webkit-scrollbar-thumb { border-radius: 7.5px; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !important; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container .dbqdcltg-data-table { width: 100%; } .dbqdcltg-container .dbqdcltg-tree-grid-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-bottom: 1px solid #f4f4f4; height: 35px; position: relative; 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-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container .dbqdcltg-data-table tr td .dbqdcltg-cell-corner-tag { position: absolute; top: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 0; z-index: 2; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container .dbqdcltg-data-table tr td:first-of-type { padding-left: 10px; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container .dbqdcltg-data-table tr td:last-of-type { padding-right: 5px; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container .dbqdcltg-data-table tr td.dbqdcltg-cell[class*=dbqdcltg-ellipsis-] { padding: 5px; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container .dbqdcltg-data-table tr td.dbqdcltg-cell-has-custom-color { padding: 3px; position: relative; min-width: 35px; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container .dbqdcltg-data-table tr td.dbqdcltg-cell-has-custom-color .dbqdcltg-cell-value { border-radius: 5px; display: flex; align-items: center; height: 100%; width: 100%; padding: 5px; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container .dbqdcltg-data-table tr td.dbqdcltg-cell-has-custom-color .dbqdcltg-cell-corner-tag { top: 3px; right: 3px; border-radius: 0 5px 0 0; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container .dbqdcltg-data-table tr td.dbqdcltg-merged-border-right { padding-right: 0; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container .dbqdcltg-data-table tr td.dbqdcltg-merged-border-right .dbqdcltg-cell-value { right: 0px; border-radius: 5px 0px 0px 5px; padding-right: 0px; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container .dbqdcltg-data-table tr td.dbqdcltg-merged-border-left { padding-left: 0; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container .dbqdcltg-data-table tr td.dbqdcltg-merged-border-left .dbqdcltg-cell-value { left: 0px; border-radius: 0px 5px 5px 0px; padding-left: 5px; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container .dbqdcltg-data-table tr td.dbqdcltg-cell-function { width: 28px; min-width: 28px; max-width: 28px; padding: 0; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container .dbqdcltg-data-table tr td .dbqdcltg-cell-corner-tag { position: absolute; top: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 0; z-index: 2; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container .dbqdcltg-data-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-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container .dbqdcltg-data-table .dbqdcltg-row-function-button svg { fill: #000000; width: 24px; height: 24px; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container .dbqdcltg-data-table .dbqdcltg-row-function-button.dbqdcltg-row-hover-first-function.dbqdcltg-highlight, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container .dbqdcltg-data-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-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container .dbqdcltg-data-table .dbqdcltg-row-function-button.dbqdcltg-row-hover-first-function.dbqdcltg-highlight svg, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container .dbqdcltg-data-table .dbqdcltg-row-function-button:hover svg { fill: #ff7500 !important; transform: scale(1.1); } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-data-table-container .dbqdcltg-data-table.dbqdcltg-table-has-ellipsis tr td { height: initial; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-column-header { padding: 0 5px; height: 35px; min-width: 28px; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-column-header:first-of-type { padding-left: 10px; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-column-header.dbqdcltg-expand-button-column-header { width: 50px; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-column-header.dbqdcltg-merged-border-left { padding-left: 1px; border-left: none; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-column-header.dbqdcltg-merged-border-right { padding-right: 1px; border-right: none; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-column-header .dbqdcltg-column-header-title { display: flex; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: bold; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-column-header .dbqdcltg-column-header-title .dbqdcltg-column-header-tooltip { margin-left: 2px; cursor: default; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-column-header .dbqdcltg-column-header-title .dbqdcltg-column-header-tooltip svg { fill: #000000; width: 20px; height: 20px; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-column-header.dbqdcltg-sticky-column-header { position: sticky; background-color: #ffffff; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-column-header.dbqdcltg-sticky-column-header:nth-last-of-type(1) { right: 0; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-column-header.dbqdcltg-sticky-column-header:nth-last-of-type(2) { right: 28px; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-column-header.dbqdcltg-sticky-column-header:nth-last-of-type(3) { right: 56px; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-column-header.dbqdcltg-sticky-column-header:nth-last-of-type(4) { right: 84px; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-column-header.dbqdcltg-sticky-column-header:nth-last-of-type(5) { right: 112px; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-column-header.dbqdcltg-sticky-column-header:nth-last-of-type(6) { right: 140px; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-column-header.dbqdcltg-sticky-column-header:nth-last-of-type(7) { right: 168px; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-column-header.dbqdcltg-sticky-column-header:nth-last-of-type(8) { right: 196px; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-column-header.dbqdcltg-sticky-column-header:nth-last-of-type(9) { right: 224px; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-column-header.dbqdcltg-sticky-column-header:nth-last-of-type(10) { right: 252px; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row td, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row td { font-size: 12px; font-weight: 500; color: #000000; background-color: #ffffff; text-decoration: none; cursor: pointer; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row td.dbqdcltg-total-value, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row td.dbqdcltg-total-value { font-weight: bold; padding-right: 5px; white-space: nowrap; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row svg, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row svg { width: 24px; height: 24px; fill: #000000; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row .dbqdcltg-expand-button svg, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row .dbqdcltg-expand-button svg { fill: #000000; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="1"] td, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="1"] td { color: #FFFFFF; background-color: #7F7F7F; font-weight: 500; font-size: 12px; text-decoration: none; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="1"] td svg, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="1"] td svg { fill: #FFFFFF; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="2"] td, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="2"] td { color: #000000; background-color: #ffffff; font-weight: 500; font-size: 12px; text-decoration: none; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="2"] td svg, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="2"] td svg { fill: #000000; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="3"] td, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="3"] td { color: #2e5aac; background-color: #eef2fa; font-weight: 500; font-size: 12px; text-decoration: none; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="3"] td svg, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="3"] td svg { fill: #2e5aac; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="4"] td, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="4"] td { color: #b95000; background-color: #fff4ec; font-weight: 500; font-size: 12px; text-decoration: none; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="4"] td svg, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="4"] td svg { fill: #b95000; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="5"] td, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="5"] td { color: #da1414; background-color: #feefef; font-weight: 500; font-size: 12px; text-decoration: none; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="5"] td svg, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="5"] td svg { fill: #da1414; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="6"] td, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="6"] td { color: #000000; background-color: #ffffff; font-weight: 500; font-size: 12px; text-decoration: none; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="6"] td svg, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="6"] td svg { fill: #000000; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="7"] td, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="7"] td { color: #000000; background-color: transparent; font-weight: 500; font-size: 12px; text-decoration: none; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="7"] td svg, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="7"] td svg { fill: #000000; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="8"] td, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="8"] td { color: #287d3c; background-color: #edf9f0; font-weight: 500; font-size: 12px; text-decoration: none; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row[data-folder-document-object-display-mode="8"] td svg, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row[data-folder-document-object-display-mode="8"] td svg { fill: #287d3c; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-selected td, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-active td, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-selected td, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-active td { background-color: #f4f4f4 !important; color: #000000 !important; fill: #000000 !important; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-selected td .dbqdcltg-inline-svg, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-active td .dbqdcltg-inline-svg, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-selected td .dbqdcltg-inline-svg, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-active td .dbqdcltg-inline-svg { fill: #000000 !important; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-selected td .dbqdcltg-row-function-button svg, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-active td .dbqdcltg-row-function-button svg, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-selected td .dbqdcltg-row-function-button svg, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-active td .dbqdcltg-row-function-button svg { fill: #000000 !important; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-selected td .dbqdcltg-cell-sticky, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-active td .dbqdcltg-cell-sticky, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-selected td .dbqdcltg-cell-sticky, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-active td .dbqdcltg-cell-sticky { background-color: #f4f4f4 !important; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-selected td, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-selected td { background-color: #666666 !important; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-hover td, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-hover td { background: #fff4eb; background-color: #fff4eb; border-color: #fff4eb; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-row.dbqdcltg-row-hover td .dbqdcltg-cell-sticky, .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row.dbqdcltg-row-hover td .dbqdcltg-cell-sticky { background-color: #fff4eb; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container .dbqdcltg-total-row { cursor: initial; } .dbqdcltg-container .dbqdcltg-tree-grid-container .dbqdcltg-tables-container[data-folder-document-class-list-mode="4"] .dbqdcltg-data-table-container .dbqdcltg-column-header:first-of-type, .dbqdcltg-container .dbqdcltg-tree-grid-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-tree-grid-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-tree-grid-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-tree-grid-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-cell-sticky { position: sticky !important; } .dbqdcltg-cell-sticky:nth-last-of-type(1) { right: 0; } .dbqdcltg-cell-sticky:nth-last-of-type(2) { right: 28px; } .dbqdcltg-cell-sticky:nth-last-of-type(3) { right: 56px; } .dbqdcltg-cell-sticky:nth-last-of-type(4) { right: 84px; } .dbqdcltg-cell-sticky:nth-last-of-type(5) { right: 112px; } .dbqdcltg-cell-sticky:nth-last-of-type(6) { right: 140px; } .dbqdcltg-cell-sticky:nth-last-of-type(7) { right: 168px; } .dbqdcltg-cell-sticky:nth-last-of-type(8) { right: 196px; } .dbqdcltg-cell-sticky:nth-last-of-type(9) { right: 224px; } .dbqdcltg-cell-sticky:nth-last-of-type(10) { right: 252px; } .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 { display: flex; align-items: center; justify-content: center; 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 img, .dbqdcltg-merged-cell .dbqdcltg-row-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; vertical-align: inherit; } .dbqdcltg-cell-custom .dbqdcltg-row-image svg, .dbqdcltg-merged-cell .dbqdcltg-row-image svg { fill: #000000; } .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; width: -moz-max-content; width: max-content; max-height: 24px; margin-right: 5px; } .dbqdcltg-cell-custom .dbqdcltg-row-inline-image img, .dbqdcltg-merged-cell .dbqdcltg-row-inline-image img { display: block; } .dbqdcltg-cell-custom a svg, .dbqdcltg-merged-cell a svg { fill: #000000; width: 18px; height: 18px; margin-left: 3px; } .dbqdcltg-cell-custom a:hover svg, .dbqdcltg-merged-cell a:hover svg { fill: #ff7500; } .dbqdcltg-image-popup .modal-body { border-radius: 5px !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-column-header-title { justify-content: flex-end; } .dbqdcltg-align-right .dbqdcltg-merged-cell, .dbqdcltg-align-right .dbqdcltg-cell-value { justify-content: flex-end; } .dbqdcltg-tooltip-container { max-width: 320px; font-size: 12px; } .dbqdcltg-tooltip-container .dbqdcltg-tooltip-header { font-weight: 600; } .dbqdcltg-tooltip-container .dbqdcltg-tooltip-text { font-weight: normal; } .dbqdcltg-tooltip-container .dbqdcltg-tooltip-text p { margin-bottom: 0; font-size: 12px; } .dbqdcltg-tooltip-container .dbqdcltg-tooltip-text p strong { font-weight: 600; } #classlist .classlist-window:first-child .dbqdcltg-container { z-index: 13; } .dbqdcltg-ellipsis-1 { display: table-cell; vertical-align: top; } .dbqdcltg-ellipsis-1 .dbqdcltg-cell-value { max-height: calc(18px * 1); white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .dbqdcltg-ellipsis-2 { display: table-cell; vertical-align: top; } .dbqdcltg-ellipsis-2 .dbqdcltg-cell-value { max-height: calc(18px * 2); white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .dbqdcltg-ellipsis-3 { display: table-cell; vertical-align: top; } .dbqdcltg-ellipsis-3 .dbqdcltg-cell-value { max-height: calc(18px * 3); white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .dbqdcltg-ellipsis-4 { display: table-cell; vertical-align: top; } .dbqdcltg-ellipsis-4 .dbqdcltg-cell-value { max-height: calc(18px * 4); white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } .dbqdcltg-ellipsis-5 { display: table-cell; vertical-align: top; } .dbqdcltg-ellipsis-5 .dbqdcltg-cell-value { max-height: calc(18px * 5); white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; } .dbqdcltg-ellipsis-6 { display: table-cell; vertical-align: top; } .dbqdcltg-ellipsis-6 .dbqdcltg-cell-value { max-height: calc(18px * 6); white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; } .dbqdcltg-ellipsis-7 { display: table-cell; vertical-align: top; } .dbqdcltg-ellipsis-7 .dbqdcltg-cell-value { max-height: calc(18px * 7); white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden; } .dbqdcltg-ellipsis-8 { display: table-cell; vertical-align: top; } .dbqdcltg-ellipsis-8 .dbqdcltg-cell-value { max-height: calc(18px * 8); white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: hidden; } .dbqdcltg-ellipsis-9 { display: table-cell; vertical-align: top; } .dbqdcltg-ellipsis-9 .dbqdcltg-cell-value { max-height: calc(18px * 9); white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; overflow: hidden; } .dbqdcltg-ellipsis-10 { display: table-cell; vertical-align: top; } .dbqdcltg-ellipsis-10 .dbqdcltg-cell-value { max-height: calc(18px * 10); white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; overflow: hidden; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .dbqdcltg-has-sidepanel, .dbqdclc-has-extended-sidepanel { display: flex; } .dbqdcltg-has-sidepanel[data-size-ratio="0"] .dbqdcltg-main-panel, .dbqdcltg-has-sidepanel[data-size-ratio="0"] .dbqdclc-extended-main-panel, .dbqdclc-has-extended-sidepanel[data-size-ratio="0"] .dbqdcltg-main-panel, .dbqdclc-has-extended-sidepanel[data-size-ratio="0"] .dbqdclc-extended-main-panel { width: calc(100% - 30%); } .dbqdcltg-has-sidepanel[data-size-ratio="0"] .dbqdcltg-sidepanel, .dbqdcltg-has-sidepanel[data-size-ratio="0"] .dbqdclc-extended-sidepanel, .dbqdclc-has-extended-sidepanel[data-size-ratio="0"] .dbqdcltg-sidepanel, .dbqdclc-has-extended-sidepanel[data-size-ratio="0"] .dbqdclc-extended-sidepanel { width: 30%; } .dbqdcltg-has-sidepanel[data-size-ratio="1"] .dbqdcltg-main-panel, .dbqdcltg-has-sidepanel[data-size-ratio="1"] .dbqdclc-extended-main-panel, .dbqdclc-has-extended-sidepanel[data-size-ratio="1"] .dbqdcltg-main-panel, .dbqdclc-has-extended-sidepanel[data-size-ratio="1"] .dbqdclc-extended-main-panel { width: calc(100% - 40%); } .dbqdcltg-has-sidepanel[data-size-ratio="1"] .dbqdcltg-sidepanel, .dbqdcltg-has-sidepanel[data-size-ratio="1"] .dbqdclc-extended-sidepanel, .dbqdclc-has-extended-sidepanel[data-size-ratio="1"] .dbqdcltg-sidepanel, .dbqdclc-has-extended-sidepanel[data-size-ratio="1"] .dbqdclc-extended-sidepanel { width: 40%; } .dbqdcltg-has-sidepanel[data-size-ratio="2"] .dbqdcltg-main-panel, .dbqdcltg-has-sidepanel[data-size-ratio="2"] .dbqdclc-extended-main-panel, .dbqdclc-has-extended-sidepanel[data-size-ratio="2"] .dbqdcltg-main-panel, .dbqdclc-has-extended-sidepanel[data-size-ratio="2"] .dbqdclc-extended-main-panel { width: calc(100% - 50%); } .dbqdcltg-has-sidepanel[data-size-ratio="2"] .dbqdcltg-sidepanel, .dbqdcltg-has-sidepanel[data-size-ratio="2"] .dbqdclc-extended-sidepanel, .dbqdclc-has-extended-sidepanel[data-size-ratio="2"] .dbqdcltg-sidepanel, .dbqdclc-has-extended-sidepanel[data-size-ratio="2"] .dbqdclc-extended-sidepanel { width: 50%; } .dbqdcltg-has-sidepanel .dbqdcltg-main-panel, .dbqdcltg-has-sidepanel .dbqdclc-extended-main-panel, .dbqdclc-has-extended-sidepanel .dbqdcltg-main-panel, .dbqdclc-has-extended-sidepanel .dbqdclc-extended-main-panel { width: calc(100% - 40%); z-index: 1; } .dbqdcltg-has-sidepanel .dbqdcltg-main-panel[data-is-collapsed=true], .dbqdcltg-has-sidepanel .dbqdclc-extended-main-panel[data-is-collapsed=true], .dbqdclc-has-extended-sidepanel .dbqdcltg-main-panel[data-is-collapsed=true], .dbqdclc-has-extended-sidepanel .dbqdclc-extended-main-panel[data-is-collapsed=true] { width: calc(100% - (40px + 15px)); } .dbqdcltg-has-sidepanel .dbqdcltg-sidepanel, .dbqdcltg-has-sidepanel .dbqdclc-extended-sidepanel, .dbqdclc-has-extended-sidepanel .dbqdcltg-sidepanel, .dbqdclc-has-extended-sidepanel .dbqdclc-extended-sidepanel { width: 40%; z-index: 2; } .dbqdcltg-has-sidepanel .dbqdcltg-sidepanel[data-is-collapsed=true], .dbqdcltg-has-sidepanel .dbqdclc-extended-sidepanel[data-is-collapsed=true], .dbqdclc-has-extended-sidepanel .dbqdcltg-sidepanel[data-is-collapsed=true], .dbqdclc-has-extended-sidepanel .dbqdclc-extended-sidepanel[data-is-collapsed=true] { width: 40px; } .dbqdcltg-has-sidepanel .dbqdcltg-sidepanel[data-is-collapsed=true] .dbqdclsp-container .dbqdclsp-header-container, .dbqdcltg-has-sidepanel .dbqdclc-extended-sidepanel[data-is-collapsed=true] .dbqdclsp-container .dbqdclsp-header-container, .dbqdclc-has-extended-sidepanel .dbqdcltg-sidepanel[data-is-collapsed=true] .dbqdclsp-container .dbqdclsp-header-container, .dbqdclc-has-extended-sidepanel .dbqdclc-extended-sidepanel[data-is-collapsed=true] .dbqdclsp-container .dbqdclsp-header-container { flex-direction: column; height: 100%; border-radius: 5px; 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, .dbqdcltg-has-sidepanel .dbqdclc-extended-sidepanel[data-is-collapsed=true] .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-title-container .dbqdclsp-collapse-button, .dbqdclc-has-extended-sidepanel .dbqdcltg-sidepanel[data-is-collapsed=true] .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-title-container .dbqdclsp-collapse-button, .dbqdclc-has-extended-sidepanel .dbqdclc-extended-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, .dbqdcltg-has-sidepanel .dbqdclc-extended-sidepanel[data-is-collapsed=true] .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-title-container .dbqdclsp-title, .dbqdclc-has-extended-sidepanel .dbqdcltg-sidepanel[data-is-collapsed=true] .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-title-container .dbqdclsp-title, .dbqdclc-has-extended-sidepanel .dbqdclc-extended-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, .dbqdcltg-has-sidepanel .dbqdclc-extended-sidepanel[data-is-collapsed=true] .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-title-container .dbqdclsp-full-screen-button, .dbqdclc-has-extended-sidepanel .dbqdcltg-sidepanel[data-is-collapsed=true] .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-title-container .dbqdclsp-full-screen-button, .dbqdclc-has-extended-sidepanel .dbqdclc-extended-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, .dbqdcltg-has-sidepanel .dbqdclc-extended-sidepanel[data-is-collapsed=true] .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-tab-bar-container, .dbqdclc-has-extended-sidepanel .dbqdcltg-sidepanel[data-is-collapsed=true] .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-tab-bar-container, .dbqdclc-has-extended-sidepanel .dbqdclc-extended-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 5px 5px; } .dbqdcltg-has-sidepanel .dbqdcltg-sidepanel[data-is-collapsed=true] .dbqdclsp-container .dbqdclsp-content-container, .dbqdcltg-has-sidepanel .dbqdclc-extended-sidepanel[data-is-collapsed=true] .dbqdclsp-container .dbqdclsp-content-container, .dbqdclc-has-extended-sidepanel .dbqdcltg-sidepanel[data-is-collapsed=true] .dbqdclsp-container .dbqdclsp-content-container, .dbqdclc-has-extended-sidepanel .dbqdclc-extended-sidepanel[data-is-collapsed=true] .dbqdclsp-container .dbqdclsp-content-container { display: none; } .dbqdcltg-has-sidepanel .dbqdcltg-sidepanel[data-is-collapsed=false] .dbqdclsp-container, .dbqdcltg-has-sidepanel .dbqdclc-extended-sidepanel[data-is-collapsed=false] .dbqdclsp-container, .dbqdclc-has-extended-sidepanel .dbqdcltg-sidepanel[data-is-collapsed=false] .dbqdclsp-container, .dbqdclc-has-extended-sidepanel .dbqdclc-extended-sidepanel[data-is-collapsed=false] .dbqdclsp-container { min-height: 400px; } .dbqdcltg-has-sidepanel.dbqdcltg-sidepanel-is-fullscreen .dbqdcltg-main-panel, .dbqdcltg-has-sidepanel.dbqdcltg-sidepanel-is-fullscreen .dbqdclc-extended-main-panel, .dbqdclc-has-extended-sidepanel.dbqdcltg-sidepanel-is-fullscreen .dbqdcltg-main-panel, .dbqdclc-has-extended-sidepanel.dbqdcltg-sidepanel-is-fullscreen .dbqdclc-extended-main-panel { display: none; } .dbqdcltg-has-sidepanel.dbqdcltg-sidepanel-is-fullscreen .dbqdcltg-sidepanel, .dbqdcltg-has-sidepanel.dbqdcltg-sidepanel-is-fullscreen .dbqdclc-extended-sidepanel, .dbqdclc-has-extended-sidepanel.dbqdcltg-sidepanel-is-fullscreen .dbqdcltg-sidepanel, .dbqdclc-has-extended-sidepanel.dbqdcltg-sidepanel-is-fullscreen .dbqdclc-extended-sidepanel { width: 100%; margin-left: 0; } .dbqdcltg-has-sidepanel { gap: 15px; } .dbqdclc-has-extended-sidepanel .dbqdclc-extended-main-panel.dbqdclc-extended-main-panel-is-hidden { display: none; } .dbqdclc-has-extended-sidepanel .dbqdclc-extended-sidepanel { margin: 0 0 15px 0; } .dbqdclc-has-extended-sidepanel .dbqdclc-extended-sidepanel.dbqdclc-extended-sidepanel-is-fullscreen { width: 100%; margin: 15px; } .dbqdclsp-container { display: flex; width: 100%; height: 100%; z-index: 12; display: inline-block; position: relative; clear: both; margin: 0; padding: 0; font-family: "Red Hat Text", sans-serif; background-color: unset; box-shadow: none; border-radius: 5px; border: 1px solid #f4f4f4; } .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: 5px 5px 0 0; background-color: #FBFBFB; color: #000000; position: relative; z-index: 2; } .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: #000000; } .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: #ff7500 !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: #ff7500; border: 1px solid rgba(255, 255, 255, 0.1); } .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: #ff7500 !important; } .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.5; } .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; } .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-tab-bar-container .dbqdclsp-tab-bar-item { display: flex; align-items: center; justify-content: center; position: relative; 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 .dbqdclsp-tab-bar-item-counter { align-items: center; justify-content: center; height: 20px; min-width: 18px; font-size: 12px; background-color: #fff4eb; color: #ff7500; border-radius: 5px; border: none; padding: 2px 6px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); position: absolute; top: -6px; right: -5px; padding: 2px 3px; text-align: center; font-size: 10px; } .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-tab-bar-container .dbqdclsp-tab-bar-item .dbqdclsp-tab-bar-item-counter.dbq-badge-information { background-color: #eef2fa; color: #2e5aac; } .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-tab-bar-container .dbqdclsp-tab-bar-item .dbqdclsp-tab-bar-item-counter.dbq-badge-warning { background-color: #fff4ec; color: #b95000; } .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-tab-bar-container .dbqdclsp-tab-bar-item .dbqdclsp-tab-bar-item-counter.dbq-badge-error { background-color: #feefef; color: #da1414; } .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-tab-bar-container .dbqdclsp-tab-bar-item svg { fill: #000000; 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: #ff7500; } .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: #ff7500 !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: #ff7500; border: 1px solid #dddddd; } .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: #ff7500 !important; } .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.5; } .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: #000000; } .dbqdclsp-container .dbqdclsp-header-container .dbqdclsp-header-tab-bar-container .dbqdcl-dropdown .dbqdcl-dropdown-toggle:hover svg { fill: #ff7500 !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.5; } .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.5; } .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 .dbqdb-header { border-color: #f4f4f4; } .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 { 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: #ffffff; } .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item .dbq-document .dbq-form { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .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: transparent !important; background: transparent !important; } .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item .dbq-document .dbq-form::-webkit-scrollbar-thumb { border-radius: 7.5px; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item .dbq-document .dbq-form::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !important; } .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item .dbq-document .dbq-form .topic section { padding: 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 { 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: #ffffff; } .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item[data-sidepanel-type="0"] { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .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; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .dbqdclsp-container .dbqdclsp-content-container .dbqdclsp-item[data-sidepanel-type="0"]::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !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::-webkit-scrollbar-track { box-shadow: none; } .dcls-modal .dcls-modal-body::-webkit-scrollbar-corner, .dcls-modal .dcls-modal-body::-webkit-scrollbar-corner { background-color: #ffffff; } .dcls-modal .dcls-modal-body { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .dcls-modal .dcls-modal-body::-webkit-scrollbar, .dcls-modal .dcls-modal-body::-webkit-scrollbar-corner, .dcls-modal .dcls-modal-body::-webkit-scrollbar-track, .dcls-modal .dcls-modal-body::-webkit-scrollbar-thumb { border-radius: 10px; } .dcls-modal .dcls-modal-body::-webkit-scrollbar, .dcls-modal .dcls-modal-body::-webkit-scrollbar-track { width: 7.5px; height: 7.5px; border-radius: 10px; background-color: transparent !important; background: transparent !important; } .dcls-modal .dcls-modal-body::-webkit-scrollbar-thumb { border-radius: 7.5px; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .dcls-modal .dcls-modal-body::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !important; } .dcls-modal .dcls-modal-body ul { padding: 10px 0; margin-bottom: 0; list-style-type: none; } .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% - 58px); margin-left: 10px; padding: 0 10px; white-space: nowrap; overflow: hidden; line-height: 24px; text-overflow: ellipsis; vertical-align: bottom; } .dcls-modal .dcls-modal-body ul li svg { fill: #000000; } .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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } #classlist-timeline.classlist-container { background: unset; margin: 0; padding: 7.5px 15px; overflow: hidden; } #classlist-timeline.classlist-container .mbsc-calendar-table { overflow-y: auto; background: none; } #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 { background-color: #ffffff !important; } #classlist-timeline.classlist-container .mbsc-calendar-table::-webkit-scrollbar-track, #classlist-timeline.classlist-container .mbsc-calendar-grid::-webkit-scrollbar-track, #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 { box-shadow: none; } #classlist-timeline.classlist-container .mbsc-calendar-table::-webkit-scrollbar-corner, #classlist-timeline.classlist-container .mbsc-calendar-table::-webkit-scrollbar-corner, #classlist-timeline.classlist-container .mbsc-calendar-grid::-webkit-scrollbar-corner, #classlist-timeline.classlist-container .mbsc-calendar-grid::-webkit-scrollbar-corner, #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: #ffffff; } #classlist-timeline.classlist-container .mbsc-calendar-table, #classlist-timeline.classlist-container .mbsc-calendar-grid, #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: #ff7500; scrollbar-track-color: #dddddd; } #classlist-timeline.classlist-container .mbsc-calendar-table::-webkit-scrollbar, #classlist-timeline.classlist-container .mbsc-calendar-table::-webkit-scrollbar-corner, #classlist-timeline.classlist-container .mbsc-calendar-table::-webkit-scrollbar-track, #classlist-timeline.classlist-container .mbsc-calendar-table::-webkit-scrollbar-thumb, #classlist-timeline.classlist-container .mbsc-calendar-grid::-webkit-scrollbar, #classlist-timeline.classlist-container .mbsc-calendar-grid::-webkit-scrollbar-corner, #classlist-timeline.classlist-container .mbsc-calendar-grid::-webkit-scrollbar-track, #classlist-timeline.classlist-container .mbsc-calendar-grid::-webkit-scrollbar-thumb, #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-calendar-table::-webkit-scrollbar, #classlist-timeline.classlist-container .mbsc-calendar-table::-webkit-scrollbar-track, #classlist-timeline.classlist-container .mbsc-calendar-grid::-webkit-scrollbar, #classlist-timeline.classlist-container .mbsc-calendar-grid::-webkit-scrollbar-track, #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: transparent !important; background: transparent !important; } #classlist-timeline.classlist-container .mbsc-calendar-table::-webkit-scrollbar-thumb, #classlist-timeline.classlist-container .mbsc-calendar-grid::-webkit-scrollbar-thumb, #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; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } #classlist-timeline.classlist-container .mbsc-calendar-table::-webkit-scrollbar-thumb:hover, #classlist-timeline.classlist-container .mbsc-calendar-grid::-webkit-scrollbar-thumb:hover, #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: #ff7500 !important; } #classlist-timeline.classlist-container .mbsc-material.mbsc-calendar-title { font-size: 16px; } #classlist-timeline.classlist-container .mbsc-material.mbsc-button { font-size: "Red Hat Text", sans-serif; text-transform: none; } #classlist-timeline.classlist-container .mbsc-material.mbsc-schedule-all-day-text, #classlist-timeline.classlist-container .mbsc-material.mbsc-schedule-header-item-large .mbsc-schedule-header-dayname { text-transform: none; } #classlist-timeline .dbqdcltl-toolbar { margin-left: 5px; } #classlist-timeline .dbqdcltl-event-label { position: absolute; top: 10px; right: 5px; font-size: 12px; padding: 0 5px; border-radius: 3px; } #classlist-timeline .dbqdcltl-event-label.dbqdcltl-total-value-event-label { background: #cccccc; color: white; font-weight: 600; } #classlist-timeline .mbsc-calendar-width-sm .dbqdcltl-event-label { display: none; } #classlist-timeline .period-header-picker { flex: 1 0 auto; display: flex; justify-content: center; align-items: center; padding: 5px 0; height: 60px; } #classlist-timeline .period-header-picker label { display: flex; justify-content: center; align-items: center; font-weight: 600; font-size: 14px; min-width: 80px; height: 36px; border: 2px solid #ff7500; border-right: 1px solid #ff7500; border-left: 1px solid #ff7500; cursor: pointer; margin-bottom: 0; } #classlist-timeline .period-header-picker label:first-of-type { border-left: 2px solid #ff7500; } #classlist-timeline .period-header-picker label:last-of-type { border-right: 2px solid #ff7500; } #classlist-timeline .period-header-picker label input { display: none; } #classlist-timeline .period-header-picker label:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } #classlist-timeline .period-header-picker label:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } #classlist-timeline .period-header-picker label.dbqdcltl-selected { background: #ff7500; color: #fff; } #classlist-timeline .mbsc-calendar-row .mbsc-calendar-week-day, #classlist-timeline .mbsc-calendar-row .mbsc-calendar-day { border-color: #dddddd; } #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: #ff7500; } #classlist-timeline .mbsc-popup-wrapper { z-index: 1001; } #classlist-timeline .dbqdcltl-default-background-color { background: #ff7500; display: none; } #classlist-timeline .dbqdcltl-schedule-event { background: #ff7500; 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; } .dcltls-modal .dcltls-modal-body { padding: 10px 15px 10px; } .dcltls-modal .dcltls-modal-body .dbq-form-group-title-label { padding: 4px 10px; cursor: default; } .dcltls-modal .dcltls-modal-body .dbq-form-group-title-label span { cursor: default; } .dcltls-modal .dcltls-modal-body .form-group { margin-bottom: 10px; } .dcltls-modal .dcltls-modal-body .form-group select.form-control { background-color: #ffffff; } .dcltls-modal .dcltls-modal-body .dbq-label-text { padding: 4px 10px; } .dcltls-modal .dbqdb-footer a, .dcltls-modal .modal-footer a { cursor: pointer; } .mbsc-material.mbsc-segmented-button.mbsc-button { border-color: #ff7500; } .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: #ff7500; background: #ff7500; } .mbsc-material.mbsc-selected .mbsc-calendar-cell-text { background: #ff7500; color: #ffffff; border-color: #ff7500; } .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: #ff7500; } .mbsc-material.mbsc-timeline-day::after, .mbsc-material.mbsc-timeline-slots, .mbsc-material.mbsc-timeline-slot-header, .mbsc-material.mbsc-timeline-header-month, .mbsc-material.mbsc-timeline-header-week, .mbsc-material.mbsc-timeline-header-date, .mbsc-material.mbsc-timeline-resource-empty, .mbsc-material.mbsc-timeline-header-column, .mbsc-material.mbsc-timeline-header, .mbsc-material.mbsc-timeline-resource, .mbsc-material.mbsc-timeline-column, .mbsc-material.mbsc-schedule-resource-group, .mbsc-material.mbsc-schedule-resource, .mbsc-material.mbsc-schedule-time-col, .mbsc-material.mbsc-schedule-all-day-item::after, .mbsc-material.mbsc-schedule-column, .mbsc-material.mbsc-schedule-item { border-color: #dddddd; } .classlist-resource-planner .dbqdclrp-container { display: flex; flex-direction: column; gap: 15px; height: 100%; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container { display: flex; flex-direction: row; gap: 15px; height: calc(100% - 42px - 15px); } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-plannable-events-container { position: relative; display: flex; flex-direction: column; flex-shrink: 0; width: 300px; height: 100%; background: #ffffff; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-plannable-events-container .dbqdclrp-resource-plannable-events-title { display: flex; align-items: center; height: 50px; padding: 15px; font-weight: 600; font-size: 16px; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-plannable-events-container .dbqdclrp-resource-plannable-events { height: calc(100% - 50px); flex-grow: 1; padding: 0 15px; overflow-y: auto; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-plannable-events-container .dbqdclrp-resource-plannable-events::-webkit-scrollbar-track { box-shadow: none; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-plannable-events-container .dbqdclrp-resource-plannable-events::-webkit-scrollbar-corner, .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-plannable-events-container .dbqdclrp-resource-plannable-events::-webkit-scrollbar-corner { background-color: #ffffff; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-plannable-events-container .dbqdclrp-resource-plannable-events { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-plannable-events-container .dbqdclrp-resource-plannable-events::-webkit-scrollbar, .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-plannable-events-container .dbqdclrp-resource-plannable-events::-webkit-scrollbar-corner, .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-plannable-events-container .dbqdclrp-resource-plannable-events::-webkit-scrollbar-track, .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-plannable-events-container .dbqdclrp-resource-plannable-events::-webkit-scrollbar-thumb { border-radius: 10px; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-plannable-events-container .dbqdclrp-resource-plannable-events::-webkit-scrollbar, .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-plannable-events-container .dbqdclrp-resource-plannable-events::-webkit-scrollbar-track { width: 7.5px; height: 7.5px; border-radius: 10px; background-color: transparent !important; background: transparent !important; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-plannable-events-container .dbqdclrp-resource-plannable-events::-webkit-scrollbar-thumb { border-radius: 7.5px; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-plannable-events-container .dbqdclrp-resource-plannable-events::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !important; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-plannable-events-container .dbqdclrp-resource-plannable-events .dbqdclrp-event { width: 100%; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-plannable-events-container .dbqdclrp-resource-plannable-events-loading-indicator { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-planner-timeline-container { position: relative; flex-grow: 1; width: calc(100% - 300px - 15px); } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-planner-timeline-container .dbqdclrp-resource-planner-timeline-loading-indicator { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-planner-timeline-container .dbqdclrp-resource-planner-timeline .dbqdclrp-resource { display: flex; flex-direction: column; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-planner-timeline-container .dbqdclrp-resource-planner-timeline .dbqdclrp-resource .dbqdclrp-resource-personal { display: flex; flex-direction: row; align-items: center; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-planner-timeline-container .dbqdclrp-resource-planner-timeline .dbqdclrp-resource .dbqdclrp-resource-personal .dbqdclrp-resource-image { display: flex; align-items: center; justify-content: center; background: #eeeeee; border-radius: 50%; width: 36px; height: 36px; overflow: hidden; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-planner-timeline-container .dbqdclrp-resource-planner-timeline .dbqdclrp-resource .dbqdclrp-resource-personal .dbqdclrp-resource-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; vertical-align: inherit; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-planner-timeline-container .dbqdclrp-resource-planner-timeline .dbqdclrp-resource .dbqdclrp-resource-personal .dbqdclrp-resource-image svg { fill: #000000; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-planner-timeline-container .dbqdclrp-resource-planner-timeline .dbqdclrp-resource .dbqdclrp-resource-personal .dbqdclrp-resource-name { margin-left: 5px; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-planner-timeline-container .dbqdclrp-resource-planner-timeline .dbqdclrp-resource .dbqdclrp-resource-tags { margin-top: 5px; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-planner-timeline-container .dbqdclrp-resource-planner-timeline .dbqdclrp-event { width: 100%; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-planner-timeline-container .dbqdclrp-resource-planner-timeline .dbqdclrp-day-header { font-size: 14px; padding: 0 5px; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-planner-timeline-container .dbqdclrp-resource-planner-timeline .dbqdclrp-day-header.dbqdclrp-day-header-active { position: relative; background-color: #ff7500; color: #ffffff; border-radius: 9px; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-planner-timeline-container .dbqdclrp-resource-planner-timeline .mbsc-timeline-row { height: 109px; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-planner-timeline-container .dbqdclrp-resource-planner-timeline .mbsc-material.mbsc-calendar-title { font-size: 16px; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-planner-timeline-container .dbqdclrp-resource-planner-timeline .mbsc-material.mbsc-button { font-size: "Red Hat Text", sans-serif; text-transform: none; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-planner-timeline-container .dbqdclrp-resource-planner-timeline .mbsc-timeline-grid-scroll::-webkit-scrollbar-track { box-shadow: none; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-planner-timeline-container .dbqdclrp-resource-planner-timeline .mbsc-timeline-grid-scroll::-webkit-scrollbar-corner, .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-planner-timeline-container .dbqdclrp-resource-planner-timeline .mbsc-timeline-grid-scroll::-webkit-scrollbar-corner { background-color: #ffffff; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-planner-timeline-container .dbqdclrp-resource-planner-timeline .mbsc-timeline-grid-scroll { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-planner-timeline-container .dbqdclrp-resource-planner-timeline .mbsc-timeline-grid-scroll::-webkit-scrollbar, .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-planner-timeline-container .dbqdclrp-resource-planner-timeline .mbsc-timeline-grid-scroll::-webkit-scrollbar-corner, .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-planner-timeline-container .dbqdclrp-resource-planner-timeline .mbsc-timeline-grid-scroll::-webkit-scrollbar-track, .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-planner-timeline-container .dbqdclrp-resource-planner-timeline .mbsc-timeline-grid-scroll::-webkit-scrollbar-thumb { border-radius: 10px; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-planner-timeline-container .dbqdclrp-resource-planner-timeline .mbsc-timeline-grid-scroll::-webkit-scrollbar, .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-planner-timeline-container .dbqdclrp-resource-planner-timeline .mbsc-timeline-grid-scroll::-webkit-scrollbar-track { width: 7.5px; height: 7.5px; border-radius: 10px; background-color: transparent !important; background: transparent !important; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-planner-timeline-container .dbqdclrp-resource-planner-timeline .mbsc-timeline-grid-scroll::-webkit-scrollbar-thumb { border-radius: 7.5px; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .classlist-resource-planner .dbqdclrp-container .dbqdclrp-resource-planner-container .dbqdclrp-resource-planner-timeline-container .dbqdclrp-resource-planner-timeline .mbsc-timeline-grid-scroll::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !important; } .dbqdclrp-event .dbqdclrp-event-tag, .dbqdclrp-resource .dbqdclrp-event-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; } .dbqdclrp-event .dbqdclrp-event-tags, .dbqdclrp-resource .dbqdclrp-event-tags { float: left; } .dbqdclrp-event .dbqdclrp-event-tags .dbqdclrp-event-tag[data-display-mode="1"], .dbqdclrp-event .dbqdclrp-event-tags .dbqdclrp-event-tag.dbqdclrp-event-tag-extra, .dbqdclrp-resource .dbqdclrp-event-tags .dbqdclrp-event-tag[data-display-mode="1"], .dbqdclrp-resource .dbqdclrp-event-tags .dbqdclrp-event-tag.dbqdclrp-event-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; } .dbqdclrp-event .dbqdclrp-event-tags.dbqdclrp-event-tags-top-left, .dbqdclrp-event .dbqdclrp-event-tags.dbqdclrp-event-tags-bottom-left, .dbqdclrp-resource .dbqdclrp-event-tags.dbqdclrp-event-tags-top-left, .dbqdclrp-resource .dbqdclrp-event-tags.dbqdclrp-event-tags-bottom-left { float: left; clear: both; } .dbqdclrp-event .dbqdclrp-event-tags.dbqdclrp-event-tags-top-right, .dbqdclrp-event .dbqdclrp-event-tags.dbqdclrp-event-tags-bottom-right, .dbqdclrp-resource .dbqdclrp-event-tags.dbqdclrp-event-tags-top-right, .dbqdclrp-resource .dbqdclrp-event-tags.dbqdclrp-event-tags-bottom-right { float: right; } .dbqdclrp-event .dbqdclrp-event-tags.dbqdclrp-event-tags-bottom-right .dbqdclrp-event-tag[data-display-mode="1"], .dbqdclrp-resource .dbqdclrp-event-tags.dbqdclrp-event-tags-bottom-right .dbqdclrp-event-tag[data-display-mode="1"] { margin-left: -10px; } .dbqdclrp-event .dbqdclrp-event-tags.dbqdclrp-event-tags-bottom-right .dbqdclrp-event-tag[data-display-mode="1"]:first-of-type, .dbqdclrp-resource .dbqdclrp-event-tags.dbqdclrp-event-tags-bottom-right .dbqdclrp-event-tag[data-display-mode="1"]:first-of-type { margin-left: 0; } .dbqdclrp-event .dbqdclrp-event-tags.dbqdclrp-event-tags-bottom-right .dbqdclrp-event-tag.dbqdclrp-event-tag-extra, .dbqdclrp-resource .dbqdclrp-event-tags.dbqdclrp-event-tags-bottom-right .dbqdclrp-event-tag.dbqdclrp-event-tag-extra { margin-left: -10px; background: #ddd; color: #000000; } .dbqdclrp-event .dbqdclrp-event-tags.dbqdclrp-event-tags-bottom-right .dbqdclrp-event-tag span, .dbqdclrp-resource .dbqdclrp-event-tags.dbqdclrp-event-tags-bottom-right .dbqdclrp-event-tag span { font-size: 10px; } .dbqdclrp-event .dbqdclrp-event-extra-tags-container, .dbqdclrp-resource .dbqdclrp-event-extra-tags-container { float: left; position: relative; } .dbqdclrp-event .dbqdclrp-event-extra-tags-container .dbqdclrp-event-extra-tags, .dbqdclrp-resource .dbqdclrp-event-extra-tags-container .dbqdclrp-event-extra-tags { display: none; position: absolute; top: 22px; left: -11px; background: #f5f5f5; padding: 2px; border-radius: 11px; border: 1px solid #ddd; box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.0784313725); } .dbqdclrp-event .dbqdclrp-event-extra-tags-container .dbqdclrp-event-extra-tags .dbqdclrp-event-tag, .dbqdclrp-resource .dbqdclrp-event-extra-tags-container .dbqdclrp-event-extra-tags .dbqdclrp-event-tag { float: initial; margin: 0 0 1px 0 !important; } .dbqdclrp-event .dbqdclrp-event-extra-tags-container:hover .dbqdclkb-event-extra-tags, .dbqdclrp-resource .dbqdclrp-event-extra-tags-container:hover .dbqdclkb-event-extra-tags { display: block; } .dbqdclrp-event { float: left; cursor: pointer; background: #f5f5f5; border-radius: 5px; border-left: solid; border-width: 5px; border-color: #c0c0c0; padding: 10px; margin-top: 10px; box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.0784313725); } .dbqdclrp-event:first-of-type { margin: 0; } .dbqdclrp-event:last-of-type { margin-bottom: 0px; } .dbqdclrp-event .dbqdclrp-event-name, .dbqdclrp-event .dbqdclrp-event-summary { float: left; width: 100%; overflow: hidden; } .dbqdclrp-event .dbqdclrp-event-name span, .dbqdclrp-event .dbqdclrp-event-summary span { color: #000000; font-size: 13px; line-height: 20px; } .dbqdclrp-event .dbqdclrp-event-name span { font-weight: 600; } .dbqdclrp-event .dbqdclrp-dropdown .dropdown-toggle { display: none; border: 0; outline: 0; padding: 0; border-radius: 50%; width: 24px; height: 24px; position: absolute; top: 0; right: 0; background: #f5f5f5; } .dbqdclrp-event .dbqdclrp-dropdown .dropdown-toggle svg { fill: #000000; } .dbqdclrp-event .dbqdclrp-dropdown .dropdown-toggle:hover { background: #ffffff; color: #ffffff; box-shadow: 0 0 5px #ffffff; text-shadow: 0 0 5px #ffffff; } .dbqdclrp-event .dbqdclrp-dropdown .dropdown-toggle:hover svg { fill: #ff7500 !important; transform: scale(1.1); } .dbqdclrp-event:hover .dbqdclrp-dropdown-toggle { display: block; } .dbqdclrp-dropdown-menu li { cursor: pointer; } .dbqdclrp-dropdown-menu .dbqdclrp-disabled { opacity: 0.5; cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .dbqdclrp-dropdown-menu .dbqdclrp-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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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: 5px; 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; width: 24px; height: 24px; } .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: #ff7500; } .classlist-search-list .classlist-search-list-content-container #classlist-filters .document-class-list-filter-show-more svg { float: left; margin: 0 10px 0 0; width: 20px; height: 20px; fill: #ff7500; } .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 { 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: #ffffff; } .classlist-search-list .classlist-search-list-content-container #classlist-dbq-tree-grid { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .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; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .classlist-search-list .classlist-search-list-content-container #classlist-dbq-tree-grid::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !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%; transform: translate(-50%, -50%); text-align: center; background-color: #ffffff; background: url(/DbqLibraries/DbqDeveloperTools/img/dbq-logo-gif-light.gif); background-repeat: no-repeat; background-size: 100px 100px; } .classlist-search-list .classlist-search-list-content-container .loading-container span { line-height: 300px; font-size: 24px; 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: 33.3333333333%; 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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 { border-radius: 8px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #FBFBFB; border-color: #FBFBFB; 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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: 600; } #classlist .document-class-list-tree tr th span { color: #000000; font-weight: 600; } #classlist .document-class-list-tree tr th:focus { outline: none; } #classlist .document-class-list-tree tr td .image-container { position: relative; width: -moz-fit-content; 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 { 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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; } @keyframes glyphicon-refresh-animate1 { from { transform: scale(1) rotate(0deg); } to { transform: scale(1) rotate(360deg); } } @keyframes glyphicon-spin-r { 0% { transform: rotate(0); } 100% { transform: rotate(359deg); } } @keyframes glyphicon-spin-l { 0% { transform: rotate(359deg); } 100% { transform: rotate(0); } } .glyphicon.fast-right-spinner { animation: glyphicon-spin-r 1s infinite linear; } .glyphicon.normal-right-spinner { animation: glyphicon-spin-r 2s infinite linear; } .glyphicon.slow-right-spinner { animation: glyphicon-spin-r 3s infinite linear; } .glyphicon.fast-left-spinner { animation: glyphicon-spin-l 1s infinite linear; } .glyphicon.normal-left-spinner { animation: glyphicon-spin-l 2s infinite linear; } .glyphicon.slow-left-spinner { 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } /*! ======================================================================== * 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: #ff7500 !important; border-color: #ff7500 !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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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: 5px; 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: 5px; } .modal .dbq-loading-spinner-container, .dbq-popup .dbq-loading-spinner-container { border-radius: 0 0 5px 5px; } .dbq-loading-spinner { float: left; width: 100px; height: 100px; z-index: 999; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(/DbqLibraries/DbqDeveloperTools/img/dbq-logo-gif-light.gif); 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .classlist-tree { display: flex; } .classlist-tree .dbq-document-class-list-tree { float: left; width: 100%; border-radius: 5px; background: #ffffff; 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-inline-loading-indicator { display: none; position: absolute; width: 12px; height: 12px; border-width: 2px; top: 9px; margin-left: 3px; } .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dbqdclt-arrow { float: left; cursor: pointer; margin-top: 1px; } .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: #ff7500 !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: #ff7500 !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: #ff7500 !important; } .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dbqdclt-item.dbqdclt-selected .dropdown svg:hover { fill: #ff7500 !important; } .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dbqdclt-item.dbqdclt-selected.dbqdclt-hover span svg { fill: #ffffff !important; } .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object[data-is-loading-children=true] > .dbqdclt-item .dbqdclt-inline-loading-indicator { display: block; } .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object[data-is-loading-children=true] > .dbqdclt-item .dbqdclt-arrow { opacity: 0; } .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dbqdclt-load-more-container { display: none; align-items: center; margin: 5px 5px 0 5px; } .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dbqdclt-load-more-container .dbqdclt-button { display: flex; align-items: center; justify-content: center; background: #ff7500; color: #ffffff; border: none; margin-right: 5px; padding: 0; outline: 0; width: 24px; height: 24px; border-radius: 50%; } .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dbqdclt-load-more-container .dbqdclt-button svg { fill: #ffffff; } .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dbqdclt-load-more-container .dbqdclt-button .dbqdclt-inline-loading-indicator { display: block; margin: 0; padding: 0; position: unset; } .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object .dbqdclt-load-more-container .dbqdclt-load-more-info { font-weight: 600; line-height: 20px; font-size: 12px; padding: 0; 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) */ } .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object[data-has-loaded-all-children=false][data-is-collapsed=false] > .dbqdclt-load-more-container { display: flex; } .classlist-tree .dbq-document-class-list-tree .dbqdclt-tree .dbqdclt-folder-document-object[data-has-loaded-children=false][data-is-loading-children=true] > .dbqdclt-load-more-container { display: none; } .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:first-of-type > .dbqdclt-item { border-radius: 5px 5px 0 0; } .classlist-tree .dbq-document-class-list-tree > .dbqdclt-tree > .dbqdclt-folder-document-object:last-of-type[data-is-collapsed=true] > .dbqdclt-item { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .document-class-list-control-content-container[data-top-class-list-mode="12"][data-class-list-display-mode="1"] .classlist-window, .document-class-list-control-content-container[data-top-class-list-mode="12"][data-class-list-display-mode="5"] .classlist-window { height: 100% !important; position: sticky; } .document-class-list-control-content-container[data-top-class-list-mode="12"][data-class-list-display-mode="1"] .classlist-window .classlist-window-content, .document-class-list-control-content-container[data-top-class-list-mode="12"][data-class-list-display-mode="5"] .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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } div[data-topic-type-code=Dashboard] .element-graph { margin: 0 0 15px 0 !important; } div[data-topic-type-code=Dashboard] section > .row > div > div.row.element-graph { margin: 0 0 15px 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 { 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: 15px !important; border-radius: 5px; } .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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } #classlist.class-list-developer-tools .dbqdt-loading-view-container { border-radius: 5px; } #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 { border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #ffffff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); margin-top: 10px; overflow-x: hidden; height: calc(100% - 20px); } #classlist-developer-tools #dbqdt-sidebar-container-folded button:hover svg { fill: #ff7500; } #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 { border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #ffffff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); margin-top: 10px; height: calc(100% - 20px); } #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: #ff7500 !important; } #classlist-developer-tools #dbqdt-sidebar-container #accordion-sidebar button:hover svg { fill: #ff7500; } #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: #ff7500; } #classlist-developer-tools #dbqdt-sidebar-container .dbqdt-sidebar-minimize:hover span { color: #ff7500; } #classlist-developer-tools #dbqdt-sidebar-container .dbqdt-sidebar-minimize:hover svg { fill: #ff7500; } #classlist-developer-tools .class-list-developer-tools button:hover { background-color: unset; background: unset; border-color: transparent; color: #ff7500; } #classlist-developer-tools .dbq-developer-tools .window-highlight { border-color: #ff7500 !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: #ff7500; fill: #ff7500; } #classlist-developer-tools .dbqdt-table-active-tools-tbody .dbqdt-table-active-tools-row:hover .dbqdt-table-active-tools-cell-icon svg { color: #ff7500; fill: #ff7500; } #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: #ff7500; fill: #ff7500; } #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: #ff7500; } .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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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: 5px; 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } /* ****************************** ********** Radio box (custom) ********** ****************************** */ .radio-list-control { width: 100%; float: left; border-radius: 0 0 5px 5px; } .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; user-select: none; } .dbq-form .dbq-radio-container label.dbq-radio input { position: absolute; opacity: 0; display: none; 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } #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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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% - 30px); margin-top: 15px; overflow-y: auto; border-radius: 5px; } .generic-folder-document-class-list-container #associated-folder-document-control-container::-webkit-scrollbar-track { 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: #ffffff; } .generic-folder-document-class-list-container #associated-folder-document-control-container { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .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; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .generic-folder-document-class-list-container #associated-folder-document-control-container::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !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 .dbq-right-column nav.navbar { display: flex; flex-wrap: nowrap; } .generic-folder-document-class-list-container #content-wrapper .dbq-right-column nav.navbar .dbq-navbar-left { display: flex; align-items: center; } .generic-folder-document-class-list-container #content-wrapper .dbq-right-column nav.navbar .dbq-navbar-left .navbar-brand { display: none; } .generic-folder-document-class-list-container #content-wrapper .dbq-right-column nav.navbar .dbq-navbar-left .dbq-navbar-menu-button { display: none; } .generic-folder-document-class-list-container #content-wrapper .dbq-right-column nav.navbar .dbq-navbar-left .dbq-navbar-brand-container { display: flex; align-items: center; } .generic-folder-document-class-list-container #content-wrapper .dbq-right-column nav.navbar .dbq-navbar-left .dbq-navbar-brand-container .dbq-navbar-menu-button { padding: 0 15px 0 15px; display: none; } .generic-folder-document-class-list-container #content-wrapper .dbq-right-column nav.navbar .dbq-navbar-left .dbq-navbar-brand-container .dbq-navbar-menu-button svg { fill: #000000; } .generic-folder-document-class-list-container #content-wrapper .dbq-right-column nav.navbar .dbq-navbar-left .dbq-navbar-brand-container .dbq-navbar-menu-button:hover svg { fill: #ff7500; } .generic-folder-document-class-list-container #content-wrapper .dbq-right-column nav.navbar .dbq-navbar-left .dbq-navbar-breadcrumbs { max-width: 100% !important; } .generic-folder-document-class-list-container #content-wrapper .dbq-right-column nav.navbar .dbq-navbar-right { display: flex; } .generic-folder-document-class-list-container #content-wrapper .dbq-right-column nav.navbar .dbq-navbar-right #main-menu { float: left; height: 60px; display: flex; align-items: center; } .generic-folder-document-class-list-container #content-wrapper .dbq-right-column .document-class-list-control-container .dbqdcl-nav-tab-options-container { display: none !important; } .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-right-column nav.navbar .dbq-navbar-left .navbar-brand { display: block; background: url("/Themes/XLSYSTEM/Files/OrganisationStyleLogo.png?v=1006449015") no-repeat center center; background-size: contain; background-position-x: left; width: 220px; } .generic-folder-document-class-list-container #content-wrapper[data-has-sidemenu=false] .dbq-right-column nav.navbar .dbq-navbar-left .navbar-brand svg { display: none !important; } .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 .dbqgfdclc-invalid-container { background-color: #ffffff; border-radius: 5px; padding: 15px; margin-top: 15px; } .generic-folder-document-class-list-container .dbq-maintenance-container .dbq-maintenance-container-center { left: 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; } @media only screen and (max-width: 720px) { .generic-folder-document-class-list-container #content-wrapper .dbqkbbs-breadcrumbs a:first-child, .generic-folder-document-class-list-container #content-wrapper #dbq-document-class-list-breadcrumbs a:first-child { padding-left: 15px; } .generic-folder-document-class-list-container #content-wrapper .dbqkbbs-breadcrumbs a:first-child::after, .generic-folder-document-class-list-container #content-wrapper #dbq-document-class-list-breadcrumbs a:first-child::after { display: none; } .generic-folder-document-class-list-container #content-wrapper .dbqkbbs-breadcrumbs a:not(:first-child), .generic-folder-document-class-list-container #content-wrapper #dbq-document-class-list-breadcrumbs a:not(:first-child) { display: none; } .generic-folder-document-class-list-container #content-wrapper .dbq-left-column { display: none; position: absolute; top: 60px; right: 0; left: 0; bottom: 0; width: 100%; height: calc(100% - 60px); } .generic-folder-document-class-list-container #content-wrapper .dbq-left-column .navbar-brand { display: none !important; } .generic-folder-document-class-list-container #content-wrapper .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-list-header { height: 0; } .generic-folder-document-class-list-container #content-wrapper.dbq-mobile-menu-visible .dbq-left-column { display: block; } .generic-folder-document-class-list-container #content-wrapper.dbq-mobile-menu-visible .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-list-header { margin: 0; } .generic-folder-document-class-list-container #content-wrapper.dbq-mobile-menu-visible .dbq-left-column #navigator.dbq-folder-tree-container .dbqft-list-header .dbqft-list-collapse-button { display: none; } .generic-folder-document-class-list-container #content-wrapper .dbq-right-column nav.navbar .dbq-navbar-left { margin-left: 15px !important; } .generic-folder-document-class-list-container #content-wrapper .dbq-right-column nav.navbar .dbq-navbar-right { margin-right: 15px !important; } .generic-folder-document-class-list-container #content-wrapper .dbq-right-column.dbqnc-expanded { z-index: 3; } .generic-folder-document-class-list-container #content-wrapper .dbq-right-column.dbqnc-expanded #dbq-notification-center { width: 100%; z-index: 15; } .generic-folder-document-class-list-container #content-wrapper[data-has-sidemenu=true] .dbq-right-column nav.navbar .dbq-navbar-left .dbq-navbar-menu-button { display: block !important; } } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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: 5px; } .dbq-application-tsn .classlist-dashboard div[data-element-type=Header], .dbq-application-tkc .classlist-dashboard div[data-element-type=Header] { border-radius: 5px; } .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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } #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: #ff7500 !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; height: auto; padding: 0 10px !important; } #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: #ff7500; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } /* ****************************** 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; -o-object-fit: contain; object-fit: contain; -o-object-position: left; 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } /* ****************************** 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; 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; flex-direction: row; align-items: stretch; } div.field-group > label { flex: 1; text-align: right; white-space: nowrap; margin-right: 1.5em; } div.field-group .field { 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; 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 { 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } /* ****************************** 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } /* ****************************** 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*/ } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } #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; box-shadow: none; border-radius: 5px; background-color: #FBFBFB; padding: 30px; font-size: 20px; color: #000000; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); } #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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } /* ****************************** 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } /* ****************************** 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; 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } html, body { width: 100%; height: 100%; padding: 0; margin: 0; color: #000000; font-size: 14px; overflow: hidden; } body { font-family: "Red Hat Text", sans-serif; font-size: 14px; font-weight: normal; line-height: 1.5; } * { box-sizing: border-box; transition: none !important; } p { font-family: "Red Hat Text", sans-serif; font-size: 14px; line-height: 1.5; } h1 { font-family: "Red Hat Text", sans-serif; font-size: 20px; line-height: 1.5; } h2 { font-family: "Red Hat Text", sans-serif; font-size: 16px; line-height: 1.5; } a { color: #000000; font-weight: inherit; text-decoration: underline; } a:hover { color: #ff7500; } #content-wrapper { width: 100%; } .dbq-flex { flex: 1; } .dbq-flex-1 { flex: 1; } .dbq-flex-2 { flex: 2; } .dbq-flex-3 { flex: 3; } .dbq-flex-4 { flex: 4; } .dbq-flex-5 { flex: 5; } .dbq-flex-6 { flex: 6; } .dbq-flex-7 { flex: 7; } .dbq-flex-8 { flex: 8; } .dbq-flex-9 { flex: 9; } .dbq-flex-10 { flex: 10; } .dbq-flex-11 { flex: 11; } .dbq-flex-12 { flex: 12; } hr { border-top: 1px solid #e5e7ec; } *:hover { 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: calc(100% - 280px); z-index: 2; } .dbq-right-column.fullwidth { width: 100% !important; } .dbq-right-column #dbq-content-container { flex: 1; overflow: hidden; } .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 5px 5px !important; } .document-class-list-control-content-container::-webkit-scrollbar-track, .dbq-scrollbar::-webkit-scrollbar-track { 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: #ffffff; } .document-class-list-control-content-container, .dbq-scrollbar { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .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; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .document-class-list-control-content-container::-webkit-scrollbar-thumb:hover, .dbq-scrollbar::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !important; } .dbq-wrapper, #content-wrapper .row.dbq-wrapper { border-radius: 5px; padding: 10px; margin-bottom: 10px !important; -webkit-backdrop-filter: unset; backdrop-filter: unset; background: unset; background-color: #ffffff; color: #000000; box-shadow: 0px 0px 5px rgba(0, 24, 62, 0.07); } #content-wrapper table::-webkit-scrollbar-track { box-shadow: none; } #content-wrapper table::-webkit-scrollbar-corner, #content-wrapper table::-webkit-scrollbar-corner { background-color: #ffffff; } #content-wrapper table { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } #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; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } #content-wrapper table::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !important; } .dbq-scrollbar::-webkit-scrollbar-track { box-shadow: none; } .dbq-scrollbar::-webkit-scrollbar-corner, .dbq-scrollbar::-webkit-scrollbar-corner { background-color: #ffffff; } .dbq-scrollbar { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .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; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .dbq-scrollbar::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !important; } #content-wrapper .form-inline { border-radius: 10px; } #content-wrapper .ui-widget-content { font-family: "Red Hat Text", 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: #ff7500 !important; } #submenu.editor { background: #ffffff; } .pagination li > a.active { background-color: #ff7500 !important; color: #626d86; border: 1px solid #ff7500 !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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container), #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) { background-color: #fff; background: #fff; border: 2px solid #f1f4f7; border-radius: 5px; box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1); color: #000000; padding: 6px; max-height: 500px; overflow-y: auto; width: -moz-min-content; width: min-content; z-index: 1100; } body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container)::-webkit-scrollbar-track, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container)::-webkit-scrollbar-track { box-shadow: none; } body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container)::-webkit-scrollbar-corner, body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container)::-webkit-scrollbar-corner, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container)::-webkit-scrollbar-corner, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container)::-webkit-scrollbar-corner { background-color: #ffffff; } body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container), #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container)::-webkit-scrollbar, body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container)::-webkit-scrollbar-corner, body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container)::-webkit-scrollbar-track, body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container)::-webkit-scrollbar-thumb, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container)::-webkit-scrollbar, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container)::-webkit-scrollbar-corner, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container)::-webkit-scrollbar-track, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container)::-webkit-scrollbar-thumb { border-radius: 10px; } body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container)::-webkit-scrollbar, body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container)::-webkit-scrollbar-track, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container)::-webkit-scrollbar, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container)::-webkit-scrollbar-track { width: 7.5px; height: 7.5px; border-radius: 10px; background-color: transparent !important; background: transparent !important; } body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container)::-webkit-scrollbar-thumb, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container)::-webkit-scrollbar-thumb { border-radius: 7.5px; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container)::-webkit-scrollbar-thumb:hover, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container)::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !important; } body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) li:last-of-type, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) li:last-of-type { margin: 0; } body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) li a, body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) .dropdown-item, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) li a, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) .dropdown-item { float: left; color: #000000; font-size: 12px; font-weight: 500; line-height: 24px; text-decoration: none; width: -moz-max-content; width: max-content; } body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) li a svg, body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) .dropdown-item svg, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) li a svg, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) .dropdown-item svg { margin-right: 6px; width: 24px; height: 24px; padding: 2px; fill: #000000; } body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) li, body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) .dropdown-item, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) li, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) .dropdown-item { float: left; width: 100%; cursor: pointer; border-radius: 7px; white-space: nowrap; background: none; margin: 0 0 3px 0; padding: 5px 7px; } body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) li:hover, body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) li:active, body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) li.active, body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) .dropdown-item:hover, body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) .dropdown-item:active, body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) .dropdown-item.active, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) li:hover, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) li:active, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) li.active, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) .dropdown-item:hover, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) .dropdown-item:active, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) .dropdown-item.active { color: #fff; background: #ff7500; } body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) li:hover a, body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) li:active a, body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) li.active a, body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) .dropdown-item:hover a, body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) .dropdown-item:active a, body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) .dropdown-item.active a, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) li:hover a, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) li:active a, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) li.active a, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) .dropdown-item:hover a, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) .dropdown-item:active a, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) .dropdown-item.active a { color: #fff; } body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) li:hover svg, body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) li:active svg, body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) li.active svg, body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) .dropdown-item:hover svg, body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) .dropdown-item:active svg, body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) .dropdown-item.active svg, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) li:hover svg, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) li:active svg, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) li.active svg, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) .dropdown-item:hover svg, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) .dropdown-item:active svg, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) .dropdown-item.active svg { fill: #fff; } body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) li a, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container) li a { padding: 0; } body .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container).bootstrap-datetimepicker-widget, #classlist .dropdown-menu:not(.dbqstp-popup-container):not(.dbqstdt-popup-container).bootstrap-datetimepicker-widget { width: 19em; } body .dropdown-menu.bootstrap-datetimepicker-widget.timepicker-sbs, #classlist .dropdown-menu.bootstrap-datetimepicker-widget.timepicker-sbs { width: unset !important; } body .dropdown-menu.bootstrap-datetimepicker-widget.timepicker-sbs .dbq-datetimepicker, #classlist .dropdown-menu.bootstrap-datetimepicker-widget.timepicker-sbs .dbq-datetimepicker { display: flex; } body .dropdown-menu.bootstrap-datetimepicker-widget.timepicker-sbs .dbq-datetimepicker > div, #classlist .dropdown-menu.bootstrap-datetimepicker-widget.timepicker-sbs .dbq-datetimepicker > div { flex: 1; } .dbqdclt-dropdown-menu.dropdown-menu, .dbqdclkb-dropdown-menu.dropdown-menu { background-color: #fff; background: #fff; border: 2px solid #f1f4f7; border-radius: 5px; box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1); color: #000000; padding: 6px; max-height: 500px; overflow-y: auto; width: -moz-min-content; width: min-content; z-index: 1100; } .dbqdclt-dropdown-menu.dropdown-menu::-webkit-scrollbar-track, .dbqdclkb-dropdown-menu.dropdown-menu::-webkit-scrollbar-track { box-shadow: none; } .dbqdclt-dropdown-menu.dropdown-menu::-webkit-scrollbar-corner, .dbqdclt-dropdown-menu.dropdown-menu::-webkit-scrollbar-corner, .dbqdclkb-dropdown-menu.dropdown-menu::-webkit-scrollbar-corner, .dbqdclkb-dropdown-menu.dropdown-menu::-webkit-scrollbar-corner { background-color: #ffffff; } .dbqdclt-dropdown-menu.dropdown-menu, .dbqdclkb-dropdown-menu.dropdown-menu { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .dbqdclt-dropdown-menu.dropdown-menu::-webkit-scrollbar, .dbqdclt-dropdown-menu.dropdown-menu::-webkit-scrollbar-corner, .dbqdclt-dropdown-menu.dropdown-menu::-webkit-scrollbar-track, .dbqdclt-dropdown-menu.dropdown-menu::-webkit-scrollbar-thumb, .dbqdclkb-dropdown-menu.dropdown-menu::-webkit-scrollbar, .dbqdclkb-dropdown-menu.dropdown-menu::-webkit-scrollbar-corner, .dbqdclkb-dropdown-menu.dropdown-menu::-webkit-scrollbar-track, .dbqdclkb-dropdown-menu.dropdown-menu::-webkit-scrollbar-thumb { border-radius: 10px; } .dbqdclt-dropdown-menu.dropdown-menu::-webkit-scrollbar, .dbqdclt-dropdown-menu.dropdown-menu::-webkit-scrollbar-track, .dbqdclkb-dropdown-menu.dropdown-menu::-webkit-scrollbar, .dbqdclkb-dropdown-menu.dropdown-menu::-webkit-scrollbar-track { width: 7.5px; height: 7.5px; border-radius: 10px; background-color: transparent !important; background: transparent !important; } .dbqdclt-dropdown-menu.dropdown-menu::-webkit-scrollbar-thumb, .dbqdclkb-dropdown-menu.dropdown-menu::-webkit-scrollbar-thumb { border-radius: 7.5px; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .dbqdclt-dropdown-menu.dropdown-menu::-webkit-scrollbar-thumb:hover, .dbqdclkb-dropdown-menu.dropdown-menu::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !important; } .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: 24px; text-decoration: none; width: -moz-max-content; 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%; cursor: pointer; 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: #ff7500; } .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: #ff7500; } .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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .btn-primary { background: #ff7500; border: 2px solid #dddddd; border-color: #ff7500; color: #fff; font-size: 14px; border-radius: 5px; -moz-background-clip: border-box; -webkit-background-clip: border-box; background-clip: border-box; } .btn-primary:hover { background: #e66900; border-color: #e66900; color: #fff; transition: all 0.3s ease; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:active { background: #e66900; border-color: #e66900; color: #fff; } .btn.active.focus, .btn:focus { outline: none; background-image: none; box-shadow: none; } .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { outline: none; background-image: none; box-shadow: none; } .btn:not(.clr-clear) { border-radius: 5px; padding: 7.5px 15px; } .btn:enabled, .btn.enabled { cursor: pointer; } .btn:disabled, .btn.disabled { cursor: not-allowed; } .modal .modal-footer button.btn, .modal .dbqdb-footer button.btn, .dbq-popup .modal-footer button.btn, .dbq-popup .dbqdb-footer button.btn { padding: 3px 10px; } span.button { color: #ffffff !important; background: #ff7500; border: 1px solid #ff7500; } span.button:hover { color: #ff7500 !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; 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; 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: #ff7500 !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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .dbq-login-copyright-container { display: none; flex-direction: column; } .dbq-login-copyright-container .dbq-login-title { font-size: 16px; line-height: 1.5; color: #000000; font-weight: 400; } .dbq-login-copyright-container .dbq-login-copyright { font-size: 12px; line-height: 1.5; color: #888888; } .dbq-login-copyright-container .dbq-login-copyright a { text-decoration: underline; color: #888888; } .dbq-login-copyright-container .dbq-login-copyright a:hover { color: #ff7500; } .dbq-login-copyright-container.dbq-login-right-aligned-copyright-container { position: absolute; right: 0; bottom: 0; background: transparent; padding: 30px; } .dbq-login-copyright-container.dbq-login-right-aligned-copyright-container .dbq-login-title, .dbq-login-copyright-container.dbq-login-right-aligned-copyright-container .dbq-login-copyright { color: #dddddd; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); } .dbq-login-copyright-container.dbq-login-right-aligned-copyright-container .dbq-login-title a, .dbq-login-copyright-container.dbq-login-right-aligned-copyright-container .dbq-login-copyright a { color: #dddddd; } .dbq-login-background-container { position: relative; background-image: url("/Themes/XLSYSTEM/Files/OrganisationStyleLoginBackgroundImage.jpg?v=1006449015"); background-position: 60% 20%; background-size: cover; } .dbq-login-background-container::after { content: ""; display: block; position: absolute; z-index: -99; top: 0; left: 0; width: 100%; height: 100%; background: RGBA(255, 255, 255, 40%); } .dbq-login-background-container .dbq-login-container { display: flex; flex-direction: column; justify-content: space-between; position: relative; width: 480px; height: 100%; padding: 60px; margin: 0; border-radius: 0; opacity: 1; background-color: #FBFBFB; overflow-y: auto; } .dbq-login-background-container .dbq-login-container::-webkit-scrollbar-track { box-shadow: none; } .dbq-login-background-container .dbq-login-container::-webkit-scrollbar-corner, .dbq-login-background-container .dbq-login-container::-webkit-scrollbar-corner { background-color: #ffffff; } .dbq-login-background-container .dbq-login-container { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .dbq-login-background-container .dbq-login-container::-webkit-scrollbar, .dbq-login-background-container .dbq-login-container::-webkit-scrollbar-corner, .dbq-login-background-container .dbq-login-container::-webkit-scrollbar-track, .dbq-login-background-container .dbq-login-container::-webkit-scrollbar-thumb { border-radius: 10px; } .dbq-login-background-container .dbq-login-container::-webkit-scrollbar, .dbq-login-background-container .dbq-login-container::-webkit-scrollbar-track { width: 7.5px; height: 7.5px; border-radius: 10px; background-color: transparent !important; background: transparent !important; } .dbq-login-background-container .dbq-login-container::-webkit-scrollbar-thumb { border-radius: 7.5px; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .dbq-login-background-container .dbq-login-container::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !important; } .dbq-login-background-container .dbq-login-container .dbq-login-header-container, .dbq-login-background-container .dbq-login-container .dbq-login-logo { min-height: 90px; margin-bottom: 30px; background: url("/Themes/XLSYSTEM/Files/OrganisationStyleLoginLogo.png?v=1006449015") no-repeat center center; background-size: contain; } .dbq-login-background-container .dbq-login-container .dbq-login-header-container img.dbq-custom-logo, .dbq-login-background-container .dbq-login-container .dbq-login-header-container svg.dbq-default-logo, .dbq-login-background-container .dbq-login-container .dbq-login-logo img.dbq-custom-logo, .dbq-login-background-container .dbq-login-container .dbq-login-logo svg.dbq-default-logo { display: none; } @media screen and (max-height: 780px) { .dbq-login-background-container .dbq-login-container .dbq-login-header-container, .dbq-login-background-container .dbq-login-container .dbq-login-logo { max-height: 100px; } } .dbq-login-background-container .dbq-login-container .dbq-login-header-container img.dbq-custom-logo, .dbq-login-background-container .dbq-login-container .dbq-login-logo img.dbq-custom-logo { max-width: 100%; max-height: 100%; } .dbq-login-background-container .dbq-login-container .dbq-login-content-container, .dbq-login-background-container .dbq-login-container .dbq-login-wrapper { margin: auto 0; } .dbq-login-background-container .dbq-login-container .dbq-login-content-container .login_box:first-of-type, .dbq-login-background-container .dbq-login-container .dbq-login-wrapper .login_box:first-of-type { width: 100%; } .dbq-login-background-container .dbq-login-container .dbq-login-content-container .login_box:first-of-type hr, .dbq-login-background-container .dbq-login-container .dbq-login-wrapper .login_box:first-of-type hr { width: 100%; } .dbq-login-background-container .dbq-login-container .dbq-login-content-container .login_box:first-of-type p.description, .dbq-login-background-container .dbq-login-container .dbq-login-wrapper .login_box:first-of-type p.description { font-size: 16px; color: #ff7500; font-weight: 600; } .dbq-login-background-container .dbq-login-container .dbq-login-content-container .login_box:first-of-type label, .dbq-login-background-container .dbq-login-container .dbq-login-content-container .login_box:first-of-type span[class*=label], .dbq-login-background-container .dbq-login-container .dbq-login-content-container .login_box:first-of-type span[class*=impersonate], .dbq-login-background-container .dbq-login-container .dbq-login-wrapper .login_box:first-of-type label, .dbq-login-background-container .dbq-login-container .dbq-login-wrapper .login_box:first-of-type span[class*=label], .dbq-login-background-container .dbq-login-container .dbq-login-wrapper .login_box:first-of-type span[class*=impersonate] { font-size: 14px; font-weight: 600; line-height: 20px; color: #333333; } .dbq-login-background-container .dbq-login-container .dbq-login-content-container .login_box:first-of-type input[type=text], .dbq-login-background-container .dbq-login-container .dbq-login-content-container .login_box:first-of-type input[type=password], .dbq-login-background-container .dbq-login-container .dbq-login-wrapper .login_box:first-of-type input[type=text], .dbq-login-background-container .dbq-login-container .dbq-login-wrapper .login_box:first-of-type input[type=password] { width: 100%; height: 50px; padding: 15px; font-size: 14px; line-height: 20px; font-weight: 600; border: 2px solid #dddddd; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; margin: 5px 0 15px 0; } .dbq-login-background-container .dbq-login-container .dbq-login-content-container .login_box:first-of-type input[type=text]:focus, .dbq-login-background-container .dbq-login-container .dbq-login-content-container .login_box:first-of-type input[type=text]:focus-visible, .dbq-login-background-container .dbq-login-container .dbq-login-content-container .login_box:first-of-type input[type=password]:focus, .dbq-login-background-container .dbq-login-container .dbq-login-content-container .login_box:first-of-type input[type=password]:focus-visible, .dbq-login-background-container .dbq-login-container .dbq-login-wrapper .login_box:first-of-type input[type=text]:focus, .dbq-login-background-container .dbq-login-container .dbq-login-wrapper .login_box:first-of-type input[type=text]:focus-visible, .dbq-login-background-container .dbq-login-container .dbq-login-wrapper .login_box:first-of-type input[type=password]:focus, .dbq-login-background-container .dbq-login-container .dbq-login-wrapper .login_box:first-of-type input[type=password]:focus-visible { outline: 0 !important; border: 2px solid #666666 !important; border-radius: 5px !important; } .dbq-login-background-container .dbq-login-container .dbq-login-content-container .login_box:first-of-type .dbq-login-button, .dbq-login-background-container .dbq-login-container .dbq-login-wrapper .login_box:first-of-type .dbq-login-button { width: 100%; padding: 10px 0; background: #ff7500; border: 2px solid #dddddd; border-color: #ff7500; color: #fff; font-size: 14px; border-radius: 5px; -moz-background-clip: border-box; -webkit-background-clip: border-box; background-clip: border-box; } .dbq-login-background-container .dbq-login-container .dbq-login-content-container .login_box:first-of-type .dbq-login-button:hover, .dbq-login-background-container .dbq-login-container .dbq-login-wrapper .login_box:first-of-type .dbq-login-button:hover { background: #e66900; border-color: #e66900; color: #fff; transition: all 0.3s ease; } .dbq-login-background-container .dbq-login-container .dbq-login-content-container .login_box:first-of-type .dbq-login-button:not(:disabled):not(.disabled):active, .dbq-login-background-container .dbq-login-container .dbq-login-content-container .login_box:first-of-type .dbq-login-button:active, .dbq-login-background-container .dbq-login-container .dbq-login-wrapper .login_box:first-of-type .dbq-login-button:not(:disabled):not(.disabled):active, .dbq-login-background-container .dbq-login-container .dbq-login-wrapper .login_box:first-of-type .dbq-login-button:active { background: #e66900; border-color: #e66900; color: #fff; } .dbq-login-background-container .dbq-login-container .dbq-login-content-container .login_box:first-of-type .error, .dbq-login-background-container .dbq-login-container .dbq-login-wrapper .login_box:first-of-type .error { color: #da1414; font-weight: 500; text-align: center; margin: 15px 0; } .dbq-login-background-container .dbq-login-container .dbq-login-content-container .login_box + .login_box, .dbq-login-background-container .dbq-login-container .dbq-login-wrapper .login_box + .login_box { margin-top: 10px; } .dbq-login-background-container .dbq-login-container .dbq-login-content-container .login_box .dbq-link-button, .dbq-login-background-container .dbq-login-container .dbq-login-wrapper .login_box .dbq-link-button { background: 0; background-color: none; color: #ff7500; 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; } .dbq-login-background-container .dbq-login-container .dbq-login-content-container .login_box.dbq-login-wizards-container .dbq-link-button, .dbq-login-background-container .dbq-login-container .dbq-login-wrapper .login_box.dbq-login-wizards-container .dbq-link-button { padding: 0 15px; } .dbq-login-background-container .dbq-login-container .dbq-login-content-container .login_box.dbq-login-wizards-container .dbq-link-button:last-of-type, .dbq-login-background-container .dbq-login-container .dbq-login-wrapper .login_box.dbq-login-wizards-container .dbq-link-button:last-of-type { padding-bottom: 10px; } .dbq-login-background-container .dbq-login-container .dbq-login-content-container[data-has-reset-password=false] .go-to-reset-password-form, .dbq-login-background-container .dbq-login-container .dbq-login-wrapper[data-has-reset-password=false] .go-to-reset-password-form { display: none; } .dbq-login-background-container .dbq-login-container .dbq-login-content-container .dbq-app-store-buttons-container, .dbq-login-background-container .dbq-login-container .dbq-login-wrapper .dbq-app-store-buttons-container { display: flex; flex-direction: row; justify-content: space-around; flex-wrap: wrap; } .dbq-login-background-container .dbq-login-container .dbq-login-content-container .dbq-app-store-buttons-container a img, .dbq-login-background-container .dbq-login-container .dbq-login-wrapper .dbq-app-store-buttons-container a img { height: 50px; margin-bottom: 5px; } .dbq-login-background-container .dbq-login-container .dbq-news-feed-container { margin-top: 30px; } .dbq-login-background-container .dbq-login-container .dbq-news-feed-container.has-visible-news-feed-toggle { top: 50px; height: calc(100% - 150px); } .dbq-login-background-container .dbq-login-container .dbq-news-feed-container .dbq-news-feed-title { display: flex; align-items: center; font-weight: 600; font-size: 18px; line-height: 1.5; color: #000000; } .dbq-login-background-container .dbq-login-container .dbq-news-feed-container .dbq-news-feed-title .dbq-news-feed-back-button { display: none; background: none; border: none; outline: none; padding: 0; margin-right: 5px; } .dbq-login-background-container .dbq-login-container .dbq-news-feed-container .dbq-news-feed-title .dbq-news-feed-back-button svg { fill: #000000; } .dbq-login-background-container .dbq-login-container .dbq-news-feed-container .dbq-news-feed-title .dbq-news-feed-back-button:hover svg { fill: #ff7500; } .dbq-login-background-container .dbq-login-container .dbq-news-feed-container .dbq-news-feed-description { color: #bbb; font-size: 12px; line-height: 1.5; margin-bottom: 15px; } .dbq-login-background-container .dbq-login-container .dbq-news-feed-container .dbq-news-feed-content-container .dbqnf-container { padding: 0; margin: 0; } .dbq-login-background-container .dbq-login-container .dbq-news-feed-container .dbq-news-feed-show-more-button-container { display: flex; flex-direction: column; align-items: center; color: #ff7500; font-weight: 600; font-size: 14px; margin-top: 15px; cursor: pointer; } .dbq-login-background-container .dbq-login-container .dbq-news-feed-container .dbq-news-feed-show-more-button-container svg { fill: #ff7500; } .dbq-login-background-container .dbq-login-container .dbq-news-feed-container .dbq-news-feed-show-more-button-container:hover { color: #e66900; } .dbq-login-background-container .dbq-login-container .dbq-news-feed-container .dbq-news-feed-show-more-button-container:hover svg { fill: #e66900; } .dbq-login-background-container .dbq-login-container .dbq-news-feed-toggle-container { position: absolute; z-index: 1005; top: 15px; right: 15px; } .dbq-login-background-container .dbq-login-container .dbq-news-feed-toggle-container .dbq-news-feed-toggle-button { width: 90px; height: 90px; cursor: pointer; background: transparent; outline: 0 none; } .dbq-login-background-container .dbq-login-container .dbq-news-feed-toggle-container .dbq-news-feed-toggle-button svg { fill: #ff7500; width: 30px; height: 30px; } .dbq-login-background-container .dbq-login-container .dbq-news-feed-toggle-container .dbq-news-feed-toggle-button:hover svg { fill: #e66900; } .dbq-login-background-container .dbq-login-container[data-has-full-height-news-feed=true] { justify-content: flex-start; } .dbq-login-background-container .dbq-login-container[data-has-full-height-news-feed=true] .dbq-login-content-container, .dbq-login-background-container .dbq-login-container[data-has-full-height-news-feed=true] .dbq-login-wrapper { display: none; } .dbq-login-background-container .dbq-login-container[data-has-full-height-news-feed=true] .dbq-news-feed-toggle-container { display: none !important; } .dbq-login-background-container .dbq-login-container[data-has-full-height-news-feed=true] .dbq-news-feed-container .dbq-news-feed-title .dbq-news-feed-back-button { display: block; } .dbq-login-background-container .dbq-login-container[data-has-full-height-news-feed=true] .dbq-news-feed-container .dbq-news-feed-show-more-button-container { display: none; } .dbq-login-background-container .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); } .dbq-login-background-container .folder-document-container::-webkit-scrollbar-track { box-shadow: none; } .dbq-login-background-container .folder-document-container::-webkit-scrollbar-corner, .dbq-login-background-container .folder-document-container::-webkit-scrollbar-corner { background-color: #ffffff; } .dbq-login-background-container .folder-document-container { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .dbq-login-background-container .folder-document-container::-webkit-scrollbar, .dbq-login-background-container .folder-document-container::-webkit-scrollbar-corner, .dbq-login-background-container .folder-document-container::-webkit-scrollbar-track, .dbq-login-background-container .folder-document-container::-webkit-scrollbar-thumb { border-radius: 10px; } .dbq-login-background-container .folder-document-container::-webkit-scrollbar, .dbq-login-background-container .folder-document-container::-webkit-scrollbar-track { width: 7.5px; height: 7.5px; border-radius: 10px; background-color: transparent !important; background: transparent !important; } .dbq-login-background-container .folder-document-container::-webkit-scrollbar-thumb { border-radius: 7.5px; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .dbq-login-background-container .folder-document-container::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !important; } .dbq-login-background-container .folder-document-container.has-visible-news-feed { margin: 50px 10px; right: 650px; width: calc(100% - 1170px); } .dbq-login-background-container .folder-document-container.has-visible-news-feed-toggle { top: 50px; } .dbq-login-background-container .folder-document-container .folder-document-navigation-bar { display: flex; flex-direction: row; align-items: center; padding: 25px 25px 0 25px; } .dbq-login-background-container .folder-document-container .folder-document-navigation-bar .folder-document-navigation-bar-back-button { display: none; margin-right: 15px; cursor: pointer; } .dbq-login-background-container .folder-document-container .folder-document-navigation-bar .folder-document-navigation-bar-back-button svg { width: 32px; height: 32px; fill: #000; } .dbq-login-background-container .folder-document-container .folder-document-navigation-bar .folder-document-navigation-bar-back-button:hover svg { fill: #ff7500; } .dbq-login-background-container .folder-document-container .folder-document-navigation-bar .folder-document-navigation-bar-title { color: #333; width: 100%; float: left; font-size: 22px; font-weight: 600; } .dbq-login-background-container .folder-document-container .folder-document-content { float: left; width: calc(100% - 60px); right: 0; margin: 30px; border-radius: 10px; background: #fff; padding: 20px; } .dbq-login-background-container .folder-document-container .folder-document-content .modal-dialog-loading { width: 100%; float: left; position: relative; } .dbq-login-background-container .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; } .dbq-login-background-container .folder-document-login-wizards-container.has-visible-news-feed { margin: 50px 10px; right: 700px; width: calc(100% - 1220px); } .dbq-login-background-container .folder-document-login-wizards-container.has-visible-news-feed-toggle { top: 50px; height: calc(100% - 150px); } .dbq-login-background-container .folder-document-login-wizards-container .folder-document-login-wizards-vertical-container { margin: 0; width: 100%; position: absolute; top: 50%; transform: translateY(-50%); } .dbq-login-background-container .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; } .dbq-login-background-container .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; } .dbq-login-background-container .folder-document-login-wizards-container .folder-document-login-wizards-vertical-container .dbq-login-center-button:hover { background: #fff; color: #ff7500; } .dbq-login-background-container .dbq-login-logo svg.dbq-default-logo { width: 285px; height: 45px; } .dbq-login-background-container.dbq-centered-login-container { display: flex; align-items: center; justify-content: center; } .dbq-login-background-container.dbq-centered-login-container .dbq-login-container { max-height: calc(100% - 60px); width: 720px; height: unset; border-radius: 15px; } .dbq-login-background-container.dbq-centered-login-container .dbq-login-container .dbq-login-content-container .dbq-login-info-container { display: flex; flex-direction: column; gap: 30px; padding: 30px 0; margin-bottom: 30px; border-bottom: 1px solid #d7d7d7; } .dbq-login-background-container.dbq-centered-login-container .dbq-login-container .dbq-login-content-container .dbq-login-info-container .dbq-login-info-wizards-container { display: flex; justify-content: center; } .dbq-login-background-container.dbq-centered-login-container .dbq-login-container .dbq-login-content-container .dbq-login-box-container { margin: 30px 100px; border-bottom: 1px solid #d7d7d7; } .dbq-login-background-container.dbq-centered-login-container .dbq-login-container .dbq-login-content-container .dbq-login-box-container h1 { color: #ff7500; display: block !important; margin-bottom: 30px; } .dbq-login-background-container.dbq-centered-login-container .dbq-login-container .dbq-login-content-container .dbq-login-box-container label { display: none; } .dbq-login-background-container.dbq-centered-login-container .dbq-login-container .dbq-login-center-aligned-copyright-container { display: flex; align-items: center; margin-top: 30px; } .dbq-login-background-container.dbq-centered-login-container .folder-document-container { position: unset; display: flex; flex-direction: column; max-height: calc(100% - 60px); width: 720px; background: #ffffff; } .dbq-login-background-container.dbq-centered-login-container .folder-document-container .folder-document-navigation-bar { padding: 30px 30px 0 30px; } .dbq-login-background-container.dbq-centered-login-container .folder-document-container .folder-document-navigation-bar .folder-document-navigation-bar-back-button { display: block; } .dbq-login-background-container.dbq-centered-login-container .folder-document-container .folder-document-content-container .folder-document-content { padding: 0; } .dbq-login-background-container.dbq-centered-login-container .folder-document-login-wizards-container { display: none; } .dbq-login-background-container.dbq-centered-login-container .dbq-news-feed-toggle-container { display: none; } .dbq-login-background-container.dbq-centered-login-container .dbq-news-feed-container { display: none; } .dbq-login-background-container:not(.dbq-centered-login-container) .dbq-login-right-aligned-copyright-container { display: flex; } @media only screen and (max-width: 720px) { .dbq-login-background-container.dbq-centered-login-container .dbq-login-container { max-height: 100%; width: 100%; border-radius: 0; padding: 15px; } .dbq-login-background-container.dbq-centered-login-container .dbq-login-container .dbq-login-content-container .dbq-login-box-container { margin: 30px 0; } .dbq-login-background-container.dbq-centered-login-container .dbq-login-container.has-visible-news-feed-toggle .dbq-login-header-container, .dbq-login-background-container.dbq-centered-login-container .dbq-login-container.has-visible-news-feed-toggle .dbq-login-logo { width: calc(100% - 90px); margin-bottom: 0px; } .dbq-login-background-container.dbq-centered-login-container .dbq-login-container.has-visible-news-feed-toggle .dbq-news-feed-toggle-container { right: 0; } .dbq-login-background-container.dbq-centered-login-container .folder-document-container { max-height: 100%; width: 100%; margin: 0; border-radius: 0; } .dbq-login-background-container:not(.dbq-centered-login-container) .dbq-login-container { width: 100%; padding: 30px; } .dbq-login-background-container:not(.dbq-centered-login-container) .dbq-login-center-aligned-copyright-container { display: flex; align-items: center; margin-top: auto; } .dbq-login-background-container:not(.dbq-centered-login-container) .dbq-login-right-aligned-copyright-container { 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } select option { background: #f5f7f9; } textarea:disabled::-webkit-scrollbar-track { box-shadow: none; } textarea:disabled::-webkit-scrollbar-corner, textarea:disabled::-webkit-scrollbar-corner { background-color: #ffffff; } textarea:disabled { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } 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; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } textarea:disabled::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !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: #ff7500; font-weight: 600; } #content select { background: #e5e7ec; border-color: #e5e7ec; color: #ff7500; 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } #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: 5px; 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .dbq-domain-unknown-container { width: 100vw; height: 100vh; position: absolute; z-index: 9999; background-size: cover; } .dbq-domain-unknown-container .dbq-domain-unknown-container-center { width: 650px; position: absolute; top: 50%; left: 50px; transform: translateY(-50%); padding: 0; background: #ffffff; border-radius: 5px; } .dbq-domain-unknown-container .dbq-domain-unknown-container-center .dbq-domain-unknown-container-logo { float: left; width: 100%; padding: 40px 50px; border-bottom: 1px solid #ececec; } .dbq-domain-unknown-container .dbq-domain-unknown-container-center .dbq-domain-unknown-container-logo svg { height: 80px; } .dbq-domain-unknown-container .dbq-domain-unknown-container-center .dbq-domain-unknown-container-text { float: left; width: 100%; padding: 50px; border-bottom: 1px solid #ececec; } .dbq-domain-unknown-container .dbq-domain-unknown-container-center .dbq-domain-unknown-container-text h3 { color: #0a0a0a; font-size: 18px; font-weight: 600; line-height: 34px; margin: 0 0 5px; padding: 0; } .dbq-domain-unknown-container .dbq-domain-unknown-container-center .dbq-domain-unknown-container-text p { color: #8c9cb1; font-size: 14px; font-weight: 400; line-height: 24px; margin: 0; padding: 0; } .dbq-domain-unknown-container .dbq-domain-unknown-container-center .dbq-domain-unknown-container-buttons { float: left; width: 100%; padding: 40px 50px; } .dbq-domain-unknown-container .dbq-domain-unknown-container-center .dbq-domain-unknown-container-buttons .dbq-domain-unknown-button { margin: 0; border: 0; border-radius: 5px; } .dbq-domain-unknown-container .dbq-domain-unknown-container-center .dbq-domain-unknown-container-buttons .dbq-domain-unknown-button:first-of-type { margin: 0 5px 0 0; } .dbq-domain-unknown-container .dbq-domain-unknown-container-center .dbq-domain-unknown-container-buttons .dbq-domain-unknown-button span { width: calc(100% - 40px); float: left; line-height: 30px; font-size: 16px; font-family: "Red Hat Text", sans-serif; font-weight: 600; } .dbq-domain-unknown-container .dbq-domain-unknown-container-center .dbq-domain-unknown-container-buttons .dbq-domain-unknown-button svg { width: 30px; height: 30px; float: left; margin-right: 10px; } .dbq-domain-unknown-container .dbq-domain-unknown-container-center .dbq-domain-unknown-container-buttons .dbq-domain-unknown-button.dbq-domain-unknown-tel { padding: 15px 30px; background: #0a0a0a; } .dbq-domain-unknown-container .dbq-domain-unknown-container-center .dbq-domain-unknown-container-buttons .dbq-domain-unknown-button.dbq-domain-unknown-tel span { color: #ffffff; } .dbq-domain-unknown-container .dbq-domain-unknown-container-center .dbq-domain-unknown-container-buttons .dbq-domain-unknown-button.dbq-domain-unknown-tel svg { fill: #ffffff; } .dbq-domain-unknown-container .dbq-domain-unknown-container-center .dbq-domain-unknown-container-buttons .dbq-domain-unknown-button.dbq-domain-unknown-mail { padding: 13px 30px; background: 0; border: 2px solid #0a0a0a; } .dbq-domain-unknown-container .dbq-domain-unknown-container-center .dbq-domain-unknown-container-buttons .dbq-domain-unknown-button.dbq-domain-unknown-mail span { color: #0a0a0a; } .dbq-domain-unknown-container .dbq-domain-unknown-container-center .dbq-domain-unknown-container-buttons .dbq-domain-unknown-button.dbq-domain-unknown-mail svg { fill: #0a0a0a; } .dbq-domain-unknown-container[data-area="0"] .dbq-domain-unknown-container-center .dbq-domain-unknown-container-buttons .dbq-domain-unknown-button.dbq-domain-unknown-tel { background: #00CC50; } .dbq-domain-unknown-container[data-area="0"] .dbq-domain-unknown-container-center .dbq-domain-unknown-container-buttons .dbq-domain-unknown-button.dbq-domain-unknown-tel span { color: #ffffff; } .dbq-domain-unknown-container[data-area="0"] .dbq-domain-unknown-container-center .dbq-domain-unknown-container-buttons .dbq-domain-unknown-button.dbq-domain-unknown-tel svg { fill: #ffffff; } .dbq-domain-unknown-container[data-area="0"] .dbq-domain-unknown-container-center .dbq-domain-unknown-container-buttons .dbq-domain-unknown-button.dbq-domain-unknown-mail { border-color: #00CC50; } .dbq-domain-unknown-container[data-area="0"] .dbq-domain-unknown-container-center .dbq-domain-unknown-container-buttons .dbq-domain-unknown-button.dbq-domain-unknown-mail span { color: #00CC50; } .dbq-domain-unknown-container[data-area="0"] .dbq-domain-unknown-container-center .dbq-domain-unknown-container-buttons .dbq-domain-unknown-button.dbq-domain-unknown-mail svg { fill: #00CC50; } .dbq-domain-unknown-container[data-area="1"] .dbq-domain-unknown-container-center .dbq-domain-unknown-container-buttons .dbq-domain-unknown-button.dbq-domain-unknown-tel { background: #FF7500; } .dbq-domain-unknown-container[data-area="1"] .dbq-domain-unknown-container-center .dbq-domain-unknown-container-buttons .dbq-domain-unknown-button.dbq-domain-unknown-tel span { color: #ffffff; } .dbq-domain-unknown-container[data-area="1"] .dbq-domain-unknown-container-center .dbq-domain-unknown-container-buttons .dbq-domain-unknown-button.dbq-domain-unknown-tel svg { fill: #ffffff; } .dbq-domain-unknown-container[data-area="1"] .dbq-domain-unknown-container-center .dbq-domain-unknown-container-buttons .dbq-domain-unknown-button.dbq-domain-unknown-mail { border-color: #FF7500; } .dbq-domain-unknown-container[data-area="1"] .dbq-domain-unknown-container-center .dbq-domain-unknown-container-buttons .dbq-domain-unknown-button.dbq-domain-unknown-mail span { color: #FF7500; } .dbq-domain-unknown-container[data-area="1"] .dbq-domain-unknown-container-center .dbq-domain-unknown-container-buttons .dbq-domain-unknown-button.dbq-domain-unknown-mail svg { fill: #FF7500; } .dbq-domain-unknown-container[data-area="2"] .dbq-domain-unknown-container-center .dbq-domain-unknown-container-buttons .dbq-domain-unknown-button.dbq-domain-unknown-tel { background: #002874; } .dbq-domain-unknown-container[data-area="2"] .dbq-domain-unknown-container-center .dbq-domain-unknown-container-buttons .dbq-domain-unknown-button.dbq-domain-unknown-tel span { color: #ffffff; } .dbq-domain-unknown-container[data-area="2"] .dbq-domain-unknown-container-center .dbq-domain-unknown-container-buttons .dbq-domain-unknown-button.dbq-domain-unknown-tel svg { fill: #ffffff; } .dbq-domain-unknown-container[data-area="2"] .dbq-domain-unknown-container-center .dbq-domain-unknown-container-buttons .dbq-domain-unknown-button.dbq-domain-unknown-mail { border-color: #002874; } .dbq-domain-unknown-container[data-area="2"] .dbq-domain-unknown-container-center .dbq-domain-unknown-container-buttons .dbq-domain-unknown-button.dbq-domain-unknown-mail span { color: #002874; } .dbq-domain-unknown-container[data-area="2"] .dbq-domain-unknown-container-center .dbq-domain-unknown-container-buttons .dbq-domain-unknown-button.dbq-domain-unknown-mail svg { fill: #002874; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } #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: 600; line-height: 20px; padding: 0 10px; margin: 10px; background: #ffffff; border: 2px solid #f5f7f9; border-radius: 5px; } #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: #ff7500; } #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 #ff7500 !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 #ff7500 !important; background-color: #ff7500 !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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } #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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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: #ff7500; } #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; } svg .dbq-icon-color-1 { fill: #f5f7f9; } svg .dbq-icon-color-2 { 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } #dbq-notification-center { overflow: hidden; border-left: 1px solid #dddddd; background-image: none; background-color: transparent; box-shadow: inset 0 0 0 1000px #f4f4f4; } #dbq-notification-center #dbq-notification-center-navbar-container { display: flex; flex-direction: row; align-items: center; justify-content: space-between; background-color: #ffffff; border-bottom: 1px solid #dddddd; } #dbq-notification-center #dbq-notification-center-navbar-container .dbqnc-navbar { display: flex; align-items: center; } #dbq-notification-center #dbq-notification-center-navbar-container .dbqnc-navbar:not(:empty) { height: 60px !important; } #dbq-notification-center #dbq-notification-center-navbar-container .dbqnc-navbar .dbqnc-navbar-item { border-radius: 5px; -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: #ffffff; text-shadow: none; border: 0; box-shadow: none; } #dbq-notification-center #dbq-notification-center-navbar-container .dbqnc-navbar .dbqnc-navbar-item:hover { background: #fff4eb; } #dbq-notification-center #dbq-notification-center-navbar-container .dbqnc-navbar .dbqnc-navbar-item:hover .dbqnc-navbar-item-title { color: #000000; } #dbq-notification-center #dbq-notification-center-navbar-container .dbqnc-navbar .dbqnc-navbar-item.dbqnc-active { border-bottom: 0 !important; background: #fff4eb; } #dbq-notification-center #dbq-notification-center-navbar-container .dbqnc-navbar .dbqnc-navbar-item.dbqnc-active .dbqnc-navbar-item-title { color: #ff7500; } #dbq-notification-center #dbq-notification-center-navbar-container .dbqnc-navbar-close-button-container .dbqnc-navbar-close-button { background: none; border: none; outline: none; height: 60px; width: 50px; } #dbq-notification-center #dbq-notification-center-navbar-container .dbqnc-navbar-close-button-container .dbqnc-navbar-close-button svg { fill: #000000; } #dbq-notification-center #dbq-notification-center-navbar-container .dbqnc-navbar-close-button-container .dbqnc-navbar-close-button:hover svg { fill: #ff7500; } #dbq-notification-center #dbq-notification-center-thread-items-container { height: calc(100% - 50px); } #dbq-notification-center #dbq-notification-center-thread-items-container .dbq-notification-center-news-feed-content-container .dbqnf-container { background: #ffffff; } #dbq-notification-center #dbq-notification-center-thread-items-container .dbq-notification-center-news-feed-content-container .dbqnf-container .dbqnf-item { margin: 15px; padding: 0; border-color: #dddddd; } #dbq-notification-center #dbq-notification-center-thread-items-container .dbq-notification-center-news-feed-content-container .dbqnf-container .dbqnf-item .dbqnf-title-container { margin-bottom: 5px; } #dbq-notification-center #dbq-notification-center-thread-items-container .dbq-notification-center-news-feed-content-container .dbqnf-container .dbqnf-item .dbqnf-publish-time-container { margin-bottom: 15px; } #dbq-notification-center #dbq-notification-center-thread-items-container .dbq-notification-center-news-feed-content-container .dbqnf-container .dbqnf-item:last-of-type { border: none; } #dbq-notification-center .dbqnc-item-list::-webkit-scrollbar-track { box-shadow: none; } #dbq-notification-center .dbqnc-item-list::-webkit-scrollbar-corner, #dbq-notification-center .dbqnc-item-list::-webkit-scrollbar-corner { background-color: #ffffff; } #dbq-notification-center .dbqnc-item-list { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } #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; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } #dbq-notification-center .dbqnc-item-list::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !important; } #dbq-notification-center .dbqnc-item-list .dbqnc-item { border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #ffffff; text-shadow: none; color: #000000; font-size: 14px; font-weight: normal; border: 0; box-shadow: none; } #dbq-notification-center .dbqnc-item-list .dbqnc-item .dbqnc-item-image-container { float: left; position: relative; margin: 15px; width: 64px; height: 64px; } #dbq-notification-center .dbqnc-item-list .dbqnc-item .dbqnc-item-image-container .dbqnc-badge.dbqnc-badge-thread-item-new { position: absolute; top: 0; right: 0; z-index: 1; width: 22px; height: 22px; background-color: #ff4d4d; color: white; border: 3px solid #FBFBFB; border-radius: 10px; } #dbq-notification-center .dbqnc-item-list .dbqnc-item .dbqnc-item-image-container .dbqnc-item-image { position: relative; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; -o-object-position: center; object-position: center; } #dbq-notification-center .dbqnc-item-list .dbqnc-item .dbqnc-item-image-container .dbqnc-item-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } #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: #ff7500; } #dbq-notification-center .dbqnc-item-list .dbqnc-item .dbqnc-item-message .dbqnc-message-expander:hover { color: #ff7500; } #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 { border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #ffffff !important; text-shadow: none !important; color: #000000 !important; border: 0 !important; box-shadow: none !important; } #dbq-notification-center .dbqnc-item-list .dbqnc-items-empty { border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #ffffff; text-shadow: none; color: #000000; border: 0; box-shadow: none; } #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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .dbq-popup-notification-container { background-color: #fff; background: #fff; border: 2px solid #f1f4f7; border-radius: 5px; box-shadow: 0px 3px 5px RGBA(0, 24, 62, 0.1); color: #000000; padding: 6px; max-height: 500px; overflow-y: auto; width: -moz-min-content; width: min-content; z-index: 1100; z-index: 9999; position: fixed; top: 20px; right: 80px; width: 350px; padding: 15px; height: auto; overflow: initial; } .dbq-popup-notification-container::-webkit-scrollbar-track { box-shadow: none; } .dbq-popup-notification-container::-webkit-scrollbar-corner, .dbq-popup-notification-container::-webkit-scrollbar-corner { background-color: #ffffff; } .dbq-popup-notification-container { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .dbq-popup-notification-container::-webkit-scrollbar, .dbq-popup-notification-container::-webkit-scrollbar-corner, .dbq-popup-notification-container::-webkit-scrollbar-track, .dbq-popup-notification-container::-webkit-scrollbar-thumb { border-radius: 10px; } .dbq-popup-notification-container::-webkit-scrollbar, .dbq-popup-notification-container::-webkit-scrollbar-track { width: 7.5px; height: 7.5px; border-radius: 10px; background-color: transparent !important; background: transparent !important; } .dbq-popup-notification-container::-webkit-scrollbar-thumb { border-radius: 7.5px; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .dbq-popup-notification-container::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !important; } .dbq-popup-notification-container li:last-of-type { margin: 0; } .dbq-popup-notification-container li a, .dbq-popup-notification-container .dropdown-item { float: left; color: #000000; font-size: 12px; font-weight: 500; line-height: 24px; text-decoration: none; width: -moz-max-content; width: max-content; } .dbq-popup-notification-container li a svg, .dbq-popup-notification-container .dropdown-item svg { margin-right: 6px; width: 24px; height: 24px; padding: 2px; fill: #000000; } .dbq-popup-notification-container li, .dbq-popup-notification-container .dropdown-item { float: left; width: 100%; cursor: pointer; border-radius: 7px; white-space: nowrap; background: none; margin: 0 0 3px 0; padding: 5px 7px; } .dbq-popup-notification-container li:hover, .dbq-popup-notification-container li:active, .dbq-popup-notification-container li.active, .dbq-popup-notification-container .dropdown-item:hover, .dbq-popup-notification-container .dropdown-item:active, .dbq-popup-notification-container .dropdown-item.active { color: #fff; background: #ff7500; } .dbq-popup-notification-container li:hover a, .dbq-popup-notification-container li:active a, .dbq-popup-notification-container li.active a, .dbq-popup-notification-container .dropdown-item:hover a, .dbq-popup-notification-container .dropdown-item:active a, .dbq-popup-notification-container .dropdown-item.active a { color: #fff; } .dbq-popup-notification-container li:hover svg, .dbq-popup-notification-container li:active svg, .dbq-popup-notification-container li.active svg, .dbq-popup-notification-container .dropdown-item:hover svg, .dbq-popup-notification-container .dropdown-item:active svg, .dbq-popup-notification-container .dropdown-item.active svg { fill: #fff; } .dbq-popup-notification-container li a { padding: 0; } .dbq-popup-notification-container::after { content: " "; width: 16px; height: 16px; position: absolute; top: 10px; right: -9px; border-radius: 0; background: #fff; border-top: 2px solid #f1f4f7; border-right: 2px solid #f1f4f7; transform: rotate(45deg); } .dbq-popup-notification-container h3 { font-size: 18px; line-height: 20px; font-weight: 600; color: #ff7500; } .dbq-popup-notification-container p { font-size: 12px; line-height: 20px; font-weight: 400; color: #000000; } .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: 5px; } .dbq-popup-notification-container button.btn-primary { margin-top: 5px; background-color: #ff7500; border: 2px solid #dddddd; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); } .dbq-popup-notification-container button.btn-primary:hover { background: #e66900; border-color: #e66900; color: #fff; } .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: 5px; color: #000000; } .dbq-popup-notification-container .dbq-popup-notification-checkbox-label { float: left; clear: both; margin-top: 15px; display: flex; gap: 10px; cursor: pointer; justify-content: center; align-items: center; } .dbq-popup-notification-container .dbq-popup-notification-checkbox-label input[type=checkbox] { width: 18px; height: 18px; accent-color: #ff7500; cursor: pointer; } .dbq-popup-notification-container .dbq-popup-notification-checkbox-label .dbq-popup-notification-checkbox-label-title { 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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 { box-shadow: none; } .modal-open .modal::-webkit-scrollbar-corner, .modal-open .modal::-webkit-scrollbar-corner { background-color: #ffffff; } .modal-open .modal { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .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; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .modal-open .modal::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !important; } .modal, .dbq-popup { border-radius: 5px; } .modal .modal-content, .dbq-popup .modal-content { border: none; border-radius: 5px; background-color: #f5f7f9; color: #000000; } .modal .modal-content .header .alert, .dbq-popup .modal-content .header .alert { font-size: 14px; } .modal .modal-content .header .alert.alert-danger, .dbq-popup .modal-content .header .alert.alert-danger { background-color: #dc3545; color: #fff; } .modal .modal-content .modal-body, .dbq-popup .modal-content .modal-body { background-color: #f5f7f9; } .modal .dbq-document, .dbq-popup .dbq-document { background-color: #f5f7f9; border-radius: 0 0 5px 5px; } .modal-dialog { 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .tooltip.show { opacity: 1; pointer-events: none; z-index: 1100; } .tooltip-inner { max-width: 300px; padding: 10px 15px; border-radius: 5px; text-align: center; font-size: 12px; line-height: 20px; font-weight: 500; opacity: 1; background: rgba(0, 0, 0, 0.8); color: #ffffff; } .dbqdclf-small-tooltips .tooltip-inner { max-width: 250px; } .bs-tooltip-auto[x-placement^=top] .arrow::before { border-top-color: rgba(0, 0, 0, 0.8); opacity: 1; } .bs-tooltip-top .arrow::before, .bs-tooltip-bottom .arrow::before { border-top-color: rgba(0, 0, 0, 0.8); 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .dbq-maintenance-container { width: 100vw; height: 100vh; position: absolute; z-index: 9999; background-size: cover; } .dbq-maintenance-container .dbq-maintenance-container-center { width: 650px; position: absolute; top: 50%; left: 50px; transform: translateY(-50%); padding: 0; background: #ffffff; border-radius: 5px; } .dbq-maintenance-container .dbq-maintenance-container-center .dbq-maintenance-container-logo { float: left; width: 100%; padding: 40px 50px; border-bottom: 1px solid #ececec; } .dbq-maintenance-container .dbq-maintenance-container-center .dbq-maintenance-container-logo svg { height: 80px; } .dbq-maintenance-container .dbq-maintenance-container-center .dbq-maintenance-container-text { float: left; width: 100%; padding: 50px; border-bottom: 1px solid #ececec; } .dbq-maintenance-container .dbq-maintenance-container-center .dbq-maintenance-container-text h3 { color: #0a0a0a; font-size: 18px; font-weight: 600; line-height: 34px; margin: 0 0 5px; padding: 0; } .dbq-maintenance-container .dbq-maintenance-container-center .dbq-maintenance-container-text p { color: #8c9cb1; font-size: 14px; font-weight: 400; line-height: 24px; margin: 0; padding: 0; } .dbq-maintenance-container .dbq-maintenance-container-center .dbq-maintenance-container-buttons { float: left; width: 100%; padding: 40px 50px; } .dbq-maintenance-container .dbq-maintenance-container-center .dbq-maintenance-container-buttons .dbq-maintenance-button { margin: 0; border: 0; border-radius: 5px; } .dbq-maintenance-container .dbq-maintenance-container-center .dbq-maintenance-container-buttons .dbq-maintenance-button:first-of-type { margin: 0 5px 0 0; } .dbq-maintenance-container .dbq-maintenance-container-center .dbq-maintenance-container-buttons .dbq-maintenance-button span { width: calc(100% - 40px); float: left; line-height: 30px; font-size: 16px; font-family: "Red Hat Text", sans-serif; font-weight: 600; } .dbq-maintenance-container .dbq-maintenance-container-center .dbq-maintenance-container-buttons .dbq-maintenance-button svg { width: 30px; height: 30px; float: left; margin-right: 10px; } .dbq-maintenance-container .dbq-maintenance-container-center .dbq-maintenance-container-buttons .dbq-maintenance-button.dbq-maintenance-tel { padding: 15px 30px; background: #0a0a0a; } .dbq-maintenance-container .dbq-maintenance-container-center .dbq-maintenance-container-buttons .dbq-maintenance-button.dbq-maintenance-tel span { color: #ffffff; } .dbq-maintenance-container .dbq-maintenance-container-center .dbq-maintenance-container-buttons .dbq-maintenance-button.dbq-maintenance-tel svg { fill: #ffffff; } .dbq-maintenance-container .dbq-maintenance-container-center .dbq-maintenance-container-buttons .dbq-maintenance-button.dbq-maintenance-mail { padding: 13px 30px; background: 0; border: 2px solid #0a0a0a; } .dbq-maintenance-container .dbq-maintenance-container-center .dbq-maintenance-container-buttons .dbq-maintenance-button.dbq-maintenance-mail span { color: #0a0a0a; } .dbq-maintenance-container .dbq-maintenance-container-center .dbq-maintenance-container-buttons .dbq-maintenance-button.dbq-maintenance-mail svg { fill: #0a0a0a; } .dbq-maintenance-container[data-area="0"] .dbq-maintenance-container-center .dbq-maintenance-container-buttons .dbq-maintenance-button.dbq-maintenance-tel { background: #00CC50; } .dbq-maintenance-container[data-area="0"] .dbq-maintenance-container-center .dbq-maintenance-container-buttons .dbq-maintenance-button.dbq-maintenance-tel span { color: #ffffff; } .dbq-maintenance-container[data-area="0"] .dbq-maintenance-container-center .dbq-maintenance-container-buttons .dbq-maintenance-button.dbq-maintenance-tel svg { fill: #ffffff; } .dbq-maintenance-container[data-area="0"] .dbq-maintenance-container-center .dbq-maintenance-container-buttons .dbq-maintenance-button.dbq-maintenance-mail { border-color: #00CC50; } .dbq-maintenance-container[data-area="0"] .dbq-maintenance-container-center .dbq-maintenance-container-buttons .dbq-maintenance-button.dbq-maintenance-mail span { color: #00CC50; } .dbq-maintenance-container[data-area="0"] .dbq-maintenance-container-center .dbq-maintenance-container-buttons .dbq-maintenance-button.dbq-maintenance-mail svg { fill: #00CC50; } .dbq-maintenance-container[data-area="1"] .dbq-maintenance-container-center .dbq-maintenance-container-buttons .dbq-maintenance-button.dbq-maintenance-tel { background: #FF7500; } .dbq-maintenance-container[data-area="1"] .dbq-maintenance-container-center .dbq-maintenance-container-buttons .dbq-maintenance-button.dbq-maintenance-tel span { color: #ffffff; } .dbq-maintenance-container[data-area="1"] .dbq-maintenance-container-center .dbq-maintenance-container-buttons .dbq-maintenance-button.dbq-maintenance-tel svg { fill: #ffffff; } .dbq-maintenance-container[data-area="1"] .dbq-maintenance-container-center .dbq-maintenance-container-buttons .dbq-maintenance-button.dbq-maintenance-mail { border-color: #FF7500; } .dbq-maintenance-container[data-area="1"] .dbq-maintenance-container-center .dbq-maintenance-container-buttons .dbq-maintenance-button.dbq-maintenance-mail span { color: #FF7500; } .dbq-maintenance-container[data-area="1"] .dbq-maintenance-container-center .dbq-maintenance-container-buttons .dbq-maintenance-button.dbq-maintenance-mail svg { fill: #FF7500; } .dbq-maintenance-container[data-area="2"] .dbq-maintenance-container-center .dbq-maintenance-container-buttons .dbq-maintenance-button.dbq-maintenance-tel { background: #002874; } .dbq-maintenance-container[data-area="2"] .dbq-maintenance-container-center .dbq-maintenance-container-buttons .dbq-maintenance-button.dbq-maintenance-tel span { color: #ffffff; } .dbq-maintenance-container[data-area="2"] .dbq-maintenance-container-center .dbq-maintenance-container-buttons .dbq-maintenance-button.dbq-maintenance-tel svg { fill: #ffffff; } .dbq-maintenance-container[data-area="2"] .dbq-maintenance-container-center .dbq-maintenance-container-buttons .dbq-maintenance-button.dbq-maintenance-mail { border-color: #002874; } .dbq-maintenance-container[data-area="2"] .dbq-maintenance-container-center .dbq-maintenance-container-buttons .dbq-maintenance-button.dbq-maintenance-mail span { color: #002874; } .dbq-maintenance-container[data-area="2"] .dbq-maintenance-container-center .dbq-maintenance-container-buttons .dbq-maintenance-button.dbq-maintenance-mail svg { fill: #002874; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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: 5px solid transparent !important; border-left: 0 !important; border-bottom: 5px solid #d5473c !important; position: absolute; left: 0; top: -10px; } .validation-message.error::after { content: ""; width: 10px; height: 10px; border-left: 5px solid transparent; border-right: 0 !important; border-bottom: 5px 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } #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; flex-wrap: wrap; align-items: center; 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .ui-igspreadsheet-columnheader, .ui-igspreadsheet-columnheaderarea, .ui-igspreadsheet-rowheader, .ui-igspreadsheet-rowheader { background: #FBFBFB; color: #000000; border-color: #dddddd; } .ui-igspreadsheet-selectall { background: #FBFBFB; } .ui-igspreadsheet-columnsplitter, .ui-igspreadsheet-columnsplitterpreview, .ui-igspreadsheet-rowsplitter, .ui-igspreadsheet-rowsplitterpreview { border-color: #dddddd; } .ui-igspreadsheet-columnheader-hover, .ui-igspreadsheet-columnheader-selected, .ui-igspreadsheet-columnheader-selectedcells, .ui-igspreadsheet-rowheader-hover, .ui-igspreadsheet-rowheader-selected, .ui-igspreadsheet-rowheader-selectedcells { border-color: #cccccc; background: #f4f4f4; color: #000000; } .ui-igspreadsheet-scrollbar-vertical, .ui-igspreadsheet-scrollbar-horizontal { background: #f4f4f4; } .ui-igspreadsheet-scrollbar-thumb-vertical, .ui-igspreadsheet-scrollbar-thumb-horizontal { background: #cccccc; } .ui-igspreadsheet { background: white; } .ui-igspreadsheet-tabareabackground { background: #f4f4f4; } .class-to-uncomment-lines-without-causing-problems { background: green; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } @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-container { width: 100%; height: 100%; overflow-y: auto; } .dbqkbc-container::-webkit-scrollbar-track { box-shadow: none; } .dbqkbc-container::-webkit-scrollbar-corner, .dbqkbc-container::-webkit-scrollbar-corner { background-color: #ffffff; } .dbqkbc-container { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .dbqkbc-container::-webkit-scrollbar, .dbqkbc-container::-webkit-scrollbar-corner, .dbqkbc-container::-webkit-scrollbar-track, .dbqkbc-container::-webkit-scrollbar-thumb { border-radius: 10px; } .dbqkbc-container::-webkit-scrollbar, .dbqkbc-container::-webkit-scrollbar-track { width: 7.5px; height: 7.5px; border-radius: 10px; background-color: transparent !important; background: transparent !important; } .dbqkbc-container::-webkit-scrollbar-thumb { border-radius: 7.5px; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !important; border: none !important; } .dbqkbc-container::-webkit-scrollbar-thumb:hover { background-color: #ff7500 !important; } .dbqkbc-articles-container[data-display-mode="1"] .dbqkbc-article { display: none; } .dbqkbc-files-container[data-display-mode="1"] .dbqkbc-file { display: none; } .dbqkbfc-filter-button { line-height: 28px; } .dbqkbfc-filter-button svg { float: left; margin: 2px 10px 2px 0 !important; 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; 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 rgba(0, 0, 0, 0.1490196078); 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; -o-object-fit: cover; object-fit: cover; -o-object-position: center; 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: rgba(255, 255, 255, 0.5019607843); 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 #ff7500 !important; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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 rgba(0, 0, 0, 0.1490196078); 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; -o-object-fit: cover; object-fit: cover; -o-object-position: center; 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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:not(.dbqdb-alert), .dbqkbc-articles-container .dbqkbc-articles ol, .dbqkbc-articles-container .dbqkbc-articles ul, .dbqkbc-articles-container .dbqkbc-articles .element.flex-container { width: 100%; margin: 0; } .dbqkbc-articles-container .dbqkbc-articles h3 { 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; } .dbqkbc-articles-container .dbqkbc-articles .dbqkbc-articles-list-container .row:not(.dbqdb-alert) { padding: 15px; } .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 { width: 100%; height: 100%; } .dbqkbc-articles-empty-container { display: flex; width: 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-articles-content-container[data-is-compact-mode-enabled=true] .dbqkbc-articles-list-container { width: 100%; } .dbqkbc-articles-content-container[data-is-compact-mode-enabled=true] .dbqkbc-article-content { display: none !important; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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: 15px; } .dbqkbc-files-container .dbqkbc-files .dbqkbc-files-content-container .dbqkbc-file-content { background: #ffffff; margin: 0 30px; padding: 45px 60px; border-radius: 5px; -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 rgba(0, 0, 0, 0.1490196078); border-radius: 5px; position: relative; } .dbqkbc-files-container .dbqkbc-file-item .dbqkbc-file-item-type-container { background: #f4f4f4; 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-info-container .dbqkbc-file-item-description { font-size: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .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-empty-container { display: flex; width: 100%; } .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%; } .dbqkbc-files-content-container[data-is-compact-mode-enabled=true] .dbqkbc-files-list-container { width: 100%; } .dbqkbc-files-content-container[data-is-compact-mode-enabled=true] .dbqkbc-file-content { display: none !important; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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: #dddddd; height: 2px; width: 100%; } .dbqkbc-tab-bar-container .dbqkbc-tab-bar-divider { background: #dddddd; 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: #FBFBFB; 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: #f4f4f4; } .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: #ff7500; 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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,"); 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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: rgba(0, 0, 0, 0.8705882353); 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: rgba(0, 0, 0, 0.8705882353); 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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; background: #ffffff; border-radius: 5px; 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: 5px; } .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: 5px; } .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: 5px; } .dbqkbc-container .dbqkbf-folder button:hover, .dbqkbc-container .dbqkba-article button:hover, .dbqkbc-container .dbqkbc-file-item button:hover { background: #ff7500 !important; border: 2px solid #ff7500 !important; border-radius: 5px !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: #ff7500 !important; color: #fff !important; padding: 5px 15px; font-size: 16px; height: 48px; border-radius: 24px; } .dbqkbc-container .dbqkbc-filters-container .btn-primary svg { fill: white !important; margin: 0px 5px 0px 0px; } .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; background: #ff7500; 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; margin-left: 5px; margin-top: -3px; fill: white; } .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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } #content-wrapper #classlist-knowledge-base .btn-primary.dbqkbc-function-button { margin: 15px 0; background: #ff7500; border: 2px solid #dddddd; border-color: #ff7500; color: #ffffff; font-size: 14px; border-radius: 5px; -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: #e66900; border-color: #e66900; color: #fff; transition: all 0.3s ease; } #content-wrapper #classlist-knowledge-base .btn-primary.dbqkbc-function-button:not(:disabled):not(.disabled):active, #content-wrapper #classlist-knowledge-base .btn-primary.dbqkbc-function-button:active { background: #e66900; border-color: #e66900; color: #fff; } #content-wrapper #classlist-knowledge-base .btn-primary { background: 0; border: 0; fill: #ff7500; box-shadow: none; border-radius: 5px; } #content-wrapper #classlist-knowledge-base .btn-primary:enabled svg { fill: #ff7500; 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .dbqkbc-breadcrumbs-container { display: none; padding-left: 5px; margin-bottom: 0; background: #ff7500; } .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: #ffffff; 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,"); 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: #ffffff; margin: 7px 10px; float: left; } .dbqkbc-breadcrumbs-container .dbqkbc-breadcrumbs-wrapper .dbqkbbs-breadcrumbs .btn:hover { color: #ffffff; } .dbqkbc-breadcrumbs-container .dbqkbc-breadcrumbs-wrapper .dbqkbbs-breadcrumbs .btn:hover svg { 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container { background-color: #ffffff; 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: 5px; color: #000000; background: #ffffff; } .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-categories-container .dbqkbfc-document-tag-category.active { background: #ff7500; color: #fff; font-weight: 500; border-radius: 5px; } .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-tags-container { border-radius: 5px; background: #ffffff; } .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-tags-container::-webkit-scrollbar-track { 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: #ffffff; } .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-tags-container { scrollbar-face-color: #ff7500; scrollbar-track-color: #dddddd; } .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; -webkit-transition: all 0.4s; transition: all 0.4s; background: #dddddd !important; background-color: #dddddd !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: #ff7500 !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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .dbqkbc-folder-header-container { float: left; width: 100%; padding: 0 15px; background: transparent; } .dbqkbc-folder-header-container .dbqkbc-folder-header-wrapper { width: 700px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .dbqkbc-folder-header-container h2 { text-align: center; width: 100%; padding: 0; margin: 15px 0; font-weight: 500; color: #000000; font-size: 32px; line-height: 1.5; } .dbqkbc-folder-header-container p { text-align: center !important; width: 100%; color: #000000; 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: #ff7500; background-color: #ff7500; background-image: linear-gradient(to left, #ff9900, #ff7500); } .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: 5px; 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: #ff7500; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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; } .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,"); cursor: pointer; } .dbqkbc-filters-container .dbqkbfc-toolbar-container .dbqkbfc-search-container 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: transparent; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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: #ff7500 !important; color: #ffffff !important; } .dbqkbf-folder, .dbqkba-article, .dbqkbc-file-item { border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #FBFBFB; box-shadow: 0px 0px 15px 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 svg, .dbqkba-article svg, .dbqkbc-file-item svg { fill: #000000; } .dbqkbf-folder h5, .dbqkba-article h5, .dbqkbc-file-item h5 { width: 100%; color: #ff7500; 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: #000000; 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: #ff7500; 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 5px 5px 0; } .dbqkbf-folder button svg, .dbqkba-article button svg, .dbqkbc-file-item button svg { float: left; width: 16px; height: 16px; fill: #ff7500; position: absolute; top: 50%; left: 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; } .dbqkbf-folder svg { padding: 25px; } .dbqkbf-folder img { border-radius: 50%; } .dbqkbc-arrow-button svg { padding: 0 !important; } .dbqkbc-article #document-topics .topic header { display: none; } .dbqkbc-article #document-topics .topic .document-header { background: rgb(255, 102, 85); background: linear-gradient(90deg, rgb(255, 102, 85) 0%, rgb(255, 153, 102) 100%); padding: 30px 15px; border-radius: 5px 5px 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 5px 5px; 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: #f4f4f4; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .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%; 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 #ff7500; color: #000000; 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .dbqkbc-articles-container { padding: 0; } .dbqkbc-articles-container .dbqkbc-article, .dbqkbc-articles-container .dbqkbc-article-content { padding: 0px 30px; } .dbqkbc-articles-container .dbqkbc-article .dbq-document, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document { float: left; width: 100%; border-radius: 5px; -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-articles-container .dbqkbc-article .dbq-document .dbqdb-header, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-header { background: #ffffff; border-top-left-radius: 5px; border-top-right-radius: 5px; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic { border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 0px; font-size: 14px; line-height: 24px; font-weight: 400; margin-left: auto; margin-right: auto; background-color: #ffffff !important; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic header, .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic footer, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic header, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic footer { display: block; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic header .document-header, .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic header .document-footer, .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic footer .document-header, .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic footer .document-footer, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic header .document-header, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic header .document-footer, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic footer .document-header, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic footer .document-footer { margin: 0px; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic header .document-header h1, .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic header .document-footer h1, .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic footer .document-header h1, .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic footer .document-footer h1, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic header .document-header h1, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic header .document-footer h1, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic footer .document-header h1, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic footer .document-footer h1 { color: #ffffff; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic header .document-header .col-xs-12, .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic header .document-header .col-sm-12, .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic header .document-header .col-md-12, .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic header .document-footer .col-xs-12, .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic header .document-footer .col-sm-12, .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic header .document-footer .col-md-12, .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic footer .document-header .col-xs-12, .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic footer .document-header .col-sm-12, .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic footer .document-header .col-md-12, .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic footer .document-footer .col-xs-12, .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic footer .document-footer .col-sm-12, .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic footer .document-footer .col-md-12, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic header .document-header .col-xs-12, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic header .document-header .col-sm-12, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic header .document-header .col-md-12, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic header .document-footer .col-xs-12, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic header .document-footer .col-sm-12, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic header .document-footer .col-md-12, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic footer .document-header .col-xs-12, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic footer .document-header .col-sm-12, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic footer .document-header .col-md-12, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic footer .document-footer .col-xs-12, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic footer .document-footer .col-sm-12, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic footer .document-footer .col-md-12 { padding: 0 !important; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic header .document-header, .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic footer .document-header, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic header .document-header, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic footer .document-header { padding: 45px 60px !important; background: #ff7500; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #fff; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic header .document-footer, .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic footer .document-footer, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic header .document-footer, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic footer .document-footer { padding: 15px 60px !important; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic header .topic_progress, .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic footer .topic_progress, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic header .topic_progress, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic footer .topic_progress { display: none !important; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section { padding: 45px 60px; border-radius: 0px; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section h1, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section h1 { margin: 0px; margin-bottom: 15px; color: #333333; font-size: 24px; line-height: 36px; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section h2, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section h2 { margin: 0px; color: #333333; margin-bottom: 15px; font-size: 20px; line-height: 30px; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section h3, .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section h4, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section h3, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section h4 { margin: 0px; padding: 0; color: #333333; margin-bottom: 15px; font-size: 16px; line-height: 24px; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section p, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section p { margin-bottom: 15px; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section li, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section li { color: #000000; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section .action-button.raised, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section .action-button.raised { margin-bottom: 15px; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section .action-button.raised a, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section .action-button.raised a { margin: 0px; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section .action-button.raised a span, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section .action-button.raised a span { background: #ff7500; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section ul, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section ul { margin-bottom: 15px; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section ul ul, .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section ul ol, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section ul ul, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section ul ol { margin: 0px 0px 0px 18px; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section ul li, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section ul li { line-height: 24px !important; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section ol ul, .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section ol ol, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section ol ul, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section ol ol { margin: 0px 0px 0px 18px; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section ol.dbq-list-type-number, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section ol.dbq-list-type-number { counter-reset: list-item-index; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section ol.dbq-list-type-number::before, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section ol.dbq-list-type-number::before { position: absolute; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section ol.dbq-list-type-number li, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .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 .dbq-document .topic section ol.dbq-list-type-number li:before, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section ol.dbq-list-type-number li:before { content: counter(list-item-index); background: #ff7500; 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 .dbq-document .topic section ol.dbq-list-type-number ul > div:first-child li, .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section ol.dbq-list-type-number ol > div:first-child li, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section ol.dbq-list-type-number ul > div:first-child li, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .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 .dbq-document .topic section ol.dbq-list-type-number ul.dbq-list-type-bullet li, .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section ul.dbq-list-type-bullet li, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section ol.dbq-list-type-number ul.dbq-list-type-bullet li, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .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 .dbq-document .topic section ol.dbq-list-type-number ul.dbq-list-type-bullet li:before, .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section ul.dbq-list-type-bullet li:before, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section ol.dbq-list-type-number ul.dbq-list-type-bullet li:before, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section ul.dbq-list-type-bullet li:before { content: ""; background: transparent; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section ul.dbq-list-type-arrow li, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section ul.dbq-list-type-arrow li { list-style-type: none; position: relative; padding-left: 15px; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section ul.dbq-list-type-arrow li:before, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section ul.dbq-list-type-arrow li:before { content: "► "; font-size: 8px; position: absolute; top: 0px; left: -10px; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section img, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section img { margin: 5px 0 15px 0; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section .article-table-view .table, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section .article-table-view .table { margin-top: 5px; margin-bottom: 30px; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section .article-table-view .table > div:first-of-type, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section .article-table-view .table > div:first-of-type { background: #ddd; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section .article-table-view .container, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section .article-table-view .container { display: block; padding: 0px; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section .article-table-view .flex-container > div, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section .article-table-view .flex-container > div { border: 1px solid #ddd; padding: 5px; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section .article-table-view .flex-container > div p, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section .article-table-view .flex-container > div p { margin: 0px; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section .knowledgebase-reference-container, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section .knowledgebase-reference-container { border-radius: 5px; background-color: #f4f4f4 !important; margin-top: 30px; padding: 15px !important; padding-bottom: 0 !important; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section .knowledgebase-reference-container [data-element-type=Button], .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section .knowledgebase-reference-container [data-element-type=Button] { float: left; width: initial; margin: 0 15px 15px 0; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section .knowledgebase-reference-container [data-element-type=Button] .action-button.raised, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section .knowledgebase-reference-container [data-element-type=Button] .action-button.raised { margin: 0px; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section .knowledgebase-reference-container [data-element-type=Button] .action-button.raised a, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section .knowledgebase-reference-container [data-element-type=Button] .action-button.raised a { margin: 0px; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section .knowledgebase-reference-container [data-element-type=Button] .action-button.raised a span, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section .knowledgebase-reference-container [data-element-type=Button] .action-button.raised a span { background-color: #ffffff; color: #000000; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section .knowledgebase-reference-container [data-element-type=Button] .action-button.raised a:hover span, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section .knowledgebase-reference-container [data-element-type=Button] .action-button.raised a:hover span { color: #ff7500; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section .knowledgebase-reference-container [data-element-type=Button]:last-of-type, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section .knowledgebase-reference-container [data-element-type=Button]:last-of-type { margin-right: 0px; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic section .row.element:after, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic section .row.element:after { content: ""; display: block; clear: both; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic .knowledgebase-info, .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic .knowledgebase-warning, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic .knowledgebase-info, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic .knowledgebase-warning { padding: 15px !important; border-radius: 5px; position: relative; padding-left: 60px !important; min-height: 60px; margin: 15px 0 30px 0; display: inline-block; width: initial; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic .knowledgebase-info::before, .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic .knowledgebase-warning::before, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic .knowledgebase-info::before, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .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 .dbq-document .topic p, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic p { font-size: 14px; line-height: 24px; font-weight: 400; margin-bottom: 15px; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .topic .dbq-element-header-5, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .topic .dbq-element-header-5 { font-size: 14px; line-height: 24px; font-weight: 800; white-space: normal; margin-bottom: 15px; } .dbqkbc-articles-container .dbqkbc-article .dbq-document .btn-default, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .btn-default { display: inline-block; background: #ff7500; color: #ffffff; 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 .dbq-document .btn-default:hover, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .btn-default:hover { background: #e66900; } .dbqkbc-articles-container .dbqkbc-article .dbqdb-document-tags, .dbqkbc-articles-container .dbqkbc-article-content .dbqdb-document-tags { margin-top: 15px; margin-bottom: 15px; padding-left: 60px; padding-right: 60px; width: 100%; text-align: center; float: left; } .dbqkbc-articles-container .dbqkbc-article-content .topic { float: left; margin: 0; max-width: initial; width: 100%; } .dbqkbc-articles-container .dbqkbc-article-content .topic section { float: left; width: 100%; } .dbqkbc-articles-container .dbqkbc-article-content .topic .col-xs-12, .dbqkbc-articles-container .dbqkbc-article-content .topic .col-sm-12, .dbqkbc-articles-container .dbqkbc-article-content .topic .col-md-12 { padding: 0 !important; } .dbqkbc-articles-container .dbqkbc-article .topic .col { padding: 0px !important; } .dbqkbc-articles-container .dbqkbc-article .topic .col-xs-12 { padding: 0px !important; } .dbqkbc-articles-container .dbqkbc-article .topic .col-md-6 { padding: 0px !important; } .dbqkbc-articles-container .dbqkbc-article .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; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } html, body, #content-wrapper, #wrapper { width: 100%; height: 100%; margin: 0; padding: 0; } * { box-sizing: border-box; } body { background: #f4f4f4; font-family: "Red Hat Text", sans-serif; font-weight: 400; color: #000000; border: 0; /* Base (scroll fix) */ /* width */ /* Track */ /* Handle */ } body::-webkit-scrollbar { width: 18px; height: 18px; background-color: #f4f4f4; } body::-webkit-scrollbar-track { border: 5px solid; border-radius: 10px; border-color: #f4f4f4; background-color: #dddddd; } body::-webkit-scrollbar-thumb { border-radius: 10px; border: 4px solid transparent; background-color: #FBFBFB; outline: 1px solid #dddddd; outline-offset: -4px; -webkit-background-clip: padding-box; background-clip: padding-box; } body::-webkit-scrollbar-thumb:hover { background-color: #f4f4f4; } body::-webkit-scrollbar-corner { background: #f4f4f4; } #content-wrapper { display: flex; flex-direction: row; } .dbq-right-column { display: flex; flex-direction: column; z-index: 1; height: 100%; width: 100%; margin: 0; opacity: 1; } .dbq-right-column #dbq-content-container { position: relative; flex: 1; overflow: hidden; } .generic-folder-document-class-list-container .dbq-right-column #dbq-content-container { height: 100%; } .mbsc-font, .mbsc-material.mbsc-eventcalendar { font-family: "Red Hat Text", sans-serif; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } nav.navbar { width: 100%; height: 60px; margin: 0; padding: 0; display: block; position: relative; } 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 .dbq-navbar-brand-container { width: 320px; } nav.navbar .dbq-navbar-brand-container .navbar-brand { height: 40px; width: 290px; max-height: 40px; padding: 0; margin: 15px; background: url("/Themes/XLSYSTEM/Files/OrganisationStyleLogo.png?v=1006449015") no-repeat center center; background-size: contain; background-position-x: left; } nav.navbar .dbq-navbar-brand-container .navbar-brand svg { display: none; } nav.navbar .dbq-navbar-brand-container .navbar-brand svg { width: auto; height: 40px; max-width: 260px; max-height: 40px; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } nav.navbar #dbq-navbar-breadcrumbs { display: inline-block; overflow: hidden; height: 60px; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } 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: 40px; padding: 0; background: none; box-shadow: none; overflow-y: hidden; } nav.navbar #dbq-navbar-filters #document-class-list-filters .dbqdclf-filter-group { min-height: 40px; } nav.navbar #dbq-navbar-filters #document-class-list-filters .dbqdclf-filter-group .document-class-list-filter { padding: 0; height: 34px; } nav.navbar #dbq-navbar-filters #document-class-list-filters .dbqdclf-filter-group .document-class-list-filter label { display: none; } nav.navbar #dbq-navbar-filters #document-class-list-filters .dbqdclf-filter-group .document-class-list-filter .dbqstd-container { height: 34px; } nav.navbar #dbq-navbar-filters #document-class-list-filters .dbqdclf-filter-group .document-class-list-filter .dbqstd-container .dbqstd-output-button { height: 34px; } nav.navbar #dbq-navbar-filters #document-class-list-filters .dbqdclf-filter-group .document-class-list-filter .dbqstd-container .dbqstd-output-button .dbqstd-attribute-value { font-weight: 600; } nav.navbar #dbq-navbar-filters #document-class-list-filters .dbqdclf-filter-group .dbqdclf-filter-group-toggle-button-container { margin: 0; } nav.navbar #dbq-navbar-filters #document-class-list-filters .dbqdclf-filter-group .dbqdclf-filter-group-toggle-button-container .dbqdclf-filter-group-toggle-button { 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 --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } 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; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } nav.navbar #dbq-navbar-right { float: right; display: flex; align-items: center; margin-right: 30px; max-height: 60px; } nav.navbar #dbq-navbar-right .dbq-navbar-button, 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 .dbq-navbar-button svg, 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-badge { position: absolute; top: 0; right: 0; font-size: 12px; font-weight: 500; background-color: #FF4D4D; color: #ffffff; border-radius: 8px; border: none; padding: 5px 6px; line-height: 1; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); } nav.navbar #dbq-navbar-right .dbq-multi-panel-toggle-button .dbqmp-badge { top: -12px; right: -9px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } 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; overflow: visible; width: -moz-min-content; 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: #888888; 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: "Red Hat Text", sans-serif; font-weight: 400; } nav.navbar #dbq-navbar-right #class-list-menu .dropdown-menu li a svg { margin-right: 15px; padding: 0; fill: #888888; } 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; } 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; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .dbq-nav-bar-functions-dropdown-menu .dbqnf-dropdown-items-title { font-weight: 600; padding: 0 10px; } .dbq-nav-bar-functions-dropdown-menu .dbqnf-dropdown-items-container { display: flex; flex-wrap: wrap; gap: 10px 5px; width: 175px; margin-top: 10px; } .dbq-nav-bar-functions-dropdown-menu .dbqnf-dropdown-items-container .dbqnf-dropdown-item { display: flex; flex-direction: column; flex: 0 0 31.3333%; align-items: center; font-size: 12px; text-align: center; cursor: pointer; } .dbq-nav-bar-functions-dropdown-menu .dbqnf-dropdown-items-container .dbqnf-dropdown-item .dbqnf-dropdown-item-icon-container { border: 1px solid #e5e7ec; display: flex; width: 45px; height: 45px; border-radius: 5px; justify-content: center; align-items: center; margin-bottom: 5px; } .dbq-nav-bar-functions-dropdown-menu .dbqnf-dropdown-items-container .dbqnf-dropdown-item .dbqnf-dropdown-item-icon-container svg { fill: #000000; } .dbq-nav-bar-functions-dropdown-menu .dbqnf-dropdown-items-container .dbqnf-dropdown-item:hover { color: #ff7500; } .dbq-nav-bar-functions-dropdown-menu .dbqnf-dropdown-items-container .dbqnf-dropdown-item:hover .dbqnf-dropdown-item-icon-container { border-color: #ff7500; } .dbq-nav-bar-functions-dropdown-menu .dbqnf-dropdown-items-container .dbqnf-dropdown-item:hover .dbqnf-dropdown-item-icon-container svg { fill: #ff7500; } .dbq-nav-bar-functions-dropdown-menu .dbqnf-dropdown-items-container .dbqnf-dropdown-item-break { flex-basis: 100%; height: 0; } /* --------------------------------------- Import library files --------------------------------------- */ /* --------------------------------------- Override default values if the customer file is found PropertyTypes are: hex, integer, color. string, px, %, boolean, raw --------------------------------------- */ /* --------------------------------------- Basic colors --------------------------------------- */ /* --------------------------------------- Theme related 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 --------------------------------------- */ /* --------------------------------------------------------- Code below from variables-new - To-do: cleanup/merge ------------------------------------------------------------ */ .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; } .disabled { cursor: not-allowed; opacity: 0.5; } .disabled a:hover { cursor: not-allowed; } .disabled svg { opacity: 0.5; } .dbq-left-column { float: left; z-index: 2; margin: 0; flex-shrink: 0; width: 320px; height: 100vh; position: relative; background: #ffffff; border-right: 1px solid #dddddd; } .dbq-left-column .dbq-folder-tree-container { height: 100%; width: 100%; display: flex; flex-direction: column; border: none; position: relative; overflow: visible; } .dbq-left-column .dbq-folder-tree-container .dbqft-list-header { height: 60px; margin-top: 15px; margin-bottom: 15px; flex-shrink: 0; position: relative; } .dbq-left-column .dbq-folder-tree-container .dbqft-list-header .navbar-brand { height: 60px; width: 220px; display: block; margin-left: 15px; background: url("/Themes/XLSYSTEM/Files/OrganisationStyleLogo.png?v=1006449015") no-repeat center center; background-size: contain; background-position-x: left; } .dbq-left-column .dbq-folder-tree-container .dbqft-list-header .navbar-brand svg { display: none; } .dbq-left-column .dbq-folder-tree-container .dbqft-list-header .navbar-brand svg { width: auto; height: auto; max-width: 260px; max-height: 60px; } .dbq-left-column .dbq-folder-tree-container .dbqft-list-header .dbqft-list-collapse-button { position: absolute; right: -15px; top: 0; } .dbq-left-column .dbq-folder-tree-container .dbqft-list-header .dbqft-list-collapse-button button { background: rgb(248, 248, 248); 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 .dbq-folder-tree-container .dbqft-list-header .dbqft-list-collapse-button button svg { fill: #000000; vertical-align: middle; } .dbq-left-column .dbq-folder-tree-container .dbqft-list-header .dbqft-list-collapse-button button:hover { background: #ffffff; } .dbq-left-column .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 .dbq-folder-tree-container .dbqft-navigation-button svg { fill: #000000; display: inline-block; margin: auto 8px auto 0; } .dbq-left-column .dbq-folder-tree-container .dbqft-navigation-button .dbqft-navigation-button-title { color: #000000; font-family: "Red Hat Text", sans-serif; font-size: 14px; font-weight: 600; max-width: 220px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .dbq-left-column .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 .dbq-folder-tree-container .dbqft-navigation-button:hover .dbqft-navigation-button-title { color: #000000; } .dbq-left-column .dbq-folder-tree-container .dbqft-navigation-button:hover svg { fill: #000000; } .dbq-left-column .dbq-folder-tree-container .dbqft-lists { padding: 15px 25px 0 15px; height: 100%; overflow-y: hidden; -webkit-backdrop-filter: unset; backdrop-filter: unset; /* width */ /* Track */ /* Handle */ } .dbq-left-column .dbq-folder-tree-container .dbqft-lists::-webkit-scrollbar { width: 8px; height: 8px; } .dbq-left-column .dbq-folder-tree-container .dbqft-lists::-webkit-scrollbar-track { border: 0px solid; border-radius: 10px; border-color: transparent; } .dbq-left-column .dbq-folder-tree-container .dbqft-lists::-webkit-scrollbar-thumb { border-radius: 10px; border: 1px solid transparent; background-color: #FBFBFB; outline: 1px solid #dddddd; outline-offset: -1px; -webkit-background-clip: padding-box; background-clip: padding-box; } .dbq-left-column .dbq-folder-tree-container .dbqft-lists::-webkit-scrollbar-thumb:hover { background-color: #f4f4f4; } .dbq-left-column .dbq-folder-tree-container .dbqft-lists::-webkit-scrollbar-corner { background: transparent; } .dbq-left-column .dbq-folder-tree-container .dbqft-lists .dbqft-list { list-style-type: none; margin: 0; padding: 0 0 10px 0; } .dbq-left-column .dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-title { display: none; } .dbq-left-column .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 .dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-list-items { list-style-type: none; border-left: 1px solid #dddddd; margin-left: 26px; padding-left: 15px; } .dbq-left-column .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 .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 .dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper { display: flex; align-items: center; justify-content: space-between; gap: 6px; position: relative; background-color: transparent; border-radius: 15px; width: inherit; height: inherit; display: flex; align-items: center; overflow: visible; padding: 8px 0px; } .dbq-left-column .dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-content { display: flex; align-items: center; gap: 10px; } .dbq-left-column .dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-image, .dbq-left-column .dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-expander { margin-right: 5px; } .dbq-left-column .dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-image svg, .dbq-left-column .dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-expander svg { fill: #000000; } .dbq-left-column .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 .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%; transform: translateY(-50%); left: 0; right: 0; margin: auto; text-align: center; } .dbq-left-column .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 .dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-name { color: #000000; font-family: "Red Hat Text", sans-serif; font-size: 14px; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; max-width: 220px; overflow: hidden; padding: 4px 5px; border-radius: 3px; } .dbq-left-column .dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-actions { display: flex; align-items: center; } .dbq-left-column .dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-actions .dbqft-folder-counter { display: inline-flex; margin-right: 5px; align-items: center; justify-content: center; height: 20px; min-width: 18px; font-size: 12px; background-color: #fff4eb; color: #ff7500; border-radius: 5px; border: none; padding: 2px 6px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); } .dbq-left-column .dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-actions .dbqft-folder-counter.dbq-badge-information { background-color: #eef2fa; color: #2e5aac; } .dbq-left-column .dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-actions .dbqft-folder-counter.dbq-badge-warning { background-color: #fff4ec; color: #b95000; } .dbq-left-column .dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-actions .dbqft-folder-counter.dbq-badge-error { background-color: #feefef; color: #da1414; } .dbq-left-column .dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-actions .dbqft-folder-expander { display: none; } .dbq-left-column .dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-actions .dbqft-folder-expander svg { max-width: 24px; } .dbq-left-column .dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper:hover { background-color: #fff4eb; } .dbq-left-column .dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper:hover .dbqft-folder-name { color: #000000; font-weight: 600; } .dbq-left-column .dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper:hover .dbqft-folder-image svg, .dbq-left-column .dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item .dbqft-folder-wrapper:hover .dbqft-folder-expander svg { fill: #000000; } .dbq-left-column .dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item.dbqft-active > .dbqft-folder-wrapper { background: #fff4eb; } .dbq-left-column .dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item.dbqft-active > .dbqft-folder-wrapper .dbqft-folder-name { color: #ff7500; font-weight: 600; } .dbq-left-column .dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item.dbqft-active > .dbqft-folder-wrapper .dbqft-folder-image svg, .dbq-left-column .dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item.dbqft-active > .dbqft-folder-wrapper .dbqft-folder-expander svg { fill: #000000; fill: #ff7500; } .dbq-left-column .dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item[data-has-sub-folders=true] > .dbqft-folder-wrapper > .dbqft-folder-actions > .dbqft-folder-expander { display: inline-block; cursor: pointer; } .dbq-left-column .dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item[data-is-expanded=true] > .dbqft-folder-wrapper > .dbqft-folder-actions > .dbqft-folder-expander svg { transform: rotate(180deg); } .dbq-left-column .dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item[data-is-expanded=false] .dbqft-list-items, .dbq-left-column .dbq-folder-tree-container .dbqft-lists .dbqft-list .dbqft-list-item[data-is-expanded=false] .dbqft-class-list-items { display: none; } .dbq-left-column .dbq-folder-tree-container .dbqft-lists .dbqft-list:not(:first-child) { padding-top: 10px; } .dbq-left-column .dbq-folder-tree-container .dbqft-lists .dbqft-list:not(:last-child) { border-bottom: 1px solid #dddddd; } .dbq-left-column .dbq-folder-tree-container .dbqft-lists:hover { overflow-y: scroll; } @supports (contain: paint) and (not (-moz-appearance: none)) { .dbq-left-column .dbq-folder-tree-container .dbqft-lists:hover { padding-right: 17px; } } .dbq-left-column .dbq-folder-tree-container.dbqft-hover { width: 100% !important; } .dbq-left-column:not(.dbqft-collapsed) .dbqft-lists .dbqft-list > .dbqft-list-item > .dbqft-class-list-items { display: none; } .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/XLSYSTEM/Files/OrganisationStyleLogoSmall.jpg?v=1006449015") 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: 40px; } .dbq-left-column.dbqft-collapsed #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list > .dbqft-list-item > .dbqft-folder-wrapper { width: 50px; padding: 9px 4px 9px 5px; justify-content: center; position: relative; } .dbq-left-column.dbqft-collapsed #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list > .dbqft-list-item > .dbqft-folder-wrapper .dbqft-folder-content .dbqft-folder-name { display: none; } .dbq-left-column.dbqft-collapsed #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list > .dbqft-list-item > .dbqft-folder-wrapper .dbqft-folder-actions { position: absolute; top: 0; right: 0; } .dbq-left-column.dbqft-collapsed #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list > .dbqft-list-item > .dbqft-folder-wrapper .dbqft-folder-actions .dbqft-folder-counter { position: absolute; top: 1px; right: 3px; margin-right: 0; } .dbq-left-column.dbqft-collapsed #navigator.dbq-folder-tree-container .dbqft-lists .dbqft-list > .dbqft-list-item > .dbqft-folder-wrapper .dbqft-folder-actions .dbqft-folder-expander { display: none; } .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 { position: absolute; z-index: 9999; margin: 0; border: none; padding: 6px 0px; 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 { cursor: pointer; padding: 6px 15px; font-weight: 500; } .dbqft-list-items.dbq-popover > .dbqft-list-item { width: 100%; padding: 0 9px; position: relative; overflow: unset; background-color: transparent; cursor: pointer; } .dbqft-list-items.dbq-popover > .dbqft-list-item .dbqft-folder-wrapper { display: flex; align-items: center; justify-content: space-between; background-color: transparent; border-radius: 6px; width: 100%; height: inherit; overflow: hidden; padding: 2px 0px; } .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 { display: none; } .dbqft-list-items.dbq-popover > .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-counter { margin-right: 5px; } .dbqft-list-items.dbq-popover > .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-name { padding: 4px 6px; border-radius: 6px; font-family: "Red Hat Text", sans-serif; font-size: 14px; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; width: 100%; max-width: 220px; overflow: hidden; color: #888888; display: inline-flex; flex-direction: column; } .dbqft-list-items.dbq-popover > .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-name::after { content: attr(data-name); content: attr(data-name)/""; height: 0; visibility: hidden; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; font-weight: 600; } @media speech { .dbqft-list-items.dbq-popover > .dbqft-list-item .dbqft-folder-wrapper .dbqft-folder-name::after { display: none; } } .dbqft-list-items.dbq-popover > .dbqft-list-item .dbqft-folder-wrapper:hover { background: #f4f4f4; } .dbqft-list-items.dbq-popover > .dbqft-list-item .dbqft-folder-wrapper:hover .dbqft-folder-name { color: #000000; font-weight: 600; } .dbqft-list-items.dbq-popover > .dbqft-list-item.dbqft-active > .dbqft-folder-wrapper { background: #fff4eb; } .dbqft-list-items.dbq-popover > .dbqft-list-item.dbqft-active > .dbqft-folder-wrapper .dbqft-folder-name { color: #ff7500; font-weight: 600; } .dbqft-list-items.dbq-popover > .dbqft-list-item .dbqft-class-list-items { display: none; } .dbqft-list-items.dbq-popover > .dbqft-list-item:hover > .dbqft-class-list-items { display: flex; flex-direction: column; padding: 6px 9px; } .dbqft-class-list-items { position: absolute; z-index: 2; margin: 0; border: none; padding: 6px 0px; border-radius: 10px; background-color: #ffffff; list-style-type: none; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); } .dbqft-class-list-items .dbqft-list-title { cursor: pointer; padding: 6px; font-weight: 500; } .dbqft-class-list-items.dbq-popover { display: flex; flex-direction: column; padding: 6px 9px; } .dbqft-class-list-items > .dbqft-class-list-item { display: inline-flex; flex-direction: row; justify-content: space-between; align-items: center; position: relative; background-color: transparent; border-radius: 6px; padding: 4px 6px !important; cursor: pointer; } .dbqft-class-list-items > .dbqft-class-list-item > .dbqft-class-list-items { display: none; } .dbqft-class-list-items > .dbqft-class-list-item .dbqft-folder-wrapper { display: flex; align-items: center; justify-content: space-between; background-color: transparent; border-radius: 6px; width: 100%; height: inherit; overflow: hidden; padding: 2px 0px; } .dbqft-class-list-items > .dbqft-class-list-item .dbqft-folder-wrapper .dbqft-folder-document-class-list-name { font-family: "Red Hat Text", sans-serif; font-size: 14px; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; color: #888888; display: inline-flex; flex-direction: column; } .dbqft-class-list-items > .dbqft-class-list-item .dbqft-folder-wrapper .dbqft-folder-document-class-list-name::after { content: attr(data-name); font-weight: 600; font-family: "Red Hat Text", sans-serif; font-size: 14px; visibility: hidden; pointer-events: none; white-space: nowrap; height: 0; } @media speech { .dbqft-class-list-items > .dbqft-class-list-item .dbqft-folder-wrapper .dbqft-folder-document-class-list-name::after { display: none; } } .dbqft-class-list-items > .dbqft-class-list-item .dbqft-folder-wrapper .dbqft-folder-counter { margin-left: 5px; } .dbqft-class-list-items > .dbqft-class-list-item:hover { background: #f4f4f4; } .dbqft-class-list-items > .dbqft-class-list-item:hover > .dbqft-folder-document-class-list-name { color: #000000; font-weight: 600; } .dbqft-class-list-items > .dbqft-class-list-item:hover > .dbqft-class-list-items { display: flex; } .dbqft-class-list-items > .dbqft-class-list-item.dbqft-active { background: #fff4eb; } .dbqft-class-list-items > .dbqft-class-list-item.dbqft-active > .dbqft-folder-wrapper > .dbqft-folder-document-class-list-name { color: #ff7500; font-weight: 600; } .dbqft-folder-counter { align-items: center; justify-content: center; height: 20px; min-width: 18px; font-size: 12px; background-color: #fff4eb; color: #ff7500; border-radius: 5px; border: none; padding: 2px 6px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); } .dbqft-folder-counter.dbq-badge-information { background-color: #eef2fa; color: #2e5aac; } .dbqft-folder-counter.dbq-badge-warning { background-color: #fff4ec; color: #b95000; } .dbqft-folder-counter.dbq-badge-error { background-color: #feefef; color: #da1414; } body[data-has-full-screen-graph=true] .dbq-left-column { display: none; }/*# sourceMappingURL=DynabloqsStyling.css.map */