/* ---------------------------------------
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
------------------------------------------------------------ */
/* ---------------------------------------
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
--------------------------------------- */
/* ---------------------------------------
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
------------------------------------------------------------ */
/* ---------------------------------------
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
--------------------------------------- */
/* ---------------------------------------
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;
}
.dbqmd-row {
display: flex;
flex-wrap: wrap;
width: 100%;
margin-left: 0;
margin-right: 0;
}
.dbqmd-row.dbq-form-group-padding {
border: 0 !important;
}
.dbqmd-col, .dbqmd-col-1, .dbqmd-col-2, .dbqmd-col-3, .dbqmd-col-4, .dbqmd-col-5, .dbqmd-col-6, .dbqmd-col-7, .dbqmd-col-8, .dbqmd-col-9, .dbqmd-col-10, .dbqmd-col-11, .dbqmd-col-12, .dbqmd-col-auto, .dbqmd-col-lg, .dbqmd-col-lg-1, .dbqmd-col-lg-2, .dbqmd-col-lg-3, .dbqmd-col-lg-4, .dbqmd-col-lg-5, .dbqmd-col-lg-6, .dbqmd-col-lg-7, .dbqmd-col-lg-8, .dbqmd-col-lg-9, .dbqmd-col-lg-10, .dbqmd-col-lg-11, .dbqmd-col-lg-12, .dbqmd-col-lg-auto, .dbqmd-col-md, .dbqmd-col-md-1, .dbqmd-col-md-2, .dbqmd-col-md-3, .dbqmd-col-md-4, .dbqmd-col-md-5, .dbqmd-col-md-6, .dbqmd-col-md-7, .dbqmd-col-md-8, .dbqmd-col-md-9, .dbqmd-col-md-10, .dbqmd-col-md-11, .dbqmd-col-md-12, .dbqmd-col-md-auto, .dbqmd-col-sm, .dbqmd-col-sm-1, .dbqmd-col-sm-2, .dbqmd-col-sm-3, .dbqmd-col-sm-4, .dbqmd-col-sm-5, .dbqmd-col-sm-6, .dbqmd-col-sm-7, .dbqmd-col-sm-8, .dbqmd-col-sm-9, .dbqmd-col-sm-10, .dbqmd-col-sm-11, .dbqmd-col-sm-12, .dbqmd-col-sm-auto, .dbqmd-col-xl, .dbqmd-col-xl-1, .dbqmd-col-xl-2, .dbqmd-col-xl-3, .dbqmd-col-xl-4, .dbqmd-col-xl-5, .dbqmd-col-xl-6, .dbqmd-col-xl-7, .dbqmd-col-xl-8, .dbqmd-col-xl-9, .dbqmd-col-xl-10, .dbqmd-col-xl-11, .dbqmd-col-xl-12, .dbqmd-col-xl-auto {
width: 100%;
padding-right: 0;
padding-left: 0;
display: flex;
flex-direction: column;
}
.dbqmd-reset {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: 0;
margin: 0;
padding: 0;
}
.dbqmd-form-group {
margin: 0;
}
.dbqmd-form-group:not(:has(.dbqmd-dropdown-toggle)) {
box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 10px;
border-radius: 5px 5px 0 0;
}
.dbqmd-form-group .dbqmd-label {
display: flex;
align-items: center;
position: relative;
width: 100%;
margin-bottom: 0;
border-radius: 5px 5px 0 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dbqmd-form-group .dbqmd-label .dbqmd-title-label {
position: absolute;
left: 15px;
font-size: 14px;
color: #767676;
padding: 0;
transform-origin: top left;
transition: transform 0.2s;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: text;
width: calc(100% - 15px - 15px);
z-index: 1;
display: flex;
align-items: center;
}
.dbqmd-form-group .dbqmd-label .dbqmd-title-label span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dbqmd-form-group .dbqmd-label .dbqmd-icon {
position: absolute;
}
.dbqmd-form-group .dbqmd-label .dbqmd-icon svg {
fill: #000000;
width: 22px;
height: 22px;
}
.dbqmd-form-group .dbqmd-label .dbqmd-icon.dbqmd-start-icon {
left: 15px;
}
.dbqmd-form-group .dbqmd-label .dbqmd-icon.dbqmd-end-icon {
right: 9px;
}
.dbqmd-form-group .dbqmd-label .dbqmd-icon.dbqmd-icon-info-tooltip svg, .dbqmd-form-group .dbqmd-label .dbqmd-icon.dbqmd-icon-inline-info-tooltip svg {
fill: #C9C9C9;
width: 18px;
height: 18px;
}
.dbqmd-form-group .dbqmd-label .dbqmd-icon.dbqmd-icon-inline-info-tooltip {
position: initial;
cursor: pointer;
margin-left: 5px;
display: inline-flex;
align-items: center;
vertical-align: middle;
height: 18px;
}
.dbqmd-form-group .dbqmd-label .dbqmd-icon.dbqmd-icon-error-tooltip svg {
fill: #d5473c;
}
.dbqmd-form-group .dbqmd-label.dbqmd-error:not(.dbqmd-focus, .dbqmd-focus-custom) .dbqmd-title-label {
color: #d5473c;
}
.dbqmd-form-group .dbqmd-label.dbqmd-error:not(.dbqmd-focus, .dbqmd-focus-custom) .dbqmd-start-icon svg {
fill: #d5473c;
}
.dbqmd-form-group .dbqmd-label.dbqmd-error:not(.dbqmd-focus, .dbqmd-focus-custom) .dbqmd-icon-info-tooltip {
display: none;
}
.dbqmd-form-group .dbqmd-label:not(.dbqmd-static-label).dbqmd-focus .dbqmd-title-label, .dbqmd-form-group .dbqmd-label:not(.dbqmd-static-label).dbqmd-focus-custom .dbqmd-title-label, .dbqmd-form-group .dbqmd-label:not(.dbqmd-static-label).dbqmd-has-value .dbqmd-title-label {
transform: translateY(-10px) scale(0.85);
width: initial;
max-width: 100%;
padding-right: 0;
}
.dbqmd-form-group .dbqmd-label:not(.dbqmd-static-label).dbqmd-focus.dbqmd-has-start-icon .dbqmd-title-label, .dbqmd-form-group .dbqmd-label:not(.dbqmd-static-label).dbqmd-focus-custom.dbqmd-has-start-icon .dbqmd-title-label, .dbqmd-form-group .dbqmd-label:not(.dbqmd-static-label).dbqmd-has-value.dbqmd-has-start-icon .dbqmd-title-label {
padding-right: 0;
left: 52px;
}
.dbqmd-form-group .dbqmd-label:not(.dbqmd-static-label).dbqmd-focus.dbqmd-has-end-icon .dbqmd-title-label, .dbqmd-form-group .dbqmd-label:not(.dbqmd-static-label).dbqmd-focus-custom.dbqmd-has-end-icon .dbqmd-title-label, .dbqmd-form-group .dbqmd-label:not(.dbqmd-static-label).dbqmd-has-value.dbqmd-has-end-icon .dbqmd-title-label {
padding-right: 0;
right: 34px;
}
.dbqmd-form-group .dbqmd-label.dbqmd-static-label:not(:has(:is(.dbq-image-file-upload[data-has-value=false][data-is-read-only=false], .file-upload[data-has-value=false]))) .dbqmd-title-label {
top: 5px;
font-size: 11.9px;
display: inline-block;
}
.dbqmd-form-group .dbqmd-label.dbqmd-static-label:not(:has(:is(.dbq-image-file-upload[data-has-value=false][data-is-read-only=false], .file-upload[data-has-value=false]))) .dbqmd-title-label .dbqmd-icon-info-tooltip,
.dbqmd-form-group .dbqmd-label.dbqmd-static-label:not(:has(:is(.dbq-image-file-upload[data-has-value=false][data-is-read-only=false], .file-upload[data-has-value=false]))) .dbqmd-title-label .dbqmd-icon-inline-info-tooltip {
margin-left: 5px;
cursor: pointer;
}
.dbqmd-form-group .dbqmd-label.dbqmd-static-label:not(:has(:is(.dbq-image-file-upload[data-has-value=false][data-is-read-only=false], .file-upload[data-has-value=false]))) .dbqmd-title-label .dbqmd-icon-info-tooltip svg,
.dbqmd-form-group .dbqmd-label.dbqmd-static-label:not(:has(:is(.dbq-image-file-upload[data-has-value=false][data-is-read-only=false], .file-upload[data-has-value=false]))) .dbqmd-title-label .dbqmd-icon-inline-info-tooltip svg {
height: 15.3px;
width: 15.3px;
}
.dbqmd-form-group .dbqmd-label.dbqmd-static-label:has(.error) .dbqmd-title-label {
color: #d5473c;
}
.dbqmd-form-group .dbqmd-label.dbqmd-focus .dbqmd-title-label, .dbqmd-form-group .dbqmd-label.dbqmd-focus-custom .dbqmd-title-label {
color: #ff7500;
}
.dbqmd-form-group .dbqmd-label.dbqmd-focus .dbqmd-icon.dbqmd-icon-error-tooltip, .dbqmd-form-group .dbqmd-label.dbqmd-focus-custom .dbqmd-icon.dbqmd-icon-error-tooltip {
display: none;
}
.dbqmd-form-group .dbqmd-label.dbqmd-focus .dbqmd-ripple, .dbqmd-form-group .dbqmd-label.dbqmd-focus-custom .dbqmd-ripple {
transform: scaleX(1);
}
.dbqmd-form-group .dbqmd-label:not(.dbqmd-has-value) .dbqmd-title-label {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.dbqmd-form-group .dbqmd-label.dbqmd-has-start-icon .dbqmd-title-label {
left: 52px;
width: calc(100% - 52px - 15px);
}
.dbqmd-form-group .dbqmd-label.dbqmd-has-end-icon .dbqmd-title-label {
width: calc(100% - 40px - 15px);
}
.dbqmd-form-group .dbqmd-label.dbqmd-has-end-icon.dbqmd-has-value {
padding-right: 0;
}
.dbqmd-form-group .dbqmd-label.dbqmd-has-start-icon.dbqmd-has-end-icon .dbqmd-title-label {
left: 52px;
width: calc(100% - 52px - 40px);
}
.dbqmd-form-group .dbqmd-label.dbqmd-textarea-label {
align-items: normal;
}
.dbqmd-form-group .dbqmd-label.dbqmd-textarea-label .dbqmd-title-label,
.dbqmd-form-group .dbqmd-label.dbqmd-textarea-label .dbqmd-icon {
top: 15px;
}
.dbqmd-form-group .dbqmd-label .dbqmd-required-asterisk,
.dbqmd-form-group .dbqmd-dropdown-title-label .dbqmd-required-asterisk {
color: #b95000;
}
.dbqmd-form-group .input-group-append .dbq-select-view-button, .dbqmd-form-group .input-group-append .dbq-select-add-button {
border-radius: 0;
}
.dbqmd-form-group .input-group-append .dbq-select-view-button svg, .dbqmd-form-group .input-group-append .dbq-select-add-button svg {
padding: 0;
}
.dbqmd-form-group.coloris-thumbnail-circle .clr-field button {
left: 15px;
width: 24px;
height: 24px;
}
.dbqmd-form-group:has(input[disabled]) .dbqmd-label .dbqmd-title-label, .dbqmd-form-group:has([disabled=disabled]) .dbqmd-label .dbqmd-title-label {
color: #767676;
}
.dbqmd-form-group:has(input[disabled]) .dbqmd-dropdown-toggle .dbqmd-dropdown-content-container .dbqmd-dropdown-title-label, .dbqmd-form-group:has([disabled=disabled]) .dbqmd-dropdown-toggle .dbqmd-dropdown-content-container .dbqmd-dropdown-title-label {
color: #767676;
}
.dbqmd-form-group:has(input[disabled]) .dbqmd-icon svg, .dbqmd-form-group:has([disabled=disabled]) .dbqmd-icon svg {
fill: #767676;
}
.dbqmd-form-group .dbqmd-ripple {
background-color: #ff7500;
bottom: 0;
height: 2px;
left: 0;
position: absolute;
transform: scaleX(0);
transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
width: 100%;
z-index: 2;
}
.dbq-form .dbqmd-row .dbq-form-group-title-label {
border: 0;
border-radius: 5px 5px 0 0;
background: #FFFFFF;
font-size: 11.9px;
color: #767676;
padding: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
z-index: 1;
}
.dbq-form .dbqmd-row .dbq-form-group-title-label label, .dbq-form .dbqmd-row .dbq-form-group-title-label[data-has-info-tooltip=true] label {
padding: 5px 15px;
}
.dbq-form .dbqmd-row .dbq-form-group-title-label.dbq-label-disabled {
background: #f4f4f4;
color: #767676;
border: 0 !important;
cursor: not-allowed;
}
.dbq-form .dbqmd-row .dbq-form-group-title-label.dbq-label-disabled .dbq-label-text {
cursor: not-allowed;
}
.dbq-property-no-label .dbqmd-form-group .dbqmd-label .dbqmd-title-label,
.dbq-property-no-label .dbqmd-form-group .dbqmd-label.dbqmd-static-label .dbqmd-title-label {
display: none;
}
.dbqdclrvl-container .dbq-document .topic [data-element-type=Text]:has(.dbqdb-insert-property):not(:has(.dbq-round-image)),
.folder-document-class-list-dashboard-document .dbq-document .topic [data-element-type=Text]:has(.dbqdb-insert-property):not(:has(.dbq-round-image)),
.classlist-dashboard .dbq-document .topic [data-element-type=Text]:has(.dbqdb-insert-property):not(:has(.dbq-round-image)) {
min-height: 56px;
}
.dbqdclrvl-container .dbq-document .topic [data-element-type=Text]:has(.dbqdb-insert-property):not(:has(.dbq-round-image)) > div,
.folder-document-class-list-dashboard-document .dbq-document .topic [data-element-type=Text]:has(.dbqdb-insert-property):not(:has(.dbq-round-image)) > div,
.classlist-dashboard .dbq-document .topic [data-element-type=Text]:has(.dbqdb-insert-property):not(:has(.dbq-round-image)) > div {
display: flex;
flex-direction: column;
justify-content: center;
}
.dbqdclrvl-container .dbq-document .topic [data-element-type=Text]:has(.dbqdb-insert-property):not(:has(.dbq-round-image)) > div p,
.folder-document-class-list-dashboard-document .dbq-document .topic [data-element-type=Text]:has(.dbqdb-insert-property):not(:has(.dbq-round-image)) > div p,
.classlist-dashboard .dbq-document .topic [data-element-type=Text]:has(.dbqdb-insert-property):not(:has(.dbq-round-image)) > div p {
min-height: 21px !important;
}
.dbqdclrvl-container .dbq-document .topic [data-element-type=Text]:has(.dbqdb-insert-property):not(:has(.dbq-round-image)) > div .dbq-element-header-5,
.folder-document-class-list-dashboard-document .dbq-document .topic [data-element-type=Text]:has(.dbqdb-insert-property):not(:has(.dbq-round-image)) > div .dbq-element-header-5,
.classlist-dashboard .dbq-document .topic [data-element-type=Text]:has(.dbqdb-insert-property):not(:has(.dbq-round-image)) > div .dbq-element-header-5 {
font-size: 12px;
}
.dbqdclrvl-container .dbq-document .topic .input-list-content [data-element-type=Text]:has(.dbqdb-insert-property):not(:has(.dbq-round-image)),
.folder-document-class-list-dashboard-document .dbq-document .topic .input-list-content [data-element-type=Text]:has(.dbqdb-insert-property):not(:has(.dbq-round-image)),
.classlist-dashboard .dbq-document .topic .input-list-content [data-element-type=Text]:has(.dbqdb-insert-property):not(:has(.dbq-round-image)) {
min-height: unset;
margin-bottom: 0;
}
.dbqdclrvl-container .dbq-document .topic .input-list-content [data-element-type=Text]:has(.dbqdb-insert-property):not(:has(.dbq-round-image)) p,
.folder-document-class-list-dashboard-document .dbq-document .topic .input-list-content [data-element-type=Text]:has(.dbqdb-insert-property):not(:has(.dbq-round-image)) p,
.classlist-dashboard .dbq-document .topic .input-list-content [data-element-type=Text]:has(.dbqdb-insert-property):not(:has(.dbq-round-image)) p {
padding-top: inherit;
min-height: unset !important;
}
.dbqdclrvl-container .dbq-document[data-view-mode=View] .topic [data-element-type=Text]:not(:has(.dbq-round-image)),
.folder-document-class-list-dashboard-document .dbq-document[data-view-mode=View] .topic [data-element-type=Text]:not(:has(.dbq-round-image)),
.classlist-dashboard .dbq-document[data-view-mode=View] .topic [data-element-type=Text]:not(:has(.dbq-round-image)) {
min-height: inherit;
}
.dbqdclrvl-container .dbq-document[data-view-mode=View] .topic [data-element-type=Text]:not(:has(.dbq-round-image)) > div,
.folder-document-class-list-dashboard-document .dbq-document[data-view-mode=View] .topic [data-element-type=Text]:not(:has(.dbq-round-image)) > div,
.classlist-dashboard .dbq-document[data-view-mode=View] .topic [data-element-type=Text]:not(:has(.dbq-round-image)) > div {
display: inline;
flex-direction: unset;
justify-content: unset;
}
.dbqmd-form-group .dbqmd-checkbox-label {
display: flex !important;
height: 56px;
padding: 16px 15px 16px 54px;
cursor: pointer;
border-bottom: 1px solid #E1E1E1;
border-radius: 5px 5px 0 0;
background: #FFFFFF;
}
.dbqmd-form-group .dbqmd-checkbox-label:has(.dbqmd-checkbox:disabled), .dbqmd-form-group .dbqmd-checkbox-label:has(.dbqmd-checkbox.disabled) {
background: #f4f4f4 !important;
border-color: #AAAAAA !important;
cursor: not-allowed;
}
.dbqmd-form-group .dbqmd-checkbox-label:has(.dbqmd-checkbox:disabled) .dbqmd-title-label, .dbqmd-form-group .dbqmd-checkbox-label:has(.dbqmd-checkbox.disabled) .dbqmd-title-label {
color: #484646 !important;
}
.dbqmd-form-group .dbqmd-checkbox-label:has(.dbqmd-checkbox:disabled) .dbqmd-checkbox-box, .dbqmd-form-group .dbqmd-checkbox-label:has(.dbqmd-checkbox.disabled) .dbqmd-checkbox-box {
border-color: #AAAAAA !important;
}
.dbqmd-form-group .dbqmd-checkbox-label:has(.dbqmd-checkbox:disabled) .dbqmd-checkbox-box.dbqmd-checked, .dbqmd-form-group .dbqmd-checkbox-label:has(.dbqmd-checkbox.disabled) .dbqmd-checkbox-box.dbqmd-checked {
border-color: #ff7500 !important;
}
.dbqmd-form-group .dbqmd-checkbox-label .dbqmd-checkbox {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
}
.dbqmd-form-group .dbqmd-checkbox-label .dbqmd-checkbox:disabled {
cursor: not-allowed;
}
.dbqmd-form-group .dbqmd-checkbox-label .dbqmd-checkbox-box {
display: block;
position: absolute;
left: 15px;
box-sizing: border-box;
border: 1px solid;
border-radius: 5px;
width: 22px;
height: 22px;
transition: #ff7500 0.1s ease-out;
border-color: #000000;
color: #ff7500;
top: 50%;
margin-top: -12px;
}
.dbqmd-form-group .dbqmd-checkbox-label .dbqmd-checkbox-box::before {
content: "";
display: block;
position: absolute;
width: 38px;
height: 38px;
top: -9px;
left: -9px;
background: #ff7500;
border-radius: 50%;
opacity: 0;
transition: opacity 0.2s ease-in-out;
z-index: 0;
}
.dbqmd-form-group .dbqmd-checkbox-label .dbqmd-checkbox-box::after {
content: "";
display: block;
position: absolute;
width: 14px;
height: 8px;
left: 3px;
top: 4px;
opacity: 0;
border: 2px solid #fff;
border-right: 0;
border-top: 0;
transform: scale(0) rotate(-45deg);
transition: transform 0.1s ease-out;
}
.dbqmd-form-group .dbqmd-checkbox-label .dbqmd-checkbox-box.dbqmd-checked {
border-color: #ff7500;
background: #ff7500;
}
.dbqmd-form-group .dbqmd-checkbox-label .dbqmd-checkbox-box.dbqmd-checked::after {
opacity: 1;
transform: scale(1) rotate(-45deg);
}
.dbqmd-form-group .dbqmd-checkbox-label .dbqmd-checkbox-label-container {
display: flex;
flex-direction: row;
align-items: center;
gap: 15px;
width: 100%;
}
.dbqmd-form-group .dbqmd-checkbox-label .dbqmd-checkbox-label-container .dbqmd-title-label {
width: 100%;
position: initial !important;
display: inline-block;
padding: 0 !important;
color: #000000;
}
.dbqmd-form-group .dbqmd-checkbox-label.dbqmd-hover .dbqmd-checkbox-box::before {
opacity: 0.2;
}
.dbqmd-form-group .dbqmd-checkbox-label.dbqmd-error .dbqmd-checkbox-box {
border-color: #d5473c;
}
.dbqmd-form-group .dbqmd-checkbox-label:has(input[disabled]) {
cursor: not-allowed;
}
.dbqmd-form-group .dbqmd-checkbox-label:has(input[disabled]).dbqmd-hover .dbqmd-checkbox-box::before {
opacity: 0;
}
.dbqmd-form-group .dbqmd-checkbox-label.dbqmd-has-end-icon {
padding-right: 40px;
}
.dbqmd-form-group .dbqmd-label .checkbox-list-control {
cursor: pointer;
border: 0;
border-radius: 0;
border-bottom: 1px solid #E1E1E1;
border-radius: 5px 5px 0 0;
background: #FFFFFF;
box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 10px;
padding: 0 15px;
padding-top: 25px;
padding-bottom: 5px;
}
.dbqmd-form-group .dbqmd-label .checkbox-list-control .dbqmd-checkbox-label {
background: none;
border: 0;
border-radius: 0;
box-shadow: none;
height: 41px;
padding: 7.5px 15px 7.5px 47.5px;
}
.dbqmd-form-group .dbqmd-label .checkbox-list-control .dbqmd-checkbox-label .dbqmd-checkbox-box {
left: 7.5px;
}
.dbqmd-form-group .dbqmd-label .checkbox-list-control .dbqmd-checkbox-label .dbqmd-title-label {
font-size: 14px;
line-height: 24px;
}
.dbqmd-form-group .dbqmd-label.dbqmd-error .checkbox-list-control {
border-bottom-color: #d5473c;
}
.dbqmd-form-group .dbqmd-label.dbqmd-has-start-icon .checkbox-list-control {
padding-left: 52px;
}
.dbqmd-form-group .dbqmd-label.dbqmd-has-end-icon .checkbox-list-control {
padding-right: 40px;
}
.dbqmd-source-code-editor {
border: 0 !important;
border-radius: 0 !important;
}
.dbqmd-source-code-editor::-webkit-scrollbar-track {
box-shadow: none;
}
.dbqmd-source-code-editor::-webkit-scrollbar-corner, .dbqmd-source-code-editor::-webkit-scrollbar-corner {
background-color: #ffffff;
}
.dbqmd-source-code-editor {
scrollbar-face-color: #ff7500;
scrollbar-track-color: #dddddd;
}
.dbqmd-source-code-editor::-webkit-scrollbar, .dbqmd-source-code-editor::-webkit-scrollbar-corner, .dbqmd-source-code-editor::-webkit-scrollbar-track, .dbqmd-source-code-editor::-webkit-scrollbar-thumb {
border-radius: 10px;
}
.dbqmd-source-code-editor::-webkit-scrollbar, .dbqmd-source-code-editor::-webkit-scrollbar-track {
width: 7.5px;
height: 7.5px;
border-radius: 10px;
background-color: transparent !important;
background: transparent !important;
}
.dbqmd-source-code-editor::-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;
}
.dbqmd-source-code-editor::-webkit-scrollbar-thumb:hover {
background-color: #ff7500 !important;
}
.dbqmd-source-code-editor .CodeMirror-vscrollbar::-webkit-scrollbar-track,
.dbqmd-source-code-editor .CodeMirror-hscrollbar::-webkit-scrollbar-track {
box-shadow: none;
}
.dbqmd-source-code-editor .CodeMirror-vscrollbar::-webkit-scrollbar-corner, .dbqmd-source-code-editor .CodeMirror-vscrollbar::-webkit-scrollbar-corner,
.dbqmd-source-code-editor .CodeMirror-hscrollbar::-webkit-scrollbar-corner,
.dbqmd-source-code-editor .CodeMirror-hscrollbar::-webkit-scrollbar-corner {
background-color: #ffffff;
}
.dbqmd-source-code-editor .CodeMirror-vscrollbar,
.dbqmd-source-code-editor .CodeMirror-hscrollbar {
scrollbar-face-color: #ff7500;
scrollbar-track-color: #dddddd;
}
.dbqmd-source-code-editor .CodeMirror-vscrollbar::-webkit-scrollbar, .dbqmd-source-code-editor .CodeMirror-vscrollbar::-webkit-scrollbar-corner, .dbqmd-source-code-editor .CodeMirror-vscrollbar::-webkit-scrollbar-track, .dbqmd-source-code-editor .CodeMirror-vscrollbar::-webkit-scrollbar-thumb,
.dbqmd-source-code-editor .CodeMirror-hscrollbar::-webkit-scrollbar,
.dbqmd-source-code-editor .CodeMirror-hscrollbar::-webkit-scrollbar-corner,
.dbqmd-source-code-editor .CodeMirror-hscrollbar::-webkit-scrollbar-track,
.dbqmd-source-code-editor .CodeMirror-hscrollbar::-webkit-scrollbar-thumb {
border-radius: 10px;
}
.dbqmd-source-code-editor .CodeMirror-vscrollbar::-webkit-scrollbar, .dbqmd-source-code-editor .CodeMirror-vscrollbar::-webkit-scrollbar-track,
.dbqmd-source-code-editor .CodeMirror-hscrollbar::-webkit-scrollbar,
.dbqmd-source-code-editor .CodeMirror-hscrollbar::-webkit-scrollbar-track {
width: 7.5px;
height: 7.5px;
border-radius: 10px;
background-color: transparent !important;
background: transparent !important;
}
.dbqmd-source-code-editor .CodeMirror-vscrollbar::-webkit-scrollbar-thumb,
.dbqmd-source-code-editor .CodeMirror-hscrollbar::-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;
}
.dbqmd-source-code-editor .CodeMirror-vscrollbar::-webkit-scrollbar-thumb:hover,
.dbqmd-source-code-editor .CodeMirror-hscrollbar::-webkit-scrollbar-thumb:hover {
background-color: #ff7500 !important;
}
.dbqmd-source-code-editor .CodeMirror {
height: 100% !important;
background: #FFFFFF !important;
border-bottom: 1px solid #E1E1E1;
}
.dbqmd-source-code-editor .CodeMirror-gutter {
background: #FFFFFF !important;
}
.dbqmd-source-code-editor .CodeMirror-linenumber {
background: #FFFFFF !important;
color: #767676 !important;
}
.dbqmd-source-code-editor[data-is-read-only=true] .CodeMirror {
background: #f4f4f4 !important;
}
.dbqmd-source-code-editor[data-is-read-only=true] .CodeMirror-gutter {
background: #f4f4f4 !important;
}
.dbqmd-source-code-editor[data-is-read-only=true] .CodeMirror-linenumber {
background: #f4f4f4 !important;
color: #767676 !important;
}
.dbqmd-label .dbqmd-input {
background: #FFFFFF;
border-radius: 5px 5px 0 0;
color: #000000;
width: 100%;
height: 56px;
border: 0;
border-bottom: 1px solid #E1E1E1;
padding: 0 15px;
overflow: hidden !important;
white-space: nowrap;
text-overflow: ellipsis;
}
.dbqmd-label .dbqmd-input:not(.dbqmd-empty-label)::-moz-placeholder {
/* Mozilla Firefox 19+ */
opacity: 0;
}
.dbqmd-label .dbqmd-input:not(.dbqmd-empty-label)::placeholder {
opacity: 0;
}
.dbqmd-label .dbqmd-input:disabled {
background: #f4f4f4;
border-color: #AAAAAA;
border-top-color: #f4f4f4;
color: #484646;
overflow: hidden;
text-overflow: unset;
}
.dbqmd-label .dbqmd-input.dbqmd-hover:not(:disabled) {
background: hsl(27.5294117647, 100%, 96%);
border-top-color: hsl(27.5294117647, 100%, 96%);
}
.dbqmd-label .dbqmd-input.dbqmd-hover:disabled {
cursor: not-allowed;
}
.dbqmd-label .dbqmd-input.dbqmd-focus::-moz-placeholder, .dbqmd-label .dbqmd-input.dbqmd-focus-custom::-moz-placeholder {
/* Mozilla Firefox 19+ */
opacity: 1;
}
.dbqmd-label .dbqmd-input.dbqmd-focus::placeholder, .dbqmd-label .dbqmd-input.dbqmd-focus-custom::placeholder {
opacity: 1;
}
.dbqmd-label .dbqmd-input.dbqmd-focus, .dbqmd-label .dbqmd-input.dbqmd-focus-custom {
color: #000000;
}
.dbqmd-label .dbqmd-input.dbqmd-error {
border-bottom-color: #d5473c;
}
.dbqmd-label .dbqmd-input.dbqmd-has-start-icon {
padding-left: 52px;
}
.dbqmd-label .dbqmd-input.dbqmd-has-end-icon {
padding-right: 40px;
}
.dbqmd-label:has(.dbqmd-title-label:not(:empty)) input.dbqmd-input.dbqmd-focus, .dbqmd-label:has(.dbqmd-title-label:not(:empty)) input.dbqmd-input.dbqmd-focus-custom, .dbqmd-label:has(.dbqmd-title-label:not(:empty)) input.dbqmd-input.dbqmd-has-value {
padding-top: 15px;
font-size: 14px;
}
.dbqmd-label.dbqmd-empty-label .dbqmd-input {
min-height: 42px;
height: 42px;
}
.input-group:has(.dbqmd-input):has(.dbqdb-input-group-addon.dbqdb-input-group-addon-right) {
display: flex;
flex-direction: row;
}
.input-group:has(.dbqmd-input):has(.dbqdb-input-group-addon.dbqdb-input-group-addon-right) .dbqmd-label {
flex-grow: 1;
flex-shrink: 1;
min-width: 0;
width: unset;
}
.input-group:has(.dbqmd-input):has(.dbqdb-input-group-addon.dbqdb-input-group-addon-right) .dbqmd-label .dbqmd-input {
border-top-right-radius: 0;
}
.input-group:has(.dbqmd-input):has(.dbqdb-input-group-addon.dbqdb-input-group-addon-right) .dbqdb-input-group-addon {
background: #FFFFFF;
border: 0;
border-bottom: 1px solid #E1E1E1;
border-radius: 5px 5px 0 0;
border-top-left-radius: 0;
color: #000000;
height: 56px;
padding: 0;
}
.input-group:has(.dbqmd-input):has(.dbqdb-input-group-addon.dbqdb-input-group-addon-right) .dbqdb-input-group-addon .dbqdb-input-button, .input-group:has(.dbqmd-input):has(.dbqdb-input-group-addon.dbqdb-input-group-addon-right) .dbqdb-input-group-addon .dbqdb-input-button:focus {
background: transparent;
border: 0;
outline: 0;
cursor: pointer;
}
.input-group:has(.dbqmd-input):has(.dbqdb-input-group-addon.dbqdb-input-group-addon-right) .dbqdb-input-group-addon .dbqdb-input-button svg, .input-group:has(.dbqmd-input):has(.dbqdb-input-group-addon.dbqdb-input-group-addon-right) .dbqdb-input-group-addon .dbqdb-input-button:focus svg {
cursor: pointer;
background: transparent;
}
.input-group:has(.dbqmd-input):has(.dbqdb-input-group-addon.dbqdb-input-group-addon-right):has(.dbqmd-input:disabled) .dbqdb-input-group-addon {
background: #f4f4f4;
color: #484646;
border-bottom: 1px solid #AAAAAA;
}
.dbqmd-label.dbqmd-textarea-label .dbqmd-input.dbqmd-textarea {
font-size: 14px;
line-height: 1.5;
text-wrap: wrap;
white-space: pre-wrap;
overflow-y: auto !important;
resize: vertical;
}
.dbqmd-label.dbqmd-textarea-label .dbqmd-input.dbqmd-textarea::-webkit-scrollbar-track {
box-shadow: none;
}
.dbqmd-label.dbqmd-textarea-label .dbqmd-input.dbqmd-textarea::-webkit-scrollbar-corner, .dbqmd-label.dbqmd-textarea-label .dbqmd-input.dbqmd-textarea::-webkit-scrollbar-corner {
background-color: #ffffff;
}
.dbqmd-label.dbqmd-textarea-label .dbqmd-input.dbqmd-textarea {
scrollbar-face-color: #ff7500;
scrollbar-track-color: #dddddd;
}
.dbqmd-label.dbqmd-textarea-label .dbqmd-input.dbqmd-textarea::-webkit-scrollbar, .dbqmd-label.dbqmd-textarea-label .dbqmd-input.dbqmd-textarea::-webkit-scrollbar-corner, .dbqmd-label.dbqmd-textarea-label .dbqmd-input.dbqmd-textarea::-webkit-scrollbar-track, .dbqmd-label.dbqmd-textarea-label .dbqmd-input.dbqmd-textarea::-webkit-scrollbar-thumb {
border-radius: 10px;
}
.dbqmd-label.dbqmd-textarea-label .dbqmd-input.dbqmd-textarea::-webkit-scrollbar, .dbqmd-label.dbqmd-textarea-label .dbqmd-input.dbqmd-textarea::-webkit-scrollbar-track {
width: 7.5px;
height: 7.5px;
border-radius: 10px;
background-color: transparent !important;
background: transparent !important;
}
.dbqmd-label.dbqmd-textarea-label .dbqmd-input.dbqmd-textarea::-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;
}
.dbqmd-label.dbqmd-textarea-label .dbqmd-input.dbqmd-textarea::-webkit-scrollbar-thumb:hover {
background-color: #ff7500 !important;
}
.dbqmd-label.dbqmd-textarea-label .dbqmd-input.dbqmd-textarea.dbqmd-focus, .dbqmd-label.dbqmd-textarea-label .dbqmd-input.dbqmd-textarea.dbqmd-has-value {
border-top: 24px solid #FFFFFF;
padding-top: 0px;
}
.dbqmd-label.dbqmd-textarea-label .dbqmd-input.dbqmd-textarea.dbqmd-hover {
border-top-color: hsl(27.5294117647, 100%, 96%);
}
.dbqmd-label.dbqmd-textarea-label .dbqmd-input.dbqmd-textarea:disabled {
border-top-color: #f4f4f4;
}
.dbqmd-label.dbqmd-textarea-label .dbqmd-input.dbqmd-textarea.dbqmd-has-increased-size {
min-height: 56px;
}
.dbqmd-label.dbqmd-textarea-label .dbqmd-input.dbqmd-textarea.dbqmd-empty-label, .dbqmd-label.dbqmd-textarea-label .dbqmd-input.dbqmd-textarea.dbqmd-has-increased-size.dbqmd-empty-label {
min-height: 42px;
padding-top: 10px;
}
.dbqmd-label.dbqmd-textarea-label .dbqmd-input.dbqmd-textarea.dbqmd-empty-label.dbqmd-focus, .dbqmd-label.dbqmd-textarea-label .dbqmd-input.dbqmd-textarea.dbqmd-empty-label.dbqmd-has-value, .dbqmd-label.dbqmd-textarea-label .dbqmd-input.dbqmd-textarea.dbqmd-has-increased-size.dbqmd-empty-label.dbqmd-focus, .dbqmd-label.dbqmd-textarea-label .dbqmd-input.dbqmd-textarea.dbqmd-has-increased-size.dbqmd-empty-label.dbqmd-has-value {
border-top: 0;
}
.dbqmd-label.dbqmd-textarea-label.dbqmd-empty-label .dbqmd-icon, .dbqmd-label.dbqmd-textarea-label.dbqmd-has-increased-size.dbqmd-empty-label .dbqmd-icon {
top: 10px;
}
.dbqmd-dropdown-toggle {
position: relative;
display: flex;
align-items: flex-start;
width: 100%;
height: 56px;
min-height: 56px;
margin: 0;
padding: 0;
border: none !important;
border-bottom: 1px solid #E1E1E1 !important;
border-radius: 5px 5px 0 0 !important;
background: #FFFFFF !important;
outline: 0;
overflow-x: hidden;
overflow-y: auto;
box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 10px;
}
.dbqmd-dropdown-toggle:disabled, .dbqmd-dropdown-toggle.disabled {
background: #f4f4f4 !important;
border-color: #AAAAAA !important;
cursor: not-allowed;
}
.dbqmd-dropdown-toggle:disabled .dbqmd-dropdown-content-container, .dbqmd-dropdown-toggle:disabled .dbqmd-dropdown-content-container.disabled, .dbqmd-dropdown-toggle.disabled .dbqmd-dropdown-content-container, .dbqmd-dropdown-toggle.disabled .dbqmd-dropdown-content-container.disabled {
background: #f4f4f4 !important;
color: #484646 !important;
-webkit-text-fill-color: unset !important;
background-image: none !important;
padding: 0 0 0 15px;
}
.dbqmd-dropdown-toggle .dbqmd-dropdown-content-container {
display: flex;
align-items: flex-start;
height: 55px !important;
margin: 0;
padding-left: 15px !important;
border: 0 !important;
border-radius: 0 !important;
background-color: transparent !important;
overflow: hidden !important;
font-size: 14px !important;
font-weight: 400 !important;
}
.dbqmd-dropdown-toggle .dbqmd-dropdown-content-container .dbqmd-dropdown-title-label {
text-align: start;
color: #767676;
font-size: 14px;
display: inline-flex;
}
.dbqmd-dropdown-toggle .dbqmd-dropdown-content-container .dbqstd-output-item {
width: 100%;
}
.dbqmd-dropdown-toggle .dbqmd-dropdown-content-container .dbqstp-output-item {
width: 100%;
}
.dbqmd-dropdown-toggle .dbqmd-dropdown-content-container .dbqstp-output-item .dbqstp-attribute {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dbqmd-dropdown-toggle .dbqmd-dropdown-content-container > span {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dbqmd-dropdown-toggle.dbqmd-empty-label {
height: 42px;
min-height: 42px;
}
.dbqmd-dropdown-toggle.dbqmd-empty-label .dbqmd-dropdown-content-container {
height: 41px !important;
}
.dbqmd-dropdown-toggle:hover:not(:disabled) {
background: hsl(27.5294117647, 100%, 96%) !important;
}
.dbqmd-dropdown-toggle[aria-expanded=true] .dbqmd-dropdown-content-container .dbqmd-dropdown-title-label {
color: #ff7500;
}
.dbqmd-dropdown-toggle[aria-expanded=true]:not(.dbqmd-dropdown-has-value) .dbqmd-dropdown-content-container .dbqmd-dropdown-title-label {
transform: translateY(-10px);
}
.dbqmd-dropdown-toggle[aria-expanded=true] .dbqmd-ripple {
transform: scaleX(1);
}
.dbqmd-dropdown-toggle[aria-expanded=true] .dbqmd-dropdown-content-container .dbqmd-dropdown-title-label, .dbqmd-dropdown-toggle.dbqmd-dropdown-has-value .dbqmd-dropdown-content-container .dbqmd-dropdown-title-label {
font-size: 12px;
}
.dbqmd-dropdown-toggle[aria-expanded=true] .dbqmd-dropdown-content-container .dbqmd-icon.dbqmd-icon-inline-info-tooltip, .dbqmd-dropdown-toggle.dbqmd-dropdown-has-value .dbqmd-dropdown-content-container .dbqmd-icon.dbqmd-icon-inline-info-tooltip {
cursor: pointer;
margin-left: 5px;
display: inline-flex;
align-items: center;
vertical-align: middle;
transform: translateY(-2px);
}
.dbqmd-dropdown-toggle[aria-expanded=true] .dbqmd-dropdown-content-container .dbqmd-icon.dbqmd-icon-inline-info-tooltip svg, .dbqmd-dropdown-toggle.dbqmd-dropdown-has-value .dbqmd-dropdown-content-container .dbqmd-icon.dbqmd-icon-inline-info-tooltip svg {
height: 15.3px;
width: 15.3px;
}
.dbqmd-dropdown-toggle.dbqmd-error {
border-bottom-color: #d5473c !important;
}
.dbqmd-dropdown-toggle.dbqmd-error .dbqmd-dropdown-content-container .dbqmd-dropdown-title-label {
color: #d5473c !important;
}
.dbqmd-dropdown-toggle.dbqmd-error .dbqmd-icon-info-tooltip {
display: none;
}
.dbqmd-dropdown-toggle .dbqmd-icon {
align-self: center;
}
.dbqmd-dropdown-toggle .dbqmd-icon svg {
fill: #000000;
opacity: 1;
height: 22px;
width: 22px;
}
.dbqmd-dropdown-toggle .dbqmd-icon.dbqmd-end-icon {
padding: 0 9px;
}
.dbqmd-dropdown-toggle .dbqmd-icon.dbqmd-icon-info-tooltip svg, .dbqmd-dropdown-toggle .dbqmd-icon.dbqmd-icon-inline-info-tooltip svg {
height: 18px;
width: 18px;
fill: #C9C9C9;
}
.dbqmd-dropdown-toggle .dbqmd-icon.dbqmd-icon-inline-info-tooltip {
cursor: pointer;
margin-left: 5px;
display: inline-flex;
align-items: center;
vertical-align: middle;
transform: translateY(-2px);
}
.dbqmd-dropdown-toggle .dbqmd-icon.dbqmd-icon-error-tooltip svg {
fill: #d5473c;
}
.dbqdb-select-single,
.dbqdb-select-single-tree {
width: 100%;
}
.dbqdb-select-single .input-group,
.dbqdb-select-single-tree .input-group {
flex-wrap: nowrap;
justify-content: space-between;
}
.dbqdb-select-single .input-group .dbqstd-container .dbqmd-dropdown-toggle,
.dbqdb-select-single-tree .input-group .dbqstd-container .dbqmd-dropdown-toggle {
border-top-right-radius: 5px;
}
.dbqdb-select-single .input-group .input-group-append,
.dbqdb-select-single-tree .input-group .input-group-append {
display: none;
}
.dbqdb-select-single .input-group .input-group-append button,
.dbqdb-select-single-tree .input-group .input-group-append button {
background: #FFFFFF;
border: 0;
border-bottom: 1px solid #E1E1E1;
}
.dbqdb-select-single .input-group .input-group-append button:hover,
.dbqdb-select-single-tree .input-group .input-group-append button:hover {
background: hsl(27.5294117647, 100%, 96%);
}
.dbqdb-select-single .input-group .input-group-append button:hover svg,
.dbqdb-select-single-tree .input-group .input-group-append button:hover svg {
fill: #ff7500;
}
.dbqdb-select-single .input-group .input-group-append button svg,
.dbqdb-select-single-tree .input-group .input-group-append button svg {
fill: #767676;
}
.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-folder-document-id][data-inspect-add-rule-code] .input-group-append button:last-of-type,
.dbqdb-select-single-tree[data-inspect-folder-document-id][data-inspect-add-rule-code] .input-group-append button:last-of-type {
border-top-right-radius: 5px;
}
.dbqdb-select-single[data-inspect-add-rule-code=""] .input-group-append > .dbq-select-add-button, .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-add-rule-code=""] .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=false] .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 .dbqmd-dropdown-toggle,
.dbqdb-select-single-tree .dbqmd-dropdown-toggle {
border-top-right-radius: 5px !important;
}
.dbqdb-select-single[data-inspect-folder-document-id][data-has-value=true]:not([data-inspect-folder-document-id=""]) .dbqmd-dropdown-toggle, .dbqdb-select-single[data-inspect-add-rule-code]:not([data-inspect-add-rule-code=""]) .dbqmd-dropdown-toggle,
.dbqdb-select-single-tree[data-inspect-folder-document-id][data-has-value=true]:not([data-inspect-folder-document-id=""]) .dbqmd-dropdown-toggle,
.dbqdb-select-single-tree[data-inspect-add-rule-code]:not([data-inspect-add-rule-code=""]) .dbqmd-dropdown-toggle {
border-top-right-radius: 0 !important;
}
.dbqdb-select-single[data-is-read-only=false][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=""]) button.dbq-select-view-button,
.dbqdb-select-single-tree[data-is-read-only=false][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=""]) button.dbq-select-view-button {
border-top-right-radius: 0 !important;
}
.dbqdb-select-single[data-is-read-only=true] .dbqmd-dropdown-toggle,
.dbqdb-select-single-tree[data-is-read-only=true] .dbqmd-dropdown-toggle {
background: #f4f4f4 !important;
border-color: #AAAAAA !important;
cursor: not-allowed;
opacity: 1;
}
.dbqdb-select-single[data-is-read-only=true] .dbqmd-dropdown-toggle .dbqmd-dropdown-content-container,
.dbqdb-select-single-tree[data-is-read-only=true] .dbqmd-dropdown-toggle .dbqmd-dropdown-content-container {
padding-right: 0 !important;
}
.dbqdb-select-single[data-is-read-only=true] .dbqmd-dropdown-toggle .dbqmd-dropdown-content-container .dbqmd-dropdown-title-label,
.dbqdb-select-single-tree[data-is-read-only=true] .dbqmd-dropdown-toggle .dbqmd-dropdown-content-container .dbqmd-dropdown-title-label {
color: #767676;
}
.dbqdb-select-single[data-is-read-only=true] .input-group-append button.dbq-select-view-button,
.dbqdb-select-single-tree[data-is-read-only=true] .input-group-append button.dbq-select-view-button {
background: #f4f4f4;
border-color: #AAAAAA;
color: #ff7500;
border-top-right-radius: 5px !important;
}
.dbqdb-select-single[data-is-read-only=true] .input-group-append button.dbq-select-view-button:hover, .dbqdb-select-single[data-is-read-only=true] .input-group-append button.dbq-select-view-button:active,
.dbqdb-select-single-tree[data-is-read-only=true] .input-group-append button.dbq-select-view-button:hover,
.dbqdb-select-single-tree[data-is-read-only=true] .input-group-append button.dbq-select-view-button:active {
background: #f4f4f4;
border-color: #AAAAAA;
color: #000000;
}
.dbqdb-select-single[data-is-read-only=true] .input-group-append button.dbq-select-add-button,
.dbqdb-select-single-tree[data-is-read-only=true] .input-group-append button.dbq-select-add-button {
display: none;
}
.dbqmd-label .dbqmd-button-list-container {
width: 100%;
display: flex;
justify-content: center;
flex-direction: column;
min-height: 56px;
background: #FFFFFF;
border-radius: 5px 5px 0 0;
border-bottom: 1px solid #E1E1E1;
padding: 26px 15px 5px;
}
.dbqmd-label .dbqmd-button-list-container .dbqmd-button-list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 5px;
padding: 1px 0;
background: transparent;
border: none;
}
.dbqmd-label .dbqmd-button-list-container .dbqmd-button-list button.btn {
margin: 0;
padding: 1px 8px;
line-height: 18px;
height: inherit;
font-size: 12px;
border-radius: 5px;
background-color: #ffffff;
color: #ff7500;
fill: #ff7500;
border: 1px solid #f4f4f4;
}
.dbqmd-label .dbqmd-button-list-container .dbqmd-button-list button.btn:hover {
background-color: hsl(27.5294117647, 100%, 92%);
border-color: #ff7500;
color: #ff7500;
}
.dbqmd-label .dbqmd-button-list-container .dbqmd-button-list button.btn.btn-primary {
background-color: #ff7500;
border-color: #ff7500;
color: #ffffff;
}
.dbqmd-label .dbqmd-button-list-container:has([data-read-only=true]) {
background: #f4f4f4;
border-color: #AAAAAA;
}
.dbqmd-label .dbqmd-button-list-container:has([data-read-only=true]) .dbqmd-button-list button.btn {
border-color: #767676;
background-color: #767676;
color: #ffffff;
cursor: not-allowed;
}
.dbqmd-label .dbqmd-button-list-container:has([data-read-only=true]) .dbqmd-button-list button.btn.btn-primary {
background-color: #ff7500;
border-color: #ff7500;
color: #ffffff;
}
.dbqmd-label .dbqmd-button-list-container:has(.error) {
border-bottom-color: #d5473c;
}
.dbqmd-label.dbqmd-hover:not(:has([data-read-only=true])) .dbqmd-button-list-container {
background: hsl(27.5294117647, 100%, 96%);
}
.dbqmd-label.dbqmd-has-end-icon .dbqmd-button-list-container {
padding-right: 40px;
}
.dbqmd-label.dbqmd-empty-label .dbqmd-button-list-container {
min-height: 42px;
padding-top: 0;
padding-bottom: 0;
padding-left: 15px;
}
.modal-content .dbqmd-form-group .dbqmd-label .dbqdb-file-download-button,
.dbq-form .dbqmd-form-group .dbqmd-label .dbqdb-file-download-button {
border-radius: 0;
background: #f4f4f4 !important;
border-radius: 5px 5px 0 0 !important;
color: #000000 !important;
width: 100%;
height: 56px !important;
border: 0 !important;
padding: 0 15px !important;
padding-top: 15px !important;
border-bottom: 1px solid #AAAAAA !important;
display: flex;
align-items: center;
gap: 15px;
box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 10px;
}
.modal-content .dbqmd-form-group .dbqmd-label .dbqdb-file-download-button svg,
.dbq-form .dbqmd-form-group .dbqmd-label .dbqdb-file-download-button svg {
margin: 0;
fill: #000000;
}
.modal-content .dbqmd-form-group .dbqmd-label .dbqdb-file-download-button:hover,
.dbq-form .dbqmd-form-group .dbqmd-label .dbqdb-file-download-button:hover {
color: #000000;
}
.modal-content .dbqmd-form-group .dbqmd-label .dbqdb-file-download-button:hover svg,
.dbq-form .dbqmd-form-group .dbqmd-label .dbqdb-file-download-button:hover svg {
fill: #ff7500 !important;
}
.modal-content .dbqmd-form-group .dbqmd-label:has(.dbqmd-dropdown-title-label) .dbqdb-file-download-button,
.dbq-form .dbqmd-form-group .dbqmd-label:has(.dbqmd-dropdown-title-label) .dbqdb-file-download-button {
padding-top: 25px !important;
align-items: flex-start;
}
.modal-content .dbqmd-form-group .dbqmd-label.dbqmd-has-end-icon .dbqdb-file-download-button,
.dbq-form .dbqmd-form-group .dbqmd-label.dbqmd-has-end-icon .dbqdb-file-download-button {
padding-right: 40px !important;
}
.modal-content .dbqmd-form-group .dbqmd-label.dbqmd-has-end-icon.dbqmd-has-value,
.dbq-form .dbqmd-form-group .dbqmd-label.dbqmd-has-end-icon.dbqmd-has-value {
padding-right: 0;
}
.modal-content .dbq-property-no-label .dbqmd-form-group .dbqmd-label .dbqdb-file-download-button,
.dbq-form .dbq-property-no-label .dbqmd-form-group .dbqmd-label .dbqdb-file-download-button {
padding-top: 0 !important;
}
.modal-content .dbqmd-form-group .dbqmd-label .dbqdb-file-upload,
.dbq-form .dbqmd-form-group .dbqmd-label .dbqdb-file-upload {
width: 100%;
}
.modal-content .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-empty,
.modal-content .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-download,
.modal-content .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-upload-container,
.dbq-form .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-empty,
.dbq-form .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-download,
.dbq-form .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-upload-container {
border-radius: 0;
background: #FFFFFF !important;
border-radius: 5px 5px 0 0;
color: #767676;
width: 100%;
height: 56px;
border: 0;
padding: 0;
border-bottom: 1px solid #E1E1E1;
display: flex;
gap: 15px;
}
.modal-content .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-empty .dbqfsc-file-upload,
.modal-content .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-download .dbqfsc-file-upload,
.modal-content .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-upload-container .dbqfsc-file-upload,
.dbq-form .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-empty .dbqfsc-file-upload,
.dbq-form .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-download .dbqfsc-file-upload,
.dbq-form .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-upload-container .dbqfsc-file-upload {
padding-top: 15px;
}
.modal-content .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-empty .dbqfsc-file-upload-progress-container,
.modal-content .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-download .dbqfsc-file-upload-progress-container,
.modal-content .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-upload-container .dbqfsc-file-upload-progress-container,
.dbq-form .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-empty .dbqfsc-file-upload-progress-container,
.dbq-form .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-download .dbqfsc-file-upload-progress-container,
.dbq-form .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-upload-container .dbqfsc-file-upload-progress-container {
display: flex;
align-items: center;
width: 100%;
}
.modal-content .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-empty .dbqfsc-file-upload-progress-container .dbqfsc-progress-container,
.modal-content .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-download .dbqfsc-file-upload-progress-container .dbqfsc-progress-container,
.modal-content .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-upload-container .dbqfsc-file-upload-progress-container .dbqfsc-progress-container,
.dbq-form .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-empty .dbqfsc-file-upload-progress-container .dbqfsc-progress-container,
.dbq-form .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-download .dbqfsc-file-upload-progress-container .dbqfsc-progress-container,
.dbq-form .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-upload-container .dbqfsc-file-upload-progress-container .dbqfsc-progress-container {
width: 100%;
margin: 15px 0;
}
.modal-content .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-empty,
.modal-content .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-download,
.dbq-form .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-empty,
.dbq-form .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-download {
background: #f4f4f4 !important;
font-size: 14px;
font-weight: 500;
display: flex;
align-items: center;
padding: 15px;
padding-bottom: 0;
margin-bottom: 15px;
}
.modal-content .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-empty .dbqfsc-file-name,
.modal-content .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-empty .dbqfsc-file-size,
.modal-content .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-download .dbqfsc-file-name,
.modal-content .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-download .dbqfsc-file-size,
.dbq-form .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-empty .dbqfsc-file-name,
.dbq-form .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-empty .dbqfsc-file-size,
.dbq-form .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-download .dbqfsc-file-name,
.dbq-form .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-download .dbqfsc-file-size {
font-size: 14px;
font-weight: 400;
color: #000000;
}
.modal-content .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-download,
.dbq-form .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-download {
padding: 15px;
}
.modal-content .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-download .dbqfsc-file-download-button,
.dbq-form .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-download .dbqfsc-file-download-button {
padding: 5px 15px;
}
.modal-content .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-upload-container,
.dbq-form .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-upload-container {
height: inherit;
padding: 0 15px;
border: 1px dashed #E1E1E1;
min-height: 56px;
border-radius: 5px;
flex-direction: column;
gap: 0;
}
.modal-content .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-upload-container .dbqfsc-file-upload,
.dbq-form .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-upload-container .dbqfsc-file-upload {
padding-top: 0;
margin: 15px 0;
}
.modal-content .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-upload-container .dbqfsc-file-upload svg,
.dbq-form .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-upload-container .dbqfsc-file-upload svg {
width: 22px;
height: 22px;
}
.modal-content .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-upload-container .dbqfsc-file-upload span,
.dbq-form .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-upload-container .dbqfsc-file-upload span {
font-size: 13px;
font-weight: 400;
}
.modal-content .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-upload-container:hover,
.dbq-form .dbqmd-form-group .dbqmd-label .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-upload-container:hover {
background: hsl(27.5294117647, 100%, 96%) !important;
border: 1px dashed #ff7500;
}
.modal-content .dbqmd-form-group .dbqmd-label.dbqmd-hover:not(:disabled) .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-empty,
.modal-content .dbqmd-form-group .dbqmd-label.dbqmd-hover:not(:disabled) .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-download,
.modal-content .dbqmd-form-group .dbqmd-label.dbqmd-hover:not(:disabled) .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-upload-container,
.dbq-form .dbqmd-form-group .dbqmd-label.dbqmd-hover:not(:disabled) .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-empty,
.dbq-form .dbqmd-form-group .dbqmd-label.dbqmd-hover:not(:disabled) .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-download,
.dbq-form .dbqmd-form-group .dbqmd-label.dbqmd-hover:not(:disabled) .dbqdb-file-upload .dbq-file-streaming-control .dbqfsc-file-upload-container {
background: hsl(27.5294117647, 100%, 96%);
}
.modal-content .dbqmd-form-group .dbqmd-label.dbqmd-hover:disabled .input-group.image-file-upload,
.dbq-form .dbqmd-form-group .dbqmd-label.dbqmd-hover:disabled .input-group.image-file-upload {
cursor: not-allowed;
}
.modal-content .dbqmd-form-group .dbqmd-label .dbq-no-file-found,
.dbq-form .dbqmd-form-group .dbqmd-label .dbq-no-file-found {
border-radius: 0;
background: #FFFFFF !important;
border-radius: 5px 5px 0 0;
color: #767676;
width: 100%;
height: 56px;
border: 0 !important;
border-bottom: 1px solid #E1E1E1 !important;
line-height: 41px;
padding: 0 15px;
padding-top: 15px;
font-size: 14px;
font-weight: 400;
}
.modal-content .dbqmd-form-group .dbqmd-label:has(.dbq-file-streaming-control),
.dbq-form .dbqmd-form-group .dbqmd-label:has(.dbq-file-streaming-control) {
border-radius: 0;
background: #FFFFFF !important;
border-radius: 5px 5px 0 0;
color: #767676;
border: 0 !important;
border-bottom: 1px solid #E1E1E1 !important;
padding: 15px;
padding-top: 30px;
}
.modal-content .dbqmd-form-group .dbqmd-label:has(.dbq-file-streaming-control).dbqmd-has-end-icon,
.dbq-form .dbqmd-form-group .dbqmd-label:has(.dbq-file-streaming-control).dbqmd-has-end-icon {
padding-right: 40px;
}
.modal-content .dbqmd-form-group .dbqmd-label.dbqmd-static-label:has(.dbqdb-file-upload) .dbqmd-title-label,
.dbq-form .dbqmd-form-group .dbqmd-label.dbqmd-static-label:has(.dbqdb-file-upload) .dbqmd-title-label {
width: unset !important;
padding-right: 5px;
}
.modal-content .dbqmd-form-group .dbqmd-label.dbqmd-static-label:has(.dbqdb-file-upload) .dbqmd-title-label .dbqmd-icon.dbqmd-icon-info-tooltip,
.dbq-form .dbqmd-form-group .dbqmd-label.dbqmd-static-label:has(.dbqdb-file-upload) .dbqmd-title-label .dbqmd-icon.dbqmd-icon-info-tooltip {
position: relative;
display: inline-flex;
align-items: center;
margin-left: 5px;
}
.modal-content .dbqmd-form-group .dbqmd-label.dbqmd-static-label:has(.dbqdb-file-upload) .dbqmd-title-label .dbqmd-icon.dbqmd-icon-info-tooltip svg,
.dbq-form .dbqmd-form-group .dbqmd-label.dbqmd-static-label:has(.dbqdb-file-upload) .dbqmd-title-label .dbqmd-icon.dbqmd-icon-info-tooltip svg {
padding: 0;
margin: 0;
fill: #C9C9C9;
transform: translateY(3px);
}
.modal-content .dbqmd-form-group .dbqmd-label .input-group.file-upload,
.dbq-form .dbqmd-form-group .dbqmd-label .input-group.file-upload {
border-radius: 0;
background: #FFFFFF !important;
border-radius: 5px 5px 0 0;
color: #767676;
width: 100%;
height: 56px;
border: 0;
padding: 0;
border-bottom: 1px solid #E1E1E1;
display: flex;
}
.modal-content .dbqmd-form-group .dbqmd-label .input-group.file-upload.dbq-has-download-button .btn-group .btn.btn-default svg,
.dbq-form .dbqmd-form-group .dbqmd-label .input-group.file-upload.dbq-has-download-button .btn-group .btn.btn-default svg {
margin: 0 !important;
padding: 0;
}
.modal-content .dbqmd-form-group .dbqmd-label .input-group.file-upload.dbq-has-download-button .btn-group .file-download-button,
.dbq-form .dbqmd-form-group .dbqmd-label .input-group.file-upload.dbq-has-download-button .btn-group .file-download-button {
border-radius: 0 !important;
border: 0 !important;
height: 100% !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
display: flex;
position: relative;
align-items: center;
}
.modal-content .dbqmd-form-group .dbqmd-label .input-group.file-upload.dbq-has-download-button .btn-group .file-download-button:hover,
.dbq-form .dbqmd-form-group .dbqmd-label .input-group.file-upload.dbq-has-download-button .btn-group .file-download-button:hover {
background: hsl(27.5294117647, 100%, 96%) !important;
}
.modal-content .dbqmd-form-group .dbqmd-label .input-group.file-upload.dbq-has-download-button .btn-group .file-download-button:hover svg,
.dbq-form .dbqmd-form-group .dbqmd-label .input-group.file-upload.dbq-has-download-button .btn-group .file-download-button:hover svg {
fill: #ff7500 !important;
}
.modal-content .dbqmd-form-group .dbqmd-label .input-group.file-upload.dbq-has-download-button .btn-group .file-download-button svg,
.dbq-form .dbqmd-form-group .dbqmd-label .input-group.file-upload.dbq-has-download-button .btn-group .file-download-button svg {
margin: 0 !important;
padding: 0;
width: 20px;
height: 20px;
fill: #000000;
}
.modal-content .dbqmd-form-group .dbqmd-label .input-group.file-upload .file-upload-filename,
.dbq-form .dbqmd-form-group .dbqmd-label .input-group.file-upload .file-upload-filename {
height: 100% !important;
width: 100% !important;
position: initial;
flex-grow: 1;
min-width: 0;
text-overflow: ellipsis;
color: #000000;
white-space: nowrap;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
border: 0;
background: none;
}
.modal-content .dbqmd-form-group .dbqmd-label .input-group.file-upload .btn-group,
.dbq-form .dbqmd-form-group .dbqmd-label .input-group.file-upload .btn-group {
position: initial;
width: initial !important;
height: 100% !important;
display: flex;
flex-shrink: 0;
margin-left: auto;
align-items: center;
background: none;
}
.modal-content .dbqmd-form-group .dbqmd-label .input-group.file-upload .btn-group .btn.btn-default,
.dbq-form .dbqmd-form-group .dbqmd-label .input-group.file-upload .btn-group .btn.btn-default {
display: flex;
position: relative;
align-items: center;
height: 100%;
border: 0 !important;
padding: 0px;
padding-left: 15px;
padding-right: 15px;
background: none;
}
.modal-content .dbqmd-form-group .dbqmd-label .input-group.file-upload .btn-group .btn.btn-default .file-upload-input-title,
.dbq-form .dbqmd-form-group .dbqmd-label .input-group.file-upload .btn-group .btn.btn-default .file-upload-input-title {
color: #000000;
}
.modal-content .dbqmd-form-group .dbqmd-label .input-group.file-upload .btn-group .btn.btn-default svg,
.dbq-form .dbqmd-form-group .dbqmd-label .input-group.file-upload .btn-group .btn.btn-default svg {
fill: #000000;
padding: 0;
margin: 0;
}
.modal-content .dbqmd-form-group .dbqmd-label .input-group.file-upload .btn-group .btn.btn-default:hover,
.dbq-form .dbqmd-form-group .dbqmd-label .input-group.file-upload .btn-group .btn.btn-default:hover {
background: hsl(27.5294117647, 100%, 96%) !important;
}
.modal-content .dbqmd-form-group .dbqmd-label .input-group.file-upload .btn-group .btn.btn-default:hover .file-upload-input-title,
.dbq-form .dbqmd-form-group .dbqmd-label .input-group.file-upload .btn-group .btn.btn-default:hover .file-upload-input-title {
color: #ff7500 !important;
}
.modal-content .dbqmd-form-group .dbqmd-label .input-group.file-upload .btn-group .btn.btn-default:hover svg,
.dbq-form .dbqmd-form-group .dbqmd-label .input-group.file-upload .btn-group .btn.btn-default:hover svg {
fill: #ff7500 !important;
}
.modal-content .dbqmd-form-group .dbqmd-label .input-group.file-upload .btn-group .btn.btn-default.file-upload-clear .file-upload-clear-title,
.dbq-form .dbqmd-form-group .dbqmd-label .input-group.file-upload .btn-group .btn.btn-default.file-upload-clear .file-upload-clear-title {
color: #d5473c;
}
.modal-content .dbqmd-form-group .dbqmd-label .input-group.file-upload .btn-group .btn.btn-default.file-upload-clear svg,
.dbq-form .dbqmd-form-group .dbqmd-label .input-group.file-upload .btn-group .btn.btn-default.file-upload-clear svg {
fill: #d5473c;
}
.modal-content .dbqmd-form-group .dbqmd-label .input-group.file-upload .btn-group .btn.btn-default.file-upload-clear:hover .file-upload-clear-title,
.dbq-form .dbqmd-form-group .dbqmd-label .input-group.file-upload .btn-group .btn.btn-default.file-upload-clear:hover .file-upload-clear-title {
color: #d5473c !important;
}
.modal-content .dbqmd-form-group .dbqmd-label .input-group.file-upload .btn-group .btn.btn-default.file-upload-clear:hover svg,
.dbq-form .dbqmd-form-group .dbqmd-label .input-group.file-upload .btn-group .btn.btn-default.file-upload-clear:hover svg {
fill: #d5473c !important;
}
.modal-content .dbqmd-form-group .dbqmd-label .input-group.file-upload .btn-group .btn.btn-default .dbqdb-binary-file-upload.dbqdb-upload-input,
.dbq-form .dbqmd-form-group .dbqmd-label .input-group.file-upload .btn-group .btn.btn-default .dbqdb-binary-file-upload.dbqdb-upload-input {
width: 100%;
height: 100%;
}
.modal-content .dbqmd-form-group .dbqmd-label .input-group.file-upload input[type=file],
.dbq-form .dbqmd-form-group .dbqmd-label .input-group.file-upload input[type=file] {
height: inherit;
}
.modal-content .dbqmd-form-group .dbqmd-label:has([data-is-read-only=true][data-has-value=false]) .input-group.file-upload,
.dbq-form .dbqmd-form-group .dbqmd-label:has([data-is-read-only=true][data-has-value=false]) .input-group.file-upload {
background: #f4f4f4 !important;
border-radius: 5px 5px 0 0;
color: #484646;
width: 100%;
height: 56px;
line-height: 41px;
padding: 0 15px;
padding-top: 15px;
}
.modal-content .dbqmd-form-group .dbqmd-label.dbqmd-hover:disabled .input-group.file-upload,
.dbq-form .dbqmd-form-group .dbqmd-label.dbqmd-hover:disabled .input-group.file-upload {
cursor: not-allowed;
}
.modal-content .dbqmd-form-group .dbqmd-label.dbqmd-has-end-icon .file-upload .btn-toolbar .btn-group, .modal-content .dbqmd-form-group .dbqmd-label:has(.dbqmd-end-icon) .file-upload .btn-toolbar .btn-group,
.dbq-form .dbqmd-form-group .dbqmd-label.dbqmd-has-end-icon .file-upload .btn-toolbar .btn-group,
.dbq-form .dbqmd-form-group .dbqmd-label:has(.dbqmd-end-icon) .file-upload .btn-toolbar .btn-group {
padding-right: 40px;
}
.modal-content .dbqmd-form-group .dbqmd-label:has(.dbq-image-file-upload),
.dbq-form .dbqmd-form-group .dbqmd-label:has(.dbq-image-file-upload) {
background: #FFFFFF;
border-radius: 5px 5px 0 0;
}
.modal-content .dbqmd-form-group .dbqmd-label:has(.dbq-image-file-upload) .dbqmd-title-label,
.dbq-form .dbqmd-form-group .dbqmd-label:has(.dbq-image-file-upload) .dbqmd-title-label {
width: unset;
padding-right: 5px;
display: flex !important;
flex-direction: row;
align-items: center;
}
.modal-content .dbqmd-form-group .dbqmd-label:has(.dbq-image-file-upload) .dbqmd-title-label .dbqmd-icon.dbqmd-icon-info-tooltip,
.dbq-form .dbqmd-form-group .dbqmd-label:has(.dbq-image-file-upload) .dbqmd-title-label .dbqmd-icon.dbqmd-icon-info-tooltip {
position: relative;
display: inline-flex;
align-items: center;
margin-left: 5px;
}
.modal-content .dbqmd-form-group .dbqmd-label:has(.dbq-image-file-upload) .dbqmd-title-label .dbqmd-icon.dbqmd-icon-info-tooltip svg,
.dbq-form .dbqmd-form-group .dbqmd-label:has(.dbq-image-file-upload) .dbqmd-title-label .dbqmd-icon.dbqmd-icon-info-tooltip svg {
padding: 0;
margin: 0;
fill: #C9C9C9;
}
.modal-content .dbqmd-form-group .dbqmd-label:has(.dbq-image-file-upload):has(.dbqmd-end-icon):not(:has(.dbq-has-image-preview)) .dbqmd-title-label,
.dbq-form .dbqmd-form-group .dbqmd-label:has(.dbq-image-file-upload):has(.dbqmd-end-icon):not(:has(.dbq-has-image-preview)) .dbqmd-title-label {
width: calc(100% - 40px);
}
.modal-content .dbqmd-form-group .dbqmd-label:has(.dbq-image-file-upload):has(.dbqmd-end-icon) .dbqmd-title-label,
.dbq-form .dbqmd-form-group .dbqmd-label:has(.dbq-image-file-upload):has(.dbqmd-end-icon) .dbqmd-title-label {
width: calc(100% - 110px - 40px);
}
.modal-content .dbqmd-form-group .dbqmd-label:has(.dbq-image-file-upload):has(.image-file-upload-input) .dbqmd-title-label,
.dbq-form .dbqmd-form-group .dbqmd-label:has(.dbq-image-file-upload):has(.image-file-upload-input) .dbqmd-title-label {
width: calc(100% - 30px - 40px);
}
.modal-content .dbqmd-form-group .dbqmd-label .dbq-image-file-upload,
.dbq-form .dbqmd-form-group .dbqmd-label .dbq-image-file-upload {
width: 100%;
}
.modal-content .dbqmd-form-group .dbqmd-label .dbq-image-file-upload.dbq-has-image-preview .image-preview,
.dbq-form .dbqmd-form-group .dbqmd-label .dbq-image-file-upload.dbq-has-image-preview .image-preview {
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin: 15px;
margin-top: 30px;
min-height: 0px;
background: #FFFFFF !important;
border-radius: 5px;
border: 0 !important;
cursor: pointer;
}
.modal-content .dbqmd-form-group .dbqmd-label .dbq-image-file-upload.dbq-has-image-preview .image-preview:hover,
.dbq-form .dbqmd-form-group .dbqmd-label .dbq-image-file-upload.dbq-has-image-preview .image-preview:hover {
border: 0 !important;
background: hsl(27.5294117647, 100%, 96%) !important;
}
.modal-content .dbqmd-form-group .dbqmd-label .dbq-image-file-upload.dbq-has-image-preview .image-preview img.dbqdb-image,
.dbq-form .dbqmd-form-group .dbqmd-label .dbq-image-file-upload.dbq-has-image-preview .image-preview img.dbqdb-image {
margin: 0px;
}
.modal-content .dbqmd-form-group .dbqmd-label .dbq-image-file-upload.dbq-has-image-preview:hover .image-preview > svg,
.dbq-form .dbqmd-form-group .dbqmd-label .dbq-image-file-upload.dbq-has-image-preview:hover .image-preview > svg {
opacity: 0.5;
}
.modal-content .dbqmd-form-group .dbqmd-label .dbq-image-file-upload.dbq-has-image-preview .image-file-upload-filename,
.dbq-form .dbqmd-form-group .dbqmd-label .dbq-image-file-upload.dbq-has-image-preview .image-file-upload-filename {
padding-top: 0px;
padding: 15px;
}
.modal-content .dbqmd-form-group .dbqmd-label .dbq-image-file-upload[data-is-read-only=true][data-has-value=true],
.dbq-form .dbqmd-form-group .dbqmd-label .dbq-image-file-upload[data-is-read-only=true][data-has-value=true] {
background: #f4f4f4 !important;
border: 0 !important;
border-bottom: 1px solid #AAAAAA !important;
cursor: not-allowed;
}
.modal-content .dbqmd-form-group .dbqmd-label .dbq-image-file-upload[data-is-read-only=true][data-has-value=false],
.dbq-form .dbqmd-form-group .dbqmd-label .dbq-image-file-upload[data-is-read-only=true][data-has-value=false] {
display: none;
}
.modal-content .dbqmd-form-group .dbqmd-label .image-file-upload,
.dbq-form .dbqmd-form-group .dbqmd-label .image-file-upload {
border-radius: 0;
background: #FFFFFF !important;
color: #767676;
width: 100%;
height: 56px;
border: 0;
padding: 0;
border-bottom: 1px solid #E1E1E1;
display: flex;
overflow: hidden;
align-items: center;
}
.modal-content .dbqmd-form-group .dbqmd-label .image-file-upload .image-file-upload-filename,
.dbq-form .dbqmd-form-group .dbqmd-label .image-file-upload .image-file-upload-filename {
height: initial !important;
color: #000000;
width: 0 !important;
position: initial;
flex-grow: 1;
min-width: 0;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 15px;
padding-top: 15px;
}
.modal-content .dbqmd-form-group .dbqmd-label .image-file-upload .input-group-btn,
.dbq-form .dbqmd-form-group .dbqmd-label .image-file-upload .input-group-btn {
position: initial;
width: initial !important;
height: 100% !important;
display: flex;
flex-shrink: 0;
flex-grow: 0;
margin-left: auto;
align-items: center;
background: none;
}
.modal-content .dbqmd-form-group .dbqmd-label .image-file-upload .input-group-btn span,
.dbq-form .dbqmd-form-group .dbqmd-label .image-file-upload .input-group-btn span {
display: none;
}
.modal-content .dbqmd-form-group .dbqmd-label .image-file-upload .input-group-btn .btn.btn-default,
.dbq-form .dbqmd-form-group .dbqmd-label .image-file-upload .input-group-btn .btn.btn-default {
display: flex;
position: relative;
align-items: center;
height: 100%;
border: 0 !important;
padding: 0px;
padding-left: 15px;
padding-right: 15px;
background: none;
}
.modal-content .dbqmd-form-group .dbqmd-label .image-file-upload .input-group-btn .btn.btn-default .image-file-upload-input-title,
.dbq-form .dbqmd-form-group .dbqmd-label .image-file-upload .input-group-btn .btn.btn-default .image-file-upload-input-title {
color: #000000;
}
.modal-content .dbqmd-form-group .dbqmd-label .image-file-upload .input-group-btn .btn.btn-default svg,
.dbq-form .dbqmd-form-group .dbqmd-label .image-file-upload .input-group-btn .btn.btn-default svg {
fill: #000000;
margin: 0;
}
.modal-content .dbqmd-form-group .dbqmd-label .image-file-upload .input-group-btn .btn.btn-default:hover,
.dbq-form .dbqmd-form-group .dbqmd-label .image-file-upload .input-group-btn .btn.btn-default:hover {
background: hsl(27.5294117647, 100%, 96%) !important;
}
.modal-content .dbqmd-form-group .dbqmd-label .image-file-upload .input-group-btn .btn.btn-default:hover .image-file-upload-input-title,
.dbq-form .dbqmd-form-group .dbqmd-label .image-file-upload .input-group-btn .btn.btn-default:hover .image-file-upload-input-title {
color: #ff7500 !important;
}
.modal-content .dbqmd-form-group .dbqmd-label .image-file-upload .input-group-btn .btn.btn-default:hover svg,
.dbq-form .dbqmd-form-group .dbqmd-label .image-file-upload .input-group-btn .btn.btn-default:hover svg {
fill: #ff7500 !important;
}
.modal-content .dbqmd-form-group .dbqmd-label .image-file-upload .input-group-btn .btn.btn-default.image-file-upload-clear .image-file-upload-input-title,
.dbq-form .dbqmd-form-group .dbqmd-label .image-file-upload .input-group-btn .btn.btn-default.image-file-upload-clear .image-file-upload-input-title {
color: #d5473c;
}
.modal-content .dbqmd-form-group .dbqmd-label .image-file-upload .input-group-btn .btn.btn-default.image-file-upload-clear svg,
.dbq-form .dbqmd-form-group .dbqmd-label .image-file-upload .input-group-btn .btn.btn-default.image-file-upload-clear svg {
fill: #d5473c;
}
.modal-content .dbqmd-form-group .dbqmd-label .image-file-upload .input-group-btn .btn.btn-default.image-file-upload-clear:hover .image-file-upload-input-title,
.dbq-form .dbqmd-form-group .dbqmd-label .image-file-upload .input-group-btn .btn.btn-default.image-file-upload-clear:hover .image-file-upload-input-title {
color: #d5473c !important;
}
.modal-content .dbqmd-form-group .dbqmd-label .image-file-upload .input-group-btn .btn.btn-default.image-file-upload-clear:hover svg,
.dbq-form .dbqmd-form-group .dbqmd-label .image-file-upload .input-group-btn .btn.btn-default.image-file-upload-clear:hover svg {
fill: #d5473c !important;
}
.modal-content .dbqmd-form-group .dbqmd-label .image-file-upload .input-group-btn .btn.btn-default .dbqdb-binary-file-upload.dbqdb-image-upload-input,
.dbq-form .dbqmd-form-group .dbqmd-label .image-file-upload .input-group-btn .btn.btn-default .dbqdb-binary-file-upload.dbqdb-image-upload-input {
width: 100%;
height: 100%;
}
.modal-content .dbqmd-form-group .dbqmd-label:has([data-is-read-only=true][data-has-value=false]) .dbqdb-no-image-row,
.dbq-form .dbqmd-form-group .dbqmd-label:has([data-is-read-only=true][data-has-value=false]) .dbqdb-no-image-row {
margin: 0;
}
.modal-content .dbqmd-form-group .dbqmd-label:has([data-is-read-only=true][data-has-value=false]) .dbqdb-no-image-row .dbq-no-image-found-text,
.dbq-form .dbqmd-form-group .dbqmd-label:has([data-is-read-only=true][data-has-value=false]) .dbqdb-no-image-row .dbq-no-image-found-text {
background: #f4f4f4 !important;
border-radius: 5px 5px 0 0;
border: 0;
border-bottom: 1px solid #AAAAAA;
color: #484646;
width: 100%;
height: 56px;
line-height: 41px;
padding: 0 15px;
padding-top: 15px;
}
.modal-content .dbqmd-form-group .dbqmd-label.dbqmd-hover:not(:disabled) .input-group.image-file-upload,
.dbq-form .dbqmd-form-group .dbqmd-label.dbqmd-hover:not(:disabled) .input-group.image-file-upload {
background: hsl(27.5294117647, 100%, 96%);
}
.modal-content .dbqmd-form-group .dbqmd-label.dbqmd-hover:disabled .input-group.image-file-upload,
.dbq-form .dbqmd-form-group .dbqmd-label.dbqmd-hover:disabled .input-group.image-file-upload {
cursor: not-allowed;
}
.modal-content .dbqmd-form-group:has(.dbqmd-has-end-icon) .dbq-image-file-upload.dbq-has-image-preview .dbqdb-image-preview,
.dbq-form .dbqmd-form-group:has(.dbqmd-has-end-icon) .dbq-image-file-upload.dbq-has-image-preview .dbqdb-image-preview {
margin-right: 40px;
}
.modal-content .dbqmd-form-group:has(.dbqmd-has-end-icon):has(.dbq-image-file-upload:not([data-is-read-only=true]).dbq-has-image-preview) .dbqmd-icon.dbqmd-end-icon,
.dbq-form .dbqmd-form-group:has(.dbqmd-has-end-icon):has(.dbq-image-file-upload:not([data-is-read-only=true]).dbq-has-image-preview) .dbqmd-icon.dbqmd-end-icon {
margin-top: -56px;
}
.modal-content .dbqmd-form-group:has(.dbqmd-has-end-icon):not(:has(.dbq-has-image-preview)) .input-group.image-file-upload,
.dbq-form .dbqmd-form-group:has(.dbqmd-has-end-icon):not(:has(.dbq-has-image-preview)) .input-group.image-file-upload {
padding-right: 40px;
}
.modal-content .dbqmd-form-group:has(.dbqmd-has-end-icon):not(:has(.dbq-has-image-preview)) .image-file-upload-filename,
.dbq-form .dbqmd-form-group:has(.dbqmd-has-end-icon):not(:has(.dbq-has-image-preview)) .image-file-upload-filename {
padding-top: 15px;
}
.dbqmd-row.dbqdb-element:has(.dbqdb-select-multi-list) {
box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 10px;
border-radius: 5px 5px 0 0;
}
.dbqmd-row.dbqdb-element:has(.dbqdb-select-multi-list) .dbq-form-group-title-label {
display: flex;
}
.dbqmd-row.dbqdb-element:has(.dbqdb-select-multi-list) .dbq-form-group-title-label label {
width: unset !important;
padding-right: 5px;
}
.dbqmd-row.dbqdb-element:has(.dbqdb-select-multi-list) .dbq-form-group-title-label a[data-toggle=tooltip] {
display: inline-flex;
align-items: center;
}
.dbqmd-row.dbqdb-element:has(.dbqdb-select-multi-list) .dbq-form-group-title-label a[data-toggle=tooltip] svg {
padding: 0;
margin: 0;
height: 15.3px;
width: 15.3px;
transform: translateY(2px);
fill: #C9C9C9;
}
.dbqmd-row.dbqdb-element:has(.dbqdb-select-multi-list):has(.dbqstml-invalid) .dbq-form-group-title-label .dbq-label-text {
color: #d5473c;
}
.dbqmd-row.dbqdb-element:has(.dbqdb-select-multi-list) .dbqdb-select-multi-list .dbqstml-container {
border-radius: 0;
background: #FFFFFF;
color: #000000;
border: 0;
padding: 0;
border-bottom: 1px solid #E1E1E1;
}
.dbqmd-row.dbqdb-element:has(.dbqdb-select-multi-list) .dbqdb-select-multi-list .dbqstml-container .dbqstml-item-container {
border: 0;
border-radius: 0;
background: none !important;
}
.dbqmd-row.dbqdb-element:has(.dbqdb-select-multi-list) .dbqdb-select-multi-list .dbqstml-container .dbqstml-item-container .dbqstml-title-container {
display: flex;
flex-wrap: wrap;
gap: 5px;
height: unset;
background: #FFFFFF;
border: 0;
border-top: 1px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;
font-weight: 600;
font-size: 11.9px;
padding: 0;
padding: 5px 15px;
}
.dbqmd-row.dbqdb-element:has(.dbqdb-select-multi-list) .dbqdb-select-multi-list .dbqstml-container .dbqstml-item-container .dbqstml-list {
padding: 5px 0;
}
.dbqmd-row.dbqdb-element:has(.dbqdb-select-multi-list) .dbqdb-select-multi-list .dbqstml-container .dbqstml-item-container .dbqstml-list li.dbqstml-list-item {
cursor: pointer;
padding: 0 15px;
}
.dbqmd-row.dbqdb-element:has(.dbqdb-select-multi-list) .dbqdb-select-multi-list .dbqstml-container[data-is-read-only] {
background: #f4f4f4;
border-color: #AAAAAA !important;
color: #484646;
min-height: unset;
}
.dbqmd-row.dbqdb-element:has(.dbqdb-select-multi-list) .dbqdb-select-multi-list .dbqstml-container[data-is-read-only] .dbqstml-list-selected.dbqstml-list {
padding: 0 0 10px 0;
}
.dbqmd-row.dbqdb-element:has(.dbqdb-select-multi-list) .dbqdb-select-multi-list .dbqstml-container.dbqstml-invalid {
border-color: #d5473c;
}
.dbqmd-row.dbqdb-element:has(.dbqdb-select-multi-list) .dbqdb-select-multi-list .dbqstml-container .dbqstml-center-container {
border-left: 1px solid #E1E1E1;
border-right: 1px solid #E1E1E1;
background: #FFFFFF;
}
.dbqmd-row.dbqdb-element:has(.dbqdb-select-multi-list) .dbqdb-select-multi-list .dbqstml-container .dbqstml-center-container button {
border-top: 1px solid #E1E1E1;
border-bottom: unset;
background: #FFFFFF;
}
.dbqmd-row.dbqdb-element:has(.dbqdb-select-multi-list) .dbqdb-select-multi-list .dbqstml-container .dbqstml-center-container button:hover {
background: #ff7500;
}
.dbqmd-row.dbqdb-element:has(.dbqdb-select-multi-list):has([data-is-read-only]) .dbq-form-group-title-label.dbq-label-disabled label {
padding: 5px 15px 0 15px;
}
.dbqmd-row .dbqdb-select-multi-popup .dbqstp-container,
.dbqmd-row .dbqdb-select-multi-popup[data-is-material-design=true] .dbqstp-container {
box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 10px;
}
.dbqmd-row .dbqdb-select-multi-popup .dbqstp-container .dbqmd-dropdown-toggle .dbqmd-dropdown-content-container .dbqstp-output-item,
.dbqmd-row .dbqdb-select-multi-popup[data-is-material-design=true] .dbqstp-container .dbqmd-dropdown-toggle .dbqmd-dropdown-content-container .dbqstp-output-item {
height: inherit;
padding: 5px 0;
}
.dbqmd-row .dbqdb-select-multi-popup .dbqstp-container .dbqmd-dropdown-toggle .dbqmd-dropdown-content-container .dbqstp-output-item .dbqstp-attribute .dbqstp-attribute-value,
.dbqmd-row .dbqdb-select-multi-popup[data-is-material-design=true] .dbqstp-container .dbqmd-dropdown-toggle .dbqmd-dropdown-content-container .dbqstp-output-item .dbqstp-attribute .dbqstp-attribute-value {
font-weight: 400;
}
.dbqmd-row .dbqdb-select-multi-popup .dbqstp-container .dbqmd-dropdown-toggle:disabled .dbqmd-dropdown-content-container,
.dbqmd-row .dbqdb-select-multi-popup[data-is-material-design=true] .dbqstp-container .dbqmd-dropdown-toggle:disabled .dbqmd-dropdown-content-container {
background: transparent !important;
border: none !important;
}
.modal-content .dbqmd-form-group .dbqmd-label:has(.radio-list-control),
.modal-content .dbqmd-form-group .dbqmd-label:has(.radio-list-select),
.dbq-form .dbqmd-form-group .dbqmd-label:has(.radio-list-control),
.dbq-form .dbqmd-form-group .dbqmd-label:has(.radio-list-select) {
background: #FFFFFF;
border-radius: 5px 5px 0 0;
color: #000000;
width: 100%;
border: 0;
border-bottom: 1px solid #E1E1E1;
padding: 0 15px;
padding-top: 10px;
padding-bottom: 5px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.modal-content .dbqmd-form-group .dbqmd-label:has(.radio-list-control) .radio-list-control.radio-list-select,
.modal-content .dbqmd-form-group .dbqmd-label:has(.radio-list-select) .radio-list-control.radio-list-select,
.dbq-form .dbqmd-form-group .dbqmd-label:has(.radio-list-control) .radio-list-control.radio-list-select,
.dbq-form .dbqmd-form-group .dbqmd-label:has(.radio-list-select) .radio-list-control.radio-list-select {
background: none !important;
border: 0 !important;
border-radius: 0 !important;
font-size: inherit !important;
color: inherit !important;
font-weight: inherit !important;
padding: 0 !important;
padding-top: 15px !important;
}
.modal-content .dbqmd-form-group .dbqmd-label:has(.radio-list-control).dbqmd-hover,
.modal-content .dbqmd-form-group .dbqmd-label:has(.radio-list-select).dbqmd-hover,
.dbq-form .dbqmd-form-group .dbqmd-label:has(.radio-list-control).dbqmd-hover,
.dbq-form .dbqmd-form-group .dbqmd-label:has(.radio-list-select).dbqmd-hover {
background: hsl(27.5294117647, 100%, 96%);
}
.modal-content .dbqmd-form-group .dbqmd-label:has(.radio-list-control).dbqmd-error,
.modal-content .dbqmd-form-group .dbqmd-label:has(.radio-list-select).dbqmd-error,
.dbq-form .dbqmd-form-group .dbqmd-label:has(.radio-list-control).dbqmd-error,
.dbq-form .dbqmd-form-group .dbqmd-label:has(.radio-list-select).dbqmd-error {
border-bottom-color: #d5473c;
}
.modal-content .dbqmd-form-group .dbqmd-label:has(.radio-list-control).dbqmd-has-start-icon,
.modal-content .dbqmd-form-group .dbqmd-label:has(.radio-list-select).dbqmd-has-start-icon,
.dbq-form .dbqmd-form-group .dbqmd-label:has(.radio-list-control).dbqmd-has-start-icon,
.dbq-form .dbqmd-form-group .dbqmd-label:has(.radio-list-select).dbqmd-has-start-icon {
padding-left: 52px;
}
.modal-content .dbqmd-form-group .dbqmd-label:has(.radio-list-control).dbqmd-has-end-icon,
.modal-content .dbqmd-form-group .dbqmd-label:has(.radio-list-select).dbqmd-has-end-icon,
.dbq-form .dbqmd-form-group .dbqmd-label:has(.radio-list-control).dbqmd-has-end-icon,
.dbq-form .dbqmd-form-group .dbqmd-label:has(.radio-list-select).dbqmd-has-end-icon {
padding-right: 40px;
}
form[data-view-mode=View] .modal-content .dbqmd-form-group .dbqmd-label:has(.radio-list-control),
form[data-view-mode=View] .modal-content .dbqmd-form-group .dbqmd-label:has(.radio-list-select),
form[data-view-mode=View] .dbq-form .dbqmd-form-group .dbqmd-label:has(.radio-list-control),
form[data-view-mode=View] .dbq-form .dbqmd-form-group .dbqmd-label:has(.radio-list-select),
form[data-view-mode=Delete] .modal-content .dbqmd-form-group .dbqmd-label:has(.radio-list-control),
form[data-view-mode=Delete] .modal-content .dbqmd-form-group .dbqmd-label:has(.radio-list-select),
form[data-view-mode=Delete] .dbq-form .dbqmd-form-group .dbqmd-label:has(.radio-list-control),
form[data-view-mode=Delete] .dbq-form .dbqmd-form-group .dbqmd-label:has(.radio-list-select) {
height: 56px;
padding: 0 15px;
background: #f4f4f4;
border-color: #AAAAAA;
color: #484646;
}
form[data-view-mode=View] .modal-content .dbqmd-form-group .dbqmd-label:has(.radio-list-control).dbqmd-hover,
form[data-view-mode=View] .modal-content .dbqmd-form-group .dbqmd-label:has(.radio-list-select).dbqmd-hover,
form[data-view-mode=View] .dbq-form .dbqmd-form-group .dbqmd-label:has(.radio-list-control).dbqmd-hover,
form[data-view-mode=View] .dbq-form .dbqmd-form-group .dbqmd-label:has(.radio-list-select).dbqmd-hover,
form[data-view-mode=Delete] .modal-content .dbqmd-form-group .dbqmd-label:has(.radio-list-control).dbqmd-hover,
form[data-view-mode=Delete] .modal-content .dbqmd-form-group .dbqmd-label:has(.radio-list-select).dbqmd-hover,
form[data-view-mode=Delete] .dbq-form .dbqmd-form-group .dbqmd-label:has(.radio-list-control).dbqmd-hover,
form[data-view-mode=Delete] .dbq-form .dbqmd-form-group .dbqmd-label:has(.radio-list-select).dbqmd-hover {
background: #f4f4f4;
cursor: not-allowed;
}
.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;
}
.dbq-document .dbqdb-element {
display: flex;
margin: 0;
margin-bottom: 15px;
}
.dbq-document .dbqdb-element.dbqdb-last-visible-element {
margin-bottom: 0 !important;
}
.dbq-document .dbqdb-element:has(> .dbqmd-col > .dbqdb-spacer) {
margin-bottom: 0;
}
.dbqdb-error-message {
padding: 30px;
}
.dbq-element-header-5 {
color: #000000;
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;
}
.flex-container > .dbq-column {
display: flex;
flex-direction: column;
}
form[data-view-mode=View] .flex-container > .dbq-column .dbqdb-block-elevated-background .flex-container .dbq-column,
form[data-view-mode=Delete] .flex-container > .dbq-column .dbqdb-block-elevated-background .flex-container .dbq-column {
gap: 0;
}
.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: #fcfcfc;
border-radius: 10px;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.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 10px 10px;
}
.modal .dbq-modal-header,
.dbq-popup .dbq-modal-header {
color: #001323;
background-color: hsl(27.5294117647, 100%, 98.4%);
border: 0;
border-width: 1px !important;
border-bottom: 1px solid #e2e7f3;
font-weight: 600;
padding: 20px 30px;
margin-bottom: 0;
border-radius: 10px 10px 0 0;
}
.modal .dbq-modal-header .dbq-modal-header-button,
.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 10px 10px;
}
.modal-content .dbq-account-popup-left-column {
margin-bottom: 15px;
text-align: right;
font-weight: 600;
}
.dbqdb-header {
float: left;
width: 100%;
background: none;
border-bottom: 1px solid #f4f4f4;
}
.dbqdb-header:empty {
border-bottom: 0 none;
}
.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 {
background: transparent;
border-bottom: transparent;
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: hsl(27.5294117647, 100%, 92%) !important;
border-radius: 10px;
}
#document-topic-tabs.nav-tabs.document-topic-tabs > li > a {
font-size: 12px;
font-weight: 600;
line-height: 20px;
padding: 6px 14px;
color: #000000;
text-decoration: none;
float: left;
}
#document-topic-tabs.nav-tabs.document-topic-tabs > li.active > a {
color: #ff7500 !important;
border-radius: 10px;
background-color: hsl(27.5294117647, 100%, 92%);
}
#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;
}
.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 svg,
.dbq-form .btn-secondary svg,
.dbq-form .btn-success svg,
.dbq-form .btn-danger svg,
.dbq-form .btn-warning svg,
.dbq-form .btn-info svg,
.dbq-form .btn-link svg {
fill: #fff;
}
.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: rgb(229.5, 105.3, 0);
background-color: rgb(229.5, 105.3, 0);
border-color: rgb(229.5, 105.3, 0);
}
.dbq-form .btn-primary:enabled, .dbq-form .btn-primary:hover, .dbq-form .btn-primary:active {
border-color: rgb(229.5, 105.3, 0);
fill: #fff;
color: #fff;
border: 2px solid rgb(229.5, 105.3, 0);
}
.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: #ffffff; /* 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;
border: 1px solid #647987;
color: #ffffff;
cursor: not-allowed;
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;
border: 1px solid #647987;
}
.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 svg {
fill: #ffffff;
}
.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 svg {
fill: #ffffff;
}
.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 svg {
fill: #ffffff;
}
.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 .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: 10px;
}
.dbq-form .dbq-form-group,
.dbq-form .dbq-form-group-no-padding,
.dbq-form .dbq-label-disabled + .dbq-form-group-padding,
.dbq-form .element .property .dbq-label-disabled + .button_list {
background: #e5e7ec;
}
.modal #document-topics div[data-has-visible-remove-buttons=true] .input-list-item-remove button.input-list-item-remove-button:enabled svg,
.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: rgb(229.5, 105.3, 0);
}
.show > .btn-outline-primary.dropdown-toggle {
color: #ffffff;
border-color: #ff7500;
background: #ff7500;
}
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: 10px;
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;
}
#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;
color: #000000;
line-height: 1.5;
width: 100%;
margin: 0;
padding: 0;
}
.dbq-form h1 {
font-size: 24px;
font-weight: 700;
}
.dbq-form h2 {
font-size: 20px;
text-transform: unset;
font-weight: 600;
}
.dbq-form h3 {
font-size: 18px;
font-weight: 600;
text-transform: unset;
}
.dbq-form h4 {
font-size: 16px;
font-weight: 500;
text-transform: unset;
}
.dbq-form .dbq-element-header-5 {
font-size: 14px;
font-weight: 500;
text-transform: unset;
}
.dbq-form p {
font-size: 12px;
font-weight: 500;
}
.dbq-form p.dbqdb-insert-property[data-property-type=Text][data-format="4"] code {
white-space: pre;
}
.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 .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;
background: none !important;
border-radius: 0 0 5px 5px;
}
.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 {
width: 100%;
}
.dbq-form .col-xs-12,
.dbq-form .col-sm-12,
.dbq-form .col-md-12 {
padding: 0;
}
.dbq-form .dbq-form-group {
padding: 5px;
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 .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;
border-color: #e5e7ec;
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 .dbqdb-searchbox-container .input-group-addon {
padding: 0px;
border-radius: 0 0 0 5px;
}
.dbq-form .form-group .dbqdb-searchbox-container .input-group-addon svg {
width: 40px;
height: 33px;
padding: 7.5px 10px;
}
.dbq-form .form-group .dbqdb-searchbox-container .input-group-addon .input-group-btn {
border-radius: 0 5px 5px 0;
}
.dbq-form .form-group .dbqdb-searchbox-container .input-group-addon.disabled {
border-radius: 0 0 0 5px;
}
.dbq-form .form-group .dbqdb-searchbox-container .input-group .input-group-btn button {
border-left: 0;
padding: 0;
border: 0;
}
.dbq-form .form-group .dbqdb-searchbox-container .input-group .input-group-btn button span {
color: #b3baca;
}
.dbq-form .form-group .dbqdb-searchbox-container .input-group .input-group-btn button svg {
width: 40px;
height: 41px;
padding: 11px 10px 10px;
}
.dbq-form .form-group .dbqdb-searchbox-container .input-group .input-group-btn button.dbqdb-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 .dbqdb-searchbox-container .input-group .input-group-btn button.dbqdb-searchbox-container-remove.btn-default:enabled:hover {
background: #ff7500 !important;
border-color: #ff7500 !important;
}
.dbq-form .form-group .dbqdb-searchbox-container .input-group .input-group-btn button.dbqdb-searchbox-container-remove.btn-default:enabled:hover svg {
fill: #ffffff !important;
}
.dbq-form .form-group .dbqdb-searchbox-container.searchbox-clear-hidden {
border-radius: 0 0 5px 0;
}
.dbq-form .form-group .dbqdb-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.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-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;
}
.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: 10px;
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 input[data-is-searchbox=true] + .dbqdb-searchbox-container .input-group input.form-control {
border-radius: 0 !important;
}
.dbq-form input[data-is-searchbox=true] + .dbqdb-searchbox-container.searchbox-clear-hidden .input-group input.form-control {
border-radius: 0 0 5px 0 !important;
}
.dbq-form .dbq-required p:after {
color: #b64f4b;
content: "*";
font-size: 1em;
}
.dbq-form select.form-control {
padding: 0 10px;
}
.dbq-form textarea.form-control {
min-height: 130px !important;
padding: 10px;
}
.dbq-form textarea.form-control::-webkit-scrollbar-track {
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;
}
.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: #fbfbfb;
border: 0;
border-radius: 0 0 5px 5px;
padding: 20px 30px;
border-top: 1px solid #f4f4f4;
}
.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: #fbfbfb !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] .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 .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 .dbqdb-searchbox-container .input-group-addon svg {
fill: #595f6e;
margin-right: 0;
}
.form-group .dbqdb-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: 10px;
}
.dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > .dbqdb-alert-container,
.dbq-document .dbqdb-alert > .dbqdb-alert-container {
display: flex;
flex-direction: row;
gap: 15px;
}
.dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-icon-container,
.dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-icon-container {
width: 24px;
}
.dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-icon-container .dbqdb-alert-icon,
.dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-icon-container .dbqdb-alert-icon {
width: 24px;
height: 24px;
}
.dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container,
.dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container {
width: 100%;
}
.dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container h1, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container h2, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container h3, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container h4, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container .dbq-element-header-5, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container p,
.dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container h1,
.dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container h2,
.dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container h3,
.dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container h4,
.dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container .dbq-element-header-5,
.dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container p {
line-height: 24px;
}
.dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container .dbq-element-header-5,
.dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container .dbq-element-header-5 {
margin: 0;
}
.dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container h1, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container h2, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container h3, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container h4, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container .dbq-element-header-5,
.dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container h1,
.dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container h2,
.dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container h3,
.dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container h4,
.dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container .dbq-element-header-5 {
font-weight: bold;
font-size: 14px;
}
.dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container .element:last-of-type,
.dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container .element:last-of-type {
margin-bottom: 0;
}
.dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container .element:last-of-type h1, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container .element:last-of-type h2, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container .element:last-of-type h3, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container .element:last-of-type h4, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container .element:last-of-type .dbq-element-header-5, .dbqkbc-articles-container .dbqkbc-article-content .dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container .element:last-of-type p,
.dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container .element:last-of-type h1,
.dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container .element:last-of-type h2,
.dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container .element:last-of-type h3,
.dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container .element:last-of-type h4,
.dbq-document .dbqdb-alert > .dbqdb-alert-container .dbqdb-alert-content-container .element:last-of-type .dbq-element-header-5,
.dbq-document .dbqdb-alert > .dbqdb-alert-container .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;
}
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;
}
.dbqdb-color-picker .dbqmd-label .dbqmd-title-label {
z-index: 1;
left: 54px;
}
.dbqdb-color-picker .clr-field {
width: 100%;
}
.dbqdb-color-picker .clr-field .dbqmd-input {
padding-left: 54px;
}
.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%;
/* Unset the default Bootstrap z-index that caused sidepanel menus to fall behind the buttons */
}
.dbqdb-select-single .input-group,
.dbqdb-select-single-tree .input-group {
flex-wrap: nowrap;
justify-content: space-between;
}
.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-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;
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 {
display: none;
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: 100%;
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;
border-width: 1px;
}
.dbqstd-popup-container .dbqstd-parent-items-container {
display: flex;
padding: 0 5px 5px 5px;
align-items: center;
}
.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: 35px;
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 5px;
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-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;
}
.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: 0 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: 16px;
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 */
}
.dbqdb-select-multi-popup[data-is-material-design=true] .dbqstp-container .dbqstp-output-button .dbqstp-output-content-container .dbqstp-output-item {
padding: 0;
}
.dbqdb-select-multi-popup[data-is-material-design=true][data-has-value=false] .dbqstp-container .dbqstp-output-button .dbqstp-output-content-container {
justify-content: center;
}
.dbqdb-select-multi-popup[data-is-material-design=true][data-has-value=true] .dbqstp-container .dbqstp-output-button {
height: unset !important;
align-items: flex-start;
}
.dbqdb-select-multi-popup[data-is-material-design=true][data-has-value=true] .dbqstp-container .dbqstp-output-button .dbqmd-end-icon {
padding-top: 1px;
}
.dbqdb-select-multi-popup[data-is-material-design=true][data-has-value=true] .dbqstp-container .dbqstp-output-button .dbqstp-output-content-container {
height: unset !important;
justify-content: center;
min-height: 55px !important;
}
.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: 12px;
font-weight: 400;
}
.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;
}
.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: normal;
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;
}
form[data-view-mode=View] .dbqstml-container,
form[data-view-mode=Delete] .dbqstml-container {
height: inherit;
}
.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;
border: 1px solid #e5e7ec;
opacity: 1;
color: #767676;
cursor: not-allowed;
-webkit-text-fill-color: #767676;
-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-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;
}
.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;
}
.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: 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: 168px;
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;
}
.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;
border: 1px solid #e5e7ec;
}
.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;
}
.input-list .input-list-item-content-container {
flex: 1;
min-width: 0;
}
.input-list .input-list-item-content {
float: left;
width: 100%;
padding: 15px;
}
.input-list .input-list-content {
width: 100%;
padding: 0;
}
.input-list .input-list-item-sorting-indicator {
width: 40px;
border-left: 1px solid #f4f4f4;
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 #f4f4f4;
border-bottom: 0;
}
.input-list .input-list-item:first-of-type {
border-radius: 10px 10px 0 0;
}
.input-list .input-list-item:last-of-type {
border-bottom: 1px solid #f4f4f4;
}
.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 #f4f4f4;
}
.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 #f4f4f4;
background: 0;
border-radius: 0 0 10px 10px;
}
.input-list[data-sort-direction="1"][data-has-visible-add-button=false] .input-list-content {
border-radius: 10px;
}
.input-list[data-has-visible-add-button=false] .input-list-item:only-of-type {
border-radius: 10px;
}
.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 #f4f4f4;
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: initial;
}
.input-list[data-is-read-only=false] .input-list-item:nth-child(even) {
background-color: #ffffff;
}
.input-list[data-is-read-only=false][data-has-visible-add-button=true] .input-list-item:last-of-type {
border-bottom: 0;
}
.input-list[data-is-read-only=false][data-has-visible-add-button=false] .input-list-item:last-of-type(:not(:only-of-type)) {
border-radius: 0 0 10px 10px;
}
.input-list[data-is-read-only=false][data-has-visible-add-button=false] .input-list-item:only-of-type {
border-radius: 10px;
}
.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] .dbqdb-searchbox-container .input-group-btn button {
display: none;
}
.input-list[data-sort-direction="0"] .input-list-item-add {
background: #ffffff;
border: 1px solid #f4f4f4;
border-radius: 0 0 10px 10px;
padding: 0;
margin: 0;
}
.input-list[data-sort-direction="1"] .input-list-item-add {
background: 0;
border: 1px solid #f4f4f4;
border-bottom: 0;
border-radius: 10px 10px 0 0;
padding: 0;
margin: 0;
}
.input-list[data-sort-direction="1"] .input-list-item:last-of-type {
border: 0;
border-radius: 0 0 10px 10px;
}
.input-list[data-has-visible-remove-buttons=true] .input-list-item-remove .input-list-item-remove-button:enabled svg {
fill: #000000;
}
.input-list[data-has-visible-remove-buttons=true] .input-list-item-remove .input-list-item-remove-button:enabled:hover svg {
fill: #ffffff;
}
.input-list[data-has-visible-remove-buttons=true] .input-list-item-remove .input-list-item-remove-button:disabled svg {
fill: #001323;
}
.input-list[data-has-visible-remove-buttons=true] .input-list-item-remove .input-list-item-remove-button:disabled:hover svg {
fill: #001323;
}
.dbq-form 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: 10px;
}
.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: 10px 10px 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 10px 10px !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: 10px 10px 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 10px 10px;
}
.dbq-form div[data-has-visible-remove-buttons=true] .input-list-item-remove button.input-list-item-remove-button:enabled {
background: 0 !important;
border: 0 !important;
border-left: 1px solid #f4f4f4 !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 .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 .input-list-item-content div[data-element-type=Text] {
margin-bottom: 0px;
}
.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: 10px;
}
.dbq-form .input-list[data-has-visible-add-button=false][data-has-visible-remove-buttons=false][data-has-visible-items=true] .row[data-element-type=InputProperty] .dbq-property-no-label .date input {
border-radius: 0 10px 10px 0;
}
.dbq-form .row[data-element-type=InputProperty] .dbq-property-no-label .dbq-input-no-label .date input {
border-radius: 0 10px 10px 0;
}
.dbq-form div[data-has-visible-remove-buttons=true] .input-list-item-remove button.input-list-item-remove-button {
border-radius: 0;
background: 0;
}
.dbq-form div[data-has-visible-remove-buttons=true] .input-list-item-remove button.input-list-item-remove-button:enabled {
background: 0;
border-top: 0;
border-left: 1px solid #f4f4f4;
}
.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 10px 0 0;
}
.dbq-form div[data-has-visible-remove-buttons=true][data-has-visible-add-button=false] .input-list-item:last-of-type .input-list-item-remove button.input-list-item-remove-button {
border-radius: 0 0 10px 0;
}
.dbq-form div[data-has-visible-remove-buttons=true][data-has-visible-add-button=true] .input-list-item:last-of-type .input-list-item-remove button.input-list-item-remove-button {
border-radius: 0;
}
.dbq-form div[data-has-visible-remove-buttons=true][data-sort-direction="1"] .input-list-item:first-of-type .input-list-item-remove button.input-list-item-remove-button {
border-radius: 0;
background: 0;
}
.dbq-form div[data-has-visible-remove-buttons=true][data-sort-direction="1"] .input-list-item:first-of-type:last-of-type .input-list-item-remove button.input-list-item-remove-button {
border-radius: 0 0 8px 0;
background: 0;
}
.dbq-form div[data-has-visible-remove-buttons=true][data-sort-direction="1"] .input-list-item:last-of-type .input-list-item-remove button.input-list-item-remove-button {
border-radius: 0 0 8px 0;
background: 0;
}
.dbq-form div[data-has-visible-add-button=false][data-has-visible-remove-buttons=true][data-sort-direction="1"] .input-list-item:first-of-type .input-list-item-remove button.input-list-item-remove-button {
border-radius: 0 8px 0 0;
}
.dbq-form div[data-has-visible-remove-buttons=true][data-sort-direction="0"] .input-list-item:first-of-type .input-list-item-remove button.input-list-item-remove-button {
border-radius: 0 8px 0 0;
}
.dbq-form div[data-has-visible-remove-buttons=true][data-sort-direction="0"] .input-list-item:first-of-type:last-of-type .input-list-item-remove button.input-list-item-remove-button {
border-radius: 0 8px 0 0;
border-top: 1px solid #f4f4f4;
}
.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);
}
.input-list .input-list-item-remove button.input-list-item-remove-button:enabled {
width: 40px;
height: 100%;
position: relative;
}
.input-list .input-list-item-remove button.input-list-item-remove-button:disabled {
width: 40px;
height: 100%;
position: relative;
}
.input-list-item-remove-button-container {
width: 40px;
}
.btn:disabled {
cursor: not-allowed;
opacity: 0.5;
}
.input-list[data-show-index-numbers=true][data-is-accordion=false] .input-list-item-content {
width: calc(100% - 40px);
}
.input-list[data-sort-direction="0"][data-show-index-numbers=true] .input-list-item:first-of-type .input-list-item-index-background {
border-radius: 7px 0 0 0;
}
.input-list[data-sort-direction="1"][data-show-index-numbers=true] .input-list-item:last-of-type .input-list-item-index-background {
border-radius: 0 0 0 7px;
}
.input-list[data-has-visible-add-button=false][data-has-visible-remove-buttons=false][data-has-visible-items=true] .input-list-item-remove-button-container {
width: 0px;
}
.input-list[data-has-visible-add-button=false][data-has-visible-remove-buttons=false][data-has-visible-items=true] .dbq-form-group-title {
background: 0;
border: 0;
color: #595f6e;
}
div.input-list[data-has-visible-add-button=false][data-has-visible-remove-buttons=false][data-has-visible-items=false] .input-list-content {
display: none;
}
div[data-has-visible-add-button=false] .input-list-content {
border-radius: 10px;
}
div[data-topic-type-code=Dashboard] .input-list-item-content {
padding: 10px;
}
div[data-topic-type-code=Dashboard] .input-list-item-content div[data-element-type=Text] p {
padding: 0;
}
#content-wrapper div[data-topic-name=Dashboard] .input-group-addon.disabled {
border-radius: 0 0 0 10px;
}
#content-wrapper div[data-topic-name=Dashboard] div[data-element-type=BeginInputList] {
margin: 0 0 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: 10px;
}
.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: 10px !important;
border: 1px solid #f4f4f4 !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: 10px !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;
}
.input-list[data-is-read-only=true]:not([data-is-accordion=true]) .input-list-item:last-of-type {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.dbqdb-element:has(> .dbqmd-col > .input-list[data-is-read-only=true][data-has-visible-items=false]) {
display: none;
}
.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;
}
}
.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;
}
.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: #ff7500;
border-color: #ff7500;
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;
}
.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%;
position: relative;
}
.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;
max-height: 300px !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: 100px;
border-radius: 5px;
background: none;
position: relative;
}
.dbq-no-data-available-container .dbq-no-data-available-center {
float: left;
width: 100%;
height: 100px;
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-image svg {
width: 150px;
height: 50px;
max-width: 100%;
padding: 0 50px;
fill: #AAAAAA;
}
.dbq-no-data-available-container .dbq-no-data-available-text {
float: left;
width: 100%;
color: #AAAAAA;
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;
}
.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;
background-color: #f8f8fa;
border-radius: 5px;
}
.dbq-popup .dbqdb-block.dbqdb-block-elevated-background {
background-color: #f4f4f4;
}
.dbqdclsp-container .dbqdb-block.dbqdb-block-elevated-background {
background-color: #f4f4f4;
}
.flex-container .flex-item-1.dbq-column .dbqdb-block.dbqdb-block-elevated-background {
margin-bottom: 0px;
}
.popover {
background-color: #fbfbfb;
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: #fbfbfb;
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: #fbfbfb;
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;
}
.radio-list-control {
padding: 5px;
background-color: #ffffff;
border: 2px solid #e5e7ec;
}
.checkbox-list-control {
padding: 5px;
background-color: #ffffff;
border: 2px solid #e5e7ec;
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;
border: none;
padding: 0;
}
.checkbox-list-control[data-read-only=true] .checkbox {
background-color: #e5e7ec;
}
form[data-view-mode=View] .radio-list-select,
form[data-view-mode=Delete] .radio-list-select {
height: 35p;
padding: 11px 10px 9px;
background-color: #e5e7ec;
border-color: #e5e7ec;
color: #001323;
font-size: 14px;
font-weight: 600;
line-height: 20px;
}
form[data-view-mode=View] .checkbox-list-control,
form[data-view-mode=Delete] .checkbox-list-control {
background-color: #e5e7ec;
border: none;
padding: 0;
}
form[data-view-mode=View] .checkbox-list-control .checkbox,
form[data-view-mode=Delete] .checkbox-list-control .checkbox {
background-color: #e5e7ec;
}
.dbq-label-disabled + .radio-list-select {
min-height: 35px;
padding: 11px 10px 9px;
background-color: #e5e7ec;
color: #001323;
border-color: #e5e7ec;
font-size: 14px;
font-weight: 600;
line-height: 20px;
}
.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;
}
div[type=source-code-editor] {
width: 100%;
float: left;
border: 2px solid #e5e7ec;
border-radius: 0 0 10px 10px;
background: #ffffff;
overflow-y: auto;
position: relative;
resize: vertical;
}
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;
}
.dbqdb-html-editor .jodit-container {
border: 1px solid #E1E1E1;
border-left: 0;
border-right: 0;
border-radius: 0;
}
.dbqdb-html-editor .jodit-container .jodit-toolbar__box {
background-color: #FFFFFF;
border-color: #E1E1E1;
border-radius: 0;
}
.dbqdb-html-editor .jodit-container .jodit-toolbar__box .jodit-ui-group_separated_true:not(:last-child):not(.jodit-ui-group_before-spacer_true):after {
border-color: #E1E1E1;
}
.dbqdb-html-editor .jodit-container .jodit-toolbar__box:not(:empty) .jodit-toolbar-editor-collection:after {
background-color: #E1E1E1;
}
.dbqdb-html-editor .jodit-container .jodit-workplace .jodit-wysiwyg {
background-color: #FFFFFF;
}
.dbqdb-html-editor .jodit-container .jodit-workplace .jodit-wysiwyg::-webkit-scrollbar-track {
box-shadow: none;
}
.dbqdb-html-editor .jodit-container .jodit-workplace .jodit-wysiwyg::-webkit-scrollbar-corner, .dbqdb-html-editor .jodit-container .jodit-workplace .jodit-wysiwyg::-webkit-scrollbar-corner {
background-color: #ffffff;
}
.dbqdb-html-editor .jodit-container .jodit-workplace .jodit-wysiwyg {
scrollbar-face-color: #ff7500;
scrollbar-track-color: #dddddd;
}
.dbqdb-html-editor .jodit-container .jodit-workplace .jodit-wysiwyg::-webkit-scrollbar, .dbqdb-html-editor .jodit-container .jodit-workplace .jodit-wysiwyg::-webkit-scrollbar-corner, .dbqdb-html-editor .jodit-container .jodit-workplace .jodit-wysiwyg::-webkit-scrollbar-track, .dbqdb-html-editor .jodit-container .jodit-workplace .jodit-wysiwyg::-webkit-scrollbar-thumb {
border-radius: 10px;
}
.dbqdb-html-editor .jodit-container .jodit-workplace .jodit-wysiwyg::-webkit-scrollbar, .dbqdb-html-editor .jodit-container .jodit-workplace .jodit-wysiwyg::-webkit-scrollbar-track {
width: 7.5px;
height: 7.5px;
border-radius: 10px;
background-color: transparent !important;
background: transparent !important;
}
.dbqdb-html-editor .jodit-container .jodit-workplace .jodit-wysiwyg::-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-html-editor .jodit-container .jodit-workplace .jodit-wysiwyg::-webkit-scrollbar-thumb:hover {
background-color: #ff7500 !important;
}
.dbqdb-html-editor .jodit-container .jodit-workplace .jodit-wysiwyg p {
display: block;
font-weight: 400;
}
.dbqdb-html-editor .jodit-container .jodit-status-bar {
background-color: #FFFFFF !important;
color: #767676 !important;
border-top: 0;
border-radius: 0;
}
.dbqdb-html-editor.dbqdb-error {
padding: 0;
}
.dbqdb-html-editor.dbqdb-error .jodit-container {
border-color: #d5473c;
}
.jodit-popup .jodit-popup__content {
background: #FFFFFF;
}
.jodit-toolbar-button .jodit-icon,
.jodit-toolbar-button__button .jodit-icon,
.jodit-toolbar-button__trigger .jodit-icon {
fill: #000000;
stroke: #000000;
}
.jodit-toolbar-button:hover:not([disabled]),
.jodit-toolbar-button__button:hover:not([disabled]),
.jodit-toolbar-button__trigger:hover:not([disabled]) {
background-color: rgb(229.5, 105.3, 0) !important;
border-color: rgb(229.5, 105.3, 0) !important;
}
.jodit-toolbar-button:hover:not([disabled]) .jodit-toolbar-button__text,
.jodit-toolbar-button__button:hover:not([disabled]) .jodit-toolbar-button__text,
.jodit-toolbar-button__trigger:hover:not([disabled]) .jodit-toolbar-button__text {
background-color: rgb(229.5, 105.3, 0) !important;
color: #ffffff !important;
}
.jodit-toolbar-button:hover:not([disabled]) svg,
.jodit-toolbar-button__button:hover:not([disabled]) svg,
.jodit-toolbar-button__trigger:hover:not([disabled]) svg {
fill: #ffffff !important;
stroke: #ffffff !important;
}
.jodit-toolbar-button[aria-pressed=true]:not([disabled]),
.jodit-toolbar-button__button[aria-pressed=true]:not([disabled]),
.jodit-toolbar-button__trigger[aria-pressed=true]:not([disabled]) {
background-color: rgb(229.5, 105.3, 0) !important;
}
.dbqdb-translation-languages-container {
float: right;
padding: 10px;
display: flex;
align-items: center;
}
.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 {
box-shadow: none;
border: 1px solid rgba(0, 0, 0, 0.15) !important;
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;
}
.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-input-list-no-repeating-labels .input-list[data-is-read-only=true] .input-list-item .dbq-element-header-5, .dbq-document .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;
}
.dbq-document .dbq-input-list-no-repeating-labels .input-list[data-is-read-only=true] .input-list-item:first-of-type .dbq-element-header-5, .dbq-document .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-document .dbq-element-margin-small {
margin-bottom: 5px;
}
.dbq-document .dbq-wrapper {
border-radius: 5px;
padding: 15px;
margin-bottom: 15px;
-webkit-backdrop-filter: unset;
backdrop-filter: unset;
background: unset;
background-color: #ffffff;
color: #000000;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.dbq-document .dbq-ellipsis-1 {
overflow: hidden;
white-space: nowrap;
text-overflow: clip;
}
.dbq-document .dbq-ellipsis-2 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.dbq-document .dbq-ellipsis-3 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.dbq-document .dbq-ellipsis-4 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.dbq-document .dbq-ellipsis-5 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
.dbq-document .dbq-ellipsis-6 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
}
.dbq-document .dbq-ellipsis-7 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
}
.dbq-document .dbq-ellipsis-8 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 8;
-webkit-box-orient: vertical;
}
.dbq-document .dbq-ellipsis-9 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 9;
-webkit-box-orient: vertical;
}
.dbq-document .dbq-ellipsis-10 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 10;
-webkit-box-orient: vertical;
}
.dbq-document .dbq-column-inline-end-button .dbqdb-element {
margin: 0;
}
.dbq-document .dbq-column-inline-end-button div[data-element-type=Button] {
height: 100%;
}
.dbq-document .dbq-column-inline-end-button div[data-element-type=Button] .dbqdb-action-button.action-button.raised {
height: 100%;
}
.dbq-document .dbq-column-inline-end-button div[data-element-type=Button] .dbqdb-action-button.action-button.raised a {
height: 100%;
display: flex;
align-items: center;
}
.dbq-document .dbq-column-inline-end-button > div:last-child {
flex: 0 0 auto;
}
.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;
}
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 .dbq-drawing-canvas.error {
background: #fee5e4;
border: 1px solid #d5473c;
}
.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-element-type=Header]:first-of-type {
border-top: 0;
}
.dbq-form .dbq-form-group-padding[data-read-only=true] {
background: #e5e7ec;
border: 2px solid #e5e7ec;
}
/*****************************************
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
*************************************************/
/*****************************************
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
*****************************************/
.dbq-form .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;
}
.dbq-form .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: #f4f4f4;
border-color: #dddddd;
color: #dddddd;
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 .dbqdb-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 .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
************************************************** */
/*
* 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;
}/*# sourceMappingURL=DbqDocumentBuilder.css.map */