/*
Quicksand font famil
*/
@font-face {
font-family: "Quicksand";
src: url("../fonts/quicksand/Quicksand-Light.ttf");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Quicksand";
src: url("../fonts/quicksand/Quicksand-Regular.ttf");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Quicksand";
src: url("../fonts/quicksand/Quicksand-Medium.ttf");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "Quicksand";
src: url("../fonts/quicksand/Quicksand-SemiBold.ttf");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Quicksand";
src: url("../fonts/quicksand/Quicksand-Bold.ttf");
font-weight: 700;
font-style: normal;
}
* {
font-family: Quicksand;
}
/*
* Full Screen background
*/
:not(:root):fullscreen::backdrop {
background: var(--lrs-mc-force-white-bg);
}
:fullscreen .ui-component-fullscreen-button .bi-fullscreen::before {
content: "\f3de";
}
/*
Variables
*/
:root {
/* LRS Logo */
--lrs-mc-lrs-logo: url(../images/logo-primary.svg);
--lrs-mc-lrs-logo-overlay-content-size: 480px 100px;
--lrs-mc-lrs-logo-bg-component-size: 57px 60px;
--lrs-mc-lrs-logo-sidebar-banner-size: 480px 60px;
/* Colors */
--lrs-mc-white-color: #fff;
--lrs-mc-black-color: #000;
--lrs-mc-force-white-bg: #fff;
--lrs-mc-common-border-color: #eceff1;
--lrs-mc-white-color-overlay: #ffffffa8;
--lrs-mc-blue: #3d8ac7;
--lrs-mc-blue-gradient: linear-gradient(to bottom, #5798cc 0%, #3d8ac7 100%);
--lrs-mc-blue-alt: #82b9e5;
--lrs-mc-status-green-good: #80c683;
--lrs-mc-status-alt-green-good: #4db6ac;
--lrs-mc-status-red-bad: #f7776e;
--lrs-mc-status-alt-red-bad: #ef5350;
--lrs-mc-red-bad-text-color: #e64a19;
--lrs-mc-status-orange-warning: #faba53;
--lrs-mc-status-grey-unknown: #cfd8dc;
--lrs-mc-search-highlight: #faff91;
--lrs-mc-dropdown-arrows-bg: #cfd8dc;
--lrs-mc-dropdown-arrows-hover-bg: #2f5a7b;
--lrs-mc-hierarchy-lines-bg: #eceff1;
--lrs-mc-icon-grey-color: #b0bec5;
--lrs-mc-icon-info-color: #3f8bc8;
--lrs-mc-ppm-icons-color: #1c77c0;
--lrs-mc-ppm-icons-color-secondary: #b0bec5;
--lrs-mc-ppm-icons-color-floorplan-tooltip: #83adcc;
--lrs-mc-floorplan-checkerboard-color: #eceff1a6;
--lrs-mc-network-map-checkerboard-color: #eceff142;
--lrs-mc-feature-set-success-bg: #eff8ef;
--lrs-mc-feature-set-warning-bg: #fffde7;
--lrs-mc-network-map-bg-color: #eceff12e;
--lrs-mc-network-map-border-color: #eceff100;
--lrs-mc-sidebar-tooltip-bg: #607D8B;
--lrs-mc-sidebar-tooltip-box-shadow: #747b8063;
--lrs-mc-pullprint-icon-grey-color: #607d8b;
--lrs-mc-pullprint-icon-print-btn-color: #81C784;
--lrs-mc-securescan-icon-scan-btn-color: #3d8ac7;
/* Body background */
--lrs-mc-body-bg: linear-gradient(
to right,
#f8fafb 0%,
#f8fafb 18.69rem,
#ecf0f1 18.69rem,
#ecf0f1 18.75rem,
#fff 18.75rem,
#fff 100%
);
/* Mission Control Logo Text */
--lrs-mc-logo-text-border-color: #ffffff50;
--lrs-mc-logo-text-border-shadow-color: #3e88c4;
/* Mission Control Logo Clouds */
--lrs-mc-logo-clouds-bg: #eceff1;
--lrs-mc-logo-clouds-shadow-color: rgba(0, 0, 0, 0.2);
/* Sidebar */
--lrs-mc-sidebar-bg: #f8fafb;
--lrs-mc-sidebar-shadow-color: rgb(0 0 0 / 20%);
--lrs-mc-sidebar-menu-border-color: #e2e2e2;
--lrs-mc-sidebar-menu-border-shadow-color: #ffffff;
--lrs-mc-sidebar-menu-text-shadow-color: #ffffff;
--lrs-mc-sidebar-menu-hover-bg: #ecf1f4;
--lrs-mc-sidebar-menu-selected-bg: linear-gradient(to bottom, #477090 0%, #2e597a 100%);
--lrs-mc-sidebar-menu-selected-text-shadow-color: #103958;
--lrs-mc-sidebar-toggle-bg: #416a8b24;
--lrs-mc-sidebar-toggle-hover-bg: #466f8f;
--lrs-mc-sidebar-toggle-arrow-bg: #fff;
/* Loading overlay */
--lrs-mc-loading-overlay-bg: #fff;
--lrs-mc-loading-overlay-shadow: 0 0px 24px 0px rgb(0 0 0 / 20%);
/* Alerts */
--lrs-mc-alert-info-bg: #f4faff;
--lrs-mc-alert-info-border: #d6edff;
--lrs-mc-alert-info-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-alert-icon' fill='%233f8bc8' viewBox='0 0 16 16'%3E%3Cpath fill='%23FFFFFF' d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z'%3E%3C/path%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'%3E%3C/path%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'%3E%3C/path%3E%3C/svg%3E");
--lrs-mc-alert-info-loading-icon-color: #3f8bc8;
--lrs-mc-alert-danger-bg: #fff9fa;
--lrs-mc-alert-danger-border: #ffcdd2;
--lrs-mc-alert-danger-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-alert-icon' fill='%233f8bc8' viewBox='0 0 16 16'%3E%3Cpath fill='%23FFFFFF' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z'/%3E%3Cpath fill='%23f7776e' d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath fill='%23f7776e' d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
--lrs-mc-alert-danger-warning-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-alert-icon' fill='%23ff5722' viewBox='0 0 16 16'%3E%3Cpath fill='%23FFFFFF' d='M7.002 12a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 5.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995z' /%3E%3Cpath fill='%23ff5722' d='M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z'/%3E%3C/svg%3E");
--lrs-ms-alert-danger-grey-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-alert-icon' fill='%233f8bc8' viewBox='0 0 16 16'%3E%3Cpath fill='%23FFFFFF' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z'/%3E%3Cpath fill='%23b0bec5' d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath fill='%23b0bec5' d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
--lrs-mc-alert-warning-bg: #fffde7;
--lrs-mc-alert-warning-border: #ffeb3b;
--lrs-mc-alert-warning-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-alert-icon' viewBox='0 0 16 16'%3E%3Cpath fill='%23FFFFFF' d='M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z'/%3E%3Cpath fill='%23ff9800' d='M7.938 2.016A.13.13 0 0 1 8.002 2a.13.13 0 0 1 .063.016.146.146 0 0 1 .054.057l6.857 11.667c.036.06.035.124.002.183a.163.163 0 0 1-.054.06.116.116 0 0 1-.066.017H1.146a.115.115 0 0 1-.066-.017.163.163 0 0 1-.054-.06.176.176 0 0 1 .002-.183L7.884 2.073a.147.147 0 0 1 .054-.057zm1.044-.45a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566z'/%3E%3Cpath fill='%23ff9800' d='M7.002 12a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 5.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995z'/%3E%3C/svg%3E");
--lrs-mc-alert-warning-link-color: #795548;
--lrs-mc-alert-success-bg: #f7fcf8;
--lrs-mc-alert-success-border: #c8e6c9;
--lrs-mc-alert-success-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-alert-icon' fill='%233f8bc8' viewBox='0 0 16 16'%3E%3Cpath fill='%23FFFFFF' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/%3E%3Cpath fill='%2380c683' d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath fill='%2380c683' d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z'/%3E%3C/svg%3E");
--lrs-mc-alert-success-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-alert-icon' viewBox='0 0 16 16'%3E%3Cpath fill='%23FFFFFF' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/%3E%3Cpath fill='%2380c683' d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath fill='%2380c683' d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z'/%3E%3C/svg%3E");
--lrs-mc-alert-unknown-bg: var(--lrs-mc-sidebar-bg);
--lrs-mc-alert-unknown-border: var(--lrs-mc-common-border-color);
--lrs-mc-alert-unknown-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-alert-icon' fill='%23a3a8ab' viewBox='0 0 16 16'%3E%3Cpath fill='%23FFFFFF' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94'/%3E%3C/svg%3E");
/* Buttons */
--lrs-mc-btn-primary-bg: #5697cb;
--lrs-mc-btn-primary-bg-hover: #3d8ac7;
--lrs-mc-btn-primary-bg-active: #2b78b5;
--lrs-mc-btn-primary-bg-focus: #2b78b5;
--lrs-mc-btn-primary-bg-focus-outline: 0 0 0 0.25rem #90caf9;
--lrs-mc-btn-success-bg: #4db6ac;
--lrs-mc-btn-success-bg-hover: #009688;
--lrs-mc-btn-success-bg-active: #009688;
--lrs-mc-btn-success-bg-focus: #4db6ac;
--lrs-mc-btn-success-bg-focus-outline: 0 0 0 0.25rem rgb(60 153 110 / 50%);
--lrs-mc-btn-danger-bg: #ef5350;
--lrs-mc-btn-danger-bg-hover: #e53935;
--lrs-mc-btn-danger-bg-active: #e53935;
--lrs-mc-btn-danger-bg-focus: #e53935;
--lrs-mc-btn-danger-bg-focus-outline: 0 0 0 0.25rem rgb(225 83 97 / 50%);
--lrs-mc-btn-warning-bg-hover: #ffab2f;
--lrs-mc-btn-warning-bg-active: #ff9800;
--lrs-mc-btn-warning-bg-focus: #ff9800;
--lrs-mc-btn-warning-bg-focus-outline: 0 0 0 0.25rem #f57c007d;
--lrs-mc-btn-warning-icon-color: #FFFFFF;
--lrs-mc-btn-warning-hover-icon-text-color: #FFFFFF;
--lrs-mc-btn-outline-secondary-bg: #fff;
--lrs-mc-btn-outline-secondary-icon-color: #607d8b;
--lrs-mc-btn-outline-secondary-hover-icon-text-color: #ffffff;
--lrs-mc-btn-outline-secondary-disabled-border-color: #cfd8dc;
/* Links */
--lrs-mc-default-link-color: #3d8ac7;
--lrs-mc-default-link-hover-color: #24567e;
/* Badges */
--lrs-mc-badge-new-bg: linear-gradient(to bottom, #ffab2f 0%, #ff9800 100%);
--lrs-mc-badge-server-name-bg: #eceff1;
--lrs-mc-badge-environment-top-bg: #2e597a;
--lrs-mc-badge-environment-access-point-bg: #009688;
--lrs-mc-badge-environment-access-point-node-bg: #42a5f5;
--lrs-mc-badge-environment-single-server-bg: #9c27b0;
--lrs-mc-badge-lrs-component-version-bg: #eceff180;
--lrs-mc-badge-line-item-expiry-bg: #eceff180;
--lrs-mc-badge-line-item-count-bg: #eceff1;
--lrs-mc-badge-line-item-enabled-bg: #eceff1;
--lrs-mc-badge-line-item-vpsx-bg: #eceff180;
--lrs-mc-badge-line-item-pcx-bg: #eceff1;
--lrs-mc-badge-warning-bg: #ffab2f;
--lrs-mc-badge-danger-bg: #ef5350;
--lrs-mc-badge-success-bg: #4db6ac;
--lrs-mc-badge-info-bg: #3d8ac7;
--lrs-mc-badge-info-alt-bg: #336f9f;
--lrs-mc-badge-light: #f8f9fa;
--lrs-mc-badge-light-menu-hover: #ECEFF1;
--lrs-mc-badge-light-menu-selected: #264965;
--lrs-mc-badge-debug-bg: #9c27b0;
--lrs-mc-badge-custom-bg: #ba68c8;
--lrs-mc-badge-activity-icon-default-bg: #f5f5f599;
--lrs-mc-badge-activity-icon-default-icon-bg: #b0bec5ba;
--lrs-mc-badge-activity-icon-add-bg: #e8f5e9e0;
--lrs-mc-badge-activity-icon-add-icon-bg: #A5D6A7;
--lrs-mc-badge-activity-icon-delete-bg: #ffebee99;
--lrs-mc-badge-activity-icon-delete-icon-bg: #ef9a9a9e;
--lrs-mc-badge-activity-icon-update-bg: #fff9c4ad;
--lrs-mc-badge-activity-icon-update-icon-bg: #e5ce02cc;
--lrs-mc-badge-activity-icon-action-bg: #e3f2fd99;
--lrs-mc-badge-activity-icon-action-icon-bg: #90CAF9;
--lrs-mc-badge-activity-icon-warning-bg: #FFF3E0;
--lrs-mc-badge-activity-icon-warning-icon-bg: #FFC107;
--lrs-mc-badge-activity-icon-disabled-bg: #ffab2f;
--lrs-mc-badge-activity-icon-disabled-icon-bg: #FFF3E0;
--lrs-mc-badge-activity-icon-activated-bg: #4db6ac;
--lrs-mc-badge-activity-icon-activated-icon-bg: #e8f5e9e0;
--lrs-mc-badge-activity-icon-add-bg: #f7fcf8;
--lrs-mc-badge-activity-icon-add-icon-bg: #A5D6A7;
--lrs-mc-badge-activity-icon-delete-bg: #fff9fa;
--lrs-mc-badge-activity-icon-delete-icon-bg: #ef9a9a9e;
--lrs-mc-badge-activity-icon-update-bg: #fffde7;
--lrs-mc-badge-activity-icon-update-icon-bg: #e5ce02cc;
--lrs-mc-badge-activity-icon-action-bg: #f4faff;
--lrs-mc-badge-activity-icon-action-icon-bg: #90CAF9;
--lrs-mc-badge-activity-icon-warning-bg: #FFF3E0;
--lrs-mc-badge-activity-icon-warning-icon-bg: #FFC107;
--lrs-mc-pipeline-variable-bg: #fff9c4;
/* Notification badge */
--lrs-mc-notification-count-badge-bg: #ef5350;
/* Dashboard */
--lrs-mc-dashboard-date-color: #6a737a;
/* Dropdown */
--lrs-mc-dropdown-menu-border-color: #cfd8dc;
--lrs-mc-dropdown-menu-shadow-color: #eceff1;
--lrs-mc-dropdown-item-hover-bg: #f7f8f9;
--lrs-mc-dropdown-item-active-bg: #66a1d0;
--lrs-mc-dropdown-item-icon-color: #607d8b;
--lrs-mc-dropdown-item-icon-warning-color: #ff9800;
--lrs-mc-dropdown-item-icon-danger-color: #ef5350;
--lrs-mc-dropdown-item-icon-verification-color: #5697cb;
--lrs-mc-dropdown-item-icon-verification-hover-color: #2f5a7b;
--lrs-mc-dropdown-item-icon-verification-outside-org-color: #416b8b;
--lrs-mc-dropdown-item-icon-verification-outside-org-hover-color: #5697cb;
--lrs-mc-dropdown-item-icon-verification-unknown-color: #999;
--lrs-mc-dropdown-item-disabled-text-color: #adb5bd;
/* Modal */
--lrs-mc-modal-footer-bg: #f8fafb;
--lrs-mc-modal-title-border-color: #ffffff50;
--lrs-mc-modal-close-button-shadow-color: #3e88c4;
/* List Group */
--lrs-mc-list-group-item-border-color: #eceff1;
--lrs-mc-list-group-item-server-address-bg: #f8fafb;
--lrs-mc-list-group-item-hover-bg: #f8fafb;
--lrs-mc-list-group-product-item-hover-bg: #fffce1;
--lrs-mc-list-group-product-item-hover-border-color: #ffe082;
--lrs-mc-list-group-product-item-hover-version-bg: #fff9c3;
--lrs-mc-list-group-items-with-icon-icon-color: #416b8b;
--lrs-mc-list-group-items-pill-count-bg: #416b8b;
--lrs-mc-list-group-sidebar-selected-item-bg: linear-gradient(to bottom, #477090 0%, #2e597a 100%);
--lrs-mc-list-group-list-topper-bg: #fbfcfd;
--lrs-mc-list-group-subsection-item-bg: #f8fafb;
--lrs-mc-list-group-subsection-item-hover-bg: #f1f3f5;
--lrs-mc-list-group-sidebar-hover-item-bullet-bg: #B0BEC5;
/* Basic Table */
--lrs-mc-details-table-header-bg: #f8fafb;
/* Grid Table */
--lrs-mc-grid-table-header-bg: #fbfcfd;
--lrs-mc-grid-table-multi-line-desc-color: #78909c;
--lrs-mc-grid-table-item-icon-color: #416b8b;
/* Progress Bar */
--lrs-mc-progress-bar-bg: #eceff1;
/* Form control */
--lrs-mc-form-control-bg: #f8fafb;
--lrs-mc-form-control-border-color: #cfd8dc;
--lrs-mc-form-control-checkbox-bg: #3d8ac7;
--lrs-mc-form-control-checkbox-disabled-bg: #d7d8d8;
--lrs-mc-form-control-checkbox-checked-hover-bg: #5798cc;
--lrs-mc-form-control-checkbox-checkmark-color: #FFF;
--lrs-mc-form-control-checkbox-checkmark-hover-color: #416b8b;
--lrs-mc-form-control-checkbox-focus-border-color: #86b7fe;
--lrs-mc-form-control-checkbox-focus-shadow-color: rgb(13 110 253 / 25%);
--lrs-mc-form-control-search-icon-color: #607d8b;
--lrs-mc-form-control-search-help-bg: #2e597a;
--lrs-mc-form-text-color: #6c757d;
/* Bootstrap breadcrumb divider */
--bs-breadcrumb-divider: url('data:image/svg+xml,');
/* Breadcrumbs */
--lrs-mc-breadcrumb-text-color: #6c757d;
/* Chart Zoom Selection */
--lrs-mc-chart-zoom-selection-shadow-1-color: #ffffffc9;
--lrs-mc-chart-zoom-selection-shadow-2-color: rgb(0 0 0 / 75%);
--lrs-mc-chart-zoom-selection-border-color: #335e7f;
--lrs-mc-chart-zoom-selection-datetimes-bg: #0b2f4a;
--lrs-mc-chart-zoom-selection-error-bg: #f7776e52;
/* Chart timezone info */
--lrs-mc-chart-timezone-info-color: #90a4ae;
--lrs-mc-chart-timezone-info-selected-color: #607d8b;
--lrs-mc-chart-timezone-info-border-color: #cfd8dc;
/* Page Type Icon */
--lrs-mc-page-type-icon-color: #416b8b;
/* EOM Environment */
--lrs-mc-eom-environment-show-more-link-color: #78909c;
--lrs-mc-eom-environment-show-more-link-expanded-color: #3d8ac7;
--lrs-mc-eom-environment-show-more-link-hover-color: #5798cc;
--lrs-mc-eom-environment-show-more-link-border-color: #cfd8dc;
--lrs-mc-eom-environment-show-more-text-color: #999;
/* Audit Chart Colors */
--lrs-mc-audit-report-tile-breakdown-category-color-0: #b0bec5;
--lrs-mc-audit-report-tile-breakdown-category-color-1: #6fcfe5;
--lrs-mc-audit-report-tile-breakdown-category-color-2: #6990cb;
--lrs-mc-audit-report-tile-breakdown-category-color-3: #b1d784;
--lrs-mc-audit-report-tile-breakdown-category-color-4: #f5e075;
--lrs-mc-audit-report-tile-breakdown-category-color-5: #fcb269;
--lrs-mc-audit-report-tile-breakdown-category-color-6: #f48dba;
--lrs-mc-audit-report-tile-breakdown-category-color-7: #c698c6;
--lrs-mc-audit-report-tile-breakdown-category-color-8: #ff9676;
--lrs-mc-audit-report-tile-breakdown-category-color-9: #26a69a;
--lrs-mc-audit-report-tile-breakdown-category-color-10: rgb(54, 162, 235);
--lrs-mc-audit-report-tile-breakdown-category-color-11: rgb(248, 115, 148);
--lrs-mc-audit-report-tile-breakdown-category-color-12: rgb(174 235 137);
--lrs-mc-audit-report-tile-breakdown-category-color-13: rgb(208, 142, 247);
--lrs-mc-audit-report-tile-breakdown-category-color-14: rgb(250, 186, 236);
--lrs-mc-audit-report-tile-breakdown-category-color-15: rgb(217, 219, 219);
--lrs-mc-audit-report-tile-breakdown-category-color-16: rgb(13, 96, 173);
--lrs-mc-audit-report-trends-chart-hover-bg: #eceff145;
--lrs-mc-audit-report-trends-chart-category-bg-color-1: rgba(54, 162, 235, 0.2);
--lrs-mc-audit-report-trends-chart-category-border-color-1: rgb(54, 162, 235);
--lrs-mc-audit-report-trends-chart-category-bg-color-2: rgba(75, 192, 192, 0.2);
--lrs-mc-audit-report-trends-chart-category-border-color-2: rgb(75, 192, 192);
--lrs-mc-audit-report-trends-chart-category-bg-color-3: rgba(153, 102, 255, 0.2);
--lrs-mc-audit-report-trends-chart-category-border-color-3: rgb(153, 102, 255);
--lrs-mc-audit-report-trends-chart-category-bg-color-4: rgb(105 144 203 / 39%);
--lrs-mc-audit-report-trends-chart-category-border-color-4: rgb(105 144 203);
--lrs-mc-audit-report-trends-chart-category-bg-color-action: #eef7fe;
--lrs-mc-audit-report-trends-chart-category-border-color-action: #90cdfb;
--lrs-mc-audit-report-trends-chart-category-bg-color-action-hover: #BBDEFB;
--lrs-mc-audit-report-trends-chart-category-border-color-action-hover: #64B5F6;
--lrs-mc-audit-report-trends-chart-category-bg-color-success: #4db6ac7a;
--lrs-mc-audit-report-trends-chart-category-border-color-success: #4db6ac;
--lrs-mc-audit-report-trends-chart-category-bg-color-success-hover: #009688d1;
--lrs-mc-audit-report-trends-chart-category-border-color-success-hover: #068778;
--lrs-mc-audit-report-trends-chart-category-bg-color-error: #ef53507a;
--lrs-mc-audit-report-trends-chart-category-border-color-error: #ef5350;
--lrs-mc-audit-report-trends-chart-category-bg-color-error-hover: #e53935a3;
--lrs-mc-audit-report-trends-chart-category-border-color-error-hover: #c91e1a;
--lrs-mc-audit-report-tile-breakdown-category-color: #f18de8;
--lrs-mc-audit-report-tile-breakdown-category-mono: #420f4b;
--lrs-mc-audit-report-tile-breakdown-category-simplex: #9ad7d2;
--lrs-mc-audit-report-tile-breakdown-category-duplex: #65afa9;
--lrs-mc-audit-report-tile-breakdown-category-trees: #96ca5a;
--lrs-mc-audit-report-tile-breakdown-category-trees-trunk: #683523;
--lrs-mc-audit-report-tile-breakdown-category-energy: #f5e944;
--lrs-mc-audit-report-tile-breakdown-category-co2-ground: #4db6ac;
--lrs-mc-audit-report-tile-breakdown-category-co2-sea: #c5ebfb;
--lrs-mc-audit-report-tile-breakdown-category-pages: #436d8d;
--lrs-mc-audit-report-storage-breakdown-other-color: #c698c6;
/* Floorplan */
--lrs-mc-floorplan-badge-bg: #4db6ac;
--lrs-mc-floorplan-badge-border: #009688;
--lrs-mc-floorplan-badge-shadow: #a4a4a4;
--lrs-mc-floorplan-tooltip-bg: #2e597ae6;
/* Table headings */
--lrs-mc-table-heading-success-bg: #E8F5E9;
--lrs-mc-table-heading-warning-bg: #FFF9C4;
--lrs-mc-table-heading-info-bg: #E3F2FD;
--lrs-mc-table-heading-danger-bg: #FFEBEE;
/* PPM Simulator */
--lrs-mc-ppm-sidebar-option-color: rgb(33, 33, 33);
--lrs-mc-ppm-sidebar-option-selected-color: #FFF;
--lrs-mc-ppm-sidebar-option-bg-selected: #009ed5;
--lrs-mc-ppm-sidebar-option-bg-hover: rgba(0, 0, 0, 0.05);
--lrs-mc-ppm-button-group-selected-button-bg: #265579;
}
/*
Links
*/
a {
color: var(--lrs-mc-default-link-color);
}
a:hover {
color: var(--lrs-mc-default-link-hover-color);
}
/*
Form control
*/
.form-control,
.form-select {
border: 1px solid var(--lrs-mc-form-control-border-color);
background-color: var(--lrs-mc-form-control-bg);
}
.form-check-input:checked {
background-color: var(--lrs-mc-blue);
border-color: var(--lrs-mc-blue);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
opacity: 0.85;
}
.form-control-temp-highlight {
border: 1px solid var(--lrs-mc-alert-info-border);
background-color: var(--lrs-mc-alert-info-bg);
}
.form-range::-webkit-slider-runnable-track {
background: var(--lrs-mc-form-control-bg) !important;
border: 1px solid var(--lrs-mc-common-border-color);
}
.form-range::-moz-range-track {
background: var(--lrs-mc-form-control-bg) !important;
border: 1px solid var(--lrs-mc-common-border-color);
}
.form-range::-ms-track {
background: var(--lrs-mc-form-control-bg) !important;
border: 1px solid var(--lrs-mc-common-border-color);
}
.form-range::-webkit-slider-thumb {
background: var(--lrs-mc-form-control-checkbox-bg) !important;
}
.form-range::-moz-range-thumb {
background: var(--lrs-mc-form-control-checkbox-bg) !important;
}
.form-range::-ms-thumb {
background: var(--lrs-mc-form-control-checkbox-bg) !important;
}
/*
* Search helper
*/
.ui-search-input-focus-help {
position: absolute;
left: 0;
top: 100%;
border: 1px solid var(--lrs-mc-dropdown-menu-border-color);
box-shadow: 0 0.4rem 0.7rem 0.1rem var(--lrs-mc-dropdown-menu-shadow-color);
border-radius: 0.25rem;
padding: 2rem;
display: none;
background: var(--lrs-mc-form-control-search-help-bg);
color: var(--lrs-mc-white-color);
z-index: 50;
margin-top: 1rem;
margin-left: 1rem;
max-width: 30rem;
}
.ui-search-input-focus-help::before {
content: "\f235";
color: var(--lrs-mc-form-control-search-help-bg);
position: absolute;
top: -1rem;
left: 1rem;
font-size: 1.5rem;
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ui-search-input-focus-help-open-on-focus {
display: block;
}
/*
Form - Legend
*/
legend {
font-size: var(--bs-body-font-size);
}
/*
Form - Field Validataion
*/
.field-validation-valid {
display: none !important;
}
/*
Text
*/
.text-overflow-anywhere {
overflow-wrap: anywhere;
}
.text-break-all {
word-break: break-all;
}
/*
Alerts
*/
.alert-danger:not(.alert-danger-delete),
.alert-info,
.alert-danger-warning,
.alert-info-loading,
.alert-warning,
.alert-success,
.alert-unknown {
padding-left: 3rem;
color: var(--bs-body-color);
z-index: 4;
}
/*
Alert - Danger
*/
.alert-danger {
background: var(--lrs-mc-alert-danger-bg);
border-color: var(--lrs-mc-alert-danger-border);
}
.alert-danger:not(.alert-danger-delete)::before,
.alert-info::before,
.alert-danger-warning::before,
.alert-info-loading::before,
.alert-warning::before,
.alert-success::before,
.alert-unknown::before {
content: var(--lrs-mc-alert-danger-icon);
position: absolute;
left: 1rem;
top: 1.09rem;
height: 1.3rem;
width: 1.3rem;
}
.alert-danger-grey:not(.alert-danger-delete)::before {
content: var(--lrs-ms-alert-danger-grey-icon);
}
.alert-danger-vertical-center:not(.alert-danger-delete)::before,
.alert-warning-vertical-center:not(.alert-danger-delete)::before {
top: 1.45rem;
left: 2.5rem;
}
/*
Alert - Danger/Warning
*/
.alert-danger-warning {
background: var(--lrs-mc-alert-danger-bg);
border-color: var(--lrs-mc-alert-danger-border);
}
.alert-danger-warning::before {
content: var(--lrs-mc-alert-danger-warning-icon);
}
/*
Alert - Info
*/
.alert-info,
.alert-info-loading {
background-color: var(--lrs-mc-alert-info-bg);
border-color: var(--lrs-mc-alert-info-border);
}
.alert-info::before {
content: var(--lrs-mc-alert-info-icon);
}
.alert-info-number-1::before,
.alert-info-number-2::before,
.alert-info-number-3::before {
content: "1";
width: 1.3rem;
background: var(--lrs-mc-force-white-bg);
border: 1px solid var(--lrs-mc-icon-info-color);
border-radius: 50%;
padding: 0.6rem;
color: var(--lrs-mc-icon-info-color);
display: flex;
align-items: center;
justify-content: center;
font-size: 0.8rem;
font-weight: bold;
margin-top: 0.1rem;
}
.alert-info-number-2::before {
content: "2";
}
.alert-info-number-3::before {
content: "3";
}
.alert-info-loading::before {
content: "";
border: 0.12em solid;
border-color: var(--lrs-mc-alert-info-loading-icon-color);
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: spinner-border 0.75s linear infinite;
animation: spinner-border 0.75s linear infinite;
height: 1.2rem;
width: 1.2rem;
top: 1.15rem;
}
/*
Alert - Warning
*/
.alert-warning {
background-color: var(--lrs-mc-alert-warning-bg);
border-color: var(--lrs-mc-alert-warning-border);
}
.alert-warning::before {
content: var(--lrs-mc-alert-warning-icon);
}
/*
Alert - Success
*/
.alert-success {
background-color: var(--lrs-mc-alert-success-bg);
border-color: var(--lrs-mc-alert-success-border);
}
.alert-success::before {
content: var(--lrs-mc-alert-success-icon);
}
/*
Alert - Unknown
*/
.alert-unknown {
background-color: var(--lrs-mc-alert-unknown-bg);
border-color: var(--lrs-mc-alert-unknown-border);
}
.alert-unknown::before {
content: var(--lrs-mc-alert-unknown-icon);
}
/*
* Minimal alerts
*/
.alert-minimal {
background: none !important;
border: none !important;
padding: 0 !important;
padding-left: 1.8rem !important;
margin-bottom: 0 !important;
}
.alert-minimal::before {
left: 0 !important;
top: 0.15rem !important;
}
/*
Buttons
*/
.btn {
font-size: var(--bs-body-font-size);
align-items: center !important;
display: inline-flex !important;
}
/*
Button with Icon
e.g - btn btn-success d-inline-flex align-items-center
*/
.btn .bi,
.dropdown-item .bi,
.dropdown-no-items-selected-item .bi,
.ui-component-dropdown-item-label-custom-checkbox-container .bi,
.ui-component-custom-checkbox-container-with-icon .bi,
.ui-component-feature-set-item .bi,
.ui-component-grid-item-with-icon .bi,
.ui-component-grid-item-props-icon-container .bi,
.ui-component-locations-location-icon,
.ui-component-dynamic-items-item-icon,
.ui-component-audit-filters-list .list-group-item-action .bi {
width: 1.3rem;
height: 1.55rem;
position: relative;
top: -0.15rem;
left: 0;
margin-right: 0.6rem;
font-size: 1.3rem;
}
.bi-reverse-icon {
margin-left: 0.6rem;
margin-right: 0 !important;
}
.ui-component-grid-item-with-icon .bi
{
top: 0.1rem;
margin-right: 0.2rem;
margin-top: -0.3rem;
display: inline-block;
}
.ui-component-text-with-icon .bi {
color: var(--lrs-mc-dashboard-date-color);
}
/*
Custom Icons
*/
.bi-linux {
top: 0 !important;
width: 1.5rem !important;
}
.bi-lrs-svg {
top: 0 !important;
}
.bi-svg-theme-color {
fill: var(--lrs-mc-ppm-icons-color);
}
.bi-svg-theme-color-secondary {
fill: var(--lrs-mc-ppm-icons-color-secondary);
}
.list-group-item.list-group-item-action .bi-svg-lock,
.list-group-item.list-group-item-action .bi-svg-mfp-device {
fill: var(--lrs-mc-list-group-items-with-icon-icon-color);
position: absolute;
top: 50%;
left: 1.65rem;
height: 2rem;
margin-top: -1rem;
width: 1.4rem;
}
.list-group-item.list-group-item-action .bi-svg-mfp-device {
width: 1.5rem;
left: 1.4rem;
}
.btn .badge {
top: 0;
font-weight: normal;
font-size: inherit;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
/*
Button - Primary
*/
.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled {
background-color: var(--lrs-mc-btn-primary-bg);
border-color: var(--lrs-mc-btn-primary-bg);
}
.btn-primary:hover {
background-color: var(--lrs-mc-btn-primary-bg-hover);
border-color: var(--lrs-mc-btn-primary-bg-hover);
}
.btn-primary:active {
background-color: var(--lrs-mc-btn-primary-bg-active);
border-color: var(--lrs-mc-btn-primary-bg-active);
}
.btn-primary:focus {
background-color: var(--lrs-mc-btn-primary-bg-focus);
border-color: var(--lrs-mc-btn-primary-bg-focus);
box-shadow: var(--lrs-mc-btn-primary-bg-focus-outline);
}
/*
Button - Success
*/
.btn-success,
.btn-success.disabled,
.btn-success:disabled {
background-color: var(--lrs-mc-btn-success-bg);
border-color: var(--lrs-mc-btn-success-bg);
}
.btn-success[disabled] {
pointer-events: none;
opacity: 0.65;
}
.btn-success:hover {
background-color: var(--lrs-mc-btn-success-bg-hover);
border-color: var(--lrs-mc-btn-success-bg-hover);
}
.btn-success:active {
background-color: var(--lrs-mc-btn-success-bg-active);
border-color: var(--lrs-mc-btn-success-bg-active);
}
.btn-success:focus {
background-color: var(--lrs-mc-btn-success-bg-focus);
border-color: var(--lrs-mc-btn-success-bg-focus);
box-shadow: var(--lrs-mc-btn-success-bg-focus-outline);
}
/*
Button - Danger
*/
.btn-danger,
.btn-danger.disabled,
.btn-danger:disabled {
background-color: var(--lrs-mc-btn-danger-bg);
border-color: var(--lrs-mc-btn-danger-bg);
}
.btn-danger:hover {
background-color: var(--lrs-mc-btn-danger-bg-hover);
border-color: var(--lrs-mc-btn-danger-bg-hover);
}
.btn-danger:active {
background-color: var(--lrs-mc-btn-danger-bg-active);
border-color: var(--lrs-mc-btn-danger-bg-active);
}
.btn-danger:focus {
background-color: var(--lrs-mc-btn-danger-bg-focus);
border-color: var(--lrs-mc-btn-danger-bg-focus);
box-shadow: var(--lrs-mc-btn-danger-bg-focus-outline);
}
/*
Button - Warning
*/
.btn-warning,
.btn-warning.disabled,
.btn-warning:disabled {
transition: color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
background: var(--lrs-mc-badge-new-bg);
border-color: var(--lrs-mc-btn-warning-bg);
color: var(--lrs-mc-white-color);
}
.btn-warning:hover {
background: var(--lrs-mc-btn-warning-bg-hover);
border-color: var(--lrs-mc-btn-warning-bg-hover);
color: var(--lrs-mc-white-color);
}
.btn-warning:active {
background: var(--lrs-mc-btn-warning-bg-active);
border-color: var(--lrs-mc-btn-warning-bg-active);
color: var(--lrs-mc-white-color);
}
.btn-warning:focus {
background: var(--lrs-mc-btn-warning-bg-focus);
border-color: var(--lrs-mc-btn-warning-bg-focus);
box-shadow: var(--lrs-mc-btn-warning-bg-focus-outline);
color: var(--lrs-mc-white-color);
}
.btn-warning .bi {
color: var(--lrs-mc-btn-warning-icon-color);
}
.btn-warning:hover .bi {
color: var(--lrs-mc-btn-warning-hover-icon-text-color);
}
/*
Button outline secondary
*/
.btn-outline-secondary,
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
color: var(--bs-body-color);
border-color: var(--lrs-mc-btn-outline-secondary-disabled-border-color);
}
.btn-outline-secondary {
background-color: var(--lrs-mc-btn-outline-secondary-bg);
}
.btn-outline-secondary[disabled] {
pointer-events: none;
opacity: 0.65;
}
.btn-outline-secondary:hover,
.btn-outline-secondary:hover .ui-component-personalq-icon-lock {
color: var(--lrs-mc-btn-outline-secondary-hover-icon-text-color);
background-color: var(--lrs-mc-btn-primary-bg-hover);
border-color: var(--lrs-mc-btn-primary-bg-hover);
}
.btn-outline-secondary:hover .ui-component-personalq-icon-cutout {
fill: var(--lrs-mc-btn-outline-secondary-hover-icon-text-color);
}
.btn-outline-secondary .bi {
color: var(--lrs-mc-btn-outline-secondary-icon-color);
}
.btn-outline-secondary:hover .bi {
color: var(--lrs-mc-btn-outline-secondary-hover-icon-text-color);
}
.btn-outline-secondary:hover .bi-linux path,
.btn-outline-secondary:hover .bi-lrs-svg path {
fill: var(--lrs-mc-btn-outline-secondary-hover-icon-text-color);
}
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary:active {
background-color: var(--lrs-mc-btn-primary-bg-active);
border-color: var(--lrs-mc-btn-primary-bg-active);
}
.btn-outline-secondary.active .bi,
.btn-outline-secondary.dropdown-toggle.show .bi,
.btn-outline-secondary:active .bi {
color: var(--lrs-mc-btn-outline-secondary-hover-icon-text-color);
}
.btn-outline-secondary.active .bi-lrs-svg path,
.btn-outline-secondary.dropdown-toggle.show .bi-lrs-svg path,
.btn-outline-secondary:active .bi-lrs-svg path {
fill: var(--lrs-mc-btn-outline-secondary-hover-icon-text-color);
}
.btn-outline-secondary:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus,
.btn-outline-secondary:active:focus {
box-shadow: var(--lrs-mc-btn-primary-bg-focus-outline);
}
.btn-outline-secondary-tab-selected {
background: var(--lrs-mc-sidebar-menu-selected-bg);
color: var(--lrs-mc-white-color);
}
.btn-outline-secondary-tab-selected .bi {
color: var(--lrs-mc-white-color);
}
.btn-outline-secondary-count-bubble {
padding: 0rem 1rem;
border-radius: 1rem;
background: var(--lrs-mc-sidebar-menu-selected-bg);
background: var(--lrs-mc-list-group-subsection-item-bg);
}
.btn-outline-secondary:focus .btn-outline-secondary-count-bubble,
.btn-outline-secondary:hover .btn-outline-secondary-count-bubble,
.btn-outline-secondary.active:focus .btn-outline-secondary-count-bubble,
.btn-outline-secondary.dropdown-toggle.show:focus .btn-outline-secondary-count-bubble,
.btn-outline-secondary:active:focus .btn-outline-secondary-count-bubble {
background: none;
}
/*
* Dashboard button
*/
.btn-dashboard {
display: flex !important;
text-align: center;
padding: 1.5rem;
position: relative;
padding-top: 5.5rem;
justify-content: center;
width: 12rem;
padding-bottom: 4rem;
border-color: var(--lrs-mc-common-border-color);
}
.btn-dashboard .bi {
margin: 0 auto;
font-size: 4rem;
position: absolute;
width: auto;
height: auto;
top: 0.5rem;
left: auto;
}
.btn-dashboard .btn-helper-text {
position: absolute;
font-size: 0.875em;
top: 7.4rem;
margin: 0;
width: 9rem;
color: var(--lrs-mc-dashboard-date-color);
}
.btn-dashboard:hover .btn-helper-text,
.btn-dashboard:active .btn-helper-text,
.btn-dashboard:focus .btn-helper-text,
.btn-dashboard.btn-danger .btn-helper-text,
.btn-dashboard.btn-warning .btn-helper-text {
color: inherit;
opacity: 0.8;
}
.btn-dashboard .ui-component-notification-count {
min-width: 2rem;
max-width: 4rem;
font-size: 1.2rem;
left: 6rem;
top: 1rem;
padding: 0.1rem 0.5rem;
}
/*
Button dropdown toggle
*/
.dropdown-toggle::after {
display: inline-block;
border: none;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
line-height: 1;
vertical-align: -0.125em;
content: "\F282"; /* Chevron down */
margin-left: 0.8rem;
}
.btn-check:active + .btn-outline-primary.dropdown-toggle::after,
.btn-check:checked + .btn-outline-primary.dropdown-toggle::after,
.btn-outline-primary.active.dropdown-toggle::after,
.btn-outline-primary.dropdown-toggle.show.dropdown-toggle::after,
.btn-outline-primary:active.dropdown-toggle::after,
.btn-check:active + .btn-outline-secondary.dropdown-toggle::after,
.btn-check:checked + .btn-outline-secondary.dropdown-toggle::after,
.btn-outline-secondary.active.dropdown-toggle::after,
.btn-outline-secondary.dropdown-toggle.show.dropdown-toggle::after,
.btn-outline-secondary:active.dropdown-toggle::after {
content: "\F286"; /* Chevron Up */
}
/*
Dropdown menu
*/
.dropdown-menu.show {
border: 1px solid var(--lrs-mc-dropdown-menu-border-color);
box-shadow: 0 0.4rem 0.7rem 0.1rem var(--lrs-mc-dropdown-menu-shadow-color);
z-index: 1025;
}
.dropdown-menu.dropdown-menu-with-button-drawer {
padding-bottom: 0;
padding-top: 0;
}
.dropdown-menu-button-drawer {
background: var(--lrs-mc-modal-footer-bg);
justify-content: flex-end;
display: flex;
border-bottom-left-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
border-top: 1px solid var(--lrs-mc-common-border-color);
}
.dropdown-menu-button-drawer .btn {
margin: 1rem;
white-space: nowrap;
}
/*
Dropdown item
*/
.dropdown-no-items-selected-item {
width: 100%;
padding: 0.25rem 1rem;
clear: both;
font-weight: 400;
color: var(--bs-body-color);
text-align: inherit;
text-decoration: none;
white-space: nowrap;
border: 0;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
color: var(--lrs-mc-dropdown-item-disabled-text-color);
}
.dropdown-item,
.dropdown-no-items-selected-item {
padding-top: 0.4rem;
padding-bottom: 0.4rem;
align-items: center !important;
display: inline-flex !important;
}
.dropdown-item-multi-line {
align-items: start !important;
}
.dropdown-item-multi-line .dropdown-item-multi-line-desc {
font-size: 0.875rem;
color: var(--lrs-mc-form-text-color);
}
.dropdown-item.disabled .dropdown-item-multi-line-desc,
.dropdown-item:disabled .dropdown-item-multi-line-desc {
color: var(--lrs-mc-dropdown-item-disabled-text-color);
}
.dropdown-item-text-box {
display: block !important;
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
padding-top: 0.5rem;
border-bottom: 1px solid var(--lrs-mc-common-border-color);
margin-bottom: 0.5rem;
}
.dropdown-item:focus,
.dropdown-item:hover {
color: var(--bs-body-color);
background-color: var(--lrs-mc-dropdown-item-hover-bg);
}
.dropdown-item.active,
.dropdown-item:active {
color: var(--lrs-mc-white-color);
text-decoration: none;
background-color: var(--lrs-mc-dropdown-item-active-bg);
}
.dropdown-item.active.dropdown-item-multi-line .dropdown-item-multi-line-desc,
.dropdown-item:active.dropdown-item-multi-line .dropdown-item-multi-line-desc {
color: var(--lrs-mc-white-color);
}
.dropdown-item:active .bi {
color: var(--lrs-mc-white-color);
}
.dropdown-item .bi,
.dropdown-no-items-selected-item .bi {
color: var(--lrs-mc-dropdown-item-icon-color);
font-size: 1.2rem;
top: -0.1rem;
}
.dropdown-item.disabled .bi,
.dropdown-item:disabled .bi {
color: var(--lrs-mc-dropdown-item-disabled-text-color);
}
.dropdown-item .bi-toggle-on,
.dropdown-item .bi-toggle-off {
font-size: 1.4rem;
}
.dropdown-no-items-selected-item .bi {
color: var(--lrs-mc-dropdown-item-icon-warning-color);
}
.dropdown-item-with-delete-option {
padding: 0.4rem 1rem;
padding-right: 2.5rem;
align-items: center !important;
display: inline-flex !important;
white-space: nowrap;
position: relative;
width: 100%;
cursor: default;
}
.dropdown-item-with-delete-option-and-verification {
padding-left: 2.8rem;
}
.dropdown-item-with-delete-option:hover {
background-color: var(--lrs-mc-dropdown-item-hover-bg);
}
.dropdown-item-with-delete-option .dropdown-item-delete-button {
font-size: 1.1rem;
cursor: pointer;
color: var(--bs-body-color);
position: absolute;
right: 0.65rem;
margin-top: 0.1rem;
left: auto;
}
.dropdown-item-with-delete-option .dropdown-item-delete-button:hover {
color: var(--lrs-mc-dropdown-item-icon-danger-color);
}
.dropdown-item-with-delete-option
.dropdown-item-delete-button:hover
.bi::before {
content: "\f622";
}
.dropdown-item-verification-icon {
color: var(--lrs-mc-dropdown-item-icon-verification-color);
font-size: 1.3rem;
position: absolute;
left: 1rem;
top: 0.3rem;
}
.dropdown-item-verification-icon:hover {
color: var(--lrs-mc-dropdown-item-icon-verification-hover-color);
}
.dropdown-item-verification-outside-org-icon {
color: var(--lrs-mc-dropdown-item-icon-verification-outside-org-color);
}
.dropdown-item-verification-outside-org-icon:hover {
color: var(--lrs-mc-dropdown-item-icon-verification-outside-org-hover-color);
}
.dropdown-item-verification-icon-unknown {
color: var(--lrs-mc-dropdown-item-icon-verification-unknown-color);
}
.bi.bi-status-active-indicator {
color: var(--lrs-mc-form-control-checkbox-bg);
}
/*
Copy to clipboard button
*/
.ui-component-copy-to-clipboard {
border: none;
padding: 0;
background: none;
margin-left: 1rem;
}
.ui-component-copy-to-clipboard:hover {
color: var(--lrs-mc-btn-primary-bg-hover);
}
.ui-component-copy-to-clipboard .bi-check-lg {
transform: scale(1.5);
display: block;
color: var(--bs-body-color);
cursor: default;
}
/*
Badge - Secondary
*/
.bg-secondary {
background: var(--lrs-mc-blue-gradient);
padding: 0.55em 0.65em;
}
.bg-table-bulky {
padding: 0.7rem 0.6rem;
}
/*
Badge - NEW
*/
.bg-new {
background: var(--lrs-mc-badge-new-bg) !important;
padding: 0.55em 0.65em;
}
/*
Badge - Server Name
*/
.bg-server-name {
background: var(--lrs-mc-badge-server-name-bg) !important;
color: var(--bs-body-color);
font-weight: var(--bs-body-font-weight);
}
/*
Badge - Activity Log
*/
.bg-activity-log-diff-old,
.bg-activity-log-diff-new,
.bg-activity-log-diff-no-change {
background: var(--lrs-mc-badge-server-name-bg) !important;
color: var(--bs-body-color);
position: relative;
top: 2px;
float: right;
}
.bg-activity-log-diff-old {
background: var(--lrs-mc-badge-info-bg) !important;
color: var(--lrs-mc-white-color);
}
.bg-activity-log-diff-new {
background: var(--lrs-mc-btn-success-bg-active) !important;
color: var(--lrs-mc-white-color);
}
/*
Badge - Environment top
*/
.bg-environment-top {
background: var(--lrs-mc-badge-environment-top-bg) !important;
text-transform: uppercase;
}
/*
Badge - Access Point
*/
.bg-access-point {
background: var(--lrs-mc-badge-environment-access-point-bg) !important;
text-transform: uppercase;
}
/*
Badge - Node
*/
.bg-access-point-node {
background: var(--lrs-mc-badge-environment-access-point-node-bg) !important;
text-transform: uppercase;
}
/*
Badge - Single Server
*/
.bg-access-point-single-server {
background: var(--lrs-mc-badge-environment-single-server-bg) !important;
text-transform: uppercase;
}
/*
Badge - On Premise Connection
*/
.bg-on-premise-connection-connected,
.bg-on-premise-connection-waiting,
.bg-on-premise-connection-provisioning,
.bg-on-premise-connection-provisionFailed,
.bg-on-premise-connection-error,
.bg-on-premise-connection-unknown,
.bg-on-premise-connection-uninitialized,
.ui-component-license-app-status {
background: unset !important;
font-size: var(--bs-body-font-size);
font-weight: var(--bs-body-font-weight);
color: var(--bs-body-color);
padding-left: 1.25rem;
position: relative;
padding-top: 0;
padding-bottom: 0;
text-transform: capitalize;
}
/*
Badge - Inline list generic
*/
.bg-inline-list-generic {
text-transform: uppercase;
background: var(--lrs-mc-list-group-subsection-item-bg) !important;
padding: 0.2rem 0.5rem;
font-size: 0.8rem;
border-radius: 0.25rem;
}
.list-group-item-action:hover .bg-inline-list-generic {
background: var(--lrs-mc-list-group-subsection-item-hover-bg) !important;
}
.ui-component-license-app-status {
text-transform: none;
}
.bg-on-premise-connection-connected::before,
.bg-on-premise-connection-waiting::before,
.bg-on-premise-connection-provisioning::before,
.bg-on-premise-connection-provisionFailed::before,
.bg-on-premise-connection-error::before,
.bg-on-premise-connection-unknown::before,
.bg-on-premise-connection-uninitialized::before,
.ui-component-license-app-status::before {
content: "";
background: var(--lrs-mc-status-green-good) !important;
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
left: 0;
top: 50%;
margin-top: -0.375rem;
position: absolute;
}
.ui-dashboard-server-status-mini-icon.bg-on-premise-connection-connected::before,
.ui-dashboard-server-status-mini-icon.bg-on-premise-connection-waiting::before,
.ui-dashboard-server-status-mini-icon.bg-on-premise-connection-provisioning::before,
.ui-dashboard-server-status-mini-icon.bg-on-premise-connection-provisionFailed::before,
.ui-dashboard-server-status-mini-icon.bg-on-premise-connection-error::before,
.ui-dashboard-server-status-mini-icon.bg-on-premise-connection-unknown::before,
.ui-dashboard-server-status-mini-icon.bg-on-premise-connection-uninitialized::before {
margin-top: -0.3rem;
}
.ui-component-license-app-status-good::before {
background: var(--lrs-mc-status-green-good) !important;
}
.bg-on-premise-connection-waiting::before,
.bg-on-premise-connection-provisioning::before,
.ui-component-license-app-status-warning::before {
background: var(--lrs-mc-status-orange-warning) !important;
}
.bg-on-premise-connection-error::before,
.bg-on-premise-connection-provisionFailed::before,
.ui-component-license-app-status-bad::before {
background: var(--lrs-mc-status-red-bad) !important;
}
.bg-on-premise-connection-unknown::before,
.bg-on-premise-connection-uninitialized::before,
.ui-component-license-app-status-unknown::before {
background: var(--lrs-mc-status-grey-unknown) !important;
}
/*
Badge - Dashboard Single Item Good
*/
.bg-dashboard-item-single-good {
background: var(--lrs-mc-status-green-good) !important;
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
display: block !important;
float: left;
margin-right: 0.5rem;
margin-top: 0.35rem;
padding: 0;
}
/*
Badge - Dashboard Single Item Good
*/
.bg-dashboard-item-single-bad {
background: var(--lrs-mc-status-red-bad) !important;
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
display: block !important;
float: left;
margin-right: 0.5rem;
margin-top: 0.35rem;
padding: 0;
}
/*
Badge - Dashboard Single Item Unknown
*/
.bg-dashboard-item-single-unknown {
background: var(--lrs-mc-status-grey-unknown) !important;
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
display: block !important;
float: left;
margin-right: 0.5rem;
margin-top: 0.35rem;
padding: 0;
}
/*
Badge - LRS Component status
*/
.bg-lrs-component-status,
.bg-lrs-component-status-warning,
.bg-lrs-component-status-error {
background: var(--lrs-mc-force-white-bg) !important;
font-size: var(--bs-body-font-size);
font-weight: var(--bs-body-font-weight);
color: var(--bs-body-color);
padding-left: 1.25rem;
position: relative;
display: block;
text-align: left;
}
.list-group .bg-lrs-component-status {
background: transparent !important;
}
.bg-lrs-component-status::before,
.bg-lrs-component-status-warning::before,
.bg-lrs-component-status-error::before {
content: "";
background: var(--lrs-mc-status-green-good);
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
left: 0;
top: 50%;
margin-top: -0.375rem;
position: absolute;
}
.bg-lrs-component-status-warning::before {
background: var(--lrs-mc-status-orange-warning) !important;
}
.bg-lrs-component-status-error::before {
background: var(--lrs-mc-status-red-bad) !important;
}
.bg-lrs-component-status {
padding-left: 2rem;
}
.bg-lrs-component-status::before {
content: "";
background-image: var(--lrs-mc-lrs-logo);
background-size: var(--lrs-mc-lrs-logo-bg-component-size);
background-repeat: no-repeat;
background-color: transparent;
background-position: left -17px;
width: 1.7rem;
height: 1.5rem;
left: 0;
top: 50%;
margin-top: -11px;
position: absolute;
}
.bg-lrs-component-status-not-seen::before {
content: none;
}
.ui-component-details-item .bg-lrs-component-status {
padding: 0;
padding-left: 2rem;
display: inline;
}
/*
Badge - LRS Component version
*/
.bg-lrs-component-version,
.bg-selected-template {
font-size: 0.75rem;
font-weight: 500;
letter-spacing: 0.05rem;
background: var(--lrs-mc-badge-lrs-component-version-bg) !important;
margin-top: 0.25rem;
color: var(--bs-body-color);
margin-left: 2rem;
}
/*
Badge - Selected template icon
*/
.bg-selected-template i {
color: var(--lrs-mc-status-alt-green-good);
font-size: 1rem;
display: inline-block;
position: relative;
top: 0.05rem;
}
/*
Badge - License Expiry
*/
.bg-license-line-item-expiry {
background: var(--lrs-mc-badge-line-item-expiry-bg) !important;
color: var(--bs-body-color);
}
.bg-license-line-item-expired {
background: var(--lrs-mc-badge-danger-bg) !important;
color: var(--lrs-mc-white-color);
}
.bg-license-line-item-expiring {
background: var(--lrs-mc-badge-warning-bg) !important;
color: var(--lrs-mc-white-color);
}
/*
Badge - License Count
*/
.bg-license-line-item-count {
background: var(--lrs-mc-badge-line-item-count-bg) !important;
color: var(--bs-body-color);
}
/*
Badge - License Enabled
*/
.bg-license-line-item-enabled {
background: var(--lrs-mc-badge-line-item-enabled-bg) !important;
color: var(--bs-body-color);
}
/*
Badge - License VPSX
*/
.bg-license-line-item-host-vpsx {
background: var(--lrs-mc-badge-line-item-vpsx-bg) !important;
color: var(--bs-body-color);
}
/*
Badge - License PCX
*/
.bg-license-line-item-host-pcx {
background: var(--lrs-mc-badge-line-item-pcx-bg) !important;
color: var(--bs-body-color);
}
/*
Badge - Printer Keyword
*/
.bg-printer-keyword {
background: var(--lrs-mc-badge-line-item-count-bg) !important;
color: var(--bs-body-color);
font-size: 0.9rem;
}
/*
Badge colors
*/
.bg-warning {
background: var(--lrs-mc-badge-warning-bg) !important;
}
.bg-danger {
background: var(--lrs-mc-badge-danger-bg) !important;
}
.bg-success {
background: var(--lrs-mc-badge-success-bg) !important;
}
.btn-success .bg-success {
background: var(--lrs-mc-btn-success-bg-active) !important;
}
.btn-success:hover .bg-success {
background: var(--lrs-mc-btn-success-bg) !important;
}
.bg-info {
background: var(--lrs-mc-badge-info-bg) !important;
}
.bg-info-alt {
background: var(--lrs-mc-badge-info-alt-bg) !important;
}
.bg-debug {
background: var(--lrs-mc-badge-debug-bg) !important;
}
.bg-custom {
background: var(--lrs-mc-badge-custom-bg) !important;
}
.bg-light {
color: var(--bs-body-color);
background: var(--lrs-mc-badge-light) !important;
}
.btn-outline-secondary:hover .bg-light {
background: var(--lrs-mc-btn-primary-bg-active) !important;
color: var(--lrs-mc-btn-outline-secondary-hover-icon-text-color);
}
.btn-outline-secondary:active .bg-light,
.btn-outline-secondary:focus .bg-light,
.btn-outline-secondary:focus:active .bg-light {
background: var(--lrs-mc-btn-primary-bg-hover) !important;
color: var(--lrs-mc-btn-outline-secondary-hover-icon-text-color);
}
/*
Badge loading
*/
.bg-loading {
color: var(--bs-body-color);
background: var(--lrs-mc-badge-lrs-component-version-bg) !important;
font-size: 0.75rem;
font-weight: 500;
position: relative;
}
.bg-info-box-content-number {
font-size: 1.1rem;
font-weight: normal;
margin: 1.2rem 0;
color: var(--bs-body-color);
background: var(--lrs-mc-badge-lrs-component-version-bg) !important;
min-width: 3rem;
padding: 0.75rem 2rem;
}
.bg-info-box-content-number-in-title {
font-size: 1.1rem;
font-weight: normal;
margin-top: -0.5rem;
margin-left: 0.5rem;
color: var(--bs-body-color);
background: var(--lrs-mc-badge-lrs-component-version-bg) !important;
min-width: 3rem;
}
.ui-component-dashboard-doughnut-labels .bg-info-box-content-number-in-title {
line-height: normal;
padding: .15em .65em;
margin-top: 0;
}
.bg-info-help-heading {
font-size: var(--bs-body-font-size);
font-weight: normal;
color: var(--bs-body-color);
background: var(--lrs-mc-badge-light) !important;
padding: .5em .65em;
}
.ppm-version-selected {
background: var(--lrs-mc-list-group-sidebar-selected-item-bg) !important;
color: var(--lrs-mc-white-color);
}
/*
Search highlight
*/
.ui-component-search-highlight {
background: var(--lrs-mc-search-highlight);
}
/*
Nav Bar Pills
*/
.nav-pills-with-border-bottom-separator {
border-bottom: 1px solid var(--lrs-mc-common-border-color);
}
.nav-item-separator {
background: var(--lrs-mc-common-border-color);
width: 1px;
}
.nav-pills .nav-link {
background-color: var(--lrs-mc-sidebar-bg);
color: var(--bs-body-color);
transition: none;
}
.nav-pills .nav-link:focus {
box-shadow: var(--lrs-mc-btn-primary-bg-focus-outline);
outline: 0;
}
.nav-pills .nav-link:hover {
background-color: var(--lrs-mc-sidebar-menu-hover-bg);
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
background: var(--lrs-mc-sidebar-menu-selected-bg);
}
.nav-pills .nav-link.nav-link-side-menu {
position: relative;
padding-right: 4rem;
}
.nav-pills .nav-link.nav-link-side-menu.active {
background: var(--lrs-mc-btn-primary-bg);
}
.nav-pills .nav-link.nav-link-side-menu::after {
content: "\F285";
position: absolute;
right: 1rem;
top: 50%;
margin-top: -9px;
height: 18px;
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -0.125em;
-webkit-font-smoothing: antialiased;
}
.nav-link-heading {
font-weight: 500;
margin-bottom: 0.1rem;
display: block;
}
.nav-link-metadata {
display: block;
font-size: .875em;
position: relative;
}
.nav-link-metadata-set::before,
.nav-link-metadata-not-set::before {
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 0.3rem;
}
.nav-link-metadata-set {
position: absolute;
top: 4.1rem;
}
.nav-link-metadata-set::before {
content: "\f26a";
color: var(--lrs-mc-status-alt-green-good);
}
.nav-link-metadata-not-set::before {
content: "\f623";
color: var(--lrs-mc-icon-grey-color);
}
/*
Form Text
*/
.form-text {
color: var(--lrs-mc-form-text-color);
}
.form-text .ui-component-form-required-label {
color: var(--lrs-mc-status-alt-green-good);
}
.form-text-error .ui-component-form-required-label,
.form-text-error {
color: var(--lrs-mc-red-bad-text-color);
}
.form-text-info {
color: var(--lrs-mc-badge-info-bg);
}
.form-text-warning {
color: var(--lrs-mc-badge-warning-bg);
}
/*
Modal
*/
.modal-dialog {
max-width: 50rem;
}
.modal-dialog-65 {
max-width: 65rem;
}
.modal-header {
background: var(--lrs-mc-blue-gradient);
padding: 2rem 2rem;
padding-left: 5rem;
color: var(--lrs-mc-white-color);
position: relative;
overflow: hidden;
}
.modal-content {
border: none;
}
.modal-title {
font-weight: normal;
position: relative;
border-bottom: 2px solid var(--lrs-mc-modal-title-border-color);
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
}
.modal-header button {
border: none;
background: none;
font-size: 2.5rem;
position: absolute;
right: 1rem;
color: var(--lrs-mc-white-color);
opacity: 0.5;
text-shadow: 0 0 10px var(--lrs-mc-modal-close-button-shadow-color);
}
.modal-header button:hover {
opacity: 1;
}
.modal-body {
max-height: calc(100vh - 15.25rem);
overflow-y: auto;
padding: 2rem;
}
.modal-footer {
background: var(--lrs-mc-modal-footer-bg);
padding: 1rem 2rem;
}
.modal-backdrop-contained {
position: absolute;
width: 100%;
height: 100%;
}
/*
Accordion
*/
.accordion-item {
border-color: var(--lrs-mc-list-group-item-border-color);
}
.accordion-button {
padding-left: 3.25rem;
font-size: var(--bs-body-font-size);
}
.accordion-body {
padding-left: 3.25rem;
padding-right: 3.25rem;
}
.accordion-button:not(.collapsed),
.accordion-button:hover {
box-shadow: inset 0 -1px 0 var(--lrs-mc-list-group-item-border-color);
background-color: var(--lrs-mc-list-group-item-hover-bg);
color: var(--bs-body-color);
}
.accordion-button:not(.collapsed):focus,
.accordion-button:hover:focus,
.accordion-button.collapsed:hover:focus {
box-shadow: inset 0 -1px 0 var(--lrs-mc-list-group-item-border-color), 0 0 0 0.25rem rgba(13,110,253,.25);
}
.accordion-button.collapsed:hover {
box-shadow: none;
}
.accordion-button::after {
background: none;
content: "\F285";
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
position: absolute;
left: 1.2rem;
width: auto;
height: auto;
}
.accordion-button:not(.collapsed)::after {
background: none;
transform: rotate(90deg);
color: var(--lrs-mc-dropdown-arrows-hover-bg);
}
/*
List Item
*/
.list-group-item-action {
padding-right: calc(1rem + 40px);
}
.list-group-item-action::after,
.ui-component-quick-find-autocomplete .ui-menu-item::after {
content: "\F285";
position: absolute;
right: 1rem;
top: 50%;
margin-top: -9px;
height: 18px;
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -0.125em;
-webkit-font-smoothing: antialiased;
}
.list-group-item-action-backwards::after {
right: auto;
left: 1rem;
content: "\F284";
margin-top: -8px;
}
.ui-component-network-map-container .list-group-item-action:hover::after {
color: var(--lrs-mc-white-color);
}
/*
List Group Item
*/
.list-group-item {
border-color: var(--lrs-mc-list-group-item-border-color);
text-align: left;
white-space: nowrap;
}
.list-group-item-node-address,
.list-group-item-single-server-address {
background-color: var(--lrs-mc-list-group-item-server-address-bg);
}
.ui-component-network-map-show-compact .list-group-item-node-address,
.ui-component-network-map-show-compact .list-group-item-single-server-address {
background-color: var(--lrs-mc-force-white-bg);
}
.list-group-item-action:focus,
.list-group-item-action:hover,
a.list-group-item:hover,
a.list-group-item:focus {
background: var(--lrs-mc-list-group-item-hover-bg);
}
.ui-component-network-map-table
.list-group-item-lrs-product.list-group-item-action:focus,
.ui-component-network-map-table
.list-group-item-lrs-product.list-group-item-action:hover {
background: var(--lrs-mc-list-group-product-item-hover-bg);
border-bottom-color: var(--lrs-mc-list-group-product-item-hover-border-color);
}
.list-group-item-lrs-product.list-group-item-action:focus
.bg-lrs-component-status,
.list-group-item-lrs-product.list-group-item-action:hover
.bg-lrs-component-status {
background: var(--lrs-mc-list-group-item-hover-bg) !important;
}
.ui-component-network-map-table
.list-group-item-lrs-product.list-group-item-action:focus
.bg-lrs-component-status,
.ui-component-network-map-table
.list-group-item-lrs-product.list-group-item-action:hover
.bg-lrs-component-status {
background: var(--lrs-mc-list-group-product-item-hover-bg) !important;
}
.ui-component-network-map-table
.list-group-item-lrs-product.list-group-item-action:focus
.bg-lrs-component-version,
.ui-component-network-map-table
.list-group-item-lrs-product.list-group-item-action:hover
.bg-lrs-component-version {
background: var(--lrs-mc-list-group-product-item-hover-version-bg) !important;
}
.list-group-item-node-address.list-group-item-action:focus,
.list-group-item-node-address.list-group-item-action:hover,
.list-group-node-addresses .list-group-item-action:focus,
.list-group-node-addresses .list-group-item-action:hover {
background: var(--lrs-mc-badge-environment-access-point-node-bg);
color: var(--lrs-mc-white-color);
}
.list-group-environment-addresses .list-group-item-action:focus,
.list-group-environment-addresses .list-group-item-action:hover {
background: var(--lrs-mc-badge-environment-top-bg);
color: var(--lrs-mc-white-color);
}
.list-group-item-single-server-address.list-group-item-action:focus,
.list-group-item-single-server-address.list-group-item-action:hover {
background: var(--lrs-mc-badge-environment-single-server-bg);
color: var(--lrs-mc-white-color);
}
.list-group-access-point .list-group-item-action:focus,
.list-group-access-point .list-group-item-action:hover {
background: var(--lrs-mc-badge-environment-access-point-bg);
color: var(--lrs-mc-white-color);
}
.list-group-item-lrs-product.list-group-item-action:focus::after,
.list-group-item-lrs-product.list-group-item-action:hover::after {
color: var(--bs-body-color);
}
.list-group-item-lrs-product {
position: relative;
}
.list-group-item-lrs-logo {
background-image: var(--lrs-mc-lrs-logo);
display: block;
position: absolute;
width: 1.6rem;
height: 1.3rem;
background-repeat: no-repeat;
left: 0.7rem;
top: 0.9rem;
background-size: 3rem;
border-radius: 0.2rem;
background-position: 0.2rem 0.2rem;
}
/*
List group item with topper
*/
.list-group-with-topper-heading .list-group-item {
padding-left: 1.5rem;
}
/*
List group item with icon
*/
.ui-component-list-group-items-with-icon .list-group-item,
.ui-component-list-group-single-item-with-icon {
padding: 1rem;
padding-left: 3.5rem;
padding-right: 3rem;
}
.ui-component-list-group-single-item-with-icon-on-dashboard .list-group-item {
padding: 0.8rem;
padding-left: 4.5rem;
padding-right: 9.1rem;
}
.ui-component-list-group-items-with-icon-condensed .list-group-item {
padding: 0.8rem;
padding-left: 2.5rem;
padding-right: 3rem;
}
.list-group-with-topper-heading.ui-component-list-group-items-with-icon-condensed
.list-group-item {
padding-left: 3.5rem;
}
.ui-component-list-group-items-with-icon .bi:not(.ui-component-icon-active, .ui-component-icon-inactive),
.ui-component-list-group-single-item-with-icon .bi:not(.ui-component-icon-active, .ui-component-icon-inactive),
.form-label-with-icon .bi:not(.ui-component-icon-active, .ui-component-icon-inactive) {
color: var(--lrs-mc-list-group-items-with-icon-icon-color);
font-size: 1.3rem;
position: absolute;
top: 50%;
left: 1.5rem;
height: 2rem;
margin-top: -1rem;
}
.ui-component-list-group-single-item-with-icon-on-dashboard .bi:not(.ui-component-icon-active, .ui-component-icon-inactive) {
font-size: 1.4rem;
}
.ui-component-list-group-single-item-with-icon-on-dashboard .bi.ui-component-list-group-item-info-label {
font-size: 1.1rem;
position: relative;
left: 0;
top: 0.1rem;
margin-right: 0.5rem;
}
.ui-component-list-group-with-activity-icon .list-group-item-action {
padding-left: 4rem;
}
.ui-component-list-group-with-activity-icon .ui-component-info-box-activity-icon {
position: absolute;
left: 1rem;
top: 0.8rem;
}
.ui-component-list-group-item-info-label-data {
display: block;
margin-left: 2rem;
color: var(--lrs-mc-form-text-color);
}
.form-label-with-icon .bi {
position: relative;
left: 0;
top: 0.1rem;
}
.form-label-with-icon .bi-number-icon {
color: var(--lrs-mc-blue);
}
.ui-component-list-group-items-with-icon-my-org .list-group-item .bi,
.ui-component-list-group-items-with-icon-at-top .list-group-item .bi {
top: 1.65rem;
}
.ui-component-list-group-items-with-icon-my-org .list-group-item .bi {
top: 1.65rem;
}
.ui-component-list-group-items-with-icon-condensed .list-group-item .bi {
left: 0.75rem;
}
.list-group-with-topper-heading.ui-component-list-group-items-with-icon-condensed
.list-group-item
.bi {
left: 1.5rem;
}
.ui-component-list-group-items-with-icon-my-org .list-group-item .bi {
color: var(--lrs-mc-dropdown-item-icon-verification-color);
}
.ui-component-list-group-items-with-icon .ui-component-list-group-count,
.ui-component-list-group-single-item-with-icon .ui-component-list-group-count {
position: absolute;
right: 3rem;
padding: 0.1rem 1rem;
top: 50%;
margin-top: -0.85rem;
border-radius: 1rem;
color: var(--lrs-mc-white-color);
background: var(--lrs-mc-blue-gradient);
}
.ui-component-list-group-single-item-with-icon-on-dashboard .ui-component-list-group-count {
color: var(--bs-body-color);
background: var(--lrs-mc-badge-lrs-component-version-bg) !important;
overflow: hidden;
}
@keyframes animateListGroupCount {
from {
top: 1.2rem;
}
to {
top: 0;
}
}
.ui-component-list-group-single-item-with-icon-on-dashboard .ui-component-list-group-count .ui-component-list-group-count-reveal {
position: relative;
animation: animateListGroupCount 0.5s ease-out forwards;
}
.ui-component-list-group-heading-container {
display: flex;
margin: -0.5rem -1rem;
border-radius: 0.25rem;
}
.ui-component-list-group-heading-item {
padding: 1.5rem;
}
.ui-component-list-group-heading-item-checkbox-container {
border-right: 1px solid var(--lrs-mc-common-border-color);
padding: 0;
}
.ui-component-list-group-heading-item-checkbox-container
.ui-component-custom-checkbox-container {
width: 5.4rem;
height: 5.4rem;
}
.ui-component-list-group-heading-item-checkbox-container
.ui-component-custom-checkbox-container
.ui-component-custom-checkbox-checkmark {
left: 50%;
margin-left: -0.6rem;
}
li.ui-component-list-divider {
border-top: 1px solid var(--lrs-mc-common-border-color);
}
.list-group-quick-find-autocomplete {
position: absolute;
z-index: 10;
width: 100%;
box-shadow: 0 2rem 3rem 0rem var(--lrs-mc-dropdown-menu-shadow-color);
top: 2.8rem;
padding: 0;
}
.ui-component-quick-find-autocomplete .ui-menu-item:hover,
.ui-component-quick-find-autocomplete .ui-menu-item:has(.ui-state-active) {
background: var(--lrs-mc-btn-primary-bg-hover);
color: var(--lrs-mc-white-color);
}
.ui-component-quick-find-autocomplete .ui-menu-item:hover .bi,
.ui-component-quick-find-autocomplete .ui-menu-item:has(.ui-state-active) .bi {
color: var(--lrs-mc-white-color);
}
.ui-component-quick-find-autocomplete .ui-menu-item:hover .ui-component-search-highlight,
.ui-component-quick-find-autocomplete .ui-menu-item:has(.ui-state-active) .ui-component-search-highlight {
background: var(--lrs-mc-btn-primary-bg-focus);
}
.ui-component-quick-find-autocomplete .ui-menu-item .bi {
font-size: 1.3rem !important;
top: 1.4rem !important;
left: 1rem !important;
}
.list-group-quick-find-autocomplete .alert {
margin: 0;
}
.ui-component-quick-find-autocomplete {
position: absolute;
z-index: 10;
}
.ui-component-quick-find-autocomplete .ui-menu {
margin: 0;
padding: 0;
border-radius: .25rem;
box-shadow: 0 2rem 3rem 0rem var(--lrs-mc-dropdown-menu-shadow-color);
}
.ui-component-quick-find-autocomplete .ui-menu-item {
background: var(--lrs-mc-force-white-bg);
padding-right: 1rem;
padding-top: 0.6rem;
padding-bottom: 0.6rem;
padding-left: 3rem;
list-style-type: none;
margin: 0;
position: relative;
cursor: pointer;
border: 1px solid var(--lrs-mc-list-group-item-border-color);
}
.ui-component-quick-find-autocomplete .ui-menu-item+.ui-menu-item {
border-top-width: 0;
}
.ui-component-quick-find-autocomplete .ui-menu-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.ui-component-quick-find-autocomplete .ui-menu-item:last-child {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
/*
Table Display as a grid
*/
.ui-component-grid-parent {
display: grid;
grid-template-columns: 5.4rem 1fr repeat(3, auto);
grid-column-gap: 0px;
grid-row-gap: 0px;
border: 1px solid var(--lrs-mc-common-border-color);
border-radius: 0.25rem;
}
.ui-component-grid-parent-security-users {
grid-template-columns: 5.4rem 1fr repeat(3, auto);
}
.ui-component-grid-parent-security-users-readonly {
grid-template-columns: 1fr repeat(2, auto);
}
.ui-component-grid-parent-security-groups {
grid-template-columns: 5.4rem 1fr repeat(4, auto);
}
.ui-component-grid-parent-security-groups-readonly {
grid-template-columns: 1fr repeat(3, auto);
}
.ui-component-grid-parent-security-roles {
grid-template-columns: 5.4rem 1fr repeat(3, auto);
}
.ui-component-grid-parent-security-roles-readonly {
grid-template-columns: 1fr repeat(2, auto);
}
.ui-component-grid-parent-security-guests {
grid-template-columns: 5.4rem 1fr repeat(1, auto);
}
.ui-component-grid-parent-security-guests-readonly {
grid-template-columns: 1fr;
}
.ui-component-grid-parent-security-permissions {
grid-template-columns: 1fr;
border: 0;
}
.ui-component-grid-parent-security-roles-for-guest {
grid-template-columns: 1fr repeat(2, auto);
}
.ui-component-grid-parent-notifications {
grid-template-columns: 5.4rem 1fr repeat(3, auto);
}
.ui-component-grid-parent-activity-log {
grid-template-columns: auto 1fr repeat(2, auto);
}
.ui-component-grid-parent-hosted-activity-log {
grid-template-columns: auto 1fr repeat(2, auto);
}
.ui-component-grid-parent-activity-details {
grid-template-columns: auto 1fr repeat(1, auto);
}
.ui-component-grid-parent-available-templates {
grid-template-columns: 1fr;
}
.ui-component-grid-parent-cost-models {
grid-template-columns: 5.4rem 1fr repeat(3, auto);
}
.ui-component-grid-parent-cost-models-readonly {
grid-template-columns: 1fr repeat(2, auto);
}
.ui-component-grid-parent-cost-models-write-only {
grid-template-columns: 1fr repeat(3, auto);
}
.ui-component-grid-parent-hosted-cost-models {
grid-template-columns: 5.4rem 1fr repeat(5, auto);
}
.ui-component-grid-parent-hosted-cost-models-readonly {
grid-template-columns: 1fr repeat(4, auto);
}
.ui-component-grid-parent-hosted-cost-models-write-only {
grid-template-columns: 1fr repeat(5, auto);
}
.ui-component-grid-parent-paper {
grid-template-columns: 5.4rem 1fr repeat(3, auto);
}
.ui-component-grid-parent-paper-write-only {
grid-template-columns: 1fr repeat(3, auto);
}
.ui-component-grid-parent-paper-readonly {
grid-template-columns: 1fr repeat(3, auto);
}
.ui-component-grid-parent-reports {
grid-template-columns: 5.4rem 1fr repeat(3, auto);
}
.ui-component-grid-parent-audit-report-type-list {
grid-template-columns: 1fr repeat(5, auto);
margin-bottom: 2.5rem;
}
.ui-component-grid-parent-audit-report-count-list {
grid-template-columns: 1fr repeat(2, auto);
margin-bottom: 2.5rem;
}
.ui-component-grid-parent-audit-report-type-print-jobs {
grid-template-columns: 1fr repeat(7, auto);
min-width: 24rem;
margin-bottom: 2.5rem;
}
.ui-component-grid-parent-audit-report-access-list {
grid-template-columns: 5.4rem 1fr repeat(2, auto);
}
.ui-component-grid-parent-user-licenses {
grid-template-columns: 5.4rem 1fr repeat(3, auto);
}
.ui-component-grid-parent-user-licenses-group-rules {
grid-template-columns: 5.4rem 1fr repeat(2, auto);
}
.ui-component-grid-parent-eom-brokers {
grid-template-columns: 5.4rem 1fr repeat(5, auto);
}
.ui-component-grid-parent-eom-brokers-readonly {
grid-template-columns: 1fr repeat(5, auto);
}
.ui-component-grid-parent-eom-printers-bulk {
grid-template-columns: minmax(0, 1fr);
}
.ui-component-grid-parent-eom-personalqs {
grid-template-columns: 5.4rem 1fr repeat(3, auto);
}
.ui-component-grid-parent-eom-personalqs-readonly {
grid-template-columns: 1fr repeat(3, auto);
}
.ui-component-grid-parent-eom-personalq-jobs {
grid-template-columns: 5.4rem 1fr repeat(4, auto);
}
.ui-component-grid-parent-eom-personalq-jobs-readonly {
grid-template-columns: 1fr repeat(4, auto);
}
.ui-component-grid-parent-eom-printers-bulk {
grid-template-columns: 1fr;
}
.ui-component-grid-parent-eom-mfp-users {
grid-template-columns: 5.4rem 1fr repeat(2, auto);
}
.ui-component-grid-parent-eom-mfp-users-readonly {
grid-template-columns: 1fr repeat(2, auto);
}
.ui-component-grid-parent-eom-scan-profiles {
grid-template-columns: 5.4rem 1fr repeat(3, auto);
}
.ui-component-grid-parent-eom-scan-profiles-readonly {
grid-template-columns: 1fr repeat(3, auto);
}
.ui-component-grid-parent-eom-scan-profile-auth-rules {
grid-template-columns: 5.4rem 1fr repeat(4, auto);
}
.ui-component-grid-parent-eom-scan-profile-auth-rules-selected-scan-profile.ui-component-grid-parent-eom-scan-profile-auth-rules {
grid-template-columns: 5.4rem 1fr repeat(3, auto);
}
.ui-component-grid-parent-eom-scan-profile-auth-rules-readonly {
grid-template-columns: 1fr repeat(3, auto);
}
.ui-component-grid-parent-eom-scan-profile-auth-rules-selected-scan-profile.ui-component-grid-parent-eom-scan-profile-auth-rules-readonly {
grid-template-columns: 1fr repeat(2, auto);
}
.ui-component-grid-parent-eom-scan-profile-auth-rules-writeonly {
grid-template-columns: 1fr repeat(4, auto);
}
.ui-component-grid-parent-eom-scan-profile-auth-rules-selected-scan-profile.ui-component-grid-parent-eom-scan-profile-auth-rules-writeonly {
grid-template-columns: 1fr repeat(3, auto);
}
@media (max-width: 150rem) {
.ui-component-grid-parent-audit-report-type-print-jobs {
grid-template-columns: 1fr repeat(6, auto);
}
.ui-component-grid-parent-audit-report-type-print-jobs > .ui-component-grid-row-wrapper .ui-component-grid-item:nth-child(7),
.ui-component-grid-parent-audit-report-type-print-jobs .ui-component-grid-items-placeholder .ui-component-grid-item:nth-child(7) {
display: none;
}
}
@media (max-width: 130rem) {
.ui-component-grid-parent-audit-report-type-print-jobs {
grid-template-columns: 1fr repeat(3, auto);
}
.ui-component-grid-parent-audit-report-type-print-jobs > .ui-component-grid-row-wrapper .ui-component-grid-item:nth-child(2),
.ui-component-grid-parent-audit-report-type-print-jobs .ui-component-grid-items-placeholder .ui-component-grid-item:nth-child(2),
.ui-component-grid-parent-audit-report-type-print-jobs > .ui-component-grid-row-wrapper .ui-component-grid-item:nth-child(4),
.ui-component-grid-parent-audit-report-type-print-jobs .ui-component-grid-items-placeholder .ui-component-grid-item:nth-child(4),
.ui-component-grid-parent-audit-report-type-print-jobs > .ui-component-grid-row-wrapper .ui-component-grid-item:nth-child(5),
.ui-component-grid-parent-audit-report-type-print-jobs .ui-component-grid-items-placeholder .ui-component-grid-item:nth-child(5),
.ui-component-grid-parent-audit-report-type-print-jobs > .ui-component-grid-row-wrapper .ui-component-grid-item:nth-child(7),
.ui-component-grid-parent-audit-report-type-print-jobs .ui-component-grid-items-placeholder .ui-component-grid-item:nth-child(7) {
display: none;
}
}
@media (max-width: 90rem) {
.ui-component-grid-parent-audit-report-type-print-jobs {
grid-template-columns: 1fr repeat(2, auto);
}
.ui-component-grid-parent-audit-report-type-print-jobs > .ui-component-grid-row-wrapper .ui-component-grid-item:nth-child(2),
.ui-component-grid-parent-audit-report-type-print-jobs .ui-component-grid-items-placeholder .ui-component-grid-item:nth-child(2),
.ui-component-grid-parent-audit-report-type-print-jobs > .ui-component-grid-row-wrapper .ui-component-grid-item:nth-child(3),
.ui-component-grid-parent-audit-report-type-print-jobs .ui-component-grid-items-placeholder .ui-component-grid-item:nth-child(3),
.ui-component-grid-parent-audit-report-type-print-jobs > .ui-component-grid-row-wrapper .ui-component-grid-item:nth-child(4),
.ui-component-grid-parent-audit-report-type-print-jobs .ui-component-grid-items-placeholder .ui-component-grid-item:nth-child(4),
.ui-component-grid-parent-audit-report-type-print-jobs > .ui-component-grid-row-wrapper .ui-component-grid-item:nth-child(5),
.ui-component-grid-parent-audit-report-type-print-jobs .ui-component-grid-items-placeholder .ui-component-grid-item:nth-child(5),
.ui-component-grid-parent-audit-report-type-print-jobs > .ui-component-grid-row-wrapper .ui-component-grid-item:nth-child(7),
.ui-component-grid-parent-audit-report-type-print-jobs .ui-component-grid-items-placeholder .ui-component-grid-item:nth-child(7) {
display: none;
}
}
@media (max-width: 80rem) {
.ui-component-grid-parent-audit-report-type-print-jobs {
grid-template-columns: 1fr repeat(1, auto);
}
.ui-component-grid-parent-audit-report-type-print-jobs > .ui-component-grid-row-wrapper .ui-component-grid-item:nth-child(2),
.ui-component-grid-parent-audit-report-type-print-jobs .ui-component-grid-items-placeholder .ui-component-grid-item:nth-child(2),
.ui-component-grid-parent-audit-report-type-print-jobs > .ui-component-grid-row-wrapper .ui-component-grid-item:nth-child(3),
.ui-component-grid-parent-audit-report-type-print-jobs .ui-component-grid-items-placeholder .ui-component-grid-item:nth-child(3),
.ui-component-grid-parent-audit-report-type-print-jobs > .ui-component-grid-row-wrapper .ui-component-grid-item:nth-child(4),
.ui-component-grid-parent-audit-report-type-print-jobs .ui-component-grid-items-placeholder .ui-component-grid-item:nth-child(4),
.ui-component-grid-parent-audit-report-type-print-jobs > .ui-component-grid-row-wrapper .ui-component-grid-item:nth-child(5),
.ui-component-grid-parent-audit-report-type-print-jobs .ui-component-grid-items-placeholder .ui-component-grid-item:nth-child(5),
.ui-component-grid-parent-audit-report-type-print-jobs > .ui-component-grid-row-wrapper .ui-component-grid-item:nth-child(6),
.ui-component-grid-parent-audit-report-type-print-jobs .ui-component-grid-items-placeholder .ui-component-grid-item:nth-child(6),
.ui-component-grid-parent-audit-report-type-print-jobs > .ui-component-grid-row-wrapper .ui-component-grid-item:nth-child(7),
.ui-component-grid-parent-audit-report-type-print-jobs .ui-component-grid-items-placeholder .ui-component-grid-item:nth-child(7) {
display: none;
}
}
.ui-component-grid-parent-eom-printers {
grid-template-columns: 5.4rem 1fr repeat(4, auto);
}
.ui-component-grid-parent-eom-printers-readonly {
grid-template-columns: 1fr repeat(4, auto);
}
.ui-component-grid-parent-eom-deploying-hp-print-scan {
grid-template-columns: 5.4rem 1fr repeat(6, auto);
}
.ui-component-grid-parent-eom-deploying-hp-print-scan-readonly {
grid-template-columns: 1fr repeat(6, auto);
}
.ui-component-grid-parent-eom-deploying-hp-one-app {
grid-template-columns: 5.4rem 1fr repeat(5, auto);
}
.ui-component-grid-parent-eom-deploying-hp-one-app-readonly {
grid-template-columns: 1fr repeat(5, auto);
}
.ui-component-grid-parent-eom-deploying-printers-one-app {
grid-template-columns: 5.4rem 1fr repeat(4, auto);
}
.ui-component-grid-parent-eom-deploying-printers-one-app-readonly {
grid-template-columns: 1fr repeat(4, auto);
}
.ui-component-grid-parent-eom-deploying-printers-print-scan {
grid-template-columns: 5.4rem 1fr repeat(5, auto);
}
.ui-component-grid-parent-eom-deploying-printers-print-scan-readonly {
grid-template-columns: 1fr repeat(5, auto);
}
.ui-component-grid-parent-printer-processing {
grid-template-columns: 5.4rem 1fr;
}
.ui-component-grid-parent-eom-printer-templates {
grid-template-columns: 5.4rem 1fr repeat(1, auto);
}
.ui-component-grid-parent-eom-windows-drivers {
grid-template-columns: 5.4rem 1fr repeat(4, auto);
}
.ui-component-grid-parent-eom-windows-drivers-readonly {
grid-template-columns: 1fr repeat(4, auto);
}
.ui-component-grid-parent-eom-cups-drivers {
grid-template-columns: 5.4rem 1fr repeat(4, auto);
}
.ui-component-grid-parent-eom-cups-drivers-readonly {
grid-template-columns: 1fr repeat(4, auto);
}
.ui-component-grid-parent-eom-ppm-users {
grid-template-columns: 1fr repeat(1, auto);
}
.ui-component-grid-parent-eom-ppm-devices {
grid-template-columns: 1fr repeat(2, auto);
}
.ui-component-grid-parent-eom-ppm-items-users-devices {
grid-template-columns: 1fr repeat(2, auto);
}
.ui-component-grid-parent-eom-ppm-items-users-grants {
grid-template-columns: 1fr repeat(2, auto);
}
.ui-component-grid-parent-eom-ppm-items-devices-users {
grid-template-columns: 1fr repeat(1, auto);
}
.ui-component-grid-parent-eom-ppm-bootstraps {
grid-template-columns: 5.4rem 1fr repeat(2, auto);
}
.ui-component-grid-parent-eom-ppm-bootstraps-readonly {
grid-template-columns: 1fr repeat(1, auto);
}
.ui-component-grid-parent-eom-ppm-printer-rules {
grid-template-columns: 5.4rem 1fr repeat(4, auto);
}
.ui-component-grid-parent-eom-ppm-printer-rules-write-only {
grid-template-columns: 1fr repeat(4, auto);
}
.ui-component-grid-parent-eom-ppm-printer-rules-readonly {
grid-template-columns: 1fr repeat(3, auto);
}
.ui-component-grid-parent-eom-ppm-printer-rules-configure {
grid-template-columns: auto;
}
.ui-component-printer-list-search-with-filter {
width: 40rem;
}
.ui-component-grid-parent-eom-policies {
grid-template-columns: 5.4rem 1fr repeat(2, auto);
}
.ui-component-grid-parent-eom-policies-write-only {
grid-template-columns: 1fr repeat(2, auto);
}
.ui-component-grid-parent-eom-policies-readonly {
grid-template-columns: 1fr repeat(2, auto);
}
.ui-component-grid-parent-eom-policy-conditions {
grid-template-columns: repeat(5, auto);
display: inline-grid;
}
.ui-component-grid-parent-mfp-user-emails {
grid-template-columns: 1fr repeat(1, auto);
}
.ui-component-grid-parent-mfp-user-emails-no-card {
grid-template-columns: 1fr;
}
.ui-component-grid-row-wrapper,
.ui-component-grid-items-placeholder,
.ui-component-grid-row-hover-wrapper {
display: contents;
}
.ui-component-grid-parent
.ui-component-grid-row-wrapper
.ui-component-grid-item {
border-top: 1px solid var(--lrs-mc-common-border-color);
}
.ui-component-grid-parent.border-0
.ui-component-grid-row-wrapper:first-child
.ui-component-grid-item {
border-top: none;
}
.ui-component-grid-parent-activity-details
.ui-component-grid-row-wrapper:first-child
.ui-component-grid-item {
border-top: none;
}
.ui-component-grid-parent
> .ui-component-grid-row-wrapper:first-child
.ui-component-grid-item {
border-top: none;
}
.ui-component-grid-parent:not(.ui-component-grid-parent-security-permissions)
> .ui-component-grid-row-wrapper:first-child
.ui-component-grid-item {
background: var(--lrs-mc-grid-table-header-bg);
}
.ui-component-grid-parent.ui-component-grid-parent-sticky-header:not(.ui-component-grid-parent-security-permissions)
> .ui-component-grid-row-wrapper:first-child
.ui-component-grid-item {
position: sticky;
top: 0;
z-index: 10;
}
.ui-component-grid-parent-sticky-header-scrolling.ui-component-grid-parent-sticky-header
> .ui-component-grid-row-wrapper:first-child >
.ui-component-grid-item {
border-bottom: 1px solid var(--lrs-mc-common-border-color);
box-shadow: 0 1rem 1rem -1rem var(--lrs-mc-dropdown-menu-shadow-color);
opacity: 0.9;
}
.ui-component-grid-item {
padding: 1.95rem 1.5rem;
position: relative;
overflow-wrap: break-word;
}
.ui-component-grid-item-span-all {
grid-column: 1/-1;
}
.ui-component-grid-item-multi-line {
padding: 1.2rem 1.5rem;
}
.ui-component-grid-parent-security-permissions .ui-component-grid-row-wrapper .ui-component-grid-item {
border: 0;
margin-left: -1.2rem;
}
.ui-component-grid-item-button {
padding: 1.49rem 1.5rem;
}
.ui-component-grid-item-multi-line-with-icon,
.ui-component-grid-item-with-icon {
margin-left: 1.8rem;
display: block;
}
.ui-component-grid-item-permission-category {
display: block;
font-weight: 500;
margin-bottom: 0.5rem;
}
.ui-component-grid-item-multi-line-desc,
.ui-component-grid-item-multi-line-eom-printer-domain {
color: var(--lrs-mc-grid-table-multi-line-desc-color);
}
.ui-component-grid-item-not-set {
font-style: italic;
opacity: 0.5;
color: var(--lrs-mc-grid-table-multi-line-desc-color);
}
.ui-component-grid-item-search-tag-helper {
display: block;
position: absolute;
font-size: 0.8rem;
margin-left: 1.8rem;
color: var(--lrs-mc-status-alt-green-good);
}
.ui-component-grid-item-checkbox-container {
border-right: 1px solid var(--lrs-mc-common-border-color);
padding: 0;
}
.ui-component-grid-parent
> .ui-component-grid-row-wrapper:first-child
.ui-component-grid-item-checkbox-container {
border-top-left-radius: 0.25rem;
}
.ui-component-grid-parent
> .ui-component-grid-row-wrapper:last-child
.ui-component-grid-item-checkbox-container {
border-bottom-left-radius: 0.25rem;
}
.ui-component-grid-parent
> .ui-component-grid-row-wrapper:first-child
.ui-component-grid-item:last-child {
border-top-right-radius: 0.25rem;
}
.ui-component-grid-parent
> .ui-component-grid-row-wrapper:last-child
.ui-component-grid-item:last-child {
border-bottom-right-radius: 0.25rem;
}
.ui-component-grid-item-checkbox-container
.ui-component-custom-checkbox-container {
width: 5.4rem;
height: 100%;
}
.ui-component-grid-item-checkbox-container
.ui-component-custom-checkbox-container
.ui-component-custom-checkbox-checkmark {
left: 50%;
margin-left: -0.6rem;
}
.ui-component-grid-item-icon {
color: var(--lrs-mc-grid-table-item-icon-color);
font-size: 1.3rem;
position: absolute;
top: 1.1rem;
left: 1.5rem;
}
.ui-component-grid-item-icon-available-templates {
top: -0.15rem;
left: 0;
}
.ui-component-grid-item-icon-lrs {
top: 2.7rem;
}
.ui-component-grid-item-icon-lrs::before {
content: "";
background-image: var(--lrs-mc-lrs-logo);
background-size: var(--lrs-mc-lrs-logo-bg-component-size);
background-repeat: no-repeat;
background-color: transparent;
background-position: left -17px;
width: 1.7rem;
height: 1.5rem;
left: 0;
top: 50%;
margin-top: -11px;
position: absolute;
}
.ui-component-grid-item-icon-print-job-extra-info {
position: relative;
top: 0;
left: 0;
color: var(--lrs-mc-icon-grey-color);
margin-right: 0.3rem;
}
.ui-component-grid-item-security-permissions-list {
list-style-type: none;
margin-bottom: 0;
display: inline-block;
padding-left: 0;
}
.ui-component-grid-item-security-permissions-list li {
padding-left: 2rem;
font-size: 0;
position: relative;
}
.ui-component-grid-item-security-permissions-list
li
.ui-component-custom-checkbox-container {
margin-left: -2rem;
}
.ui-component-grid-item-security-permissions-list li span {
font-size: var(--bs-body-font-size);
}
.ui-component-grid-item-reporting-settings-heading-icon-on,
.ui-component-grid-item-reporting-settings-list-icon-on,
.ui-component-grid-item-security-permissions-list-icon-on,
.ui-component-grid-item-security-permissions-list-icon-off {
font-size: 1.3rem;
position: relative;
top: 0.1rem;
margin-right: 0.5rem;
margin-left: -2rem;
}
.ui-component-grid-item-security-permissions-list-icon-on,
.ui-component-icon-active {
color: var(--lrs-mc-status-alt-green-good);
}
.ui-component-grid-item-reporting-settings-heading-icon-on {
position: absolute;
top: 0;
margin-left: -1.9rem;
}
.ui-component-icon-active-alt {
color: var(--lrs-mc-form-control-checkbox-bg);
}
.ui-component-grid-item-security-permissions-list-icon-off,
.ui-component-icon-inactive {
color: var(--lrs-mc-status-alt-red-bad);
}
.ui-component-icon-warning {
color: var(--lrs-mc-status-orange-warning);
}
.ui-component-grid-item-security-permissions-list-subheading {
margin-left: -2rem;
display: block;
}
.ui-component-grid-item-security-permissions-list .ui-component-grid-item-security-permissions-list {
margin-left: -1rem;
padding-left: 0;
display: inline-block;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.ui-component-grid-item-sortable {
padding-right: 2rem;
}
.ui-component-grid-item-sortable div {
position: relative;
display: inline-block;
}
.ui-component-grid-item-sortable .ui-component-grid-item-sortable-ascending,
.ui-component-grid-item-sortable .ui-component-grid-item-sortable-descending {
position: absolute;
margin-left: 0.5rem;
left: 100%;
}
.ui-component-grid-item-sortable .ui-component-grid-item-sortable-descending {
top: 1.4rem;
}
.ui-component-grid-item-sortable .ui-component-grid-item-sortable-ascending::after,
.ui-component-grid-item-sortable .ui-component-grid-item-sortable-descending::after {
content: "\F285";
position: absolute;
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: bold !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -0.125em;
-webkit-font-smoothing: antialiased;
color: var(--lrs-mc-dropdown-arrows-bg);
transform: rotate(-90deg);
bottom: auto;
top: -0.1rem;
}
.ui-component-grid-item-sortable .ui-component-grid-item-sortable-descending::after {
bottom: -0.3rem;
top: auto;
transform: rotate(90deg);
}
.ui-component-grid-item-sortable .ui-component-grid-item-sortable-active::after {
color: var(--lrs-mc-dropdown-arrows-hover-bg);
}
.ui-component-grid-item-sortable .ui-component-grid-item-sortable-ascending:hover:not(.ui-component-grid-item-sortable-active)::after,
.ui-component-grid-item-sortable .ui-component-grid-item-sortable-descending:hover:not(.ui-component-grid-item-sortable-active)::after {
color: var(--lrs-mc-icon-info-color);
}
.ui-component-grid-item-props-icon-container .bi:last-child {
margin-right: 0;
}
.ui-component-data-table-loading-indicator-in-place {
position: absolute;
left: 0;
right: 0;
margin-top: 5.4rem;
border-radius: 0;
}
.ui-component-grid-items-placeholder-loading-in-place .ui-component-grid-item {
pointer-events: none;
opacity: 0.3;
}
.ui-component-grid-item-checklist li::before {
content: "\F26A";
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -0.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: var(--lrs-mc-status-alt-green-good);
font-size: 1.1rem;
top: 0.05rem;
left: 0;
position: relative;
margin-right: 0.5rem;
}
/*
UI Component Sidebar with content
*/
.ui-component-sidebar-with-content-grid-container {
display: grid;
grid-template-columns: minmax(0, auto) 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar {
min-width: 20rem;
max-width: 30rem;
}
.ui-layout-main-body-content-contains-full-height-sidebar
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar {
padding-top: 1.5rem;
border-right: 1px solid var(--lrs-mc-common-border-color);
width: 20rem;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-content {
margin: 0 0 0 2.5rem;
position: relative;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-content:fullscreen {
padding: 2rem !important;
overflow: auto;
background: var(--lrs-mc-force-white-bg);
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group:not(.ui-component-list-group-items-with-icon):not(.ui-component-list-group-with-activity-icon)
.list-group-item:not(.ui-component-list-group-single-item-with-icon):not(.list-group-item-action-backwards) {
padding: 0.8rem;
padding-right: 3rem;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group:not(.ui-component-list-group-items-with-icon):not(.ui-component-list-group-with-activity-icon)
.list-group-item:not(.ui-component-list-group-single-item-with-icon):not(.list-group-item-action-backwards) {
padding-left: 2.5rem;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group:not(.ui-component-list-group-items-with-icon):not(.ui-component-list-group-with-activity-icon)
.list-group-item.list-group-item-action-backwards {
padding: 0.8rem;
padding-right: 2.5rem;
padding-left: 3rem;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group:not(.ui-component-list-group-items-with-icon):not(.ui-component-list-group-with-activity-icon)
.list-group-item-subsection-collection
.list-group-item:not(.ui-component-list-group-single-item-with-icon) {
padding-left: 4rem;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group:not(.ui-component-list-group-items-with-icon):not(.ui-component-list-group-with-activity-icon)
.list-group-item-subsection-collection
.list-group-item-subsection-collection
.list-group-item:not(.ui-component-list-group-single-item-with-icon) {
padding-left: 5.5rem;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group:not(.ui-component-list-group-items-with-icon):not(.ui-component-list-group-with-activity-icon)
.list-group-item-section-expandable:not(.ui-component-list-group-single-item-with-icon) {
padding-left: 2.5rem;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group:not(.ui-component-list-group-items-with-icon):not(.ui-component-list-group-with-activity-icon)
.list-group-item-section-expandable:nth-last-child(2):not(.ui-component-list-group-single-item-with-icon) {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group:not(.ui-component-list-group-items-with-icon):not(.ui-component-list-group-with-activity-icon)
.list-group-item-section-expandable:not(.ui-component-list-group-single-item-with-icon).list-group-item-section-expandable-expanded {
border-bottom: none;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group:not(.ui-component-list-group-items-with-icon):not(.ui-component-list-group-with-activity-icon)
.list-group-item-subsection-collection
.list-group-item-subsection-collection
.list-group-item:first-child {
margin-top: -0.8rem;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group:not(.ui-component-list-group-items-with-icon):not(.ui-component-list-group-with-activity-icon)
.list-group-item-subsection-collection
.list-group-item:first-child.ui-component-sidebar-with-content-grid-sidebar-item-selected {
margin-top: 0;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group:not(.ui-component-list-group-items-with-icon):not(.ui-component-list-group-with-activity-icon)
.list-group-item-section-expandable:not(.ui-component-list-group-single-item-with-icon)
.list-group-item-expand-collapse::after {
content: "\F285";
position: absolute;
left: 0.7rem;
top: 1.1rem;
height: 18px;
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -0.125em;
-webkit-font-smoothing: antialiased;
font-size: 1.1rem;
color: var(--lrs-mc-dropdown-arrows-bg);
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group:not(.ui-component-list-group-items-with-icon):not(.ui-component-list-group-with-activity-icon)
.list-group-item-section-expandable.list-group-item-section-expandable-expanded:not(.ui-component-list-group-single-item-with-icon)
.list-group-item-expand-collapse::after {
transform: rotate(90deg);
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group:not(.ui-component-list-group-items-with-icon):not(.ui-component-list-group-with-activity-icon)
.list-group-item-subsection-collection
.list-group-item-section-expandable:not(.ui-component-list-group-single-item-with-icon)
.list-group-item-expand-collapse::after {
left: 2.2rem;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group:not(.ui-component-list-group-items-with-icon):not(.ui-component-list-group-with-activity-icon)
.list-group-item-section-expandable:not(.ui-component-list-group-single-item-with-icon):hover {
color: unset;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group:not(.ui-component-list-group-items-with-icon):not(.ui-component-list-group-with-activity-icon)
.list-group-item-section-expandable:not(.ui-component-list-group-single-item-with-icon):hover
.list-group-item-expand-collapse::after {
color: var(--lrs-mc-default-link-hover-color);
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group:not(.ui-component-list-group-items-with-icon):not(.ui-component-list-group-with-activity-icon)
.list-group-item:not(.ui-component-list-group-single-item-with-icon):not(.list-group-item-section-expandable)
span::before {
content: "";
background: var(--lrs-mc-common-border-color) !important;
width: 0.6rem;
height: 0.6rem;
border-radius: 50%;
left: 2.5rem;
top: 50%;
margin-top: -0.3rem;
position: absolute;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group:not(.ui-component-list-group-items-with-icon):not(.ui-component-list-group-with-activity-icon)
.list-group-item:not(.ui-component-list-group-single-item-with-icon):not(.list-group-item-section-expandable):hover
span::before {
background: var(--lrs-mc-list-group-sidebar-hover-item-bullet-bg) !important;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group:not(.ui-component-list-group-items-with-icon):not(.ui-component-list-group-with-activity-icon)
.list-group-item.list-group-item-action:not(.ui-component-list-group-single-item-with-icon)
span::before {
left: 1rem;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group
.list-group-item-subsection-collection
.list-group-item.list-group-item-action:not(.ui-component-list-group-single-item-with-icon)
span::before {
left: 2.5rem;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group
.list-group-item-subsection-collection
.list-group-item-subsection-collection
.list-group-item.list-group-item-action:not(.ui-component-list-group-single-item-with-icon)
span::before {
left: 4rem;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group:not(.ui-component-list-group-items-with-icon):not(.ui-component-list-group-with-activity-icon)
.list-group-item-subsection-collection
.list-group-item:not(.ui-component-list-group-single-item-with-icon) {
border-top: none;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group:not(.ui-component-list-group-items-with-icon):not(.ui-component-list-group-with-activity-icon)
.list-group-item-subsection-collection
.list-group-item:not(.ui-component-list-group-single-item-with-icon):not(:last-child):not(:last-of-type) {
border-bottom: none;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group:not(.ui-component-list-group-items-with-icon):not(.ui-component-list-group-with-activity-icon)
.list-group-item-subsection-collection:not(:last-child)
.list-group-item:not(.ui-component-list-group-single-item-with-icon) {
border-bottom: none;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group:not(.ui-component-list-group-items-with-icon):not(.ui-component-list-group-with-activity-icon)
.list-group-item-subsection-collection:last-child
.list-group-item:not(.ui-component-list-group-single-item-with-icon):last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group:not(.ui-component-list-group-items-with-icon):not(.ui-component-list-group-with-activity-icon)
.list-group-item-subsection-collection
.list-group-item:first-child:not(.ui-component-list-group-single-item-with-icon):not(.ui-component-sidebar-with-content-grid-sidebar-item-selected) {
margin-top: -0.8rem;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group:not(.ui-component-list-group-items-with-icon):not(.ui-component-list-group-with-activity-icon)
.list-group-item-subsection-collection {
display: none;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group:not(.ui-component-list-group-items-with-icon):not(.ui-component-list-group-with-activity-icon)
.list-group-item-subsection-collection:not(.list-group-item-subsection-collection-expanded)
.list-group-item {
border: none;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group:not(.ui-component-list-group-items-with-icon):not(.ui-component-list-group-with-activity-icon)
.list-group-item-subsection-collection:not(.list-group-item-subsection-collection-expanded)
+.list-group-item {
border-top-width: 0;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group:not(.ui-component-list-group-items-with-icon):not(.ui-component-list-group-with-activity-icon)
.list-group-item-subsection-collection.list-group-item-subsection-collection-expanded {
display: block;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group:not(.ui-component-list-group-items-with-icon):not(.ui-component-list-group-with-activity-icon)
.list-group-item-subsection-collection.list-group-item-subsection-collection-expanded:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group
.list-group-item.ui-component-sidebar-with-content-grid-sidebar-item-selected,
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group
.list-group-item.active {
background: var(--lrs-mc-list-group-sidebar-selected-item-bg);
color: var(--lrs-mc-white-color);
border-color: var(--lrs-mc-list-group-sidebar-selected-item-bg);
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group
.list-group-item.ui-component-sidebar-with-content-grid-sidebar-item-selected .subtext-color,
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group
.list-group-item.active .subtext-color,
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group
.list-group-item.ui-component-sidebar-with-content-grid-sidebar-item-selected .bi,
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group:not(.ui-component-list-group-with-activity-icon)
.list-group-item.active .bi {
color: var(--lrs-mc-white-color);
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group
.list-group-item-action:not(.active):hover .badge,
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group
.list-group-item-action:not(.active):hover .badge {
background: var(--lrs-mc-badge-light-menu-hover) !important;
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group
.list-group-item.ui-component-sidebar-with-content-grid-sidebar-item-selected .badge,
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group
.list-group-item.active .badge {
background: var(--lrs-mc-badge-light-menu-selected) !important;
color: var(--lrs-mc-white-color);
}
.ui-component-sidebar-with-content-grid-container
.ui-component-sidebar-with-content-grid-sidebar
.list-group
.list-group-item.ui-component-sidebar-with-content-grid-sidebar-item-selected::after {
color: var(--lrs-mc-white-color);
}
.ui-component-list-topper-heading {
padding: 1rem 1.5rem;
display: block;
background: var(--lrs-mc-list-group-list-topper-bg);
border: 1px solid var(--lrs-mc-common-border-color);
border-bottom: none;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.list-group-item-selected-environment-header-item {
padding-left: 3rem !important;
}
.list-group-item-selected-environment-header-item .bi {
position: absolute;
left: 1rem;
font-size: 1.3rem;
color: var(--lrs-mc-icon-grey-color);
top: 0.6rem;
}
.list-group-item-selected-environment-header {
display: block;
font-weight: 500;
max-width: 14rem;
white-space: normal;
word-break: break-all;
}
.list-group-item-selected-environment-link {
display: block;
margin-top: 0.2rem;
text-decoration: none;
}
/*
UI Layout - requires HTML and BODY to be 100% height
*/
html,
body {
height: 100%;
}
/*
UI Layout - Make the sidebar show the full length of
the page by extending the sidebar color
down the page.
*/
body {
background: var(--lrs-mc-body-bg);
background-repeat: repeat-y;
transition: background 0.5s ease;
}
/*
UI Layout - Container
*/
.ui-layout-container {
min-height: 100%;
display: grid;
grid-template-columns: 18.75rem 1fr;
transition: grid-template-columns 0.5s ease;
}
/*
UI Layout - Sidebar
*/
.ui-layout-sidebar {
background: var(--lrs-mc-sidebar-bg);
z-index: 1021;
border-right: 1px solid var(--lrs-mc-common-border-color);
display: inline-block;
vertical-align: top;
height: 100%;
min-height: 100vh;
width: 18.75rem;
position: relative;
box-shadow: inset 0px 10px 17px -10px var(--lrs-mc-sidebar-shadow-color);
transition: all 0.5s ease;
padding-bottom: 3.5rem;
}
/*
UI Layout - Sidebar Banner
*/
.ui-layout-sidebar-banner {
width: 18.75rem;
height: 18.75rem;
background: var(--lrs-mc-blue-gradient);
position: relative;
overflow: hidden;
margin-bottom: 1rem;
transition: all 0.5s ease;
}
/*
UI Layout - Sidebar Banner - LRS logo
*/
.ui-layout-sidebar-banner .lrs-logo {
display: block;
width: 18.75rem;
height: 6.25rem;
background-image: var(--lrs-mc-lrs-logo);
background-size: var(--lrs-mc-lrs-logo-sidebar-banner-size);
background-repeat: no-repeat;
margin-top: 2.5rem;
background-position: center;
transition: all 0.5s ease;
transform-origin: top left;
}
/*
UI Layout - Sidebar Banner - text
*/
.ui-layout-sidebar-banner-text {
font-weight: 300;
text-align: center;
color: var(--lrs-mc-white-color);
margin: 20px 50px;
border-bottom: 2px solid var(--lrs-mc-logo-text-border-color);
padding-bottom: 20px;
font-size: 1.2rem;
position: relative;
white-space: normal;
transition: all 0.5s ease;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.ui-layout-sidebar-banner-text::after,
.modal-title:after {
content: "";
position: absolute;
bottom: -3px;
left: 0;
right: 0;
background: var(--lrs-mc-logo-text-border-shadow-color);
height: 1px;
}
/*
UI Layout - Sidebar Banner - cloud
*/
.ui-layout-sidebar-banner-cloud-full-container {
position: absolute;
left: 50px;
top: 50px;
transition: all 0.5s ease;
}
.ui-layout-sidebar-banner-cloud-full-container-cloud1 {
left: -97px;
top: -27px;
transform: scale(0.7) rotate(135deg);
}
.ui-layout-sidebar-banner-cloud-full-container-cloud2 {
left: -81px;
top: 260px;
transform: scale(0.4);
}
.ui-layout-sidebar-banner-cloud-full-container-cloud3 {
left: 85px;
top: 39px;
opacity: 0.3;
transform: scale(0.5);
}
.ui-layout-sidebar-banner-cloud-full-container-cloud4 {
left: 169px;
top: 232px;
transform: scale(0.5) rotate(360deg);
}
.ui-layout-sidebar-banner-cloud-full {
width: 222px;
height: 70px;
background: var(--lrs-mc-logo-clouds-bg);
box-shadow: 10px 10px var(--lrs-mc-logo-clouds-shadow-color);
border-radius: 100px;
opacity: 0.1;
position: relative;
}
.ui-layout-sidebar-banner-cloud-full::after,
.ui-layout-sidebar-banner-cloud-full::before {
content: "";
position: relative;
display: inline-block;
background: inherit;
border-radius: inherit;
}
.ui-layout-sidebar-banner-cloud-full::after {
width: 100px;
height: 100px;
top: -38px;
left: -66px;
}
.ui-layout-sidebar-banner-cloud-full::before {
width: 100px;
height: 100px;
top: -60px;
left: 98px;
}
/*
UI Layout - Sidebar Menu
*/
.ui-layout-sidebar-menu {
list-style-type: none;
padding: 0;
padding-bottom: 1rem;
margin: 0 2rem 1rem;
border-bottom: 1px solid var(--lrs-mc-sidebar-menu-border-color);
position: relative;
width: 14.69rem;
transition: all 0.5s ease;
}
.ui-layout-sidebar-menu::after {
content: "";
height: 1px;
background: var(--lrs-mc-sidebar-menu-border-shadow-color);
display: block;
margin-top: 1rem;
position: absolute;
left: 0;
right: 0;
bottom: -3px;
}
.ui-layout-sidebar-menu a {
display: block;
padding: 0.5rem 1rem;
border-radius: 0.2rem;
text-decoration: none;
color: var(--bs-body-color);
border: none;
text-shadow: 1px 1px var(--lrs-mc-sidebar-menu-text-shadow-color);
align-items: center !important;
display: inline-flex !important;
width: 100%;
position: relative;
}
.ui-layout-sidebar-menu .ui-layout-sidebar-menu-text {
transition: transform 0.5s ease, max-height 1.5s ease, opacity 1.5s ease;
opacity: 1;
max-height: 10rem;
}
.ui-layout-sidebar-menu .ui-layout-sidebar-menu-tooltip {
background: var(--lrs-mc-sidebar-tooltip-bg);
border-radius: 0.25rem;
text-shadow: none;
color: var(--lrs-mc-white-color);
position: absolute;
left: 2.2rem;
margin-left: 1.5rem;
white-space: nowrap;
padding: 0.25rem 0rem;
opacity: 0;
width: 0;
display: none;
transition: padding ease-in 0.1s;
box-shadow: 3px 1px 9px 3px var(--lrs-mc-sidebar-tooltip-box-shadow);
}
.ui-layout-sidebar-menu .ui-layout-sidebar-menu-tooltip::before {
content: "\f22d";
color: var(--lrs-mc-sidebar-tooltip-bg);
position: absolute;
top: 0.3rem;
left: -0.8rem;
font-size: 1.5rem;
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ui-layout-sidebar-collapsed .ui-layout-sidebar a:not(.ui-layout-sidebar-menu-option-selected):hover .ui-layout-sidebar-menu-tooltip,
.ui-layout-sidebar-collapsed.ui-layout-sidebar-allow-tooltips .ui-layout-sidebar a.ui-layout-sidebar-menu-option-selected:hover .ui-layout-sidebar-menu-tooltip,
.ui-layout-sidebar-collapsed .ui-layout-sidebar-menu-tooltip-show.ui-layout-sidebar-menu-tooltip {
background: var(--lrs-mc-black-color) !important;
display: block;
opacity: 1;
padding: 0.25rem 0.7rem;
width: auto;
transition: none;
}
.ui-layout-sidebar-collapsed .ui-layout-sidebar-menu a:not(.ui-layout-sidebar-menu-option-selected):hover .ui-layout-sidebar-menu-tooltip::before,
.ui-layout-sidebar-collapsed.ui-layout-sidebar-allow-tooltips .ui-layout-sidebar-menu a.ui-layout-sidebar-menu-option-selected:hover .ui-layout-sidebar-menu-tooltip::before,
.ui-layout-sidebar-collapsed .ui-layout-sidebar-menu-tooltip-show.ui-layout-sidebar-menu-tooltip::before {
color: var(--lrs-mc-black-color) !important;
}
.ui-layout-sidebar-menu .bi {
width: 1.3rem;
height: 1.55rem;
position: relative;
top: -0.35rem;
left: 0;
margin-right: 1rem;
font-size: 1.5rem;
color: var(--lrs-mc-icon-grey-color);
transition: all 0.5s ease;
}
.ui-layout-sidebar-menu .ui-layout-sidebar-menu-option-selected .bi {
color: var(--lrs-mc-white-color);
}
.ui-layout-sidebar-menu a:hover {
background: var(--lrs-mc-sidebar-menu-hover-bg);
}
/*
UI Layout - Customer Selected
*/
.ui-layout-sidebar-menu-customer {
font-weight: 600;
margin-bottom: 0.5rem;
display: block;
width: 14.75rem;
transition: transform 0.5s ease, height 0.5s ease;
}
/*
UI Layout - Sidebar Menu Option Selected
*/
.ui-layout-sidebar-menu a.ui-layout-sidebar-menu-option-selected {
background: var(--lrs-mc-sidebar-menu-selected-bg);
color: var(--lrs-mc-white-color);
text-shadow: 1px 1px var(--lrs-mc-sidebar-menu-selected-text-shadow-color);
}
.list-group-item-action-selected,
.list-group-item-action-selected:hover,
.list-group-item-action-selected:focus {
background: var(--lrs-mc-sidebar-menu-selected-bg);
color: var(--lrs-mc-white-color);
}
.ui-component-list-group-items-with-icon .list-group-item-action-selected .bi,
.ui-component-list-group-single-item-with-icon .list-group-item-action-selected .bi {
color: var(--lrs-mc-white-color);
}
/*
UI Layout - The last sidebar menu doesn't need a closing border
*/
.ui-layout-sidebar .ui-layout-sidebar-menu:nth-last-child(2) {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.ui-layout-sidebar .ui-layout-sidebar-menu:nth-last-child(2)::after,
.ui-layout-sidebar-menu-legal::after {
display: none;
}
/*
Legal sidebar menu option
*/
.ui-layout-sidebar-menu-legal {
position: static;
bottom: 0;
border-bottom: none;
margin-bottom: 0;
position: absolute;
}
/*
UI Layout - Main Body
*/
.ui-layout-main-body {
height: 100%;
transition: all 0.5s ease;
}
.ui-layout-main-body-with-floorplan {
width: 100%;
overflow: hidden;
}
/*
UI Layout - Main Body Title
*/
.ui-layout-main-body-title {
margin-bottom: 1.5rem;
}
/*
UI Layout - Main Body Header
*/
.ui-layout-main-body-header {
padding: 1.25rem 2.5rem;
border-bottom: 1px solid var(--lrs-mc-common-border-color);
position: relative;
background: var(--lrs-mc-force-white-bg);
display: flex;
justify-content: space-between;
}
.ui-layout-main-body-content {
padding: 2.5rem;
}
.ui-layout-main-body-content-contains-full-height-sidebar {
height: calc(100% - 15rem);
}
/*
UI Layout - Main Body Header - Breadcrumb
*/
.ui-layout-main-body-header-breadcrumb {
padding: 8px 0;
}
.ui-layout-main-body-header-breadcrumb .breadcrumb {
margin-bottom: 0;
}
.ui-layout-main-body-header-breadcrumb .breadcrumb .breadcrumb-item.active {
color: var(--lrs-mc-breadcrumb-text-color);
}
.ui-layout-main-body-header-breadcrumb .breadcrumb .breadcrumb-item.active-page span {
color: var(--bs-body-color);
font-weight: bold;
position: relative;
top: 0.05rem;
}
.ui-layout-main-body-header-breadcrumb .breadcrumb a {
text-decoration: none;
}
.ui-layout-main-body-header-breadcrumb .breadcrumb-item::before {
margin-top: 0.2rem;
}
.ui-layout-main-body-header-breadcrumb.ui-layout-main-body-secondary-breadcrumb .breadcrumb-item::before {
margin-top: 0.15rem;
}
.ui-layout-report-breadcrumb-container {
border-top: 1px solid var(--lrs-mc-common-border-color);
padding: 1rem 1rem 1rem 0;
flex-wrap: wrap;
gap: 0.5rem;
}
/*
UI Layout - Main Body Header - User Information
*/
.ui-layout-main-body-header-user-info {
margin-top: 1.1rem;
}
.ui-layout-main-body-header-user-info .dropdown-menu {
padding-bottom: 0;
padding-top: 0;
}
.ui-layout-main-body-header-user-info-list {
list-style-type: none;
padding-left: 0;
}
.ui-layout-main-body-header-user-info-list li {
position: relative;
padding: 1rem;
padding-left: 3rem;
border-bottom: 1px solid var(--lrs-mc-common-border-color);
overflow-wrap: break-word;
max-width: 25rem;
}
.ui-layout-main-body-header-user-info
.ui-layout-main-body-header-user-info-my-profile-button {
margin: 1rem;
white-space: nowrap;
}
.ui-layout-main-body-header-user-info
.ui-layout-main-body-header-user-info-sign-out-button {
margin: 1rem;
margin-left: 0;
white-space: nowrap;
}
.ui-layout-main-body-header-user-info-icon {
color: var(--lrs-mc-list-group-items-with-icon-icon-color);
font-size: 1.3rem;
position: absolute;
left: 1rem;
top: 0.85rem;
}
.ui-layout-main-body-header-user-info-icon.bi-patch-check-fill {
color: var(--lrs-mc-dropdown-item-icon-verification-color);
}
.ui-layout-main-body-header-user-buttons {
background: var(--lrs-mc-modal-footer-bg);
justify-content: center;
display: flex;
border-bottom-left-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
/*
UI Components - This is the start of the UI Components
*/
/*
UI Component - Sidebar toggle
*/
.ui-component-toggle-sidebar {
display: block;
background: var(--lrs-mc-sidebar-toggle-bg);
border-bottom-left-radius: 75%;
height: 36px;
width: 36px;
right: 0;
top: 0;
position: absolute;
z-index: 99;
}
.ui-component-toggle-sidebar::before,
.ui-component-toggle-sidebar::after {
content: "";
border: solid var(--lrs-mc-sidebar-toggle-arrow-bg);
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
position: absolute;
left: 14px;
top: 11px;
opacity: 0.5;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
.ui-component-toggle-sidebar::after {
left: 23px;
}
.ui-component-toggle-sidebar-expand.ui-component-toggle-sidebar::before,
.ui-component-toggle-sidebar-expand.ui-component-toggle-sidebar::after {
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
left: 11px;
}
.ui-component-toggle-sidebar-expand.ui-component-toggle-sidebar::after {
left: 20px;
}
.ui-component-toggle-sidebar-expand {
display: none;
}
.ui-component-toggle-sidebar:hover {
background: var(--lrs-mc-sidebar-toggle-hover-bg);
}
.ui-component-toggle-sidebar:hover::before,
.ui-component-toggle-sidebar:hover::after {
opacity: 1;
}
/*
End UI Component - Sidebar toggle
*/
/*
UI Component - Trends Chart
*/
.ui-component-chart-parameters-container {
border: 1px solid var(--lrs-mc-common-border-color);
border-radius: 0.25rem;
word-break: break-all;
margin-bottom: 2.5rem;
display: flex;
flex-wrap: wrap;
padding: 2rem;
}
.ui-component-chart-parameters-section {
margin-right: 2rem;
}
.ui-component-chart-parameters-section .dropdown,
.ui-component-chart-parameters-section > .btn {
margin-top: 1.5rem;
}
.ui-component-chart-parameters-datetime-input {
border: 1px solid var(--lrs-mc-common-border-color);
padding: 0.5rem;
font-weight: normal;
background: var(--lrs-mc-form-control-bg);
border-radius: 0.25rem;
}
.ui-component-chart-parameters-text-input {
border: 1px solid var(--lrs-mc-common-border-color);
padding: 0.5rem;
font-weight: normal;
background: var(--lrs-mc-form-control-bg);
border-radius: 0.25rem;
}
.ui-component-chart-parameters-heading {
display: block;
font-weight: 500;
font-size: 0.9rem;
margin-bottom: 0.1rem;
}
.ui-component-chart-graphs-options-container,
.ui-component-chart-servers-container {
padding: 0.5rem 1rem;
min-width: 17rem;
}
.ui-component-chart-scroll-to-top {
position: fixed;
bottom: -2px;
z-index: 10;
right: 2.5rem;
}
.ui-component-sidebar-with-content-grid-content:fullscreen
.ui-component-chart-scroll-to-top {
right: 2.5rem;
}
.ui-component-trends-chart-container,
.ui-component-audit-report-heading-tile,
.ui-component-lrs-hosted-feature-on-prem-component {
border: 1px solid var(--lrs-mc-common-border-color);
padding: 1.5rem;
border-radius: 0.3rem;
position: relative;
margin-bottom: 2.5rem;
overflow: hidden;
}
.ui-component-trends-chart-container:fullscreen {
background: var(--lrs-mc-force-white-bg);
}
.ui-component-trends-chart-heading-container {
display: grid;
grid-auto-columns: 1fr 200px 150px;
grid-auto-flow: column;
column-gap: 1rem;
margin: 0 0 2rem;
}
.ui-component-trends-chart-container-collapsed
.ui-component-trends-chart-heading-container {
margin-bottom: 0;
}
.ui-component-trends-chart-heading {
padding-left: 3rem;
position: relative;
}
.ui-component-trends-chart-settings-container {
margin-left: auto;
}
.ui-component-trends-chart-settings-refresh-button {
white-space: nowrap;
}
.ui-component-trends-chart-toggle-container {
position: absolute;
left: 0.5rem;
}
.ui-component-trends-chart-container-collapsed {
overflow: hidden;
}
.ui-component-trends-chart-request-count,
.ui-component-details-item-error-message,
.ui-component-details-item-info-message,
.ui-component-details-item-warning-message {
display: block;
background: var(--lrs-mc-alert-info-bg);
padding: 0.4rem 0.8rem;
padding-left: 2.2rem;
border-radius: 0.3rem;
position: relative;
white-space: nowrap;
}
.ui-component-details-item-error-message,
.ui-component-details-item-info-message {
margin-left: 0;
}
.ui-component-trends-chart-request-count::before,
.ui-component-trends-chart-request-count-loading::before,
.ui-component-trends-chart-request-count-error::before,
.ui-component-details-item-error-message::before,
.ui-component-details-item-info-message::before {
content: var(--lrs-mc-alert-info-icon);
position: absolute;
left: 0.5rem;
top: 0.5rem;
height: 1.3rem;
width: 1.3rem;
}
.ui-component-trends-chart-request-count-error,
.ui-component-details-item-error-message {
background: var(--lrs-mc-alert-danger-bg);
}
.ui-component-details-item-info-message {
background: var(--lrs-mc-alert-info-bg);
}
.ui-component-trends-chart-request-count-warning {
background: var(--lrs-mc-alert-warning-bg);
}
.ui-component-trends-chart-request-count-warning a {
color: var(--lrs-mc-alert-warning-link-color);
}
.ui-component-trends-chart-request-count-error::before,
.ui-component-details-item-error-message::before {
content: var(--lrs-mc-alert-danger-icon);
}
.ui-component-trends-chart-request-count-warning::before {
content: var(--lrs-mc-alert-warning-icon);
}
.ui-component-trends-chart-request-count-loading::before {
content: "";
border: 0.12em solid var(--lrs-mc-alert-info-loading-icon-color);
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: spinner-border 0.75s linear infinite;
animation: spinner-border 0.75s linear infinite;
height: 1.2rem;
width: 1.2rem;
}
.ui-component-trends-chart-type {
margin-top: 0.5rem;
display: block;
margin-left: 2rem;
font-weight: 500;
white-space: nowrap;
}
.ui-component-trends-chart {
position: relative;
}
.ui-component-trends-chart-heading-server {
display: inline-block;
padding: 0.2rem 0;
}
.ui-component-trends-chart-container-contents {
transform: scaleY(1);
transform-origin: top;
transition: 0.25s ease;
opacity: 1;
height: 100%;
}
.ui-component-trends-chart-selection-overlay {
position: absolute;
top: -20px;
left: 20px;
bottom: -20px;
width: 200px;
box-shadow: 0 0 0 9999px var(--lrs-mc-chart-zoom-selection-shadow-1-color), 0px 0px 9px 9px var(--lrs-mc-chart-zoom-selection-shadow-2-color);
border: 4px solid var(--lrs-mc-chart-zoom-selection-border-color);
border-radius: 4px;
display: none;
z-index: 90;
}
.ui-component-trends-chart-selection-overlay-left-datetime,
.ui-component-trends-chart-selection-overlay-right-datetime {
background: var(--lrs-mc-chart-zoom-selection-datetimes-bg);
padding: 0.25rem 1rem;
position: absolute;
left: -6.6rem;
transform: rotate(270deg);
top: 14rem;
width: 13rem;
border-radius: 0.2rem;
color: var(--lrs-mc-white-color);
white-space: nowrap;
}
.ui-component-trends-chart-selection-overlay-right-datetime {
right: -6.6rem;
left: auto;
transform: rotate(90deg);
}
.ui-component-trends-chart-selection-overlay-left-date-only {
width: 7.5rem;
left: -4rem;
}
.ui-component-trends-chart-selection-overlay-right-date-only {
width: 7.5rem;
right: -4rem;
}
.ui-component-trends-chart-canvas-drag-selection-error {
border-color: var(--lrs-mc-status-red-bad);
background: var(--lrs-mc-chart-zoom-selection-error-bg);
}
.ui-component-trends-chart-canvas-drag-selection-error
.ui-component-trends-chart-selection-overlay-left-datetime,
.ui-component-trends-chart-canvas-drag-selection-error
.ui-component-trends-chart-selection-overlay-right-datetime {
display: none;
}
.ui-component-trends-chart-timezone-info-container {
text-align: center;
color: var(--lrs-mc-chart-timezone-info-color);
font-size: 0.9rem;
max-width: 42rem;
margin: 0 auto;
margin-top: 1.5rem;
}
.ui-component-trends-chart-timezone-text-container {
text-transform: uppercase;
display: flex;
min-width: 16rem;
}
.ui-component-trends-chart-timezone-text-container::after,
.ui-component-trends-chart-timezone-text-container::before {
border-bottom: 1px solid var(--lrs-mc-chart-timezone-info-border-color);
height: 0.5rem;
content: "";
flex: 1 0 auto;
margin-top: 0.2rem;
}
.ui-component-trends-chart-timezone-text-container span {
flex: 0.2 0 auto;
text-align: center;
padding: 0 0.5rem;
}
.ui-component-trends-chart-timezone {
display: flex;
margin-top: 0.5rem;
}
.ui-component-trends-chart-timezone-time {
padding: 0 1rem;
position: relative;
width: 13rem;
}
.ui-component-trends-chart-timezone-time::before {
content: "\F285";
color: var(--lrs-mc-chart-timezone-info-border-color);
position: absolute;
left: -0.55rem;
top: 0.22rem;
height: 18px;
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -0.125em;
-webkit-font-smoothing: antialiased;
}
.ui-component-trends-chart-timezone-time.ui-component-trends-chart-timezone-start::before {
transform: rotate(180deg);
right: -0.55rem;
left: auto;
top: 0;
}
.ui-component-trends-chart-canvas {
height: 30rem;
transform: scaleY(1);
max-height: 30rem;
min-height: 30rem;
}
.ui-component-trends-chart-loading-container,
.ui-component-trends-chart-error-container,
.ui-component-trends-chart-info-container {
background: var(--lrs-mc-alert-info-bg);
border-radius: 0.3rem;
overflow: hidden;
min-height: 30rem;
}
.ui-component-trends-chart-loading-container {
text-align: center;
}
.ui-component-trends-chart-info-container-showing
.ui-component-trends-chart-loading-container,
.ui-component-trends-chart-error-container-showing
.ui-component-trends-chart-loading-container,
.ui-component-trends-chart-error-container-showing
.ui-component-trends-chart-error-container,
.ui-component-trends-chart-info-container-showing
.ui-component-trends-chart-info-container {
min-height: 11rem;
}
.ui-component-trends-chart-info-container {
background: none;
}
.ui-component-trends-chart-loading-container .spinner-border {
height: 200px;
width: 200px;
border-width: 3px;
border-color: var(--lrs-mc-alert-info-loading-icon-color);
border-right-color: transparent;
opacity: 0.5;
margin-top: 9rem;
}
.ui-component-trends-chart-info-container-showing
.ui-component-trends-chart-loading-container
.spinner-border,
.ui-component-trends-chart-error-container-showing
.ui-component-trends-chart-loading-container
.spinner-border {
width: 100px;
height: 100px;
margin-top: 2.5rem;
border-width: 3px;
margin-left: 0;
}
.ui-component-trends-chart-error-container {
background: var(--lrs-mc-force-white-bg);
}
.ui-layout-main-body-floating-seconday-sidebar
.ui-component-custom-checkbox-container {
word-break: break-all;
}
.ui-component-trends-chart-toggle-icon {
width: 1.5rem;
position: relative;
height: 2.2rem;
display: block;
padding: 1rem;
left: -0.5rem;
top: 0.6rem;
margin-right: 0.5rem;
}
.ui-component-trends-chart-toggle-icon::before,
.ui-component-trends-chart-toggle-icon::after {
transform: rotate(-45deg);
left: 0.5rem;
height: 0.3rem;
width: 1rem;
content: "";
position: absolute;
background: var(--lrs-mc-dropdown-arrows-bg);
border-radius: 0.2rem;
display: block;
}
.ui-component-trends-chart-toggle-icon::before {
top: 1.2rem;
}
.ui-component-trends-chart-toggle-icon::after {
transform: rotate(45deg);
bottom: 1.2rem;
}
.ui-component-trends-chart-toggle-icon:hover::after,
.ui-component-trends-chart-toggle-icon:hover::before {
background: var(--lrs-mc-dropdown-arrows-hover-bg);
}
.ui-component-trends-chart-toggle-icon-expanded {
width: 2.2rem;
height: 1.4rem;
left: -0.3rem;
top: 0.8rem;
margin-right: 0.3rem;
}
.ui-component-trends-chart-toggle-icon-expanded::before,
.ui-component-trends-chart-toggle-icon-expanded::after {
transform: rotate(45deg);
top: 0.5rem;
height: 1rem;
width: 0.3rem;
content: "";
position: absolute;
background: var(--lrs-mc-dropdown-arrows-bg);
border-radius: 0.2rem;
display: block;
}
.ui-component-trends-chart-toggle-icon-expanded::before {
left: 1rem;
}
.ui-component-trends-chart-toggle-icon-expanded::after {
transform: rotate(-45deg);
right: 1.2rem;
}
.ui-component-trends-chart-container-collapsed
.ui-component-trends-chart-settings-container {
display: none;
}
.ui-component-trends-chart-container-collapsed
.ui-component-trends-chart-container-contents {
transform: scaleY(0);
opacity: 0;
overflow: hidden;
height: 0;
margin-top: 0;
margin-bottom: 0;
}
.ui-component-trends-chart-timezone-selected-timezone-local
.ui-component-trends-chart-timezone-local,
.ui-component-trends-chart-timezone-selected-timezone-local
.ui-component-trends-chart-timezone-local
.ui-component-trends-chart-timezone-time::before,
.ui-component-trends-chart-timezone-selected-timezone-utc
.ui-component-trends-chart-timezone-utc,
.ui-component-trends-chart-timezone-selected-timezone-utc
.ui-component-trends-chart-timezone-utc
.ui-component-trends-chart-timezone-time::before {
color: var(--lrs-mc-chart-timezone-info-selected-color);
}
.ui-component-trends-chart-timezone-selected-timezone-local
.ui-component-trends-chart-timezone-local
.ui-component-trends-chart-timezone-text-container::after,
.ui-component-trends-chart-timezone-selected-timezone-local
.ui-component-trends-chart-timezone-local
.ui-component-trends-chart-timezone-text-container::before,
.ui-component-trends-chart-timezone-selected-timezone-utc
.ui-component-trends-chart-timezone-utc
.ui-component-trends-chart-timezone-text-container::after,
.ui-component-trends-chart-timezone-selected-timezone-utc
.ui-component-trends-chart-timezone-utc
.ui-component-trends-chart-timezone-text-container::before {
border-color: var(--lrs-mc-chart-timezone-info-selected-color);
}
/*
End UI Component - Trends Chart
*/
/*
UI Component - Data Table
*/
.ui-component-data-table {
width: 100%;
}
.ui-component-data-table .d-table-cell,
.ui-component-data-table td,
.ui-component-data-table th {
padding: 0.8rem 0.6rem;
border-bottom: 1px dashed var(--lrs-mc-common-border-color);
white-space: nowrap;
overflow: hidden;
}
.ui-component-data-table .d-table-cell,
.ui-component-data-table-wrap td,
.ui-component-data-table-wrap th {
white-space: normal;
}
.ui-component-data-table th {
border-bottom: 1px solid var(--lrs-mc-common-border-color);
}
.ui-component-data-table-load-more-row td {
border: none;
padding: 2rem 0 0;
}
/*
End UI Component - Data Table
*/
/*
UI Component - Custom Checkbox
*/
/* Customize the label (the container) */
.ui-component-custom-checkbox-container {
display: block;
position: relative;
padding: 0.1rem;
padding-left: 1.8rem;
font-size: var(--bs-body-font-size);
}
.ui-component-autofill-notice
.ui-component-custom-checkbox-container,
.ui-component-autofill-notice-checkbox
.ui-component-custom-checkbox-container {
font-size: 0.875rem;
padding-left: 1.5rem;
}
.ui-security-permission-difference::after {
content: "\f332";
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
left: -2.5rem;
font-size: 1.1rem;
top: 0.3rem;
color: var(--lrs-mc-badge-warning-bg);
}
.ui-security-permission-difference.accordion-item {
border-left: 4px solid var(--lrs-mc-badge-warning-bg);
margin-left: -4px;
}
.ui-security-permission-difference.accordion-item::after {
left: -2rem;
top: 1.8rem;
}
.ui-security-permission-difference-list-item::after {
content: '';
position: absolute;
width: 1.4rem;
height: 4px;
background: var(--lrs-mc-badge-warning-bg);
left: -4.5rem;
top: 0.75rem;
border-radius: 0.8rem;
}
/*
Form Text
*/
.form-text-checkbox {
padding-left: 1.8rem;
}
.ui-component-custom-checkbox-container-no-text {
padding: 0;
min-width: 1.2rem;
min-height: 1.2rem;
}
/* Hide the browser's default checkbox */
.ui-component-custom-checkbox-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.ui-component-custom-checkbox-checkmark {
position: absolute;
top: 50%;
left: 0;
height: 1.2rem;
width: 1.2rem;
border-radius: 0.15rem;
background-color: var(--lrs-mc-force-white-bg);
border: 1px solid var(--lrs-mc-form-control-border-color);
margin-top: -0.6rem;
}
.ui-component-custom-checkbox-checkmark-multi-level {
top: 0.85rem;
}
.ui-component-autofill-notice
.ui-component-custom-checkbox-checkmark,
.ui-component-autofill-notice-checkbox
.ui-component-custom-checkbox-checkmark {
margin-top: -0.5rem;
height: 1rem;
width: 1rem;
}
.ui-component-custom-radio-container .ui-component-custom-checkbox-checkmark {
border-radius: 50%;
}
.ui-component-custom-checkbox-container
input:checked
~ .ui-component-custom-checkbox-checkmark {
background-color: var(--lrs-mc-form-control-checkbox-bg);
border-color: var(--lrs-mc-form-control-checkbox-bg);
}
.ui-component-custom-radio-container
input:checked
~ .ui-component-custom-checkbox-checkmark {
background-color: var(--lrs-mc-force-white-bg);
border-color: var(--lrs-mc-form-control-checkbox-bg);
}
.ui-component-custom-checkbox-checkmark:after {
content: "";
position: absolute;
display: none;
}
.ui-component-custom-checkbox-container
input:checked
~ .ui-component-custom-checkbox-checkmark:after,
.ui-component-custom-checkbox-container:hover
input
~ .ui-component-custom-checkbox-checkmark:after {
display: block;
}
.ui-component-custom-checkbox-container
.ui-component-custom-checkbox-checkmark:after {
left: 0.33rem;
top: 0.15rem;
width: 0.45rem;
height: 0.67rem;
border: solid var(--lrs-mc-form-control-checkbox-checkmark-color);
border-width: 0 0.19rem 0.19rem 0;
transform: rotate(38deg);
}
.ui-component-custom-radio-container
.ui-component-custom-checkbox-checkmark:after {
border: none;
background: var(--lrs-mc-form-control-checkbox-bg);
border-radius: 50%;
height: 0.45rem;
top: 50%;
left: 50%;
height: 0.7rem;
width: 0.7rem;
margin-left: -0.35rem;
margin-top: -0.35rem;
}
.ui-component-autofill-notice
.ui-component-custom-radio-container
.ui-component-custom-checkbox-checkmark:after,
.ui-component-autofill-notice-checkbox
.ui-component-custom-radio-container
.ui-component-custom-checkbox-checkmark:after {
height: 0.5rem;
width: 0.5rem;
margin-top: -0.25rem;
margin-left: -0.25rem;
}
.ui-component-data-table
th
.ui-component-custom-checkbox-container
input
~ .ui-component-custom-checkbox-checkmark:after {
display: block;
border-color: var(--lrs-mc-form-control-border-color);
}
.ui-component-data-table
th
.ui-component-custom-checkbox-container
input:checked
~ .ui-component-custom-checkbox-checkmark:after {
display: block;
border-color: var(--lrs-mc-form-control-checkbox-checkmark-color);
}
.ui-component-custom-checkbox-container
input:focus
~ .ui-component-custom-checkbox-checkmark {
border-color: var(--lrs-mc-form-control-checkbox-focus-border-color);
outline: 0;
box-shadow: 0 0 0 0.25rem var(--lrs-mc-form-control-checkbox-focus-shadow-color);
}
.ui-component-custom-checkbox-container:hover
input
~ .ui-component-custom-checkbox-checkmark:after,
.ui-component-data-table
th
.ui-component-custom-checkbox-container:hover
input
~ .ui-component-custom-checkbox-checkmark:after,
.ui-component-data-table
tbody
tr:hover
.ui-component-custom-checkbox-checkmark:not(
.ui-component-custom-checkbox-checkmark-dont-show-hover
):after,
.ui-component-grid-parent
.ui-component-grid-items-placeholder
.ui-component-grid-row-hover-wrapper:hover
.ui-component-grid-item
input
~ .ui-component-custom-checkbox-checkmark:after {
border-color: var(--lrs-mc-form-control-checkbox-checkmark-hover-color);
display: block;
}
.ui-component-custom-radio-container:hover
input
~ .ui-component-custom-checkbox-checkmark:after,
.ui-component-data-table
th
.ui-component-custom-radio-container:hover
input
~ .ui-component-custom-checkbox-checkmark:after,
.ui-component-data-table
tbody
tr:hover
.ui-component-custom-radio-container .ui-component-custom-checkbox-checkmark:not(
.ui-component-custom-checkbox-checkmark-dont-show-hover
):after,
.ui-component-grid-parent
.ui-component-grid-items-placeholder
.ui-component-grid-row-hover-wrapper:hover
.ui-component-grid-item
.ui-component-custom-radio-container
input
~ .ui-component-custom-checkbox-checkmark:after {
background-color: var(--lrs-mc-form-control-checkbox-checkmark-hover-color);
display: block;
}
.ui-component-data-table
tbody
tr:hover
.ui-component-custom-checkbox-container
input:checked
~ .ui-component-custom-checkbox-checkmark::after,
.ui-component-data-table
th
.ui-component-custom-checkbox-container:hover
input:checked
~ .ui-component-custom-checkbox-checkmark:after,
.ui-component-custom-checkbox-container:hover
input:checked
~ .ui-component-custom-checkbox-checkmark:after,
.ui-component-grid-parent
.ui-component-grid-items-placeholder
.ui-component-grid-row-hover-wrapper:hover
input:checked
~ .ui-component-custom-checkbox-checkmark:after {
border-color: var(--lrs-mc-form-control-checkbox-checkmark-color);
}
.ui-component-data-table
tbody
tr:hover
.ui-component-custom-checkbox-container
input:checked
~ .ui-component-custom-checkbox-checkmark,
.ui-component-data-table
thead
tr:hover
.ui-component-custom-checkbox-container
input:checked
~ .ui-component-custom-checkbox-checkmark,
.ui-component-grid-parent
.ui-component-grid-items-placeholder
.ui-component-grid-row-hover-wrapper:hover
input:checked
~ .ui-component-custom-checkbox-checkmark,
.ui-component-grid-parent
.ui-component-custom-checkbox-container:not(.ui-component-custom-radio-container):hover
input:checked
~ .ui-component-custom-checkbox-checkmark {
border-color: var(--lrs-mc-form-control-checkbox-checked-hover-bg);
background-color: var(--lrs-mc-form-control-checkbox-checked-hover-bg);
}
.ui-component-custom-checkbox-container:not(.ui-component-custom-checkbox-container-disabled-but-show-enabled)
input:disabled
~ .ui-component-custom-checkbox-checkmark {
background-color: var(--lrs-mc-form-control-checkbox-disabled-bg);
border-color: var(--lrs-mc-form-control-checkbox-disabled-bg);
}
.ui-component-custom-checkbox-container.ui-component-custom-checkbox-container-disabled-but-show-enabled
input:disabled
~ .ui-component-custom-checkbox-checkmark {
background-color: var(--lrs-mc-status-alt-green-good);
border-color: var(--lrs-mc-status-alt-green-good);
}
.ui-component-custom-checkbox-container:hover
input:disabled:not(:checked)
~ .ui-component-custom-checkbox-checkmark:after {
display: none;
}
/*
End UI Component - Custom Checkbox
*/
/*
UI Component - Details
*/
.ui-component-details-container {
display: flex;
align-items: center;
flex-wrap: wrap;
row-gap: 0.5rem;
}
.ui-component-details-item {
float: left;
position: relative;
}
.ui-component-security-functions-container .ui-component-details-item .btn,
.ui-component-common-list-data-functions-container
.ui-component-details-item
.btn,
.ui-component-details-only-buttons .ui-component-details-item .btn {
top: 0;
}
.ui-component-details-item span:first-child {
white-space: nowrap;
}
.ui-component-details-content-main {
padding: 2rem 0rem;
border-top: 1px solid var(--lrs-mc-common-border-color);
position: relative;
}
.ui-component-details-content-main:fullscreen {
padding: 2rem;
}
.ui-component-sidebar-with-content-grid-content .ui-component-details-content-main {
padding: 2rem 0;
margin: 0;
}
.ui-component-details-content-main-my-org {
border-top: none;
border-bottom: 1px solid var(--lrs-mc-common-border-color);
padding-top: 0;
padding-bottom: 2.5rem;
}
.ui-component-details-content-main-my-org .bg-lrs-component-status {
margin-left: -2rem;
}
.ui-component-details-content-main-with-multiples {
border-bottom: 1px solid var(--lrs-mc-common-border-color);
padding-bottom: 1rem;
margin-bottom: 2rem;
}
.ui-component-details-content-main-blob {
margin: 0.5rem;
border: 1px solid var(--lrs-mc-common-border-color);
border-radius: 0.3rem;
padding: 1.5rem;
background: var(--lrs-mc-force-white-bg);
min-width: 41.5rem;
position: relative;
}
.ui-component-details-item-link-arrow-right {
width: 2.5rem;
height: 0.2rem;
background: var(--lrs-mc-dropdown-arrows-bg);
border-radius: 1rem;
display: block;
margin: 1rem 2rem;
margin-left: 0;
position: relative;
}
.ui-component-details-item-link-arrow-right::before,
.ui-component-details-item-link-arrow-right::after {
content: "";
position: absolute;
top: -0.1rem;
right: 0.05rem;
left: auto;
width: 0.2rem;
height: 1rem;
background: var(--lrs-mc-dropdown-arrows-bg);
border-radius: 1rem;
transform: rotate(45deg);
}
.ui-component-details-item-link-arrow-right::after {
top: -0.7rem;
transform: rotate(-45deg);
}
.ui-component-security-functions-container svg.bi-search,
.ui-component-common-list-data-functions-container svg.bi-search,
.ui-component-license-line-items-table-search svg.bi-search {
width: 1rem;
height: 1rem;
position: absolute;
fill: var(--lrs-mc-form-control-search-icon-color);
left: 1rem;
top: 50%;
margin-top: -0.5rem;
}
.ui-component-security-functions-container .form-control,
.ui-component-common-list-data-functions-container .form-control:not(.ui-component-printer-list-search-with-filter) {
width: 25rem;
}
.ui-component-security-type-indicator {
top: -0.55rem;
text-align: center;
border-right: 1px solid var(--lrs-mc-common-border-color);
padding-right: 2rem !important;
margin-right: 2rem !important;
}
.ui-component-security-type-indicator .bi {
color: var(--lrs-mc-page-type-icon-color);
font-size: 1.3rem;
}
.ui-component-details-show-more {
width: 100%;
margin-top: 0.5rem;
}
.ui-component-details-show-more-collapsed .bi-chevron-down {
display: none;
}
.ui-component-details-show-more-expanded .bi-chevron-right {
display: none;
}
.ui-component-details-show-more-collapsed {
margin-bottom: 2rem;
}
.ui-component-details-show-more-expanded {
margin-bottom: 1rem;
}
.ui-component-details-container-show-expanded {
transform: scaleY(1);
opacity: 1;
height: 100%;
transform-origin: top;
transition: 0.25s ease;
}
.ui-component-details-container-show-collapsed {
transform: scaleY(0);
transform-origin: top;
transition: 0.05s ease;
opacity: 0;
overflow: hidden;
position: absolute;
}
.ui-component-details-show-more-link {
color: var(--lrs-mc-eom-environment-show-more-link-color);
text-decoration: none;
font-size: 0.9rem;
}
.ui-component-details-show-more-expanded .ui-component-details-show-more-link {
color: var(--lrs-mc-eom-environment-show-more-link-expanded-color);
}
.ui-component-details-show-more-link:hover {
color: var(--lrs-mc-eom-environment-show-more-link-hover-color);
}
.ui-component-details-show-more-link-text {
border-bottom: 1px solid var(--lrs-mc-eom-environment-show-more-link-border-color);
}
.ui-component-details-show-more-data-header {
display: block;
font-weight: 500;
}
.ui-component-details-show-more-data-text {
color: var(--lrs-mc-eom-environment-show-more-text-color);
}
.ui-component-dialog-tab-content-inner {
min-height: 23.5rem;
}
.ui-component-details-item-search-dropdown {
position: absolute;
right: 0;
top: 0;
}
.ui-component-details-item-search-dropdown .btn-outline-secondary {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
/*
End UI Component - Details
*/
/*
UI Component - License Info
*/
.ui-component-audit-data-options-line-item-name,
.ui-component-license-line-item-name,
.ui-component-license-env-name-link {
margin-right: 8rem;
}
.ui-component-licenses-container-wrap .col-md,
.ui-component-licenses-container-wrap .col-md-auto {
padding: 0;
}
.ui-component-licenses-container-wrap
.col-md-auto:first-child
.ui-component-details-content-main-blob {
margin-right: 1.5rem;
}
.ui-component-license-line-item-feature-name {
margin-left: 1rem;
}
.ui-component-audit-data-options-line-items-container td,
.ui-component-audit-data-options-line-items-container th,
.ui-component-license-line-items-container td,
.ui-component-license-line-items-container th {
padding: 0.4rem 1rem 0.4rem 0;
border-bottom: 1px dashed var(--lrs-mc-common-border-color);
white-space: nowrap;
}
.ui-component-audit-data-options-line-items-container th,
.ui-component-license-line-items-container th {
padding-top: 0;
}
.ui-component-license-env-name-link {
text-decoration: none;
position: relative;
padding-left: 1.2rem;
}
.ui-component-license-env-name-link:hover {
text-decoration: underline;
}
.ui-component-license-env-name-link-second-level.ui-component-license-env-name-link {
margin-left: 1.2rem;
}
.ui-component-license-line-product-level.ui-component-license-line-item-name {
margin-left: 3rem;
}
.ui-component-license-env-name-link::before,
.ui-component-license-env-name-link::after {
transform: rotate(-45deg);
left: 0rem;
height: 0.2rem;
width: 0.7rem;
content: "";
position: absolute;
background: var(--lrs-mc-dropdown-arrows-bg);
border-radius: 0.1rem;
display: block;
}
.ui-component-license-env-name-link::before {
top: 0.77rem;
}
.ui-component-license-env-name-link::after {
transform: rotate(45deg);
top: 0.37rem;
}
.ui-component-license-env-name-link-expanded::before,
.ui-component-license-env-name-link-expanded::after {
transform: rotate(45deg);
top: 0.57rem;
height: 0.2rem;
width: 0.7rem;
content: "";
position: absolute;
background: var(--lrs-mc-dropdown-arrows-bg);
border-radius: 0.1rem;
display: block;
}
.ui-component-license-env-name-link-expanded::before {
left: -0.2rem;
}
.ui-component-license-env-name-link-expanded::after {
transform: rotate(-45deg);
left: 0.2rem;
}
.ui-component-license-env-loading {
width: 1.2rem;
height: 1.2rem;
border: 0.12em solid var(--lrs-mc-alert-info-loading-icon-color);
border-right-color: transparent;
display: none;
position: absolute;
margin-left: 0.5rem;
margin-top: 0.1rem;
}
.ui-component-license-line-items-container input {
margin-right: 0.3rem;
margin-left: 0.3rem;
}
.ui-component-license-environments-loading input {
visibility: hidden;
}
.ui-component-license-environments-loading .ui-component-license-env-loading {
display: block;
}
.ui-component-license-environments-loading
.ui-component-custom-checkbox-container {
visibility: hidden;
}
.ui-component-license-environments-loading .ui-component-license-env-row {
background: var(--lrs-mc-alert-info-bg);
}
.ui-component-license-environments-loading .bg-lrs-component-status,
.ui-component-license-environments-loading .bg-lrs-component-status-warning,
.ui-component-license-environments-loading .bg-lrs-component-status-error {
background: transparent !important;
}
/*
End UI Component - License Info
*/
/*
UI Component - Dashboard Grid
*/
.ui-component-dashboard-grid-container {
position: relative;
margin: -1rem -1rem 0;
}
.ui-component-dashboard-grid-item {
margin: 1rem;
border: 1px solid var(--lrs-mc-common-border-color);
border-radius: 0.3rem;
padding: 1.5rem;
z-index: 1;
background: var(--lrs-mc-force-white-bg);
}
.ui-component-dashboard-grid-item-child {
margin-left: 6.7rem;
position: relative;
}
.ui-component-dashboard-grid-item-first-child {
margin-top: 0;
}
.ui-component-dashboard-grid-item-children-container {
transform: scaleY(0);
transform-origin: top;
transition: 0.25s ease;
opacity: 0;
overflow: hidden;
height: 0;
}
.ui-component-details-item-error-only {
display: none;
}
.ui-component-dashboard-environment-container-loading
.ui-component-details-item-needs-loading,
.ui-component-dashboard-environment-container-error
.ui-component-details-item-needs-loading,
.ui-component-dashboard-environment-container-hosted
.ui-component-details-item-needs-loading {
display: none;
}
.ui-component-dashboard-environment-container-error
.ui-component-details-item-error-only {
display: block;
}
.ui-component-dashboard-environment-container-error
.ui-component-details-item-dashboard-environment-servers-container,
.ui-component-dashboard-environment-container-hosted
.ui-component-details-item-dashboard-environment-servers-container {
display: none;
}
.ui-component-dashboard-environment-container-error
.ui-component-dashboard-toggle-container {
opacity: 0.3;
pointer-events: none;
}
.ui-component-dashboard-environment-container-expanded
.ui-component-dashboard-grid-item-children-container {
transform: scaleY(1);
opacity: 1;
height: 100%;
}
.ui-component-dashboard-grid-item-child::after,
.ui-component-dashboard-grid-item-child::before {
content: "";
position: absolute;
top: -1rem;
left: -2.8rem;
transform: translateX(-50%);
width: 3px;
height: 4.2rem;
height: 140%;
background: var(--lrs-mc-hierarchy-lines-bg);
border-radius: 1rem;
}
.ui-component-dashboard-grid-item-child::before {
width: 2rem;
height: 3px;
top: 3rem;
left: -1.9rem;
}
.ui-component-dashboard-grid-item-last-child::after {
height: 4.2rem;
}
.ui-component-dashboard-grid-item-only-child::after {
height: 3.5rem;
top: -0.3rem;
}
.ui-component-dashboard-grid-item-first-child::after {
top: -0.3rem;
}
.ui-component-dashboard-grid-item-auto-width {
width: auto;
}
.ui-component-dashboard-grid-item-full-width {
width: calc(100% - 2.5rem);
}
.ui-component-dashboard-content-container {
position: relative;
}
.ui-dashboard-environment-servers-container {
overflow: hidden;
margin-bottom: 0.4rem;
}
.ui-component-dashboard-item-content a {
color: var(--bs-body-color);
text-decoration: none;
}
.ui-component-dashboard-item-content a:not(.list-group-item):hover {
text-decoration: underline;
}
.ui-component-dashboard-grid-item-server-children-container {
margin-left: 5.6rem;
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.25s ease;
opacity: 0;
overflow: hidden;
}
.ui-component-dashboard-grid-item-server-children-container
.ui-component-dashboard-grid-item-child {
min-height: 0;
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
}
.ui-component-dashboard-grid-item-server-children-container-visible {
opacity: 1;
position: relative;
overflow: visible;
grid-template-rows: 1fr;
padding-left: 5.6rem;
}
.ui-component-dashboard-grid-item-server-children-container-visible
.ui-component-dashboard-grid-item-child {
min-height: 0;
padding: 1.5rem;
margin: 1rem;
}
.ui-component-dashboard-grid-item-server-children-container-visible::after {
content: "";
position: absolute;
top: -1rem;
left: -1.65rem;
transform: translateX(-50%);
width: 3px;
background: var(--lrs-mc-hierarchy-lines-bg);
border-radius: 1rem;
bottom: -0.2rem;
}
.ui-component-dashboard-grid-item-children-container
.ui-component-dashboard-grid-item-server-children-container:last-child::after {
content: none;
}
.ui-component-dashboard-grid-item-server-children-container-visible
.ui-component-dashboard-grid-item-child {
display: grid;
grid-template-columns: 16rem 1fr;
}
.ui-component-dashboard-grid-item-children-container
.ui-component-dashboard-toggle-container {
opacity: 0.3;
pointer-events: none;
}
.ui-component-dashboard-grid-item-children-container
.ui-component-dashboard-grid-item-server-has-info
.ui-component-dashboard-toggle-container {
opacity: 1;
pointer-events: all;
}
.ui-component-dashboard-grid-item-server-children-processes {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(21rem, 1fr));
}
.ui-component-dashboard-grid-item-server-children-status-container-process,
.ui-component-dashboard-grid-item-server-children-status-container-ports {
margin: 0.3rem 0;
}
.ui-component-dashboard-grid-item-server-children-status-container-process
.ui-dashboard-server-status-mini-icon,
.ui-component-dashboard-grid-item-server-children-status-container-ports
.ui-dashboard-server-status-mini-icon {
text-align: left;
font-weight: 500;
}
.ui-dashboard-server-status-mini-icon {
text-transform: none;
}
.ui-component-dashboard-grid-item-server-children-container
.ui-dashboard-server-status-mini-icon {
margin: 0.3rem 0;
text-transform: none;
}
.ui-dashboard-server-info-date {
display: block;
margin-left: 1.3rem;
font-size: 0.9rem;
color: var(--lrs-mc-dashboard-date-color);
}
/*
End UI Component - Dashboard Grid
*/
/*
UI Component - Loading Overlay
*/
.ui-component-loading-overlay-background {
background: var(--lrs-mc-loading-overlay-bg);
position: fixed;
right: 0;
bottom: 0;
width: 100%;
height: 5000px;
opacity: 0.9;
z-index: 999999995;
}
.ui-component-loading-overlay-popup {
position: fixed;
top: 3rem;
width: 800px;
left: 50%;
margin-left: -400px;
background: var(--lrs-mc-loading-overlay-bg);
z-index: 999999996;
border-radius: 5px;
box-shadow: var(--lrs-mc-loading-overlay-shadow);
}
.ui-component-loading-overlay-popup-open {
display: block;
animation: ui-component-loading-overlay-popup-open 300ms;
}
.ui-component-loading-overlay-popup-closed {
display: none;
}
@keyframes ui-component-loading-overlay-popup-open {
0% {
display: block;
opacity: 0;
transform: scale(0.7);
}
100% {
opacity: 1;
transform: scale(1);
}
}
.ui-component-loading-overlay-content {
background: var(--lrs-mc-blue-gradient);
height: 600px;
width: 800px;
border-radius: 5px;
padding-top: 150px;
position: relative;
overflow: hidden;
}
.ui-component-loading-overlay-content .lrs-logo {
display: block;
width: 800px;
height: 100px;
background-image: var(--lrs-mc-lrs-logo);
background-size: var(--lrs-mc-lrs-logo-overlay-content-size);
background-repeat: no-repeat;
background-position: center;
}
.ui-component-loading-overlay-content-text {
font-weight: 300;
text-align: center;
color: var(--lrs-mc-white-color);
margin: 60px 150px 0;
padding-bottom: 25px;
font-size: 1.8rem;
}
.ui-component-loading-overlay-content-cloud-full-container {
position: absolute;
left: 50px;
top: 50px;
}
.ui-component-loading-overlay-content-cloud-full {
width: 222px;
height: 70px;
background: var(--lrs-mc-logo-clouds-bg);
box-shadow: 10px 10px var(--lrs-mc-logo-clouds-shadow-color);
border-radius: 100px;
opacity: 0.1;
position: relative;
}
.ui-component-loading-overlay-content-cloud-full::after,
.ui-component-loading-overlay-content-cloud-full::before {
content: "";
position: relative;
display: inline-block;
background: inherit;
border-radius: inherit;
}
.ui-component-loading-overlay-content-cloud-full::after {
width: 100px;
height: 100px;
top: -38px;
left: -66px;
}
.ui-component-loading-overlay-content-cloud-full::before {
width: 100px;
height: 100px;
top: -60px;
left: 98px;
}
.ui-component-loading-overlay-content-loading-help-container {
color: var(--lrs-mc-white-color);
text-align: center;
margin-top: 1rem;
}
.ui-component-loading-overlay-content-slider,
.ui-component-loading-overlay-complete-slider {
position: relative;
margin: -1px 250px 0;
height: 2px;
overflow: hidden;
}
.ui-layout-sidebar-banner .ui-component-loading-overlay-content-slider {
width: 12.5rem;
margin: -1.35rem 3.1rem 0;
transition: all 0.5s ease;
}
.ui-component-loading-overlay-content-slider-line,
.ui-component-loading-overlay-content-slider-complete-line {
position: absolute;
opacity: 0.4;
width: 100%;
height: 2px;
background: var(--lrs-mc-force-white-bg);
}
.ui-component-loading-overlay-content-slider-complete-line {
opacity: 1;
width: 0%;
}
.ui-component-loading-overlay-content-slider-subline {
position: absolute;
background: var(--lrs-mc-force-white-bg);
height: 5px;
}
.ui-component-loading-overlay-content-slider-subline-inc {
animation: ui-component-loading-overlay-content-slider-subline-inc 2s infinite;
}
.ui-component-loading-overlay-content-slider-subline-dec {
animation: ui-component-loading-overlay-content-slider-subline-dec 2s 0.5s
infinite;
}
@keyframes ui-component-loading-overlay-content-slider-subline-inc {
from {
left: -5%;
width: 5%;
}
to {
left: 130%;
width: 100%;
}
}
@keyframes ui-component-loading-overlay-content-slider-subline-dec {
from {
left: -80%;
width: 80%;
}
to {
left: 110%;
width: 10%;
}
}
.ui-component-loading-overlay-content-loading-complete-container {
position: relative;
color: var(--lrs-mc-white-color);
text-align: center;
display: table;
padding-left: 2.2rem;
margin: 1.5rem auto 0;
display: none;
}
.ui-component-loading-overlay-content-loading-complete-icon {
background: var(--lrs-mc-status-alt-green-good);
display: block;
position: absolute;
height: 1.6rem;
width: 1.6rem;
border: 2px solid var(--lrs-mc-status-alt-green-good);
top: -0.05rem;
left: 0;
border-radius: 50%;
}
.ui-component-loading-overlay-content-loading-complete-icon::after {
left: 0.37rem;
top: 0.16rem;
width: 0.55rem;
height: 0.8rem;
border: solid var(--lrs-mc-form-control-checkbox-checkmark-color);
border-width: 0 0.25rem 0.25rem 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
position: absolute;
border-radius: 1px;
}
.ui-component-loading-overlay-complete
.ui-component-loading-overlay-content-slider,
.ui-component-loading-overlay-complete
.ui-component-loading-overlay-content-loading-help-container {
display: none;
}
.ui-component-loading-overlay-content-loading-complete-container {
display: none;
}
.ui-component-loading-overlay-complete
.ui-component-loading-overlay-content-loading-complete-container {
display: table;
}
.ui-component-loading-overlay-complete
.ui-component-loading-overlay-complete-slider {
display: block;
}
.ui-component-loading-overlay-complete
.ui-component-loading-overlay-content-slider-complete-line {
width: 100%;
transition: width 2s ease-in-out;
}
/*
End UI Component - Loading Overlay
*/
/*
UI Component - Network Map
*/
.ui-component-network-map-table {
border-collapse: collapse;
}
.ui-component-network-map-container > .ui-component-network-map-table {
transform-origin: center center;
transition: transform ease-in 0.1s;
background: var(--lrs-mc-network-map-bg-color);
border: 2rem solid var(--lrs-mc-network-map-border-color);
position: relative;
}
.ui-component-network-map-table td {
border: none;
padding: 0;
overflow: hidden;
vertical-align: top;
}
.ui-component-network-map-table .ui-component-network-map-table {
margin: 0 auto;
}
.ui-component-network-map-level-1,
.ui-component-network-map-level-1a {
position: relative;
padding-bottom: 4.5rem;
display: inline-block;
margin: 0 auto;
}
.ui-component-network-map-level-1::before {
content: "";
position: absolute;
bottom: -1rem;
left: 50%;
transform: translateX(-50%);
width: 3px;
height: 4.5rem;
background: var(--lrs-mc-hierarchy-lines-bg);
border-radius: 1rem;
}
.ui-component-network-map-level-1-one-gateway {
padding-bottom: 1rem;
}
.ui-component-network-map-level-1-one-gateway.ui-component-network-map-level-1::before {
height: 0rem;
}
.ui-component-network-map-level-2
.ui-component-network-map-level-1.ui-component-network-map-level-1-show-compact::before,
.ui-component-network-map-level-1a
.ui-component-network-map-level-1.ui-component-network-map-level-1-show-compact::before {
bottom: 0.5rem;
height: 3rem;
}
.ui-component-network-map-level-2 {
position: relative;
overflow: hidden;
padding: 0 1rem;
padding-top: 5rem;
}
.ui-component-network-map-level-2::before {
content: "";
position: absolute;
top: -2.5rem;
left: 50%;
transform: translateX(-50%);
width: 3px;
height: 6.5rem;
background: var(--lrs-mc-hierarchy-lines-bg);
border-radius: 1rem;
}
table tr td .ui-component-network-map-level-2::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3px;
background: var(--lrs-mc-hierarchy-lines-bg);
}
table tr > td:first-child > .ui-component-network-map-level-2::after {
content: "";
position: absolute;
top: 0;
left: 100%;
transform: translateX(-50%);
width: 100%;
height: 3px;
background: var(--lrs-mc-hierarchy-lines-bg);
border-radius: 1rem;
}
table tr td:last-child > .ui-component-network-map-level-2::after {
content: "";
position: absolute;
top: 0;
right: 50%;
left: auto;
width: 100%;
height: 3px;
background: var(--lrs-mc-hierarchy-lines-bg);
border-radius: 1rem;
}
.ui-component-network-map-flat-table {
border-collapse: collapse;
}
.ui-component-network-map-flat-table td {
vertical-align: bottom;
}
.ui-component-network-map-flat-level-1 {
position: relative;
padding-right: 6.5rem;
}
.ui-component-network-map-flat-level-1::before {
content: "";
position: absolute;
bottom: 1.1rem;
right: 1rem;
height: 3px;
width: 6.5rem;
background: var(--lrs-mc-hierarchy-lines-bg);
border-radius: 1rem;
}
.ui-component-network-map-flat-level-1::after {
content: url('data:image/svg+xml,');
position: absolute;
bottom: 0.03rem;
right: 0.5rem;
}
.ui-component-network-map-level-2-access-point {
display: table;
margin-left: auto;
margin-right: auto;
}
.ui-component-network-map-item-not-seen {
position: absolute;
left: 50%;
top: 1.4rem;
background: var(--lrs-mc-force-white-bg);
margin-left: -0.65rem;
height: 1.7rem;
}
.ui-component-license-check-indicator {
cursor: default;
}
.ui-component-environment-item-error {
margin-top: 0.5rem;
color: var(--lrs-mc-red-bad-text-color);
white-space: normal;
position: relative;
padding-left: 1.3rem;
margin-left: 2rem;
}
.ui-component-network-map-show-compact .ui-component-environment-item-error {
margin-left: 0;
}
.ui-component-environment-item-error .bi {
position: absolute;
left: 0;
top: 0;
color: var(--lrs-mc-status-red-bad);
}
.list-group-item-node-address.list-group-item-action:focus
.ui-component-environment-item-error,
.list-group-item-node-address.list-group-item-action:hover
.ui-component-environment-item-error,
.list-group-node-addresses
.list-group-item-action:focus
.ui-component-environment-item-error,
.list-group-node-addresses
.list-group-item-action:hover
.ui-component-environment-item-error,
.list-group-item-single-server-address:focus
.ui-component-environment-item-error,
.list-group-item-single-server-address:hover
.ui-component-environment-item-error,
.list-group-access-point
.list-group-item-action:focus
.ui-component-environment-item-error,
.list-group-access-point
.list-group-item-action:hover
.ui-component-environment-item-error,
.list-group-item-node-address.list-group-item-action:focus
.ui-component-environment-item-error
.bi,
.list-group-item-node-address.list-group-item-action:hover
.ui-component-environment-item-error
.bi,
.list-group-node-addresses
.list-group-item-action:focus
.ui-component-environment-item-error
.bi,
.list-group-node-addresses
.list-group-item-action:hover
.ui-component-environment-item-error
.bi,
.list-group-item-single-server-address:focus
.ui-component-environment-item-error
.bi,
.list-group-item-single-server-address:hover
.ui-component-environment-item-error
.bi,
.list-group-access-point
.list-group-item-action:focus
.ui-component-environment-item-error
.bi,
.list-group-access-point
.list-group-item-action:hover
.ui-component-environment-item-error
.bi {
color: var(--lrs-mc-white-color);
}
/*
End UI Component - Network Map
*/
/*
UI Component - Environment Content Container
*/
.ui-component-environment-content-container {
padding: 2.5rem 2.5rem;
border-top: 1px solid var(--lrs-mc-common-border-color);
margin: 0 -2.5rem;
}
/*
End UI Component - Environment Content Container
*/
/*
UI Component - Dashboard Status Icon
*/
.ui-component-dashboard-status {
background: var(--lrs-mc-status-green-good);
display: block;
height: 3rem;
width: 3rem;
border: 2px solid var(--lrs-mc-status-green-good);
margin-top: 0.05rem;
border-radius: 50%;
}
.ui-component-dashboard-status-good svg,
.ui-component-dashboard-status-bad svg,
.ui-component-dashboard-status-unknown svg {
display: none;
}
.ui-component-dashboard-status.ui-component-dashboard-status-bad {
background: var(--lrs-mc-status-red-bad);
display: block;
height: 3rem;
width: 3rem;
border: 2px solid var(--lrs-mc-status-red-bad);
margin-top: 0.05rem;
border-radius: 50%;
}
.ui-component-dashboard-status.ui-component-dashboard-status-unknown {
background: var(--lrs-mc-status-grey-unknown);
display: block;
height: 3rem;
width: 3rem;
border: 2px solid var(--lrs-mc-status-grey-unknown);
margin-top: 0.05rem;
border-radius: 50%;
position: relative;
}
.ui-component-dashboard-status.ui-component-dashboard-status-unknown::after {
content: "?";
color: var(--lrs-mc-white-color);
font-size: 2rem;
font-weight: bold;
font-style: normal;
position: absolute;
left: 0.9rem;
top: -0.1rem;
}
.ui-component-dashboard-status-good::after {
left: 1.1rem;
top: 0.8rem;
width: 0.75rem;
height: 1.2rem;
border: solid var(--lrs-mc-form-control-checkbox-checkmark-color);
border-width: 0 0.4rem 0.4rem 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
position: absolute;
border-radius: 1px;
}
.ui-component-dashboard-status-bad::after,
.ui-component-dashboard-status-bad::before {
position: absolute;
left: 1.3rem;
content: "";
height: 1.5rem;
width: 0.4rem;
background-color: var(--lrs-mc-form-control-checkbox-checkmark-color);
border-radius: 1px;
top: 0.75rem;
border: 1px solid var(--lrs-mc-form-control-checkbox-checkmark-color);
}
.ui-component-dashboard-status-bad::before {
transform: rotate(45deg);
}
.ui-component-dashboard-status-bad::after {
transform: rotate(-45deg);
}
.ui-component-dashboard-status-loading {
position: relative;
background: none;
border: none;
}
.ui-component-dashboard-status-loading svg {
width: 3.2rem;
transform-origin: center;
animation: ui-component-dashboard-status-loading-svg-rotate 2s linear infinite;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -1.6rem;
margin-top: -1.6rem;
}
.ui-component-dashboard-status-loading svg circle {
fill: none;
stroke: var(--lrs-mc-status-grey-unknown);
stroke-width: 0.2rem;
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
stroke-linecap: round;
animation: ui-component-dashboard-status-loading-svg-dash 1.5s ease-in-out
infinite;
}
@keyframes ui-component-dashboard-status-loading-svg-rotate {
100% {
transform: rotate(720deg);
}
}
@keyframes ui-component-dashboard-status-loading-svg-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dashoffset: -125px;
}
}
/*
UI Component - End Dashboard Status Icon
*/
/*
UI Component - Dashboard Toggle Icon
*/
.ui-component-dashboard-toggle-icon {
width: 2.2rem;
position: relative;
height: 2.2rem;
display: block;
padding: 1rem;
margin-right: 1rem;
margin-left: 0.5rem;
}
.ui-component-dashboard-toggle-icon-collapsed::before,
.ui-component-dashboard-toggle-icon-collapsed::after {
transform: rotate(-45deg);
left: 0.5rem;
height: 0.3rem;
width: 1rem;
content: "";
position: absolute;
background: var(--lrs-mc-dropdown-arrows-bg);
border-radius: 0.2rem;
display: block;
}
.ui-component-dashboard-toggle-icon-collapsed::before {
top: 1.2rem;
}
.ui-component-dashboard-toggle-icon-collapsed::after {
transform: rotate(45deg);
bottom: 1.2rem;
}
.ui-component-dashboard-toggle-icon-expanded {
width: 2.2rem;
height: 1.4rem;
left: -0.25rem;
}
.ui-component-dashboard-toggle-icon-expanded::before,
.ui-component-dashboard-toggle-icon-expanded::after {
transform: rotate(45deg);
top: 0.5rem;
height: 1rem;
width: 0.3rem;
content: "";
position: absolute;
background: var(--lrs-mc-dropdown-arrows-bg);
border-radius: 0.2rem;
display: block;
}
.ui-component-dashboard-toggle-icon-expanded::before {
left: 1.2rem;
}
.ui-component-dashboard-toggle-icon-expanded::after {
transform: rotate(-45deg);
right: 1.2rem;
}
.ui-component-dashboard-toggle-icon:hover::after,
.ui-component-dashboard-toggle-icon:hover::before {
background: var(--lrs-mc-dropdown-arrows-hover-bg);
}
/*
UI Component - End Dashboard Toggle Icon
*/
/*
UI Component - Permissions List
*/
.ui-component-permission-group {
margin-bottom: 0.75em;
}
.ui-component-role-permissions
.ui-component-role-permission-group:not(:first-child) {
margin-top: 0.5em;
}
.ui-component-role-permissions-level-1 {
list-style: none;
padding: 0;
}
.ui-component-permission-group-label {
font-size: 1.1em;
}
.ui-component-permission-item {
display: flex;
align-items: center;
}
.ui-component-permission-item i.bi {
font-size: 1.5em;
margin-right: 0.5em;
}
.ui-component-permission-item:not(.enabled) i.bi::before {
content: "\f622";
color: var(--lrs-mc-status-red-bad);
}
.ui-component-permission-item.enabled i.bi::before {
content: "\f26a";
color: var(--lrs-mc-status-alt-green-good);
}
/*
UI Component - End Permissions List
*/
/*
UI Component - User Select Table
*/
.ui-component-user-select-table {
width: 100%;
margin: 0.5em;
}
/*
UI Component - End User Select Table
*/
/*
UI Component - Notification Count
*/
.ui-component-notification-count {
position: absolute;
background-color: var(--lrs-mc-notification-count-badge-bg);
color: var(--lrs-mc-white-color);
border-radius: 1rem;
min-width: 1.75rem;
font-weight: 600;
text-shadow: none;
text-align: center;
vertical-align: middle;
top: -2px;
font-size: 0.8rem;
min-width: 1rem;
padding: 0rem 0.4rem;
right: auto;
left: 1.8rem;
transition: left 0.5s ease;
max-width: 2.3rem;
overflow: hidden;
text-overflow: ellipsis;
}
/*
End UI Component - Notification Count
*/
/*
UI Component - Details Table
*/
.ui-component-details-table {
border: 1px solid var(--lrs-mc-common-border-color);
border-collapse: separate;
border-left: 0;
border-radius: 0.2rem;
border-spacing: 0px;
}
.ui-component-details-table thead {
display: table-header-group;
vertical-align: middle;
border-color: inherit;
border-collapse: separate;
background: var(--lrs-mc-details-table-header-bg);
}
.ui-component-details-table tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
.ui-component-details-table th,
.ui-component-details-table td {
padding: 0.5rem 1rem;
text-align: left;
vertical-align: top;
border-left: 1px solid var(--lrs-mc-common-border-color);
}
.ui-component-details-table td {
border-top: 1px solid var(--lrs-mc-common-border-color);
}
.ui-component-details-table td:first-child {
font-weight: 500;
}
.ui-component-details-table thead:first-child tr:first-child th:first-child,
.ui-component-details-table tbody:first-child tr:first-child td:first-child {
border-radius: 0.2rem 0 0 0;
}
.ui-component-details-table thead:last-child tr:last-child th:first-child,
.ui-component-details-table tbody:last-child tr:last-child td:first-child {
border-radius: 0 0 0 0.2rem;
}
.ui-component-details-tables-wrapper {
grid-gap: 4rem;
grid-template-columns: auto auto auto;
justify-items: start;
justify-content: start;
align-items: start;
}
.ui-component-data-boolean {
display: flex;
}
.ui-component-data-boolean .bi {
font-size: 1.3rem;
position: relative;
top: 0.2rem;
left: -0.3rem;
display: flex;
}
.ui-component-data-boolean .bi-check-lg {
color: var(--lrs-mc-status-green-good);
}
.ui-component-data-boolean .bi-x {
font-size: 1.5rem;
top: 0rem;
}
/*
* Hosted environment table
*/
.ui-component-details-table-hosted-env thead {
background: var(--lrs-mc-sidebar-bg);
}
.ui-component-details-table-hosted-env th,
.ui-component-details-table-hosted-env td {
padding: 0.5rem 1.5rem;
}
/*
UI Component - End Details Table
*/
/*
UI Component - Activity Log Details Table
*/
.ui-component-activity-log-details-table,
.ui-component-list-details-table {
display: grid;
grid-template-columns: auto 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
border: 1px solid var(--lrs-mc-common-border-color);
border-radius: 0.25rem;
margin-top: 1rem;
}
.ui-component-activity-log-details-table-row,
.ui-component-list-details-table-row {
display: contents;
}
.ui-component-activity-log-details-table-row
.ui-component-activity-log-details-table-category-cell,
.ui-component-activity-log-details-table-row
.ui-component-activity-log-details-table-cell,
.ui-component-list-details-table-row
.ui-component-list-details-table-cell {
padding: 0.5rem 1rem;
border-bottom: 1px solid var(--lrs-mc-common-border-color);
word-break: break-word;
}
.ui-component-activity-log-details-table-category-cell {
background: var(--lrs-mc-details-table-header-bg);
font-weight: bold;
grid-column: 1 / 3;
}
.ui-component-activity-log-details-table-role-updated-category-cell {
grid-column: 1 / 2;
}
.ui-component-activity-log-details-table-role-updated-wide-category-cell {
grid-column: 1 / 4;
}
.ui-component-activity-log-details-table-role-updated-old-category-cell {
grid-column: 2 / 3;
}
.ui-component-activity-log-details-table-role-updated-new-category-cell {
grid-column: 3 / 4;
}
.ui-component-activity-log-details-table-role-updated-wide-value-cell {
grid-column: 2 / 4;
}
.ui-component-activity-log-details-table-role-updated-old-category-cell .bg-activity-log-diff-old,
.ui-component-activity-log-details-table-role-updated-new-category-cell .bg-activity-log-diff-new {
float: none;
position: static;
}
.ui-component-activity-log-details-table-row
.ui-component-activity-log-details-table-cell-border {
border-right: 1px solid var(--lrs-mc-common-border-color);
}
.ui-component-activity-log-details-table-row
.ui-component-activity-log-details-table-cell:first-child,
.ui-component-list-details-table-row
.ui-component-list-details-table-cell:first-child {
border-right: 1px solid var(--lrs-mc-common-border-color);
font-weight: 500;
max-width: 500px;
}
.ui-component-activity-log-details-table
.ui-component-activity-log-details-table-row:last-child
.ui-component-activity-log-details-table-cell,
.ui-component-list-details-table
.ui-component-list-details-table-row:last-child
.ui-component-list-details-table-cell {
border-bottom: none;
}
.ui-component-activity-log-details-table
.ui-component-grid-parent-security-permissions {
border: none;
margin: -0.5rem -1rem;
}
.bi.ui-component-activity-log-filter-active-icon {
color: var(--lrs-mc-status-alt-green-good);
}
.ui-component-list-details-table-heading.ui-component-list-details-table-row .ui-component-list-details-table-cell {
background: var(--lrs-mc-details-table-header-bg);
font-weight: bold;
}
/*
UI Component - End Activity Log Details Table
*/
/*
UI Component - Add/Edit Form
*/
.ui-component-add-edit-form-inputs-container {
margin-bottom: 2rem;
}
.ui-component-add-edit-form-inputs-container input,
.ui-component-add-edit-form-inputs-container select,
.ui-component-add-edit-form-inputs-container datalist,
.ui-component-add-edit-form-inputs-container .ui-component-chosen-fields .form-text {
max-width: 35rem;
}
.ui-component-add-edit-form-inputs-container .ui-component-chosen-fields {
max-width: 40rem;
}
/*
UI Component - Checkbox list group
*/
.ui-component-checkbox-list-group {
list-style-type: none;
padding-left: 0;
max-width: 70rem;
}
.ui-component-checkbox-list-group > li {
padding: 2rem 0;
border-bottom: 1px solid var(--lrs-mc-common-border-color);
}
.ui-component-checkbox-list-group > li:first-child {
padding-top: 1rem;
}
.ui-component-checkbox-list-group > li:last-child {
border-bottom: none;
}
.ui-component-checkbox-list-group .form-text,
.accordion-header .form-text {
margin-left: 1.8rem;
}
.ui-component-checkbox-list-group .email-alert-settings-container {
display: flex;
margin-left: 1.8rem;
}
.ui-component-checkbox-list-group .email-alert-not-active {
opacity: 0.3;
pointer-events: none;
}
.ui-component-checkbox-list-group .form-text .bi-exclamation-triangle,
.ui-component-add-edit-form-inputs-container .form-text .bi-exclamation-triangle {
color: var(--lrs-mc-dropdown-item-icon-warning-color);
font-size: 1rem;
margin-right: 0.3rem;
}
.ui-component-checkbox-list-group .form-text .bi-info-circle,
.ui-component-list-group-item-environment-item .form-text .bi-info-circle,
.ui-component-list-group-item-environment-item .form-text .bi-geo-alt,
.ui-component-list-group-item-environment-item .form-text .bi-check-circle,
.ui-component-fields-selected-container .bi {
color: var(--lrs-mc-blue);
font-size: 1rem;
margin-right: 0.3rem;
position: relative;
top: 1px;
}
.ui-component-autofill-notice {
margin: -0.5rem 0 0.5rem 0;
}
.ui-component-autofill-notice-checkbox {
margin-left: 1.8rem;
}
.ui-component-fields-selected-container .bi-check-circle {
color: var(--lrs-mc-status-alt-green-good);
}
.ui-component-fields-selected-container .bi-dash-circle {
color: var(--lrs-mc-form-text-color);
}
.ui-component-checkbox-list-group
.ui-component-checkbox-list-group-readonly-checkbox {
font-size: 1.3rem;
position: relative;
top: 0.1rem;
margin-right: 0.2rem;
color: var(--lrs-mc-status-grey-unknown);
}
.ui-component-checkbox-list-group
.ui-component-checkbox-list-group-readonly-checkbox.bi-check-circle-fill {
color: var(--lrs-mc-blue);
}
/*
UI Component - End Checkbox list group
*/
/*
* UI Component - Environment list item
*/
.ui-component-list-group-item-environment-name {
display: block;
font-weight: bold;
white-space: normal;
word-break: break-all;
}
.ui-component-list-group-item-environment-item
.bg-on-premise-connection-connected,
.ui-component-list-group-item-environment-item
.bg-on-premise-connection-waiting,
.ui-component-list-group-item-environment-item
.bg-on-premise-connection-provisioning,
.ui-component-list-group-item-environment-item
.bg-on-premise-connection-provisionFailed,
.ui-component-list-group-item-environment-item .bg-on-premise-connection-error,
.ui-component-list-group-item-environment-item
.bg-on-premise-connection-unknown,
.ui-component-list-group-item-environment-item
.bg-on-premise-connection-uninitialized {
white-space: normal;
word-break: break-all;
text-align: left;
}
.ui-component-list-group-item-environment-item
.bg-on-premise-connection-connected::before,
.ui-component-list-group-item-environment-item
.bg-on-premise-connection-waiting::before,
.ui-component-list-group-item-environment-item
.bg-on-premise-connection-provisioning::before,
.ui-component-list-group-item-environment-item
.bg-on-premise-connection-provisionFailed::before,
.ui-component-list-group-item-environment-item
.bg-on-premise-connection-error::before,
.ui-component-list-group-item-environment-item
.bg-on-premise-connection-unknown::before,
.ui-component-list-group-item-environment-item
.bg-on-premise-connection-uninitialized::before {
top: 0.13rem;
margin-top: 0;
}
.ui-component-list-group-item-environment-item .form-text .bi-info-circle,
.ui-component-list-group-item-environment-item .form-text .bi-geo-alt,
.ui-component-list-group-item-environment-item .form-text .bi-check-circle,
.ui-component-list-group-item-environment-item .form-text .bi-tag {
color: var(--lrs-mc-icon-grey-color);
left: -2px;
margin-right: 0;
position: absolute;
top: 0;
}
.ui-component-list-group-item-environment-item .form-text {
font-size: 1rem;
white-space: normal;
padding-left: 1.2rem;
position: relative;
word-break: break-all;
}
/*
* UI Component - End Environment list item
*/
/*
UI Component - Progress Bar
*/
.ui-component-progress-container {
height: 0.3rem;
border-radius: 1rem;
background: var(--lrs-mc-progress-bar-bg);
}
.ui-component-progress-bar {
background: var(--lrs-mc-blue-gradient);
}
.ui-component-progress-bar-full {
background: var(--lrs-mc-status-red-bad);
}
.ui-component-progress-bar-other-envs {
background: var(--lrs-mc-audit-report-storage-breakdown-other-color);
}
.ui-component-progress-bar-alt {
background: var(--lrs-mc-badge-info-alt-bg);
}
.ui-component-progress-container-stats {
display: block;
}
.ui-component-progress-container-stats .bi-info-circle {
color: var(--lrs-mc-icon-info-color);
font-size: 1rem;
margin-right: 0.3rem;
position: relative;
top: 1px;
}
/*
UI Component - End Progress Bar
*/
/*
* Dropdown - checkbox selection item
*/
/*
UI Component - Dropdown - checkbox selection item
*/
.ui-component-dropdown-item-label-custom-checkbox-container,
.ui-component-custom-checkbox-container-with-icon {
padding: 0.5rem;
padding-left: 3rem;
display: flex;
text-transform: capitalize;
}
.ui-component-custom-checkbox-container-with-icon {
padding-left: 2rem;
text-transform: none;
}
.ui-component-dropdown-item-label-custom-checkbox-container
.ui-component-custom-checkbox-checkmark,
.ui-component-custom-checkbox-container-with-icon
.ui-component-custom-checkbox-checkmark {
left: 1rem;
}
.ui-component-custom-checkbox-container-with-icon
.ui-component-custom-checkbox-checkmark {
left: 0;
}
/*
UI Component - Dropdown - checkbox selection item
*/
/*
UI Component - Collapsed Sidebar Menu
*/
.ui-layout-sidebar-collapsed {
background-position: -13.75rem 0;
}
.ui-layout-sidebar-collapsed .ui-layout-sidebar {
width: 5rem;
}
.ui-layout-sidebar-collapsed .ui-layout-container {
grid-template-columns: 5rem 1fr;
}
.ui-layout-sidebar-collapsed .ui-layout-sidebar .ui-layout-sidebar-banner {
width: 5rem;
height: 5rem;
}
.ui-layout-sidebar-collapsed .ui-layout-sidebar .ui-layout-sidebar-banner-text {
font-size: 0.4rem;
transform: translateY(-5.5rem);
white-space: nowrap;
padding-bottom: 3px;
border-width: 1px;
margin: 75px 10px;
padding-left: 0;
padding-right: 0;
}
.ui-layout-sidebar-collapsed
.ui-layout-sidebar
.ui-layout-sidebar-banner-text::after {
bottom: -2px;
}
.ui-layout-sidebar-collapsed
.ui-layout-sidebar
.ui-layout-sidebar-banner
.lrs-logo {
scale: 0.3;
margin-top: 1.7rem;
width: 16.6rem;
}
.ui-layout-sidebar-collapsed
.ui-layout-sidebar
.ui-layout-sidebar-menu-customer {
transform: translateX(-30rem);
height: 0;
visibility: hidden;
margin-bottom: 0;
}
.ui-layout-sidebar-collapsed .ui-layout-sidebar .ui-layout-sidebar-menu {
margin: 0 1rem 1rem;
width: 3rem;
}
.ui-layout-sidebar-collapsed
.ui-layout-sidebar
.ui-layout-sidebar-menu
.ui-layout-sidebar-menu-text {
visibility: hidden;
white-space: nowrap;
transform: translateX(-30rem);
opacity: 0;
max-height: 0;
}
.ui-layout-sidebar-collapsed
.ui-layout-sidebar
.ui-layout-sidebar-banner-cloud-full-container-cloud1 {
left: -105px;
top: -27px;
transform: scale(0.25) rotate(135deg);
}
.ui-layout-sidebar-collapsed
.ui-layout-sidebar
.ui-layout-sidebar-banner-cloud-full-container-cloud2 {
left: -99px;
top: 45px;
transform: scale(0.15);
}
.ui-layout-sidebar-collapsed
.ui-layout-sidebar
.ui-layout-sidebar-banner-cloud-full-container-cloud3 {
left: -62px;
top: 14px;
transform: scale(0.1);
}
.ui-layout-sidebar-collapsed
.ui-layout-sidebar
.ui-layout-sidebar-banner-cloud-full-container-cloud4 {
left: -29px;
top: 36px;
transform: scale(0.15) rotate(360deg);
}
.ui-layout-sidebar-collapsed
.ui-layout-sidebar
.ui-component-loading-overlay-content-slider {
transform: translateY(-13rem) translateX(-7rem) scale(0.5);
margin-left: 5.75rem;
width: 7.5rem;
}
.ui-layout-sidebar-collapsed .ui-layout-sidebar .ui-layout-sidebar-menu .bi {
transform: translateX(-0.2rem);
}
.ui-layout-sidebar-collapsed
.ui-layout-sidebar
.ui-layout-sidebar-menu
.ui-component-notification-count {
left: 1.6rem;
}
.ui-layout-sidebar-collapsed .ui-component-toggle-sidebar-expand {
display: block;
}
.ui-layout-sidebar-collapsed .ui-component-toggle-sidebar-collapse {
display: none;
}
/*
* If the width is less than X, display a collapsed sidebar
*/
@media (max-width: 1800px) {
body:not(.ui-layout-sidebar-force-expanded) {
background-position: -13.75rem 0;
}
body:not(.ui-layout-sidebar-force-expanded) .ui-layout-sidebar {
width: 5rem;
}
body:not(.ui-layout-sidebar-force-expanded) .ui-layout-container {
grid-template-columns: 5rem 1fr;
}
body:not(.ui-layout-sidebar-force-expanded)
.ui-layout-sidebar
.ui-layout-sidebar-banner {
width: 5rem;
height: 5rem;
}
body:not(.ui-layout-sidebar-force-expanded)
.ui-layout-sidebar
.ui-layout-sidebar-banner-text {
font-size: 0.4rem;
transform: translateY(-5.5rem);
white-space: nowrap;
padding-bottom: 3px;
border-width: 1px;
margin: 75px 10px;
padding-left: 0;
padding-right: 0;
}
body:not(.ui-layout-sidebar-force-expanded)
.ui-layout-sidebar
.ui-layout-sidebar-banner-text::after {
bottom: -2px;
}
body:not(.ui-layout-sidebar-force-expanded)
.ui-layout-sidebar
.ui-layout-sidebar-banner
.lrs-logo {
scale: 0.3;
margin-top: 1.7rem;
width: 16.6rem;
}
body:not(.ui-layout-sidebar-force-expanded)
.ui-layout-sidebar
.ui-layout-sidebar-menu-customer {
transform: translateX(-30rem);
height: 0;
visibility: hidden;
margin-bottom: 0;
}
body:not(.ui-layout-sidebar-force-expanded)
.ui-layout-sidebar
.ui-layout-sidebar-menu {
margin: 0 1rem 1rem;
width: 3rem;
}
body:not(.ui-layout-sidebar-force-expanded)
.ui-layout-sidebar
.ui-layout-sidebar-menu
.ui-layout-sidebar-menu-text {
visibility: hidden;
white-space: nowrap;
transform: translateX(-30rem);
opacity: 0;
max-height: 0;
}
body:not(.ui-layout-sidebar-force-expanded)
.ui-layout-sidebar
.ui-layout-sidebar-menu
a:not(.ui-layout-sidebar-menu-option-selected):hover
.ui-layout-sidebar-menu-tooltip,
body.ui-layout-sidebar-allow-tooltips:not(.ui-layout-sidebar-force-expanded)
.ui-layout-sidebar
.ui-layout-sidebar-menu
a.ui-layout-sidebar-menu-option-selected:hover
.ui-layout-sidebar-menu-tooltip,
body.ui-layout-sidebar-allow-tooltips:not(.ui-layout-sidebar-force-expanded)
.ui-layout-sidebar-menu-tooltip-show.ui-layout-sidebar-menu-tooltip {
background: var(--lrs-mc-black-color) !important;
opacity: 1;
padding: 0.25rem 0.7rem;
width: auto;
transition: none;
display: block;
}
body:not(.ui-layout-sidebar-force-expanded)
.ui-layout-sidebar
.ui-layout-sidebar-menu
a:not(.ui-layout-sidebar-menu-option-selected):hover
.ui-layout-sidebar-menu-tooltip::before,
body.ui-layout-sidebar-allow-tooltips:not(.ui-layout-sidebar-force-expanded)
.ui-layout-sidebar
.ui-layout-sidebar-menu
a.ui-layout-sidebar-menu-option-selected:hover
.ui-layout-sidebar-menu-tooltip::before,
body.ui-layout-sidebar-allow-tooltips:not(.ui-layout-sidebar-force-expanded)
.ui-layout-sidebar-menu-tooltip-show.ui-layout-sidebar-menu-tooltip::before {
color: var(--lrs-mc-black-color) !important;
}
body:not(.ui-layout-sidebar-force-expanded)
.ui-layout-sidebar
.ui-layout-sidebar-banner-cloud-full-container-cloud1 {
left: -105px;
top: -27px;
transform: scale(0.25) rotate(135deg);
}
body:not(.ui-layout-sidebar-force-expanded)
.ui-layout-sidebar
.ui-layout-sidebar-banner-cloud-full-container-cloud2 {
left: -99px;
top: 45px;
transform: scale(0.15);
}
body:not(.ui-layout-sidebar-force-expanded)
.ui-layout-sidebar
.ui-layout-sidebar-banner-cloud-full-container-cloud3 {
left: -62px;
top: 14px;
transform: scale(0.1);
}
body:not(.ui-layout-sidebar-force-expanded)
.ui-layout-sidebar
.ui-layout-sidebar-banner-cloud-full-container-cloud4 {
left: -29px;
top: 36px;
transform: scale(0.15) rotate(360deg);
}
body:not(.ui-layout-sidebar-force-expanded)
.ui-layout-sidebar
.ui-component-loading-overlay-content-slider {
transform: translateY(-13rem) translateX(-7rem) scale(0.5);
margin-left: 5.75rem;
width: 7.5rem;
}
body:not(.ui-layout-sidebar-force-expanded)
.ui-layout-sidebar
.ui-layout-sidebar-menu
.bi {
transform: translateX(-0.2rem);
}
body:not(.ui-layout-sidebar-force-expanded)
.ui-layout-sidebar
.ui-layout-sidebar-menu
.ui-component-notification-count {
left: 1.6rem;
}
body:not(.ui-layout-sidebar-force-expanded)
.ui-component-toggle-sidebar-expand {
display: block;
}
body:not(.ui-layout-sidebar-force-expanded)
.ui-component-toggle-sidebar-collapse {
display: none;
}
}
/*
UI Component - End Collapsed Sidebar Menu
*/
/*
UI Component - Terms and Conditions
*/
.ui-component-terms-and-conditions .ui-component-terms-and-conditions-text {
margin: 2rem 0;
padding: 2rem;
border: 1px solid var(--lrs-mc-common-border-color);
border-radius: 0.25rem;
}
/*
UI Component - End Terms and Conditions
*/
/*
UI Component - Mission Control Hosted Feature
*/
.ui-component-lrs-hosted-feature-container {
margin: 0rem 0rem 0rem -2.5rem;
}
.ui-component-lrs-hosted-feature-container-header {
margin: 0rem;
}
.ui-component-lrs-hosted-feature {
padding: 2rem;
padding-left: 5rem;
white-space: normal;
margin: 0rem 0rem 2.5rem 2.5rem;
border-width: 1px !important;
border-radius: .25rem !important;
}
.ui-component-lrs-hosted-feature-container.list-group-horizontal .ui-component-lrs-hosted-feature {
max-width: 35rem;
margin-bottom: 2rem;
padding-bottom: 5rem;
}
.ui-component-lrs-hosted-feature-container-header .ui-component-lrs-hosted-feature {
margin: 0rem;
margin-bottom: 2.5rem;
padding-top: 0;
}
.ui-component-lrs-hosted-feature-container-header .ui-component-lrs-hosted-feature .d-flex.align-items-center.flex-wrap > div {
margin-top: 2rem;
}
.ui-component-lrs-hosted-feature-cloud-container {
position: absolute;
left: 0;
top: 0;
overflow: hidden;
width: 5rem;
height: 6rem;
}
.ui-component-lrs-hosted-feature-title {
font-weight: 500;
margin-bottom: 0;
}
.ui-component-audit-report-heading-tile-header {
position: relative;
display: block;
}
.ui-component-audit-report-heading-tile-header-subtext {
display: block;
color: var(--lrs-mc-dashboard-date-color);
}
.ui-component-lrs-hosted-feature-status,
.ui-component-lrs-cloud-component-enabled.ui-component-lrs-hosted-feature-status,
.ui-component-lrs-cloud-status-icon {
position: relative;
padding-left: 2rem;
display: block;
}
.ui-component-lrs-hosted-feature-on-prem-component-container .ui-component-lrs-hosted-feature-on-prem-component .ui-component-lrs-hosted-feature-status {
white-space: normal !important;
}
.ui-component-lrs-hosted-feature-status .bi,
.ui-component-lrs-cloud-component-enabled.ui-component-lrs-hosted-feature-status .bi,
.ui-component-lrs-cloud-status-icon .bi,
.ui-component-audit-report-heading-tile-header .bi {
font-size: 1.3rem;
position: absolute;
top: -0.1rem;
left: 0.2rem;
height: 2rem;
color: var(--lrs-mc-icon-grey-color);
}
.ui-component-lrs-hosted-feature-container-header .ui-component-lrs-hosted-feature-status .bi {
left: 0.3rem;
}
.ui-component-lrs-hosted-feature-status .bi.bi-x,
.ui-component-lrs-cloud-status-icon .bi.bi-x
{
font-size: 1.7rem;
height: 2.2rem;
top: -0.4rem;
left: 0;
}
.ui-component-audit-report-heading-tile-header .bi {
left: 0;
}
.ui-component-lrs-hosted-feature .ui-layout-sidebar-banner-cloud-full {
background: var(--lrs-mc-status-grey-unknown);
opacity: 0.2;
}
.ui-component-lrs-hosted-feature-enabled .ui-component-lrs-hosted-feature-status .bi:not(.bi-info-circle),
.ui-component-lrs-cloud-component-enabled.ui-component-lrs-hosted-feature-status .bi:not(.bi-info-circle),
.ui-component-lrs-feature-advert-enabled.ui-component-lrs-hosted-feature-status .bi:not(.bi-info-circle) {
color: var(--lrs-mc-status-green-good);
}
.ui-component-lrs-hosted-feature-enabled .bg-lrs-component-status {
background: none !important;
}
.ui-component-lrs-hosted-feature-container-header .ui-component-lrs-hosted-feature-title,
.ui-component-lrs-hosted-feature-container-header .ui-component-lrs-hosted-feature-status {
white-space: nowrap;
}
.bi-loading-indicator {
padding-left: 1.2rem;
}
.bi-loading-indicator::before {
content: "";
border: 0.12rem solid;
border-color: var(--lrs-mc-icon-grey-color);
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: spinner-border 0.75s linear infinite;
animation: spinner-border 0.75s linear infinite;
height: 1.2rem;
width: 1.2rem;
top: 0.45rem;
position: absolute;
left: 0;
}
.bi-loading-indicator::before {
top: 0.3rem;
left: 0;
}
.ui-component-locations-loading-container .bi-loading-indicator::before,
.ui-component-dynamic-items-loading-container .bi-loading-indicator::before {
top: 0;
}
.bg-loading .bi-loading-indicator::before {
height: 1rem;
width: 1rem;
left: 0.3rem;
}
.ui-component-lrs-hosted-feature-on-prem-component .bi-loading-indicator::before {
left: 0.2rem;
}
.form-text .bi-loading-indicator {
position: relative;
margin-right: 0.2rem;
}
.form-text .bi-loading-indicator::before {
height: 1rem;
width: 1rem;
top: 0.05rem;
}
.ui-component-lrs-hosted-feature-form-selection-container .ui-component-custom-checkbox-container {
background: var(--lrs-mc-list-group-subsection-item-bg);
position: absolute;
left: -1px;
right: -1px;
display: flex;
padding: 1rem;
border-bottom-left-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
padding-left: 7rem;
bottom: -1px;
border: 1px solid var(--lrs-mc-list-group-item-border-color);
}
.ui-component-lrs-hosted-feature-form-selection-container .ui-component-custom-checkbox-container .ui-component-custom-checkbox-checkmark {
left: 5.25rem;
}
.ui-component-lrs-hosted-feature-on-premise {
padding-left: 2rem;
}
.ui-component-lrs-hosted-feature-on-premise .ui-component-lrs-hosted-feature-form-selection-container .ui-component-custom-checkbox-container .ui-component-custom-checkbox-checkmark {
left: 2.25rem;
}
.ui-component-lrs-hosted-feature-on-premise .ui-component-lrs-hosted-feature-form-selection-container .ui-component-custom-checkbox-container {
padding-left: 4rem;
}
.ui-component-lrs-hosted-feature-container-hover-selection .ui-component-lrs-hosted-feature:hover .ui-component-lrs-hosted-feature-form-selection-container .ui-component-custom-checkbox-container {
background-color: var(--lrs-mc-alert-success-bg);
border-color: var(--lrs-mc-alert-success-border);
}
.ui-component-lrs-hosted-feature-status-alert-container .alert
{
border: none;
background: none;
padding-left: 1.8rem;
}
.ui-component-lrs-hosted-feature-status-alert-container .alert::before
{
top: 0.9rem;
left: 0rem;
}
.ui-component-lrs-hosted-feature-on-prem-component {
overflow: visible;
display: flex;
padding-top: 0;
padding-bottom: 0;
}
/*
UI Component - End Mission Control Hosted Feature
*/
/*
UI Component - Page Heading
*/
.ui-component-page-heading-container {
display: flex;
align-items: center;
margin-bottom: 1.5rem;
}
.ui-component-page-heading {
font-weight: bold;
font-size: var(--bs-body-font-size);
}
.ui-component-page-description {
color: var(--lrs-mc-dashboard-date-color);
display: block;
margin-top: -0.3rem;
margin-bottom: 0;
white-space: nowrap;
}
.ui-component-page-heading-title-content .ui-component-page-description
{
white-space: normal;
}
/*
UI Component - End Page Heading
*/
/*
UI Component - Download Software Container
*/
.ui-component-download-software-container {
display: grid;
grid-template-columns: 22% auto;
column-gap: 2rem;
row-gap: 2rem;
}
.ui-component-download-software-icon {
width: 100%;
}
.ui-component-download-software-button-container {
flex: 0 0 100%;
display: flex;
row-gap: 1rem;
column-gap: 2rem;
}
.ui-component-download-software-button-container .btn {
white-space: nowrap;
}
/*
UI Component - Download Software Container
*/
/*
UI Component - Feature Set
*/
.ui-component-feature-set {
display: grid;
row-gap: 0.2rem;
}
.ui-component-feature-set-item {
display: flex;
}
.ui-component-feature-set-item .bi {
margin-right: 0.4rem;
}
.ui-component-feature-set-item-enabled .bi {
color: var(--lrs-mc-status-green-good) !important;
}
.ui-component-feature-set-item-disabled .bi {
color: var(--lrs-mc-status-orange-warning) !important;
}
.ui-component-feature-set-success-container {
display: flex;
grid-gap: 1rem;
flex-wrap: wrap;
}
.ui-component-feature-set-success-container .ui-component-feature-set-item {
display: inline-flex;
padding: 0.2rem 1rem 0.2rem 1rem;
border-radius: 1.25rem;
}
.ui-component-feature-set-success-container .ui-component-feature-set-item-enabled {
background: var(--lrs-mc-feature-set-success-bg);
}
.ui-component-feature-set-success-container .ui-component-feature-set-item-disabled {
background: var(--lrs-mc-feature-set-warning-bg);
}
/*
UI Component - End Feature Set
*/
/*
UI Component - Audit Reporting Data Filters
*/
.ui-component-audit-report-parameters-container {
word-break: break-all;
margin-bottom: 2.5rem;
display: flex;
flex-wrap: wrap;
grid-row-gap: 1rem;
}
.ui-component-audit-report-parameters-container .ui-component-chart-parameters-section .dropdown {
margin-top: 1rem;
}
.ui-component-audit-report-tile-breakdown-category-color-1::before,
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart-table .ui-component-audit-report-tile-breakdown-category-color-1,
.ui-component-doughnut-chart .ui-component-audit-report-tile-breakdown-category-color-1 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-1);
fill: var(--lrs-mc-audit-report-tile-breakdown-category-color-1);
}
.ui-component-audit-report-tile-breakdown-category-color-2::before,
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart-table .ui-component-audit-report-tile-breakdown-category-color-2,
.ui-component-doughnut-chart .ui-component-audit-report-tile-breakdown-category-color-2 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-2);
fill: var(--lrs-mc-audit-report-tile-breakdown-category-color-2);
}
.ui-component-audit-report-tile-breakdown-category-color-3::before,
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart-table .ui-component-audit-report-tile-breakdown-category-color-3,
.ui-component-doughnut-chart .ui-component-audit-report-tile-breakdown-category-color-3 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-3);
fill: var(--lrs-mc-audit-report-tile-breakdown-category-color-3);
}
.ui-component-audit-report-tile-breakdown-category-color-4::before,
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart-table .ui-component-audit-report-tile-breakdown-category-color-4,
.ui-component-doughnut-chart .ui-component-audit-report-tile-breakdown-category-color-4 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-4);
fill: var(--lrs-mc-audit-report-tile-breakdown-category-color-4);
}
.ui-component-audit-report-tile-breakdown-category-color-5::before,
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart-table .ui-component-audit-report-tile-breakdown-category-color-5,
.ui-component-doughnut-chart .ui-component-audit-report-tile-breakdown-category-color-5 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-5);
fill: var(--lrs-mc-audit-report-tile-breakdown-category-color-5);
}
.ui-component-audit-report-tile-breakdown-category-color-6::before,
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart-table .ui-component-audit-report-tile-breakdown-category-color-6,
.ui-component-doughnut-chart .ui-component-audit-report-tile-breakdown-category-color-6 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-6);
fill: var(--lrs-mc-audit-report-tile-breakdown-category-color-6);
}
.ui-component-audit-report-tile-breakdown-category-color-7::before,
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart-table .ui-component-audit-report-tile-breakdown-category-color-7,
.ui-component-doughnut-chart .ui-component-audit-report-tile-breakdown-category-color-7 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-7);
fill: var(--lrs-mc-audit-report-tile-breakdown-category-color-7);
}
.ui-component-audit-report-tile-breakdown-category-color-8::before,
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart-table .ui-component-audit-report-tile-breakdown-category-color-8,
.ui-component-doughnut-chart .ui-component-audit-report-tile-breakdown-category-color-8 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-8);
fill: var(--lrs-mc-audit-report-tile-breakdown-category-color-8);
}
.ui-component-audit-report-tile-breakdown-category-color-9::before,
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart-table .ui-component-audit-report-tile-breakdown-category-color-9,
.ui-component-doughnut-chart .ui-component-audit-report-tile-breakdown-category-color-9 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-9);
fill: var(--lrs-mc-audit-report-tile-breakdown-category-color-9);
}
.ui-component-audit-report-tile-breakdown-category-color-10::before,
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart-table .ui-component-audit-report-tile-breakdown-category-color-10,
.ui-component-doughnut-chart .ui-component-audit-report-tile-breakdown-category-color-10 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-10);
fill: var(--lrs-mc-audit-report-tile-breakdown-category-color-10);
}
.ui-component-audit-report-tile-breakdown-category-color-11::before,
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart-table .ui-component-audit-report-tile-breakdown-category-color-11,
.ui-component-doughnut-chart .ui-component-audit-report-tile-breakdown-category-color-11 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-11);
fill: var(--lrs-mc-audit-report-tile-breakdown-category-color-11);
}
.ui-component-audit-report-tile-breakdown-category-color-12::before,
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart-table .ui-component-audit-report-tile-breakdown-category-color-12,
.ui-component-doughnut-chart .ui-component-audit-report-tile-breakdown-category-color-12 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-12);
fill: var(--lrs-mc-audit-report-tile-breakdown-category-color-12);
}
.ui-component-audit-report-tile-breakdown-category-color-13::before,
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart-table .ui-component-audit-report-tile-breakdown-category-color-13,
.ui-component-doughnut-chart .ui-component-audit-report-tile-breakdown-category-color-13 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-13);
fill: var(--lrs-mc-audit-report-tile-breakdown-category-color-13);
}
.ui-component-audit-report-tile-breakdown-category-color-14::before,
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart-table .ui-component-audit-report-tile-breakdown-category-color-14,
.ui-component-doughnut-chart .ui-component-audit-report-tile-breakdown-category-color-14 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-14);
fill: var(--lrs-mc-audit-report-tile-breakdown-category-color-14);
}
.ui-component-audit-report-tile-breakdown-category-color-15::before,
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart-table .ui-component-audit-report-tile-breakdown-category-color-15,
.ui-component-doughnut-chart .ui-component-audit-report-tile-breakdown-category-color-15 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-15);
fill: var(--lrs-mc-audit-report-tile-breakdown-category-color-15);
}
.ui-component-audit-report-tile-breakdown-category-color-16::before,
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart-table .ui-component-audit-report-tile-breakdown-category-color-16,
.ui-component-doughnut-chart .ui-component-audit-report-tile-breakdown-category-color-16 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-16);
fill: var(--lrs-mc-audit-report-tile-breakdown-category-color-16);
}
.ui-component-audit-report-tile-breakdown-category-color-0::before,
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart-table .ui-component-audit-report-tile-breakdown-category-color-0,
.ui-component-doughnut-chart .ui-component-audit-report-tile-breakdown-category-color-0 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-0);
fill: var(--lrs-mc-audit-report-tile-breakdown-category-color-0);
}
.ui-component-audit-report-tile-breakdown-category-color::before,
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart-table .ui-component-audit-report-tile-breakdown-category-color {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color);
}
.ui-component-audit-report-tile-breakdown-category-mono::before,
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart-table .ui-component-audit-report-tile-breakdown-category-mono {
background: var(--lrs-mc-audit-report-tile-breakdown-category-mono);
}
.ui-component-audit-report-tile-breakdown-category-simplex::before,
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart-table .ui-component-audit-report-tile-breakdown-category-simplex {
background: var(--lrs-mc-audit-report-tile-breakdown-category-simplex);
}
.ui-component-audit-report-tile-breakdown-category-duplex::before,
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart-table .ui-component-audit-report-tile-breakdown-category-duplex {
background: var(--lrs-mc-audit-report-tile-breakdown-category-duplex);
}
.ui-component-audit-report-tile-breakdown-category-data-item-1::before,
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart-table .ui-component-audit-report-tile-breakdown-category-data-item-1 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-data-item-1);
}
.ui-component-audit-report-tile-breakdown-category-data-item-2::before,
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart-table .ui-component-audit-report-tile-breakdown-category-data-item-2 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-data-item-2);
}
.ui-component-audit-report-tile-breakdown-category-data-item-3::before,
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart-table .ui-component-audit-report-tile-breakdown-category-data-item-3 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-data-item-3);
}
.ui-component-audit-report-tile-breakdown-category-data-item-4::before,
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart-table .ui-component-audit-report-tile-breakdown-category-data-item-4 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-data-item-4);
}
.ui-component-audit-report-tile-breakdown-category-data-item-5::before,
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart-table .ui-component-audit-report-tile-breakdown-category-data-item-5 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-data-item-5);
}
.ui-component-audit-report-tile-breakdown-category-none::before,
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart-table .ui-component-audit-report-tile-breakdown-category-none,
.ui-component-doughnut-chart .ui-component-audit-report-tile-breakdown-category-none {
background: var(--lrs-mc-common-border-color);
fill: var(--lrs-mc-common-border-color);
}
.ui-component-doughnut-chart-animated,
.ui-component-doughnut-chart-waiting-animation {
position: relative;
align-self: flex-start;
}
.ui-component-doughnut-chart-animated::before {
content: "";
position: absolute;
left: -1px;
top: -1px;
right: -1px;
bottom: -1px;
border-radius: 50%;
border: 22px solid var(--lrs-mc-force-white-bg);
animation: doughnutChartReveal 0.5s linear forwards;
transform: rotate(135deg);
}
.ui-component-doughnut-chart-waiting-animation::after {
content: "";
position: absolute;
left: -1px;
top: -1px;
right: -1px;
bottom: -1px;
border-radius: 50%;
border: 18px solid var(--lrs-mc-common-border-color);
animation: spinner-border 0.75s linear infinite;
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 87%);
}
@keyframes doughnutChartReveal {
0% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0); }
20% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 40%); }
30% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%);}
40% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,100% 100%);}
70% {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0);}
100% {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0);}
}
.ui-component-doughnut-chart-labels-container {
margin-left: 2rem;
}
.ui-component-dashboard-doughnut-labels-category-container {
display: grid;
grid-template-columns: 1fr auto;
text-align: left;
grid-gap: 0.5rem 1rem;
margin-top: 0.5rem;
}
.ui-component-dashboard-doughnut-labels {
display: flex;
flex-wrap: wrap;
grid-gap: 0 3rem;
}
.ui-component-audit-report-categories-filter-grid {
display: flex;
flex-wrap: wrap;
grid-column-gap: 1.5rem;
grid-row-gap: 0.5rem;
margin-top: 1rem;
margin-left: 0.3rem;
}
.ui-component-audit-report-categories-filter-grid-inactive {
opacity: 0.5;
pointer-events: none;
}
.ui-component-audit-report-categories-filter {
display: block;
white-space: nowrap;
padding-left: 1.25rem;
position: relative;
text-decoration: none;
color: var(--bs-body-color);
}
.ui-component-audit-report-categories-filter::before,
.bi-ui-component-audit-report-categories-filter::before {
content: "";
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
left: 0;
top: 50%;
margin-top: -0.375rem;
position: absolute;
}
.ui-component-custom-checkbox-container-with-icon .bi-ui-component-audit-report-categories-filter {
top: 0;
margin-right: 0;
}
.ui-component-audit-report-categories-filter-toggled-off .ui-component-audit-report-categories-filter,
.ui-component-audit-report-categories-filter-toggled-off .ui-component-audit-report-tile-breakdown-values {
text-decoration: line-through;
opacity: 0.5;
}
.ui-component-audit-report-categories-filter-toggled-off .ui-component-audit-report-tile-breakdown-data-value {
opacity: 0.5;
}
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart {
height: 5px;
border-radius: 1rem;
margin-top: 0.8rem;
margin-left: 0.4rem;
}
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart-table
{
width: 100%;
border-collapse: separate;
border-spacing: 0;
height: 5px;
border-radius: 1rem;
}
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart-table td:first-child {
border-top-left-radius: 1rem;
border-bottom-left-radius: 1rem;
}
.ui-component-audit-report-heading-tile-single-bar-breakdown-chart-table td:last-child {
border-top-right-radius: 1rem;
border-bottom-right-radius: 1rem;
}
.ui-component-audit-report-categories-environment-stat-container {
display: flex;
}
.ui-component-audit-report-categories-savings-stats {
display: flex;
justify-content: flex-start;
margin-left: 0rem;
}
.ui-component-audit-report-categories-environment-stat-container .bi {
font-size: 1.3rem;
position: relative;
margin-top: 0.1rem;
display: block;
color: var(--lrs-mc-audit-report-tile-breakdown-category-pages);
}
.ui-component-audit-report-categories-environment-stat-container .bi-tree-fill {
color: var(--lrs-mc-audit-report-tile-breakdown-category-trees);
}
.ui-component-audit-report-categories-environment-stat-container .bi-lightning-fill {
color: var(--lrs-mc-audit-report-tile-breakdown-category-energy);
}
.ui-component-audit-report-categories-environment-stat-container .bi-globe-americas {
width: 1.3rem;
height: 1.3rem;
background: var(--lrs-mc-audit-report-tile-breakdown-category-co2-sea);
border-radius: 50%;
position: relative;
display: block;
margin-top: 0.35rem;
}
.ui-component-audit-report-categories-environment-stat-container .bi-globe-americas path {
fill: var(--lrs-mc-audit-report-tile-breakdown-category-co2-ground);
}
.ui-component-audit-report-categories-environment-stat-container .bi-tree-fill::after {
content: '';
position: absolute;
width: 0.18rem;
height: 0.23rem;
background: var(--lrs-mc-audit-report-tile-breakdown-category-trees-trunk);
left: 0.58rem;
bottom: 0.3rem;
}
/*
UI Component - End Audit Reporting Data Filters
*/
/*
UI Component - Audit Reporting Tile
*/
.ui-component-audit-report-stats-heading {
display: block;
color: var(--lrs-mc-dashboard-date-color);
position: relative;
margin-top: -0.5rem
}
.ui-component-audit-report-stats-heading .bi-info-circle
{
color: var(--lrs-mc-icon-grey-color);
}
.ui-component-audit-report-heading-container {
grid-column-gap: 2.5rem;
display: flex;
flex-wrap: wrap;
}
.ui-component-audit-report-heading-tile {
overflow: auto;
min-width: 24rem;
flex: 1;
position: relative;
}
.ui-query-error-showing .ui-component-audit-report-heading-tile,
.ui-query-error-showing .ui-component-grid-parent-audit-report-type-print-jobs,
.ui-query-error-showing .ui-component-grid-parent-audit-report-type-list {
display: none;
}
.ui-component-audit-report-heading-tile .ui-component-audit-report-heading-tile-error-container .alert
{
word-break: break-word;
}
.ui-component-audit-report-heading-tile-loading-container .spinner-border {
height: 5rem;
width: 5rem;
border-width: 3px;
border-color: var(--lrs-mc-form-control-border-color);
border-right-color: transparent;
opacity: 0.5;
margin: 2rem auto;
}
.ui-component-audit-report-heading-totals-container .ui-component-audit-report-heading-tile {
min-width: 15rem;
}
.ui-component-audit-report-heading-totals-container .ui-component-audit-report-heading-tile-loading-container,
.ui-component-audit-report-heading-totals-container .ui-component-audit-report-heading-tile-error-container {
top: 4rem;
bottom: 5rem;
}
.ui-component-audit-report-heading-totals-container .ui-component-audit-report-heading-tile-loading-container .spinner-border {
height: 1.5rem;
width: 1.5rem;
margin: 0;
margin-left: 1.5rem;
border-width: 2px;
margin-right: 0.5rem;
}
.ui-component-audit-report-dashboard-item-counts-tile-loading-text {
color: var(--lrs-mc-icon-grey-color);
}
.ui-component-audit-report-heading-totals-container .ui-component-audit-report-heading-tile-error-container {
padding: 0 0.5rem;
top: 3.8rem;
}
.ui-component-audit-report-heading-totals-container .ui-component-audit-report-heading-tile-error-container .alert {
border: none;
background: none;
}
.ui-component-audit-report-heading-tile-breakdown-chart {
position: relative;
width: 8rem;
height: 8rem;
border-radius: 50%;
margin-right: 1rem;
margin-top: 0.5rem;
}
.ui-component-audit-report-heading-tile-breakdown-chart-svg {
width: auto;
height: auto;
}
.ui-component-audit-report-heading-tile-breakdown-storage-chart {
width: 10rem;
height: 10rem;
}
.ui-component-audit-report-heading-tile-breakdown-chart::before {
content: '';
position: absolute;
background-color: #fff;
width: 6rem;
height: 6rem;
border-radius: 50%;
top: 1rem;
left: 1rem;
}
.ui-component-audit-report-heading-tile-breakdown-chart-svg::before {
content: none;
}
.ui-component-audit-report-heading-tile-breakdown-chart-svg svg {
shape-rendering: geometricPrecision;
}
.ui-component-audit-report-heading-tile-breakdown-storage-chart::before {
width: 8rem;
height: 8rem;
top: 1rem;
left: 1rem;
}
.ui-component-audit-report-heading-tile-breakdown-chart-value {
position: absolute;
font-size: 1.3rem;
width: 100%;
top: 3rem;
text-align: center;
}
.ui-component-audit-report-heading-tile-breakdown-chart-svg .ui-component-audit-report-heading-tile-breakdown-chart-value {
top: 3.5rem;
left: 0;
}
.ui-component-audit-report-heading-tile-breakdown-storage-chart .ui-component-audit-report-heading-tile-breakdown-chart-value {
top: 4rem;
word-wrap: break-word;
width: 7rem;
left: 1.5rem;
font-size: 1.2rem;
}
.ui-component-audit-report-categories-grid {
display: flex;
grid-template-columns: repeat(3, auto);
grid-column-gap: 1rem;
margin-left: 1rem;
margin-top: 1rem;
flex-wrap: wrap;
}
.ui-component-audit-report-categories-grid:not(.ui-component-audit-report-categories-grid-either-or) > div {
width: 5rem;
}
.ui-component-audit-storage-categories-grid {
grid-row-gap: 2rem;
}
.ui-component-audit-report-categories-grid.ui-component-audit-storage-categories-grid > div {
min-width: 20rem;
}
.ui-component-audit-report-categories-grid-either-or {
grid-template-columns: repeat(2, auto);
margin-left: 0.3rem;
justify-content: space-between;
}
.ui-component-audit-report-tile-breakdown-values {
display: block;
white-space: nowrap;
padding-left: 1.25rem;
position: relative;
}
.ui-component-audit-report-tile-breakdown-values::before {
content: "";
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
left: 0;
top: 50%;
margin-top: -0.375rem;
position: absolute;
}
.ui-component-audit-report-tile-breakdown-data-value {
color: var(--lrs-mc-dashboard-date-color);
display: block;
margin-top: -0.3rem;
margin-left: 1.25rem;
}
.ui-component-audit-report-storage-breakdown-values {
display: block;
white-space: nowrap;
padding-left: 1.25rem;
position: relative;
}
.ui-component-audit-report-storage-breakdown-values::before {
content: "";
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
left: 0;
top: 50%;
margin-top: -0.375rem;
position: absolute;
}
.ui-component-audit-report-storage-breakdown-values-current-env::before {
background: var(--lrs-mc-blue-gradient);
fill: var(--lrs-mc-blue-gradient);
}
.ui-component-audit-report-storage-breakdown-values-other-envs::before {
background: var(--lrs-mc-audit-report-storage-breakdown-other-color);
}
.ui-component-audit-report-heading-name-container {
display: flex;
margin-bottom: 1.5rem;
}
.ui-component-audit-report-heading-name {
font-weight: bold;
}
.ui-component-audit-report-heading-name-type {
color: var(--lrs-mc-dashboard-date-color);
display: block;
margin-bottom: 0.5rem;
position: relative;
}
.ui-component-audit-report-heading-name-type .bi-info-circle {
color: var(--lrs-mc-icon-grey-color);
}
.ui-component-audit-report-heading-name-type-filters-applied .bi,
.ui-component-audit-report-heading-name-type-filters-none {
margin-top: -0.5rem;
display: block;
}
.ui-component-audit-report-heading-name-type-filters-applied .bi,
.ui-component-audit-report-heading-name-type-filters-none .bi {
color: var(--lrs-mc-icon-grey-color);
font-size: 1.3rem;
position: relative;
top: 0.1rem;
}
.ui-component-audit-report-heading-name-type-filters-applied .bi {
color: var(--lrs-mc-status-alt-green-good);
}
.ui-component-audit-report-tile-breakdown-category-policy-enforcement::before {
content: "\F531";
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -0.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: var(--lrs-mc-blue);
font-size: 1.1rem;
top: 0.6rem;
left: -0.2rem;
}
/*
UI Component - End Audit Reporting Tile
*/
/*
UI Component - Policy
*/
.ui-component-condition-list-number {
display: inline-block;
background: var(--lrs-mc-form-control-checkbox-bg);
padding: 0.4rem;
min-width: 1.5rem;
height: 1.5rem;
line-height: 0.7rem;
text-align: center;
border-radius: 50%;
color: var(--lrs-mc-white-color);
margin-top: 0.4rem;
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.ui-component-policy-actions-container {
display: inline-grid;
grid-template-columns: auto auto;
grid-row-gap: 1rem;
grid-column-gap: 4rem;
margin: 0.5rem 0;
}
/*
UI Component - End Policy
*/
/*
UI Component - Location Picker / Dynamic Items Picker
*/
.ui-component-locations-location,
.ui-component-dynamic-items-item {
display: inline-flex;
padding: 0.5rem;
text-decoration: none;
color: var(--bs-body-color);
position: relative;
white-space: nowrap;
border-radius: 0.25rem;
}
.ui-component-dynamic-items-item {
padding: 0.4rem 0.5rem;
}
.ui-component-locations-picker-container-vertical .ui-component-locations-location {
white-space: normal;
word-break: break-all;
display: flex;
}
.ui-component-locations-picker-container-vertical .ui-component-locations-location::after {
content: '';
position: absolute;
top: 2.3rem;
left: 1.1rem;
border-left: 2px dotted var(--lrs-mc-form-control-border-color);
bottom: -0.3rem;
}
.ui-component-locations-picker-container-vertical .ui-component-locations-location:last-child::after,
.ui-component-locations-picker-container-vertical .ui-component-locations-location.ui-component-no-locations-selected::after {
content: none;
}
.ui-component-dynamic-items-selected-container-readonly.ui-component-dynamic-items-selected-container-readonly-alt .ui-component-dynamic-items-item {
color: var(--lrs-mc-white-color);
}
a.ui-component-locations-location:hover,
a.ui-component-dynamic-items-item:hover {
background: var(--lrs-mc-list-group-item-hover-bg);
color: var(--bs-body-color);
}
a.ui-component-locations-location:hover .bi,
a.ui-component-dynamic-items-item:hover .bi {
color: var(--lrs-mc-blue);
}
.ui-component-locations-selected-container a.ui-component-locations-location:hover .bi::before,
.ui-component-dynamic-items-selected-container a.ui-component-dynamic-items-item:hover .bi::before {
content: "\f3e7";
}
.ui-component-dynamic-items-item-selected,
a.ui-component-dynamic-items-item.ui-component-dynamic-items-item-selected:hover {
background: var(--lrs-mc-form-control-checkbox-bg);
color: var(--lrs-mc-white-color);
}
.ui-component-dynamic-items-item-selected .ui-component-dynamic-items-item-icon,
a.ui-component-dynamic-items-item.ui-component-dynamic-items-item-selected:hover .bi {
color: var(--lrs-mc-white-color);
}
.ui-component-locations-available-container .ui-component-locations-location,
.ui-component-dynamic-items-available-container .ui-component-dynamic-items-item {
display: flex;
}
.ui-component-locations-location-icon,
.ui-component-dynamic-items-item-icon {
color: var(--lrs-mc-btn-outline-secondary-icon-color);
}
.ui-component-locations-picker-container-vertical .ui-component-locations-selected-container .ui-component-locations-location:not(:last-child) .ui-component-locations-location-icon {
opacity: 0.5;
}
.ui-component-locations-picker-container-vertical .ui-component-locations-selected-container .ui-component-locations-location:hover:not(:last-child) .ui-component-locations-location-icon {
opacity: 1;
}
.ui-component-dynamic-items-selected-container-readonly.ui-component-dynamic-items-selected-container-readonly-alt .ui-component-dynamic-items-item-icon {
color: var(--lrs-mc-white-color);
}
.ui-component-dynamic-items-list-explainer {
display: block;
margin-top: -0.5rem;
margin-left: 2.5rem;
}
.ui-component-locations-selected-container {
display: inline-flex;
flex-wrap: wrap;
}
.ui-component-locations-picker-container-vertical,
.ui-component-item-picker-container-vertical {
width: 20rem;
}
.ui-component-locations-picker-container-vertical .ui-component-locations-selected-container {
display: grid;
}
.ui-component-locations-selected-container-readonly,
.ui-component-dynamic-items-selected-container-readonly {
display: flex;
}
.ui-component-locations-selected-container-readonly .ui-component-locations-location,
.ui-component-dynamic-items-selected-container-readonly .ui-component-dynamic-items-item {
background: var(--lrs-mc-list-group-item-hover-bg);
}
.ui-component-dynamic-items-selected-container-readonly.ui-component-dynamic-items-selected-container-readonly-alt .ui-component-dynamic-items-item {
background: var(--lrs-mc-blue-gradient);
}
.ui-component-locations-selected-container-readonly .ui-component-locations-location:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ui-component-locations-selected-container-readonly .ui-component-locations-location:not(.ui-component-locations-location:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ui-component-locations-location-line {
position: absolute;
border-left: 0.4rem dotted var(--lrs-mc-form-control-border-color);
left: 0.75rem;
top: -0.96rem;
width: 1rem;
height: 2rem;
scale: 0.4;
display: none;
}
.ui-component-locations-available-container .ui-component-locations-location-line {
display: none;
}
.ui-component-locations-available-list,
.ui-component-dynamic-items-available-list {
display: inline-block;
}
.ui-component-locations-picker-container-vertical .ui-component-locations-available-list {
display: block;
}
.ui-component-locations-available-container,
.ui-component-dynamic-items-available-container {
margin: 0.5rem 0;
padding-top: 0.5rem;
border-top: 1px dashed var(--lrs-mc-form-control-border-color);
}
.ui-component-locations-picker-container-vertical .ui-component-locations-available-container {
margin-top: 0;
}
.ui-component-locations-loading-container,
.ui-component-dynamic-items-loading-container {
padding: 0.5rem;
}
.ui-component-locations-loading-container .bi-loading-indicator,
.ui-component-dynamic-items-loading-container .bi-loading-indicator {
margin-right: 0.8rem;
position: relative;
}
.ui-component-locations-error-container.alert-danger,
.ui-component-locations-none-container.alert-info,
.ui-component-locations-adding-container.alert-success,
.ui-component-dynamic-items-error-container.alert-danger,
.ui-component-dynamic-items-none-container.alert-info,
.ui-component-dynamic-items-adding-container.alert-success {
border: none;
padding: 0.5rem;
padding-left: 2.5rem;
background: none;
margin-bottom: 0;
}
.ui-component-locations-error-container.alert-danger::before,
.ui-component-locations-none-container.alert-info::before,
.ui-component-locations-adding-container.alert-success::before,
.ui-component-dynamic-items-error-container.alert-danger::before,
.ui-component-dynamic-items-none-container.alert-info::before,
.ui-component-dynamic-items-adding-container.alert-success::before {
left: 0.5rem;
top: 0.65rem;
}
/*
UI Component - End Location Picker / Dynamic Items Picker
*/
/*
UI Component - Inline list selection
*/
.ui-component-inline-list-selected-item {
border-bottom: 1px dashed var(--lrs-mc-form-control-border-color);
}
.ui-component-inline-list-selected-item-with-selection {
border: none;
}
.ui-component-inline-list-selection .list-group-item-action::after {
content: '\F13F';
color: var(--lrs-mc-grid-table-multi-line-desc-color);
}
.ui-component-inline-list-selected-item-with-selection .ui-component-grid-item,
.ui-component-inline-list-selected-item .ui-component-grid-item {
background: var(--lrs-mc-list-group-item-hover-bg);
border-radius: 0.25rem;
padding: 1rem !important;
}
.ui-component-inline-list-selected-item-with-selection .driver-selection-item-driver-icon,
.ui-component-inline-list-selected-item .driver-selection-item-selected-icon {
top: 0.9rem !important;
left: 1rem !important;
}
.ui-component-inline-list-selected-item-with-selection .bg-inline-list-generic,
.ui-component-inline-list-selected-item .bg-inline-list-generic {
background: var(--lrs-mc-list-group-subsection-item-hover-bg) !important;
}
/*
UI Component - End Inline list selection
*/
/*
UI Component - Floorplan Map
*/
.ui-component-map-markers-container {
border: 1px solid var(--lrs-mc-common-border-color);
border-radius: 0.25rem;
padding: 1rem;
overflow: hidden;
position: relative;
}
.ui-component-floorplan-segment:fullscreen {
padding: 2rem !important;
overflow: auto;
background: var(--lrs-mc-force-white-bg);
}
.ui-component-map-markers-container .alert {
position: absolute;
background: var(--lrs-mc-force-white-bg);
left: 0;
top: 0;
border: none;
}
.ui-component-map-markers-container .alert-info-loading::before {
border-color: var(--lrs-mc-icon-grey-color);
border-right-color: transparent;
}
.ui-component-map-markers-inner,
.ui-component-network-map-markers-inner {
background-image: linear-gradient(45deg, var(--lrs-mc-floorplan-checkerboard-color) 25%, transparent 25%),
linear-gradient(-45deg, var(--lrs-mc-floorplan-checkerboard-color) 25%, transparent 25%),
linear-gradient(45deg, transparent 75%, var(--lrs-mc-floorplan-checkerboard-color) 75%),
linear-gradient(-45deg, transparent 75%, var(--lrs-mc-floorplan-checkerboard-color) 75%);
background-size: 20px 20px;
background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
overflow: hidden;
min-height: 40rem;
height: calc(100vh - 45rem);
}
.ui-component-network-map-markers-inner {
background-image: linear-gradient(45deg, var(--lrs-mc-network-map-checkerboard-color) 25%, transparent 25%),
linear-gradient(-45deg, var(--lrs-mc-network-map-checkerboard-color) 25%, transparent 25%),
linear-gradient(45deg, transparent 75%, var(--lrs-mc-network-map-checkerboard-color) 75%),
linear-gradient(-45deg, transparent 75%, var(--lrs-mc-network-map-checkerboard-color) 75%);
}
.ui-component-network-map-markers-inner {
height: 56.9rem;
}
.ui-component-floorplan-segment:fullscreen .ui-component-map-markers-inner {
height: calc(100vh - 17.5rem);
}
.ui-component-info-box-collection-container:fullscreen > div:last-child {
display: none;
}
.ui-component-info-box-collection-container:fullscreen > div:first-child {
padding-left: 2rem;
margin-top: 2rem;
}
.ui-component-info-box-collection-container:fullscreen .ui-component-network-map-markers-inner {
height: calc(100vh - 13rem);
}
.ui-component-map-markers {
position: relative;
}
.ui-component-draggable {
cursor: grab;
}
.ui-component-is-dragging .ui-component-draggable,
.ui-component-draggable:active {
cursor: grabbing !important;
}
.ui-component-map-markers img {
display: block;
padding: 10px; /* Padding used in js functions to fit floorplan to container */
background: var(--lrs-mc-force-white-bg);
transform-origin: 0 0;
}
.ui-component-map-markers img.zoom0 { transform: scale(1); }
.ui-component-map-markers img.zoom1 { transform: scale(1.1); }
.ui-component-map-markers img.zoom2 { transform: scale(1.2); }
.ui-component-map-markers img.zoom3 { transform: scale(1.3); }
.ui-component-map-markers img.zoom4 { transform: scale(1.4); }
.ui-component-map-markers img.zoom5 { transform: scale(1.5); }
.ui-component-map-markers img.zoom6 { transform: scale(1.6); }
.ui-component-map-markers img.zoom7 { transform: scale(1.7); }
.ui-component-map-markers img.zoom8 { transform: scale(1.8); }
.ui-component-map-markers img.zoom9 { transform: scale(1.9); }
.ui-component-map-markers img.zoom10 { transform: scale(2.0); }
.ui-component-map-markers img.zoom11 { transform: scale(2.1); }
.ui-component-map-markers img.zoom12 { transform: scale(2.2); }
.ui-component-map-markers img.zoom13 { transform: scale(2.3); }
.ui-component-map-markers img.zoom14 { transform: scale(2.4); }
.ui-component-map-markers img.zoom15 { transform: scale(2.5); }
.ui-component-map-markers img.zoom16 { transform: scale(2.6); }
.ui-component-map-markers img.zoom17 { transform: scale(2.7); }
.ui-component-map-markers img.zoom18 { transform: scale(2.8); }
.ui-component-map-markers img.zoom19 { transform: scale(2.9); }
.ui-component-map-markers img.zoom20 { transform: scale(3.0); }
.ui-component-map-markers img.zoom-1 { transform: scale(0.9); }
.ui-component-map-markers img.zoom-2 { transform: scale(0.8); }
.ui-component-map-markers img.zoom-3 { transform: scale(0.7); }
.ui-component-map-markers img.zoom-4 { transform: scale(0.6); }
.ui-component-map-markers img.zoom-5 { transform: scale(0.5); }
.ui-component-map-markers img.zoom-6 { transform: scale(0.4); }
.ui-component-map-markers img.zoom-7 { transform: scale(0.3); }
.ui-component-map-markers img.zoom-8 { transform: scale(0.2); }
.ui-component-map-markers img.zoom-9 { transform: scale(0.1); }
.ui-component-map-markers img.zoom-10 { transform: scale(0.09); }
.ui-component-map-markers img.zoom-11 { transform: scale(0.08); }
.ui-component-map-markers img.zoom-12 { transform: scale(0.07); }
.ui-component-map-markers img.zoom-13 { transform: scale(0.06); }
.ui-component-map-markers img.zoom-14 { transform: scale(0.05); }
.ui-component-map-markers img.zoom-15 { transform: scale(0.04); }
.ui-component-map-markers img.zoom-16 { transform: scale(0.03); }
.ui-component-map-markers img.zoom-17 { transform: scale(0.02); }
.ui-component-map-markers img.zoom-18 { transform: scale(0.01); }
.ui-component-map-markers img.zoom-19 { transform: scale(0.009); }
.ui-component-map-markers img.zoom-20 { transform: scale(0.008); }
.ui-component-map-markers img.zoom-21 { transform: scale(0.007); }
.ui-component-map-markers img.zoom-22 { transform: scale(0.006); }
.ui-component-map-markers img.zoom-23 { transform: scale(0.005); }
.ui-component-map-markers img.zoom-24 { transform: scale(0.004); }
.ui-component-map-markers img.zoom-25 { transform: scale(0.003); }
.ui-component-map-markers img.zoom-26 { transform: scale(0.002); }
.ui-component-map-markers img.zoom-27 { transform: scale(0.001); }
.ui-component-map-marker {
transition-duration: 400ms;
transition-property: transform;
position: absolute;
left: 10px;
top: 50%;
}
.ui-component-map-marker.ui-component-new-map-marker {
transform: scale(50);
}
.ui-component-map-marker .ui-component-map-marker-content {
position: relative;
}
.ui-component-map-marker .ui-component-map-badge {
width: 1.9rem;
height: 1.9rem;
display: block;
text-decoration: none;
color: var(--lrs-mc-white-color);
background: var(--lrs-mc-floorplan-badge-bg);
border-radius: 50%;
border: 2px solid var(--lrs-mc-floorplan-badge-border);
box-shadow: 0 0 0.7rem 0.1rem var(--lrs-mc-floorplan-badge-shadow);
z-index: 11;
position: relative;
}
.ui-component-map-marker .ui-component-map-badge::before {
content: "\f501";
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 1.1rem;
left: 0.28rem;
top: 0.2rem;
position: relative;
vertical-align: -0.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ui-component-map-marker .ui-component-map-marker-ping {
position: absolute;
width: 4px;
height: 4px;
left: 50%;
top: 50%;
background: var(--lrs-mc-floorplan-badge-bg);
z-index: 10;
border-radius: 50%;
opacity: 0.7;
animation: ui-component-map-marker-ping 3200ms infinite ease-in;
}
@keyframes ui-component-map-marker-ping {
0%
{
width: 4px;
height: 4px;
left: 50%;
top: 50%;
margin-left: -2px;
margin-top: -2px;
opacity: 0;
}
20%
{
opacity: 0.3;
}
30%
{
opacity: 0.2;
}
60%,
100%
{
width: 100px;
height: 100px;
left: 50%;
top: 50%;
margin-left: -50px;
margin-top: -50px;
opacity: 0;
}
}
.ui-component-map-marker .ui-component-map-marker-content {
position: relative;
}
.ui-component-map-marker .ui-component-map-marker-tooltip {
display: none;
position: absolute;
top: auto;
bottom: 2.5rem;
left: -1rem;
z-index: 13;
border-radius: 0.25rem;
box-shadow: 0 0 0.7rem 0.1rem var(--lrs-mc-floorplan-badge-shadow);
padding: 1rem;
background: var(--lrs-mc-floorplan-tooltip-bg);
padding-right: 4rem;
}
.ui-component-map-marker:hover .ui-component-map-marker-tooltip {
display: block;
}
.ui-component-map-marker-tooltip .ui-component-map-marker-details {
position: relative;
color: var(--lrs-mc-white-color);
min-height: 1.8rem;
}
.ui-component-floorplan-show-printer-name .ui-component-map-marker-tooltip {
display: block;
padding-right: 1rem;
}
.ui-component-map-marker-tooltip .ui-component-map-marker-prtlname {
white-space: nowrap;
display: block;
}
.ui-component-map-marker-tooltip .ui-component-map-marker-dev-props {
min-width: 6rem;
}
.ui-component-map-marker-tooltip .ui-component-map-marker-dev-props .bi-svg-theme-color {
fill: var(--lrs-mc-ppm-icons-color-floorplan-tooltip);
}
.ui-component-floorplan-show-printer-name .ui-component-map-marker-tooltip .ui-component-map-marker-prtlname,
.ui-component-floorplan-show-printer-name .ui-component-map-marker-tooltip .ui-component-map-marker-dev-props,
.ui-component-floorplan-show-printer-name .ui-component-map-marker-tooltip .ui-component-map-marker-remove {
display: none;
}
.ui-component-floorplan-show-printer-name:hover .ui-component-map-marker-tooltip .ui-component-map-marker-prtlname,
.ui-component-floorplan-show-printer-name:hover .ui-component-map-marker-tooltip .ui-component-map-marker-dev-props,
.ui-component-floorplan-show-printer-name:hover .ui-component-map-marker-tooltip .ui-component-map-marker-remove {
display: block;
}
.ui-component-floorplan-show-printer-name:hover .ui-component-map-marker-tooltip {
padding-right: 4rem;
}
.ui-component-map-marker-tooltip .ui-component-map-marker-tip {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 17px solid var(--lrs-mc-floorplan-tooltip-bg);
position: absolute;
left: 1.3rem;
bottom: -1.05rem;
}
.ui-component-map-marker-dev-props .ui-component-grid-item-multi-line-with-icon {
margin-left: 0;
}
.ui-component-map-marker-remove {
position: absolute;
right: -3rem;
bottom: 0;
height: 2rem;
width: 2rem;
background: var(--lrs-mc-btn-danger-bg);
border-radius: 0.25rem;
}
.ui-component-map-marker-remove:hover {
background: var(--lrs-mc-btn-danger-bg-hover);
cursor: pointer;
}
.ui-component-map-marker-remove:active,
.ui-component-map-marker-remove:focus
{
box-shadow: var(--lrs-mc-btn-danger-bg-focus-outline);
}
.ui-component-map-marker-remove .ui-component-map-marker-remove-icon {
font-size: 1.3rem;
margin-left: 0.3rem;
}
/*
UI Component - End Floorplan Map
*/
/*
UI Component - Environment Overview Container
*/
.ui-component-lrs-environment-overview-container.ui-component-lrs-environment-overview-hosted-feature-container {
border-bottom: 1px solid var(--lrs-mc-list-group-item-border-color);
}
.ui-component-lrs-environment-overview-hosted-status-info-container {
border: 1px solid var(--lrs-mc-list-group-item-border-color);
border-radius: 0.25rem;
padding: 0 2rem 1rem;
}
.ui-component-lrs-environment-overview-hosted-status-info-feature-name {
display: block;
font-weight: 500;
}
/*
UI Component - End Environment Overview Container
*/
/*
UI Component - Datalist
*/
.ui-component-datalist-show-tick div:not(.form-range-tooltip)::before {
content: "";
width: 1px;
height: 6px;
background: var(--lrs-mc-icon-grey-color);
position: absolute;
top: -8px;
left: 50%;
margin-left: -0.5px;
}
.ui-component-datalist-show-tick div.date-helper-labels-min {
padding: 0;
position: absolute;
left: -0.2rem;
cursor: pointer;
width: 5rem;
}
.ui-component-datalist-show-tick div.date-helper-labels-min::before {
left: 0.7rem;
}
.ui-component-datalist-show-tick div.date-helper-labels-max {
margin-left: -4rem;
padding: 0;
position: absolute;
left: 100%;
cursor: pointer;
width: 5rem;
}
.ui-component-datalist-show-tick div.date-helper-labels-max::before {
left: auto;
right: 1.5rem;
margin-left: 0;
}
.form-range-tooltip {
padding: 0.25rem 0.5rem;
color: var(--lrs-mc-white-color);
text-align: center;
background: var(--lrs-mc-form-control-checkbox-bg);
border-radius: 0.25rem;
position: absolute;
left: 50%;
top: -3.2rem;
transform: translate(-50%, -50%);
z-index: 10;
width: 7rem;
}
.ui-component-datalist-show-tick option.form-range-tooltip::before {
display: none;
}
/*
UI Component - End Datalist
*/
/*
UI Component - Audit Report Frame
*/
.ui-component-audit-report-frame-body {
background: none;
}
.ui-component-audit-report-frame-container {
position: relative;
}
.ui-component-audit-report-frame {
width: calc(100% + 5rem);
}
.ui-component-sidebar-with-content-grid-content .ui-component-audit-report-frame {
margin: -2.5rem;
}
.ui-component-audit-report-parent-frame {
margin: -2.5rem;
margin-top: -2rem;
min-height: 30rem;
}
.ui-component-audit-report-frame-body:fullscreen,
.ui-layout-main-body-content:fullscreen {
padding: 2.5rem !important;
overflow: auto;
background: var(--lrs-mc-force-white-bg);
transition: none;
}
.ui-component-report-container .ui-component-details-content-main {
margin: 0;
padding-right: 0;
padding-left: 0;
position: relative;
}
.ui-component-audit-report-frame-loading-container {
position:absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
}
.ui-component-audit-report-frame-container .ui-component-audit-report-frame-loading-container {
top: -2rem;
}
.ui-component-audit-report-frame-loading-container-backdrop {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
background: var(--lrs-mc-force-white-bg);
opacity: 0.5;
}
.ui-component-audit-report-frame-loading-container .alert {
position: relative;
z-index: 11;
margin-top: 2rem;
}
/*
UI Component - End Audit Report Frame
*/
/*
UI Component - Audit Report Options
*/
.ui-component-audit-data-options-line-items-table thead tr td {
font-weight: bold;
}
.ui-component-audit-data-options-line-items-table {
padding: 1rem;
border-radius: 0.25rem;
padding-top: 0.6rem;
margin-right: 2rem;
}
/*
UI Component - End Audit Report Options
*/
/*
UI Component - Info Box
*/
.ui-component-info-box-collection-container {
display: flex;
flex-wrap: wrap;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
margin-bottom: 2rem;
}
.ui-component-info-box {
border: 1px solid var(--lrs-mc-common-border-color);
padding: 1.5rem;
border-radius: 0.3rem;
position: relative;
margin-bottom: 2rem;
}
.ui-component-info-box-chart {
height: 18.1rem;
}
.ui-component-info-box-collection-container .ui-component-info-box {
margin-bottom: 0;
}
.ui-component-info-box-overview-activity-snapshot .alert-info-loading {
background: none;
border: none;
border-bottom: 1px solid var(--lrs-mc-common-border-color);
border-radius: 0;
padding-top: 1.2rem;
}
.ui-component-info-box-overview-activity-snapshot .alert {
margin-bottom: 20rem;
}
.ui-component-info-box-overview-activity-snapshot .alert-info-loading::before {
left: 0.7rem;
top: 1.4rem;
}
.ui-component-info-box-content {
display: flex;
align-items: center;
flex-wrap: wrap;
grid-row-gap: 1rem;
grid-column-gap: 4rem;
}
.bi-info-box-content-icon {
color: var(--lrs-mc-btn-outline-secondary-icon-color);
font-size: 4rem;
transition: color .15s ease-in-out;
opacity: 1;
}
.ui-component-info-box:hover .bi-info-box-content-icon,
.bi-info-box-content-icon.bi-info-box-active-icon {
opacity: 1;
color: var(--lrs-mc-page-type-icon-color);
}
.ui-component-info-box-software-icon,
.ui-component-info-box-secure-app-icon {
width: 2rem;
opacity: 1;
transition: opacity .15s ease-in-out;
position: absolute;
left: 1rem;
top: 0.7rem;
}
.ui-component-info-box:hover .ui-component-info-box-software-icon {
opacity: 1;
}
.ui-component-info-box-secure-app-icon {
opacity: 1;
left: 1.3rem;
width: 1.8rem;
}
.ui-component-info-box-activity-icon {
width: 2.5rem;
height: 2.5rem;
background: var(--lrs-mc-badge-activity-icon-default-bg);
border-radius: 0.25rem;
display: flex;
justify-content: center;
align-items: center;
}
.ui-component-info-box-activity-icon .bi {
font-size: 1.4rem;
color: var(--lrs-mc-badge-activity-icon-default-icon-bg);
}
.ui-component-info-box-activity-icon-type-add,
.ui-component-info-box-activity-icon-type-add .ui-component-personalq-icon-lock {
background: var(--lrs-mc-badge-activity-icon-add-bg);
}
.ui-component-info-box-activity-icon-type-add .bi,
.ui-component-info-box-activity-icon-type-add .ui-component-personalq-icon-cutout {
font-size: 1.4rem;
color: var(--lrs-mc-badge-activity-icon-add-icon-bg);
fill: var(--lrs-mc-badge-activity-icon-add-icon-bg);
}
.ui-component-info-box-activity-icon-type-delete,
.ui-component-info-box-activity-icon-type-error,
.ui-component-info-box-activity-icon-type-delete .ui-component-personalq-icon-lock,
.ui-component-info-box-activity-icon-type-error .ui-component-personalq-icon-lock {
background: var(--lrs-mc-badge-activity-icon-delete-bg);
}
.ui-component-info-box-activity-icon-type-delete .bi,
.ui-component-info-box-activity-icon-type-error .bi,
.ui-component-info-box-activity-icon-type-delete .ui-component-personalq-icon-cutout,
.ui-component-info-box-activity-icon-type-error .ui-component-personalq-icon-cutout {
font-size: 1.4rem;
color: var(--lrs-mc-badge-activity-icon-delete-icon-bg);
fill: var(--lrs-mc-badge-activity-icon-delete-icon-bg);
}
.ui-component-info-box-activity-icon-type-update,
.ui-component-info-box-activity-icon-type-update .ui-component-personalq-icon-lock {
background: var(--lrs-mc-badge-activity-icon-update-bg);
}
.ui-component-info-box-activity-icon-type-update .bi,
.ui-component-info-box-activity-icon-type-update .ui-component-personalq-icon-cutout {
font-size: 1.4rem;
color: var(--lrs-mc-badge-activity-icon-update-icon-bg);
fill: var(--lrs-mc-badge-activity-icon-update-icon-bg);
}
.ui-component-info-box-activity-icon-type-action,
.ui-component-info-box-activity-icon-type-action .ui-component-personalq-icon-lock {
background: var(--lrs-mc-badge-activity-icon-action-bg);
}
.ui-component-info-box-activity-icon-type-action .bi,
.ui-component-info-box-activity-icon-type-action .ui-component-personalq-icon-cutout {
font-size: 1.4rem;
color: var(--lrs-mc-badge-activity-icon-action-icon-bg);
fill: var(--lrs-mc-badge-activity-icon-action-icon-bg);
}
.ui-component-info-box-activity-icon-type-disabled,
.ui-component-info-box-activity-icon-type-disabled .ui-component-personalq-icon-lock {
background: var(--lrs-mc-badge-activity-icon-disabled-bg);
}
.ui-component-info-box-activity-icon-type-disabled .bi,
.ui-component-info-box-activity-icon-type-disabled .ui-component-personalq-icon-cutout {
font-size: 1.4rem;
color: var(--lrs-mc-badge-activity-icon-disabled-icon-bg);
fill: var(--lrs-mc-badge-activity-icon-disabled-icon-bg);
}
.ui-component-info-box-activity-icon-type-activated,
.ui-component-info-box-activity-icon-type-activated .ui-component-personalq-icon-lock {
background: var(--lrs-mc-badge-activity-icon-activated-bg);
}
.ui-component-info-box-activity-icon-type-activated .bi,
.ui-component-info-box-activity-icon-type-activated .ui-component-personalq-icon-cutout {
font-size: 1.4rem;
color: var(--lrs-mc-badge-activity-icon-activated-icon-bg);
fill: var(--lrs-mc-badge-activity-icon-activated-icon-bg);
}
/*
UI Component - End Info Box
*/
/*
UI Component - Filters List
*/
.ui-layout-list-filter-container {
padding: 1rem 1rem 1rem 0;
flex-wrap: wrap;
gap: 0.5rem;
display: flex;
}
.ui-component-sticky-list-options .ui-layout-list-filter-container {
border-top: 1px solid var(--lrs-mc-common-border-color);
}
.ui-component-sticky-list-options .ui-layout-list-filter-container:empty {
position: relative;
top: 0.5rem;
}
.ui-component-filter-criteria {
background: var(--lrs-mc-form-control-checkbox-bg);
border-radius: 1.25rem;
padding: 0.2rem 1rem 0.2rem 1rem;
color: var(--lrs-mc-white-color);
}
.ui-layout-printer-new-attributes-container .ui-component-filter-criteria {
background: var(--lrs-mc-badge-success-bg);
}
.ui-component-filter-criteria .bi {
color: var(--lrs-mc-form-control-border-color);
opacity: 0.5;
}
.ui-component-filter-criteria .bi:hover {
color: var(--lrs-mc-white-color);
cursor: pointer;
opacity: 1;
}
.ui-component-audit-filter-value,
.ui-component-filter-value {
width: 20rem;
}
/*
UI Component - End Filters List
*/
/*
UI Component - Audit Report Table
*/
.ui-component-report-table {
width: 100%;
border-collapse: collapse;
border-collapse: separate;
border-spacing: 0;
border-radius: 0.25rem;
margin-bottom: 2.5rem;
}
.ui-component-report-table-header {
border-top: 1px solid var(--lrs-mc-common-border-color);
}
/* Top left corner */
.ui-component-report-table-header:first-child {
border-top-left-radius: 0.25rem;
border-left: 1px solid var(--lrs-mc-common-border-color);
}
/* Top right corner */
.ui-component-report-table-header:last-child {
border-top-right-radius: 0.25rem;
border-right: 1px solid var(--lrs-mc-common-border-color);
}
/* Bottom left corner */
.ui-component-report-table-row-group .ui-component-report-table-row:last-child .ui-component-report-table-header:first-child,
.ui-component-report-table-row-group .ui-component-report-table-row:last-child .ui-component-report-table-row-cell:first-child {
border-bottom-left-radius: 0.25rem;
}
/* Bottom right corner */
.ui-component-report-table-row-group .ui-component-report-table-row:last-child .ui-component-report-table-header:last-child,
.ui-component-report-table-row-group .ui-component-report-table-row:last-child .ui-component-report-table-row-cell:last-child {
border-bottom-right-radius: 0.25rem;
}
.ui-component-report-table-row-group .ui-component-report-table-row .ui-component-report-table-row-cell:first-child {
border-left: 1px solid var(--lrs-mc-common-border-color);
}
.ui-component-report-table-row-group .ui-component-report-table-row .ui-component-report-table-row-cell:last-child {
border-right: 1px solid var(--lrs-mc-common-border-color);
}
.ui-component-report-table-heading-group {
background: var(--lrs-mc-grid-table-header-bg);
}
.ui-component-report-table-row-cell,
.ui-component-report-table-header {
padding: 1.95rem 1.5rem;
position: relative;
white-space: nowrap;
font-weight: normal;
}
.ui-component-report-table-header-sortable div {
position: relative;
display: inline-block;
}
.ui-component-report-table-row-cell {
border-top: 1px solid var(--lrs-mc-common-border-color);
vertical-align: top;
}
.ui-component-report-table-row-group .ui-component-report-table-row:last-child .ui-component-report-table-row-cell {
border-bottom: 1px solid var(--lrs-mc-common-border-color);
}
.ui-component-report-table-row-cell-with-button {
padding: 1.49rem 1.5rem;
}
.ui-component-report-table-header-multi-line,
.ui-component-report-table-row-cell-multi-line {
padding: 1.2rem 1.5rem;
}
.ui-component-report-table-header-sortable .ui-component-grid-item-sortable-ascending,
.ui-component-report-table-header-sortable .ui-component-grid-item-sortable-descending {
position: absolute;
margin-left: 1rem;
left: 100%;
}
.ui-component-report-table-header-sortable .ui-component-grid-item-sortable-descending {
top: 1.4rem;
}
.ui-component-report-table-header-sortable .ui-component-grid-item-sortable-ascending::after,
.ui-component-report-table-header-sortable .ui-component-grid-item-sortable-descending::after {
content: "\F285";
position: absolute;
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: bold !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -0.125em;
-webkit-font-smoothing: antialiased;
color: var(--lrs-mc-dropdown-arrows-bg);
transform: rotate(-90deg);
bottom: auto;
top: -0.1rem;
}
.ui-component-report-table-header-sortable .ui-component-grid-item-sortable-descending::after {
bottom: -0.3rem;
top: auto;
transform: rotate(90deg);
}
.ui-component-report-table-header-sortable .ui-component-grid-item-sortable-active::after {
color: var(--lrs-mc-dropdown-arrows-hover-bg);
}
.ui-component-report-table-header-sortable .ui-component-grid-item-sortable-ascending:hover:not(.ui-component-grid-item-sortable-active)::after,
.ui-component-report-table-header-sortable .ui-component-grid-item-sortable-descending:hover:not(.ui-component-grid-item-sortable-active)::after {
color: var(--lrs-mc-icon-info-color);
}
@media print {
.do-not-print {
display: none !important;
}
.do-not-split-across-page {
page-break-inside: avoid !important;
}
.ui-component-report-table {
width: 100%;
border-collapse: collapse;
}
.ui-component-report-table-row-cell,
.ui-component-report-table-header {
border-right: none;
border-left: none;
}
.ui-component-report-table-row-group .ui-component-report-table-row,
.ui-component-report-table-heading-group {
border-right: 1px solid var(--lrs-mc-common-border-color);
border-left: 1px solid var(--lrs-mc-common-border-color);
}
.ui-component-trends-chart-heading {
padding-left: 0.5rem;
}
}
/*
UI Component - End Audit Report Table
*/
/*
UI Component - Static Bar Chart
*/
.ui-component-static-bar-chart-container {
margin: 1rem 1rem 2rem 3rem;
height: 20rem;
position: relative;
}
.ui-component-dashboard-info-box-chart .ui-component-static-bar-chart-container {
height: 11.3rem;
}
.ui-component-static-bar-chart-bars-container {
display: grid;
/*grid-template-columns: repeat(auto-fit, minmax(5px, 1fr));*/
grid-auto-flow: column;
align-items: stretch;
height: 100%;
display: table;
width: 100%;
}
.ui-component-static-bar-chart-single-bar-container {
position: relative;
display: table-cell;
height: 100%;
contain: layout style;
}
.ui-component-static-bar-chart-single-bar-container::before {
content: '';
position: absolute;
height: calc(100% + 10px);
height: 332px;
background-color: var(--lrs-mc-common-border-color);
left: 0;
bottom: -0.3rem;
width: 1px;
}
.ui-component-dashboard-info-box-chart .ui-component-static-bar-chart-single-bar-container::before {
height: calc(100% + 10px);
}
.ui-component-static-bar-chart-bar {
background: var(--lrs-mc-audit-report-trends-chart-category-bg-color-1);
position: absolute;
bottom: 0;
left: 10%;
right: 10%;
top: auto;
border: 1px solid var(--lrs-mc-audit-report-trends-chart-category-border-color-1);
border-bottom: none;
z-index: 5;
}
.ui-component-static-bar-chart-bar-category-1 .ui-component-static-bar-chart-bar {
background: var(--lrs-mc-audit-report-trends-chart-category-bg-color-1);
border-color: var(--lrs-mc-audit-report-trends-chart-category-border-color-1);
}
.ui-component-static-bar-chart-bar-category-2 .ui-component-static-bar-chart-bar {
background: var(--lrs-mc-audit-report-trends-chart-category-bg-color-2);
border-color: var(--lrs-mc-audit-report-trends-chart-category-border-color-2);
}
.ui-component-static-bar-chart-bar-category-3 .ui-component-static-bar-chart-bar {
background: var(--lrs-mc-audit-report-trends-chart-category-bg-color-3);
border-color: var(--lrs-mc-audit-report-trends-chart-category-border-color-3);
}
.ui-component-static-bar-chart-bar-category-4 .ui-component-static-bar-chart-bar {
background: var(--lrs-mc-audit-report-trends-chart-category-bg-color-4);
border-color: var(--lrs-mc-audit-report-trends-chart-category-border-color-4);
}
.ui-component-static-bar-chart-bar-category-action .ui-component-static-bar-chart-bar {
background: var(--lrs-mc-audit-report-trends-chart-category-bg-color-action);
border-color: var(--lrs-mc-audit-report-trends-chart-category-border-color-action);
}
.ui-component-static-bar-chart-bar-category-action .ui-component-static-bar-chart-single-bar-container:hover .ui-component-static-bar-chart-bar,
.ui-component-static-bar-chart-bar-category-action .ui-component-static-bar-chart-single-bar-container.ui-component-static-bar-chart-single-bar-container-selected .ui-component-static-bar-chart-bar {
background: var(--lrs-mc-audit-report-trends-chart-category-bg-color-action-hover);
border-color: var(--lrs-mc-audit-report-trends-chart-category-border-color-action-hover);
}
.ui-component-static-bar-chart-bar-category-success .ui-component-static-bar-chart-bar {
background: var(--lrs-mc-audit-report-trends-chart-category-bg-color-success);
border-color: var(--lrs-mc-audit-report-trends-chart-category-border-color-success);
}
.ui-component-static-bar-chart-bar-category-success .ui-component-static-bar-chart-single-bar-container:hover .ui-component-static-bar-chart-bar,
.ui-component-static-bar-chart-bar-category-success .ui-component-static-bar-chart-single-bar-container.ui-component-static-bar-chart-single-bar-container-selected .ui-component-static-bar-chart-bar {
background: var(--lrs-mc-audit-report-trends-chart-category-bg-color-success-hover);
border-color: var(--lrs-mc-audit-report-trends-chart-category-border-color-success-hover);
}
.ui-component-static-bar-chart-bar-category-error .ui-component-static-bar-chart-bar {
background: var(--lrs-mc-audit-report-trends-chart-category-bg-color-error);
border-color: var(--lrs-mc-audit-report-trends-chart-category-border-color-error);
}
.ui-component-static-bar-chart-bar-category-error .ui-component-static-bar-chart-single-bar-container:hover .ui-component-static-bar-chart-bar,
.ui-component-static-bar-chart-bar-category-error .ui-component-static-bar-chart-single-bar-container.ui-component-static-bar-chart-single-bar-container-selected .ui-component-static-bar-chart-bar {
background: var(--lrs-mc-audit-report-trends-chart-category-bg-color-error-hover);
border-color: var(--lrs-mc-audit-report-trends-chart-category-border-color-error-hover);
}
@keyframes animateBarChart {
from {
height: 0;
}
to {
height: var(--lrs-mc-bar-chart-height);
}
}
@keyframes animateBarChartTooltip {
from {
top: 1rem;
}
to {
top: -4rem;
}
}
.ui-component-dashboard-info-box-chart .ui-component-static-bar-chart-bar {
height: 0;
left: 20%;
right: 20%;
transition: height 0.5s ease-out;
/*animation: animateBarChart 0.5s ease-out forwards;*/
}
.ui-component-dashboard-info-box-chart .ui-component-static-bar-chart-bar.ui-component-static-bar-chart-bar-color-1 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-1);
border-color: var(--lrs-mc-audit-report-tile-breakdown-category-color-1);
}
.ui-component-dashboard-info-box-chart .ui-component-static-bar-chart-bar.ui-component-static-bar-chart-bar-color-2 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-2);
border-color: var(--lrs-mc-audit-report-tile-breakdown-category-color-2);
}
.ui-component-dashboard-info-box-chart .ui-component-static-bar-chart-bar.ui-component-static-bar-chart-bar-color-3 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-3);
border-color: var(--lrs-mc-audit-report-tile-breakdown-category-color-3);
}
.ui-component-dashboard-info-box-chart .ui-component-static-bar-chart-bar.ui-component-static-bar-chart-bar-color-4 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-4);
border-color: var(--lrs-mc-audit-report-tile-breakdown-category-color-4);
}
.ui-component-dashboard-info-box-chart .ui-component-static-bar-chart-bar.ui-component-static-bar-chart-bar-color-5 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-5);
border-color: var(--lrs-mc-audit-report-tile-breakdown-category-color-5);
}
.ui-component-dashboard-info-box-chart .ui-component-static-bar-chart-bar.ui-component-static-bar-chart-bar-color-6 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-6);
border-color: var(--lrs-mc-audit-report-tile-breakdown-category-color-6);
}
.ui-component-dashboard-info-box-chart .ui-component-static-bar-chart-bar.ui-component-static-bar-chart-bar-color-7 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-7);
border-color: var(--lrs-mc-audit-report-tile-breakdown-category-color-7);
}
.ui-component-dashboard-info-box-chart .ui-component-static-bar-chart-bar.ui-component-static-bar-chart-bar-color-8 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-8);
border-color: var(--lrs-mc-audit-report-tile-breakdown-category-color-8);
}
.ui-component-dashboard-info-box-chart .ui-component-static-bar-chart-bar.ui-component-static-bar-chart-bar-color-9 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-9);
border-color: var(--lrs-mc-audit-report-tile-breakdown-category-color-9);
}
.ui-component-dashboard-info-box-chart .ui-component-static-bar-chart-bar.ui-component-static-bar-chart-bar-color-10 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-10);
border-color: var(--lrs-mc-audit-report-tile-breakdown-category-color-10);
}
.ui-component-dashboard-info-box-chart .ui-component-static-bar-chart-bar.ui-component-static-bar-chart-bar-color-11 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-11);
border-color: var(--lrs-mc-audit-report-tile-breakdown-category-color-11);
}
.ui-component-dashboard-info-box-chart .ui-component-static-bar-chart-bar.ui-component-static-bar-chart-bar-color-12 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-12);
border-color: var(--lrs-mc-audit-report-tile-breakdown-category-color-12);
}
.ui-component-dashboard-info-box-chart .ui-component-static-bar-chart-bar.ui-component-static-bar-chart-bar-color-13 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-13);
border-color: var(--lrs-mc-audit-report-tile-breakdown-category-color-13);
}
.ui-component-dashboard-info-box-chart .ui-component-static-bar-chart-bar.ui-component-static-bar-chart-bar-color-14 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-14);
border-color: var(--lrs-mc-audit-report-tile-breakdown-category-color-14);
}
.ui-component-dashboard-info-box-chart .ui-component-static-bar-chart-bar.ui-component-static-bar-chart-bar-color-15 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-15);
border-color: var(--lrs-mc-audit-report-tile-breakdown-category-color-15);
}
.ui-component-dashboard-info-box-chart .ui-component-static-bar-chart-bar.ui-component-static-bar-chart-bar-color-16 {
background: var(--lrs-mc-audit-report-tile-breakdown-category-color-16);
border-color: var(--lrs-mc-audit-report-tile-breakdown-category-color-16);
}
.ui-component-static-bar-chart-single-bar-container:hover,
.ui-component-static-bar-chart-single-bar-container.ui-component-static-bar-chart-single-bar-container-selected {
background: var(--lrs-mc-audit-report-trends-chart-hover-bg);
}
.ui-component-static-bar-chart-bar-tooltip-floating {
color: var(--lrs-mc-white-color);
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -4rem;
border-radius: 0.25rem;
background: var(--lrs-mc-chart-zoom-selection-border-color);
padding: 0.3rem 0.8rem;
display: none;
grid-template-columns: auto auto;
z-index: 1021;
}
.ui-component-static-bar-chart-bar-tooltip-floating-bottom {
top: auto;
bottom: 1rem;
}
.ui-component-static-bar-chart-bar-tooltip-floating::before {
content: "\F229";
color: var(--lrs-mc-chart-zoom-selection-border-color);
position: absolute;
bottom: -1rem;
left: 50%;
transform: translateX(-50%);
font-size: 1.5rem;
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ui-component-static-bar-chart-bar-tooltip-floating span {
background: var(--lrs-mc-chart-zoom-selection-border-color);
border-radius: 0.25rem;
padding: 0.1rem 0.5rem;
white-space: nowrap;
}
.ui-component-static-bar-chart-bar-tooltip-floating div span {
background: var(--lrs-mc-chart-zoom-selection-datetimes-bg);
}
.ui-component-static-bar-chart-single-bar-container:hover .ui-component-static-bar-chart-bar-tooltip-floating,
.ui-component-static-bar-chart-single-bar-container.ui-component-static-bar-chart-single-bar-container-selected .ui-component-static-bar-chart-bar-tooltip-floating {
display: grid;
}
.ui-component-static-bar-chart-single-bar-container.ui-component-static-bar-chart-single-bar-container-selected .ui-component-static-bar-chart-bar-tooltip-floating {
animation: animateBarChartTooltip 0.5s ease-out forwards;
animation-delay: 0.1s;
}
.ui-component-static-bar-chart-single-bar-container-selected-no-animation .ui-component-static-bar-chart-bar-tooltip-floating {
animation: none !important;
}
.ui-component-static-bar-chart-bar-label {
position: absolute;
text-align: center;
bottom: -2rem;
margin-top: 1rem;
font-size: 0.9rem;
left: 50%;
transform: translateX(-50%);
}
.ui-component-static-bar-chart-horizontal-line {
position: absolute;
right: 0;
height: 1px;
background-color: var(--lrs-mc-common-border-color);
left: -0.3rem;
z-index: -1;
}
.ui-component-static-bar-chart-vertical-line {
position: absolute;
height: calc(100% + 0.3rem);
background-color: var(--lrs-mc-common-border-color);
left: 0rem;
width: 1px;
bottom: -0.6rem;
z-index: 4;
}
.ui-component-static-bar-chart-vertical-axis-label {
position: absolute;
width: 4rem;
left: -4.8rem;
bottom: 0;
margin-bottom: -0.5rem;
font-size: 0.8rem;
text-align: right;
}
.ui-component-static-bar-chart-timeline-container {
color: var(--lrs-mc-chart-timezone-info-color);
font-size: 0.9rem;
margin: 6rem 0.2rem 0 2rem;
margin-top: 1.5rem;
}
.ui-component-static-bar-chart-timeline {
display: flex;
justify-content: center;
}
.ui-component-static-bar-chart-timeline-value {
padding: 0 1rem;
position: relative;
width: 8rem;
}
.ui-component-static-bar-chart-timeline-value-with-time {
width: 13rem;
}
.ui-component-static-bar-chart-timeline-value::before {
content: "\F285";
color: var(--lrs-mc-common-border-color);
position: absolute;
left: -0.55rem;
top: 0.22rem;
height: 18px;
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -0.125em;
-webkit-font-smoothing: antialiased;
}
.ui-component-static-bar-chart-timeline-start::before {
transform: rotate(180deg);
right: -0.55rem;
left: auto;
top: 0;
}
@keyframes animateBarChartTimeline {
from {
flex: 0;
}
to {
flex: 1;
}
}
.ui-component-static-bar-chart-timeline-text-container {
display: flex;
min-width: 16rem;
/*animation: animateBarChartTimeline 0.5s ease-out forwards;*/
transition: flex 0.5s ease-out;
}
.ui-component-static-bar-chart-timeline-text-container span {
flex: 0.2 0 auto;
text-align: center;
padding: 0 0.5rem;
}
.ui-component-static-bar-chart-timeline-text-container::before {
border-bottom: 1px solid var(--lrs-mc-common-border-color);
height: 0.5rem;
content: "";
flex: 1 0 auto;
margin-top: 0.2rem;
}
.ui-component-static-bar-chart-timeline-text-container::after {
border-bottom: 1px solid var(--lrs-mc-common-border-color);
height: 0.5rem;
content: "";
flex: 1 0 auto;
margin-top: 0.2rem;
}
.ui-component-dashboard-info-box-chart-loading,
.ui-component-dashboard-info-box-chart-error {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 10;
background: var(--lrs-mc-white-color-overlay);
align-items: center;
justify-content: center;
height: 100%;
display: flex;
}
/*
UI Component - End Static Bar Chart
*/
/*
UI Component - Hosted License
*/
.ui-component-hosted-license-container {
border: 1px solid var(--lrs-mc-list-group-item-border-color);
border-radius: 0.25rem;
padding: 1.5rem 2rem;
margin-bottom: 2rem;
}
.ui-component-hosted-license-heading {
display: block;
font-weight: 500;
}
.ui-component-hosted-license-breakdown-value {
color: var(--lrs-mc-dashboard-date-color);
display: block;
}
.license-count-help:not(.form-text-error) > .bi-exclamation-triangle {
display: none;
}
/*
UI Component - End Hosted License
*/
/*
UI Component - Environment Navigation
*/
.ui-component-environment-nav {
background: var(--lrs-mc-sidebar-bg);
border-bottom: 1px solid var(--lrs-mc-common-border-color);
padding: 1.1rem;
grid-gap: 1rem 2rem;
margin: -2.5rem;
margin-bottom: 1.5rem;
padding-left: 2.5rem;
}
/*
UI Component - End Environment Navigation
*/
/*
UI Component - Sticky Navigation
*/
.ui-component-sticky-navigation {
background: var(--lrs-mc-force-white-bg);
border-bottom: 1px solid var(--lrs-mc-common-border-color);
box-shadow: 0 1rem 1rem -1rem var(--lrs-mc-dropdown-menu-shadow-color);
margin-left: -2.5rem;
padding-left: 2.5rem;
margin-right: -2.5rem;
padding-right: 2.5rem;
padding-top: 1.5rem;
padding-bottom: 0rem;
}
.ui-component-sticky-navigation .ui-layout-list-filter-container:empty {
border: none;
padding: 0;
padding-top: 0.5rem;
}
.ui-component-sticky-navigation .ui-component-details-container {
padding-top: 0 !important;
margin-top: 0 !important;
}
.ui-component-sticky-navigation.ui-component-locations-picker-container-vertical,
.ui-component-sticky-navigation.ui-component-item-picker-load-on-page-load {
box-shadow: none;
border-bottom: none;
margin-right: 0;
margin-left: -1px;
padding-left: 0;
padding-right: 0;
padding-top: 1.5rem;
}
/*
UI Component - End Sticky Navigation
*/
/*
UI Component - PersonalQ Icon
*/
.ui-component-personalq-icon-lock {
position: absolute;
width: 0.8rem;
height: 0.8rem;
background: var(--lrs-mc-force-white-bg);
border-radius: 50%;
left: 2.3rem;
z-index: 3;
}
.ui-component-personalq-icon-lock-dropdown {
left: 1.7rem;
top: 1.15rem;
}
.ui-component-personalq-icon-lock-printer-list-item {
top: 2rem;
}
.ui-component-personalq-icon-lock-list-group-item {
top: 1.55rem;
}
.ui-component-personalq-icon-lock-activity-log-item {
left: 2.8rem;
top: 2.8rem;
}
.ui-component-personalq-icon-lock-basic-activity-log-item {
left: 1.3rem;
top: 2.7rem;
}
.ui-component-personalq-icon-lock-button {
left: 0.7rem;
top: 0.8rem;
}
.ui-component-personalq-icon-cutout {
position: absolute;
left: 1.75rem;
fill: var(--lrs-mc-list-group-items-with-icon-icon-color);
z-index: 4;
width: 1.35rem;
height: 1.4rem;
}
.ui-component-personalq-icon-cutout-dropdown {
left: 1.1rem;
top: 0.4rem;
}
.ui-component-personalq-icon-cutout-printer-list-item {
top: 1.3rem;
}
.ui-component-personalq-icon-cutout-list-group-item {
top: 0.9rem;
}
.ui-component-personalq-icon-cutout-activity-log-item {
left: 2.25rem;
top: 2.1rem;
}
.ui-component-personalq-icon-cutout-basic-activity-log-item {
left: 0.75rem;
}
.ui-component-personalq-icon-cutout-button {
left: 0.16rem;
top: 0.15rem;
}
.ui-component-personalq-icon-printer-printer-list-item {
top: 1.05rem;
}
.ui-component-personalq-icon-printer-pullprint-help {
color: var(--lrs-mc-list-group-items-with-icon-icon-color);
font-size: 4rem;
margin: 0 auto;
display: block;
}
.ui-component-personalq-icon-lock-printer-pullprint-help {
right: -1rem;
left: auto;
width: 3rem;
height: 3rem;
bottom: 0rem;
}
.ui-component-personalq-icon-cutout-printer-pullprint-help {
width: 3rem;
height: 3rem;
right: 0rem;
left: auto;
bottom: 1.2rem;
}
/*
UI Component - PersonalQ Icon
*/
/*
UI Component - Dashboard heading bracket
*/
.ui-component-dashboard-heading-horizontal-bracket {
border: 1px solid var(--lrs-mc-common-border-color);
border-bottom: none;
height: 0.5rem;
}
/*
UI Component - End Dashboard heading bracket
*/
/*
UI Component - Date/Time input
*/
.ui-component-date-picker-input-container {
position: relative;
width: 15rem !important;
}
.ui-component-date-picker-input,
.ui-component-date-time-picker-input {
padding-right: 2rem;
}
.ui-component-date-time-picker-input {
width: 15rem !important;
}
.ui-component-date-picker-input-container::before {
content: "\F214";
color: var(--lrs-mc-icon-grey-color);
position: absolute;
top: 0.6rem;
right: 0.6rem;
font-size: 1.2rem;
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*
UI Component - End Date/Time input
*/
/*
UI Component - PPM simulator
*/
.ui-component-ppm-sidebar-option {
padding: 0.44rem 0.8rem;
color: var(--lrs-mc-ppm-sidebar-option-color);
border-radius: 0.25rem;
font-size: 0.95rem;
display: block;
text-decoration: none;
}
.ui-component-ppm-sidebar-option:hover {
background: var(--lrs-mc-ppm-sidebar-option-bg-hover);
color: var(--lrs-mc-ppm-sidebar-option-color);
}
.ui-component-ppm-sidebar-option-selected,
.ui-component-ppm-sidebar-option-selected:hover {
background: var(--lrs-mc-ppm-sidebar-option-bg-selected);
color: var(--lrs-mc-ppm-sidebar-option-selected-color);
}
.ui-component-ppm-button-group-button-selected {
background: var(--lrs-mc-ppm-button-group-selected-button-bg) !important;
border-color: var(--lrs-mc-ppm-button-group-selected-button-bg) !important;
cursor: default !important;
}
/*
UI Component - End PPM simulator
*/
/*
UI Component - Pipeline variable
*/
.ui-component-pipeline-variable {
background: var(--lrs-mc-pipeline-variable-bg);
padding: 0.55em 0.65em;
color: var(--bs-body-color);
text-transform: uppercase;
display: inline-block;
font-size: .75em;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25rem;
}
/*
UI Component - End Pipeline variable
*/
/*
UI Component - Multi column dashboard menu
*/
.ui-component-dashboard-multi-col-menu-container-nav {
display: none;
}
@media (max-width: 118rem) {
.ui-component-dashboard-multi-col-menu-container-nav {
display: flex;
}
.ui-component-dashboard-multi-col-menu-container {
display: block !important;
}
.ui-component-dashboard-multi-col-menu-container > div {
margin-bottom: 3rem;
}
.ui-component-dashboard-multi-col-menu-container > div:last-child {
min-height: 100vh;
}
}
/*
End UI Component - Multi column dashboard menu
*/
/*
End UI Components - This is the end of the UI Components
*/
/*
* Display none should always take effect
*/
.d-none {
display: none !important;
}
/*
* Custom
*/
.mb-45 {
margin-bottom: 2rem !important;
}
.fw-500 {
font-weight: 500;
}
.fs-body {
font-size: var(--bs-body-font-size) !important;
}
.subtext-color {
color: var(--lrs-mc-dashboard-date-color);
}
.help-text {
max-width: 60rem;
line-height: 1.7;
}
.help-text-bullets {
padding-left: 2rem;
}
.help-text-bullets li {
position: relative;
padding: 0.5rem 0;
color: var(--lrs-mc-dashboard-date-color);
white-space: normal;
}
ul.help-text-bullets > li {
list-style-type: none;
}
ul.help-text-bullets > li::before {
content: "";
position: absolute;
left: -1.5rem;
top: 1.1rem;
width: 0.5rem;
height: 0.5rem;
background-color: var(--lrs-mc-dropdown-arrows-bg);
border: 2px solid var(--lrs-mc-dropdown-arrows-bg);
border-radius: 50%;
}
th.cell-success {
background: var(--lrs-mc-table-heading-success-bg);
}
th.cell-info {
background: var(--lrs-mc-table-heading-info-bg);
}
th.cell-warning {
background: var(--lrs-mc-table-heading-warning-bg);
}
th.cell-danger {
background: var(--lrs-mc-table-heading-danger-bg);
}
td.cell-success {
background: var(--lrs-mc-alert-success-bg);
}
td.cell-info {
background: var(--lrs-mc-alert-info-bg);
}
td.cell-warning {
background: var(--lrs-mc-alert-warning-bg);
}
td.cell-danger {
background: var(--lrs-mc-alert-danger-bg);
}
/*
* jQuery UI
*/
.ui-helper-hidden-accessible {
position: absolute;
left: -9999px;
}
.ui-sortable,
.ui-sortable .ui-component-custom-checkbox-container {
cursor: grab !important;
}
.ui-sortable .ui-component-custom-checkbox-container .ui-component-custom-checkbox-checkmark {
cursor: default !important;
}
.ui-state-highlight-sortable-options
{
background: repeating-linear-gradient(45deg, #ecf0f1, #ecf0f1 10px, #fff 10px, #fff 20px);
padding: 1rem !important;
}
.ui-sortable-helper {
background: var(--lrs-mc-blue);
opacity: 0.8;
color: var(--lrs-mc-white-color);
}
.ui-sortable-helper,
.ui-sortable-helper .ui-component-custom-checkbox-container,
.ui-sortable-helper .ui-component-custom-checkbox-container .ui-component-custom-checkbox-checkmark {
cursor: grabbing !important;
}
.ui-sortable-helper .form-text {
color: var(--lrs-mc-white-color);
}
/*
* Trademark
*/
.reg-tm {
position: absolute;
font-size: 40%;
}
/*
* Scheduled maintenance notifications
*/
.maintenance-notification {
position: fixed;
bottom: 0;
padding: 0.5rem;
z-index: 999;
width: 100%;
max-width: none !important;
}
.maintenance-notification > div.alert {
margin-bottom: 0;
padding-right: 2rem;
}
.dismiss-maintenance-notification > i.bi {
margin-right: 0;
}
.dismiss-maintenance-notification {
background: none;
border: none;
color: var(--bs-gray);
position: absolute;
top: 0;
right: 0.8rem;
padding: 0;
font-size: 2rem;
}
.dismiss-maintenance-notification:hover {
color: var(--bs-black-rgb);
}
/*
* End Scheduled maintenance notifications
*/
/*
* Flatpickr
*/
.flatpickr-calendar {
box-shadow: 1px 0 0 var(--lrs-mc-sidebar-shadow-color), -1px 0 0 var(--lrs-mc-sidebar-shadow-color), 0 1px 0 var(--lrs-mc-sidebar-shadow-color), 0 -1px 0 var(--lrs-mc-sidebar-shadow-color), 0 3px 13px var(--lrs-mc-sidebar-shadow-color);
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
box-shadow: -2px 0 0 var(--lrs-mc-common-border-color), 5px 0 0 var(--lrs-mc-common-border-color);
}
.flatpickr-calendar.hasTime .flatpickr-time {
border-color: var(--lrs-mc-common-border-color);
}
.flatpickr-calendar.arrowTop:before {
border-bottom-color: var(--lrs-mc-common-border-color);
}
.flatpickr-calendar.arrowTop:after {
border-bottom-color: var(--lrs-mc-force-white-bg);
}
.flatpickr-calendar.arrowBottom:before {
border-top-color: var(--lrs-mc-common-border-color);
}
.flatpickr-calendar.arrowBottom:after {
border-top-color: var(--lrs-mc-force-white-bg);
}
.flatpickr-months .flatpickr-month {
color: var(--bs-body-color);
fill: var(--bs-body-color);
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
color: var(--bs-body-color);
fill: var(--bs-body-color);
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
color: var(--bs-body-color);
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
fill: var(--lrs-mc-blue);
}
.numInputWrapper span {
border-color: var(--lrs-mc-dashboard-date-color);
}
.numInputWrapper span:hover {
background: var(--lrs-mc-sidebar-bg);
}
.numInputWrapper span:active {
background: var(--lrs-mc-sidebar-bg);
}
.numInputWrapper span.arrowUp:after {
border-bottom-color: var(--lrs-mc-dropdown-arrows-hover-bg);
}
.numInputWrapper span.arrowDown:after {
border-top-color: var(--lrs-mc-dropdown-arrows-hover-bg);
}
.numInputWrapper span svg path {
fill: var(--lrs-mc-dropdown-arrows-hover-bg);
}
.numInputWrapper:hover {
background: var(--lrs-mc-sidebar-bg);
}
.flatpickr-current-month span.cur-month:hover {
background: var(--lrs-mc-sidebar-bg);
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
border-bottom-color: var(--bs-body-color);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
border-top-color: var(--bs-body-color);
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
color: var(--bs-body-color);
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
background: var(--lrs-mc-sidebar-bg);
}
span.flatpickr-weekday {
color: var(--bs-body-color);
}
.dayContainer + .dayContainer {
-webkit-box-shadow: -1px 0 0 var(--lrs-mc-common-border-color);
box-shadow: -1px 0 0 var(--lrs-mc-common-border-color);
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
background: var(--lrs-mc-sidebar-menu-hover-bg);
border-color: var(--lrs-mc-sidebar-menu-hover-bg);
color: var(--bs-body-color);
}
.flatpickr-day.today {
border-color: var(--lrs-mc-icon-grey-color);
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
border-color: var(--lrs-mc-icon-grey-color);
background: var(--lrs-mc-icon-grey-color);
color: var(--lrs-mc-white-color);
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
background: var(--lrs-mc-blue);
color: var(--lrs-mc-white-color);
border-color: var(--lrs-mc-blue);
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
-webkit-box-shadow: -10px 0 0 var(--lrs-mc-blue);
box-shadow: -10px 0 0 var(--lrs-mc-blue);
}
.flatpickr-day.inRange {
border-radius: 0;
-webkit-box-shadow: -5px 0 0 var(--lrs-mc-common-border-color), 5px 0 0 var(--lrs-mc-common-border-color);
box-shadow: -5px 0 0 var(--lrs-mc-common-border-color), 5px 0 0 var(--lrs-mc-common-border-color);
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
color: var(--lrs-mc-dashboard-date-color);
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
cursor: not-allowed;
color: var(--lrs-mc-dashboard-date-color);
background: transparent;
border-color: transparent;
}
.flatpickr-day.week.selected {
-webkit-box-shadow: -5px 0 0 var(--lrs-mc-blue), 5px 0 0 var(--lrs-mc-blue);
box-shadow: -5px 0 0 var(--lrs-mc-blue), 5px 0 0 var(--lrs-mc-blue);
}
.flatpickr-weekwrapper .flatpickr-weeks {
-webkit-box-shadow: 1px 0 0 var(--lrs-mc-common-border-color);
box-shadow: 1px 0 0 var(--lrs-mc-common-border-color);
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
color: var(--lrs-mc-sidebar-bg);
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
border-bottom-color: var(--bs-body-color);
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
border-top-color: var(--bs-body-color);
}
.flatpickr-time input {
color: var(--bs-body-color);
font-weight: 500 !important;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
color: var(--bs-body-color);
font-weight: 500 !important;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
background: var(--lrs-mc-sidebar-bg);
}
/*
* End Flatpickr
*/